@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.auth-container{background:#1a1a1a;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;position:relative}.gradient-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.ellipse{border-radius:50%;position:absolute}.ellipse-inner{background:#fff;bottom:-244px;filter:blur(75px);height:272px;width:406px}.ellipse-inner,.ellipse-middle{left:50%;transform:translateX(-50%)}.ellipse-middle{background:#3f9ffdbf;bottom:-413px;filter:blur(150px);height:463px;width:678px}.ellipse-outer{background:#389dffcc;bottom:-509px;filter:blur(200px);height:545px;left:50%;transform:translateX(-50%);width:1134px}.top-logo{display:flex;justify-content:center;margin-bottom:80px;padding-top:30px;position:relative;z-index:2}.logo{height:35px;opacity:.5;width:auto}.auth-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-top:-100px;padding:20px;position:relative;z-index:1}.auth-header{margin-bottom:40px;text-align:center}.auth-title{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.auth-subtitle,.auth-title{font-family:Inter,sans-serif}.auth-subtitle{color:#ffffffb3;font-size:16px;font-weight:400;margin:0}.auth-content-wrapper,.auth-form{max-width:350px;width:100%}.form-group{margin-bottom:18px}.form-label{color:#8e8e8e;display:block;font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;margin-bottom:.5rem}.phone-inputs-wrapper{align-items:stretch;display:flex;gap:8px;height:52px}.country-code-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff26;border-radius:12px;box-sizing:border-box;display:flex;gap:8px;height:100%;justify-content:center;min-width:50px;padding:0 10px;transition:all .2s ease}.flag{font-size:16px}.country-code{font-weight:600}.country-code,.phone-input-separate{color:#fff;font-family:Inter,sans-serif;font-size:16px}.phone-input-separate{background:#0000004d!important;border:1px solid #ffffff26!important;border-radius:12px!important;box-sizing:border-box;flex:1 1;height:100%;margin:0;max-height:100%;min-height:0;outline:none;padding:0 20px}.phone-input-separate::placeholder{color:#ffffff80;font-family:Inter,sans-serif}.phone-input-separate:focus{background:#0006!important;border-color:#389dff99!important;box-shadow:0 0 0 3px #389dff1a!important;outline:none}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff26;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;padding:14px 20px;transition:all .2s ease}.form-input::placeholder{color:#ffffff80;font-family:Inter,sans-serif}.form-input:focus{background:#0006;border-color:#389dff99;box-shadow:0 0 0 3px #389dff1a;outline:none}.form-input:disabled{background:#0003;color:#ffffff80;cursor:not-allowed}.verification-form{max-width:400px}.verification-text{margin-bottom:32px;text-align:center}.verification-text p{color:#fffc;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;margin:0}.phone-highlight{color:#389dff;font-weight:600}.digit-inputs-container{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.digit-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:600;height:56px;text-align:center;transition:all .2s ease;width:56px}.digit-input:focus{background:#0006;border-color:#389dff99;box-shadow:0 0 0 3px #389dff1a;outline:none}.digit-input:disabled{background:#0003;color:#ffffff80;cursor:not-allowed}.confirm-btn,.resend-section{margin-bottom:24px}.resend-section{text-align:center}.resend-text{color:#ffffffb3;margin-bottom:8px}.resend-link,.resend-text{font-family:Inter,sans-serif;font-size:14px}.resend-link{background:none;border:none;color:#389dff;cursor:pointer;font-weight:600;transition:color .2s ease}.resend-link:hover:not(:disabled){color:#3f9ffd;text-decoration:underline}.resend-disabled{color:#fff6;font-weight:600}.resend-disabled,.timer-text{font-family:Inter,sans-serif;font-size:14px}.timer-text{color:#fff9}.back-btn{margin-top:8px}.btn{border-radius:12px;display:inline-flex;font-size:16px;justify-content:center;min-height:52px;padding:16px 24px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#389dff,#3f9ffd);box-shadow:0 4px 15px #389dff4d}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #389dff66}.btn-primary:disabled{box-shadow:0 4px 15px #389dff33}.continue-btn{margin-top:8px}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-full{width:100%}.alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-sizing:border-box;font-family:Inter,sans-serif;margin-bottom:16px;padding:14px 16px;text-align:center}.alert-error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.alert-success{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.auth-switch{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:24px}.switch-text{color:#ffffffb3;font-weight:400}.switch-link,.switch-text{font-family:Inter,sans-serif;font-size:14px}.switch-link{background:none;border:none;color:#389dff;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s ease}.switch-link:hover{color:#3f9ffd;text-decoration:underline}@media (max-width:480px){.top-logo{margin-bottom:60px;padding-top:40px}.auth-content{margin-top:-80px;padding:20px}.auth-title{font-size:24px;font-weight:400}.auth-form,.verification-form{max-width:320px}.digit-inputs-container{gap:8px}.digit-input{font-size:18px;height:42px;width:42px}}.profile-setup-progress{display:flex;justify-content:center;margin-bottom:40px;padding:0 20px;position:relative;z-index:2}.progress-steps{gap:40px}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{flex-direction:column;gap:8px}.step-number{align-items:center;background:#0000;border:2px solid #ffffff4d;border-radius:50%;color:#ffffff80;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.progress-step.active .step-number{background:#389dff1a;border-color:#389dff;color:#389dff}.progress-step.completed .step-number{background:#22c55e;border-color:#22c55e;color:#fff}.step-label{color:#ffffff80;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.progress-step.active .step-label{color:#389dff}.progress-step.completed .step-label{color:#22c55e}.profile-picture-section{gap:24px;margin-bottom:32px}.profile-picture-preview{align-items:center;background:#0000004d;border:3px solid #ffffff26;border-radius:50%;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.preview-image{height:100%;object-fit:cover;width:100%}.preview-placeholder{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:8px;text-align:center}.preview-placeholder p{font-family:Inter,sans-serif;font-size:12px;margin:0}.profile-picture-buttons{display:flex;flex-direction:column;gap:12px;width:100%}@media (max-width:480px){.profile-setup-progress{margin-bottom:30px;padding:0 10px}.progress-steps{gap:20px}.step-number{font-size:14px;height:36px;width:36px}.step-label{font-size:11px}.profile-picture-preview{height:100px;width:100px}}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d2d2df2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:480px;padding:40px;width:100%}.group-preview-container{margin:30px 0}.group-info{gap:20px;text-align:center}.group-preview-image{object-fit:cover}.group-preview-avatar,.group-preview-image{border:2px solid #ffffff1a;border-radius:16px;height:80px;width:80px}.group-details{max-width:100%}.group-name{color:#fff;font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.group-description{color:#b3b3b3;font-size:16px;line-height:1.5;margin:0 0 16px}.member-count{color:#3b82f6}.created-by{color:#888}.auth-actions{display:flex;gap:12px;margin-top:30px}.auth-button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button:not(.secondary){background:#3b82f6;color:#fff}.auth-button:not(.secondary):hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.auth-button.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.auth-button.secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#3b82f6;height:24px;margin:16px auto;width:24px}.coming-soon-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d2d2df2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;padding:40px;text-align:center}.coming-soon-icon{font-size:48px;line-height:1;margin-bottom:24px;opacity:.9}.coming-soon-message{color:#fffc;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 32px}.coming-soon-features{display:flex;flex-direction:column;gap:12px;margin-top:20px}.feature-item{background:#9e9e9e1a;border:1px solid #67717a33;border-radius:8px;color:#ffffffe6;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 16px}@media (max-width:480px){.coming-soon-card{padding:32px 24px}.coming-soon-icon{font-size:40px;margin-bottom:20px}.coming-soon-message{font-size:15px}.feature-item{font-size:13px}}.auth-footer{color:#ffffffb3;font-family:Inter,sans-serif;margin-top:auto;padding:20px;position:relative;text-align:center;z-index:10}.auth-footer p{font-size:12px;font-weight:400;margin:0 0 10px}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.footer-links a{color:#fffc;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#3f9ffd}.footer-links span{color:#fff6;font-size:12px}@media (max-width:480px){.auth-footer{padding:15px}.footer-links{flex-direction:column;gap:5px}.footer-links span{display:none}}.download-buttons{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#000000e6!important;border-top:1px solid #ffffff1a!important;bottom:0!important;flex-direction:column!important;gap:12px!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;width:100vw!important;z-index:9999!important}.download-btn,.download-buttons{box-sizing:border-box!important;display:flex!important;margin:0!important}.download-btn{align-items:center!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;justify-content:center!important;padding:16px 20px!important;text-decoration:none!important;transition:all .2s ease!important;width:100%!important}.download-btn.ios{background:#3f9ffd!important;color:#fff!important}.download-btn.android{background:#34a853!important;color:#fff!important}.download-btn:hover{box-shadow:0 8px 25px #3f9ffd4d!important;opacity:.9!important;transform:translateY(-2px)!important}.download-btn:active{transform:translateY(0)!important}.download-btn svg{height:20px!important;margin-right:8px!important;width:20px!important}.download-buttons.android-only .download-btn.ios,.download-buttons.ios-only .download-btn.android{display:none}@media (max-width:480px){.download-buttons{max-width:none;padding:16px;width:100%}.download-btn{font-size:15px;max-width:none;padding:14px 16px;width:100%}}.event-conflict-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-conflict-modal{background:#1a1a1a;border:2px solid #333;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;font-family:Inter,sans-serif;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.event-conflict-modal-header{align-items:flex-start;background:#181818;border-bottom:2px solid #333;display:flex;gap:16px;padding:24px}.conflict-warning-icon{background:#f59e0b1a;border-radius:8px;flex-shrink:0;padding:8px}.event-conflict-modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0 0 4px}.event-conflict-modal-header p{color:#888;font-size:14px;line-height:1.4;margin:0}.close-button{border-radius:4px;color:#888;margin-left:auto;transition:all .2s ease}.close-button:hover{color:#fff}.event-conflict-content{flex:1 1;overflow-y:auto;padding:24px}.conflicting-events-section,.proposed-event-section{margin-bottom:32px}.conflicting-events-section:last-child,.proposed-event-section:last-child{margin-bottom:0}.event-conflict-content h3{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.proposed-event-section h3:before{background:#10b981;border-radius:50%;content:"";height:8px;width:8px}.conflicting-events-section h3:before{background:#f59e0b;border-radius:50%;content:"";height:8px;width:8px}.event-card{background:#222;border:1px solid #333;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s ease}.event-card:last-child{margin-bottom:0}.proposed-event{background:#10b9810d;border-left:4px solid #10b981}.conflicting-event{background:#f59e0b0d;border-left:4px solid #f59e0b}.event-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.event-title{color:#fff;flex:1 1;font-size:16px;font-weight:600;line-height:1.3}.event-group{background:#ffffff1a;border-radius:6px;color:#888;font-size:12px;font-weight:500;padding:4px 8px}.event-time{align-items:center;color:#ccc;display:flex;font-weight:500;gap:8px;margin-bottom:8px}.event-duration{font-weight:400}.event-location{margin-bottom:8px}.event-location svg{opacity:.6}.event-creator{color:#888;font-size:12px;font-style:italic}.event-conflict-actions{background:#181818;border-top:2px solid #333;display:flex;gap:12px;padding:20px 24px}.btn{border-radius:8px;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:12px 20px}.btn-secondary{background:#333}.btn-secondary:hover{background:#444}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706;transform:translateY(-1px)}.event-conflict-content::-webkit-scrollbar{width:6px}.event-conflict-content::-webkit-scrollbar-track{background:#1a1a1a}.event-conflict-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.event-conflict-content::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width:768px){.event-conflict-modal{max-height:90vh;width:95%}.event-conflict-content,.event-conflict-modal-header{padding:20px}.event-conflict-actions{flex-direction:column;padding:16px 20px}.btn{padding:14px 20px}.event-card-header{align-items:flex-start;flex-direction:column;gap:8px}.event-group{align-self:flex-start}}@media (max-width:480px){.event-conflict-content,.event-conflict-modal-header{padding:16px}.event-conflict-modal-header h2{font-size:18px}.event-title{font-size:15px}}.create-event-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.create-event-modal{animation:modalSlideIn .3s ease-out;background:#1c1c1c;border:1px solid #272727;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:640px;min-height:320px;overflow:hidden;position:relative;transition:all .4s ease;width:100%}.create-event-modal.creation-active{max-height:300px;max-width:400px;min-height:300px}.create-event-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.create-event-modal-header h2{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin:0 0 8px}.create-event-form-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 20px}.create-event-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.help-icon{margin-left:6px;opacity:.7}.form-input.error{background:#ef44440d;border-color:#ef4444!important}.form-input.error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a}.date-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.date-section-header{margin-bottom:16px;width:100%}.select-date-btn{background:none;border:1px solid #383838;color:#888;font-size:12px;gap:6px;padding:8px 12px}.select-date-btn:hover{border-color:#9ca3af;color:#aaa}.calendar-icon{height:14px;width:14px}.date-picker-container{border-radius:16px}.date-option.selected{background:#555}.date-nav-btn{height:36px;width:36px}.date-selector{gap:8px;padding:4px 0}.date-option{border:none;border-radius:12px;color:#fff;gap:4px;min-width:70px;padding:16px 20px;text-align:center}.date-option:hover{background:#ffffff1a}.date-day{font-size:12px}.date-number{font-size:18px}.date-month{font-weight:600;opacity:.9}.date-option.different-month{padding:12px 16px}.date-option.different-month .date-number{font-size:16px;font-weight:700;margin:2px 0}.date-option.different-month .date-day{font-size:10px;font-weight:500;opacity:.8}.time-selector{background:#2e2e2e;border:1px solid #383838;border-radius:16px;display:flex;flex-direction:column;max-height:250px;overflow-y:auto}.time-option{background:#0000;border:none;border-radius:0;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:16px 20px;text-align:center;transition:all .2s ease}.time-option:last-child{border-bottom:none}.time-option:first-child{border-radius:16px 16px 0 0}.time-option:last-child{border-radius:0 0 16px 16px}.time-option:only-child{border-radius:16px}.time-option:hover{background:#383838;border-radius:12px;margin:0 16px}.time-option.selected{background:#555;border-radius:12px;margin:0 16px}.time-option.past-time{color:#999;cursor:not-allowed;opacity:.3}.time-option.past-time:hover{background:#0000;margin:0}.form-group-header{margin-bottom:16px}.form-group-header label{margin:0}.form-group-header .calendar-btn{align-items:center;background:none;border:1px solid #383838;border-radius:8px;color:#888;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;gap:6px;padding:8px 12px;transition:all .2s ease}.form-group-header .calendar-btn:hover{border-color:#9ca3af;color:#aaa}.form-group-header .calendar-btn.active{border-color:currentColor;color:#fff}.custom-close-icon{font-size:14px;font-weight:400;margin-left:6px;opacity:.8}.time-selector::-webkit-scrollbar{width:6px}.time-selector::-webkit-scrollbar-track{background:#0000}.time-selector::-webkit-scrollbar-thumb{background:#383838;border-radius:3px}.time-selector::-webkit-scrollbar-thumb:hover{background:#9ca3af}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.team-selector{align-items:center;background:#2e2e2e;border:1px solid #383838;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;height:56px;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.team-selector:hover{background:#383838;border-color:#9ca3af}.selected-team{font-weight:500}.review-section{display:flex;flex-direction:column;gap:24px}.review-section h3{border-bottom:1px solid #272727;color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0;padding-bottom:16px}.review-item{display:flex;flex-direction:column;gap:8px}.review-item label{color:#aaa;font-size:14px;font-weight:500;margin:0}.review-value{background:#2e2e2e;border:1px solid #383838;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.4;padding:16px 20px}.create-event-form-container::-webkit-scrollbar{width:6px}.create-event-form-container::-webkit-scrollbar-track{background:#1c1c1c}.create-event-form-container::-webkit-scrollbar-thumb{background:#383838;border-radius:3px}.create-event-form-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.calendar-dropdown{z-index:2000}.duration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.duration-header label{margin:0}.duration-description{margin:0 0 24px}.duration-description,.location-description{color:#aaa;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.location-description{margin:0 0 16px}.location-examples{background:#ffffff08;border:1px solid #2e2e2e;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;margin-top:12px;padding:12px 16px}.examples-label{color:#9ca3af;font-weight:600;margin-right:8px}.example-text{color:#aaa;font-weight:400}.meeting-providers{margin-bottom:20px}.provider-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.provider-btn{align-items:center;background:#2e2e2e;border:1px solid #383838;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.provider-btn:hover{background:#383838;border-color:#9ca3af;transform:translateY(-1px)}.provider-btn.selected{box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.provider-icon{align-items:center;display:flex;height:16px;justify-content:center;line-height:1;width:16px}.provider-icon img{height:100%;object-fit:contain;width:100%}.provider-clear-btn{align-items:center;background:#0000;border:1px solid #383838;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:28px;justify-content:center;line-height:1;min-width:28px;padding:6px 8px;transition:all .2s ease}.provider-clear-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.provider-hint{background:#ffffff08;border:1px solid #2e2e2e;border-radius:8px;font-family:Inter,sans-serif;font-size:12px;padding:8px 12px}.hint-label{color:#9ca3af;font-weight:600;margin-right:8px}.hint-text{color:#aaa;font-weight:400}.location-input-container{margin-bottom:12px;position:relative}.location-error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;gap:6px;margin-top:8px;padding:8px 12px}.location-error-message:before{content:"⚠️";font-size:12px}.address-suggestions-container{animation:suggestionsSlideDown .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1c1c1cf2;border:1px solid #383838;border-radius:0 0 12px 12px;border-top:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes suggestionsSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.address-suggestion-item{align-items:center;border-bottom:1px solid #2e2e2e;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:10px;padding:12px 16px;transition:all .2s ease}.address-suggestion-item:last-child{border-bottom:none}.address-suggestion-item:hover{background:#ffffff0d}.address-suggestion-item.loading{color:#9ca3af;cursor:default;gap:8px;justify-content:center}.address-suggestion-item.loading:hover{background:#0000}.address-suggestion-item.no-results{color:#666;cursor:default;font-style:italic}.address-suggestion-item.no-results:hover{background:#0000}.location-icon{color:#9ca3af;height:14px;width:14px}.suggestion-spinner{animation:spin 1s linear infinite;border:2px solid #383838;border-radius:50%;border-top-color:#9ca3af;height:14px;width:14px}.address-suggestions-container::-webkit-scrollbar{width:4px}.address-suggestions-container::-webkit-scrollbar-track{background:#0000}.address-suggestions-container::-webkit-scrollbar-thumb{background:#383838;border-radius:2px}.address-suggestions-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.time-range-display{background:#ffffff0d;border:1px solid #383838;border-radius:8px;color:#aaa;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;padding:6px 12px}.duration-selection{display:flex;flex-direction:column;gap:20px}.duration-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.duration-card{align-items:center;background:#2e2e2e;border:1px solid #383838;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;justify-content:center;min-height:56px;padding:16px 20px;text-align:center;transition:all .2s ease}.duration-card:hover{background:#383838;border-color:#9ca3af;transform:translateY(-1px)}.duration-card.selected{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.custom-duration-container{animation:slideDown .2s ease-out;background:#2e2e2e;flex-direction:column;gap:20px}.compact-duration-inputs,.custom-duration-container{border:1px solid #383838;border-radius:12px;display:flex;padding:20px}.compact-duration-inputs{align-items:center;background:#1c1c1c;gap:16px;justify-content:center}.duration-input-group{align-items:center;display:flex;flex-direction:column;gap:8px}.compact-duration-label{display:none}.compact-duration-input{background:#2e2e2e;border:1px solid #383838;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:700;height:48px;padding:0;text-align:center;transition:all .2s ease;width:60px}.compact-duration-input:focus{background:#383838;border-color:#9ca3af!important;border-width:2px!important;outline:none;transform:scale(1.05)}.compact-duration-input::placeholder{color:#666;font-weight:400}.compact-duration-actions{border-top:1px solid #383838;display:flex;gap:12px;justify-content:flex-end;margin-top:4px;padding-top:16px}.compact-duration-btn{border:1px solid;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.compact-duration-btn.cancel-btn{background:#0000;border-color:#383838;color:#9ca3af}.compact-duration-btn.cancel-btn:hover{background:#ffffff0d;border-color:#9ca3af;color:#fff}.compact-duration-btn.apply-btn{background:#258aee;border-color:#258aee;color:#fff}.compact-duration-btn.apply-btn:disabled{background:#383838;border-color:#383838;color:#666;cursor:not-allowed}.compact-duration-btn.apply-btn:not(:disabled):hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.cancel-btn{border-color:#383838}.apply-btn{background:#258aee;border-color:#258aee;color:#fff}.apply-btn:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.custom-time-container{animation:slideDown .2s ease-out;background:#2e2e2e;flex-direction:column;gap:20px}.compact-time-inputs,.custom-time-container{border:1px solid #383838;border-radius:12px;display:flex;padding:20px}.compact-time-inputs{align-items:center;background:#1c1c1c;gap:8px;justify-content:center}.compact-time-inputs .time-input-group:first-child,.compact-time-inputs .time-input-group:nth-child(3){margin-right:0}.compact-time-inputs .compact-separator{margin:0 4px}.compact-time-inputs .compact-ampm-toggle{margin-left:8px}.time-input-group{align-items:center;display:flex;flex-direction:column;gap:8px}.compact-input-label{display:none}.compact-time-input{background:#2e2e2e;border:1px solid #383838;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:700;height:48px;padding:0;text-align:center;transition:all .2s ease;width:60px}.compact-time-input:focus{background:#383838;border-color:#9ca3af!important;border-width:2px!important;outline:none;transform:scale(1.05)}.compact-time-input::placeholder{color:#666;font-weight:400}.compact-separator{color:#9ca3af;font-size:24px;font-weight:700;margin:0 8px}.compact-ampm-toggle{background:#2e2e2e;border:1px solid #383838;border-radius:8px;display:flex;height:48px;overflow:hidden}.compact-ampm-btn{background:#0000;border:none;color:#9ca3af;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.05em;min-width:35px;text-transform:uppercase;transition:all .2s ease}.compact-ampm-btn:hover{background:#ffffff0d;color:#fff}.compact-ampm-btn.active{background:#383838;color:#fff}.compact-time-actions{border-top:1px solid #383838;display:flex;gap:12px;justify-content:flex-end;margin-top:4px;padding-top:16px}.compact-action-btn{border:1px solid;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.compact-action-btn.cancel-btn{background:#0000;border-color:#383838;color:#9ca3af}.compact-action-btn.cancel-btn:hover{background:#ffffff0d;border-color:#9ca3af;color:#fff}.compact-action-btn.apply-btn{background:#258aee;border-color:#258aee;color:#fff}.compact-action-btn.apply-btn:disabled{background:#383838;border-color:#383838;color:#666;cursor:not-allowed}.compact-action-btn.apply-btn:not(:disabled):hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.selected-custom-time{background:#2e2e2e;border:1px solid #383838;border-radius:12px;padding:16px 20px}.custom-time-display-selected{align-items:center;display:flex;justify-content:space-between}.selected-time-text{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600}.edit-time-btn{background:#0000;border:1px solid #383838;border-radius:6px;color:#9ca3af;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s ease}.edit-time-btn:hover{background:#ffffff0d;border-color:#9ca3af;color:#fff}@media (max-width:700px){.create-event-modal{margin:10px;max-height:95vh;max-width:none}.create-event-modal-header{margin-bottom:16px;padding:16px 16px 0}.create-event-modal-header h2{font-size:20px;margin-bottom:6px}.create-event-form-container{padding:0 16px}.step-content{gap:20px;margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:8px}.form-input,.form-textarea{font-size:14px}.form-input{height:48px;padding:12px 16px}.form-textarea{min-height:100px;padding:12px 16px}.form-row{gap:20px;grid-template-columns:1fr}.time-selector{max-height:200px}.time-option{font-size:14px;padding:14px 16px}.compact-time-inputs,.custom-time-container{gap:16px;padding:16px}.compact-time-inputs{flex-direction:column}.compact-time-input{font-size:18px;height:44px;width:80px}.compact-separator{display:none}.compact-ampm-toggle{height:44px;width:120px}.compact-ampm-btn{font-size:12px}.compact-action-btn{font-size:12px;padding:8px 16px}.selected-custom-time{padding:12px 16px}.selected-time-text{font-size:14px}.edit-time-btn{font-size:11px;padding:3px 8px}.date-picker-container{gap:6px;padding:8px}.date-option{min-width:60px;padding:12px 16px}.date-option .date-number{font-size:16px}.date-nav-btn{height:32px;width:32px}.date-selector{justify-content:flex-start}.date-section-header{align-items:flex-start;flex-direction:column;gap:8px}.select-date-btn{align-self:flex-end}.calendar-dropdown{left:auto;padding:14px;right:-20px;width:280px}.calendar-dropdown-day{min-height:28px;padding:6px 2px}.calendar-dropdown-day-number{font-size:12px}.step-navigation{padding:16px 0}.step-nav-btn{font-size:14px;min-width:100px;padding:10px 20px}.step-indicator{gap:8px}.step-progress{max-width:150px}.review-section{gap:20px}.review-section h3{font-size:18px;padding-bottom:12px}.review-value{font-size:14px;padding:12px 16px}.duration-options{gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.duration-card{font-size:13px;min-height:48px;padding:12px 16px}.custom-duration-container{gap:16px;padding:16px}.compact-duration-inputs{flex-direction:column;gap:16px;padding:0}.compact-duration-input{font-size:18px;height:44px;width:80px}.compact-duration-btn{font-size:12px;padding:8px 16px}.duration-header{align-items:flex-start;flex-direction:column;gap:8px}.time-range-display{font-size:12px;padding:5px 10px}.creation-text,.success-text{font-size:20px}.creation-subtext,.success-subtext{font-size:14px}.creation-spinner,.success-checkmark{height:56px;width:56px}.create-event-modal.creation-active{max-height:280px;max-width:350px;min-height:280px}.creation-animation-content{gap:16px;padding:16px}.provider-buttons{gap:6px}.provider-btn{font-size:12px;padding:6px 10px}.provider-icon{height:14px;width:14px}.provider-hint{font-size:11px;padding:6px 10px}.address-suggestion-item{font-size:13px;padding:10px 14px}.location-icon,.suggestion-spinner{height:12px;width:12px}.location-error-message{font-size:12px;padding:6px 10px}}@media (max-width:500px){.step-progress{max-width:120px}.step-text{font-size:12px}.compact-duration-inputs{flex-direction:column;gap:12px;padding:16px}.compact-duration-input{font-size:16px;height:40px;width:100%}.compact-duration-btn{font-size:12px;padding:8px 14px}.custom-time-container{gap:16px;padding:16px}.compact-time-inputs{flex-direction:column;gap:12px;padding:16px}.compact-time-input{font-size:16px;height:40px;width:100%}.compact-separator{display:none}.compact-ampm-toggle{height:40px;width:100%}.compact-ampm-btn{font-size:12px}.compact-action-btn{font-size:12px;padding:8px 14px}.selected-custom-time{padding:12px 14px}.selected-time-text{font-size:14px}.edit-time-btn{font-size:10px;padding:3px 6px}}@media (max-width:400px){.calendar-dropdown{left:0;margin:8px auto 0;right:0;width:calc(100vw - 80px)}}.myq-outer-container{background:#101010;display:flex;flex-direction:column;font-family:Inter,sans-serif;margin:0;min-height:100vh;padding:0;position:relative}.background-logo{left:10px;opacity:.5;position:fixed;top:15px;z-index:100}.background-logo img{filter:brightness(0) invert(1);height:auto;width:60px}.outer-top-nav{background:#101010;justify-content:space-between;left:0;padding:12px 24px;position:fixed;right:0;top:0;z-index:50}.outer-nav-left,.outer-top-nav{align-items:center;display:flex}.outer-nav-left{margin-left:80px}.outer-nav-right{align-items:center;display:flex;gap:20px}.notifications-outer-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:background-color .2s ease}.notifications-outer-btn:hover{background:#ffffff1a}.outer-user-avatars{align-items:center;display:flex;gap:-4px}.outer-avatar{align-items:center;background:#258aee;border:2px solid #101010;border-radius:25%;color:#fff;display:flex;font-size:11px;font-weight:500;height:28px;justify-content:center;margin-left:-4px;width:28px}.outer-avatar:first-child{margin-left:0}.outer-avatar-count{color:#888;font-size:12px;margin-left:8px}.outer-content{display:flex;height:calc(100vh - 40px);margin-top:40px}.outer-sidebar{background:#0000;box-sizing:border-box;height:calc(100vh - 60px);margin-top:10px;padding-bottom:5px;padding-top:20px;width:75px}.outer-sidebar,.outer-sidebar-top{display:flex;flex-direction:column}.outer-sidebar-top{align-items:center;flex-shrink:0;gap:12px}.outer-sidebar-scrollable{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;gap:12px;padding-bottom:10px;padding-top:10px;scrollbar-width:none;width:100%}.outer-sidebar-scrollable::-webkit-scrollbar{width:0}.outer-sidebar-scrollable:hover::-webkit-scrollbar{width:4px}.outer-sidebar-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.outer-sidebar-scrollable::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.outer-sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.outer-sidebar-scrollable-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.outer-sidebar-scrollable{flex:1 1;min-height:0;overflow-x:visible;overflow-y:auto}.scroll-indicator-gradient-top{background:linear-gradient(180deg,#101010,#0000);top:0}.scroll-indicator-gradient-bottom,.scroll-indicator-gradient-top{height:30px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .1s ease;z-index:20}.scroll-indicator-gradient-bottom{background:linear-gradient(0deg,#101010,#0000);bottom:0}.scroll-indicator-gradient-bottom.visible,.scroll-indicator-gradient-top.visible{opacity:1}.outer-sidebar-groups{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.myq-home-btn{align-items:center;background:#258aee;border:none;border-radius:25%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all .2s ease;width:48px}.myq-home-btn:hover{background:#1d4ed8;transform:scale(1.05)}.myq-home-btn.active{background:#258aee}.group-separator{background:#444;height:1px;margin:8px 0;width:24px}.group-btn{align-items:center;background:#ffffff1a;border:none;border-radius:25%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:48px;justify-content:center;overflow:hidden;transition:all .2s ease;width:48px}.group-btn:hover{background:#fff3;transform:scale(1.05)}.group-btn.active{background:#258aee33;background:rgba(var(--group-color-20,37,138,238,.2));box-shadow:0 0 0 2px #258aee80;box-shadow:0 0 0 2px rgba(var(--group-color-50,37,138,238,.5))}.group-avatar-img{border-radius:25%;height:140%;object-fit:cover;object-position:center;width:140%}.group-initials{align-items:center;display:flex;justify-content:center}.group-btn-container{align-items:center;display:flex;flex-direction:column;position:relative}.group-color-btn{border:2px solid #101010;border-radius:50%;bottom:-4px;cursor:pointer;height:16px;position:absolute;right:-4px;transition:all .2s ease;width:16px;z-index:10}.group-color-btn:hover{box-shadow:0 2px 8px #0006;transform:scale(1.2)}.group-pin-btn{align-items:center;background:#666;border:2px solid #101010;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:10}.group-btn-container:hover .group-pin-btn{opacity:1}.group-pin-btn.pinned{background:#eec224;box-shadow:0 2px 8px #eec22466;color:#101010;opacity:1}.group-pin-btn:hover{background:#777;box-shadow:0 2px 8px #0000004d;transform:scale(1.2)}.group-pin-btn.pinned:hover{background:gold;box-shadow:0 2px 8px #eec224cc;transform:scale(1.2)}.outer-sidebar-bottom{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding-top:8px}.add-group-btn{align-items:center;background:none;border:none;border-radius:25%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;padding:8px;transition:background-color .2s ease;width:48px}.add-group-btn:hover{background:#ffffff1a}.profile-btn{background:none;border:none;cursor:pointer}.profile-btn.active .profile-avatar{background:#258aee33;background:rgba(var(--group-color-20,37,138,238,.2));box-shadow:0 0 0 2px #258aee80;box-shadow:0 0 0 2px rgba(var(--group-color-50,37,138,238,.5))}.profile-avatar{align-items:center;background:#ffffff1a;border-radius:25%;color:#fff;display:flex;font-size:12px;font-weight:500;height:48px;justify-content:center;overflow:hidden;width:48px}.profile-avatar-img{border-radius:25%;height:100%;object-fit:cover;width:100%}.profile-initials{align-items:center;display:flex;justify-content:center}.myq-main-container{background:#1a1a1a;border-radius:16px 16px 0 0;display:flex;flex:1 1;flex-direction:column;height:calc(100% - 20px);margin:20px 20px 0 0;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.container-content{display:flex;flex:1 1;min-height:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.container-sidebar{background:#181818;border:2px solid #272727;border-radius:16px 0 0 0;box-sizing:border-box;display:flex;flex-direction:column;overflow:visible;padding:10px 12px;width:290px}.group-selector{margin-bottom:10px}.group-dropdown{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px}.group-selector .group-name{color:#fff;font-size:20px;font-weight:600;max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.group-dropdown svg{opacity:.7;transition:transform .2s ease}.group-dropdown:hover svg{transform:rotate(180deg)}.group-settings-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.group-settings-btn:hover{background:#ffffff1a}.group-settings-btn:hover svg{opacity:1!important}.calendar-section{display:flex;flex:1 1;flex-direction:column;margin-bottom:24px;margin-left:8px;margin-right:8px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav-buttons{align-items:center;display:flex;gap:2px}.nav-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.nav-button:hover{background:#ffffff1a}.calendar-title{color:#fff;font-size:16px;font-weight:500}.calendar-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:25px}.day-header{color:#888;font-size:11px;font-weight:500;letter-spacing:.5px;padding:8px 4px;text-align:center}.calendar-day{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:32px;justify-content:center;position:relative;text-align:center;transition:background-color .2s ease;width:32px}.calendar-day:hover{background:#ffffff1a}.calendar-day.has-events{cursor:pointer}.calendar-day.has-events:hover{background:#258aee33;border-color:#258aee4d}.calendar-day.selected{background:#258aee4d;border:2px solid #258aee;color:#258aee;font-weight:600}.calendar-day.selected:hover{background:#258aee66}.calendar-day:disabled{cursor:default;opacity:.4}.calendar-day:disabled:hover{background:#0000;border-color:#0000}.calendar-day.other-month{color:#555}.calendar-day.today{background:#258aee;color:#fff;font-weight:500}.calendar-day-number{line-height:1}.calendar-event-dots{align-items:center;bottom:2px;display:flex;gap:2px;justify-content:center;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.event-dot{background-color:#fff;border-radius:50%;flex-shrink:0;height:4px;width:4px}.create-event-btn{background:#258aee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.create-event-btn:hover{background:#1d4ed8}.container-main{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.dashboard-drag-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:0 16px 0 0;border-right:2px solid #272727;border-top:2px solid #272727;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.dashboard-drag-overlay .drag-overlay-content{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:16px;color:#fff;padding:40px;text-align:center}.dashboard-drag-overlay .drag-icon{color:#258aee;color:var(--group-color,#258aee);margin-bottom:16px;opacity:.8}.dashboard-drag-overlay h3{font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin:0 0 8px}.dashboard-drag-overlay p{font-family:Inter,sans-serif;font-size:16px;margin:0;opacity:.8}.main-content{background:#1c1c1c;border-bottom:2px solid #272727;border-radius:0 16px 0 0;border-right:2px solid #272727;border-top:2px solid #272727;flex:1 1;min-height:0;overflow:hidden;padding:0}.events-loading,.main-content{display:flex;flex-direction:column}.events-loading{align-items:center;color:#888;flex:1 1;justify-content:center;padding:80px 20px}.events-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#258aee;height:32px;margin-bottom:16px;width:32px}.events-loading p{font-family:Inter,sans-serif;font-size:16px;font-weight:500;margin:0}@media (max-width:768px){.outer-sidebar{padding:15px;width:60px}.outer-sidebar-groups{gap:10px}.group-btn,.myq-home-btn{height:48px;width:48px}.group-separator{margin:6px 0;width:20px}.container-sidebar{padding:15px;width:300px}.background-logo img{width:30px}.outer-top-nav{padding:12px 16px}.outer-nav-left{margin-left:50px}.main-content{padding:20px}.no-activity h2{font-size:20px}.no-activity p{font-size:14px}.myq-main-container{margin-right:10px}}.account-header{align-items:center;border-bottom:1px solid #333;display:flex;gap:12px;margin-bottom:30px;padding:20px 0 30px}.back-to-dashboard-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.back-to-dashboard-btn:hover{background:#fff3;transform:translateX(-2px)}.account-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.account-nav{display:flex;flex-direction:column;gap:8px;margin-bottom:auto}.account-nav-item{align-items:center;background:none;border:none;border-radius:10px;color:#888;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.account-nav-item:hover{background:#ffffff0d;color:#fff}.account-nav-item.active{background:#ffffff1a;color:#fff}.account-sidebar-bottom{border-top:1px solid #333;padding-top:20px}.logout-btn{align-items:center;background:none;border:none;border-radius:10px;color:#f44;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ff44441a}.account-page{background:#1c1c1c;border-bottom:2px solid #272727;border-radius:0 16px 0 0;border-right:2px solid #272727;border-top:2px solid #272727;color:#fff;flex:1 1;overflow-y:auto;padding:30px}.account-page-header{margin-bottom:40px}.account-page-header h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.account-page-header p{color:#888;font-size:16px;margin:0}.profile-section{align-items:flex-start;display:flex;gap:40px;margin-bottom:40px}.profile-picture-section{align-items:center;display:flex;flex-direction:column;gap:16px}.large-profile-avatar{align-items:center;background:#ffffff1a;border-radius:25%;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.large-profile-img{height:100%;object-fit:cover;width:100%}.large-profile-initials{color:#fff;font-size:48px;font-weight:600}.change-photo-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.change-photo-btn:hover{background:#fff3}.profile-info{flex:1 1;gap:24px}.info-group,.profile-info{display:flex;flex-direction:column}.info-group{gap:8px}.info-group label{color:#888;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{border-bottom:1px solid #333;color:#fff;font-size:16px;padding:12px 0}.edit-profile-btn{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:fit-content}.edit-profile-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.security-section{display:flex;flex-direction:column;gap:24px}.security-item{align-items:center;background:#ffffff0d;border:1px solid #333;border-radius:12px;display:flex;justify-content:space-between;padding:24px}.security-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.security-info p{color:#888;font-size:14px;margin:0}.security-status{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.security-status.verified{background:#22c55e1a;color:#22c55e}.security-action{background:#ffffff1a;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.security-action:hover{background:#fff3}.notifications-section{display:flex;flex-direction:column;gap:32px}.notification-group h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.notification-item{align-items:center;border-bottom:1px solid #333;justify-content:space-between}.notification-item:last-child{border-bottom:none}.notification-item label{color:#fff;cursor:pointer;font-size:16px}.notification-item input[type=checkbox]{accent-color:#fff;cursor:pointer;height:18px;width:18px}.privacy-section{display:flex;flex-direction:column;gap:24px}.privacy-item{align-items:center;background:#ffffff0d;border:1px solid #333;border-radius:12px;display:flex;justify-content:space-between;padding:24px}.privacy-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.privacy-info p{color:#888;font-size:14px;margin:0}.privacy-select{min-width:120px;padding:8px 12px}.privacy-action,.privacy-select{background:#ffffff1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px}.privacy-action{cursor:pointer;padding:8px 16px;transition:all .2s ease}.privacy-action:hover{background:#fff3}.privacy-action.danger{background:#ef44441a;border-color:#ef4444;color:#ef4444}.privacy-action.danger:hover{background:#ef444433}.help-section{display:flex;flex-direction:column;gap:24px}.help-item{background:#ffffff0d;border:1px solid #333;border-radius:12px;padding:24px}.help-item h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.help-item p{color:#888;font-size:14px;margin:0 0 16px}.help-action{background:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.help-action:hover{background:#f0f0f0;transform:translateY(-1px)}.help-action.danger{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.help-action.danger:hover{background:#ef444433;transform:translateY(-1px)}.delete-account-modal{animation:modalSlideIn .25s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e23fa;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #00000080;max-height:80vh;max-width:520px;overflow-y:auto;width:90%}.warning-section h4{color:#ff5252;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.warning-section p{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.deletion-list{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;list-style:none;margin:1rem 0;padding:1rem 1rem 1rem 2rem;position:relative}.deletion-list li{color:#fffc;font-size:.9rem;line-height:1.4;margin-bottom:.5rem;position:relative}.deletion-list li:last-child{margin-bottom:0}.deletion-list li:before{color:#ff5252;content:"•";font-weight:700;left:-1rem;position:absolute}.warning-note{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;color:#ffc107;font-size:.85rem;margin-top:1rem;padding:.75rem}.confirmation-section p{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.confirmation-input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#fff;font-family:Inter,monospace;font-size:.9rem;margin-bottom:1rem;padding:.75rem;transition:all .2s ease;width:100%}.confirmation-input:focus{background:#ffffff14;border-color:#ff525280;box-shadow:0 0 0 3px #ff52521a;outline:none}.confirmation-input::placeholder{color:#fff6}.confirmation-input:disabled{cursor:not-allowed;opacity:.5}.final-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ff5252;font-size:.85rem;padding:.75rem;text-align:center}.delete-modal-back,.delete-modal-cancel,.delete-modal-confirm,.delete-modal-next{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:4px;justify-content:center;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.delete-modal-back,.delete-modal-cancel{background:#ffffff1a;border:1px solid #fff3;color:#fff}.delete-modal-back:hover:not(:disabled),.delete-modal-cancel:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px)}.delete-modal-confirm.danger,.delete-modal-next.danger{background:#ff5252;color:#fff}.delete-modal-confirm.danger:hover:not(:disabled),.delete-modal-next.danger:hover:not(:disabled){background:#ff1744;box-shadow:0 4px 15px #ff52524d;transform:translateY(-1px)}.delete-modal-confirm.danger:disabled{background:#ff52524d;box-shadow:none;cursor:not-allowed;transform:none}.delete-modal-back:disabled,.delete-modal-cancel:disabled,.delete-modal-next:disabled{cursor:not-allowed;opacity:.5;transform:none}.alert{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.alert-error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.alert-success{background:#22c55e1a;border:1px solid #22c55e;color:#22c55e}.photo-buttons{align-items:center;display:flex;flex-direction:column;gap:8px}.save-photo-btn{background:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.save-photo-btn:hover:not(:disabled){background:#16a34a}.cancel-photo-btn{background:#ef44441a;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.cancel-photo-btn:hover:not(:disabled){background:#ef444433}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.edit-btn{border:1px solid #333;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s ease}.edit-btn:hover:not(:disabled){background:#fff3}.edit-form{flex-direction:column;margin-top:8px}.edit-form,.name-inputs{display:flex;gap:12px}.name-inputs .edit-input{flex:1 1}.edit-input{background:#ffffff1a;border:1px solid #333;border-radius:6px;font-size:14px;padding:8px 12px}.edit-input:focus{background:#ffffff26;border-color:#fff}.edit-input::placeholder{color:#888}.save-btn{align-self:flex-start;background:#fff;border-radius:6px;color:#000;font-size:14px;font-weight:500;padding:8px 16px}.save-btn:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px)}.cancel-photo-btn:disabled,.change-photo-btn:disabled,.edit-btn:disabled,.save-btn:disabled,.save-photo-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.large-profile-avatar,.profile-avatar{position:relative}.large-profile-avatar .react-loading-skeleton,.profile-avatar .react-loading-skeleton{left:0;position:absolute;top:0;z-index:1}.large-profile-img,.profile-avatar-img{position:relative;z-index:2}@media (max-width:768px){.name-inputs{flex-direction:column}.photo-buttons,.photo-buttons button{width:100%}}.logout-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-modal{animation:modalSlideIn .3s ease-out;background:#1c1c1c;border:2px solid #333;border-radius:16px;box-shadow:0 20px 50px #000c;max-width:90vw;min-width:400px}.logout-modal-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:32px;text-align:center}.logout-modal-icon{align-items:center;background:#ff44441a;border-radius:50%;color:#f44;display:flex;height:80px;justify-content:center;margin-bottom:8px;width:80px}.logout-modal-text h3{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin:0 0 8px}.logout-modal-text p{color:#888;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;margin:0}.logout-modal-actions{display:flex;gap:12px;margin-top:8px;width:100%}.logout-modal-cancel,.logout-modal-confirm{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.logout-modal-cancel{background:#ffffff1a;border:1px solid #333;color:#fff}.logout-modal-cancel:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.logout-modal-cancel:disabled{cursor:not-allowed;opacity:.5;transform:none}.logout-modal-confirm{background:#f44;color:#fff}.logout-modal-confirm:hover:not(:disabled){background:#e63939;box-shadow:0 4px 12px #ff44444d;transform:translateY(-1px)}.logout-modal-confirm:disabled{background:#f44;box-shadow:none;color:#fff;cursor:not-allowed;filter:brightness(.3);transform:none}.logout-modal-cancel:active:not(:disabled),.logout-modal-confirm:active:not(:disabled){transform:translateY(0)}.delete-icon{color:#ef4444}.delete-warning{color:#888;font-size:13px!important;margin-top:8px!important}.delete-confirm{background:#ef4444!important;color:#fff}.delete-confirm:hover{background:#dc2626!important;box-shadow:0 4px 12px #ef44444d}@media (max-width:480px){.logout-modal{margin:20px;min-width:320px}.logout-modal-content{gap:20px;padding:24px}.logout-modal-icon{height:64px;width:64px}.logout-modal-text h3{font-size:20px}.logout-modal-text p{font-size:14px}.logout-modal-actions{flex-direction:column}}.action-sidebar{animation:slideInRight .3s cubic-bezier(.4,0,.2,1);background:#181818;border:2px solid #272727;border-left:none;border-radius:0 16px 0 0;box-sizing:border-box;display:flex;flex-direction:column;max-height:100%;overflow:hidden;padding:20px;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:350px}.action-sidebar-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.action-sidebar-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.notification-count{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards;background:#258aee;border-radius:12px;color:#fff;font-size:14px;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.notifications-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding-right:4px}.notification-item{align-items:flex-start;animation:slideInNotification .4s ease-out;background:#ffffff08;border:1px solid #333;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.notification-item:first-child{animation-delay:.1s}.notification-item:nth-child(2){animation-delay:.2s}.notification-item:nth-child(3){animation-delay:.3s}.notification-item:nth-child(4){animation-delay:.4s}.notification-item:nth-child(5){animation-delay:.5s}.notification-item:hover{background:#ffffff0d;border-color:#444}.notification-icon{flex-shrink:0}.group-avatar{align-items:center;background:#258aee;border-radius:25%;color:#fff;display:flex;font-size:14px;font-weight:600;height:48px;justify-content:center;width:48px}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.notification-header .group-name{color:#fff;flex:1 1;font-size:14px;font-weight:600;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{color:#888;flex-shrink:0;font-size:12px;font-weight:500}.notification-text{word-wrap:break-word;color:#ccc;font-size:14px;line-height:1.4;margin:0}.notification-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.notification-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.notification-action-btn.accept{background:#22c55e1a;color:#22c55e}.notification-action-btn.accept:hover{background:#22c55e33;transform:scale(1.05)}.notification-action-btn.reject{background:#ef44441a;color:#ef4444}.notification-action-btn.reject:hover{background:#ef444433;transform:scale(1.05)}.myq-main-container.with-action-sidebar{margin-right:10px}.myq-main-container .container-main{transition:border-radius .3s cubic-bezier(.4,0,.2,1)}.myq-main-container.with-action-sidebar .container-main{border-radius:0}.myq-main-container .main-content{transition:border-radius .3s cubic-bezier(.4,0,.2,1)}.myq-main-container.with-action-sidebar .main-content{border-radius:0}.myq-main-container .account-page{transition:border-radius .3s cubic-bezier(.4,0,.2,1)}.myq-main-container.with-action-sidebar .account-page{border-radius:0}.notifications-outer-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.notifications-outer-btn.active{background:#ffffff1a;color:#fff}.notifications-outer-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.notifications-outer-btn.active svg{transform:scale(1.1)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slideInNotification{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:1200px){.action-sidebar{width:300px}}@media (max-width:900px){.action-sidebar{padding:16px;width:280px}.notification-item{padding:12px}.group-avatar{font-size:12px;height:36px;width:36px}.action-sidebar-header h3{font-size:18px}}@media (max-width:768px){.action-sidebar{padding:12px;width:260px}.notification-item{gap:10px;padding:10px}.group-avatar{font-size:11px;height:32px;width:32px}.notification-action-btn{height:28px;width:28px}.myq-main-container.with-action-sidebar{margin-right:5px}.notification-item:first-child{animation-delay:.05s}.notification-item:nth-child(2){animation-delay:.1s}.notification-item:nth-child(3){animation-delay:.15s}.notification-item:nth-child(4){animation-delay:.2s}.notification-item:nth-child(5){animation-delay:.25s}}.view-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;gap:.25rem;margin-bottom:1rem;margin-left:8px;margin-right:8px;padding:.125rem}.view-toggle,.view-toggle-btn{display:flex;position:relative}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff9;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;gap:.375rem;justify-content:center;padding:.5rem .75rem;transition:all .15s ease;z-index:2}.view-toggle-btn.active{background:#7a7a7a40;border:1px solid #ffffff1a;box-shadow:0 1px 3px #0000004d;color:#fff}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.view-toggle-btn.active{background:#ffffff4d;border:1px solid #ffffff26}}.view-toggle-btn:hover:not(.active){background:#ffffff14;color:#fffc}.view-toggle-btn svg{height:14px;width:14px}@media (max-width:768px){.view-toggle-btn{font-size:.75rem;gap:.25rem;padding:.375rem .5rem}.view-toggle-btn svg{height:12px;width:12px}}.members-header-actions{align-items:center;display:flex;gap:8px}.view-members-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.view-members-btn:hover{background:#fff3;border-color:#ffffff4d}.members-list-wrapper{flex:1 1;position:relative}.members-list,.members-list-wrapper{display:flex;flex-direction:column;min-height:0}.members-list{-ms-overflow-style:none;flex:1 1;gap:8px;margin-bottom:16px;overflow-x:visible;overflow-y:auto;scrollbar-width:none}.members-list::-webkit-scrollbar{width:0}.members-list:hover::-webkit-scrollbar{width:4px}.members-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.members-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.members-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.members-scroll-indicator-gradient-top{background:linear-gradient(180deg,#181818,#0000);top:0}.members-scroll-indicator-gradient-bottom,.members-scroll-indicator-gradient-top{height:40px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .1s ease;z-index:20}.members-scroll-indicator-gradient-bottom{background:linear-gradient(0deg,#181818,#0000);bottom:16px}.members-scroll-indicator-gradient-bottom.visible,.members-scroll-indicator-gradient-top.visible{opacity:1}.member-item{align-items:center;border-radius:12px;display:flex;gap:12px;padding:8px;transition:background-color .2s ease}.member-item:hover{background:#ffffff0d}.member-avatar{align-items:center;background:#393939;border:1px solid #595959;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.member-avatar-img{height:100%;object-fit:cover;width:100%}.member-initials{color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.member-info{flex:1 1;min-width:0}.member-name{color:#fff;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name,.member-role{display:block;font-family:Inter,sans-serif}.member-role{color:#9ca3af;font-size:11px;font-weight:400;margin-top:2px}.media-buttons-container{display:flex;gap:8px;margin:8px}.media-icon-btn{align-items:center;background:#2a2a2a;border:none;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;flex:1 1;height:50px;justify-content:center;transition:all .2s ease;width:40px}.media-icon-btn:hover{background:#333;color:#fff}.action-sidebar .action-sidebar-header{margin-bottom:16px}.action-sidebar .action-sidebar-header:not(:first-child){margin-top:32px}.sidebar-section-header{align-items:center;display:flex;justify-content:space-between;margin:4px 8px 12px}.sidebar-section-header:first-child{margin-top:16px}.sidebar-section-header h3{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0}.group-settings-modal{background:#1a1a1a;border:1px solid #333;max-width:500px;width:90%}.group-settings-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 24px 0}.modal-title-section{display:flex;flex-direction:column;gap:4px}.unsaved-indicator{color:#f59e0b;font-size:12px;font-weight:500}.group-settings-modal .modal-title{color:#fff;font-size:24px;font-weight:600;margin:0}.group-settings-modal .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:8px;transition:all .2s ease;width:32px}.group-settings-modal .close-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.group-settings-modal .close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-subtitle{color:#aaa;font-size:14px;margin:0}.error-message{margin-bottom:24px}.group-settings-modal .modal-body{padding:24px}.section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.invite-description{color:#ccc;font-size:14px;line-height:1.5;margin:0 0 24px}.invite-section{margin-bottom:20px}.invite-section:last-child{margin-bottom:0}.invite-label{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.invite-icon{color:#888;flex-shrink:0}.invite-input-group{align-items:center;display:flex;gap:8px}.invite-input{background:#2a2a2a;border:1px solid #333;border-radius:8px;color:#fff;flex:1 1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease}.invite-input:focus{border-color:#258aee}.invite-input.code-input{font-family:inherit;font-size:18px;font-weight:600;letter-spacing:2px;text-align:center}.copy-btn{background:#258aee}.copy-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.copy-btn.copied{background:#22c55e}.copy-btn.copied:hover{background:#16a34a}.invite-info{background:#258aee1a;border:1px solid #258aee33;border-radius:8px;margin-top:24px;padding:16px}.info-item{align-items:center;color:#ccc;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-icon{color:#258aee;flex-shrink:0}.group-settings-modal .modal-footer{padding:0 24px 24px}.group-settings-modal .btn-full{background:#258aee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease;width:100%}.group-settings-modal .btn-full:hover{background:#1d4ed8;transform:translateY(-1px)}.modal-overlay{bottom:0;padding:20px;right:0;z-index:10000}.modal-content{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;overflow-y:auto}.settings-section{border-bottom:1px solid #333;margin-bottom:26px;padding-bottom:26px}.section-header{align-items:flex-start;gap:16px;margin-bottom:24px}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-description{color:#aaa;font-size:13px;line-height:1.5;margin:0}.permission-setting{border-bottom:1px solid #333;gap:16px;padding:22px 0!important}.permission-setting:last-child{border-bottom:none}.permission-label{font-size:14px;font-weight:500;gap:8px;margin-bottom:4px}.permission-icon{color:#888}.permission-description{font-size:13px}.toggle-switch{margin-top:2px}.toggle-slider{background-color:#333;border:1px solid #444;border-radius:12px}.toggle-slider:before{background-color:#666;height:16px;width:16px}input:checked+.toggle-slider{border-color:#258aee}input:checked+.toggle-slider:before{background-color:#fff}input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.danger-zone{background:#ef44440d;border:1px solid #ef4444;border-radius:8px;margin-top:16px;padding:16px}.danger-action{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.danger-info{flex:1 1}.danger-label{color:#ef4444;font-size:14px;font-weight:500;margin-bottom:4px}.danger-description{color:#aaa;font-size:13px;line-height:1.4;margin:0}.btn-small{border-radius:8px;font-size:12px;font-weight:600;min-height:auto;padding:8px 12px}.delete-modal{max-width:480px}.delete-warning{margin-bottom:32px;text-align:center}.warning-icon{margin-bottom:16px}.delete-warning h3{color:#ef4444;font-size:18px;font-weight:600;margin:0 0 12px}.delete-warning p{color:#ccc;font-size:14px;line-height:1.5;margin:0}.delete-form .form-group{margin-bottom:24px}.delete-form label{color:#fff;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{background:#2a2a2a;border:1px solid #333;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#258aee}.form-input.error{border-color:#ef4444}.delete-actions{display:flex;gap:12px;justify-content:flex-end}.error-message{font-size:12px;margin-top:4px}.settings-error{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;font-size:13px;margin-bottom:16px;padding:8px 12px}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.btn-small .spinner{height:12px;width:12px}@media (max-width:480px){.group-settings-modal{margin:10px;width:95%}.group-settings-modal .modal-body,.group-settings-modal .modal-footer,.group-settings-modal .modal-header{padding-left:16px;padding-right:16px}.invite-input-group{align-items:stretch;flex-direction:column}.copy-btn{justify-content:center;width:100%}.danger-action,.permission-setting,.section-header{align-items:stretch;flex-direction:column;gap:12px}.delete-actions{flex-direction:column-reverse}.delete-actions .btn{justify-content:center;width:100%}.image-upload-section{align-items:center;flex-direction:column;gap:12px}.current-image{height:80px;width:80px}.image-upload-controls{flex-direction:column;gap:8px}}.group-detail-setting{margin-bottom:24px}.detail-label{color:#fff;display:block;font-size:14px;margin-bottom:8px}.detail-input,.detail-textarea{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.detail-input:focus,.detail-textarea:focus{background:#ffffff14;border-color:#258aee;box-shadow:0 0 0 3px #258aee1a;outline:none}.detail-input::placeholder,.detail-textarea::placeholder{color:#fff6}.detail-input:disabled,.detail-textarea:disabled{cursor:not-allowed;opacity:.5}.character-count{color:#ffffff80;font-size:12px;margin-top:4px;text-align:right}.group-details{display:flex;flex-direction:column;gap:24px}.image-upload-section{align-items:center;display:flex;gap:16px}.current-image{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.group-image-preview,.group-preview-image{height:100%;object-fit:cover;object-position:center;width:100%}.no-image-placeholder{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.no-image-placeholder span{font-size:12px;font-weight:500}.image-actions,.image-upload-controls{display:flex;flex:1 1;flex-direction:column;gap:8px}.image-actions .btn,.image-upload-controls .btn{align-self:flex-start}.modal-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:16px 24px}.save-actions{display:flex;gap:12px}.invite-members-modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.invite-members-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#1e1e1e;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.invite-members-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.invite-members-modal-header h2{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin:0}.invite-members-modal .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.invite-members-modal .close-btn:hover{background:#ffffff1a;color:#fff}.invite-members-content{max-height:calc(90vh - 100px);overflow-y:auto;padding:0 24px 24px}.group-info{background:#262626;border-radius:12px;gap:16px;margin-bottom:32px;padding:20px}.group-info .group-avatar{align-items:center;background:#3b82f6;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.group-info .group-avatar-img{height:100%;object-fit:cover;width:100%}.group-info .group-initials{font-size:16px}.group-details h3,.group-info .group-initials{color:#fff;font-family:Inter,sans-serif;font-weight:600}.group-details h3{font-size:18px;margin:0 0 4px}.group-details p{color:#9ca3af;font-family:Inter,sans-serif;font-size:14px;margin:0}.invite-methods{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.invite-method{background:#262626;border-radius:12px;padding:20px}.method-header h4{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0 0 4px}.method-header p{color:#9ca3af;font-family:Inter,sans-serif;font-size:14px;margin:0 0 16px}.invite-link-container{align-items:center;display:flex;gap:8px}.invite-link-input{background:#1a1a1a;border:1px solid #3f3f3f;border-radius:8px;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:14px;padding:12px 16px}.invite-link-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.invite-code-container{align-items:center;display:flex;gap:16px;justify-content:space-between}.invite-code{background:#1a1a1a;border:1px solid #3f3f3f;border-radius:8px;color:#fff;flex:1 1;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:600;letter-spacing:4px;padding:16px 20px;text-align:center}.copy-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#2563eb}.copy-btn.copied{background:#10b981}.copy-btn.copied:hover{background:#059669}.invite-separator{align-items:center;display:flex;justify-content:center;margin:8px 0;position:relative}.invite-separator:before{background:#3f3f3f;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.invite-separator span{background:#1e1e1e;color:#9ca3af;font-family:Inter,sans-serif;font-size:14px;padding:0 16px;position:relative;z-index:1}.invite-instructions{background:#262626;border-radius:12px;padding:20px}.invite-instructions h4{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0 0 12px}.invite-instructions ol{color:#9ca3af;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0;padding-left:20px}.invite-instructions li{margin-bottom:8px}.invite-instructions li:last-child{margin-bottom:0}@media (max-width:600px){.invite-members-modal{margin:20px;max-height:calc(100vh - 40px);width:95%}.invite-members-modal-header{margin-bottom:16px;padding:20px 20px 0}.invite-members-modal-header h2{font-size:20px}.invite-members-content{padding:0 20px 20px}.group-info{text-align:center}.group-info,.invite-link-container{flex-direction:column;gap:12px}.invite-link-input{font-size:12px}.invite-code-container{flex-direction:column;gap:12px}.invite-code{font-size:20px;letter-spacing:2px;padding:12px 16px}.copy-btn{justify-content:center;width:100%}}.members-modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.members-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#1e1e1e;border-radius:16px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.members-modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:24px}.members-modal-header h2{color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0}.members-modal-actions{align-items:center;display:flex;gap:8px}.members-modal .invite-members-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.members-modal .invite-members-btn:hover{background:#3b82f633;border-color:#3b82f6}.members-modal .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.members-modal .close-btn:hover{background:#ffffff1a;color:#fff}.members-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px 24px}.members-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.member-card{align-items:center;background:#262626;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;padding:16px;position:relative;text-align:center;transition:all .2s ease}.member-card:hover{background:#2a2a2a;border-color:#444}.remove-member-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transform:scale(.8);transition:all .2s ease;width:28px}.member-card:hover .remove-member-btn{opacity:1;transform:scale(1)}.remove-member-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.05)}.member-card-avatar{align-items:center;background:#3b82f6;border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative;width:64px}.member-card-avatar-img{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.member-card-avatar-img.loading{opacity:0}.member-card-initials{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:700}.skeleton-avatar{background:#333;border-radius:16px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);height:100%;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.member-card-info{display:flex;flex-direction:column;gap:4px;width:100%}.member-card-name{color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-card-role{color:#9ca3af;font-family:Inter,sans-serif;font-size:12px;font-weight:400}@media (max-width:600px){.members-modal{margin:20px;max-height:calc(100vh - 40px);width:95%}.members-modal-header{padding:20px}.members-modal-header h2{font-size:18px}.members-modal-content{padding:16px 20px 20px}.members-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.member-card{padding:12px}.member-card-avatar{border-radius:12px;height:48px;margin-bottom:8px;width:48px}.skeleton-avatar{border-radius:12px}.member-card-initials{font-size:18px}.member-card-name{font-size:13px}.member-card-role{font-size:11px}}.modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2100}.confirmation-modal{animation:modalSlideIn .25s ease-out;background:#1a1a1a;border:1px solid #333;border-radius:12px;max-width:450px;width:90%}.confirmation-modal .modal-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;padding:20px 24px 0}.confirmation-modal .modal-header h3{color:#ef4444;font-size:18px;font-weight:600;margin:0}.confirmation-modal .modal-body{padding:20px 24px}.confirmation-modal .modal-body p{color:#ccc;font-size:14px;line-height:1.5;margin:0 0 12px}.confirmation-modal .modal-body p:last-child{margin-bottom:0}.confirmation-modal .modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.error-message{border:1px solid #ef44444d;color:#ef4444}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-primary{background-color:#258aee;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.btn-danger:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background-color:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#ffffff26;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.date-picker-container{align-items:center;background:#2e2e2e;border:1px solid #383838;border-radius:12px;display:flex;gap:8px;margin-bottom:16px;overflow:visible;padding:12px;position:relative;width:100%}.date-picker-container.smooth-scrolling .date-selector{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{opacity:.8;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.date-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.date-nav-btn:hover{background:#ffffff1a}.date-nav-btn.disabled,.date-nav-btn:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.date-nav-btn.disabled:hover,.date-nav-btn:disabled:hover{background:#0000}.date-selector{display:flex;flex:1 1;gap:6px;justify-content:center;overflow-x:auto;overflow-y:visible;padding:2px 0}.date-selector::-webkit-scrollbar{height:4px}.date-selector::-webkit-scrollbar-track{background:#0000}.date-selector::-webkit-scrollbar-thumb{background:#383838;border-radius:2px}.date-option{align-items:center;background:#0000;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:Inter,sans-serif;gap:2px;min-width:60px;padding:8px 12px;position:relative;transition:all .2s ease}.date-option:hover{background:#ffffff0d;border-color:#666}.date-option.selected{background:#3b82f633;background:var(--group-color-20,#3b82f633);border-color:#3b82f6;border-color:var(--group-color,#3b82f6);color:#3b82f6;color:var(--group-color,#3b82f6);transform:scale(1.05)}.date-option.disabled,.date-option:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.date-option.disabled:hover,.date-option:disabled:hover{background:#0000;border-color:#444;transform:none}.date-option.different-month{border-color:#555;color:#999}.date-option.different-month .date-month{color:#777}.date-day{font-size:11px;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.date-number{font-size:16px;font-weight:600;line-height:1}.date-month{font-size:10px;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.content-dot{background:#3b82f6;background:var(--group-color,#3b82f6);border-radius:50%;bottom:4px;height:6px;opacity:.8;position:absolute;right:4px;width:6px}.date-option.selected .content-dot{background:#fff}@media (max-width:600px){.date-picker-container{gap:4px;padding:8px}.date-nav-btn{height:28px;width:28px}.date-option{min-width:50px;padding:6px 8px}.date-number{font-size:14px}.date-day{font-size:10px}.date-month{font-size:9px}.content-dot{bottom:3px;height:5px;right:3px;width:5px}.date-selector{gap:4px;justify-content:flex-start}}.media-popout-overlay{align-items:flex-start;animation:overlayFadeIn .2s ease-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0000004d;display:flex;height:100%;justify-content:flex-end;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1500}.media-popout{animation:popoutSlideIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1c1c1ce6;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;width:400px}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.media-popout{background:#1c1c1cf2}}@keyframes popoutSlideIn{0%{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.media-popout-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px}.media-popout-header h3{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0}.media-popout .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.media-popout .close-btn:hover{background:#ffffff1a;color:#fff}.media-content{flex:1 1;min-height:200px;overflow-y:auto;padding:12px 16px 16px}.media-popout .date-picker-container{background:#0000;border:none;margin-bottom:12px;padding:8px 0}.media-popout .date-selector{overflow:hidden}.media-popout .date-selector::-webkit-scrollbar{display:none}.media-date-section{margin-bottom:12px;padding:0 4px}.media-date-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:8px;margin-right:12px;margin-top:12px;position:relative}.media-select-date-btn{align-items:center;background:none;border:1px solid #ffffff26;border-radius:6px;color:#fff9;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;gap:4px;padding:6px 10px;transition:all .2s ease}.media-select-date-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fffc}.media-select-date-btn .calendar-icon{height:12px;width:12px}.media-calendar-dropdown{animation:dropdownSlideIn .2s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1c1c1ccc;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 8px 20px #0006;margin-top:6px;padding:12px;position:absolute;right:0;top:100%;width:280px;z-index:2000}.media-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.media-calendar-title{color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:600}.media-calendar-nav-buttons{display:flex;gap:2px}.media-calendar-nav-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.media-calendar-nav-button:hover{background:#ffffff1a}.media-calendar-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.media-calendar-day-header{color:#fff9;font-family:Inter,sans-serif;font-size:10px;font-weight:500;padding:6px 2px;text-align:center}.media-calendar-day{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.media-calendar-day:hover{background:#ffffff1a}.media-calendar-day.other-month{color:#fff6}.media-calendar-day.today{background:var(--group-color-20);border:1px solid var(--group-color);color:var(--group-color)}.media-calendar-day.selected{background:var(--group-color);color:#fff}.media-calendar-day-number{position:relative;z-index:1}.media-calendar-content-dot{background:var(--group-color);border-radius:50%;bottom:1px;height:3px;position:absolute;right:1px;width:3px;z-index:2}.media-calendar-day.selected .media-calendar-content-dot{background:#fff}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-state .loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--group-color-30);border:2px solid var(--group-color-30);border-radius:50%;border-top-color:var(--group-color);height:24px;margin-bottom:12px;width:24px}.empty-state p,.loading-state p{color:#9ca3af;font-family:Inter,sans-serif;font-size:14px;margin:0}.media-list{display:flex;flex-direction:column;gap:12px}.media-item{background:#26262699;border:1px solid #ffffff0d;border-radius:8px;padding:12px;transition:all .2s ease}.media-item:hover{background:#262626cc;border-color:#ffffff1a}.file-item{gap:12px}.file-header,.file-item{align-items:center;display:flex}.file-header{gap:8px;margin-bottom:6px}.file-type-badge{background:rgba(var(--group-color-rgb),.1);border-radius:4px;color:var(--group-color);font-family:Inter,sans-serif;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.file-name{font-weight:500}.file-meta{align-items:center;color:#9ca3af;display:flex;flex-wrap:wrap;font-family:Inter,sans-serif;font-size:12px;gap:8px}.file-meta>span:after{content:"•";margin-left:8px}.file-meta>span:last-child:after{display:none}.file-description{color:#ccc;font-family:Inter,sans-serif;font-size:13px;line-height:1.4;margin:8px 0 0}.download-btn{align-items:center;background:var(--group-color-20);border:1px solid var(--group-color-30);border-radius:6px;color:var(--group-color);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.download-btn:hover{background:var(--group-color-30);border-color:var(--group-color)}.media-list:has(.image-item){grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.image-item{background:#26262699;border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.image-item:hover{background:#262626cc;border-color:#ffffff26;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.image-preview{background:#ffffff0d;height:140px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-item:hover .image-preview img{transform:scale(1.1)}.image-info{display:flex;flex-direction:column;gap:8px;padding:12px}.image-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.image-meta,.image-name{font-family:Inter,sans-serif}.image-meta{color:#9ca3af;display:flex;flex-direction:column;font-size:11px;gap:4px}.image-meta-row{align-items:center;display:flex;justify-content:space-between}.file-size{color:var(--group-color);font-weight:600}.sender-name{font-weight:500}.upload-time{color:#9ca3af;font-size:10px}.image-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-family:Inter,sans-serif;font-size:12px;line-height:1.4;margin:8px 0 0;overflow:hidden}.link-preview{cursor:pointer;display:flex;gap:12px;margin-bottom:8px}.link-image{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.link-image img{height:100%;object-fit:cover;width:100%}.link-content{flex:1 1;min-width:0}.link-header{align-items:center;display:flex;gap:6px;margin-bottom:6px}.link-favicon{border-radius:2px;height:16px;width:16px}.link-domain{color:#9ca3af;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.link-title{-webkit-line-clamp:2;color:#fff;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 4px}.link-description,.link-title{-webkit-box-orient:vertical;display:-webkit-box;font-family:Inter,sans-serif;overflow:hidden}.link-description{-webkit-line-clamp:3;color:#ccc;font-size:12px;line-height:1.4;margin:0}.link-meta{align-items:center;color:#9ca3af;display:flex;font-family:Inter,sans-serif;font-size:12px;gap:8px}.link-meta>span:after{content:"•";margin-left:8px}.link-meta>span:last-child:after{display:none}.link-message{color:#ccc;font-family:Inter,sans-serif;font-size:13px;line-height:1.4;margin:8px 0 0}@media (max-width:600px){.media-popout-overlay{align-items:center;justify-content:center;padding:10px}.media-popout{max-height:calc(100vh - 20px);max-width:400px;width:100%}.media-list:has(.image-item){gap:16px;grid-template-columns:1fr}.image-preview{height:180px}.file-item{align-items:flex-start;flex-direction:column;gap:8px}.download-btn{align-self:flex-end}.link-preview{flex-direction:column;gap:8px}.link-image{height:100px;width:100%}.file-meta,.link-meta{align-items:flex-start;flex-direction:column;gap:4px}.file-meta>span:after,.link-meta>span:after{display:none}}.group-color-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.group-color-picker{background:#2e2e2e;border:1px solid #383838;border-radius:16px;box-shadow:0 20px 40px #0006;max-width:400px;min-width:320px;padding:24px}.group-color-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.group-color-picker-header h3{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0}.group-color-picker .close-button{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.group-color-picker .close-button:hover{background:#ffffff1a}.color-options{gap:12px}.color-option,.color-options{align-items:center;display:flex;justify-content:center}.color-option{border:2px solid #0000;border-radius:12px;cursor:pointer;height:48px;position:relative;transition:all .2s ease;width:48px}.color-option:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.color-option.selected{border:2px solid #fff!important;box-shadow:0 0 0 2px #248aee,0 4px 12px #0006;box-shadow:0 0 0 2px var(--color,#248aee),0 4px 12px #0006;transform:scale(1.1)}.color-option.selected:before{background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:16px;content:"";inset:-4px;position:absolute;z-index:-1}.color-option[style*="#248AEE"]{--color:#248aee}.color-option[style*="#EE2430"]{--color:#ee2430}.color-option[style*="#24EE44"]{--color:#24ee44}.color-option[style*="#EEC224"]{--color:#eec224}.color-option[style*="#9524EE"]{--color:#9524ee}.event-item{background:#2e2e2e;border:1.5px solid #383838;border-radius:14px;cursor:pointer;padding:12px;position:relative;transition:all .2s ease}.group-color-identifier{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:30px;justify-content:center;max-width:150px;padding:4px 6px;transition:all .2s ease}.group-name-text{font-family:Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:.3px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.event-item:hover{background:#333;border-color:#404040}.event-item.past-event{background:#262626!important;border-color:#303030!important;filter:grayscale(20%);opacity:.4}.event-item.past-event:hover{background:#2a2a2a!important;border-color:#343434!important;opacity:.6}.event-item.happening-now{animation:pulseGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)!important;border:1px solid #258aee!important;border:1px solid var(--group-color,#258aee)!important;box-shadow:0 0 0 1px #258aee4d,0 0 10px #258aee33,inset 0 1px 0 #ffffff1a;box-shadow:0 0 0 1px var(--group-color-30,#258aee4d),0 0 10px var(--group-color-20,#258aee33),inset 0 1px 0 #ffffff1a;position:relative}.event-item.happening-now:hover{background:linear-gradient(135deg,#252525,#2f2f2f)!important;border-color:#39f!important;border-color:var(--group-color,#39f)!important;box-shadow:0 0 0 2px #39f6,0 0 25px #3399ff4d,inset 0 1px 0 #ffffff26;box-shadow:0 0 0 2px var(--group-color-40,#39f6),0 0 25px var(--group-color-30,#3399ff4d),inset 0 1px 0 #ffffff26}.event-item.happening-now:before{animation:liveBlink 2s ease-in-out infinite;background:#ef4444;background:var(--group-color,#ef4444);border-radius:0 12px 0 8px;color:#fff;content:"LIVE";font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;position:absolute;right:-1px;top:-1px;z-index:3}.event-item.happening-now.myq-event:before{color:#000}.live-event-progress{margin:4px 0 0;padding-top:0}.progress-times{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;justify-content:space-between;margin-top:8px}.progress-end-time,.progress-start-time{color:#888}.progress-bar-container{margin-top:8px;position:relative;width:100%}.progress-bar-track{background:#ffffff1a;border-radius:2px;height:4px;overflow:visible;position:relative}.progress-bar-fill{border-radius:2px;box-shadow:0 0 8px #258aee66;box-shadow:0 0 8px var(--group-color-40,#258aee66);height:100%}.progress-bar-fill,.progress-dot{background:#258aee;background:var(--group-color,#258aee)}.progress-dot{border:2px solid #fff;border-radius:50%;height:12px;position:absolute;top:-4px;transform:translateX(-50%);width:12px}@keyframes progressDotPulse{0%,to{box-shadow:0 0 0 1px #258aee4d,0 0 8px #258aee66;box-shadow:0 0 0 1px var(--group-color-30,#258aee4d),0 0 8px var(--group-color-40,#258aee66);transform:translateX(-50%) scale(1)}50%{box-shadow:0 0 0 2px #258aee66,0 0 16px #258aee99;box-shadow:0 0 0 2px var(--group-color-40,#258aee66),0 0 16px rgba(var(--group-color-rgb,37,138,238),.6);transform:translateX(-50%) scale(1.1)}}.event-item.expanded{background:#2e2e2e}.event-item-main{align-items:flex-start;display:flex;gap:16px}.event-time-section{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;min-width:100px}.event-time{color:#fff;font-size:14px;font-weight:600;line-height:1.2;text-align:right}.event-duration,.event-time{font-family:Inter,sans-serif}.event-duration{color:#888;font-size:12px;font-weight:500;margin-top:2px}.event-content{flex:1 1;min-width:0}.event-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.event-name{color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-group{flex-shrink:0;gap:8px}.event-group,.group-badge{align-items:center;display:flex}.group-badge{border-radius:25%;color:#fff;font-family:Inter,sans-serif;font-size:10px;font-weight:700;height:24px;justify-content:center;letter-spacing:.5px;width:24px}.group-name{color:#888;font-size:12px;font-weight:500;max-width:80px;text-overflow:ellipsis;white-space:nowrap}.event-description,.group-name{font-family:Inter,sans-serif;overflow:hidden}.event-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 8px}.event-location{align-items:center;color:#888;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;gap:6px}.event-location svg{flex-shrink:0;opacity:.7}.event-location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-item-details{animation:expandIn .2s ease-out;margin-top:16px}.expanded-outer-header{align-items:center;display:flex;justify-content:space-between;position:relative}.event-item.expanded .expanded-outer-header{margin-bottom:16px}.event-item.happening-now .expanded-outer-header{margin-bottom:4px!important}.expanded-title-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.expanded-title-row{align-items:center;display:flex;gap:12px}.expanded-title{color:#fff;display:inline-block;font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1.2;margin:0}.expanded-date-time{color:#888;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.expanded-time-row{align-items:center;display:flex}.location-action-btn.header-btn{border-radius:8px;flex-shrink:0;font-size:11px;height:30px;padding:4px 8px}.header-actions{gap:8px;margin-left:auto}.delete-btn,.header-actions{align-items:center;display:flex}.delete-btn{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;justify-content:center;padding:4px;transition:all .2s ease}.delete-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.05)}.delete-btn svg{height:16px;width:16px}.dropdown-arrow{color:#fff;opacity:.7;transition:all .2s ease}.dropdown-arrow:hover{opacity:1}.expanded-inner-container{background:#3e3e3e;border-radius:7px;padding:14px}.expanded-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.expanded-group-info{align-items:center;display:flex;gap:16px}.expanded-group-name{color:#258aee}.expanded-group-name,.join-btn{font-family:Inter,sans-serif;font-size:14px;font-weight:500}.join-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .2s ease}.join-btn:hover{background:#ffffff1a}.join-btn svg{opacity:.8}.expanded-section{border-bottom:1px solid #484848;border-bottom:1px solid var(--group-separator-color,#484848);padding:14px 0}.expanded-section:last-child{border-bottom:none;padding-bottom:0}.expanded-section:first-child{padding-top:0}.expanded-description{color:#ccc;line-height:1.5}.add-description,.expanded-description{font-family:Inter,sans-serif;font-size:14px;margin:0}.add-description{color:#888}.edit-input{color:#fff;font-family:Inter,sans-serif;transition:all .2s ease;width:100%}.edit-input,.edit-input:focus{background:#0000;border:none;border-radius:0;outline:none}.edit-title-input{border-radius:0;font-size:18px;font-weight:600;margin:0;padding:0}.edit-description-input{line-height:1.5;resize:vertical}.edit-description-input,.edit-location-input{background:#0000;border:none;border-radius:0;font-size:14px;outline:none;padding:0}.edit-location-input{flex:1 1;margin-left:2px}.edit-actions-section{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding:16px 0 0}.cancel-edit-btn{background:#0000;border:1px solid #383838;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.cancel-edit-btn:hover{background:#ffffff0d;border-color:#9ca3af;transform:translateY(-1px)}.save-edit-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.save-edit-btn:hover{opacity:.9;transform:translateY(-1px)}.location-section{align-items:center;display:flex;gap:8px}.location-icon{color:#888;flex-shrink:0}.location-text{color:#ccc}.add-location,.location-text{font-family:Inter,sans-serif;font-size:14px}.add-location{color:#888}.time-range-section{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.time-icon{color:#888;flex-shrink:0}.time-range-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.time-range{color:#fff;font-size:14px;font-weight:500}.date-range,.time-range{font-family:Inter,sans-serif}.date-range{color:#888;font-size:13px}.edit-datetime-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.edit-datetime-modal{animation:modalSlideIn .3s ease-out;background:#1c1c1c;border:1px solid #272727;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;position:relative;width:100%}.edit-datetime-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.edit-datetime-modal-header h2{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin:0}.edit-datetime-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:0 20px}.edit-datetime-actions{border-top:1px solid #272727;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:20px}.cancel-btn{align-items:center;background:#0000;border:1px solid #383838;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0d;border-color:#9ca3af;transform:translateY(-1px)}.save-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-left:auto;min-width:120px;padding:12px 24px;transition:all .2s ease}.save-btn:hover{transform:translateY(-1px)}.edit-datetime-modal .form-group{display:flex;flex-direction:column}.edit-datetime-modal .form-group label{color:#fff;display:block;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-bottom:12px}.edit-datetime-modal .date-picker-container{align-items:center;background:#2e2e2e;border:1px solid #383838;border-radius:16px;display:flex;gap:8px;overflow:visible;padding:12px;position:relative;width:100%}.edit-datetime-modal .date-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.edit-datetime-modal .date-nav-btn:hover{background:#ffffff1a}.edit-datetime-modal .date-nav-btn.disabled,.edit-datetime-modal .date-nav-btn:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.edit-datetime-modal .date-selector{display:flex;flex:1 1;gap:8px;justify-content:center;overflow-x:auto;overflow-y:visible;padding:4px 0}.edit-datetime-modal .date-option{background:#0000;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:Inter,sans-serif;gap:4px;min-width:70px;padding:16px 20px;text-align:center;transition:all .2s ease}.edit-datetime-modal .date-option:hover{background:#ffffff1a}.edit-datetime-modal .date-option.disabled,.edit-datetime-modal .date-option:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.edit-datetime-modal .date-day{font-size:12px;font-weight:500;opacity:.8}.edit-datetime-modal .date-number{font-size:18px;font-weight:600}.edit-datetime-modal .date-month{font-size:10px;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.edit-datetime-modal .date-option.different-month{padding:12px 16px}.edit-datetime-modal .date-option.different-month .date-number{font-size:16px;font-weight:700;margin:2px 0}.edit-datetime-modal .date-option.different-month .date-day{font-size:10px;font-weight:500;opacity:.8}.edit-datetime-modal .time-selector{background:#2e2e2e;border:1px solid #383838;border-radius:16px;display:flex;flex-direction:column;max-height:250px;overflow-y:auto}.edit-datetime-modal .time-option{background:#0000;border:none;border-radius:0;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:16px 20px;text-align:center;transition:all .2s ease}.edit-datetime-modal .time-option:hover{background:#383838;border-radius:12px;margin:0 16px}.edit-datetime-modal .time-option.selected{background:#555;border-radius:12px;margin:0 16px}.edit-datetime-modal .time-option.past-time{color:#999;cursor:not-allowed;opacity:.3}.edit-datetime-modal .time-option.past-time:hover{background:#0000;margin:0}.duration-options{display:flex;flex-wrap:wrap;gap:8px}.duration-option{background:#2e2e2e;border:1px solid #383838;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:500;min-width:80px;padding:12px 16px;text-align:center;transition:all .2s ease}.duration-option:hover{background:#383838;border-color:#9ca3af;transform:translateY(-1px)}.location-action-btn{align-items:center;background:#4a4a4a;border:1px solid #5a5a5a;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:6px;height:30px;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.location-action-btn:hover{background:#5a5a5a;border-color:#6a6a6a;transform:translateY(-1px)}.location-action-btn.meeting-btn{background:#4a4a4a;border-color:#5a5a5a;color:#fff}.location-action-btn.meeting-btn:hover{background:#5a5a5a;border-color:#6a6a6a}.location-action-btn.address-btn{background:#4a4a4a;border-color:#5a5a5a;color:#fff}.location-action-btn.address-btn:hover{background:#5a5a5a;border-color:#6a6a6a}.location-action-btn img{height:16px;object-fit:contain;width:16px}.btn-label{color:#fff;font-size:12px;font-weight:600}.event-details-section{border-top:1px solid #404040;display:flex;flex-direction:column;gap:8px;margin-top:20px;padding-top:16px}.event-detail-row{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:13px;justify-content:space-between}.detail-label{color:#888;font-weight:500}.detail-value{color:#fff;font-weight:500}.detail-value.status-upcoming{color:#10b981}.detail-value.status-ongoing{color:#f59e0b}.detail-value.status-completed{color:#6b7280}.detail-value.status-cancelled{color:#ef4444}@media (max-width:768px){.event-item{padding:14px 16px}.event-item-main{gap:12px}.event-time-section{min-width:80px}.event-time{font-size:13px}.event-duration{font-size:11px}.event-name{font-size:15px}.event-description{font-size:13px}.event-location{font-size:12px}.group-badge{font-size:9px;height:20px;width:20px}.group-name{font-size:11px;max-width:60px}.event-header{gap:12px}.event-detail-row{font-size:12px}.location-action-btn{font-size:11px;height:28px;padding:3px 8px}.location-action-btn.header-btn{font-size:10px;height:28px;padding:3px 6px}.location-action-btn img{height:14px;width:14px}.btn-label{color:#fff;font-size:11px}.edit-title-input{font-size:16px}.edit-description-input,.edit-location-input{font-size:13px}.edit-actions-section{margin-top:12px;padding:12px 0 0}.cancel-edit-btn,.save-edit-btn{font-size:13px;padding:7px 14px}.edit-datetime-modal{margin:10px;max-width:95vw}.duration-options{flex-direction:column}.duration-option{min-width:auto}}@media (max-width:480px){.event-item{padding:12px 14px}.event-item-main{flex-direction:column;gap:8px}.event-time-section{align-items:flex-start;min-width:auto}.event-time{text-align:left}.event-header{align-items:flex-start;flex-direction:column;gap:8px}.event-name{white-space:normal}.event-group{align-self:flex-end}.expanded-time-row,.expanded-title-row{flex-wrap:wrap;gap:8px}.expanded-title-row{align-items:flex-start}.location-action-btn{align-self:flex-end;font-size:10px;height:26px;padding:3px 6px}.location-action-btn.header-btn{align-self:flex-start;font-size:9px;height:26px;padding:2px 4px}.location-action-btn img{height:12px;width:12px}.btn-label{color:#fff;font-size:10px}.edit-title-input{font-size:15px}.edit-description-input,.edit-location-input{font-size:12px}.edit-actions-section{flex-direction:column;gap:8px}.cancel-edit-btn,.save-edit-btn{padding:10px 16px;width:100%}.edit-datetime-modal-header h2{font-size:20px}.edit-datetime-actions{flex-direction:column}.cancel-btn,.save-btn{margin:0;width:100%}}.custom-duration-container,.custom-time-container{animation:slideDown .2s ease-out;background:#2e2e2e;border:1px solid #383838;border-radius:12px;display:flex;flex-direction:column;gap:20px;margin-bottom:16px;padding:20px}.form-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.calendar-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.calendar-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.calendar-btn.active{background:#258aee33;border-color:#258aee;color:#258aee}.custom-close-icon{font-size:18px;line-height:1;margin-left:4px}.custom-duration-display{background:#258aee33!important;border-color:#258aee!important;color:#258aee!important}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.date-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;position:relative}.select-date-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.select-date-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.calendar-icon{height:16px;width:16px}.calendar-dropdown{animation:dropdownSlideIn .2s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(12px);background:#1c1c1cbf;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 25px #00000080;margin-top:8px;padding:16px;position:absolute;right:0;top:100%;width:320px;z-index:10001}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.calendar-dropdown{background:#1c1c1cf2}}.calendar-dropdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-dropdown-title{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600}.calendar-dropdown-nav-buttons{display:flex;gap:4px}.calendar-dropdown-nav-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.calendar-dropdown-nav-button:hover{background:#ffffff1a}.calendar-dropdown-nav-button.disabled,.calendar-dropdown-nav-button:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.calendar-dropdown-nav-button.disabled:hover,.calendar-dropdown-nav-button:disabled:hover{background:#0000}.calendar-dropdown-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-dropdown-day-header{color:#888;font-family:Inter,sans-serif;font-size:11px;font-weight:500;padding:6px 2px;text-align:center}.calendar-dropdown-day{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:32px;padding:8px 2px;position:relative;text-align:center;transition:all .2s ease}.calendar-dropdown-day:hover{background:#ffffff1a}.calendar-dropdown-day.other-month{color:#555}.calendar-dropdown-day.today{background:#ffffff26;font-weight:600}.calendar-dropdown-day.selected{background:#555;font-weight:600}.calendar-dropdown-day.disabled,.calendar-dropdown-day:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.calendar-dropdown-day.disabled:hover,.calendar-dropdown-day:disabled:hover{background:#0000}.calendar-dropdown-day-number{font-size:13px}.custom-time-error{align-items:center;animation:errorSlideIn .3s ease-out;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f55;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;margin:16px 0 8px;padding:12px 16px}.custom-time-error svg{flex-shrink:0;opacity:.9}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.event-list{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.event-list-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #333;border-top-color:#258aee;margin-bottom:16px}.event-list-loading p{font-size:16px;font-weight:500;margin:0}.no-events{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;padding:80px 20px;text-align:center}.no-events-icon{margin-bottom:24px;opacity:.5}.no-events h2{color:#666;font-size:24px;font-weight:400;margin:0 0 8px}.no-events h2,.no-events p{font-family:Inter,sans-serif}.no-events p{color:#888;font-size:16px;margin:0}.event-day-group{margin-bottom:32px}.event-day-group:last-child{margin-bottom:0}.event-date-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.event-date-header h3{color:#fff;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin:0}.event-date-full{color:#888;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.event-day-items{display:flex;flex-direction:column;gap:12px}.current-time-indicator{margin:8px 0;z-index:1}.current-time-indicator,.current-time-line{align-items:center;display:flex;position:relative}.current-time-line{flex:1 1}.current-time-dot{border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 0 0 2px #ef4444;height:12px;width:12px;z-index:2}.current-time-bar,.current-time-dot{background-color:#ef4444;position:relative}.current-time-bar{flex:1 1;height:2px;margin-left:2px}.current-time-label{background:#1a1a1a;border:1px solid #ef4444;border-radius:4px;color:#ef4444;font-family:Inter,sans-serif;font-size:12px;font-weight:600;margin-left:12px;padding:4px 8px;white-space:nowrap}.date-filter-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414e6;border:1px solid #333;border-radius:14px;margin-bottom:20px;padding:12px 20px;position:sticky;top:0;z-index:5}.date-filter-info{align-items:center;display:flex;justify-content:space-between}.date-filter-info h2{align-items:center;color:#fff;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:500;gap:8px;margin:0}.date-filter-info h2:before{background:#258aee;border-radius:2px;content:"";height:16px;width:3px}.clear-filter-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#bbb;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s ease}.clear-filter-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.clear-filter-btn svg{height:12px;opacity:.8;width:12px}.event-list::-webkit-scrollbar{width:6px}.event-list::-webkit-scrollbar-track{background:#0000}.event-list::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.event-list::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media (max-width:768px){.event-list{padding:16px}.event-day-group{margin-bottom:24px}.event-date-header{margin-bottom:12px}.event-date-header h3{font-size:16px}.event-date-full{font-size:12px}.no-events{padding:40px 20px}.no-events h2{font-size:20px}.no-events p{font-size:14px}}.chat-container{--chat-accent-color:var(--group-color,#4ecdc4);border-radius:0;flex-direction:column;overflow:visible;position:relative}.chat-container,.chat-not-available{display:flex;height:100%;margin:0 auto;max-width:900px;width:100%}.chat-not-available{align-items:center;background:#141418f2;border-radius:16px;justify-content:center}.chat-not-available-content{max-width:400px;padding:2rem;text-align:center}.chat-icon{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;opacity:.8}.chat-not-available h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.chat-not-available p{color:#ffffffb3;font-size:1rem;line-height:1.5;margin-bottom:.5rem}.messages-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.empty-chat,.loading-messages{flex-direction:column;height:100%;padding:2rem;text-align:center}.empty-chat,.empty-chat-icon,.loading-messages{align-items:center;display:flex;justify-content:center}.empty-chat-icon{margin-bottom:1.5rem;opacity:.8}.empty-chat h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-chat p{color:#ffffffb3;font-size:1rem;line-height:1.5}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--chat-accent-color);height:32px;margin-bottom:1rem;width:32px}.loading-messages p{color:#ffffffb3;font-size:1rem}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:.1rem;overflow-y:auto;padding:1.5rem 1.5rem 2rem;scroll-behavior:smooth;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:#0000}.messages-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.messages-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.timestamp-separator{align-items:center;display:flex;justify-content:center;margin:1.5rem 0;position:relative}.first-timestamp-separator{margin-top:0}.timestamp-separator:before{background:#ffffff1a;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.timestamp-text{background:#1c1c1c;border-radius:12px;color:#fff9;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;position:relative;z-index:1}.message-item{border-radius:16px;margin-bottom:.15rem;transition:background-color .2s ease;width:100%}.message-item:last-child{margin-bottom:2rem}.message-item:hover{background-color:#ffffff08}.message-item-compact{margin-bottom:0}.message-item-compact .message-row{align-items:center;padding:2px 8px}.message-item-compact .message-content{margin-top:0;padding-top:0}.message-item-compact .message-text{font-size:.95rem;line-height:1.3;margin:0;padding:0}.message-item-compact .message-body{display:flex;flex-direction:column;justify-content:center}.message-item-compact .message-reactions{margin-bottom:.25rem;margin-top:0}.message-row{align-items:flex-start;display:flex;gap:.75rem;padding:8px;position:relative}.message-avatar{flex-shrink:0;height:40px;width:40px}.avatar-image{object-fit:cover}.avatar-image,.avatar-placeholder{border-radius:25%;height:100%;width:100%}.avatar-placeholder{align-items:center;background:#393939;border:1px solid #595959;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center}.avatar-spacer{height:100%;width:100%}.message-body{flex:1 1;min-width:0}.message-header{align-items:baseline;display:flex;gap:.75rem;margin-bottom:.25rem}.sender-name{color:#fff;font-size:.9rem;font-weight:600}.message-time{color:#ffffff80;font-size:.75rem}.message-content{position:relative}.message-text{word-wrap:break-word;color:#ffffffe6;font-size:.95rem;line-height:1.4}.message-link{color:var(--chat-accent-color);text-decoration:underline;transition:color .2s ease}.message-link:hover{color:#66d9e8}.edited-indicator{color:#ffffff80;font-size:.75rem;font-style:italic;margin-left:.5rem}.file-message-text-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:14px;line-height:1.4;margin:.5rem 0;padding:.75rem}.file-message-text-content:first-child{margin-top:0}.message-image{margin-top:.5rem;max-width:300px}.live-event-stack{margin-left:1rem;margin-right:1rem;margin-top:1rem;overflow:visible}.scroll-indicator-gradient{background:linear-gradient(180deg,#1c1c1c 0,#0000);border-radius:0 0 12px 12px;bottom:0;height:44px;left:0;pointer-events:none;position:absolute;right:0;transform:translateY(100%);z-index:-1}.live-event-stack{position:relative;z-index:1}.live-event-header{animation:slideInDown .5s ease-out,pulseGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)!important;border:1px solid #258aee!important;border:1px solid var(--group-color,#258aee)!important;border-radius:14px;box-shadow:0 0 0 1px #258aee4d,0 0 10px #258aee33,inset 0 1px 0 #ffffff1a;box-shadow:0 0 0 1px var(--group-color-30,#258aee4d),0 0 10px var(--group-color-20,#258aee33),inset 0 1px 0 #ffffff1a;cursor:pointer;padding:12px;position:relative;transition:all .3s ease;z-index:10}.live-event-header.primary-event{opacity:1;position:relative;transform:scale(1);z-index:10}.live-event-header.secondary-event{animation:slideInDown .5s ease-out;filter:brightness(.6);left:4px;left:calc(var(--stack-index, 1)*4px);pointer-events:none;position:absolute;right:-4px;right:calc(var(--stack-index, 1)*-4px);top:-8px;top:calc(var(--stack-index, 1)*-8px);transform:scale(.95);transform:scale(calc(1 - var(--stack-index, 1)*.05));transition:all .4s cubic-bezier(.4,0,.2,1);z-index:9;z-index:calc(10 - var(--stack-index, 1))}.live-event-stack.stack-expanded .live-event-header.secondary-event{animation:slideInDown .5s ease-out,pulseGlow 3s ease-in-out infinite;animation:stackExpand .4s cubic-bezier(.4,0,.2,1) forwards,pulseGlow 3s ease-in-out .4s infinite;filter:brightness(1);left:0;margin-bottom:14px!important;margin-top:14px;opacity:1;pointer-events:auto;position:relative;right:0;top:0;transform:scale(1)}@keyframes stackExpand{0%{filter:brightness(.7);left:4px;left:calc(var(--stack-index, 1)*4px);opacity:.6;position:absolute;right:-4px;right:calc(var(--stack-index, 1)*-4px);top:-8px;top:calc(var(--stack-index, 1)*-8px);transform:scale(.95);transform:scale(calc(1 - var(--stack-index, 1)*.05))}to{filter:brightness(1);left:0;opacity:1;position:relative;right:0;top:0;transform:scale(1)}}.collapse-stack-btn{background:none;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:500;margin:8px auto 0;padding:4px 8px;transition:all .2s ease}.collapse-stack-btn:hover{background:#ffffff0d;color:#fffc}.live-event-header:before{animation:liveBlink 2s ease-in-out infinite;background:#ef4444;background:var(--group-color,#ef4444);border-radius:0 12px 0 8px;color:#fff;content:"LIVE";font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;position:absolute;right:-1px;top:-1px;z-index:3}.live-event-header.myq-event:before{color:#000}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 2px #258aee4d,0 0 20px #258aee33,inset 0 1px 0 #ffffff1a;box-shadow:0 0 0 2px var(--group-color-30,#258aee4d),0 0 20px var(--group-color-20,#258aee33),inset 0 1px 0 #ffffff1a}50%{box-shadow:0 0 0 3px #258aee80,0 0 30px #258aee66,inset 0 1px 0 #ffffff26;box-shadow:0 0 0 3px rgba(var(--group-color-rgb,37,138,238),.5),0 0 30px var(--group-color-40,#258aee66),inset 0 1px 0 #ffffff26}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.live-event-header .live-event-content{align-items:center;display:flex;gap:12px;margin-bottom:8px}.live-event-header .live-event-count{background:#258aee33;background:var(--group-color-20,#258aee33);border:1px solid #258aee4d;border:1px solid var(--group-color-30,#258aee4d);border-radius:8px;color:#258aee;color:var(--group-color,#258aee);font-size:12px;font-weight:600;padding:6px 8px}.live-event-header .live-event-progress{margin:4px 0 0;padding-top:0}.live-event-header .progress-bar-container{margin-top:8px;position:relative;width:100%}.live-event-header .progress-bar-track{background:#ffffff1a;border-radius:2px;height:4px;overflow:visible;position:relative}.live-event-header .progress-bar-fill{background:#258aee;background:var(--group-color,#258aee);border-radius:2px;box-shadow:0 0 8px #258aee66;box-shadow:0 0 8px var(--group-color-40,#258aee66);height:100%}.live-event-header .progress-dot{background:#258aee;background:var(--group-color,#258aee);border:2px solid #fff;border-radius:50%;height:12px;position:absolute;top:-4px;transform:translateX(-50%);width:12px}.live-event-header .progress-times{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;justify-content:space-between;margin-top:8px}.live-event-header .progress-end-time,.live-event-header .progress-start-time{color:#888}.live-event-header.expanded{cursor:pointer}.live-event-header .event-item-details{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:12px}.live-event-header .expanded-inner-container{display:flex;flex-direction:column}.live-event-header .expanded-section{align-items:flex-start;display:flex;gap:12px}.live-event-header .add-description,.live-event-header .expanded-description{color:#fffc;font-size:14px;line-height:1.4;margin:0}.live-event-header .add-description{font-style:italic;opacity:.6}.live-event-header .location-section{align-items:center;display:flex;flex:1 1;gap:8px}.live-event-header .location-icon{color:#fff9;flex-shrink:0}.live-event-header .add-location,.live-event-header .location-text{color:#fffc;font-size:14px}.live-event-header .add-location{font-style:italic;opacity:.6}.live-event-header .time-range-section{align-items:center;display:flex;flex:1 1;gap:8px}.live-event-header .time-icon{color:#fff9;flex-shrink:0}.live-event-header .time-range-info{display:flex;flex-direction:column;gap:2px}.live-event-header .time-range{color:#ffffffe6;font-size:14px;font-weight:500}.live-event-header .date-range{color:#fff9;font-size:12px}.chat-event-container{margin-top:.5rem;width:100%}.chat-event-container .event-item{margin-bottom:-5px;max-width:none;transform:scale(.9);transform-origin:left top;width:111.11%}.chat-event-container .event-item.expanded{margin-bottom:-15px}.chat-event-container .event-name{font-size:14px!important}.chat-event-container .event-description,.chat-event-container .event-time{font-size:12px!important}.chat-event-container .group-color-identifier{font-size:11px!important;padding:2px 4px!important}.chat-image{border-radius:8px;cursor:pointer;max-width:250px;transition:transform .2s ease;width:100%}.chat-image:hover{transform:scale(1.02)}.video-message-container{align-items:flex-start;display:flex;gap:.75rem;margin-top:.5rem}.message-video{margin-top:.5rem;max-width:350px}.chat-video{border-radius:8px;max-height:300px;max-width:350px;object-fit:contain;outline:none;width:100%}.chat-video::-webkit-media-controls-panel{background-color:initial}.file-message-container{align-items:flex-start;display:flex;gap:.75rem;max-width:280px}.file-accent-line{align-self:stretch;background:#323232;border-radius:8px;flex-shrink:0;margin-bottom:.25rem;margin-top:.25rem;width:5px}.image-message-container{align-items:flex-start;display:flex;gap:.75rem}.file-card{background:#2e2e2e;border:1px solid #7e7e7e26;border-radius:10px;flex:1 1;min-width:0;padding:.65rem}.pdf-preview{background:#fff;border:none;border-radius:6px;height:120%;left:-10%;overflow:hidden;position:absolute;top:-10%;width:120%}.image-preview{object-fit:cover}.doc-preview-placeholder,.image-preview{border-radius:6px;height:100%;width:100%}.doc-preview-placeholder{align-items:center;background:#bebebee6;display:flex;flex-direction:column;gap:.25rem;justify-content:center}.doc-preview-placeholder svg{color:#666;font-size:1.5rem}.doc-preview-placeholder span{color:#666;font-size:.7rem;font-weight:500}.file-content-row{align-items:flex-start;display:flex;gap:.75rem}.file-type-icon{align-items:center;align-self:stretch;color:#fffc;display:flex;flex-shrink:0;font-size:1.5rem}.file-info-section{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.file-info-section,.file-text-content{flex:1 1;min-width:0}.file-title{color:#fff;font-size:.85rem;font-weight:500;margin-bottom:.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details{color:#fff9;font-size:.75rem;font-weight:400}.download-icon-btn{align-items:center;align-self:stretch;background:#0000;border:none;border-radius:50%;color:#258aee;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.125rem;transition:all .2s ease}.download-icon-btn:hover{background:#2424241a;color:#1e72c5}.link-previews-container{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.link-preview-container{align-items:flex-start;display:flex;gap:.75rem;max-width:400px}.link-preview-card{background:#2e2e2e;border:1px solid #7e7e7e26;border-radius:10px;flex:1 1;min-width:0;overflow:hidden;transition:transform .2s ease}.link-preview-card:hover{transform:scale(1.01)}.link-preview-image-section{background:#b0b0b0;background-image:linear-gradient(45deg,#e8e8e8 25%,#0000 0),linear-gradient(-45deg,#e8e8e8 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e8e8e8 0),linear-gradient(-45deg,#0000 75%,#e8e8e8 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;height:180px;overflow:hidden;position:relative;width:100%}.link-preview-image{display:block;height:100%;object-fit:cover;width:100%}.link-preview-content{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.link-preview-header{align-items:center;display:flex;gap:.5rem}.link-preview-favicon{border-radius:2px;flex-shrink:0;height:16px;width:16px}.link-preview-domain{color:#fff9;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.link-preview-title{-webkit-line-clamp:2;color:#fff;font-size:.9rem;font-weight:600;line-height:1.3}.link-preview-description,.link-preview-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.link-preview-description{-webkit-line-clamp:3;color:#ffffffb3;font-size:.8rem;line-height:1.4}.link-preview-url{margin-top:.25rem}.link-preview-link{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--chat-accent-color);display:-webkit-box;font-size:.75rem;overflow:hidden;text-decoration:none;transition:color .2s ease;word-break:break-all}.link-preview-link:hover{color:#bdbdbd;text-decoration:underline}.link-preview-error{color:#ffffff80;font-size:.75rem;font-style:italic}@media (max-width:768px){.link-preview-container{max-width:100%}.link-preview-image-section{height:140px}.link-preview-content{padding:.5rem}.link-preview-title{font-size:.85rem}.link-preview-description{-webkit-line-clamp:2;font-size:.75rem}}.message-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;margin-top:.5rem}.message-item-compact .message-reactions{margin-top:.5rem}.reaction-container{display:inline-block;position:relative}.reaction-tooltip{animation:tooltipFadeIn .2s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#28282df2;border:1px solid #ffffff1a;border-radius:12px;bottom:100%;box-shadow:0 8px 24px #0006;margin-bottom:8px;max-width:250px;min-width:180px;padding:12px;z-index:1000}.reaction-tooltip,.reaction-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.reaction-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #28282df2;content:"";height:0;top:100%;width:0}.reaction-tooltip-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.reaction-tooltip-emoji{font-size:1.2rem}.reaction-tooltip-title{color:#fff;font-size:.9rem;font-weight:600}.reaction-tooltip-users{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.reaction-tooltip-users::-webkit-scrollbar{width:3px}.reaction-tooltip-users::-webkit-scrollbar-track{background:#0000}.reaction-tooltip-users::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.reaction-tooltip-user{align-items:center;display:flex;gap:8px;padding:2px 0}.reaction-tooltip-avatar{flex-shrink:0;height:24px;width:24px}.tooltip-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.tooltip-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:100%;justify-content:center;width:100%}.reaction-tooltip-name{color:#ffffffe6;font-size:.85rem;font-weight:500}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.message-actions-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1c;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 12px #0003;display:flex;gap:4px;opacity:0;padding:4px 8px;position:absolute;right:16px;top:-8px;transform:translateY(4px);transition:all .3s ease;visibility:hidden;z-index:10}.message-item-compact .message-actions-pill{top:-6px}.message-item:hover .message-actions-pill{opacity:1;transform:translateY(0);visibility:visible}.pill-reaction-picker{align-items:center;animation:expandIn .25s ease-out;border-right:1px solid #ffffff1a;display:flex;gap:2px;margin-right:4px;order:-1;padding-right:8px;transform-origin:right center}.message-actions-pill:has(.pill-reaction-picker){padding-left:12px}@keyframes expandIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.reaction-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.reaction-btn.reacted{background:#4ecdc433;background:rgba(var(--group-color-rgb,78,205,196),.2);border-color:#4ecdc480;border-color:rgba(var(--group-color-rgb,78,205,196),.5);color:var(--chat-accent-color)}.reaction-btn:hover{background:#ffffff26;transform:scale(1.05)}.message-reaction-add-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.message-reaction-add-btn:hover{background:rgba(var(--group-color-rgb),.1);color:var(--group-color);transform:scale(1.05)}.message-delete-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.message-delete-btn:hover{background:#ff525233;color:#ff5252;transform:scale(1.05)}.message-reaction-add-btn img{filter:invert(1) brightness(.6);height:16px;transition:all .2s ease;width:16px}.message-reaction-add-btn:hover img{filter:invert(1) brightness(1);opacity:0}.message-reaction-add-btn:hover:after{background:var(--group-color);content:"";height:16px;mask:url(/static/media/reaction.82023433c838c67015b4.svg) center/contain no-repeat;-webkit-mask:url(/static/media/reaction.82023433c838c67015b4.svg) center/contain no-repeat;position:absolute;width:16px}.reaction-picker-row{animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e23cc;border:1px solid #ffffff26;border-radius:12px;display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emoji-option{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.emoji-option:hover{background:#ffffff26;transform:scale(1.1)}.reaction-picker-row .emoji-option{border-radius:6px;font-size:1rem;height:32px;width:32px}.message-deleted{color:#fff6;font-size:.9rem;font-style:italic}.delete-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:modalSlideIn .25s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e23fa;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #00000080;max-height:80vh;max-width:420px;overflow-y:auto;width:90%}.delete-modal-header{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc35450d);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.delete-modal-header h3{align-items:center;color:#ff5252;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.delete-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:8px;transition:all .2s ease;width:32px}.delete-modal-close:hover:not(:disabled){background:#ffffff1a;color:#ffffffe6}.delete-modal-close:disabled{cursor:not-allowed;opacity:.5}.delete-modal-content{padding:1.5rem}.delete-modal-content p{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0;text-align:center}.delete-modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.delete-modal-cancel,.delete-modal-confirm{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:4px;justify-content:center;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.delete-modal-cancel{background:#ffffff1a;border:1px solid #fff3;color:#fff}.delete-modal-cancel:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px)}.delete-modal-confirm{background:#ff5252;color:#fff}.delete-modal-confirm:hover:not(:disabled){background:#ff1744;box-shadow:0 4px 15px #ff52524d;transform:translateY(-1px)}.delete-modal-confirm:disabled{background:#ff52524d;box-shadow:none;cursor:not-allowed;transform:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.file-error-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.file-error-modal{animation:modalSlideIn .25s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e23f2;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:500px;overflow:hidden;padding:0;width:90%}.file-error-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.file-error-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.file-error-close{align-items:center;background:none;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.file-error-close:hover{background:#ffffff1a;color:#ffffffe6}.file-error-content{padding:1rem 1.5rem 1.5rem}.file-error-description{color:#fffc;font-size:.95rem;margin:0 0 1rem}.file-error-list{background:#0003;border-radius:8px;margin-bottom:1rem;padding:.75rem}.file-error-item{border-bottom:1px solid #ffffff0d;padding:.5rem 0}.file-error-item:last-child{border-bottom:none;padding-bottom:0}.file-error-name{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.file-error-details{color:#fff9;font-size:.85rem}.file-error-limits{background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;padding:.75rem}.file-error-limit{display:flex;flex-direction:column;gap:.25rem}.limit-type{color:#ffffffb3;font-size:.8rem;font-weight:500}.limit-size{color:var(--chat-accent-color);font-size:.85rem;font-weight:600}.file-error-actions{display:flex;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.file-error-ok{background:var(--chat-accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.file-error-ok:hover{background:#4ecdc4cc;background:rgba(var(--group-color-rgb,78,205,196),.8);transform:translateY(-1px)}.typing-container{background:linear-gradient(0deg,#1c1c1c 0,#1c1c1c 60%,#1c1c1c99 80%,#1c1c1c33 95%,#0000);margin-top:-2rem;padding:1rem 1.5rem;z-index:1000}.typing-indicator{color:#b2b2b2;font-size:.85rem}.typing-user{align-items:center;display:flex;gap:8px}.typing-avatar{flex-shrink:0;height:20px;width:20px}.typing-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.typing-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.6rem;font-weight:600;height:100%;justify-content:center;width:100%}.typing-text{color:#b2b2b2;font-size:.85rem}.upload-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-top:1px solid #ffffff0d;padding:1rem 1.5rem}.upload-progress-bar{background:#fff3;border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.upload-progress-fill{background:linear-gradient(90deg,#258aee,#1e72c5);border-radius:2px;height:100%;transition:width .3s ease}.upload-progress-text{color:#fff;display:block;font-size:.8rem;text-align:center}.file-preview-area{background:#b0b0b0;background-image:linear-gradient(45deg,#e8e8e8 25%,#0000 0),linear-gradient(-45deg,#e8e8e8 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e8e8e8 0),linear-gradient(-45deg,#0000 75%,#e8e8e8 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:6px;height:80px;margin-bottom:.75rem;overflow:hidden;position:relative;width:100%}.file-preview-content{align-items:flex-start;display:flex;flex:1 1;gap:16px;position:relative;width:100%}.file-preview-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;width:100%}.file-preview-item-wrapper{transition:all .2s ease}.file-preview-item{position:relative}.file-preview-item.image-preview{border-radius:8px;height:60px;overflow:visible;width:60px}.file-preview-image{border:1px solid #444}.file-preview-item.file-preview{background:#333;border:1px solid #444;border-radius:8px}.file-preview-item.file-preview .file-icon{align-items:center;color:#888;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;width:32px}.file-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.file-name{color:#fff;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name,.file-type-size{font-family:Inter,sans-serif}.file-type-size{align-items:center;color:#888;display:flex;font-size:12px;gap:6px}.file-type{color:#888}.file-separator{color:#666}.file-size{color:#888}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-reply-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.message-reply-btn:hover{background:rgba(var(--group-color-rgb),.1);color:var(--group-color);transform:scale(1.05)}.reply-event-preview{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:10px;padding:8px 12px;width:100%}.reply-event-info{flex:1 1;min-width:0}.reply-event-name{color:#ffffffe6;font-size:.85rem;font-weight:600;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-event-time{color:#fff9;font-size:.75rem;line-height:1}.reply-context{align-items:flex-start;animation:replySlideIn .4s ease-out;background:#ffffff08;border-radius:14px;cursor:pointer;display:flex;gap:8px;margin-bottom:8px;padding:8px 12px;transition:all .2s ease}.reply-context:hover{background:#ffffff0d;transform:translateX(2px)}.reply-line{align-self:stretch;background:var(--chat-accent-color);border-radius:2px;flex-shrink:0;min-height:20px;width:3px}.reply-content{flex:1 1;min-width:0}.reply-sender{color:var(--chat-accent-color);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:2px}.reply-text{color:#ffffffb3;font-size:.85rem;font-style:italic;line-height:1.3}.reply-text:not(:has(.reply-thumbnail)):not(:has(.reply-file-card)){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reply-thumbnail{border:1px solid #fff3;border-radius:4px;display:block;flex-shrink:0;height:32px;object-fit:cover;width:32px}.reply-file-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:8px;max-width:200px;padding:6px 8px}.reply-file-icon{align-items:center;color:#fff9;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.reply-file-icon svg{height:16px;width:16px}.reply-file-info{flex:1 1;min-width:0}.reply-file-name{color:#fffc;font-size:.75rem;font-weight:500;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-file-size{color:#ffffff80;font-size:.7rem;line-height:1}.reply-preview-area{animation:slideDownReply .3s ease-out;background:#ffffff0d;border:1px solid #ffffff1a;border-bottom:none;border-radius:18px 18px 0 0;padding:12px 16px}.reply-preview-content{align-items:flex-start;display:flex;gap:12px}.reply-preview-line{align-self:stretch;animation:replyLinePulse 2s ease-in-out infinite;background:var(--chat-accent-color);border-radius:2px;box-shadow:0 0 8px #4ecdc44d;box-shadow:0 0 8px rgba(var(--group-color-rgb,78,205,196),.3);flex-shrink:0;min-height:30px;width:3px}@keyframes replyLinePulse{0%,to{box-shadow:0 0 8px #4ecdc44d;box-shadow:0 0 8px rgba(var(--group-color-rgb,78,205,196),.3)}50%{box-shadow:0 0 12px #4ecdc499;box-shadow:0 0 12px rgba(var(--group-color-rgb,78,205,196),.6)}}.reply-preview-info{flex:1 1;min-width:0}.reply-preview-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.reply-preview-label{color:#fff9;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.reply-preview-sender{color:var(--chat-accent-color);font-size:.8rem;font-weight:600}.reply-preview-text{color:#fffc;font-size:.85rem;font-style:italic;line-height:1.3}.reply-preview-text:not(:has(.reply-thumbnail)):not(:has(.reply-file-card)){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reply-cancel-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.reply-cancel-btn:hover{background:#ff525233;color:#ff5252;transform:scale(1.1)}@keyframes slideDownReply{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateY(-10px)}to{max-height:100px;opacity:1;padding-bottom:12px;padding-top:12px;transform:translateY(0)}}@keyframes replySlideIn{0%{max-width:0;opacity:0;transform:translateX(-20px)}to{max-width:100%;opacity:1;transform:translateX(0)}}.chat-input-container{background:#0000;flex-shrink:0;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;position:relative}.chat-input-container:before{background:linear-gradient(180deg,#0000 0,#1c1c1ccc);content:"";height:20px;left:0;pointer-events:none;position:absolute;right:0;top:-20px}.chat-input-form{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2e2e2e;border:1px solid #383838;border-radius:16px;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.chat-input-container.has-file .chat-input-form,.chat-input-container.has-reply .chat-input-form{border-radius:0 0 16px 16px;border-top:1px solid #ffffff0d}.chat-input-container.has-file:focus-within .file-upload-preview-area,.chat-input-container.has-reply:focus-within .reply-preview-area,.chat-input-form:focus-within{border-color:#fff3}.attachment-btn{align-items:center;background:#0000;border:none;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px}.attachment-btn,.attachment-btn:before{border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.attachment-btn:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8)}.attachment-btn:hover:before{opacity:1;transform:scale(1)}.attachment-btn:hover{color:var(--chat-accent-color);transform:scale(1.1)}.attachment-btn:active{transform:scale(.95)}.attachment-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.message-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.4;max-height:120px;min-height:20px;outline:none;overflow-y:auto;padding:.5rem .25rem;resize:none;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;transition:all .2s ease}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-track{background:#0000}.message-input::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.message-input::-webkit-scrollbar-thumb:hover{background:#ffffff80}.message-input::placeholder{color:#fff6;transition:color .2s ease}.message-input:focus::placeholder{color:#ffffff4d}.message-input:disabled{cursor:not-allowed;opacity:.7}.send-btn{align-items:center;background:#4ecdc4cc;background:rgba(var(--group-color-rgb,78,205,196),.8);border:none;border-radius:50%;box-shadow:0 2px 8px #4ecdc44d;box-shadow:0 2px 8px rgba(var(--group-color-rgb,78,205,196),.3);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.send-btn:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.send-btn:hover:not(:disabled){background:var(--chat-accent-color);transform:scale(1.05)}.send-btn:disabled{background:#ffffff1a;box-shadow:none;color:#fff6;cursor:not-allowed;transform:none}.file-upload-preview-area{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2e2e2ef2,#383838f2);border:1px solid #ffffff1a;border-radius:16px 16px 0 0;box-shadow:0 4px 20px #0000001a,inset 0 1px 0 #ffffff1a;display:flex;max-height:300px;min-height:92px;overflow-y:auto;padding:16px;transition:all .3s ease}.file-preview-item-wrapper{flex-shrink:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-preview-item-wrapper:hover{transform:translateY(-2px)}.file-preview-item-wrapper:hover .cancel-file-btn{opacity:1;transform:scale(1);visibility:visible}.cancel-file-btn{align-items:center;background:linear-gradient(135deg,#dc3545e6,#dc3545cc);border:2px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:22px;z-index:999}.cancel-file-btn:hover{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px #dc354566;transform:scale(1.1)}.cancel-file-btn:active{transform:scale(.95)}.file-preview-image{border:2px solid #ffffff1a;border-radius:8px;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.file-preview-item.image-preview:hover .file-preview-image{border-color:#4ecdc44d;border-color:rgba(var(--group-color-rgb,78,205,196),.3);box-shadow:0 4px 15px #0003}.file-preview-item.file-preview{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#333333f2,#444444f2);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;max-width:280px;min-width:200px;padding:12px;transition:all .3s ease}.file-preview-item.file-preview:hover{border-color:#4ecdc44d;border-color:rgba(var(--group-color-rgb,78,205,196),.3);box-shadow:0 4px 15px #00000026}@media (max-width:768px){.messages-list{padding:.75rem}.message-row{gap:.5rem}.message-avatar{height:36px;width:36px}.chat-input-container{padding:.75rem}.chat-input-form{padding:.5rem}.message-input{font-size:.85rem}}@media (max-width:480px){.message-row{gap:.5rem}.message-avatar{height:32px;width:32px}.message-text{font-size:.9rem}.sender-name{font-size:.85rem}.message-time{font-size:.7rem}.live-event-header{border-radius:0 0 12px 12px;padding:10px 12px 6px}.live-event-header .live-event-content{gap:8px}.live-event-header .live-event-name{font-size:14px}.live-event-header .live-event-time{font-size:12px}.live-event-header .live-event-count{font-size:10px;padding:3px 6px}}.create-join-group-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-join-group-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#1a1a1a;border:2px solid #333;border-radius:16px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-width:500px;width:90%}.create-join-group-modal-header{align-items:center;display:flex;justify-content:space-between;padding:16px 18px}.create-join-group-modal-header h2{color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0}.create-join-group-modal .close-button{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:background-color .2s ease;width:32px}.create-join-group-modal .close-button:hover{background:#ffffff1a}.create-join-group-content{display:flex;flex-direction:column;gap:12px;padding:0 18px 18px}.create-group-btn,.join-group-btn{align-items:center;background:#ffffff0d;border:2px solid #333;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:500;gap:8px;height:56px;justify-content:center;padding:16px 20px;transition:all .2s ease;width:100%}.create-group-btn:hover,.join-group-btn:hover{background:#ffffff1a;border-color:#444;transform:translateY(-1px)}.create-group-btn:active,.join-group-btn:active{transform:translateY(0)}.group-action-icon{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.create-group-btn span,.join-group-btn span{font-weight:500}@media (max-width:480px){.create-join-group-modal{margin:20px;max-width:none;width:95%}.create-join-group-modal-header{padding:16px 16px 0}.create-join-group-content{padding:0 16px}.create-group-btn,.join-group-btn{font-size:15px;height:50px;padding:14px 16px}.group-action-icon{height:28px;width:28px}}.create-group-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.create-group-modal{animation:modalSlideIn .3s ease-out;background:#1c1c1c;border:1px solid #272727;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:640px;min-height:320px;overflow:hidden;position:relative;transition:all .4s ease;width:100%}.create-group-modal.creation-active{max-height:300px;max-width:400px;min-height:300px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-group-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.step-info{flex:1 1}.create-group-modal-header h2{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin:0 0 8px}.step-indicator{align-items:center;display:flex;gap:12px}.step-text{color:#aaa;font-family:Inter,sans-serif;font-size:14px;font-weight:500;white-space:nowrap}.step-progress{background:#2e2e2e;border-radius:2px;flex:1 1;height:3px;max-width:200px;overflow:hidden}.step-progress-fill{background:#258aee;border-radius:2px;height:100%;transition:all .3s ease}.close-button{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:4px;transition:background-color .2s ease;width:32px}.close-button:hover{background:#ffffff1a}.create-group-form-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 20px}.create-group-form{flex:1 1}.create-group-form,.step-content{display:flex;flex-direction:column;min-height:0}.step-content{flex:1 1;gap:14px;margin-bottom:16px}.error-message{background:#ef44441a;border:1px solid #ef4444;color:#fca5a5;font-size:14px;margin-bottom:4px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:12px}.form-group label,.form-input,.form-textarea{color:#fff;font-family:Inter,sans-serif;font-size:16px}.form-input,.form-textarea{background:#2e2e2e;border:1px solid #383838;border-radius:12px;transition:all .2s ease;width:100%}.form-input{height:56px;padding:16px 20px}.form-textarea{min-height:120px;padding:16px 20px;resize:vertical}.form-input:focus,.form-textarea:focus{background:#383838!important;border:1px solid #9ca3af!important;box-shadow:none!important;outline:none!important}.form-input::placeholder,.form-textarea::placeholder{color:#888}.input-hint{color:#aaa;font-family:Inter,sans-serif;font-size:14px;margin-top:6px}.image-description,.permissions-description{color:#aaa;font-size:14px;line-height:1.4;margin-bottom:16px}.group-image-upload{align-items:center;background:#2e2e2e4d;border:2px dashed #383838;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto;padding:32px;position:relative;transition:all .2s ease;width:200px}.group-image-upload:hover{background:#2e2e2e80;border-color:#9ca3af}.group-image-preview{align-items:center;background:#0000;border-radius:8px;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;transition:all .2s ease;width:64px}.group-image{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:#2e2e2e99;border-radius:8px;color:#888;display:flex;height:64px;justify-content:center;width:64px}.image-upload-text{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.upload-title{color:#fff;font-size:14px;font-weight:600}.upload-subtitle,.upload-title{font-family:Inter,sans-serif;text-align:center}.upload-subtitle{color:#aaa;font-size:12px;line-height:1.3}.remove-image-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:24px;z-index:10}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.permissions-list{display:flex;flex-direction:column;gap:12px}.permission-setting{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;transition:all .2s ease}.permission-info{flex:1 1;min-width:0}.permission-label{align-items:center;color:#fff;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:12px;margin-bottom:8px}.permission-icon{color:#aaa;flex-shrink:0}.permission-description{color:#aaa;font-size:14px;line-height:1.4;margin:0}.toggle-switch{flex-shrink:0;width:44px}.toggle-slider{background-color:#383838;cursor:pointer;transition:.3s}.toggle-slider:before{transition:.3s}input:checked+.toggle-slider:before{transform:translateX(20px)}.step-navigation{border-top:1px solid #272727;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-top:auto;padding:20px 0}.step-nav-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s ease}.step-nav-btn:hover:not(:disabled){transform:translateY(-1px)}.step-nav-btn:active:not(:disabled){transform:translateY(0)}.step-nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.prev-btn{background:#0000;border:1px solid #383838;color:#fff}.prev-btn:hover:not(:disabled){background:#ffffff0d;border-color:#9ca3af}.create-btn,.next-btn{background:#258aee;border:1px solid #258aee;color:#fff;margin-left:auto}.create-btn:hover:not(:disabled),.next-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.create-btn:disabled{background:#2e2e2e;border-color:#383838}.group-created-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:20px;text-align:center}.success-icon{justify-content:center;margin-bottom:8px}.group-info,.success-icon{align-items:center;display:flex}.group-info{flex-direction:column;gap:12px}.created-group-image{border-radius:12px;height:64px;object-fit:cover;width:64px}.group-preview-avatar{align-items:center;background:#3b82f6;border-radius:12px;display:flex;font-size:24px;height:64px;justify-content:center;width:64px}.group-info h3,.group-preview-avatar{color:#fff;font-family:Inter,sans-serif;font-weight:600}.group-info h3{font-size:20px;margin:0}.group-info p{color:#aaa;font-size:14px;line-height:1.4;margin:0;max-width:400px}.invitation-section{width:100%}.invitation-section label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.invitation-code-container,.invitation-link-container{display:flex;gap:8px}.invitation-code-input,.invitation-link-input{background:#2e2e2e;border:1px solid #383838;border-radius:8px;color:#fff;flex:1 1;font-family:Inter,monospace;font-size:14px;padding:12px 16px;text-align:center}.invitation-link-input{text-align:left}.copy-code-btn,.copy-link-btn{align-items:center;background:#258aee;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:12px 16px;transition:all .2s ease}.copy-code-btn:hover,.copy-link-btn:hover{background:#2563eb;transform:scale(1.05)}.group-created-actions{display:flex;gap:12px;width:100%}.primary-btn,.secondary-btn{border-radius:12px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:12px 20px;transition:all .2s ease}.secondary-btn{background:#0000;border:1px solid #383838;color:#fff}.secondary-btn:hover{background:#ffffff0d;border-color:#9ca3af}.primary-btn{background:#258aee;border:1px solid #258aee;color:#fff}.primary-btn:hover{background:#2563eb;border-color:#2563eb}.creation-animation-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1c1c1cfa;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3000}.creation-animation-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:20px;text-align:center}.creation-spinner{height:64px;position:relative;width:64px}.spinner-ring{animation:spin 1s linear infinite;border:4px solid #383838;border-radius:50%;border-top-color:#258aee;height:100%;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.creation-text{animation:textFadeIn .5s ease-out .2s both;color:#fff;font-size:24px;font-weight:600}.creation-subtext,.creation-text{font-family:Inter,sans-serif;margin:0}.creation-subtext{animation:textFadeIn .5s ease-out .3s both;color:#aaa;font-size:16px;font-weight:400}.success-checkmark{animation:successPop .6s ease-out;height:64px;width:64px}.success-circle{stroke-dasharray:176;stroke-dashoffset:176;animation:drawCircle .8s ease-out forwards}.success-check{stroke-dasharray:32;stroke-dashoffset:32;animation:drawCheck .4s ease-out .6s forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes successPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-text{animation:successTextFadeIn .5s ease-out .4s both;color:#fff;font-size:24px;font-weight:600}.success-subtext,.success-text{font-family:Inter,sans-serif;margin:0}.success-subtext{animation:successTextFadeIn .5s ease-out .6s both;color:#aaa;font-size:16px;font-weight:400}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes successTextFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.create-group-form-container::-webkit-scrollbar{width:6px}.create-group-form-container::-webkit-scrollbar-track{background:#1c1c1c}.create-group-form-container::-webkit-scrollbar-thumb{background:#383838;border-radius:3px}.create-group-form-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.create-group-content{display:flex;flex-direction:column;gap:20px;padding:18px}.create-group-submit-btn{background:#258aee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-top:8px;padding:14px 20px;transition:all .2s ease}.create-group-submit-btn:hover:not(:disabled){background:#2076cc;box-shadow:0 4px 12px #258aee4d;transform:translateY(-1px)}.create-group-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.group-preview{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.group-preview-header h3{color:#fff;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin:0}.group-meta{color:#888;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:14px;gap:4px}.member-count{color:#aaa;font-weight:500}.created-by{font-size:13px}.already-member-notice{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.group-preview-actions{display:flex;gap:12px;width:100%}@media (max-width:768px){.create-group-modal{margin:10px;max-height:calc(100vh - 20px)}.create-group-modal-header{padding:16px 16px 0}.create-group-form-container{padding:0 16px}.step-progress{max-width:150px}.permission-setting{align-items:flex-start;flex-direction:column;gap:16px}.toggle-switch{align-self:flex-start}.create-group-content{padding:16px}.group-image-upload{height:180px;padding:24px;width:180px}.group-image-preview,.image-placeholder{height:48px;width:48px}.upload-title{font-size:13px}.upload-subtitle{font-size:11px}}@media (max-width:480px){.step-nav-btn{font-size:14px;min-width:100px;padding:10px 16px}.step-progress{max-width:120px}.step-text{font-size:12px}.group-image-upload{align-items:center;flex-direction:column;gap:12px;text-align:center}.permission-label{font-size:14px}.permission-description{font-size:13px}.group-preview-actions{flex-direction:column}.group-meta{align-items:center}}.legal-container{background:#1a1a1a;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.legal-container:before{background-image:radial-gradient(ellipse 406px 272px at 50% calc(100% + 244px),#fff 0,#0000 100%),radial-gradient(ellipse 678px 463px at 50% calc(100% + 413px),#3f9ffdbf 0,#0000 100%),radial-gradient(ellipse 1134px 545px at 50% calc(100% + 509px),#389dffcc 0,#0000 100%);content:"";filter:blur(75px);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.legal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2af2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;margin:40px auto;max-width:800px;overflow:hidden;position:relative;z-index:1}.legal-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;color:#fff;padding:40px 40px 30px;position:relative;text-align:center}.back-link{background:#ffffff1a;border-radius:20px;color:#fffc;font-size:14px;font-weight:500;left:20px;padding:8px 16px;position:absolute;text-decoration:none;top:20px;transition:all .2s ease}.back-link:hover{background:#3f9ffd4d;color:#fff}.legal-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.last-updated{color:#ffffffb3;font-size:1rem;margin:0;opacity:.8}.legal-body{color:#ffffffe6;line-height:1.6;padding:40px}.legal-body section{margin-bottom:30px}.legal-body h2{border-bottom:1px solid #ffffff1a;color:#3f9ffd;font-size:1.5rem;font-weight:600;margin-bottom:15px;padding-bottom:8px}.legal-body h3{color:#fffffff2;font-size:1.2rem;font-weight:600;margin:20px 0 10px}.legal-body p{color:#ffffffd9;font-size:1rem;margin-bottom:15px}.legal-body ul{margin:15px 0;padding-left:20px}.legal-body li{color:#ffffffd9;margin-bottom:8px}.legal-link{color:#3f9ffd;font-weight:500;text-decoration:none}.legal-link:hover{color:#5badff;text-decoration:underline}.contact-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:15px 0;padding:20px}.legal-footer{background:#ffffff08;border-top:1px solid #ffffff1a;padding:30px 40px;text-align:center}.legal-footer p{color:#fff9;font-size:.9rem;margin:0 0 10px}.legal-links{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.legal-links a{color:#3f9ffd;font-size:.9rem;font-weight:500;text-decoration:none}.legal-links a:hover{color:#5badff;text-decoration:underline}.legal-links span{color:#ffffff4d}.faq-container{margin:30px 0}.faq-item{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:10px;overflow:hidden}.faq-question{align-items:center;background:#0000;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;justify-content:space-between;padding:20px;text-align:left;transition:all .2s ease;width:100%}.faq-question:hover{background:#ffffff0d}.faq-question.active{background:#3f9ffd33;color:#fff}.faq-toggle{color:#3f9ffd;font-size:1.2rem;font-weight:700;min-width:20px;text-align:center}.faq-question.active .faq-toggle{color:#fff}.faq-answer{background:#ffffff08;border-top:1px solid #ffffff1a;padding:0 20px 20px}.faq-answer p{color:#fffc;margin:0;padding-top:15px}.contact-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:30px 0;padding:30px}.contact-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.contact-option{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:20px;text-align:center;transition:all .2s ease}.contact-option:hover{background:#ffffff0d;transform:translateY(-2px)}.contact-option h3{align-items:center;color:#3f9ffd;display:flex;font-size:1.1rem;gap:8px;justify-content:center;margin-top:0}.contact-link{border:2px solid #3f9ffd;border-radius:20px;color:#3f9ffd;display:inline-block;font-weight:600;margin-top:10px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.contact-link:hover{background:#3f9ffd;color:#1a1a1a;text-decoration:none}.resources-section,.troubleshooting-section{margin:40px 0}.resources-grid,.troubleshooting-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.resource-item,.troubleshooting-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:20px;transition:all .2s ease}.resource-item:hover,.troubleshooting-item:hover{background:#ffffff0d;transform:translateY(-1px)}.resource-item h3,.troubleshooting-item h3{align-items:center;color:#3f9ffd;display:flex;font-size:1.1rem;gap:8px;margin-top:0}.resource-link{color:#3f9ffd;display:inline-block;font-weight:500;margin-top:10px;text-decoration:none}.resource-link:hover{color:#5badff;text-decoration:underline}.troubleshooting-item ul{margin:10px 0 0;padding-left:20px}.troubleshooting-item li{color:#fffc;font-size:.9rem;margin-bottom:5px}.icon-email:before{content:"✉"}.icon-chat:before{content:"💬"}.icon-bug:before{content:"🐛"}.icon-lightbulb:before{content:"💡"}.icon-refresh:before{content:"↻"}.icon-notification:before{content:"🔔"}.icon-sync:before{content:"⟲"}.icon-group:before{content:"👥"}.contact-option h3 i,.troubleshooting-item h3 i{color:#3f9ffd;font-size:1.2em;font-style:normal}@media (max-width:768px){.legal-container{padding:20px}.legal-content{margin-bottom:20px;margin-top:20px}.legal-header{padding:30px 20px 20px}.legal-header h1{font-size:2rem}.back-link{display:none}.legal-body{padding:30px 20px}.legal-footer{padding:20px}.legal-links{flex-direction:column;gap:5px}.contact-options,.resources-grid,.troubleshooting-grid{grid-template-columns:1fr}.faq-question{font-size:.95rem;padding:15px}.faq-answer{padding:0 15px 15px}}@media (max-width:480px){.legal-header h1{font-size:1.8rem}.legal-body{padding:20px 15px}.legal-body h2{font-size:1.3rem}.contact-section{padding:20px}.resource-item,.troubleshooting-item{padding:15px}}.admin-container{background:#101010;font-family:Inter,sans-serif;min-height:100vh;padding:20px;position:relative}.admin-login{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2af2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0006;margin:100px auto;max-width:400px;padding:40px}.admin-login h1{color:#fff;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#fffc;display:block;font-weight:500;margin-bottom:5px}.form-group input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{background:#ffffff14;border-color:#258aee;outline:none}.form-group input::placeholder{color:#fff6}.login-btn{background:#258aee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .2s;width:100%}.login-btn:hover{background:#2078d4}.admin-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2af2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 12px #0000004d;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 30px}.admin-header h1{color:#fff;font-size:28px;font-weight:600}.admin-tabs{background:#2a2a2af2;border-radius:12px;display:flex;gap:4px;margin-bottom:20px;padding:6px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.tab-btn:hover{background:#ffffff0d;color:#ffffffe6}.tab-btn.active{background:#258aee;color:#fff}.config-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2af2;border:1px solid #ffffff1a;border-radius:16px;padding:30px}.config-list{display:flex;flex-direction:column;gap:20px}.config-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:20px;justify-content:space-between;padding:20px}.config-details h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.config-key{color:#fff9;font-family:monospace;font-size:12px;margin-bottom:4px}.config-updated{color:#ffffff80;font-size:11px}.config-input{min-width:300px}.config-toggle{align-items:center;display:flex;gap:12px}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#fff3;border-radius:24px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.2s;width:18px}input:checked+.toggle-slider{background-color:#258aee}input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{color:#fff;font-size:14px;font-weight:500}.config-display{align-items:center;display:flex;gap:12px}.config-value{color:#fff;flex:1 1;font-size:14px;word-break:break-all}.config-empty{color:#fff6;font-style:italic}.config-edit{display:flex;flex-direction:column;gap:12px}.config-input-field{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.config-input-field:focus{background:#ffffff14;border-color:#258aee;outline:none}.config-input-field::placeholder{color:#fff6}.config-actions{display:flex;gap:8px}.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.edit-btn{background:#ffffff1a;color:#fff}.edit-btn:hover{background:#ffffff26}.save-btn{background:#28a745;color:#fff}.save-btn:hover{background:#218838}.cancel-btn{background:#ffffff1a;color:#fffc}.cancel-btn:hover{background:#ffffff26}.logout-btn{align-self:flex-start;background:#e53e3ecc;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s;width:auto}.logout-btn:hover{background:#c53030e6}.error-message{background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:8px;color:#ff6b6b}.error-message,.success-message{margin-bottom:20px;padding:12px 16px}.success-message{background:#38a1691a;border:1px solid #38a16933;border-radius:8px;color:#68d391}.admin-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2af2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 12px #0000004d;overflow:hidden}.reports-section{padding:30px}.section-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.section-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.refresh-btn{background:#258aee;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.refresh-btn:hover:not(:disabled){background:#2078d4}.refresh-btn:disabled{background:#a0aec04d;cursor:not-allowed}.loading,.no-reports{color:#fff9;font-size:18px;padding:60px 20px;text-align:center}.reports-list{display:flex;flex-direction:column;gap:20px}.report-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1ccc;border:1px solid #ffffff1a;border-radius:16px;padding:25px;transition:border-color .2s,box-shadow .2s}.report-item:hover{border-color:#fff3;box-shadow:0 4px 12px #0003}.report-header{margin-bottom:20px}.report-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.report-id{background:#258aee;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.report-date{color:#fff9;font-size:14px}.report-reason{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.report-reason.spam{background:#fed7cc;color:#c05621}.report-reason.harassment{background:#fbb6ce;color:#b83280}.report-reason.inappropriate{background:#fef5e7;color:#d69e2e}.report-reason.hate_speech{background:#fed7d7;color:#c53030}.report-reason.violence{background:#e9d8fd;color:#805ad5}.report-reason.other{background:#e6fffa;color:#319795}.report-details{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:25px}.message-content{grid-column:1/-1}.message-content h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:10px}.message-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:15px}.message-preview p{color:#ffffffe6;font-size:14px;line-height:1.5;margin-bottom:8px}.message-preview small{color:#ffffff80;font-size:12px}.user-info{display:flex;gap:30px}.reported-by,.reported-user{flex:1 1}.group-info h5,.report-description h5,.user-info h5{color:#ffffffb3;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.group-info p,.report-description p,.user-info p{color:#ffffffe6;font-size:14px;margin-bottom:4px}.user-info small{color:#ffffff80;font-size:12px}.report-description{border-top:1px solid #ffffff1a;grid-column:1/-1;margin-top:20px;padding-top:20px}.report-actions{border-top:2px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:10px 20px;transition:all .2s}.action-btn:disabled{cursor:not-allowed;opacity:.6}.allow-btn{background:#38a16933;border:1px solid #38a1694d;color:#68d391}.allow-btn:hover:not(:disabled){background:#38a1694d}.remove-btn{background:#d69e2e33;border:1px solid #d69e2e4d;color:#f6e05e}.remove-btn:hover:not(:disabled){background:#d69e2e4d}.ban-btn{background:#e53e3e33;border:1px solid #e53e3e4d;color:#fc8181}.ban-btn:hover:not(:disabled){background:#e53e3e4d}.pagination{align-items:center;border-top:2px solid #ffffff1a;display:flex;gap:20px;justify-content:center;margin-top:40px;padding-top:20px}.page-btn{background:#258aee;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.page-btn:hover:not(:disabled){background:#2078d4}.page-btn:disabled{background:#a0aec04d;cursor:not-allowed}.page-info{color:#ffffffb3;font-size:14px;font-weight:500}@media (max-width:768px){.admin-container{padding:10px}.admin-header{flex-direction:column;gap:15px;padding:15px 20px;text-align:center}.admin-header h1{font-size:24px}.logout-btn{align-self:center}.reports-section{padding:20px}.section-header{flex-direction:column;gap:15px;text-align:center}.report-details{gap:20px;grid-template-columns:1fr}.user-info{gap:15px}.report-actions,.user-info{flex-direction:column}.action-btn{min-width:auto}.pagination{flex-direction:column;gap:10px}}.App{font-family:Inter,sans-serif}.App,.loading-container{background:#1a1a1a;min-height:100vh}.loading-container{align-items:center;display:flex;justify-content:center}.loading{color:#fff;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500}.dashboard{background:#f8fafc;min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0}.dashboard-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.dashboard-logo{color:#1f2937;font-size:1.5rem;font-weight:700}.dashboard-user{align-items:center;display:flex;gap:1rem}.dashboard-phone{color:#6b7280;font-size:.9rem}.dashboard-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.dashboard-welcome{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2.5rem;text-align:center}.dashboard-welcome h1{color:#1f2937;font-size:2rem;margin:0 0 1rem}.dashboard-welcome p{color:#6b7280;font-size:1.1rem;margin:0}.code-input{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.5rem;text-align:center}@media (max-width:480px){.top-logo{margin-bottom:60px;padding-top:40px}.auth-content{margin-top:-80px;padding:20px}.auth-title{font-size:24px;font-weight:400}.auth-form{max-width:320px}}
/*# sourceMappingURL=main.ffe00bca.css.map*/