*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.navbar{background:linear-gradient(135deg,#001f6d,#043d6c);box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.navbar-brand{align-items:center;display:flex;gap:12px;text-decoration:none;transition:transform .2s}.navbar-brand:hover{transform:scale(1.05)}.navbar-logo{border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003;height:40px;width:40px}.navbar-brand-text{color:#fff;font-size:24px;font-weight:700;letter-spacing:.5px}.navbar-links{display:flex;flex:1 1;gap:8px;justify-content:center}.navbar-link{align-items:center;border-radius:8px;color:#ffffffd9;display:flex;font-weight:500;gap:8px;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s}.navbar-link:hover{background:#ffffff26;color:#fff}.navbar-link.active{background:#fff3;color:#fff}.navbar-link.active:after{background:#fff;border-radius:2px 2px 0 0;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.navbar-link-icon{font-size:20px}.navbar-user{align-items:center;display:flex;gap:12px;position:relative}.user-avatar{background:#fff3;border:2px solid #ffffff4d;cursor:pointer;font-size:16px;height:36px;transition:all .3s;width:36px}.user-avatar:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.user-name{color:#fff!important;font-size:15px;font-weight:500}.user-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:50px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.dropdown-item:hover{background:#f5f5f5}.dropdown-icon{font-size:18px}.logout-item{border-top:1px solid #eee;color:#c33}.logout-item:hover{background:#fee}@media (max-width:768px){.navbar-container{padding:0 16px}.navbar-brand-text{display:none}.navbar-links{gap:4px}.navbar-link{padding:8px 12px}.navbar-link span:last-child{display:none}.navbar-link-icon{font-size:24px}.user-name{display:none}}.auth-container{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center}.auth-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;max-width:750px;padding:40px 40px 0;width:100%}.auth-logo{max-width:100%;width:300px}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#4a90e2;outline:none}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#4a90e2;font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-container{align-items:center;background:linear-gradient(180deg,#099bd5,#b0e0e6);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:flex-start;min-height:100vh;padding:40px;text-align:center}.auth-container h1{color:#ffe44a;font-size:3.5rem;text-shadow:0 0 10px #0b5787,0 0 30px #175870,0 0 10px #0078ab}.auth-container h1,.auth-container h1.welcome{border-radius:40px;font-family:DM Sans,sans-serif;margin-bottom:10px}.auth-container h1.welcome{color:#0076d0;font-size:2rem;text-shadow:none}h2{color:#fff4b6;text-shadow:0 0 20px #0d5aa8,0 0 20px #093f75,0 0 20px #1668bb}h2,h3{font-family:DM Sans,sans-serif}h3{background:rgba(0,95,179,.781);border-radius:20px;color:#ffecc1;margin-bottom:30px;margin-top:15px;padding:20px}.auth-container p{color:#fff;font-size:1.2rem;margin-bottom:30px}.error{color:#ff4500;font-weight:700;margin-bottom:15px}.auth-form{background:#ffffffd9;border-radius:15px;box-shadow:0 10px 20px #0003;display:flex;flex-direction:column;max-width:400px;padding:30px;width:100%}.auth-form label{color:#333;font-weight:700;margin-bottom:5px;text-align:left}.auth-form input{border:2px solid #87ceeb;border-radius:10px;font-size:1rem;margin-bottom:20px;outline:none;padding:12px;transition:all .3s ease}.auth-form input:focus{border-color:gold;box-shadow:0 0 10px #ffd70033}.auth-form button{background-color:gold;border:none;border-radius:10px;color:#333;cursor:pointer;font-weight:700;padding:12px;transition:all .3s ease}.auth-form button:hover{background-color:#ffc300;transform:translateY(-2px)}.auth-container a{color:gold;font-weight:700;text-decoration:none}.auth-container a:hover{text-decoration:underline}@media (max-width:500px){.auth-form{padding:20px}.auth-container h1{font-size:2rem}}.groups-container{margin:0 auto;max-width:1200px;padding:40px 20px}.groups-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.groups-header h1{color:#333;font-size:32px;font-weight:700;margin:0}.groups-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.group-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:24px;transition:all .3s ease}.group-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.group-card h3{color:#333;font-size:20px;font-weight:600;margin:0 0 12px}.group-card p{color:#666;line-height:1.6;margin:0 0 16px}.group-meta{align-items:center;color:#999;display:flex;font-size:14px;justify-content:space-between}.badge{background:#4a90e2;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.empty-state{padding:60px 20px}.empty-state p{font-size:18px;margin:0}.error,.loading{font-size:18px;padding:60px 20px;text-align:center}.error{color:#c33}.create-group-container{margin:0 auto;max-width:600px;padding:40px 20px}.create-group-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.create-group-card h1{color:#333;font-size:28px;font-weight:700;margin:0 0 24px}.create-group-form{gap:20px}.create-group-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.form-group textarea{min-height:100px;resize:vertical}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.error-message{background:#fee;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px}.group-detail-container{margin:0 auto;max-width:900px;padding:40px 20px}.group-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px;padding:32px}.group-header button{margin-bottom:20px}.group-header h1{color:#333;font-size:32px;font-weight:700;margin:0 0 12px}.group-header p{color:#666;font-size:16px;line-height:1.6;margin:0 0 20px}.group-header .group-meta{align-items:center;display:flex;justify-content:space-between}.create-post-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px;padding:32px}.create-post-section h2{color:#333;font-size:24px;font-weight:600;margin:0 0 20px}.create-post-form{display:flex;flex-direction:column;gap:16px}.create-post-form input,.create-post-form textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:16px;padding:12px;transition:border-color .3s}.create-post-form input:focus,.create-post-form textarea:focus{border-color:#4a90e2;outline:none}.create-post-form textarea{min-height:120px;resize:vertical}.posts-section{margin-top:32px}.posts-section h2{color:#333;font-size:24px;font-weight:600;margin:0 0 24px}.post-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:24px}.post-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.post-author{color:#333;font-size:15px;font-weight:600}.post-date{color:#999;font-size:13px}.post-card h3{color:#333;font-size:20px;font-weight:600;margin:0 0 12px}.post-card p{color:#666;line-height:1.6;margin:0 0 16px;white-space:pre-wrap}.post-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:12px}.post-footer span{color:#999;font-size:14px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .3s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#4a90e2;color:#fff}.btn-primary:hover:not(:disabled){background:#357abd}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background:#e5e5e5}@media (max-width:768px){.groups-header{align-items:flex-start;flex-direction:column;gap:16px}.groups-grid{grid-template-columns:1fr}.group-header .group-meta{align-items:flex-start;flex-direction:column;gap:12px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.user-username-header{color:#999;font-size:14px;margin-top:4px}.no-messages-yet{align-items:center;color:#999;display:flex;flex:1 1;font-style:italic;justify-content:center}.messages-page{background:#fff;display:flex;height:calc(100vh - 64px);margin:0 auto;max-width:1400px}.messages-sidebar{border-right:1px solid #ddd;display:flex;flex-direction:column;overflow-y:auto;width:380px}.search-section{background:#f9f9f9;border-bottom:2px solid #f0f0f0;padding:20px}.search-section h2{color:#333;font-size:20px;margin-bottom:12px}.user-search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:12px;padding:12px;width:100%}.user-search-input:focus{border-color:#4a90e2;outline:none}.scroll-btn{font-size:14px;padding:10px;width:100%}.users-list{border-bottom:2px solid #f0f0f0;padding:20px}.users-list h3{color:#666;font-size:16px;font-weight:600;margin-bottom:16px;text-transform:uppercase}.user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px;transition:background .2s}.user-item:hover{background:#f5f5f5}.user-avatar{align-items:center;background:#4a90e2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;margin-right:12px;width:48px}.user-info{flex:1 1;min-width:0}.user-name{color:#333;font-weight:600;margin-bottom:2px}.user-username{color:#999;font-size:13px}.btn-small{font-size:13px;padding:6px 16px;white-space:nowrap}.conversations-section{flex:1 1;overflow-y:auto;padding:20px}.conversations-section h3{background:#fff;color:#666;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.conversation-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:4px;padding:12px;transition:background .2s}.conversation-item:hover{background:#f5f5f5}.conversation-item.active{background:#e3f2fd}.conversation-avatar{align-items:center;background:#4a90e2;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;margin-right:12px;width:48px}.conversation-info{flex:1 1;min-width:0}.conversation-name{color:#333;font-weight:600;margin-bottom:4px}.conversation-last-message{color:#999;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:#4a90e2;border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px}.chat-window{display:flex;flex:1 1;flex-direction:column}.chat-header{background:#fff;border-bottom:1px solid #ddd;padding:20px}.chat-header h3{font-size:18px;margin:0}.messages-list{flex:1 1;gap:12px;overflow-y:auto;padding:20px}.message,.messages-list{display:flex;flex-direction:column}.message{max-width:70%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:16px;padding:12px 16px}.message.sent .message-content{background:#4a90e2;border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background:#f0f0f0;border-bottom-left-radius:4px;color:#333}.message-time{color:#999;font-size:11px;margin-top:4px;padding:0 4px}.message-input-form{background:#fff;border-top:1px solid #ddd;display:flex;gap:12px;padding:20px}.message-input-form input{border:1px solid #ddd;border-radius:24px;flex:1 1;font-size:14px;padding:12px}.message-input-form input:focus{border-color:#4a90e2;outline:none}.no-conversation-selected{align-items:center;color:#999;display:flex;flex:1 1;justify-content:center}.empty-state{color:#999;padding:40px 20px;text-align:center}.loading{color:#666;font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.messages-sidebar{width:100%}.chat-window,.messages-sidebar.hide{display:none}.chat-window.show{display:flex}}.dashboard-container{background-attachment:fixed;background-image:url(/static/media/clouds-bg.782046740185785a3216.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;min-height:calc(100vh - 64px);padding:40px 20px;width:100%}.dashboard-welcome{margin-bottom:32px;text-align:center}.dashboard-greeting{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#264dfc,#04047d);-webkit-background-clip:text;background-clip:text;color:#333;font-size:36px;font-weight:700;margin-bottom:16px}.dashboard-subtitle{color:#666;font-size:18px;line-height:1.6}.pain-meter-container{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:48px;padding:32px}.pain-meter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pain-meter-title{color:#0050d1;font-size:24px;font-weight:700;margin:0;text-shadow:none!important}.pain-level-display{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;gap:12px;padding:12px 24px}.pain-emoji{animation:pulse 2s ease-in-out infinite;font-size:32px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pain-number{color:#333;font-size:32px;font-weight:700}.pain-meter-description{font-size:20px;font-weight:600;margin-bottom:28px;min-height:28px;padding:8px;text-align:center;transition:color .3s ease}.pain-meter-slider{margin-bottom:16px}.pain-slider{-webkit-appearance:none;appearance:none;border-radius:7px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:14px;outline:none;transition:all .3s ease;width:100%}.pain-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:4px solid #667eea;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;height:34px;-webkit-transition:all .2s ease;transition:all .2s ease;width:34px}.pain-slider::-webkit-slider-thumb:hover{box-shadow:0 6px 16px #0000004d;transform:scale(1.15)}.pain-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.pain-slider::-moz-range-thumb{background:#fff;border:4px solid #667eea;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;height:34px;-moz-transition:all .2s ease;transition:all .2s ease;width:34px}.pain-slider::-moz-range-thumb:hover{box-shadow:0 6px 16px #0000004d;transform:scale(1.15)}.pain-slider::-moz-range-thumb:active{transform:scale(1.05)}.pain-meter-labels{display:flex;justify-content:space-between;margin-top:16px;padding:0 8px}.pain-label{color:#999;font-size:13px;font-weight:500;line-height:1.5;text-align:center}.dashboard-section{margin-top:56px}.section-title{color:#0048ce;font-size:28px;font-weight:700;margin-bottom:16px;text-align:center;text-shadow:none!important}.section-subtitle{background:#f9f9f9;border-left:4px solid #667eea;border-radius:8px;color:#666;font-size:16px;font-style:italic;line-height:1.7;margin-bottom:36px;margin-left:auto;margin-right:auto;max-width:700px;padding:12px 20px;text-align:center}.dashboard-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:36px}.dashboard-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}h3{background:#edc901;color:#fff!important}.dashboard-card:before{background:var(--card-color);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.dashboard-card:hover:before{transform:scaleX(1)}.dashboard-card:after{background:var(--card-color);border-radius:50%;content:"";height:0;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.dashboard-card:hover:after{height:300px;width:300px}.dashboard-card:hover{border-color:var(--card-color);box-shadow:0 12px 28px #00000026;transform:translateY(-8px)}.card-icon{font-size:64px;margin-bottom:16px;position:relative;transition:transform .3s ease;z-index:1}.dashboard-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}.card-title{color:#333;font-size:24px;font-weight:700;margin-bottom:12px;position:relative;z-index:1}.card-description{color:#666;font-size:15px;line-height:1.6;margin:0;position:relative;z-index:1}@media (max-width:768px){.dashboard-container{padding:24px 16px}.dashboard-greeting{font-size:28px}.dashboard-subtitle{font-size:16px}.pain-meter-container{padding:24px 20px}.pain-meter-header{flex-direction:column;gap:16px;text-align:center}.pain-meter-title{font-size:20px}.pain-meter-description{font-size:17px}.pain-emoji,.pain-number{font-size:28px}.pain-meter-labels{padding:0 4px}.pain-label{font-size:11px}.section-title{font-size:24px}.section-subtitle{font-size:14px;padding:10px 16px}.dashboard-cards{gap:16px;grid-template-columns:1fr}.dashboard-card{padding:24px}.card-icon{font-size:52px}.card-title{font-size:20px}.card-description{font-size:14px}}@media (max-width:480px){.dashboard-greeting{font-size:24px}.pain-meter-container{padding:20px 16px}.pain-slider{height:12px}.pain-slider::-webkit-slider-thumb{height:28px;width:28px}.pain-slider::-moz-range-thumb{height:28px;width:28px}}.profile-container{margin:0 auto;max-width:600px;padding:40px 20px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.profile-card h1{color:#333;font-size:28px;margin-bottom:24px}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-info{background:#f5f5f5;border-radius:8px;margin:20px 0;padding:16px}.profile-info p{color:#666;margin:8px 0}.message{border-radius:6px;margin-bottom:20px;padding:12px}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}
/*# sourceMappingURL=main.20dad9f4.css.map*/