body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.workout-log{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Helvetica Neue,sans-serif;max-height:700px;max-width:300px;overflow-y:auto;padding:20px;width:500px}.workout-log h2{color:#333;font-size:18px;margin-bottom:10px}.workout-log ul{list-style:none;padding:0}.workout-log li{border-bottom:1px solid #e6e6e6;padding:10px}.workout-log li:last-child{border-bottom:none}.workout-log .no-log{color:#888;text-align:center}.modal-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;max-height:80vh}.tab-navigation{border-bottom:2px solid #f0f0f0;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem}.tab-navigation button{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.tab-navigation button.active-tab{background:#e6f7ff;color:#1890ff;font-weight:600}.row-column{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.row-column>div{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;min-height:48px;padding:.75rem 1rem;transition:all .2s ease}.row-column>div:hover{background:#f0f0f0}.input-routine{accent-color:#1890ff;cursor:pointer;flex:0 0 auto;height:20px;margin-right:12px;width:20px}.row-column label{color:#333;cursor:pointer;flex:1 1;font-size:1rem;overflow:hidden;padding-right:8px;text-overflow:ellipsis;white-space:nowrap}.modal-content>button:last-child{background:#1890ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.875rem;transition:all .2s ease;width:100%}.modal-content>button:last-child:hover{background:#096dd9}.button-position{left:1.5rem;top:1.5rem}.back-button{color:#666}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}@media (max-width:768px){.modal-content{padding:1.5rem}.row-column>div{min-height:44px;padding:.5rem 1rem}}.post-container{display:flex;justify-content:center;padding:20px 0;width:100%}.post-feed{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:450px;padding:20px 10px;width:100%}.upload-button{background-color:#0095f6;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;padding:15px;position:fixed;right:30px;transition:transform .2s ease,box-shadow .2s ease;z-index:1000}.upload-button:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.upload-button svg{display:block;font-size:24px}.post-card{background-color:#fff;border:1px solid #dbdbdb;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:transform .2s ease;width:100%}.post-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.image-container{background-color:#f8f8f8;position:relative;width:100%}.post-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.text-container{background-color:#fff;border-top:1px solid #efefef;padding:16px}.action-buttons{display:flex;gap:16px;padding-bottom:12px}.action-button{background:none;color:#262626;font-size:24px;padding:0;transition:color .2s ease}.action-button:hover{color:#0095f6}.post-texts{color:#262626;font-size:14px;line-height:1.5;margin:0;word-break:break-word}.modal-overlay{animation:fadeIn .2s ease;background-color:#0009;height:100%;width:100%}.modal-content{animation:slideUp .3s ease;border-radius:12px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:24px}.modal-title{color:#262626;font-size:18px;font-weight:600;margin-bottom:16px}.comments-list{background-color:#fafafa;border-radius:8px;margin-bottom:16px;max-height:300px}.comment-item{border-bottom:1px solid #efefef;padding:8px 0}.comment-item:last-child{border-bottom:none}.comment-author{color:#262626;font-size:14px;font-weight:600;margin-bottom:4px}.comment-text{color:#262626;line-height:1.4}.comment-input{border:1px solid #dbdbdb;border-radius:8px;font-size:14px;margin-bottom:16px;min-height:100px;padding:12px;resize:none;transition:border-color .2s ease;width:100%}.comment-input:focus{border-color:#0095f6;outline:none}.button-container{gap:12px;justify-content:flex-end}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.submit-button{background-color:#0095f6}.submit-button:hover{background-color:#0081d6}.cancel-button{background-color:#ed4956;color:#fff}.cancel-button:hover{background-color:#dc2f41}.no-comments{color:#8e8e8e}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.post-feed{padding:10px}.modal-content{padding:16px;width:95%}.upload-button{bottom:20px;right:20px}}.comments-list{background-color:#fff;max-height:400px;overflow-y:auto;padding:12px}.comment{background-color:#f8f9fa;border-radius:8px;margin-bottom:8px;padding:12px;transition:background-color .2s ease}.comment:hover{background-color:#f1f3f5}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.comment-author-info{align-items:center;display:flex;gap:8px}.comment-author-avatar{align-items:center;background-color:#4263eb;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.comment-author-name{color:#343a40;font-size:14px;font-weight:600}.comment-date{color:#868e96;font-size:12px}.comment-text{color:#495057;font-size:14px;line-height:1.5;margin:0;word-break:break-word}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.comments-list::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#adb5bd}.no-comments{color:#868e96;font-size:14px;padding:20px 0;text-align:center}@keyframes commentFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.comment{animation:commentFadeIn .2s ease forwards}@media (max-width:480px){.comment{padding:10px}.comment-text{font-size:13px;padding-left:32px}.comment-author-avatar{height:28px;width:28px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFade .3s ease-in-out;background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}@keyframes modalFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.modal-content input:not([type=checkbox]),.modal-content select,.modal-content textarea{border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;font-size:1rem;margin:8px 0;padding:.75rem;transition:border-color .2s ease;width:100%}.modal-content input[type=checkbox]{border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:border-color .2s ease}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.small-input{margin-right:.5rem;width:calc(50% - 1rem)!important}.row{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.number{color:#4b5563;font-weight:600;height:2rem;width:2rem}.number,.small-button{align-items:center;display:flex;justify-content:center}.small-button{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;transition:color .2s ease}.small-button:hover{color:#dc2626}.button-position{left:1rem;position:absolute;top:1rem}.back-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .2s ease}.back-button:hover{color:#374151}.rotate-right{transform:rotate(0deg)}.text-button{color:#374151;font-size:1rem;transition:color .2s ease}.text-button:hover{color:#1f2937}.plus-button{align-items:center;background-color:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #3b82f633;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .2s ease-in-out;width:40px;z-index:1000}.plus-button:hover{background-color:#2563eb;box-shadow:0 4px 6px #3b82f64d}.plus-button svg{color:#fff;height:24px;width:24px}.m-b{margin-bottom:2rem}.exercise-group{margin-bottom:1.5rem}.exercise-group h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.1rem;margin-bottom:.5rem;padding-bottom:.5rem}.exercise-group ul{list-style:none;margin:0;padding:0}.exercise-group li{padding:.5rem 0}.text-button{border-radius:4px;color:#666;padding:.5rem;transition:all .2s ease;width:100%}.text-button:hover{background:#f5f5f5;color:#1890ff}.page{max-width:1200px;padding:2rem}.between{align-items:center;margin-bottom:2rem}.between h1{color:#1f2937;font-size:2rem;font-weight:700}.exercise-list{background-color:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.exercise-list h2{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.exercise-list ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none;margin:0;padding:0}.exercise-list li{background-color:#f3f4f6;border-radius:.5rem;padding:1rem;transition:all .2s ease}.exercise-list li:hover{background-color:#e5e7eb;box-shadow:0 2px 4px #0000000d;transform:translateY(-2px)}.exercise-card{display:flex;flex-direction:column;gap:.5rem}.exercise-card-header{align-items:center;display:flex;justify-content:space-between}.exercise-card-title{color:#374151;font-weight:600}.exercise-card-subtitle{color:#6b7280;font-size:.875rem}.exercise-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}.stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:1rem}.stat-card-title{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.stat-card-value{color:#1f2937;font-size:1.25rem;font-weight:600}@media (max-width:768px){.page{padding:1rem}.between h1{font-size:1.5rem}.exercise-list{padding:1rem}.exercise-stats{grid-template-columns:repeat(2,1fr)}}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;height:40px;width:40px}.plus-button{font-size:50px}button:hover{color:gray}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.button-wrapper{align-items:center;display:flex;flex-direction:column}.google-login-button{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:9999px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;gap:8px;padding:16px 32px;transition:all .2s ease}.google-login-button:hover{background-color:#f9fafb;border-color:#d1d5db}.google-login-button:focus{box-shadow:0 0 0 2px #3b82f6;outline:none}.google-icon{height:24px;margin-right:8px;width:24px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{background-color:#1f2937;box-shadow:2px 0 5px #0000004d;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:250px}.logo-container{border-bottom:1px solid #374151;display:flex;justify-content:center;padding:1.5rem}.logo-container img{height:auto;width:128px}.sidebar-nav{flex:1 1;padding:1.5rem 1rem}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:.5rem}.sidebar-nav a{align-items:center;border-radius:.5rem;color:#fff;display:flex;gap:.75rem;padding:.75rem;text-decoration:none;transition:background-color .2s}.sidebar-nav a:hover{background-color:#374151}.sidebar-nav span{font-size:1.125rem}.auth-container{border-top:1px solid #374151;padding:1rem}.profile-section{padding:.5rem}.profile-info{align-items:center;background-color:#374151;border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem}.profile-image{border:2px solid #fff;object-fit:cover}.user-name{color:#fff;font-size:.95rem;font-weight:500}.login-button{align-items:center;background-color:#2563eb;border:none;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;gap:.5rem;justify-content:center;padding:.75rem;text-decoration:none;transition:background-color .2s;width:100%}.login-button:hover{background-color:#1d4ed8}.sidebar svg{height:20px;width:20px}.page{margin:0 auto;max-width:800px;padding:20px}.between{display:flex;justify-content:space-between}.container{height:100vh;position:relative}.content{background-color:#fff;height:100%;margin-left:250px;overflow-y:auto;padding:20px}.flex{align-content:center;display:flex;flex:1 1;justify-content:center}ul{list-style-type:none;margin:0;padding:0}li{margin-bottom:8px}.routine-box{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:2px 2px 8px #0000001a;box-sizing:border-box;margin-bottom:10px;padding:16px}.right-button{font-size:1.5rem;margin-right:1rem}button{background:none;border:none;cursor:pointer}.routine-title{display:flex;justify-content:space-between}.text-button{background:none;border:none;color:#333;cursor:pointer;font-size:16px;font-weight:700;text-align:left}.exercise-lists{margin-top:10px;padding-left:20px}.set-list{margin-top:8px;padding-left:0}.set-item{align-items:center;color:#333;display:flex;font-size:14px;gap:10px;padding:6px 0}.set-item div:first-child{color:#555;font-weight:700;text-align:center;width:50px}.set-item div:nth-child(2),.set-item div:nth-child(3){text-align:center;width:60px}.exercise-box{background-color:#f4f4f4;border:1px solid #ddd;border-radius:8px;margin-top:10px;padding:10px}.button-container{align-items:center;display:flex;gap:10px}.upload-container{animation:fadeIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 8px 20px #0000001a;margin:40px auto;max-width:700px;padding:30px}.upload-title{color:#2d3748;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.upload-form{display:flex;flex-direction:column;gap:24px}.upload-area{border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.upload-area:hover{background-color:#4299e10d;border-color:#4299e1}.upload-area.dragging{background-color:#4299e11a;border-color:#4299e1}.upload-icon{color:#a0aec0;height:48px;margin:0 auto 16px;width:48px}.upload-text{color:#4a5568;font-size:16px;margin-bottom:8px}.upload-subtext{color:#718096;font-size:14px}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.preview-container{border-radius:12px;margin-top:20px;overflow:hidden;position:relative}.preview-image{border-radius:12px;height:300px;object-fit:cover;width:100%}.preview-overlay{align-items:center;background:#00000080;color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.preview-container:hover .preview-overlay{opacity:1}.text-area{border:1px solid #e2e8f0;border-radius:12px;font-size:16px;line-height:1.5;min-height:150px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.text-area:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.submit-button{align-items:center;background-color:#4299e1;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;transition:all .3s ease}.submit-button:hover{background-color:#3182ce;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button svg{height:20px;width:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.upload-container{margin:20px;padding:20px}.upload-title{font-size:24px}.upload-area{padding:30px 15px}.preview-image{height:200px}}.profile-container{margin:0 auto;max-width:935px;padding:30px 20px}.profile-header{display:flex;gap:30px;margin-bottom:44px}.profile-avatar{border-radius:50%;height:150px;overflow:hidden;width:150px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{align-items:center;background-color:#0095f6;color:#fff;display:flex;font-size:64px;font-weight:500;height:100%;justify-content:center;width:100%}.profile-infos{align-items:center;border-radius:.5rem;display:flex;flex:1 1;gap:.75rem;justify-content:space-between;margin-right:5rem;padding:.5rem}.profile-name{font-size:28px;font-weight:300;margin-bottom:20px}.profile-stats{gap:40px}.profile-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column}.stat-value{font-size:18px;font-weight:600}.stat-label{color:#8e8e8e;font-size:14px}.profile-tabs{border-top:1px solid #dbdbdb;display:flex;margin-bottom:20px}.tab-button{align-items:center;background:none;border:none;border-top:1px solid #0000;color:#8e8e8e;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px;transition:all .2s ease}.tab-button svg{font-size:16px}.tab-button.active{border-top-color:#262626;color:#262626}.posts-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.post-item{aspect-ratio:1;border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.post-item img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.post-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.post-item:hover img{transform:scale(1.05)}.post-item:hover .post-overlay{opacity:1}.post-text{color:#fff;font-size:14px;padding:20px;text-align:center}.friends-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.friend-item{border-radius:12px;gap:12px;transition:transform .2s ease}.friend-avatar{height:56px;width:56px}.friend-avatar-placeholder{align-items:center;background-color:#0095f6;color:#fff;display:flex;font-size:24px;font-weight:500;height:100%;justify-content:center;width:100%}.friend-info{flex:1 1}.friend-name{font-size:16px;font-weight:500;margin:0}.no-content{color:#8e8e8e;grid-column:1/-1;padding:40px 0;text-align:center}@media (max-width:768px){.profile-header{flex-direction:column;gap:20px;text-align:center}.profile-avatar{height:120px;width:120px}.profile-stats{justify-content:center}.posts-grid{gap:3px}.friends-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.loading{color:#8e8e8e;padding:40px;text-align:center}.profile-stats a{color:#262626;text-decoration:none}.profile-stats a:visited{color:#262626}.friend-requests-container{margin:0 auto;max-width:600px;padding:24px}.friend-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;margin-bottom:24px;overflow:hidden}.friend-section-header{align-items:center;border-bottom:1px solid #efefef;display:flex;gap:12px;padding:20px}.friend-icon{color:#0095f6;font-size:24px}.friend-section-header h2{color:#262626;font-size:18px;font-weight:600;margin:0}.friend-list{padding:16px}.friend-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.friend-item:last-child{margin-bottom:0}.friend-item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.friend-info{align-items:center;display:flex;gap:16px}.friend-avatar{border-radius:50%;height:48px;overflow:hidden;width:48px}.friend-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:#0095f6;color:#fff;display:flex;font-size:20px;font-weight:500;height:100%;justify-content:center;width:100%}.friend-details h3{color:#262626;font-size:16px;font-weight:500;margin:0}.friend-actions{display:flex;gap:8px}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.action-button svg{font-size:14px}.action-button.accept{background-color:#0095f6;color:#fff}.action-button.accept:hover{background-color:#0081d6}.action-button.reject{background-color:#f1f1f1;color:#262626}.action-button.reject:hover{background-color:#dbdbdb}.action-button.request{background-color:#0095f6;color:#fff}.action-button.request:hover{background-color:#0081d6}.suggested-list .friend-item{background-color:#fafafa}.friend-requests-loading,.no-requests{color:#8e8e8e;padding:40px 0;text-align:center}@media (max-width:480px){.friend-requests-container{padding:16px}.friend-item{align-items:flex-start;flex-direction:column;gap:16px;padding:12px}.friend-actions{justify-content:flex-end;width:100%}.action-button{font-size:13px;padding:6px 12px}}.friend-list::-webkit-scrollbar{width:6px}.friend-list::-webkit-scrollbar-track{background:#f1f1f1}.friend-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.friend-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.poster-container{height:100%;width:380px}.poster-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;height:500px;overflow:hidden}.poster-card,.poster-header{display:flex;flex-direction:column}.poster-header{background:linear-gradient(to bottom right,#2563eb,#1e40af);color:#fff;padding:1.5rem}.poster-title{-webkit-line-clamp:2;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.poster-description,.poster-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.poster-description{-webkit-line-clamp:3;font-size:.95rem;line-height:1.4;margin-bottom:1rem;opacity:.9}.info-grid{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.info-item{align-items:center;display:flex;gap:.5rem;width:100%}.info-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.poster-content{display:flex;flex:1 1;flex-direction:column}.features-section{border-radius:12px;height:140px;margin-bottom:1rem;overflow:hidden;padding:1.25rem}.features-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.features-title svg{color:#2563eb}.feature-list{display:flex;flex-direction:column;gap:.75rem}.feature-item{align-items:center;display:flex;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-bullet{background-color:#2563eb;border-radius:50%;flex-shrink:0;height:8px;width:8px}.chat-button{align-items:center;background-color:#2563eb;border:none;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;margin-top:auto;padding:1rem;transition:background-color .2s;width:100%}.chat-button:hover{background-color:#1d4ed8}.icon{flex-shrink:0;height:1.5rem;width:1.5rem}.club-page{min-height:100vh;padding:2rem}.club-page-container{margin:0 auto;max-width:1200px}.club-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.club-page-title{color:#1a1a1a;font-size:2rem;font-weight:700}.create-button{align-items:center;background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.create-button:hover{background-color:#1d4ed8}.search-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.search-input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem}.search-input:focus{border-color:#2563eb;outline:none}.filter-select{border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;min-width:150px;padding:.75rem}.club-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.club-grid{grid-template-columns:1fr}.search-section{flex-direction:column}.filter-select{width:100%}}*,:after,:before{box-sizing:border-box}.create-container{margin:0 auto;max-width:800px;padding:2rem}.create-header{margin-bottom:2rem}.create-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.create-subtitle{color:#666;font-size:1.1rem}.create-form{background:#fff;border-radius:16px;box-shadow:0 2px 4px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;outline:none}.form-textarea{min-height:120px;resize:vertical}.highlights-container{display:flex;flex-direction:column;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-button,.submit-button{border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.submit-button{background-color:#2563eb;border:none;color:#fff;flex:1 1}.submit-button:hover{background-color:#1d4ed8}.cancel-button{background-color:#fff;border:1px solid #e5e7eb;color:#666;padding:.75rem 2rem}.cancel-button:hover{background-color:#f3f4f6}.error-message{color:#dc2626;font-size:.875rem;margin-top:.25rem}.chat-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh}.chat-header{align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000001a;display:flex;padding:1rem}.chat-header h1{color:#333;font-size:1.25rem;font-weight:600;margin:0}.connecting-status{align-items:center;color:#f59e0b;display:flex;margin-left:1rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f59e0b;border-radius:50%;border-top-color:#0000;height:16px;margin-right:.5rem;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.messages-container{flex:1 1;overflow-y:auto;padding:1rem}.message-bubble{background-color:#fff;border-radius:.5rem}.message-sender{color:#666;font-weight:500}.message-content{color:#333;line-height:1.5}.input-container{background-color:#fff;border-top:1px solid #e5e5e5;display:flex;gap:.5rem;padding:1rem}.message-input{border:1px solid #e5e5e5;border-radius:.5rem;flex:1 1;outline:none;padding:.75rem 1rem;transition:border-color .2s}.message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.message-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s}.send-button:hover:not(:disabled){background-color:#2563eb}.send-button:disabled{background-color:#9ca3af;cursor:not-allowed}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#555}.message-wrapper{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.other-message{justify-content:flex-start}.other-message .message-bubble{background-color:#fff;color:#1f2937}.my-message{flex-direction:row-reverse}.my-message .message-content-wrapper{align-items:flex-end;display:flex;flex-direction:column}.my-message .message-bubble{background-color:#2563eb;color:#fff}.message-content-wrapper{flex:1 1}.message-bubble{border-radius:1rem;box-shadow:0 1px 2px #0000000d;display:inline-block;max-width:80%;padding:.75rem}.profile-image{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.profile-image img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-initial{align-items:center;background-color:#4b5563;color:#fff;display:flex;font-size:1.125rem;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.message-sender{color:#6b7280;font-size:.875rem;margin-bottom:.25rem;padding-left:.5rem}.message-wrapper+.message-wrapper{margin-top:.5rem}
/*# sourceMappingURL=main.37439a98.css.map*/