@charset "UTF-8";.app-toast__close{flex-shrink:0;width:24px;height:24px;margin:0 -6px 0 2px;padding:0;border:none;border-radius:6px;background:none;color:inherit;opacity:.7;display:inline-flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.app-toast__close:hover{opacity:1;background:color-mix(in srgb,currentColor 15%,transparent)}.app-toast__close:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:1px}.btn{height:2.75rem;padding:0 1.75rem;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .22s cubic-bezier(.22,1,.36,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;font-family:inherit;letter-spacing:.01em;position:relative;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s ease;z-index:0;pointer-events:none}.btn:hover:not(:disabled):before{transform:translate(100%)}.btn>*{position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);color:var(--text-inverse);box-shadow:0 2px 8px #0f42234d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f422366}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 1px 4px #0f422333}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 1px 3px #0000000f}.btn-secondary:hover:not(:disabled){background:var(--border-primary);transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-outline{background:transparent;border:1.5px solid var(--brand-primary);color:var(--brand-primary)}.btn-outline:hover:not(:disabled){background:var(--brand-primary);color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px #0f422340}.btn-outline:active:not(:disabled){transform:scale(.97)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:scale(.97)}.btn:disabled{background:var(--border-primary);color:var(--text-muted);cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.btn-outline:disabled{background:transparent;border-color:var(--border-primary);color:var(--text-muted)}.btn-loading{pointer-events:none;cursor:not-allowed}.btn-spinner{animation:spin .8s linear infinite}.btn-full-width{width:100%}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#1a5c38,#0f4223);box-shadow:0 2px 8px #0006}[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #00000080}.btn-danger{background:#dc2626;color:#fff;border:1px solid #dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.input-container{margin-bottom:1rem}.input-label{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;margin-bottom:.4rem;letter-spacing:.02em;text-transform:uppercase}.label-icon{font-size:.875rem;opacity:.75}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.875rem;color:var(--text-muted);font-size:1rem;pointer-events:none;transition:color .2s ease}.input-wrapper:focus-within .input-icon{color:var(--brand-primary)}.input-field{width:100%;height:2.875rem;padding:0 1rem;border:1.5px solid var(--border-primary);border-radius:10px;font-size:.9375rem;color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;font-family:inherit}.input-field:-webkit-autofill,.input-field:-webkit-autofill:hover,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-primary) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.input-field.with-icon{padding-left:2.625rem}.input-field:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3.5px #0f42231a}[data-theme=dark] .input-field:focus{box-shadow:0 0 0 3.5px #22c55e26}.input-field.input-error{border-color:var(--danger-primary);box-shadow:0 0 0 3px #dc26261a}.input-field:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.55}.password-toggle{position:absolute;right:.75rem;color:var(--text-muted);font-size:1rem;cursor:pointer;background:none;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .15s ease;border-radius:6px}.password-toggle:hover{color:var(--brand-primary);transform:scale(1.1)}.input-error-message{color:var(--danger-primary);font-size:.8rem;margin-top:.375rem;display:flex;align-items:center;gap:.25rem;animation:errorShake .3s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.input-field::placeholder{color:var(--text-muted);opacity:.7}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:overlayFadeIn .2s ease both}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001f;max-width:500px;width:100%;max-height:90vh;max-height:90dvh;overflow:hidden;animation:modalSpringIn .35s cubic-bezier(.22,1,.36,1) both;display:flex;flex-direction:column}@keyframes modalSpringIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#01411c,#064420,#0a6630);border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;border-radius:16px 16px 0 0}.modal-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.modal-title{font-size:1.1875rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1}.modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.125rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;flex-shrink:0;z-index:1}.modal-close:hover{background:#fff3;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #0003}.modal-close:active{transform:scale(.94)}.modal-body{padding:1.375rem 1.5rem;flex:1;overflow-y:auto}@media(max-width:768px){.modal-content{max-width:100%;border-radius:12px;margin:.5rem}}@media(max-width:480px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{margin:0;max-height:92dvh;border-radius:16px 16px 0 0;animation:modalSheetUp .3s cubic-bezier(.22,1,.36,1) both}.modal-header{padding:1rem 1.25rem}.modal-body{padding:1.125rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px))}}@keyframes modalSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-theme=dark] .modal-content{border-color:#ffffff14;box-shadow:0 8px 32px #00000080,0 2px 8px #0006}@media(max-width:480px){.modal-body .modal-actions,.modal-body .ad-settings-actions,.modal-body .channel-details-modal__footer,.modal-body .delete-workspace-confirm-modal__actions,.modal-body .edit-profile-actions{flex-direction:column-reverse;align-items:stretch}.modal-body .modal-actions>button,.modal-body .ad-settings-actions>button,.modal-body .channel-details-modal__footer>button,.modal-body .delete-workspace-confirm-modal__actions>button,.modal-body .edit-profile-actions>button{width:100%;justify-content:center;min-height:44px}}.confirm-modal-message{margin:0;color:var(--text-primary);font-size:.95rem;line-height:1.5}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.confirm-modal-danger-btn{background:#dc2626!important;border-color:#dc2626!important}.confirm-modal-danger-btn:hover{background:#b91c1c!important}@media(max-width:480px){.confirm-modal-actions{flex-direction:column-reverse;align-items:stretch}}.form-error{display:flex;align-items:center;gap:.5rem;color:var(--color-error);font-size:.875rem;margin-top:.25rem}.form-error-icon{font-size:1rem;flex-shrink:0}.password-strength{margin-top:.75rem}.strength-indicator{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.strength-bar-container{flex:1;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.strength-bar-weak{background:var(--color-error)}.strength-bar-medium{background:var(--color-warning)}.strength-bar-strong{background:#10b981}.strength-bar-very-strong{background:var(--color-pakistan-green)}.strength-label{font-size:.875rem;font-weight:600;min-width:90px;text-align:right}.strength-label-weak{color:var(--color-error)}.strength-label-medium{color:var(--color-warning)}.strength-label-strong{color:var(--brand-primary)}.strength-label-very-strong{color:var(--color-pakistan-green)}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.requirement{display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:color .2s ease}.requirement-met{color:var(--color-success)}.requirement-unmet{color:var(--color-text-muted)}.requirement-icon{font-size:.875rem;flex-shrink:0}.ar2{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-secondary, #1e1e2e);border:1.5px solid var(--brand-primary, #5865f2);border-radius:999px;min-width:320px;max-width:640px;box-shadow:0 2px 16px #5865f22e;position:relative}.ar2__left{display:flex;align-items:center;gap:7px;flex-shrink:0;min-width:68px}.ar2__dot{width:9px;height:9px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:ar2-blink 1s ease-in-out infinite}.ar2__dot--paused{background:#f59e0b;animation:none;opacity:.7}@keyframes ar2-blink{0%,to{opacity:1}50%{opacity:.25}}.ar2__spinner{width:14px;height:14px;border:2px solid var(--brand-primary, #5865f2);border-top-color:transparent;border-radius:50%;animation:ar2-spin .7s linear infinite;flex-shrink:0}@keyframes ar2-spin{to{transform:rotate(360deg)}}.ar2__time{font-family:Roboto Mono,Courier New,monospace;font-size:13px;font-weight:600;color:var(--text-primary, #e0e0e0);letter-spacing:.5px}.ar2__waveform{display:flex;align-items:center;gap:2px;flex:1;height:38px;overflow:hidden}.ar2__bar{width:3px;border-radius:2px;background:color-mix(in srgb,var(--brand-primary, #5865f2) 70%,white);transition:height .06s ease-out;flex-shrink:0}.ar2__bar--live{background:var(--brand-primary, #5865f2);transition:none}.ar2__controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.ar2__uploading-label{font-size:12px;color:var(--text-secondary, #a0a0b0);font-style:italic}.ar2__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;padding:0;cursor:pointer;transition:transform .15s,opacity .15s,box-shadow .15s;font-size:14px;flex-shrink:0}.ar2__btn:hover{transform:scale(1.1);box-shadow:0 2px 10px #0000004d}.ar2__btn:active{transform:scale(.95)}.ar2__btn--pause{background:var(--brand-primary, #5865f2);color:#fff}.ar2__btn--stop{background:#ef4444;color:#fff}.ar2__btn--delete{background:#dc2626;color:#fff}.ar2__btn--send{background:#22c55e;color:#fff}.ar2__btn--cancel{background:transparent;color:var(--text-secondary, #888);border:1.5px solid var(--border-primary, #333)}.ar2__btn--cancel:hover{color:var(--text-primary, #e0e0e0);border-color:var(--text-secondary, #888)}[data-theme=dark] .ar2{background:#16161e;border-color:#5865f2}@media(max-width:480px){.ar2{min-width:0;width:100%;box-sizing:border-box;gap:6px;padding:6px 10px}}.vnp{--vnp-fill: var(--brand-accent, #10b981);--vnp-track: var(--border-primary, #3a3a4a);display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-secondary, #1e1e2e);border:1px solid var(--border-primary, #2e2e3e);border-radius:999px;max-width:340px;min-width:240px;box-shadow:0 1px 8px #0000002e;transition:box-shadow .2s}.vnp:hover{box-shadow:0 3px 14px #00000047}.vnp__play-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;padding:0;background:var(--brand-primary, #5865f2);color:#fff;cursor:pointer;flex-shrink:0;transition:transform .15s,background .15s}.vnp__play-btn:hover:not(:disabled){transform:scale(1.1);background:color-mix(in srgb,var(--brand-primary, #5865f2) 85%,white)}.vnp__play-btn:active:not(:disabled){transform:scale(.94)}.vnp__play-btn:disabled{opacity:.45;cursor:default}.vnp__spinner{display:block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:vnp-spin .65s linear infinite}@keyframes vnp-spin{to{transform:rotate(360deg)}}.vnp__waveform{display:flex;align-items:center;gap:2px;flex:1;height:38px;overflow:hidden;cursor:pointer;border-radius:4px;padding:0 2px;outline:none}.vnp__waveform:focus-visible{box-shadow:0 0 0 2px var(--brand-primary, #5865f2);border-radius:6px}.vnp__bar{width:3px;border-radius:2px;background:var(--vnp-track);flex-shrink:0}.vnp__bar--filled{background:var(--vnp-fill)}.vnp__meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.vnp__time{font-family:Roboto Mono,Courier New,monospace;font-size:12px;font-weight:600;color:var(--text-secondary, #a0a0b0);white-space:nowrap}.vnp__speed-btn{font-size:10px;font-weight:700;color:var(--brand-primary, #5865f2);background:transparent;border:1px solid var(--brand-primary, #5865f2);border-radius:4px;padding:1px 5px;cursor:pointer;line-height:1.4;transition:background .15s,color .15s;white-space:nowrap}.vnp__speed-btn:hover{background:var(--brand-primary, #5865f2);color:#fff}[data-theme=light] .vnp{background:#f4f4f8;border-color:#ddd}[data-theme=light] .vnp{--vnp-track: #cfd4dc}[data-theme=light] .vnp__time{color:#555}.vnp__waveform--fixed{cursor:default}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:.5rem}.forgot-password-form button[type=submit]{margin-top:1rem}.two-factor-prompt{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.two-factor-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#059669,#047857);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;box-shadow:0 8px 24px #05966959;margin-bottom:4px}.two-factor-title{font-size:22px;font-weight:700;color:var(--text-primary, #1e293b);margin:0;text-align:center}.two-factor-subtitle{font-size:14px;color:var(--text-secondary, #64748b);margin:0;text-align:center;line-height:1.55;max-width:320px}.totp-form,.backup-form{display:flex;flex-direction:column;gap:18px;width:100%}.digit-inputs{display:flex;gap:10px;justify-content:center}.digit-input{width:48px;height:56px;border:2px solid var(--border-primary, #cbd5e1);border-radius:10px;font-size:22px;font-weight:700;text-align:center;color:var(--text-primary, #1e293b);background:var(--input-bg, #fff);outline:none;transition:border-color .2s,box-shadow .2s,transform .1s;caret-color:transparent}.digit-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596692e;transform:scale(1.05)}.digit-input.filled{border-color:#059669;color:#059669}.digit-input:disabled{opacity:.6;cursor:not-allowed}.backup-input-wrapper{position:relative;width:100%}.backup-key-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #94a3b8);font-size:16px;pointer-events:none}.backup-code-input{width:100%;padding:14px 14px 14px 44px;border:2px solid var(--border-primary, #cbd5e1);border-radius:10px;font-size:16px;font-weight:600;letter-spacing:2px;color:var(--text-primary, #1e293b);background:var(--input-bg, #fff);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.backup-code-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596692e}.two-factor-error{font-size:13px;color:var(--danger-primary, #dc2626);text-align:center;margin:0}.two-factor-footer{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:4px;width:100%}.toggle-method-btn{background:none;border:none;color:#059669;font-size:13px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:color .15s}.toggle-method-btn:hover:not(:disabled){color:#047857}.back-to-login-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary, #64748b);font-size:13px;cursor:pointer;padding:0;transition:color .15s}.back-to-login-btn:hover:not(:disabled){color:var(--text-primary, #1e293b)}.toggle-method-btn:disabled,.back-to-login-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.digit-inputs{gap:6px;width:100%}.digit-input{flex:0 1 48px;min-width:0;height:52px}}.login-form{display:flex;flex-direction:column;gap:.25rem}.login-form>*:nth-child(1){animation:fieldSlideIn .5s cubic-bezier(.22,1,.36,1) .25s both}.login-form>*:nth-child(2){animation:fieldSlideIn .5s cubic-bezier(.22,1,.36,1) .32s both}.login-form>*:nth-child(3){animation:fieldSlideIn .5s cubic-bezier(.22,1,.36,1) .39s both}.login-form>*:nth-child(4){animation:fieldSlideIn .5s cubic-bezier(.22,1,.36,1) .46s both}.login-form>*:nth-child(5){animation:fieldSlideIn .5s cubic-bezier(.22,1,.36,1) .53s both}.forgot-password-link{text-align:right;font-size:.8125rem;margin-top:-.25rem;margin-bottom:.25rem}.forgot-password-button{color:var(--brand-accent);background:none;border:none;cursor:pointer;padding:0;font-size:.8125rem;font-weight:500;letter-spacing:.01em;transition:color .2s ease,opacity .2s ease;position:relative}.forgot-password-button:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--brand-accent);transition:width .25s ease}.forgot-password-button:hover:after{width:100%}.forgot-password-button:hover{opacity:.8}.form-footer{text-align:center;margin-top:1.25rem;color:var(--text-muted);font-size:.8125rem}.form-link{color:var(--brand-accent);font-weight:600;text-decoration:none;transition:opacity .2s ease;position:relative}.form-link:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--brand-accent);transition:width .25s ease}.form-link:hover:after{width:100%}.form-link:hover{opacity:.85}.forgot-password-link{text-align:right;font-size:.875rem;margin-top:-.5rem}.forgot-password-button{color:var(--brand-accent);text-decoration:none;transition:opacity .2s ease;background:none;border:none;cursor:pointer;padding:0;font-size:.875rem}.forgot-password-button:hover{text-decoration:underline;opacity:.8}.login-form button[type=submit]{margin-top:.5rem}.form-footer{text-align:center;margin-top:1rem;color:var(--text-secondary);font-size:.875rem}.form-link{color:var(--brand-accent);font-weight:500;text-decoration:none;transition:opacity .2s ease}.login-resend-verification{margin-top:4px;padding:12px 14px;border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:8px;background:var(--surface-muted, rgba(0, 0, 0, .03))}.login-resend-verification__text{margin:0 0 6px;font-size:.875rem;color:var(--text-secondary, #555)}.login-page{display:flex;height:100vh;height:100dvh;overflow:hidden;animation:authPageEnter .5s cubic-bezier(.22,1,.36,1) both}.login-left-panel{flex:0 0 42%;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;padding:3rem;overflow:hidden;background:linear-gradient(135deg,#0a2e1e,#0f4223 35%,#145c30 65%,#0a2e1e);background-size:300% 300%;animation:gradientShift 10s ease infinite}.login-left-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 20%,rgba(74,222,128,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(16,185,129,.12) 0%,transparent 50%);pointer-events:none;z-index:0}.login-left-panel:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.06);top:-80px;right:-80px;pointer-events:none;z-index:0;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff04}.login-left-content{max-width:360px;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;animation:leftContentSlideIn .7s cubic-bezier(.22,1,.36,1) .1s both}.login-left-content:after{content:"";display:block;width:48px;height:3px;border-radius:2px;background:#ffffff4d;margin:1.25rem auto 0}.login-panel-dot{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.login-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2.5rem;overflow-y:auto;position:relative}.login-right-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--border-primary) 1px,transparent 1px);background-size:28px 28px;opacity:.4;pointer-events:none}.login-form-container{max-width:420px;width:100%;position:relative;z-index:1;animation:rightContentSlideIn .7s cubic-bezier(.22,1,.36,1) .15s both}.login-header{margin-bottom:2rem}.login-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.35rem;letter-spacing:-.03em;line-height:1.2}.login-header p{color:var(--text-muted);font-size:.9rem;font-weight:400}@media(max-width:900px){.login-left-panel{flex:0 0 38%}}@media(max-width:768px){.login-page{flex-direction:column}.login-left-panel{flex:none;min-height:38vh;padding:2rem}.login-right-panel{padding:2rem}.login-header h1{font-size:1.75rem}.brand-logo{width:72px}.brand-name{font-size:2.25rem}}[data-theme=dark] .login-left-panel{background:linear-gradient(135deg,#071a0f,#0a2e1e 35%,#0f4223 65%,#071a0f);background-size:300% 300%;animation:gradientShift 10s ease infinite}[data-theme=dark] .login-right-panel:before{opacity:.15}@media(max-width:480px){.login-left-panel{min-height:0;padding:1.25rem 1rem}.login-left-panel .brand-logo{width:48px}.login-left-panel .brand-name{font-size:1.625rem}.login-left-panel .brand-tagline{display:none}.login-right-panel{padding:1.25rem 1rem;align-items:flex-start}}.register-form{display:flex;flex-direction:column;gap:1rem;position:relative}.register-form button[type=submit]{margin-top:.5rem}.form-footer{text-align:center;margin-top:1rem;color:var(--color-text-secondary);font-size:.875rem}.form-link{color:var(--color-pakistan-green);font-weight:500;text-decoration:none;transition:opacity .2s ease}.form-link:hover{text-decoration:underline;opacity:.8}@media(min-width:1024px){.register-form .password-strength{position:relative}.register-form .requirements-list{position:absolute;left:105%;top:-50px;width:260px;background:var(--bg-primary);padding:1rem;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid rgba(0,0,0,.05);z-index:20;pointer-events:none;opacity:0;animation:fadeIn .3s forwards}.register-form .requirements-list:before{content:"";position:absolute;top:20px;left:-6px;width:12px;height:12px;background:var(--bg-primary);transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.register-form .requirements-list .requirement{padding:2px 0}}.register-page{display:flex;height:100vh;height:100dvh;overflow:hidden;animation:authPageEnter .5s cubic-bezier(.22,1,.36,1) both}.register-left-panel{flex:0 0 42%;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;padding:3rem;overflow:hidden;background:linear-gradient(135deg,#0a2e1e,#0f4223 35%,#145c30 65%,#0a2e1e);background-size:300% 300%;animation:gradientShift 10s ease infinite}.register-left-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 20%,rgba(74,222,128,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(16,185,129,.12) 0%,transparent 50%);pointer-events:none;z-index:0}.register-left-panel:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.06);bottom:-80px;left:-80px;pointer-events:none;z-index:0;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff04}.register-left-content{max-width:360px;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;animation:leftContentSlideIn .7s cubic-bezier(.22,1,.36,1) .1s both}.register-left-content:after{content:"";display:block;width:48px;height:3px;border-radius:2px;background:#ffffff4d;margin:1.25rem auto 0}.features-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem;text-align:left}.feature-item{display:flex;gap:.875rem;align-items:flex-start}.feature-icon{font-size:1.25rem;flex-shrink:0;margin-top:.1rem;opacity:.9}.feature-item h3{font-size:.9375rem;font-weight:600;margin-bottom:.1rem;letter-spacing:-.01em}.feature-item p{font-size:.8125rem;opacity:.75;line-height:1.5}.register-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2.5rem;overflow-y:auto;position:relative}.register-right-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--border-primary) 1px,transparent 1px);background-size:28px 28px;opacity:.4;pointer-events:none}.register-form-container{max-width:420px;width:100%;position:relative;z-index:1;animation:rightContentSlideIn .7s cubic-bezier(.22,1,.36,1) .15s both}.register-header{margin-bottom:2rem}.register-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.35rem;letter-spacing:-.03em;line-height:1.2}.register-header p{color:var(--text-muted);font-size:.9rem;font-weight:400}@media(max-width:900px){.register-left-panel{flex:0 0 38%}}@media(max-width:768px){.register-page{flex-direction:column}.register-left-panel{flex:none;min-height:36vh;padding:2rem}.brand-logo{width:72px}.brand-name{font-size:2.25rem}.register-right-panel{padding:2rem}.register-header h1{font-size:1.75rem}}[data-theme=dark] .register-left-panel{background:linear-gradient(135deg,#071a0f,#0a2e1e 35%,#0f4223 65%,#071a0f);background-size:300% 300%;animation:gradientShift 10s ease infinite}[data-theme=dark] .register-right-panel:before{opacity:.15}@media(max-width:480px){.register-left-panel{min-height:0;padding:1.25rem 1rem}.register-left-panel .brand-logo{width:48px}.register-left-panel .brand-name{font-size:1.625rem}.register-left-panel .brand-tagline{display:none}.register-right-panel{padding:1.25rem 1rem;align-items:flex-start}}.forgot-password-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--color-off-white);padding:2rem}.forgot-password-card{background:var(--bg-primary);padding:3rem;border-radius:1rem;box-shadow:var(--shadow-lg);max-width:450px;width:100%;border-top:4px solid var(--color-pakistan-green)}.forgot-password-icon-container{display:flex;justify-content:center;margin-bottom:2rem}.forgot-password-icon{font-size:4rem;color:var(--color-pakistan-green)}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-header h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.forgot-password-header p{color:var(--color-text-secondary);font-size:1rem}@media(max-width:768px){.forgot-password-page{padding:1rem}.forgot-password-card{padding:2rem}.forgot-password-icon{font-size:3rem}.forgot-password-header h1{font-size:1.5rem}}@media(max-width:480px){.forgot-password-card{padding:1.5rem 1.25rem}}.reset-password-form{display:flex;flex-direction:column;gap:1rem;position:relative}.reset-password-form button[type=submit]{margin-top:.5rem}@media(min-width:1024px){.reset-password-form .password-strength{position:relative}.reset-password-form .requirements-list{position:absolute;left:105%;top:-50px;width:260px;background:var(--bg-primary);padding:1rem;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid rgba(0,0,0,.05);z-index:20;pointer-events:none;opacity:0;animation:resetFadeIn .3s forwards}.reset-password-form .requirements-list:before{content:"";position:absolute;top:20px;left:-6px;width:12px;height:12px;background:var(--bg-primary);transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.reset-password-form .requirements-list .requirement{padding:2px 0}}@keyframes resetFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.reset-password-page{display:flex;height:100vh;height:100dvh;overflow:hidden;animation:authPageEnter .5s cubic-bezier(.22,1,.36,1) both}.reset-left-panel{flex:0 0 42%;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;padding:3rem;overflow:hidden;background:linear-gradient(135deg,#0a2e1e,#0f4223 35%,#145c30 65%,#0a2e1e);background-size:300% 300%;animation:gradientShift 10s ease infinite}.reset-left-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 20%,rgba(74,222,128,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(16,185,129,.12) 0%,transparent 50%);pointer-events:none;z-index:0}.reset-left-panel:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.06);top:-80px;right:-80px;pointer-events:none;z-index:0;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff04}.reset-left-content{max-width:360px;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;animation:leftContentSlideIn .7s cubic-bezier(.22,1,.36,1) .1s both}.reset-left-content .logo-container{margin-bottom:1.5rem}.reset-left-content .brand-logo{width:88px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35));transition:transform .3s ease}.reset-left-content .brand-logo:hover{transform:scale(1.05) rotate(-2deg)}.reset-left-content .brand-name{font-size:2.75rem;font-weight:800;margin-bottom:.4rem;line-height:1.1;color:#fff;letter-spacing:-.03em;text-shadow:0 2px 20px rgba(0,0,0,.3)}.reset-left-content .brand-subtitle{font-size:1.05rem;opacity:.88;margin-bottom:.5rem;line-height:1.5;font-weight:500;letter-spacing:.02em}.reset-left-content .brand-tagline{font-size:.8rem;opacity:.6;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-top:.5rem}.reset-left-content:after{content:"";display:block;width:48px;height:3px;border-radius:2px;background:#ffffff4d;margin:1.25rem auto 0}.reset-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2.5rem;overflow-y:auto;position:relative}.reset-right-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--border-primary) 1px,transparent 1px);background-size:28px 28px;opacity:.4;pointer-events:none}.reset-card-container{max-width:460px;width:100%;position:relative;z-index:1;animation:rightContentSlideIn .7s cubic-bezier(.22,1,.36,1) .15s both;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2.5rem;box-shadow:0 12px 40px #00000014}.reset-header{margin-bottom:2rem;text-align:center}.reset-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.03em;line-height:1.2}.reset-header p{color:var(--text-muted);font-size:.95rem;font-weight:400}.reset-status-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.reset-icon{font-size:4rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;animation:pulseIcon 2s infinite}.reset-icon.loading{color:#3b82f6;background:#3b82f61a}.reset-icon.success{color:#10b981;background:#10b9811a}.reset-icon.error{color:#ef4444;background:#ef44441a}.reset-icon-inline{font-size:2.25rem;color:var(--color-pakistan-green, #145c30);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#10b9811a}.reset-message{font-size:1.05rem;color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.reset-actions{width:100%;margin-top:1rem}.reset-countdown{font-size:.85rem;color:var(--text-muted);margin-top:1rem;font-style:italic}.reset-status-container .reset-password-form{width:100%}.reset-back-link{font-size:.875rem;color:var(--text-muted)}.reset-back-link a{color:var(--color-pakistan-green, #145c30);font-weight:500;text-decoration:none}.reset-back-link a:hover{text-decoration:underline}@media(max-width:900px){.reset-left-panel{flex:0 0 38%}}@media(max-width:768px){.reset-password-page{flex-direction:column;height:auto;min-height:100vh;min-height:100dvh}.reset-left-panel{flex:none;min-height:38vh;padding:2rem}.reset-right-panel{padding:1.5rem}.reset-card-container{padding:1.75rem}.reset-header h1{font-size:1.75rem}.reset-left-content .brand-logo{width:72px}.reset-left-content .brand-name{font-size:2.25rem}}[data-theme=dark] .reset-left-panel{background:linear-gradient(135deg,#071a0f,#0a2e1e 35%,#0f4223 65%,#071a0f);background-size:300% 300%;animation:gradientShift 10s ease infinite}[data-theme=dark] .reset-right-panel:before{opacity:.15}[data-theme=dark] .reset-card-container{background:var(--bg-secondary);box-shadow:0 12px 40px #0000004d}@media(max-width:480px){.reset-left-panel{min-height:0;padding:1.25rem 1rem}.reset-left-panel .brand-logo{width:48px}.reset-left-panel .brand-name{font-size:1.625rem}.reset-left-panel .brand-tagline{display:none}.reset-right-panel{padding:1.25rem 1rem;align-items:flex-start}}.welcome-page-v1{height:100vh;height:100dvh;width:100vw;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Inter,sans-serif;position:relative;background:#071a0f;background-image:radial-gradient(ellipse at 15% 15%,rgba(20,92,48,.9) 0%,transparent 55%),radial-gradient(ellipse at 85% 85%,rgba(10,46,30,.8) 0%,transparent 55%),radial-gradient(ellipse at 50% 0%,rgba(15,66,35,.6) 0%,transparent 50%);background-size:200% 200%;animation:welcomeBgShift 14s ease-in-out infinite alternate}@keyframes welcomeBgShift{0%{background-position:0% 0%}to{background-position:100% 100%}}.welcome-page-v1:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.welcome-page-v1:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(74,222,128,.08) 0%,transparent 70%);top:-150px;right:-100px;pointer-events:none;z-index:1}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}.floating-circle{position:absolute;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);pointer-events:none}.floating-circle-1{width:90px;height:90px;top:12%;left:8%;animation:float-1 22s ease-in-out infinite}.floating-circle-2{width:140px;height:140px;top:55%;right:6%;animation:float-2 28s ease-in-out infinite;opacity:.5}.floating-circle-3{width:65px;height:65px;top:25%;right:14%;animation:float-3 19s ease-in-out infinite}.floating-circle-4{width:110px;height:110px;bottom:18%;left:4%;animation:float-4 24s ease-in-out infinite;opacity:.35}.floating-circle-5{width:55px;height:55px;top:72%;left:48%;animation:float-5 17s ease-in-out infinite;background:#4ade800f;border-color:#4ade801a}.floating-dot{position:absolute;border-radius:50%;background:#ffffff80;pointer-events:none;width:3px;height:3px}.floating-dot-1{top:22%;left:22%;animation:drift-1 14s ease-in-out infinite}.floating-dot-2{top:48%;left:72%;animation:drift-2 17s ease-in-out infinite}.floating-dot-3{top:38%;left:38%;animation:drift-3 12s ease-in-out infinite}.floating-dot-4{top:68%;left:18%;animation:drift-1 16s ease-in-out infinite;animation-delay:2s}.floating-dot-5{top:14%;left:62%;animation:drift-2 15s ease-in-out infinite;animation-delay:3s}.floating-dot-6{top:82%;left:78%;animation:drift-3 13s ease-in-out infinite;animation-delay:1.5s}.welcome-container{display:flex;width:100%;max-width:1100px;height:auto;padding:2.5rem;align-items:center;justify-content:center;gap:3rem;position:relative;z-index:10}.content-side{flex:1;max-width:500px;display:flex;flex-direction:column;align-items:flex-start;z-index:10;animation:heroContentIn .8s cubic-bezier(.22,1,.36,1) both}@keyframes heroContentIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.brand-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;padding:.4rem 1rem .4rem .5rem;width:fit-content;animation:heroContentIn .8s cubic-bezier(.22,1,.36,1) .05s both}.brand-logo-small{height:28px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.brand-name-small{font-size:.875rem;font-weight:600;letter-spacing:.02em;opacity:.9}.main-title{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.05;margin-bottom:1.25rem;letter-spacing:-.04em;animation:heroContentIn .8s cubic-bezier(.22,1,.36,1) .1s both;background:linear-gradient(135deg,#fff,#ffffffbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-subtitle{font-size:1.125rem;line-height:1.65;margin-bottom:2rem;opacity:.72;font-weight:400;max-width:380px;animation:heroContentIn .8s cubic-bezier(.22,1,.36,1) .18s both;color:#fff;-webkit-text-fill-color:initial}.sign-in-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:#0f4223;border:none;border-radius:100px;padding:.9rem 2rem;font-size:.9375rem;font-weight:700;cursor:pointer;letter-spacing:-.01em;transition:all .25s cubic-bezier(.22,1,.36,1);margin-bottom:1.25rem;box-shadow:0 4px 16px #00000040,0 1px 4px #00000026;animation:heroContentIn .8s cubic-bezier(.22,1,.36,1) .26s both;position:relative;overflow:hidden;isolation:isolate}.sign-in-button:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.sign-in-button:hover:before{transform:translate(100%)}.sign-in-button:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0000004d,0 4px 12px #0003}.sign-in-button:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px #0003,0 1px 4px #00000026}.footer-text{font-size:.8125rem;opacity:.55;line-height:1.5;max-width:340px;animation:heroContentIn .8s cubic-bezier(.22,1,.36,1) .32s both}.workspace-link{font-size:.875rem;opacity:.75;animation:heroContentIn .8s cubic-bezier(.22,1,.36,1) .36s both}.create-link{color:#4ade80;text-decoration:none;cursor:pointer;font-weight:600;position:relative;transition:opacity .2s ease}.create-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#4ade80;transition:width .25s ease}.create-link:hover:after{width:100%}.create-link:hover{opacity:.85}.image-side{flex:1;display:flex;align-items:center;justify-content:center;position:relative;max-width:500px;z-index:10;animation:globeIn 1s cubic-bezier(.22,1,.36,1) .15s both}@keyframes globeIn{0%{opacity:0;transform:scale(.88) translate(30px)}to{opacity:1;transform:scale(1) translate(0)}}.globe-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.globe-container:before{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(74,222,128,.12) 0%,transparent 70%);filter:blur(30px);animation:globeGlow 4s ease-in-out infinite alternate;pointer-events:none}@keyframes globeGlow{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.1);opacity:1}}.globe-image{width:100%;max-width:500px;height:auto;object-fit:contain;mix-blend-mode:screen;opacity:.92;filter:drop-shadow(0 0 40px rgba(74,222,128,.15));animation:globeFloat 6s ease-in-out infinite}@keyframes globeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-1{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(25px,-35px) scale(1.08);opacity:.7}50%{transform:translate(-18px,-65px) scale(.92);opacity:.4}75%{transform:translate(-40px,-30px) scale(1.04);opacity:.6}}@keyframes float-2{0%,to{transform:translate(0) scale(1);opacity:.35}33%{transform:translate(-35px,45px) scale(1.12);opacity:.55}66%{transform:translate(18px,-25px) scale(.93);opacity:.28}}@keyframes float-3{0%,to{transform:translate(0) rotate(0);opacity:.6}30%{transform:translate(-25px,35px) rotate(40deg);opacity:.45}60%{transform:translate(35px,25px) rotate(-25deg);opacity:.7}}@keyframes float-4{0%,to{transform:translate(0) scale(1);opacity:.28}40%{transform:translate(42px,-42px) scale(1.18);opacity:.45}80%{transform:translate(-25px,25px) scale(.88);opacity:.35}}@keyframes float-5{0%,to{transform:translate(0);opacity:.55}25%{transform:translate(-32px,-24px);opacity:.75}50%{transform:translate(24px,-50px);opacity:.35}75%{transform:translate(16px,16px);opacity:.65}}@keyframes drift-1{0%,to{transform:translate(0);opacity:.35}25%{transform:translate(80px,-120px);opacity:.7}50%{transform:translate(-40px,-200px);opacity:.5}75%{transform:translate(-120px,-80px);opacity:.4}}@keyframes drift-2{0%,to{transform:translate(0);opacity:.45}30%{transform:translate(-100px,65px);opacity:.8}60%{transform:translate(65px,-100px);opacity:.35}}@keyframes drift-3{0%,to{transform:translate(0) scale(1);opacity:.55}35%{transform:translate(75px,100px) scale(1.4);opacity:.7}70%{transform:translate(-50px,-75px) scale(.75);opacity:.25}}@media(max-width:1024px){.welcome-container{padding:2rem;flex-direction:column;justify-content:center;text-align:center;gap:2rem}.content-side{max-width:100%;align-items:center}.brand-header{align-self:center}.main-subtitle,.footer-text{max-width:100%}.image-side{width:100%;max-width:360px}.globe-image{width:100%}}@media(max-width:480px){.main-title{font-size:2.25rem}.main-subtitle{font-size:1rem}.sign-in-button{width:100%;max-width:300px}}.verify-email-page{display:flex;height:100vh;height:100dvh;overflow:hidden;animation:authPageEnter .5s cubic-bezier(.22,1,.36,1) both}.verify-left-panel{flex:0 0 42%;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;padding:3rem;overflow:hidden;background:linear-gradient(135deg,#0a2e1e,#0f4223 35%,#145c30 65%,#0a2e1e);background-size:300% 300%;animation:gradientShift 10s ease infinite}.verify-left-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 20%,rgba(74,222,128,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(16,185,129,.12) 0%,transparent 50%);pointer-events:none;z-index:0}.verify-left-panel:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.06);top:-80px;right:-80px;pointer-events:none;z-index:0;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff04}.verify-left-content{max-width:360px;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;animation:leftContentSlideIn .7s cubic-bezier(.22,1,.36,1) .1s both}.logo-container{margin-bottom:1.5rem}.brand-logo{width:88px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35));transition:transform .3s ease}.brand-logo:hover{transform:scale(1.05) rotate(-2deg)}.brand-name{font-size:2.75rem;font-weight:800;margin-bottom:.4rem;line-height:1.1;color:#fff;letter-spacing:-.03em;text-shadow:0 2px 20px rgba(0,0,0,.3)}.brand-subtitle{font-size:1.05rem;opacity:.88;margin-bottom:.5rem;line-height:1.5;font-weight:500;letter-spacing:.02em}.brand-tagline{font-size:.8rem;opacity:.6;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-top:.5rem}.verify-left-content:after{content:"";display:block;width:48px;height:3px;border-radius:2px;background:#ffffff4d;margin:1.25rem auto 0}.verify-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2.5rem;overflow-y:auto;position:relative}.verify-right-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--border-primary) 1px,transparent 1px);background-size:28px 28px;opacity:.4;pointer-events:none}.verify-card-container{max-width:460px;width:100%;position:relative;z-index:1;animation:rightContentSlideIn .7s cubic-bezier(.22,1,.36,1) .15s both;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2.5rem;box-shadow:0 12px 40px #00000014}.verify-header{margin-bottom:2rem;text-align:center}.verify-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.03em;line-height:1.2}.verify-header p{color:var(--text-muted);font-size:.95rem;font-weight:400}.verify-status-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.verify-icon{font-size:4rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;animation:pulseIcon 2s infinite}.verify-icon.loading{color:#3b82f6;background:#3b82f61a}.verify-icon.success{color:#10b981;background:#10b9811a}.verify-icon.error{color:#ef4444;background:#ef44441a}@keyframes pulseIcon{0%{transform:scale(1);box-shadow:0 0 #3b82f666}70%{transform:scale(1.05);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.verify-message{font-size:1.05rem;color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.verify-error-detail{font-size:.9rem;color:#ef4444;background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:8px;padding:.75rem 1rem;width:100%;word-break:break-word}.verify-actions{width:100%;margin-top:1rem}.verify-countdown{font-size:.85rem;color:var(--text-muted);margin-top:1rem;font-style:italic}@media(max-width:900px){.verify-left-panel{flex:0 0 38%}}@media(max-width:768px){.verify-email-page{flex-direction:column}.verify-left-panel{flex:none;min-height:38vh;padding:2rem}.verify-right-panel{padding:1.5rem}.verify-card-container{padding:1.75rem}.verify-header h1{font-size:1.75rem}.brand-logo{width:72px}.brand-name{font-size:2.25rem}}[data-theme=dark] .verify-left-panel{background:linear-gradient(135deg,#071a0f,#0a2e1e 35%,#0f4223 65%,#071a0f);background-size:300% 300%;animation:gradientShift 10s ease infinite}[data-theme=dark] .verify-right-panel:before{opacity:.15}[data-theme=dark] .verify-card-container{background:var(--bg-secondary);box-shadow:0 12px 40px #0000004d}@media(max-width:480px){.verify-left-panel{min-height:0;padding:1.25rem 1rem}.verify-left-panel .brand-logo{width:48px}.verify-left-panel .brand-name{font-size:1.625rem}.verify-left-panel .brand-tagline{display:none}.verify-right-panel{padding:1.25rem 1rem;align-items:flex-start}}.create-channel-modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.create-channel-modal-content{background:var(--bg-primary);border-radius:16px;max-width:480px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.create-channel-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#01411c,#064420,#0a6630);border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;border-radius:16px 16px 0 0}.create-channel-modal-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.create-channel-modal-title{font-size:20px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1}.create-channel-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;color:#fff;font-size:18px;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;z-index:1}.create-channel-modal-close:hover{background:#fff3;transform:rotate(90deg);box-shadow:0 4px 12px #0003}.create-channel-modal-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.required{color:var(--danger-primary);margin-left:2px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon-left{position:absolute;left:1rem;color:var(--text-muted);font-size:16px;pointer-events:none}.form-input{width:100%;height:2.5rem;padding:0 1rem 0 2.75rem;border:2px solid var(--border-primary);border-radius:10px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.form-input:hover{border-color:var(--border-primary);box-shadow:0 2px 8px #0000000d}.form-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #01411c26,0 4px 12px #01411c1a;transform:translateY(-1px)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{width:100%;padding:.625rem 1rem;border:2px solid var(--border-primary);border-radius:10px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;resize:vertical;transition:all .3s ease}.form-textarea:hover{border-color:var(--border-primary);box-shadow:0 2px 8px #0000000d}.form-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #01411c26,0 4px 12px #01411c1a;transform:translateY(-1px)}.form-textarea::placeholder{color:var(--text-muted)}.char-count{font-size:12px;color:var(--text-muted);margin-top:.25rem;text-align:right}.radio-group-horizontal{display:flex;gap:1rem}.radio-label{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:2px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;flex:1}.radio-label:hover{background:var(--bg-secondary);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 4px 12px #01411c26}.radio-label input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-custom{width:18px;height:18px;border:2px solid var(--border-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.radio-label input[type=radio]:checked~.radio-custom{border-color:var(--brand-primary);background:var(--brand-primary)}.radio-label input[type=radio]:checked~.radio-custom:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%}.radio-icon{font-size:16px;color:var(--text-secondary)}.radio-label input[type=radio]:checked~.radio-icon{color:var(--brand-primary)}.radio-text{font-size:14px;font-weight:500;color:var(--text-secondary)}.form-helper{font-size:13px;color:var(--text-secondary);margin-top:.5rem;margin-bottom:0}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-primary)}.btn{height:2.5rem;padding:0 1.5rem;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;border:none;font-family:inherit}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:2px solid var(--border-primary);box-shadow:0 2px 6px #0000000d}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--border-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 6px #0000000d}.btn-primary{background:var(--brand-primary);color:var(--text-inverse);box-shadow:0 4px 12px #01411c4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){background:var(--brand-secondary);transform:translateY(-2px);box-shadow:0 6px 20px #01411c66}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #01411c4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.create-channel-modal-content{width:95%;margin:1rem}.create-channel-modal-header{padding:1rem 1.25rem}.create-channel-modal-form{padding:1.25rem}.create-channel-modal-title{font-size:18px}.radio-group-horizontal{flex-direction:column}.form-actions{flex-direction:column-reverse}.btn{width:100%}}[data-theme=dark] .form-label{color:#fff!important}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:#000!important;color:#fff!important}[data-theme=dark] .radio-label{background:#1a1a1a;border-color:var(--border-primary)}[data-theme=dark] .radio-text{color:var(--text-secondary)}[data-theme=dark] .form-helper{color:var(--text-muted)}@media(max-width:480px){.create-channel-modal-overlay{align-items:flex-end;padding:0}.create-channel-modal-content{width:100%;max-width:100%;margin:0;max-height:92dvh;border-radius:16px 16px 0 0}.create-channel-modal-header{border-radius:16px 16px 0 0}}@media(max-width:480px){.create-channel-modal-form{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}}.create-dm-modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.create-dm-modal-content{background:var(--bg-primary);border-radius:12px;max-width:480px;width:90%;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease;overflow:hidden}.create-dm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#01411c,#064420,#0a6630);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;position:relative;overflow:hidden}.create-dm-modal-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.create-dm-modal-title{font-size:18px;font-weight:700;color:#fff;margin:0;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.create-dm-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;color:#fff;font-size:16px;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;z-index:1}.create-dm-modal-close:hover{background:#fff3;transform:rotate(90deg);box-shadow:0 4px 12px #0003}.create-dm-modal-search{padding:1.25rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-muted);font-size:14px;pointer-events:none;z-index:1}.search-input{width:100%;height:2.5rem;padding:0 1rem 0 2.75rem;border:2px solid var(--border-primary);border-radius:10px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:all .3s ease}.search-input:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #01411c14}.search-input:focus{outline:none;border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 6px 20px #01411c1f}.search-input::placeholder{color:var(--text-muted)}.create-dm-modal-list{overflow-y:auto;padding:.75rem 0;flex:1;min-height:200px}.user-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.user-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#01411c,#064420);transform:scaleY(0);transition:transform .3s ease}.user-item:hover{background:linear-gradient(to right,rgba(1,65,28,.05) 0%,transparent 100%);transform:translate(4px)}.user-item:hover:before{transform:scaleY(1)}.user-item:active{background:#01411c14}.user-avatar-wrapper{position:relative;flex-shrink:0}.user-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#01411c,#064420);border-radius:50%;font-size:13px;font-weight:700;color:#fff;border:2px solid rgba(1,65,28,.1);box-shadow:0 2px 8px #01411c33;letter-spacing:.5px;transition:all .3s ease}img.user-avatar-img{object-fit:cover;padding:0;background:none}.user-item:hover .user-avatar{transform:scale(1.1);box-shadow:0 4px 12px #01411c4d}.user-status-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border:2.5px solid white;border-radius:50%;background:currentColor;box-shadow:0 2px 4px #0003}.user-info{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;transition:color .3s ease}.user-item:hover .user-name{color:var(--brand-primary)}.user-username{font-size:12px;color:var(--text-secondary);font-weight:500}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.no-results p{font-size:15px;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}.no-results span{font-size:13px;color:var(--text-muted)}.create-dm-modal-list::-webkit-scrollbar{width:8px}.create-dm-modal-list::-webkit-scrollbar-track{background:transparent}.create-dm-modal-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.create-dm-modal-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:640px){.create-dm-modal-content{width:95%;max-width:95vw;margin:1rem}.create-dm-modal-header,.create-dm-modal-search{padding:1rem 1.25rem}.user-item{padding:.75rem 1.25rem}.create-dm-modal-title{font-size:16px}}@media(max-width:480px){.create-dm-modal-overlay{align-items:flex-end;padding:0}.create-dm-modal-content{width:100%;max-width:100%;margin:0;max-height:92dvh;border-radius:16px 16px 0 0}.create-dm-modal-header{border-radius:16px 16px 0 0}}.create-workspace-form{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.first-workspace-message{background-color:var(--brand-light);border-left:4px solid var(--brand-primary);padding:1rem;margin:0 0 1rem;border-radius:4px;color:var(--brand-primary);font-size:.9rem;line-height:1.5}.workspace-mode-tabs{display:flex;gap:.25rem;padding:.25rem;background-color:var(--bg-secondary);border-radius:8px}.workspace-mode-tab{flex:1;padding:.5rem .75rem;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.workspace-mode-tab:hover:not(:disabled):not(.workspace-mode-tab--active){color:var(--text-primary)}.workspace-mode-tab--active{background-color:var(--bg-primary);color:var(--brand-primary);box-shadow:0 1px 2px #0000000f}.workspace-mode-tab:disabled{cursor:not-allowed;opacity:.6}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.helper-text{font-size:.75rem;color:var(--text-secondary);margin-top:-.25rem}.workspace-description-input{width:100%;padding:.75rem;border:1px solid var(--border-primary);border-radius:6px;font-family:inherit;font-size:.875rem;resize:vertical;min-height:80px;background-color:var(--bg-primary);color:var(--text-primary);transition:all .2s}.workspace-description-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #0f42231a}.workspace-description-input:disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.6}.workspace-description-input::placeholder{color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.modal-actions button{min-width:100px}@media(max-width:640px){.create-workspace-form{gap:1.25rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.workspace-sidebar{width:65px;background:var(--workspace-sidebar-bg);height:100vh;height:100dvh;position:fixed;left:0;top:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-top:50px;z-index:100;box-shadow:2px 0 12px #0000002e,inset -1px 0 #ffffff0a;transition:width .28s cubic-bezier(.22,1,.36,1)}.workspace-sidebar__top{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding-top:8px}.workspace-sidebar__bottom{padding-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.workspace-sidebar__item{width:42px;height:42px;display:flex;justify-content:center;align-items:center;border-radius:10px;cursor:pointer;background:transparent;border:none;text-decoration:none;transition:background .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1);position:relative;color:#ffffffa6}.workspace-sidebar__item:hover{background:#ffffff21;transform:translateY(-1px);color:#fff}.workspace-sidebar__item:active{transform:translateY(0) scale(.95)}.workspace-sidebar__item--active{background:#ffffff38;color:#fff;box-shadow:0 0 0 1px #ffffff1f}.workspace-sidebar__item--active:before{content:"";position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#fff;border-radius:0 3px 3px 0;opacity:.9}.workspace-sidebar__item:hover .workspace-sidebar__label,.workspace-sidebar__item-wrapper:hover .workspace-sidebar__label{opacity:1;visibility:visible;transform:translate(0)}.workspace-sidebar__label{position:absolute;left:54px;background:#0f1712eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-6px);transition:opacity .18s ease,transform .18s cubic-bezier(.22,1,.36,1),visibility .18s;pointer-events:none;z-index:1001;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.workspace-sidebar__item-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.workspace-sidebar__workspace-icon{background:#ffffff24;color:#fff;font-weight:800;font-size:17px;border-radius:10px;margin-bottom:4px;letter-spacing:-.5px;border:1px solid rgba(255,255,255,.12)}.workspace-sidebar__workspace-icon:not(.workspace-sidebar__workspace-icon--switcher){cursor:default}.workspace-sidebar__workspace-icon--switcher:hover{background:#ffffff38}.workspace-sidebar__workspace-avatar-img{width:100%;height:100%;border-radius:10px;object-fit:cover}.workspace-sidebar__user-icon{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;font-weight:800;font-size:15px;border-radius:10px;overflow:hidden;border:1.5px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #00000040;transition:transform .18s ease,box-shadow .18s ease}.workspace-sidebar__user-icon:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 4px 14px #00000059}.workspace-sidebar__user-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.workspace-sidebar__icon{font-size:19px;transition:color .15s ease,transform .15s ease;color:inherit}.workspace-sidebar__item:hover .workspace-sidebar__icon{transform:scale(1.08)}.workspace-sidebar__add-btn{border-radius:50%;background:#ffffff1a;border:1.5px dashed rgba(255,255,255,.3)}.workspace-sidebar__add-btn:hover{background:#ffffff2e;border-style:solid;border-color:#fff6}.workspace-sidebar__icon--plus{font-size:15px}.workspace-sidebar__divider{width:28px;height:1px;background:#ffffff1f;margin:4px auto;border-radius:1px}.notification-badge{position:absolute;background:#e01e5a;color:#fff;font-size:10px;font-weight:700;padding:1px 4px;border-radius:10px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;border:2px solid var(--workspace-sidebar-bg, #0B311E);box-shadow:0 2px 6px #0000004d;z-index:10;animation:badgePop .3s cubic-bezier(.22,1,.36,1) both}.workspace-switcher{position:absolute;left:74px;top:50px;background:var(--bg-primary);border-radius:14px;box-shadow:0 20px 40px #0000002e,0 0 0 1px #0000000f;min-width:310px;z-index:1000;overflow:hidden;padding:8px 0;animation:dropdownSlideIn .2s cubic-bezier(.22,1,.36,1) both;border:1px solid var(--border-primary)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translate(-8px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.workspace-switcher__list{max-height:360px;overflow-y:auto}.workspace-switcher__item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background .15s ease;gap:12px;text-decoration:none}.workspace-switcher__item:hover{background:var(--bg-secondary)}.workspace-switcher__item--active{background:transparent}.workspace-switcher__item--active .workspace-switcher__icon{outline:2.5px solid var(--brand-primary);outline-offset:2px}.workspace-switcher__icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#01411c,#0a6630);color:#fff;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:15px;flex-shrink:0;transition:outline .15s ease,transform .15s ease;box-shadow:0 2px 6px #00000026}.workspace-switcher__item:nth-child(2n) .workspace-switcher__icon{background:linear-gradient(135deg,#0f4223,#16a34a)}.workspace-switcher__item:nth-child(3n) .workspace-switcher__icon{background:linear-gradient(135deg,#065f46,#10b981)}.workspace-switcher__icon-img{width:100%;height:100%;border-radius:8px;object-fit:cover}.workspace-switcher__info{flex:1;min-width:0}.workspace-switcher__name{font-weight:700;font-size:14px;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switcher__suspended{display:inline-block;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:600;line-height:1.5;vertical-align:middle;color:var(--danger-primary);background:var(--danger-light);border-radius:999px}.workspace-switcher__slug{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switcher__divider{height:1px;background:var(--border-primary);margin:6px 0}.workspace-switcher__add-option{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background .15s ease;gap:12px}.workspace-switcher__add-option:hover{background:var(--bg-secondary)}.workspace-switcher__add-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-tertiary);color:var(--brand-primary);display:flex;justify-content:center;align-items:center;font-size:16px;flex-shrink:0;border:1.5px dashed var(--border-secondary)}.workspace-switcher__add-text{font-weight:600;font-size:14px;color:var(--text-primary)}.workspace-sidebar__menu{position:absolute;left:74px;bottom:0;background:var(--bg-primary);border-radius:14px;box-shadow:0 20px 40px #0003,0 0 0 1px #0000000f;min-width:290px;max-width:340px;z-index:1001;overflow:visible;border:1px solid var(--border-primary);animation:menuSlideIn .2s cubic-bezier(.22,1,.36,1) both}@keyframes menuSlideIn{0%{opacity:0;transform:translate(-8px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.workspace-sidebar__create-menu,.workspace-sidebar__user-menu{bottom:0}.workspace-sidebar__menu-header{padding:12px 16px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-primary)}.workspace-sidebar__menu-item{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background .15s ease,color .15s ease;font-size:14px;color:var(--text-secondary);gap:10px;border-radius:0}.workspace-sidebar__menu-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.workspace-sidebar__menu-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:16px;flex-shrink:0;transition:background .15s ease,color .15s ease}.workspace-sidebar__menu-item:hover .workspace-sidebar__menu-icon{background:var(--brand-light);color:var(--brand-primary)}.workspace-sidebar__menu-title{font-weight:600;margin-bottom:1px;color:inherit;font-size:14px}.workspace-sidebar__menu-subtitle{font-size:12px;color:var(--text-muted);line-height:1.3}.workspace-sidebar__menu-divider{height:1px;background:var(--border-primary);margin:4px 0}.workspace-sidebar__user-info{display:flex;align-items:center;padding:14px 14px 12px;gap:10px;background:var(--bg-secondary);border-radius:14px 14px 0 0}.workspace-sidebar__user-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0;overflow:hidden}.workspace-sidebar__user-avatar .workspace-sidebar__user-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.workspace-sidebar__user-name{font-weight:700;font-size:14px;color:var(--text-primary);margin-bottom:1px}.workspace-sidebar__user-status{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.workspace-sidebar__status-dot{font-size:7px}.workspace-sidebar__menu-item--with-submenu{position:relative}.workspace-sidebar__status-submenu{position:absolute;left:calc(100% + 6px);top:0;padding:6px;border-radius:10px;background:var(--bg-primary);box-shadow:0 12px 28px #0000002e;min-width:170px;z-index:1002;border:1px solid var(--border-primary);animation:dropdownSlideIn .18s cubic-bezier(.22,1,.36,1) both}.workspace-sidebar__status-submenu:before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:8px}.workspace-sidebar__status-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background .12s ease,color .12s ease;font-size:13px;font-weight:500;color:var(--text-secondary);gap:10px;white-space:nowrap;border-radius:6px}.workspace-sidebar__status-option:hover{background:var(--brand-light);color:var(--brand-primary)}@media(max-width:1024px){.workspace-sidebar{width:56px}}@media(max-width:768px){.workspace-sidebar{display:flex;position:absolute;left:0;top:0;width:56px;height:100vh;height:100dvh}.workspace-switcher,.workspace-sidebar__menu{left:62px;min-width:0;width:min(340px,calc(100vw - 70px));max-width:none}.workspace-switcher__list{max-height:min(360px,calc(100dvh - 180px))}.workspace-sidebar__status-submenu{left:8px;right:8px;top:auto;bottom:calc(100% + 4px);min-width:0}.workspace-sidebar__status-option{padding:12px}}.invite-members-modal{padding:8px 0}.invite-members-modal__description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px}.invite-members-modal__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px;color:var(--text-secondary)}.invite-members-modal__spinner{animation:spin 1s linear infinite;font-size:20px}.invite-members-modal__link-container{display:flex;gap:8px;margin-bottom:24px;align-items:stretch}.invite-members-modal__link-wrapper{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px}.invite-members-modal__link-icon{color:var(--text-muted);font-size:16px;flex-shrink:0}.invite-members-modal__link-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary);font-family:Courier New,monospace;cursor:text;min-width:0}.invite-members-modal__link-input:focus{outline:none}.invite-members-modal__copy-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--brand-primary);color:var(--text-inverse);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.invite-members-modal__copy-btn:hover{background:var(--brand-secondary);transform:translateY(-1px)}.invite-members-modal__copy-btn:active{transform:translateY(0)}.invite-members-modal__settings{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.invite-members-modal__field{display:flex;flex-direction:column;gap:8px}.invite-members-modal__field label{font-size:14px;font-weight:500;color:var(--text-primary)}.invite-members-modal__input{padding:10px 12px;color:var(--text-primary)!important;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;font-size:14px;color:var(--text-primary);outline:none;transition:all .2s ease}.invite-members-modal__input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4f46e51a}.invite-members-modal__field-hint{font-size:12px;color:var(--text-muted)}.invite-members-modal__copy-btn--copied{background:var(--brand-accent)}.invite-members-modal__copy-btn--copied:hover{background:var(--brand-primary)}.invite-members-modal__error{padding:16px;background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626);border-radius:6px;font-size:14px;margin-bottom:20px}.invite-members-modal__info{background:var(--brand-light);border-left:3px solid var(--brand-primary);padding:16px;border-radius:6px;margin-bottom:24px}.invite-members-modal__info h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.invite-members-modal__info ul{margin:0;padding-left:20px}.invite-members-modal__info li{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:6px}.invite-members-modal__info li:last-child{margin-bottom:0}@media(max-width:640px){.invite-members-modal__link-container{flex-direction:column}.invite-members-modal__copy-btn{width:100%;justify-content:center}.invite-members-modal__link-input{font-size:12px}}.skeleton{display:inline-block;height:1rem;width:100%;background-color:var(--bg-tertiary, #e5e5e5);position:relative;overflow:hidden;border-radius:4px}[data-theme=dark] .skeleton{background-color:#334155}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}[data-theme=dark] .skeleton:after{background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton--circle{border-radius:50%}.skeleton--text{height:.8rem;border-radius:4px}.skeleton--rect{border-radius:4px}.context-menu{position:fixed;z-index:10050;min-width:220px;max-width:280px;padding:6px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 12px 28px -6px #00000047,0 6px 12px -6px #0000002e;color:var(--text-primary);animation:context-menu-in .12s ease-out;outline:none}@keyframes context-menu-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.context-menu{animation:none}}.context-menu__title{display:flex;align-items:center;gap:6px;padding:6px 10px 4px;font-size:12px;font-weight:600;color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.context-menu__title-text{overflow:hidden;text-overflow:ellipsis}.context-menu__note{padding:0 10px 6px;font-size:11px;color:var(--text-muted)}.context-menu__item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-primary);font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer}.context-menu__item:hover,.context-menu__item--focused,.context-menu__item--open{background:var(--hover-bg)}.context-menu__item:disabled{opacity:.55;cursor:not-allowed}.context-menu__icon{display:inline-flex;width:14px;justify-content:center;flex-shrink:0;font-size:13px;color:var(--text-muted)}.context-menu__label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.context-menu__hint{flex-shrink:0;margin-left:8px;font-size:11px;color:var(--text-muted)}.context-menu__item--danger,.context-menu__item--danger .context-menu__icon{color:var(--danger-primary)}.context-menu__item--danger:hover,.context-menu__item--danger.context-menu__item--focused{background:var(--danger-light)}.context-menu__separator{height:1px;margin:4px 6px;background:var(--border-primary)}.context-menu--sub{position:fixed;min-width:170px}.context-menu__reactions{display:flex;align-items:center;gap:2px;padding:2px 2px 6px;margin-bottom:4px;border-bottom:1px solid var(--border-primary)}.context-menu__reaction{width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;font-size:18px;line-height:1;cursor:pointer;transition:transform .1s ease,background-color .1s ease}.context-menu__reaction:hover,.context-menu__reaction:focus-visible{background:var(--hover-bg);transform:scale(1.12);outline:none}.context-menu__reaction--more{margin-left:auto;font-size:13px;color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.context-menu__reaction{transition:none}.context-menu__reaction:hover{transform:none}}.user-profile-drawer{width:380px;min-width:380px;height:100%;border-left:1px solid var(--border-primary);background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.user-profile-drawer__header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary)}.user-profile-drawer__header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.user-profile-drawer__close{border:none!important;background:transparent!important;color:var(--text-secondary)!important;width:24px;height:24px;border-radius:0!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0!important;font-size:22px;line-height:1;font-weight:500}.user-profile-drawer__close:hover{color:var(--text-primary)!important}.user-profile-drawer__close:focus,.user-profile-drawer__close:focus-visible{outline:none;box-shadow:none}.user-profile-drawer__body{flex:1;overflow-y:auto;padding:16px 18px 20px;display:flex;flex-direction:column;gap:14px}.user-profile-drawer__hero{background:transparent;border-radius:0;height:auto;display:flex;align-items:center;justify-content:center;box-shadow:none}.user-profile-drawer__avatar{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:transparent;border:none;border-radius:20px}.user-profile-drawer__avatar--fallback{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:700;color:var(--brand-primary);border-radius:20px;background:var(--bg-secondary)}.user-profile-drawer__identity h4{margin:0 0 6px;color:var(--text-primary);font-size:31px;line-height:1.2;letter-spacing:-.02em}.user-profile-drawer__status-row{display:flex;align-items:center;gap:8px}.user-profile-drawer__status-dot{width:8px;height:8px;border-radius:50%}.user-profile-drawer__status-text{font-size:14px;color:var(--text-secondary)}.user-profile-drawer__actions{display:flex;gap:10px}.user-profile-drawer__section{border:1px solid var(--border-primary);border-radius:10px;padding:12px;background:var(--bg-secondary)}.user-profile-drawer__section h5{margin:0 0 10px;font-size:12px;letter-spacing:.03em;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.user-profile-drawer__meta-list{display:flex;flex-direction:column;gap:12px}.user-profile-drawer__meta-item{display:flex;flex-direction:column;gap:4px}.user-profile-drawer__meta-label{font-size:12px;font-weight:600;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.user-profile-drawer__meta-value{font-size:14px;color:var(--text-primary);word-break:break-word}.user-profile-drawer__section p{margin:0;font-size:14px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap}.user-profile-drawer__error{margin:0;font-size:12px;color:#b91c1c}.user-profile-drawer__send{border:none;border-radius:8px;background:var(--brand-primary);color:var(--text-inverse);min-height:38px;width:100%;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.user-profile-drawer__send:hover:not(:disabled){background:var(--brand-secondary)}.user-profile-drawer__send:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.user-profile-drawer{width:340px;min-width:340px}}@media(max-width:768px){.user-profile-drawer{position:absolute;right:0;top:0;bottom:0;z-index:6;box-shadow:-8px 0 28px #0f172a38}}@media(max-width:1024px){.user-profile-drawer{position:fixed;top:50px;right:0;bottom:0;height:auto;z-index:850;box-shadow:-8px 0 28px #0f172a38}}@media(max-width:480px){.user-profile-drawer{width:100%;min-width:0;border-left:none}}@media(max-width:768px){.user-profile-drawer__close{width:40px;height:40px}}.show-more,.show-more__clip{min-width:0}.show-more__clip--collapsed{overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.2em),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 2.2em),transparent)}.show-more__toggle{display:inline-block;margin-top:2px;padding:2px 0;border:none;background:none;color:var(--brand-primary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}[data-theme=dark] .show-more__toggle{color:var(--brand-accent)}.show-more__toggle:hover{text-decoration:underline}@media(max-width:768px){.show-more__toggle{padding:6px 0;font-size:14px}}.channel-details-modal__content{display:flex;flex-direction:column;gap:14px}.channel-details-modal__field{display:flex;flex-direction:column;gap:6px}.channel-details-modal__field label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.channel-details-modal__field input,.channel-details-modal__field textarea{width:100%;border:1px solid var(--border-primary);border-radius:8px;padding:9px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);font-family:inherit}.channel-details-modal__field input:focus,.channel-details-modal__field textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #01411c1f}.channel-details-modal__field input:disabled,.channel-details-modal__field textarea:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;border-color:var(--border-primary)}.channel-details-modal__footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-primary);padding-top:14px;margin-top:4px}.channel-details-modal__footer--single{border-top:none;padding-top:0}.channel-details-modal__btn{border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer}.channel-details-modal__btn:disabled{opacity:.55;cursor:not-allowed}.channel-details-modal__btn--secondary{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary)}.channel-details-modal__btn--secondary:hover:not(:disabled){background:var(--hover-bg)}.channel-details-modal__btn--primary{background:var(--brand-primary);color:var(--text-inverse)}.channel-details-modal__btn--primary:hover:not(:disabled){background:var(--brand-secondary)}.channel-details-modal__readonly{border:1px solid var(--border-primary);border-radius:8px;padding:9px 12px;font-size:14px;line-height:1.45;background:var(--bg-secondary);color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.channel-details-modal__empty{color:var(--text-muted);font-style:italic}.main-sidebar{width:260px;background:var(--bg-secondary);height:100vh;height:100dvh;position:fixed;left:65px;top:0;padding-top:50px;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;z-index:90;transition:width .28s cubic-bezier(.22,1,.36,1);box-shadow:1px 0 0 var(--border-primary)}.main-sidebar__header{height:54px;padding:0 16px;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:8px;flex-shrink:0;background:var(--bg-secondary)}.main-sidebar__title{font-weight:700;font-size:16px;color:var(--text-primary);margin:0;line-height:1.2;flex:0 1 auto;min-width:0;letter-spacing:-.01em}.main-sidebar__user{flex:1 1 0;min-width:0;color:var(--text-secondary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.main-sidebar__collapse-btn{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;transition:background .14s ease,color .14s ease}.main-sidebar__collapse-btn:hover,.main-sidebar__collapse-btn:focus-visible{background:var(--hover-bg);color:var(--text-primary);outline:none}.main-sidebar__time{flex-shrink:0;margin-left:8px;font-size:11px;font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.main-sidebar__time--unread{color:var(--text-secondary)}.main-sidebar__time+.main-sidebar__unread-badge{margin-left:6px}.main-sidebar__list-item--active .main-sidebar__time{color:inherit;opacity:.75}@media(min-width:1025px){.main-sidebar{width:var(--main-sidebar-width, 260px)}}.main-sidebar__resizer{position:absolute;top:50px;bottom:0;right:-4px;width:8px;cursor:col-resize;z-index:5;touch-action:none}.main-sidebar__resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .12s ease}.main-sidebar__resizer:hover:after,.main-sidebar__resizer:focus-visible:after,.workspace-layout--sidebar-dragging .main-sidebar__resizer:after{background:var(--brand-accent)}.main-sidebar__resizer:focus-visible{outline:none}.main-sidebar--collapsed>:not(.main-sidebar__rail):not(.main-sidebar__resizer){display:none}.main-sidebar__rail{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .14s ease,color .14s ease}.main-sidebar__rail:hover,.main-sidebar__rail:focus-visible{background:var(--hover-bg);color:var(--brand-primary);outline:none}[data-theme=dark] .main-sidebar__rail:hover,[data-theme=dark] .main-sidebar__rail:focus-visible{color:var(--brand-accent)}.main-sidebar__rail .main-sidebar__unread-badge{margin:0}.main-sidebar__rail-label{writing-mode:vertical-rl;max-height:60vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.main-sidebar__header{position:relative;padding-left:8px;padding-right:10px}.main-sidebar__ws-button{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 8px;border:none;border-radius:8px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;transition:background .14s ease}.main-sidebar__ws-button:hover,.main-sidebar__ws-button:focus-visible,.main-sidebar__ws-button--open{background:var(--hover-bg);outline:none}.main-sidebar__ws-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-sidebar__ws-chevron{flex-shrink:0;font-size:11px;color:var(--text-muted);transition:transform .16s ease}.main-sidebar__ws-button--open .main-sidebar__ws-chevron{transform:rotate(180deg)}.workspace-switcher.workspace-switcher--header{left:8px;top:calc(100% + 4px);min-width:300px;animation-name:switcherDropIn}@keyframes switcherDropIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.workspace-switcher.workspace-switcher--header{min-width:0}}.main-sidebar__scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:16px}.main-sidebar__scroll-area::-webkit-scrollbar{width:4px}.main-sidebar__scroll-area::-webkit-scrollbar-track{background:transparent}.main-sidebar__scroll-area::-webkit-scrollbar-thumb{background:transparent;border-radius:100px;transition:background .2s}.main-sidebar:hover .main-sidebar__scroll-area::-webkit-scrollbar-thumb{background:var(--border-secondary)}.main-sidebar__scroll-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.main-sidebar__nav{display:flex;flex-direction:column;padding:8px 8px 0}.main-sidebar__nav-item{height:32px;padding:0 10px;font-size:14px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;text-decoration:none;border-radius:8px;margin-bottom:1px;transition:background .15s ease,color .15s ease,transform .12s ease;letter-spacing:-.01em}.main-sidebar__nav-item:hover{background:var(--hover-bg);color:var(--text-primary);transform:translate(2px)}.main-sidebar__nav-item--active,.main-sidebar__nav-item.active{background:var(--brand-primary);color:#fff;font-weight:600;transform:none}.main-sidebar__nav-icon{margin-right:10px;width:16px;text-align:center;font-size:14px;color:var(--text-muted);flex-shrink:0;transition:color .15s ease}.main-sidebar__nav-item:hover .main-sidebar__nav-icon{color:var(--text-primary)}.main-sidebar__nav-item.active .main-sidebar__nav-icon,.main-sidebar__nav-item--active .main-sidebar__nav-icon{color:#fff}.main-sidebar__section{margin-top:4px;padding:0 8px}.main-sidebar__section-header{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:8px 4px 4px;margin:0;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.main-sidebar__section-icon{font-size:11px;color:var(--text-muted);transition:color .15s ease}.main-sidebar__section-header--clickable{cursor:pointer;border-radius:6px;padding:6px 4px;transition:background .15s ease,color .15s ease}.main-sidebar__section-header--clickable:hover{color:var(--text-primary);background:var(--hover-bg)}.main-sidebar__section-header--clickable:hover .main-sidebar__section-icon,.main-sidebar__section-header--clickable:hover .main-sidebar__chevron{color:var(--text-secondary)}.main-sidebar__chevron{font-size:9px;margin-right:6px;color:var(--text-muted);transition:transform .18s ease,color .15s ease}.main-sidebar__section-helper{font-size:12px;color:var(--text-muted);font-style:italic;padding:2px 4px 6px;margin:0}.main-sidebar__list{display:flex;flex-direction:column}.main-sidebar__list-item{height:30px;padding:0 8px 0 20px;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;text-decoration:none;cursor:pointer;border-radius:8px;margin-bottom:1px;transition:background .14s ease,color .14s ease,transform .12s ease;font-weight:400;letter-spacing:-.01em}.main-sidebar__list-item:hover{background:var(--hover-bg);color:var(--text-primary);transform:translate(2px)}.main-sidebar__list-item--active,.main-sidebar__list-item.active{background:var(--brand-primary);color:#fff;font-weight:600;transform:none}.main-sidebar__list-item--unread{font-weight:700;color:var(--text-primary)}.main-sidebar__list-item--unread.active,.main-sidebar__list-item--unread.main-sidebar__list-item--active{color:#fff}.main-sidebar__muted-marker{display:inline-flex;align-items:center;flex-shrink:0;margin-left:6px;font-size:11px;color:var(--text-muted);opacity:.85}.main-sidebar__list-item.active .main-sidebar__muted-marker,.main-sidebar__list-item--active .main-sidebar__muted-marker{color:#fffc;opacity:1}.main-sidebar__unread-badge.main-sidebar__unread-badge--muted{background:var(--text-muted)}.main-sidebar__list-item.active .main-sidebar__unread-badge.main-sidebar__unread-badge--muted,.main-sidebar__list-item--active .main-sidebar__unread-badge.main-sidebar__unread-badge--muted{background:#ffffff40}.main-sidebar__hash{color:var(--text-muted);margin-right:8px;font-size:13px;flex-shrink:0;transition:color .14s ease}.main-sidebar__list-item:hover .main-sidebar__hash{color:var(--text-secondary)}.main-sidebar__list-item.active .main-sidebar__hash,.main-sidebar__list-item--active .main-sidebar__hash,.main-sidebar__list-item--unread.active .main-sidebar__hash,.main-sidebar__list-item--unread.main-sidebar__list-item--active .main-sidebar__hash{color:#fffc!important}.main-sidebar__unread-badge{background:var(--brand-primary);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;margin-left:auto;min-width:18px;text-align:center;line-height:16px;flex-shrink:0;animation:badgePop .28s cubic-bezier(.22,1,.36,1) both}.main-sidebar__unread-badge--mention{background:var(--danger-primary)}.main-sidebar__list-item--active .main-sidebar__unread-badge{background:#ffffff40;color:#fff}.main-sidebar__list-item--active .main-sidebar__unread-badge--mention{background:#ffffff40}.main-sidebar__status-dot{width:7px;height:7px;border-radius:50%;margin-right:8px;flex-shrink:0}.main-sidebar__dm-avatar{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#01411c,#10b981);color:#fff;font-size:9px;font-weight:700;line-height:1;margin-right:8px;position:relative;flex-shrink:0;text-transform:uppercase}.main-sidebar__dm-avatar-initials{display:inline-flex;align-items:center;justify-content:center}.main-sidebar__dm-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.main-sidebar__dm-avatar-status{position:absolute;right:-2px;bottom:-2px;width:6px;height:6px;border-radius:50%;border:1.5px solid var(--bg-secondary)}.main-sidebar__list-add{height:30px;padding:0 8px 0 20px;font-size:13px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;cursor:pointer;border-radius:8px;margin-bottom:1px;transition:background .14s ease,color .14s ease}.main-sidebar__list-add:hover{background:var(--hover-bg);color:var(--text-primary)}.main-sidebar__add-icon{margin-right:8px;font-size:13px;color:var(--text-muted);transition:color .14s ease}.main-sidebar__list-add:hover .main-sidebar__add-icon{color:var(--brand-primary)}.main-sidebar__hidden{margin-top:2px}.main-sidebar__hidden-header{height:28px;padding:0 8px 0 20px;display:flex;align-items:center;font-size:12.5px;font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:8px;-webkit-user-select:none;user-select:none;transition:background .14s ease,color .14s ease}.main-sidebar__hidden-header:hover,.main-sidebar__hidden-header:focus-visible{background:var(--hover-bg);color:var(--text-primary);outline:none}.main-sidebar__hidden-icon{margin-right:8px;font-size:12px}.main-sidebar__hidden-row{position:relative;display:flex;align-items:center}.main-sidebar__hidden-row>.main-sidebar__row{flex:1;min-width:0}.main-sidebar__hidden-row .main-sidebar__list-item{padding-left:28px;opacity:.85}.main-sidebar__unhide-btn{flex-shrink:0;width:26px;height:26px;margin-left:2px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;opacity:0;transition:opacity .14s ease,background .14s ease,color .14s ease}.main-sidebar__hidden-row:hover .main-sidebar__unhide-btn,.main-sidebar__unhide-btn:focus-visible{opacity:1}.main-sidebar__unhide-btn:hover{background:var(--hover-bg);color:var(--brand-primary)}@media(hover:none){.main-sidebar__unhide-btn{opacity:1}}.main-sidebar__footer{padding:12px;border-top:1px solid var(--border-primary);flex-shrink:0}.main-sidebar__invite-btn{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:600;background:none;border:none;cursor:pointer;padding:8px 10px;width:100%;border-radius:8px;transition:background .15s ease,color .15s ease;text-decoration:none}.main-sidebar__invite-btn:hover,.main-sidebar__invite-btn--active{background:var(--hover-bg);color:var(--brand-primary)}.main-sidebar__invite-icon{font-size:15px;color:inherit;transition:color .15s ease}.main-sidebar__list-item--discoverable{opacity:.75}.main-sidebar__list-item--discoverable:hover{opacity:1}.main-sidebar__list-item--empty{font-size:12px;color:var(--text-muted);font-style:italic;cursor:default;background:transparent!important;transform:none!important}.main-sidebar__app-icon{margin-right:8px;color:var(--text-muted);font-size:13px;flex-shrink:0;transition:color .14s ease}.main-sidebar__list-item:hover .main-sidebar__app-icon{color:var(--text-secondary)}.main-sidebar__list-item.active .main-sidebar__app-icon{color:#fffc}@media(max-width:1024px){.main-sidebar{width:220px;left:56px}}@media(max-width:768px){.main-sidebar{position:absolute;left:56px;width:244px;max-width:none;transform:none;transition:none;box-shadow:none}.main-sidebar__nav-item,.main-sidebar__list-item,.main-sidebar__list-add{height:40px;font-size:15px}.main-sidebar__section-header--clickable{padding:10px 4px}.main-sidebar__nav-item:hover,.main-sidebar__list-item:hover{transform:none}}@keyframes badgePop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.main-sidebar__call-marker{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-left:6px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:9px;animation:callMarkerPulse 2s ease-out infinite}.main-sidebar__call-marker+.main-sidebar__unread-badge{margin-left:6px}.main-sidebar__list-item--active .main-sidebar__call-marker,.main-sidebar__list-item.active .main-sidebar__call-marker{background:#fff;color:var(--brand-primary)}@keyframes callMarkerPulse{0%{box-shadow:0 0 #10b9818c}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@media(prefers-reduced-motion:reduce){.main-sidebar__call-marker{animation:none}}.main-sidebar__list-item>.main-sidebar__unread-badge{margin-left:6px}.main-sidebar__row{position:relative}.main-sidebar__row-menu-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:none;width:24px;height:22px;padding:0;border:none;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);align-items:center;justify-content:center;font-size:12px;cursor:pointer}.main-sidebar__row-menu-btn:hover{color:var(--text-primary)}.main-sidebar__row-menu-btn:focus-visible{display:inline-flex;outline:2px solid var(--brand-primary);outline-offset:1px}@media(hover:hover){.main-sidebar__row:hover .main-sidebar__row-menu-btn,.main-sidebar__row--menu-open .main-sidebar__row-menu-btn{display:inline-flex}.main-sidebar__row:hover .main-sidebar__time,.main-sidebar__row--menu-open .main-sidebar__time{visibility:hidden}}.main-sidebar__row--active .main-sidebar__row-menu-btn{background:#ffffff2e;color:#fff}.main-sidebar__row--menu-open .main-sidebar__list-item:not(.main-sidebar__list-item--active):not(.active){background:var(--hover-bg);color:var(--text-primary)}.main-sidebar__row .main-sidebar__list-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.main-sidebar__pin-marker{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-muted);font-size:10px}.main-sidebar__list-item--active .main-sidebar__pin-marker,.main-sidebar__list-item.active .main-sidebar__pin-marker{color:#ffffffd9}.main-sidebar__pin-marker--gutter{position:absolute;left:6px;top:50%;transform:translateY(-50%)}.main-sidebar__unread-dot{flex-shrink:0;width:9px;height:9px;margin-left:6px;border-radius:50%;background:var(--brand-primary)}.main-sidebar__unread-dot--muted{background:var(--text-muted)}.main-sidebar__list-item--active .main-sidebar__unread-dot,.main-sidebar__list-item.active .main-sidebar__unread-dot{background:#ffffffd9}.top-navbar{position:fixed;top:0;left:0;right:0;height:50px;min-height:50px;max-height:50px;background:var(--top-nav-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:0 16px;box-sizing:border-box;overflow:visible;box-shadow:0 1px #ffffff0f,0 2px 12px #0003}.top-navbar__search-container{position:relative;width:100%;max-width:560px;display:flex;align-items:center}.top-navbar__search-container--hidden{visibility:hidden}.top-navbar__search-input-wrapper{width:100%;height:34px;display:flex;align-items:center;padding:0 12px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);transition:background .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.top-navbar__search-input-wrapper:focus-within{background:#ffffff29;border-color:#ffffff47;box-shadow:0 0 0 3px #ffffff1a}.top-navbar__search-icon{color:#ffffff73;font-size:13px;margin-right:10px;flex-shrink:0;transition:color .22s ease}.top-navbar__search-input-wrapper:focus-within .top-navbar__search-icon{color:#ffffffd9}.top-navbar__search-input{flex:1;background:transparent;border:none;color:#fffffff2;font-size:13.5px;outline:none!important;box-shadow:none!important;font-weight:400}.top-navbar__search-input::placeholder{color:#fff6;transition:color .22s ease}.top-navbar__search-input-wrapper:focus-within .top-navbar__search-input::placeholder{color:#fff9}.top-navbar__search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-left:6px;cursor:pointer;background:#fff9;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.top-navbar__search-input::-webkit-search-cancel-button:hover{background:#fffffff2}.top-navbar__search-shortcut{display:flex;gap:3px;flex-shrink:0}.top-navbar__search-shortcut kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:1px 5px;font-size:10px;color:#ffffff80;font-family:inherit;font-weight:600;line-height:15px}.top-navbar__search-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--bg-primary);border-radius:14px;box-shadow:0 20px 40px #0003,0 0 0 1px #0000000f;overflow:hidden;z-index:1001;display:flex;flex-direction:column;max-height:480px;border:1px solid var(--border-primary);animation:dropdownEnter .2s cubic-bezier(.22,1,.36,1) both}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-dropdown__filters{display:flex;padding:8px 10px;gap:4px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.filter-btn{padding:5px 12px;border:none;background:transparent;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .14s ease,color .14s ease}.filter-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.filter-btn.active{background:var(--brand-primary);color:#fff}.search-dropdown__results{flex:1;overflow-y:auto;padding:6px 0}.search-status,.search-placeholder{padding:28px 20px;text-align:center;color:var(--text-muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}.search-result-item{display:flex;align-items:center;padding:9px 14px;cursor:pointer;transition:background .13s ease;border-left:3px solid transparent}.search-result-item:hover,.search-result-item.selected{background:var(--bg-secondary);border-left-color:var(--brand-primary)}.result-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-right:12px;font-size:13px;flex-shrink:0}.result-icon.message{background:#3b82f61a;color:#3b82f6}.result-icon.file{background:#10b9811a;color:var(--brand-primary)}.result-icon.user{background:#f59e0b1a;color:#f59e0b}.result-info{flex:1;min-width:0}.result-name{font-weight:600;font-size:13px;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-meta{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta em{font-style:normal;font-weight:700;color:var(--brand-primary)}.top-navbar__brand{position:absolute;left:20px;display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.top-navbar__brand:active{transform:scale(.95)}.top-navbar__logo{height:28px;width:auto;object-fit:contain;transition:transform .3s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.top-navbar__brand:hover .top-navbar__logo{transform:scale(1.12) rotate(3deg)}.top-navbar__app-name{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:16.5px;font-weight:800;color:#fffffff2;letter-spacing:-.3px;background:linear-gradient(135deg,#fff 60%,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .2s ease}.top-navbar__brand:hover .top-navbar__app-name{opacity:.9}@media(min-width:769px){.top-navbar__search-container{max-width:min(560px,calc(100% - 340px))}}@media(max-width:768px){.top-navbar__brand{left:14px;gap:0}.top-navbar__app-name{display:none}.top-navbar{padding:0 12px}.top-navbar__search-container{padding-left:40px}.top-navbar__search-shortcut{display:none}.top-navbar__search-dropdown{position:fixed;top:50px;left:0;right:0;border-radius:0 0 14px 14px;max-height:calc(100dvh - 50px)}.search-dropdown__filters{overflow-x:auto}.filter-btn{padding:8px 14px;font-size:13px;flex-shrink:0}.search-result-item{padding:12px 14px}}@media(max-width:500px){.top-navbar__search-container{padding-left:44px}}.app-select{position:relative;width:100%}.app-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:6px;border:1px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:inherit;text-align:left;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.app-select__trigger:hover{border-color:var(--border-secondary)}.app-select__trigger:focus-visible,.app-select--open .app-select__trigger{border-color:var(--brand-primary);box-shadow:0 0 0 3px #0f42231a}[data-theme=dark] .app-select__trigger:focus-visible,[data-theme=dark] .app-select--open .app-select__trigger{box-shadow:0 0 0 3px #22c55e26}.app-select__placeholder{color:var(--text-muted)}.app-select__chevron{flex-shrink:0;font-size:11px;color:var(--text-muted);transition:transform .15s ease}.app-select--open .app-select__chevron{transform:rotate(180deg)}.app-select__list{z-index:11000;box-sizing:border-box;margin:0;padding:4px;list-style:none;max-height:240px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #00000029}.app-select__option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:6px;font-size:14px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.app-select__option--active{background:var(--hover-bg)}.app-select__option--selected{color:var(--brand-primary);font-weight:600}[data-theme=dark] .app-select__option--selected{color:var(--brand-accent)}.app-select__option--disabled{color:var(--text-muted);cursor:default}.app-select__check{flex-shrink:0;font-size:11px}@media(max-width:768px){.app-select__option{padding:12px 10px;font-size:15px}}.app-datetime{position:relative;width:100%}.app-datetime__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:6px;border:1px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:inherit;text-align:left;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.app-datetime__trigger:hover{border-color:var(--border-secondary)}.app-datetime__trigger:focus-visible,.app-datetime__trigger--open{border-color:var(--brand-primary);box-shadow:0 0 0 3px #0f42231a}[data-theme=dark] .app-datetime__trigger:focus-visible,[data-theme=dark] .app-datetime__trigger--open{box-shadow:0 0 0 3px #22c55e26}.app-datetime__icon{flex-shrink:0;font-size:13px;color:var(--text-muted)}.app-datetime__pop{z-index:11000;box-sizing:border-box;display:flex;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:14px;box-shadow:0 18px 48px #0000002e,0 2px 8px #00000014;color:var(--text-primary);font-family:inherit;animation:appDatetimeIn .14s ease-out}@keyframes appDatetimeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-datetime__pop button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-datetime__pop button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.app-datetime__calendar{flex:1 1 auto;min-width:0;padding:16px 16px 12px}.app-datetime__cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.app-datetime__month{font-size:15px;font-weight:700;letter-spacing:-.01em}.app-datetime__nav-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);font-size:11px;transition:background .12s ease,color .12s ease}.app-datetime__nav-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.app-datetime__grid{display:grid;grid-template-columns:repeat(7,36px);justify-content:space-between;row-gap:2px}.app-datetime__weekday{height:28px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.app-datetime__day{position:relative;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-primary);font-size:13.5px;font-variant-numeric:tabular-nums;transition:background .12s ease,color .12s ease}.app-datetime__day:hover{background:var(--hover-bg)}.app-datetime__day--outside{color:var(--text-muted);opacity:.45}.app-datetime__day--today{color:var(--brand-primary);font-weight:700}[data-theme=dark] .app-datetime__day--today{color:var(--brand-accent)}.app-datetime__day--today:after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}.app-datetime__day--selected,.app-datetime__day--selected:hover,[data-theme=dark] .app-datetime__day--selected{background:var(--brand-primary);color:#fff;font-weight:700;opacity:1;box-shadow:0 4px 10px #0f422347}.app-datetime__today{margin-top:10px;padding:6px 10px;border:1px solid var(--border-primary);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:600;transition:border-color .12s ease,color .12s ease}.app-datetime__today:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.app-datetime__time{flex:0 0 168px;display:flex;flex-direction:column;gap:10px;padding:16px 14px 14px;background:var(--bg-secondary);border-left:1px solid var(--border-primary)}.app-datetime__time-head{display:flex;flex-direction:column;align-items:center;gap:8px}.app-datetime__time-readout{font-size:26px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1}.app-datetime__ampm{display:flex;width:100%;padding:3px;border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border-primary)}.app-datetime__ampm-btn{flex:1;padding:5px 0;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;transition:background .12s ease,color .12s ease}.app-datetime__ampm-btn--on{background:var(--brand-primary);color:#fff;box-shadow:0 2px 6px #0f422340}.app-datetime__cols{flex:1;display:flex;gap:8px;min-height:0}.app-datetime__col{flex:1;display:flex;flex-direction:column;align-items:stretch;min-width:0}.app-datetime__col-label{margin-bottom:4px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--text-muted)}.app-datetime__time-col{display:flex;flex-direction:column;gap:2px;height:176px;padding:12px 0;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}.app-datetime__time-col::-webkit-scrollbar{display:none}.app-datetime__time-item{flex-shrink:0;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-size:14px;font-variant-numeric:tabular-nums;text-align:center;transition:background .12s ease,color .12s ease}.app-datetime__time-item:hover{background:var(--hover-bg)}.app-datetime__time-item--selected,.app-datetime__time-item--selected:hover{background:var(--brand-primary);color:#fff;font-weight:700}.app-datetime__done{width:100%;padding:8px 0;border:none;border-radius:8px;background:var(--brand-primary);color:#fff;font-size:13px;font-weight:700;transition:filter .12s ease}.app-datetime__done:hover{filter:brightness(1.12)}.app-datetime__scrim{display:none}@media(max-width:520px){.app-datetime__scrim{display:block;position:fixed;inset:0;z-index:10999;background:#00000073;animation:appDatetimeFade .14s ease-out}.app-datetime__pop{flex-direction:column;max-height:calc(100dvh - 16px);overflow-y:auto}.app-datetime__pop--sheet{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));max-width:440px;margin:0 auto;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;animation:appDatetimeUp .18s ease-out}.app-datetime__calendar{padding:12px 12px 10px}.app-datetime__grid{grid-template-columns:repeat(7,minmax(0,1fr))}.app-datetime__day{width:100%;max-width:38px;height:38px;justify-self:center}.app-datetime__today{margin-top:6px}.app-datetime__time{flex:none;border-left:none;border-top:1px solid var(--border-primary)}.app-datetime__time-head{flex-direction:row;justify-content:space-between}.app-datetime__ampm{width:140px}.app-datetime__time-col{height:132px}}@keyframes appDatetimeFade{0%{opacity:0}to{opacity:1}}@keyframes appDatetimeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.schedule-call-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.form-control{padding:10px;border-radius:6px;border:1px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #0f42231a}[data-theme=dark] .form-control:focus{box-shadow:0 0 0 3px #22c55e26}.incoming-call-toast{display:flex;align-items:center;gap:12px;width:340px;max-width:calc(100vw - 32px);padding:10px 12px;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:0 10px 30px #0000002e;color:var(--text-primary)}.incoming-call-toast--visible{animation:incoming-call-toast-in .25s ease-out both}.incoming-call-toast--hidden{animation:incoming-call-toast-out .2s ease-in both}.incoming-call-toast__main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.incoming-call-toast__main:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px;border-radius:8px}.incoming-call-toast__avatar{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));color:var(--text-inverse);font-size:14px;font-weight:700}.incoming-call-toast__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.incoming-call-toast__avatar:after{content:"";position:absolute;inset:0;border-radius:50%;animation:incoming-call-toast-pulse 1.4s ease-out infinite}.incoming-call-toast__text{display:flex;flex-direction:column;min-width:0}.incoming-call-toast__name{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-call-toast__meta{display:flex;align-items:center;gap:6px;min-width:0;font-size:.8rem;color:var(--text-muted)}.incoming-call-toast__meta svg{flex-shrink:0}.incoming-call-toast__meta-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-call-toast__actions{display:flex;gap:8px;flex-shrink:0}.incoming-call-toast__btn{width:36px;height:36px;padding:0;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .15s,filter .15s}.incoming-call-toast__btn:hover{transform:scale(1.08);filter:brightness(1.05)}.incoming-call-toast__btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.incoming-call-toast__btn--decline{background:#dc2626}.incoming-call-toast__btn--accept{background:#16a34a}@keyframes incoming-call-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes incoming-call-toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px) scale(.98)}}@keyframes incoming-call-toast-pulse{0%{box-shadow:0 0 #16a34a80}to{box-shadow:0 0 0 10px #16a34a00}}@media(prefers-reduced-motion:reduce){.incoming-call-toast--visible,.incoming-call-toast--hidden,.incoming-call-toast__avatar:after{animation:none}}.notification-setup-toast{display:flex;align-items:flex-start;gap:12px;width:360px;max-width:calc(100vw - 32px);padding:12px;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:0 10px 30px #0000002e;color:var(--text-primary)}.notification-setup-toast--visible{animation:notification-setup-toast-in .25s ease-out both}.notification-setup-toast--hidden{animation:notification-setup-toast-out .2s ease-in both}.notification-setup-toast__icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));color:var(--text-inverse);font-size:15px}.notification-setup-toast__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.notification-setup-toast__title{font-size:.95rem;font-weight:600}.notification-setup-toast__text{font-size:.8rem;line-height:1.4;color:var(--text-muted)}.notification-setup-toast__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.notification-setup-toast__btn{padding:6px 12px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:filter .15s,background-color .15s}.notification-setup-toast__btn:hover{filter:brightness(.97)}.notification-setup-toast__btn--primary{border-color:transparent;background:var(--brand-primary);color:var(--text-inverse)}.notification-setup-toast__btn:focus-visible,.notification-setup-toast__close:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.notification-setup-toast__close{flex-shrink:0;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.notification-setup-toast__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}@keyframes notification-setup-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes notification-setup-toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.notification-setup-toast--visible,.notification-setup-toast--hidden{animation:none}}.workspace-suspended{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px;min-height:0;overflow-y:auto;background:var(--bg-primary);animation:workspaceSuspendedEnter .28s cubic-bezier(.22,1,.36,1) both}@keyframes workspaceSuspendedEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.workspace-suspended__card{width:100%;max-width:480px;padding:40px 36px 32px;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-md)}.workspace-suspended__icon{width:56px;height:56px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;font-size:22px;color:var(--danger-primary);background:var(--danger-light)}.workspace-suspended__eyebrow{margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-suspended__title{margin:0 0 14px;font-size:22px;font-weight:700;color:var(--text-primary)}.workspace-suspended__message{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--text-primary)}.workspace-suspended__note{margin:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}.workspace-suspended__switch{display:none;margin:24px auto 0;padding:10px 20px;font:inherit;font-size:14px;font-weight:600;color:var(--text-inverse);background:var(--brand-primary);border:none;border-radius:8px;cursor:pointer}.workspace-suspended__switch:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(max-width:768px){.workspace-suspended__card{padding:32px 22px 26px}.workspace-suspended__switch{display:inline-block}}@media(prefers-reduced-motion:reduce){.workspace-suspended{animation:none}}.workspace-layout{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden;background-color:var(--bg-primary);padding-top:50px;box-sizing:border-box}.workspace-layout__sidebar-container{display:contents}.workspace-layout__content{margin-left:325px;flex:1;display:flex;flex-direction:column;height:calc(100vh - 50px);height:calc(100dvh - 50px);min-width:0;transition:margin-left .28s cubic-bezier(.22,1,.36,1);background:var(--bg-primary)}@keyframes workspaceContentEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.workspace-layout--fade-in{animation:workspaceFadeIn .35s cubic-bezier(.22,1,.36,1) forwards}@keyframes workspaceFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.workspace-layout__content{margin-left:276px}}@media(min-width:1025px){.workspace-layout__content:not(.workspace-layout__content--suspended){margin-left:calc(65px + var(--main-sidebar-width, 260px))}}.workspace-layout--sidebar-dragging .workspace-layout__content,.workspace-layout--sidebar-dragging .main-sidebar{transition:none}body.main-sidebar-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace-layout__content--suspended{margin-left:65px}@media(max-width:1024px){.workspace-layout__content--suspended{margin-left:56px}}@media(max-width:768px){.workspace-layout__content{margin-left:0}.workspace-layout__sidebar-container{display:flex;position:fixed;width:300px;height:100vh;height:100dvh;top:0;left:0;z-index:1000;pointer-events:none;transform:translate(-100%);transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:4px 0 24px #00000040}.workspace-layout__sidebar-container--open{pointer-events:auto;transform:translate(0)}.workspace-layout__overlay{position:fixed;inset:0;background-color:var(--bg-overlay);z-index:900;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.workspace-overview-panel__content{display:flex;flex-direction:column;gap:1rem;font-family:var(--font-family)}.workspace-overview-panel__avatar-container{display:flex;align-items:center;gap:1rem;padding-bottom:.25rem}.workspace-overview-panel__avatar-wrapper{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;border:2px solid var(--border-primary)}.workspace-overview-panel__avatar{width:100%;height:100%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));display:flex;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;color:#fff;object-fit:cover;font-family:var(--font-family)}.workspace-overview-panel__avatar-upload{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%}.workspace-overview-panel__avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000008c;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-inverse);opacity:0;transition:opacity .2s ease;font-size:.65rem;gap:.25rem}.workspace-overview-panel__avatar-wrapper:hover .workspace-overview-panel__avatar-overlay{opacity:1}.workspace-overview-panel__avatar-overlay svg{font-size:1rem}.workspace-overview-panel__avatar-overlay span{font-weight:600;font-family:var(--font-family);letter-spacing:.04em;text-transform:uppercase}.workspace-overview-panel__field{display:flex;flex-direction:column;gap:.375rem}.workspace-overview-panel__field label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-family)}.workspace-overview-panel__field input,.workspace-overview-panel__field textarea{padding:.5625rem .75rem;border:1.5px solid var(--border-primary);border-radius:8px;font-size:.9375rem;color:var(--text-primary);font-family:var(--font-family);background-color:var(--bg-primary);transition:border-color .15s ease,box-shadow .15s ease;outline:none;line-height:1.5}.workspace-overview-panel__field input:focus,.workspace-overview-panel__field textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #22c55e1a}.workspace-overview-panel__field textarea{resize:vertical;min-height:72px}.workspace-overview-panel__field input:disabled,.workspace-overview-panel__field textarea:disabled{background-color:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-primary)}.workspace-overview-panel__stats{display:flex;gap:0;background-color:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-primary);overflow:hidden;margin-top:.25rem}.workspace-overview-panel__stat{display:flex;flex-direction:column;align-items:center;padding:.875rem 1.5rem;flex:1;gap:.25rem}.workspace-overview-panel__stat+.workspace-overview-panel__stat{border-left:1px solid var(--border-primary)}.workspace-overview-panel__stat-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;font-family:var(--font-family)}.workspace-overview-panel__stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-family);line-height:1.2}.workspace-overview-panel__stat-sub{font-size:.75rem;color:var(--text-muted);text-align:center}.workspace-overview-panel__footer{display:flex;justify-content:flex-end;gap:.625rem;padding:1rem 1.25rem;border-top:1px solid var(--border-primary);margin-top:.25rem}.workspace-overview-panel__btn{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:var(--font-family);transition:all .15s ease;line-height:1.4}.workspace-overview-panel__btn--cancel{background-color:var(--bg-primary);border:1.5px solid var(--border-primary);color:var(--text-primary)}.workspace-overview-panel__btn--cancel:hover{background-color:var(--bg-tertiary);border-color:var(--text-muted)}.workspace-overview-panel__btn--save{background-color:var(--brand-primary);color:#fff}.workspace-overview-panel__btn--save:hover{background-color:var(--brand-secondary)}.workspace-overview-panel__avatar-remove{display:inline-flex;align-items:center;gap:6px;padding:.4rem .75rem;border:1px solid var(--danger-primary);border-radius:8px;background:transparent;color:var(--danger-primary);font-size:.8125rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background-color .15s ease}.workspace-overview-panel__avatar-remove:hover{background-color:var(--danger-light)}[data-theme=dark] .workspace-overview-panel__avatar-remove:hover{background-color:#ef44441f}.workspace-overview-panel__avatar-remove:disabled{opacity:.45;cursor:not-allowed}.workspace-overview-panel__btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}@media(max-width:480px){.workspace-overview-panel__stats{flex-direction:column}.workspace-overview-panel__stat+.workspace-overview-panel__stat{border-left:none;border-top:1px solid var(--border-primary)}.workspace-overview-panel__footer{flex-direction:column-reverse;align-items:stretch}}.delete-workspace-confirm-modal{display:flex;flex-direction:column;gap:1.25rem}.delete-workspace-confirm-modal__warning{display:flex;gap:.75rem;padding:.875rem 1rem;background:var(--danger-light, #fef2f2);border:1px solid var(--danger-primary, #dc2626);border-radius:8px;align-items:flex-start}.delete-workspace-confirm-modal__warning-icon{color:var(--danger-primary, #dc2626);font-size:1.25rem;flex-shrink:0;margin-top:2px}.delete-workspace-confirm-modal__warning-text{margin:0;font-size:.9rem;color:var(--text-primary);line-height:1.55}.delete-workspace-confirm-modal__input-group{display:flex;flex-direction:column;gap:.5rem}.delete-workspace-confirm-modal__label{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.delete-workspace-confirm-modal__input{width:100%;padding:.625rem .75rem;border:1px solid var(--border-primary);border-radius:6px;font-size:.9rem;color:var(--text-primary);background:var(--bg-secondary);outline:none}.delete-workspace-confirm-modal__input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #10b98126}.delete-workspace-confirm-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.25rem}.delete-workspace-confirm-modal__delete-btn--danger{background:#dc2626!important;border-color:#dc2626!important}.delete-workspace-confirm-modal__delete-btn--danger:hover:not(:disabled){background:#b91c1c!important}.header-overflow{display:none;position:relative}@media(max-width:768px){.header-overflow{display:flex}}.header-overflow__toggle{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:17px;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border-radius:6px}.header-overflow__toggle:hover,.header-overflow__toggle[aria-expanded=true]{color:var(--brand-primary);background-color:var(--hover-bg)}.header-overflow__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;max-width:calc(100vw - 24px);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 24px #00000029;z-index:60;padding:6px}.header-overflow__item{width:100%;display:flex;align-items:center;gap:12px;border:none;background:transparent;color:var(--text-primary);padding:10px 12px;min-height:44px;border-radius:6px;text-align:left;font-size:15px;cursor:pointer}.header-overflow__item:hover{background:var(--hover-bg)}.header-overflow__icon{display:flex;color:var(--text-muted);font-size:15px}.workspace-header{height:54px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);background-color:var(--bg-primary);flex-shrink:0}.workspace-header__left{display:flex;align-items:center;gap:8px}.workspace-header__menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:18px;padding:4px}.workspace-header__title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center}.workspace-header__hash{color:var(--text-secondary);margin-right:4px}.workspace-header__star-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:16px;display:flex;align-items:center;padding:4px;border-radius:4px;transition:all .15s ease}.workspace-header__star-btn:hover{background-color:var(--bg-secondary);color:var(--brand-primary)}.workspace-header__call-btn{display:flex;align-items:center;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:16px;padding:6px;border-radius:6px;transition:all .15s ease}.workspace-header__call-btn:hover{background-color:var(--bg-secondary);color:var(--brand-primary)}.workspace-header__call-btn--active{background-color:var(--brand-primary)!important;color:var(--text-inverse)!important;padding:6px 14px!important;gap:8px;border-radius:999px!important;box-shadow:0 4px 12px #10b9814d;animation:workspace-header-pulse-green 2s infinite}.workspace-header__call-btn--active:hover{background-color:#059669!important;box-shadow:0 6px 16px #10b98166}.workspace-header__call-status{font-size:13px;font-weight:700;white-space:nowrap}@keyframes workspace-header-pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.workspace-header__right{display:flex;align-items:center;gap:16px}.workspace-header__members{display:flex;align-items:center;gap:6px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:600;transition:all .15s ease}.workspace-header__members:hover{background-color:var(--bg-secondary);color:var(--brand-primary)}.workspace-header__members--clickable{background:none;border:none;cursor:pointer}.workspace-header__members--clickable:hover{background-color:var(--bg-secondary);color:var(--brand-primary)}.workspace-header__actions{display:flex;align-items:center;gap:16px}.workspace-header__actions>button,.workspace-header__settings>button{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:18px;display:flex;align-items:center;padding:4px;border-radius:4px;transition:all .15s ease}.workspace-header__actions>button:hover,.workspace-header__settings>button:hover{color:var(--brand-primary);background-color:var(--bg-secondary)}.workspace-header__settings-btn{position:relative;display:flex;align-items:center}.workspace-header__settings-btn>button{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:18px;display:flex;align-items:center;padding:4px;border-radius:4px;transition:all .15s ease}.workspace-header__settings-btn>button:hover{color:var(--brand-primary);background-color:var(--bg-secondary)}.workspace-header__settings{position:relative}.workspace-header__settings-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:30;padding:6px}.workspace-header__settings-item{width:100%;border:none;background:transparent;color:var(--text-primary);padding:8px 10px;border-radius:6px;text-align:left;font-size:14px;cursor:pointer}.workspace-header__settings-item:hover{background:var(--hover-bg)}.workspace-header__settings-item:disabled{opacity:.65;cursor:not-allowed}.workspace-header__settings-item--danger{color:var(--danger-primary)}.workspace-header__settings-item--danger:hover{background:var(--danger-light)}.workspace-header__archived-modal{min-height:120px}.workspace-header__archived-empty{margin:0;color:var(--text-secondary);font-size:14px}.workspace-header__archived-list{display:flex;flex-direction:column;gap:10px}.workspace-header__archived-item{border:1px solid var(--border-primary);border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-header__archived-name{margin:0;font-weight:600;font-size:14px;color:var(--text-primary)}.workspace-header__archived-meta{margin:2px 0 0;font-size:12px;color:var(--text-secondary);text-transform:capitalize}.workspace-header__archived-unarchive{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--brand-primary);border-radius:6px;font-size:13px;font-weight:600;padding:6px 10px;cursor:pointer}.workspace-header__archived-unarchive:hover:not(:disabled){background:#ecfdf5}.workspace-header__archived-unarchive:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.workspace-header__menu-btn{display:flex}.workspace-header{padding:0 16px}.workspace-header__actions{gap:12px}.workspace-header__actions button[title=Search],.workspace-header__actions button[title="Pinned items"]{display:none}.workspace-header__secondary{display:none!important}.workspace-header__left{flex:1;min-width:0}.workspace-header__title{display:block;min-width:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-header__right{flex-shrink:0;gap:10px}}@media(max-width:480px){.workspace-header{padding:0 10px}.workspace-header__actions{gap:6px}.workspace-header__members:not(.workspace-header__members--clickable){display:none}}.workspace-header__title-button{display:flex;align-items:center;min-width:0;max-width:calc(100% + 6px);padding:2px 6px;margin:0 0 0 -6px;border:none;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}.workspace-header__title-button:hover{background:var(--hover-bg)}.workspace-header__title-button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.workspace-header__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-header__title-button .workspace-header__title-text{min-width:0}.ad-settings-modal{display:flex;flex-direction:column;gap:16px;padding:4px 0;color:var(--text-primary)}.ad-settings-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:4px}.ad-settings-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 0;color:var(--text-secondary)}.ad-settings-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:500}.ad-settings-alert--success{background:var(--brand-light, rgba(34, 197, 94, .15));border:1px solid var(--brand-accent, #10b981);color:var(--brand-primary, #22c55e)}.ad-settings-alert--error{background:var(--danger-light, rgba(239, 68, 68, .15));border:1px solid var(--danger-secondary, #ef4444);color:var(--danger-primary, #ef4444)}.ad-settings-field{display:flex;flex-direction:column;gap:6px}.ad-settings-field label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ad-settings-field input{width:100%;height:2.75rem;padding:0 12px;border-radius:8px;border:1.5px solid var(--border-primary, var(--input-border, #d1d5db));background:var(--input-bg, var(--bg-primary, #ffffff));color:var(--text-primary, #111827);font-size:.9rem;font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;font-family:inherit}.ad-settings-field input::placeholder{color:var(--text-muted, #9ca3af);opacity:.7}.ad-settings-field input:focus{border-color:var(--border-focus, var(--brand-primary, #10b981));box-shadow:0 0 0 3.5px #10b9812e}.ad-settings-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-primary, #e5e7eb)}.btn-ad-test,.btn-ad-save{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.btn-ad-test{background:var(--brand-light, #E0F2E9);color:var(--brand-primary, #0f4223);border:1.5px solid var(--brand-primary, #0f4223);outline:none}.btn-ad-test:hover:not(:disabled){background:var(--brand-primary, #0f4223);color:#fff;border-color:var(--brand-primary, #0f4223);transform:translateY(-1px);box-shadow:0 4px 12px #0f42232e}.btn-ad-test:focus,.btn-ad-test:focus-visible{outline:none;border-color:var(--brand-primary, #0f4223);box-shadow:0 0 0 3px #10b98133}.btn-ad-save{background:var(--brand-primary, #0f4223);color:var(--text-inverse, #ffffff);border:1.5px solid var(--brand-primary, #0f4223);outline:none}.btn-ad-save:hover:not(:disabled){background:var(--brand-secondary, #01411c);color:#fff;border-color:var(--brand-primary, #0f4223);filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0f42232e}.btn-ad-save:focus,.btn-ad-save:focus-visible{outline:none;border-color:var(--brand-primary, #0f4223);box-shadow:0 0 0 3px #10b98133}.btn-ad-test:disabled,.btn-ad-save:disabled{opacity:.55;cursor:not-allowed;transform:none}.workspace-members-panel{display:flex;flex-direction:column}.workspace-members-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:16px}.workspace-members-panel__loading .spinner{width:36px;height:36px;border:3px solid var(--border-primary, #f3f3f3);border-top:3px solid var(--brand-primary, #0f4223);border-radius:50%;animation:spin 1s linear infinite}.workspace-members-panel__loading p{color:var(--text-secondary);font-size:15px;font-weight:500}.workspace-members-panel__empty{text-align:center;padding:48px 20px;color:var(--text-secondary);font-size:15px}.workspace-members-panel__count{font-size:14px;font-weight:600;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid var(--border-primary);margin-bottom:16px}.workspace-members-panel__list{display:flex;flex-direction:column;gap:12px}.member-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:8px;background-color:var(--bg-primary);transition:all .2s ease-in-out;position:relative;border:1px solid var(--border-primary);box-shadow:0 1px 3px #00000005}.member-item:hover{background-color:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:0 4px 6px #0000000a;transform:translateY(-1px)}.member-item__avatar{font-size:32px;display:flex;align-items:center;justify-content:center}.member-role-icon{color:var(--text-muted)}.member-role-icon.owner{color:#f59e0b}.member-role-icon.admin{color:var(--brand-primary)}.member-role-icon.member{color:var(--text-muted)}.member-item__info-clickable{flex:1;min-width:0;padding:4px;border-radius:6px;transition:all .2s;cursor:pointer}.member-item__info-clickable:focus{outline:2px solid var(--brand-primary, #0f4223);outline-offset:2px}.member-item__info-clickable:active{transform:scale(.98)}.member-item__name{font-weight:600;font-size:15px;color:var(--text-primary);display:flex;align-items:center;gap:8px;flex:1;min-width:0}.member-item__owner-label{font-size:12px;font-weight:400;color:var(--text-muted)}.member-item__details{display:flex;flex-direction:column;gap:2px}.member-item__email{font-size:12px;color:var(--text-secondary);margin-top:2px}.member-item__username{font-size:12px;color:var(--text-muted)}.member-item__role{margin-left:auto}.member-role-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.member-role-badge.owner{background-color:#f59e0b26;color:#92400e}[data-theme=dark] .member-role-badge.owner{color:#fbbf24}.member-role-badge.admin{background-color:var(--brand-light, #E0F2E9);color:var(--brand-primary, #01411C)}.member-role-badge.member{background-color:var(--bg-secondary);color:var(--text-secondary)}.member-item__actions-inline{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.action-btn{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;font-size:18px}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn--promote{color:var(--brand-primary)}.action-btn--promote:hover:not(:disabled){background-color:var(--brand-light, #E0F2E9);transform:scale(1.1)}.action-btn--demote{color:#f59e0b}.action-btn--demote:hover:not(:disabled){background-color:#f59e0b26;transform:scale(1.1)}.action-btn--delete{color:var(--danger-primary)}.action-btn--delete:hover:not(:disabled){background-color:var(--danger-light);transform:scale(1.1)}.member-actions-dropdown__item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-primary);transition:background-color .2s}.member-actions-dropdown__item:hover:not(:disabled){background-color:var(--hover-bg)}.member-actions-dropdown__item:disabled{opacity:.5;cursor:not-allowed}.member-actions-dropdown__item--danger{color:var(--danger-primary)}.member-actions-dropdown__item--danger:hover:not(:disabled){background-color:var(--danger-light)}.member-actions-dropdown__item svg{font-size:14px}@media(max-width:768px){.member-item{padding:10px}.member-item__avatar{font-size:28px}.member-item__name{font-size:14px}.member-item__email{font-size:12px}.member-role-badge{font-size:11px;padding:3px 10px}}.wm-import-toolbar{display:flex;gap:8px;margin-bottom:14px}.wm-import-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid transparent;outline:none;transition:background .18s,transform .12s,box-shadow .18s,border-color .18s;white-space:nowrap}.wm-import-btn--ad,.wm-import-btn--csv{background:var(--brand-light, #E0F2E9);color:var(--brand-primary, #01411C);border-color:var(--brand-primary, #01411C);outline:none}.wm-import-btn--ad:hover:not(:disabled),.wm-import-btn--csv:hover:not(.wm-import-btn--disabled){background:var(--brand-primary, #01411C);color:#fff;border-color:var(--brand-primary, #01411C);transform:translateY(-1px);box-shadow:0 4px 12px #01411c2e}.wm-import-btn--ad:focus,.wm-import-btn--ad:focus-visible,.wm-import-btn--csv:focus,.wm-import-btn--csv:focus-visible{outline:none;border-color:var(--brand-primary, #01411C);box-shadow:0 0 0 3px #10b98133}.wm-import-btn:disabled,.wm-import-btn--disabled{opacity:.5;cursor:not-allowed;transform:none!important}@keyframes wm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wm-spin{animation:wm-spin .9s linear infinite}.wm-import-status{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:10px;margin-bottom:12px;font-size:13px}.wm-import-status--loading{background:#0ea5e91a;border:1px solid rgba(14,165,233,.35);color:#0369a1;flex-direction:row;align-items:center;gap:10px}.wm-spinner-sm{width:18px;height:18px;border:2px solid rgba(14,165,233,.35);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.wm-import-status--error{background:var(--danger-light);border:1px solid rgba(239,68,68,.35);color:var(--danger-primary);flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px}.wm-import-status--done{background:var(--brand-light);border:1px solid rgba(34,197,94,.35);color:#15803d}[data-theme=dark] .wm-import-status--loading{color:#7dd3fc}[data-theme=dark] .wm-import-status--done{color:var(--brand-accent)}.wm-import-result-summary{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:6px}.wm-import-result-counts{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px}.wm-import-errors{color:var(--danger-primary)}.wm-import-msg-content{display:inline-flex;align-items:center;gap:8px;flex:1}.wm-alert-icon{font-size:.95rem;flex-shrink:0}.wm-import-dismiss{background:none;border:none;cursor:pointer;padding:4px;font-size:13px;color:inherit;opacity:.6;border-radius:4px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s,background-color .2s}.wm-import-dismiss:hover{opacity:1;background:var(--hover-bg)}.wm-import-error-list{margin-top:8px;font-size:12px;color:var(--text-secondary)}.wm-import-error-list summary{cursor:pointer;font-weight:600;color:var(--danger-primary);margin-bottom:6px}.wm-import-error-row{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid var(--border-primary);align-items:flex-start;flex-wrap:wrap}.wm-import-error-row-num{font-weight:600;color:var(--text-muted);min-width:48px}.wm-import-error-email{font-family:monospace;color:var(--text-primary);min-width:160px}.wm-import-error-msg{color:var(--danger-primary);flex:1}@media(max-width:480px){.wm-import-toolbar{flex-wrap:wrap}.wm-import-error-email{min-width:0}}.home-page{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);animation:pageSlideIn .32s cubic-bezier(.22,1,.36,1) both}.home-page__content{flex:1;padding:28px 32px;overflow-y:auto}.home-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-muted);font-size:14px}.spinner.small{width:20px;height:20px;border-width:2px}.home-page__title{font-size:24px;font-weight:800;margin-bottom:6px;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}.home-page__subtitle{font-size:14px;color:var(--text-muted);margin-bottom:24px;line-height:1.6;font-weight:400}.home-page__subtitle strong{color:var(--brand-primary);font-weight:700}.workspace-info{display:flex;gap:0;margin-bottom:28px;background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border-primary);overflow:hidden;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s ease}.workspace-info:hover{box-shadow:0 4px 16px #00000014}.workspace-info__item{display:flex;flex-direction:column;gap:4px;padding:18px 24px;flex:1;border-right:1px solid var(--border-primary);transition:background .15s ease}.workspace-info__item:last-child{border-right:none}.workspace-info__item:hover{background:var(--bg-tertiary)}.workspace-info__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.workspace-info__value{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.workspace-info__sub{font-size:12px;color:var(--text-muted)}.workspace-info__value.role{font-size:12px;font-weight:700;text-transform:capitalize;color:var(--brand-primary);background:var(--brand-light);padding:4px 12px;border-radius:20px;width:fit-content;letter-spacing:0}.home-page__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:860px}.home-page__card{padding:22px;border:1px solid var(--border-primary);border-radius:14px;background:var(--bg-secondary);cursor:pointer;display:block;width:100%;text-align:left;font:inherit;color:inherit;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),border-color .2s ease;position:relative;overflow:hidden}.home-page__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));opacity:0;transition:opacity .2s ease}.home-page__card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -6px #0000001a,0 4px 10px -4px #0000000f;border-color:var(--brand-primary)}.home-page__card:hover:before{opacity:1}.home-page__card:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.home-page__card:active{transform:translateY(-1px)}.home-page__card h3{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--text-primary);letter-spacing:-.01em}.home-page__card p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.home-page__card-icon,.icon-users,.icon-channels,.icon-settings,.icon-workspace,.icon-check{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);margin-bottom:14px;box-shadow:0 4px 12px -2px #0f42234d;transition:transform .2s ease,box-shadow .2s ease}.home-page__card:hover .home-page__card-icon,.home-page__card:hover .icon-users,.home-page__card:hover .icon-channels,.home-page__card:hover .icon-settings{transform:scale(1.06);box-shadow:0 6px 16px -2px #0f422366}.icon-users:before,.icon-channels:before,.icon-settings:before,.icon-workspace:before,.icon-check:before{content:"";position:absolute;background-color:#fff}.icon-users:before{width:22px;height:22px;border-radius:50%;box-shadow:-7px 0 0 -3px #fff,7px 0 0 -3px #fff}.icon-users:after{content:"";position:absolute;bottom:9px;width:26px;height:11px;background:#fff;border-radius:11px 11px 0 0}.icon-channels:before{content:"#";position:static;font-size:24px;font-weight:900;color:#fff;background:none}.icon-settings:before{content:"⚙";position:static;font-size:24px;color:#fff;background:none}.icon-workspace:before{content:"";width:18px;height:22px;background:#fff;border-radius:2px 2px 0 0}.icon-check{width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-bottom:0}.icon-check:before{content:"✓";position:static;font-size:14px;font-weight:700;color:#fff;background:none}.no-workspace{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.create-workspace-btn{margin-top:1.25rem;padding:11px 28px;background:var(--brand-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 4px 12px -2px #0f42234d}.create-workspace-btn:hover{background:#0a3119;transform:translateY(-2px);box-shadow:0 8px 20px -4px #0f422366}.create-workspace-btn:active{transform:translateY(0)}.create-workspace-btn.secondary{background:var(--bg-primary);color:var(--brand-primary);border:1.5px solid var(--brand-primary);box-shadow:none}.create-workspace-btn.secondary:hover{background:var(--brand-light);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0f422326}.workspace-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:580px;margin:20px 0}.workspace-list__item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease}.workspace-list__item:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 8px 20px -4px #00000014}.workspace-list__icon{width:44px;height:44px;flex-shrink:0}.workspace-list__info{flex:1;text-align:left}.workspace-list__info h3{font-size:16px;font-weight:700;margin:0 0 5px;color:var(--text-primary);letter-spacing:-.01em}.workspace-list__info p{font-size:13px;color:var(--text-muted);margin:0 0 6px}.workspace-list__role{display:inline-block;font-size:11px;font-weight:700;text-transform:capitalize;letter-spacing:.03em;padding:3px 10px;background:var(--brand-light);color:var(--brand-primary);border-radius:20px}.first-time-hero{max-width:580px;margin:0 auto;padding:52px 40px;text-align:center;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-primary);box-shadow:0 8px 32px -8px #0f422314;animation:heroEnter .4s cubic-bezier(.22,1,.36,1) both}@keyframes heroEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.first-time-hero__icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);border-radius:22px;position:relative;box-shadow:0 12px 32px -8px #0f422373;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.first-time-hero__icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#fffffff2;border-radius:10px;box-shadow:inset 6px 6px #0f4223b3,inset 12px 6px #fff,inset 18px 6px #0f4223b3,inset 24px 6px #fff,inset 6px 16px #0f4223b3,inset 12px 16px #fff,inset 18px 16px #0f4223b3,inset 24px 16px #fff,inset 6px 26px #0f4223b3,inset 12px 26px #fff,inset 18px 26px #0f4223b3,inset 24px 26px #fff}.first-time-hero__title{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:12px;line-height:1.2;letter-spacing:-.03em}.first-time-hero__description{font-size:15px;color:var(--text-muted);line-height:1.7;margin-bottom:32px;max-width:440px;margin-left:auto;margin-right:auto}.first-time-hero__features{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;max-width:380px;margin-left:auto;margin-right:auto}.home-page__feature-item{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--bg-primary);border-radius:10px;text-align:left;border:1px solid var(--border-primary);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease}.home-page__feature-item:hover{transform:translate(6px);box-shadow:0 4px 12px -3px #00000014;border-color:var(--brand-primary)}.home-page__feature-item span{font-size:14px;font-weight:600;color:var(--text-primary)}.home-page__primary-button{padding:14px 40px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease;box-shadow:0 6px 20px -4px #0f422373;display:inline-flex;align-items:center;gap:10px;letter-spacing:-.01em}.home-page__primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px -4px #0f42238c}.home-page__primary-button:active{transform:translateY(0);box-shadow:0 4px 12px -4px #0f422366}.home-page__button-icon:before{content:"+";font-size:20px;font-weight:700}@media(max-width:768px){.home-page__content{padding:20px}.home-page__cards{grid-template-columns:1fr;gap:12px}.workspace-info{flex-direction:column}.workspace-info__item{border-right:none;border-bottom:1px solid var(--border-primary)}.workspace-info__item:last-child{border-bottom:none}.first-time-hero{padding:36px 20px}.first-time-hero__title{font-size:22px}.first-time-hero__description{font-size:14px}.home-page__primary-button{padding:12px 28px;font-size:14px}}@media(max-width:480px){.home-page__content{padding:14px 12px}.no-workspace{padding:1.5rem 1rem}.first-time-hero{padding:28px 16px}}.notification-list{display:flex;flex-direction:column;max-height:500px}.notification-list__header{padding:16px;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.notification-list__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.mark-all-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.mark-all-btn:hover{color:var(--brand-primary);background:var(--brand-light)}.notification-list__content{overflow-y:auto;flex:1}.notification-list__empty{padding:40px 20px;text-align:center;color:var(--text-muted)}.notification-list__empty p{margin-top:12px;font-size:.9rem}.notification-item{padding:8px 12px;display:flex;gap:12px;cursor:pointer;transition:background .2s;position:relative;border-radius:8px;margin:2px 8px;background:var(--bg-primary)}.notification-item:hover{background:var(--hover-bg)}.notification-item__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));color:var(--text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.2px;overflow:hidden;position:relative}.notification-item__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.notification-item__avatar-initials{font-size:13px;font-weight:700;color:var(--text-inverse)}.notification-item__type-circle{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.notification-item__type-circle svg{color:var(--brand-primary)}.notification-item__body{flex:1;min-width:0;overflow:hidden}.notification-item__workspace{align-self:flex-start;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;max-width:180px;margin-top:1px;padding:3px 10px 3px 3px;border-radius:999px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1}.notification-item__workspace-avatar{width:18px;height:18px;border-radius:5px;object-fit:cover;flex-shrink:0}.notification-item__workspace-avatar--initials{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));color:var(--text-inverse);font-size:9px;font-weight:700;letter-spacing:.02em}.notification-item__workspace-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-list--dropdown .notification-item__workspace{padding:3px}.notification-list--dropdown .notification-item__workspace-name{display:none}@media(max-width:480px){.notification-item__workspace{padding:3px}.notification-item__workspace-name{display:none}}.notification-item__message{margin:0;font-size:.875rem;color:var(--text-primary);line-height:1.4;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.notification-item__name{font-weight:700;color:var(--text-primary);margin-right:4px}.notification-item__title-text{font-weight:400}.notification-item__unread-dot{width:8px;height:8px;border-radius:50%;background-color:var(--brand-accent);flex-shrink:0;margin-left:4px}.notification-item__text{margin:2px 0 0;font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notification-item__time{display:block;margin-top:2px;font-size:.75rem;color:var(--text-muted)}.notification-list--page{max-height:none;height:100%;background:transparent}.notification-list--page .notification-item{padding:10px 16px;margin:0;border-radius:0;background:transparent;border:none;border-bottom:1px solid var(--border-primary)}.notification-list--page .notification-item:last-child{border-bottom:none}.notification-list--page .notification-item:hover{background:var(--hover-bg)}.notification-list--page .notification-item__title-text{font-size:14px;color:var(--text-primary)}.notification-list--page .notification-item__text{color:var(--text-secondary)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-item{animation:slideIn .3s ease-out backwards}.notification-item:nth-child(1){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}.notification-list__load-more{padding:12px 16px}.notification-item__text--full{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}.activity-page{display:flex;flex-direction:column;height:100%}.activity-page__content{flex:1;padding:0;overflow-y:auto}.activity-page__title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.activity-page__subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:40px}.activity-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);margin-top:64px}.activity-page__empty-icon{font-size:64px;margin-bottom:24px}.activity-page__empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.activity-page__empty-state p{font-size:15px;max-width:400px}.pinned-messages-overlay{position:fixed;inset:50px 0 0;background:#0000004d;z-index:1999;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pinned-messages-panel{position:fixed;top:50px;right:0;width:380px;height:calc(100vh - 50px);height:calc(100dvh - 50px);background:var(--bg-primary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid var(--border-primary);box-shadow:-10px 0 30px #0000001a;z-index:2000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.pinned-messages-panel--open{transform:translate(0)}.pinned-messages-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#01411c,#064420);color:var(--text-inverse);flex-shrink:0;position:relative;overflow:hidden}.pinned-messages-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.pinned-messages-header__title{display:flex;align-items:center;gap:.75rem;z-index:1}.pinned-messages-icon{font-size:18px;color:var(--text-inverse)}.pinned-messages-title{font-size:16px;font-weight:700;color:var(--text-inverse);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.pinned-messages-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;color:var(--text-inverse);font-size:18px;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;z-index:1}.pinned-messages-close:hover{background:#fff3;transform:rotate(90deg);box-shadow:0 4px 12px #0003}.pinned-messages-channel{padding:.875rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.pinned-messages-channel__name{font-size:13px;font-weight:600;color:var(--brand-primary)}.pinned-messages-content{flex:1;overflow-y:auto;padding:1rem 1.25rem}.pinned-messages-list{display:flex;flex-direction:column;gap:1rem}.pinned-message-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005;cursor:pointer}.pinned-message-item:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px);border-color:var(--brand-primary)}.pinned-message-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.pinned-message-author{display:flex;align-items:center;gap:.75rem;flex:1}.author-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#01411c,#064420);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:2px;min-width:0}.author-name{font-size:14px;font-weight:700;color:var(--text-primary)}.message-time{font-size:11px;color:var(--text-muted)}.unpin-button{background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:14px;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;opacity:0;position:relative;z-index:1}.pinned-message-item:hover .unpin-button{opacity:1}.unpin-button:hover{background:var(--danger-light);color:var(--danger-primary)}.pinned-message-content{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;cursor:pointer;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.pinned-message-content:hover{color:var(--text-primary)}.pinned-message-footer{display:flex;align-items:center;gap:6px;padding-top:.75rem;border-top:1px solid var(--border-primary)}.footer-icon{font-size:12px;color:var(--brand-primary);flex-shrink:0;transform:rotate(-45deg);display:flex;align-items:center;line-height:0}.footer-text{font-size:11px;color:var(--text-muted);font-style:italic;line-height:1.4}.pinned-messages-empty,.pinned-messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;height:100%}.pinned-messages-content::-webkit-scrollbar{width:6px}.pinned-messages-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.pinned-messages-content::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.message-item--highlight{animation:highlight 2.4s ease-in-out}@media(max-width:480px){.pinned-messages-panel{width:100%}}@media(max-width:768px){.pinned-messages-close{min-width:40px;min-height:40px}}.media-viewer-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.media-viewer-modal{width:min(1100px,100%);height:min(760px,100%);display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 24px 80px #0000004d}.media-viewer-overlay--fullscreen{padding:0}.media-viewer-overlay--fullscreen .media-viewer-modal{width:100%;height:100%;border-radius:0;border:none;box-shadow:none;background:#000}.media-viewer-overlay--fullscreen .media-viewer-header{background:#111111d9;border-bottom:1px solid rgba(255,255,255,.06)}.media-viewer-header{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb;z-index:10;box-sizing:border-box}.media-viewer-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.media-viewer-avatar{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#374151;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;overflow:hidden}.media-viewer-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.media-viewer-avatar-initials{font-size:12px;font-weight:600;color:#374151}.media-viewer-meta{display:flex;flex-direction:column;min-width:0;gap:2px;line-height:1.25}.media-viewer-sender-name{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-viewer-meta-line{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-viewer-header-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.media-viewer-header-btn{background:transparent;border:none;color:#4b5563;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;transition:all .15s;padding:0}.media-viewer-header-btn:hover{background:#0000000f;color:#111827}.media-viewer-viewport{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.media-viewer-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transform-origin:center center;transition:transform .1s ease-out}.media-viewer-audio-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.media-viewer-audio-card{width:min(460px,100%);display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 24px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.media-viewer-audio-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:#22c55e}.media-viewer-audio-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:15px;font-weight:600}.media-viewer-audio-card>:last-child{width:100%}.media-viewer-audio-element{width:100%}.media-viewer-video-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.media-viewer-video-element{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;background:#000}.media-viewer-viewport--fullscreen .media-viewer-video-element{width:100%;height:100%;object-fit:contain}.media-viewer-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-left:4px}.media-viewer-center-play:hover{background:#22c55ecc;transform:translate(-50%,-50%) scale(1.1)}.media-viewer-video-controls-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:40px 4% 20px;display:flex;flex-direction:column;z-index:11;transition:opacity .2s}.media-viewer-video-controls-bar--hidden{opacity:0;pointer-events:none}.media-viewer-overlay--fullscreen.media-viewer-overlay--idle{cursor:none}.media-viewer-scrubber-row{width:100%;margin-bottom:12px;display:flex;align-items:center}.media-viewer-scrubber-input{width:100%;height:6px;background:#ffffff40;appearance:none;border-radius:3px;outline:none;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1)}.media-viewer-scrubber-input:hover{transform:scaleY(1.3)}.media-viewer-scrubber-input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #00000080;transition:transform .1s,background .1s}.media-viewer-scrubber-input::-webkit-slider-thumb:hover{transform:scale(1.3);background:#22c55e}.media-viewer-controls-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.media-viewer-controls-group-left,.media-viewer-controls-group-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.media-viewer-playback-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;opacity:.85;transition:all .2s cubic-bezier(.16,1,.3,1);border-radius:8px;padding:0}.media-viewer-playback-btn:hover{opacity:1;color:#fff;background:#ffffff1a;transform:scale(1.1)}.media-viewer-playback-time{color:#e5e7eb;font-size:13px;font-family:Inter,sans-serif;letter-spacing:.5px;white-space:nowrap}.media-viewer-image-toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:12px;z-index:12;max-width:calc(100% - 32px);flex-wrap:wrap;justify-content:center}.media-viewer-toolbar-btn{background:none;border:none;color:#374151;padding:0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .15s;width:32px;height:32px}.media-viewer-toolbar-btn:hover{background:#0000000f;color:#111827}.media-viewer-zoom-slider-container{width:100px;margin:0 8px;display:flex;align-items:center}.media-viewer-zoom-slider{width:100%;height:4px;background:#0003;appearance:none;border-radius:2px;outline:none}.media-viewer-zoom-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#22c55e;border-radius:50%;cursor:pointer;border:2px solid #fff}[data-theme=dark] .media-viewer-overlay{background:#000c}[data-theme=dark] .media-viewer-modal{background:#111;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px #0009}[data-theme=dark] .media-viewer-header{background:#111111d9;border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=dark] .media-viewer-avatar{background:#1f2937;color:#e5e7eb}[data-theme=dark] .media-viewer-avatar-initials{color:#e5e7eb}[data-theme=dark] .media-viewer-sender-name{color:#fff}[data-theme=dark] .media-viewer-meta-line{color:#9ca3af}[data-theme=dark] .media-viewer-header-btn{color:#d1d5db}[data-theme=dark] .media-viewer-header-btn:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .media-viewer-image-toolbar{background:#171717e6;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .media-viewer-toolbar-btn{color:#d1d5db}[data-theme=dark] .media-viewer-toolbar-btn:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .media-viewer-zoom-slider{background:#fff3}@media(max-width:640px){.media-viewer-overlay{padding:8px}.media-viewer-modal{height:min(95vh,100%);border-radius:12px}.media-viewer-header{height:48px;padding:0 8px 0 12px}.media-viewer-header-btn{width:32px;height:32px;font-size:16px}.media-viewer-image-toolbar{bottom:12px;padding:4px;gap:2px;max-width:calc(100% - 16px)}.media-viewer-zoom-slider-container{width:70px;margin:0 4px}.media-viewer-toolbar-btn{width:28px;height:28px;font-size:16px}.media-viewer-video-controls-bar{padding:32px 4% 14px}.media-viewer-controls-group-left,.media-viewer-controls-group-right{gap:8px}.media-viewer-playback-btn{width:32px;height:32px;font-size:16px}.media-viewer-center-play{width:56px;height:56px}.media-viewer-meta-line{max-width:100%}}@media(max-width:480px){.media-viewer-overlay{padding:0}.media-viewer-modal{height:100%;border-radius:0;border:none}}.files-panel-overlay{position:fixed;inset:50px 0 0;background:#0000004d;z-index:1999;animation:filesPanelFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes filesPanelFadeIn{0%{opacity:0}to{opacity:1}}.files-panel{position:fixed;top:50px;right:0;width:380px;height:calc(100vh - 50px);height:calc(100dvh - 50px);background:var(--bg-primary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid var(--border-primary);box-shadow:-10px 0 30px #0000001a;z-index:2000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.files-panel--open{transform:translate(0)}.files-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#01411c,#064420);color:var(--text-inverse);flex-shrink:0;position:relative;overflow:hidden}.files-panel-header__title{display:flex;align-items:center;gap:.75rem;z-index:1}.files-panel-icon{font-size:18px;color:var(--text-inverse)}.files-panel-title{font-size:16px;font-weight:700;color:var(--text-inverse);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.files-panel-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;color:var(--text-inverse);font-size:18px;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;z-index:1}.files-panel-close:hover{background:#fff3;transform:rotate(90deg);box-shadow:0 4px 12px #0003}.files-panel-channel{padding:.875rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.files-panel-channel__name{font-size:13px;font-weight:600;color:var(--brand-primary)}.files-panel-content{flex:1;overflow-y:auto;padding:1rem 1.25rem}.files-panel-list{display:flex;flex-direction:column;gap:.5rem}.file-panel-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;padding:.75rem;cursor:pointer;transition:all .2s ease}.file-panel-item:hover{box-shadow:0 4px 12px #0000000f;border-color:var(--brand-primary)}.file-panel-item__icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.3px;color:#fff;flex-shrink:0;background:#6b7280}.file-panel-item__icon--pdf{background:#dc2626}.file-panel-item__icon--word{background:#2563eb}.file-panel-item__icon--excel{background:#16a34a}.file-panel-item__icon--powerpoint{background:#ea580c}.file-panel-item__icon--video{background:#7c3aed}.file-panel-item__icon--audio{background:#db2777}.file-panel-item__icon--image{background:#0891b2}.file-panel-item__icon--archive{background:#92400e}.file-panel-item__icon--text{background:#4b5563}.file-panel-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-panel-item__name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-panel-item__meta{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-panel-item__jump{background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:14px;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;flex-shrink:0}.file-panel-item__jump:hover{background:var(--brand-light, #E0F2E9);color:var(--brand-primary)}.files-panel-load-more{width:100%;margin-top:.75rem;padding:.6rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s}.files-panel-load-more:hover:not(:disabled){background:var(--hover-bg)}.files-panel-load-more:disabled{opacity:.6;cursor:not-allowed}.files-panel-empty,.files-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;height:100%}.empty-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:28px;color:var(--text-muted)}.files-panel-content::-webkit-scrollbar{width:6px}.files-panel-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.files-panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}@media(max-width:480px){.files-panel{width:100%}}@media(max-width:768px){.files-panel-close{min-width:40px;min-height:40px}}.channel-header{height:55px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-primary);background-color:var(--bg-secondary);flex-shrink:0}.channel-header__left{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.channel-header__menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:18px;padding:4px}.channel-header__title{font-size:18px;font-weight:800;color:var(--brand-primary);margin:0;display:flex;align-items:center;min-width:0}.channel-header__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-header__privacy-badge{margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#7c2d12;background:#ffedd5;text-transform:lowercase}.channel-header__hash{color:var(--text-muted);margin-right:6px;font-weight:500}.channel-header__star-btn{background:none;border:none;cursor:pointer;color:#d1d5db;font-size:16px;display:flex;align-items:center;padding:6px;border-radius:4px;transition:all .15s ease;margin-left:4px}.channel-header__star-btn:hover{background-color:var(--hover-bg);color:#f59e0b}.channel-header__right{display:flex;align-items:center;gap:16px;flex-shrink:0}.channel-header__member-preview{display:flex;align-items:center;gap:8px;min-width:0;max-width:420px}.channel-header__member-avatars{display:flex;align-items:center;flex-shrink:0}.channel-header__member-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#01411c,#10b981);color:var(--text-inverse);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #FFFFFF;margin-left:-6px}.channel-header__member-avatar:first-child{margin-left:0}.channel-header__member-chips{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.channel-header__member-role{font-size:11px;line-height:1;padding:4px 8px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.channel-header__member-role--owner{background:#fef3c7;color:#92400e}.channel-header__member-role--admin{background:#dbeafe;color:#1e40af}.channel-header__member-role--member{background:#f3f4f6;color:var(--text-secondary)}.channel-header__member-role--more{background:#ecfeff;color:#155e75}.channel-header__members{display:flex;align-items:center;gap:6px;color:var(--text-secondary);background:none;border:1px solid var(--border-primary);cursor:pointer;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;transition:all .15s ease}.channel-header__members:hover{background-color:var(--hover-bg);color:var(--brand-primary);border-color:var(--border-primary)}.channel-header__actions{display:flex;align-items:center;gap:12px}.channel-header__settings{position:relative}.channel-header__settings-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:40;padding:6px}.channel-header__settings-item{width:100%;border:none;background:transparent;color:var(--text-primary);padding:8px 10px;border-radius:6px;text-align:left;font-size:14px;cursor:pointer}.channel-header__settings-item:hover:not(:disabled){background:var(--hover-bg)}.channel-header__settings-item:disabled{opacity:.65;cursor:not-allowed}.channel-header__settings-item--danger{color:var(--danger-primary)}.channel-header__settings-item--danger:hover:not(:disabled){background:var(--danger-light)}.channel-header__manage-members-btn{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--brand-primary);font-size:13px;font-weight:600;border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .15s ease}.channel-header__manage-members-btn:hover{background:#f0fdf4;border-color:#86efac}.channel-header__actions>button,.channel-header__settings>button{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:18px;display:flex;align-items:center;padding:8px;border-radius:6px;transition:all .15s ease}.channel-header__actions>button:hover,.channel-header__settings>button:hover{color:var(--brand-primary);background-color:var(--hover-bg)}.channel-header__call-btn--active{background-color:var(--brand-primary)!important;color:var(--text-inverse)!important;padding:6px 14px!important;gap:8px;border-radius:999px!important;box-shadow:0 4px 12px #10b9814d;animation:pulse-green 2s infinite}.channel-header__call-btn--active:hover{background-color:#059669!important;box-shadow:0 6px 16px #10b98166}.channel-header__call-status{font-size:13px;font-weight:700;white-space:nowrap}@keyframes pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@media(max-width:768px){.channel-header__menu-btn{display:flex}.channel-header{padding:0 16px}.channel-header__actions{gap:8px}.channel-header__manage-members-btn,.channel-header__member-preview{display:none}.channel-header__secondary{display:none!important}.channel-header__left{flex:1;min-width:0}.channel-header__title{display:block;min-width:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-header__right{flex-shrink:0;gap:8px}.channel-header__members{padding:6px 10px}}@media(max-width:480px){.channel-header{padding:0 10px}.channel-header__actions{gap:2px}.channel-header__privacy-badge{margin-left:6px;padding:1px 6px;font-size:10px}.channel-header__call-btn--active{padding:6px 10px!important}}.channel-header__title-button{display:flex;align-items:center;min-width:0;max-width:calc(100% + 6px);padding:2px 6px;margin:0 0 0 -6px;border:none;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}.channel-header__title-button:hover{background:var(--hover-bg)}.channel-header__title-button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.channel-header__title-button .channel-header__name{min-width:0}.mention-autocomplete{position:absolute;z-index:100;background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;box-shadow:0 6px 20px #0000001f,0 2px 6px #0000000f;max-height:232px;overflow-y:auto;overflow-x:hidden;min-width:320px;max-width:400px;width:max-content;padding:6px;font-family:Twemoji Country Flags,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:mentionFadeIn .1s ease-out}@keyframes mentionFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.mention-autocomplete__header{padding:4px 10px 8px;font-size:10px;font-weight:700;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.06em}.mention-autocomplete__empty{padding:14px 12px;font-size:12px;color:var(--text-muted, #94a3b8);text-align:center}.mention-autocomplete__item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .08s ease,color .08s ease;min-height:32px}.mention-autocomplete__item:hover{background:var(--hover-bg, #f1f5f9)}.mention-autocomplete__item--selected{background:var(--brand-primary, #01411c)!important;color:#fff}.mention-autocomplete__item--selected .mention-autocomplete__name,.mention-autocomplete__item--selected .mention-autocomplete__id{color:#fff}.mention-autocomplete__avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#01411c,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;overflow:hidden}.mention-autocomplete__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.mention-autocomplete__info{display:flex;align-items:baseline;gap:6px;min-width:0;overflow:hidden;flex:1}.mention-autocomplete__name{font-size:13px;font-weight:600;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.mention-autocomplete__id{font-size:12px;color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;font-weight:400}.mention-autocomplete::-webkit-scrollbar{width:4px}.mention-autocomplete::-webkit-scrollbar-track{background:transparent;margin:4px 0}.mention-autocomplete::-webkit-scrollbar-thumb{background:var(--border-primary, #e2e8f0);border-radius:100px}.mention-autocomplete::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #cbd5e1)}@media(max-width:640px){.mention-autocomplete{min-width:160px;max-width:240px;max-height:200px}}.message-input-container{background-color:var(--bg-primary);padding:12px 14px 16px;z-index:50}.message-input-box{border:1px solid var(--border-primary);border-radius:8px;background-color:var(--bg-primary);display:flex;flex-direction:column;box-shadow:0 2px 8px #00000014;overflow:visible}.message-input-textarea{min-height:50px;max-height:150px;padding:10px 12px;font-size:14px;line-height:1.4;border:none;resize:none;outline:none;font-family:inherit;width:100%;box-sizing:border-box;color:var(--text-primary);background-color:var(--bg-primary);overflow-y:auto}.message-input-textarea:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;position:absolute}.message-input-textarea strong,.message-input-textarea b{font-weight:700}.message-input-textarea em,.message-input-textarea i{font-style:italic}.message-input-textarea u{text-decoration:underline}.message-input-textarea s,.message-input-textarea strike{text-decoration:line-through}.message-input-textarea code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 4px;border-radius:3px;font-family:monospace;font-size:.9em}.message-input-textarea blockquote{border-left:3px solid #01411C;padding-left:12px;margin:8px 0;color:var(--text-secondary);font-style:italic}.message-input-textarea a{color:var(--brand-primary);text-decoration:underline}.message-input-textarea ul,.message-input-textarea ol{margin:8px 0;padding-left:24px}.message-input-toolbar-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.22,1,.36,1)}.message-input-toolbar-wrap--open{grid-template-rows:1fr}.message-input-toolbar-clip{min-height:0;overflow:hidden}.message-input-toolbar-wrap .message-input-toolbar{opacity:0;transform:translateY(10px);transition:opacity .16s ease,transform .22s cubic-bezier(.22,1,.36,1)}.message-input-toolbar-wrap--open .message-input-toolbar{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.message-input-toolbar-wrap,.message-input-toolbar-wrap .message-input-toolbar{transition:none}}.message-input-format-toggle__label{font-size:13px;font-weight:700;letter-spacing:-.02em;line-height:1}.message-input-toolbar{min-height:38px;padding:6px 8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border-primary);background-color:var(--bg-primary)}.message-input-toolbar button{background:none;border:none;color:var(--text-secondary);cursor:pointer;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:15px;transition:all .15s ease;padding:3px}.message-input-toolbar button:hover{background-color:var(--bg-secondary);color:var(--brand-primary)}.message-input-toolbar button.active{background-color:var(--brand-light);color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--brand-primary)}.message-input-toolbar button.active:hover{background-color:var(--brand-light)}[data-theme=dark] .message-input-toolbar button.active{color:var(--brand-accent);box-shadow:inset 0 0 0 1px var(--brand-accent)}.message-input-actions{min-height:40px;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary);border-radius:0 0 8px 8px}.message-input-actions__right{display:flex;align-items:center;gap:8px}.message-input-edit-actions{display:flex;gap:8px}.message-input-cancel-btn{padding:6px 12px;background:#f1f5f9;color:#475569;border:1px solid var(--border-primary);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.message-input-cancel-btn:hover{background:#e2e8f0}.message-input-save-btn{padding:6px 16px;background:#e2e8f0;color:var(--text-muted);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:not-allowed;transition:all .2s ease}.message-input-save-btn--active{background:#01411c;color:var(--text-inverse);cursor:pointer}.message-input-save-btn--active:hover{background:#013115;box-shadow:0 4px 10px #01411c33}.message-input-actions__left{display:flex;gap:8px}.message-input-textarea:focus{outline:none;box-shadow:0 0 0 2px #0f422333}.message-input-actions__left button{background:none;border:none;color:var(--text-secondary);cursor:pointer;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:16px;transition:all .15s ease;padding:3px}.message-input-actions__left button:hover{background-color:var(--hover-bg);color:var(--brand-primary)}.message-input-send-btn{background-color:var(--hover-bg);color:var(--text-muted);border:none;padding:8px 16px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:all .15s ease;min-height:36px}.message-input-send-icon{font-size:16px}.message-input-send-btn--active{background-color:var(--brand-primary);color:var(--text-inverse);cursor:pointer}.message-input-send-btn--active:hover{background-color:#064420}.emoji-picker-wrapper{position:absolute;bottom:60px;left:12px;z-index:100;border-radius:12px;box-shadow:0 8px 24px #01411c33,0 2px 8px #00000026;overflow:hidden;animation:emojiPickerSlideIn .2s ease-out;max-width:350px}@keyframes emojiPickerSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-wrapper aside.epr-main{border:2px solid #01411C!important;border-radius:12px!important;background-color:var(--bg-primary)!important}.emoji-picker-wrapper .epr-header{background:linear-gradient(135deg,#01411c,#064420)!important;padding:12px!important;border-radius:10px 10px 0 0!important}.emoji-picker-wrapper .epr-category-nav{padding:8px!important;background:#f9fafb!important}.emoji-picker-wrapper .epr-category-nav button{transition:all .15s ease!important}.emoji-picker-wrapper .epr-category-nav button:hover{background-color:#e0f2e9!important}.emoji-picker-wrapper .epr-category-nav button.epr-cat-btn.epr-active{background:linear-gradient(135deg,#01411c,#064420)!important}.emoji-picker-wrapper .epr-search-container{padding:8px 12px!important;background:var(--bg-primary)!important}.emoji-picker-wrapper .epr-search-container input{border:1px solid #01411C!important;border-radius:8px!important;padding:8px 12px!important;font-size:14px!important}.emoji-picker-wrapper .epr-search-container input:focus{outline:none!important;border-color:#064420!important;box-shadow:0 0 0 2px #01411c33!important}.emoji-picker-wrapper .epr-emoji-category-label{background:linear-gradient(135deg,#e0f2e9,#d1f0df)!important;color:var(--brand-primary)!important;font-weight:600!important;padding:8px 12px!important;border-radius:6px!important;margin:4px 8px!important}.emoji-picker-wrapper .epr-emoji-list{padding:8px!important}.emoji-picker-wrapper button.epr-emoji:hover{background-color:#e0f2e9!important;border-radius:8px!important}.emoji-picker-wrapper .epr-body::-webkit-scrollbar{width:8px!important}.emoji-picker-wrapper .epr-body::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:4px!important}.emoji-picker-wrapper .epr-body::-webkit-scrollbar-thumb{background:#01411c!important;border-radius:4px!important}.emoji-picker-wrapper .epr-body::-webkit-scrollbar-thumb:hover{background:#064420!important}.emoji-picker-wrapper .epr-skin-tone-select{background:linear-gradient(135deg,#01411c,#064420)!important}.emoji-picker-wrapper .epr-skin-tone-select button:hover{background-color:#fff3!important}.message-input-pending-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 0}.message-input-pending-attachments__item{position:relative;display:inline-block;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--border-primary)}.message-input-pending-attachments__item img,.message-input-pending-attachments__item video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.message-input-pending-attachments__video-badge{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#0000008c;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;padding-left:2px;pointer-events:none}.message-input-pending-attachments__file{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:20px}.message-input-pending-attachments__file span{font-size:9px;color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.message-input-pending-attachments__remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:#0009;color:#fff;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.message-input-pending-attachments__remove:hover{background:#000c}.message-input-actions__left button.active{background-color:#e0f2e9;color:var(--brand-primary);border:1px solid #01411C}.message-input-call-btn--active{width:auto!important;min-width:auto;background-color:var(--brand-primary)!important;color:var(--text-inverse)!important;padding:6px 12px!important;gap:6px;border-radius:999px!important;box-shadow:0 4px 12px #10b9814d;animation:message-input-call-pulse 2s infinite}.message-input-call-btn--active:hover{background-color:#059669!important;color:var(--text-inverse)!important}.message-input-call-btn__label{font-size:12.5px;font-weight:700;white-space:nowrap}@keyframes message-input-call-pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.message-input-actions,.message-input-container{position:relative}.message-input-container--dragging .message-input-box{outline:2px dashed var(--accent-color, #2f855a);outline-offset:-4px}.message-input-drop-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none;border-radius:8px;font-weight:600;color:var(--accent-color, #2f855a);background:color-mix(in srgb,var(--bg-primary, #ffffff) 88%,transparent)}@media(max-width:768px){.message-input-container{padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px))}.message-input-toolbar button,.message-input-actions__left button{min-width:36px;min-height:36px}.message-input-actions{padding:4px 6px}.message-input-actions__left{gap:2px}.message-input-send-btn{min-height:40px;padding:8px 14px}.message-input-textarea{max-height:30dvh}}.message-input-actions{flex-wrap:wrap;row-gap:6px}.message-input-actions__right{margin-left:auto}.thread-panel{width:var(--thread-panel-width, 400px);flex-shrink:0;position:relative;transition:width .2s cubic-bezier(.22,1,.36,1);height:100%;background-color:var(--bg-primary);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;box-shadow:-4px 0 10px #0000000d;z-index:100}.thread-panel__header{padding:16px;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.thread-panel__header-content h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.thread-panel__channel-name{font-size:13px;color:var(--text-secondary)}.thread-panel__header-actions{display:flex;align-items:center;gap:2px}.thread-panel__resizer{position:absolute;top:0;bottom:0;left:-4px;width:8px;cursor:col-resize;z-index:5;touch-action:none}.thread-panel__resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .12s ease}.thread-panel__resizer:hover:after,.thread-panel__resizer:focus-visible:after,.thread-panel--dragging .thread-panel__resizer:after{background:var(--brand-accent)}.thread-panel__resizer:focus-visible{outline:none}.thread-panel--dragging{transition:none}body.thread-panel-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.thread-panel-resizing iframe{pointer-events:none}.thread-panel--collapsed{width:44px}.thread-panel--collapsed>:not(.thread-panel__rail):not(.thread-panel__resizer){display:none}.thread-panel__rail{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0;border:none;background:transparent;color:var(--text-secondary);font-size:16px;cursor:pointer;transition:background .14s ease,color .14s ease}.thread-panel__rail:hover,.thread-panel__rail:focus-visible{background:var(--hover-bg);color:var(--brand-primary);outline:none}[data-theme=dark] .thread-panel__rail:hover,[data-theme=dark] .thread-panel__rail:focus-visible{color:var(--brand-accent)}.thread-panel__rail-count{min-width:20px;padding:1px 6px;border-radius:10px;background:var(--brand-primary);color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center}.thread-panel__rail-label{writing-mode:vertical-rl;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.thread-panel__close-button{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.thread-panel__close-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.thread-panel__content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.thread-panel__divider{display:flex;align-items:center;margin:16px 0}.thread-panel__divider:before,.thread-panel__divider:after{content:"";flex:1;height:1px;background-color:var(--hover-bg)}.thread-panel__divider span{margin:0 12px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.thread-panel__replies{display:flex;flex-direction:column;gap:8px}.thread-panel__loading,.thread-panel__empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.thread-panel__empty p{margin-top:12px;font-size:14px}.thread-panel__input{padding:16px;border-top:1px solid var(--border-primary)}.thread-panel__new-replies-pill{align-self:center;margin:0 auto 8px;padding:6px 16px;border:none;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:600;color:#fff;background:var(--accent-color, #2f855a);box-shadow:0 2px 8px #0000002e}.thread-panel__new-replies-pill:hover{filter:brightness(1.08)}.thread-panel__closed{margin:12px 16px 16px;padding:12px 14px;border-radius:10px;border:1px dashed var(--border-primary);background:var(--bg-secondary);color:var(--text-muted);font-size:13px;line-height:1.45;text-align:center;flex-shrink:0}.thread-panel .channel-view__message-item{padding:8px 12px}.thread-panel .channel-view__message-item--grouped{padding-top:2px;padding-bottom:2px}.thread-panel .message-input p{font-size:14px}@media(max-width:1024px){.thread-panel{transition:none;position:fixed;top:50px;right:0;bottom:0;height:auto;width:min(400px,100%);z-index:800;box-shadow:-10px 0 30px #00000026}}@media(max-width:768px){.thread-panel{width:100%;border-left:none;box-shadow:none}.thread-panel__header{padding:10px 12px}.thread-panel__close-button{min-width:40px;min-height:40px;font-size:18px}}.thread-panel__closed--join{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.thread-panel__join-btn{padding:6px 14px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent, #10B981));color:var(--text-inverse);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.thread-panel__join-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d}.thread-panel__join-btn:disabled{opacity:.6;cursor:default}.thread-panel__join-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.channel-members-modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.channel-members-modal{background:var(--bg-primary);border-radius:16px;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.channel-members-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#01411c,#064420,#0a6630);border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;border-radius:16px 16px 0 0}.channel-members-modal__header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.channel-members-modal__header-left{z-index:1}.channel-members-modal__header h2{margin:0;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1}.channel-members-modal__subtitle{display:block;margin:0;padding:.75rem 1.5rem;font-size:14px;color:var(--text-secondary);font-weight:400;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.channel-members-modal__close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;color:#fff;font-size:18px;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;z-index:1}.channel-members-modal__close:hover{background:#fff3;transform:rotate(90deg);box-shadow:0 4px 12px #0003}.channel-members-modal__content{flex:1;overflow-y:auto;padding:0}.channel-members-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.channel-members-modal__loading .spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:#0cee73;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.channel-members-section{padding:24px 28px;border-bottom:1px solid var(--border-primary)}.channel-members-section:last-child{border-bottom:none}.section-title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:10px;border:1px solid transparent;transition:all .2s}.member-item:hover{background:var(--hover-bg);border-color:var(--border-primary)}.member-item__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#01411c,#064420);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0;border:2px solid rgba(1,65,28,.1);box-shadow:0 2px 8px #01411c33}.member-item__info{flex:1;min-width:0}.member-item__info-clickable{cursor:pointer;border-radius:8px;padding:4px 6px;margin:-4px -6px;transition:background-color .2s ease}.member-item__info-clickable:hover{background-color:var(--hover-bg)}.member-item__info-clickable:focus{outline:2px solid #2563EB;outline-offset:2px}.member-item__info-clickable--disabled{cursor:default}.member-item__info-clickable--disabled:hover{background-color:transparent}.member-item__name{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.member-item__email{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.role-badge--owner{background:#d977061a;color:#d97706}.role-badge--admin,.role-badge--member{background:var(--brand-light, #E0F2E9);color:var(--brand-primary, #01411C)}.role-badge--self{background:var(--brand-light);color:var(--brand-primary)}.channel-members-modal__hint{margin:10px 0 0;font-size:12px;color:var(--text-secondary)}.member-item__action{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.member-item__action:disabled{opacity:.5;cursor:not-allowed}.member-item__action--add{background:var(--brand-primary, #01411C);color:#fff}.member-item__action--add:hover:not(:disabled){background:var(--brand-primary-hover, #0a6630);transform:translateY(-1px);box-shadow:0 4px 12px #01411c4d}.member-item__action--remove{background:transparent;color:#ff5252;border:1px solid #FF5252;padding:8px}.member-item__action--remove:hover:not(:disabled){background:#ff52521a;transform:translateY(-1px)}.member-item__actions-inline{display:flex;align-items:center;gap:6px;flex-shrink:0}.member-item__action--promote{background:transparent;color:var(--brand-primary, #01411C);border:1px solid var(--brand-primary, #01411C);padding:8px}.member-item__action--promote:hover:not(:disabled){background:var(--brand-light, #E0F2E9);transform:translateY(-1px)}.member-item__action--demote{background:transparent;color:#d97706;border:1px solid #D97706;padding:8px}.member-item__action--demote:hover:not(:disabled){background:#d977061a;transform:translateY(-1px)}.spinner-small{width:14px;height:14px;border:2px solid var(--border-primary);border-top-color:#0cee73;border-radius:50%;animation:spin .6s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center}.empty-state svg{margin-bottom:12px}.empty-state p{margin:0;font-size:14px}.channel-members-modal__content::-webkit-scrollbar{width:8px}.channel-members-modal__content::-webkit-scrollbar-track{background:var(--bg-primary)}.channel-members-modal__content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.channel-members-modal__content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.channel-members-modal{width:95%;max-height:90vh}.channel-members-modal__header,.channel-members-section{padding:20px}.member-item{padding:10px}.member-item__avatar{width:36px;height:36px;font-size:14px}.member-item__name{font-size:14px}.member-item__email{font-size:12px}}.channel-members-modal__confirm{margin-bottom:16px;padding:12px 14px;border:1px solid var(--brand-primary, #01411C);border-radius:8px;background:var(--bg-tertiary);font-size:13px;color:var(--text-primary)}.channel-members-modal__confirm p{margin:0 0 10px}.channel-members-modal__confirm-actions{display:flex;justify-content:flex-end;gap:8px}.channel-members-modal__confirm-actions button{padding:6px 12px;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer}.channel-members-modal__confirm-actions .channel-members-modal__confirm-primary{border-color:var(--brand-primary, #01411C);background:var(--brand-primary, #01411C);color:#fff}.channel-members-modal__confirm-actions button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.channel-members-modal-overlay{align-items:flex-end;padding:0}.channel-members-modal{width:100%;max-width:100%;margin:0;max-height:92dvh;border-radius:16px 16px 0 0}.channel-members-modal__header{border-radius:16px 16px 0 0}}@media(max-width:480px){.channel-members-section{padding:14px}.member-item__name{flex-wrap:wrap;row-gap:4px}.member-item{gap:10px}.member-item__actions-inline{gap:4px}}.channel-view-shell{display:flex;height:100%;min-height:0}.channel-view-shell .channel-view{flex:1;min-width:0}.channel-view{display:flex;flex-direction:column;height:100%;border-radius:12px;overflow:hidden}.channel-view__main-container{display:flex;flex:1;min-height:0;overflow:hidden}.channel-view__content{flex:1;overflow-y:auto;overflow-anchor:none;padding:32px 24px 0;display:flex;flex-direction:column;min-width:0}.channel-view__body{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-primary)}.channel-view__welcome{padding:40px 32px;display:flex;flex-direction:column;align-items:flex-start;animation:fadeIn .4s ease-out}.channel-view__welcome-header{margin-bottom:32px;display:flex;flex-direction:column;align-items:flex-start}.channel-view__welcome-hash-circle{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 12px #10b98133}.channel-view__welcome-hash-circle span{color:var(--text-inverse);font-size:28px;font-weight:700}.channel-view__welcome h2{font-size:28px;font-weight:800;margin:0 0 12px;color:var(--text-primary);letter-spacing:-.5px}.channel-view__welcome p{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:640px;margin:0}.channel-view__pagination-loading{padding:16px;text-align:center;color:var(--text-secondary);font-size:14px;font-style:italic;min-height:40px}.channel-view__messages{display:flex;flex-direction:column;gap:2px}.channel-view__message-item{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;border-radius:8px;transition:background-color .15s ease;position:relative}.channel-view__message-item:hover{background-color:var(--bg-secondary)}.channel-view__message-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));color:var(--text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.2px;flex:0 0 45px;position:relative;overflow:visible;margin:0}.channel-view__message-avatar-button{width:100%;height:100%;border:none;background:transparent;padding:0;margin:0;cursor:pointer;appearance:none;outline:none;box-shadow:none;border-radius:50%;overflow:visible;position:relative}.channel-view__message-avatar-button:focus,.channel-view__message-avatar-button:focus-visible{outline:none;box-shadow:none}.channel-view__message-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.channel-view__message-avatar-initials{font-size:13px;font-weight:700;letter-spacing:.2px;color:var(--text-inverse)}.channel-view__message-status-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:999px;border:2px solid var(--bg-primary);box-shadow:0 1px 2px #00000029;z-index:2}.channel-view__message-item--system .channel-view__message-avatar{background:var(--bg-secondary);color:var(--text-secondary)}.channel-view__message-item--system .channel-view__message-avatar-initials{color:var(--text-secondary)}.channel-view__pin-toggle{border:none;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto;padding:0;line-height:1;transition:color .15s ease}.channel-view__pin-toggle:hover,.channel-view__pin-toggle--active{color:var(--danger-primary)}.channel-view__message-edited-tag{font-size:11px;color:var(--text-muted);font-style:italic;margin-left:4px}.channel-view__message-actions{position:absolute;top:4px;right:8px;margin:0;opacity:0;pointer-events:none;background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;gap:2px;border:none;box-shadow:none;padding:0;z-index:10;transition:opacity .15s ease}.channel-view__message-item:hover .channel-view__message-actions{opacity:1;pointer-events:auto}.channel-view__message-action-btn{border:none;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;border-radius:50%;transition:all .15s ease}.channel-view__message-action-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.channel-view__message-action-btn--delete:hover{color:var(--danger-primary);background-color:var(--danger-light)}.channel-view__message-action-btn--active{color:var(--brand-primary);background-color:var(--brand-light)}.channel-view__message-action-btn--bookmark-active{color:#fbc02d;background-color:var(--bg-tertiary)}.channel-view__pin-toggle:disabled{opacity:.6;cursor:not-allowed}.channel-view__card p{margin:0;font-size:16px;font-weight:600;color:var(--text-secondary)}.channel-view__message-content{display:flex;flex-direction:column;flex:1;min-width:0;gap:0;margin:0;padding:0;overflow:hidden}.channel-view__message-header{display:flex;align-items:center;margin-bottom:0;gap:0;flex-wrap:nowrap;min-width:0;align-content:flex-start;width:100%;overflow:hidden}.channel-view__message-user{font-size:15px;font-weight:700;color:var(--text-primary);margin-right:8px;white-space:nowrap;flex-shrink:0}.channel-view__message-user-button{border:none!important;background:transparent!important;padding:0!important;cursor:pointer;appearance:none;outline:none!important;box-shadow:none!important;border-radius:0!important;line-height:inherit}.channel-view__message-user-button:hover{text-decoration:underline;color:var(--brand-primary)}.channel-view__message-user-button:focus,.channel-view__message-user-button:focus-visible{outline:none;box-shadow:none}.channel-view__message-time{font-size:12px;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-view__message-text{font-size:15px;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere;min-width:0;margin:2px 0 0;width:100%}.channel-view__message-text a{color:var(--brand-primary);text-decoration:underline}.channel-view__message-text a:hover{color:#0f766e;text-decoration:underline}.channel-view__message-menu{position:relative;display:inline-flex;align-items:center;margin-left:auto}.channel-view__menu-trigger{width:20px;height:20px;border:none;border-radius:4px;background:var(--hover-bg);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.channel-view__menu-trigger:hover{background:var(--bg-secondary);color:var(--text-primary)}.channel-view__menu-trigger:disabled{opacity:.6;cursor:not-allowed}.channel-view__menu-dropdown-content{display:flex;flex-direction:column}.channel-view__menu-item{display:flex;align-items:center;width:100%;border:none;background:transparent;color:var(--text-primary);text-align:left;font-size:13px;font-weight:600;border-radius:6px;padding:8px 10px;cursor:pointer;transition:background-color .15s ease}.channel-view__menu-item:hover:not(:disabled){background:var(--hover-bg)}.channel-view__menu-item:disabled{opacity:.6;cursor:not-allowed}.channel-view__menu-item--danger{color:var(--danger-primary)}.channel-view__menu-item--danger:hover:not(:disabled){background:var(--danger-light);color:var(--danger-primary)}.channel-view__file-card{margin-top:8px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);padding:10px 12px;display:flex;align-items:center;gap:10px;max-width:100%}.channel-view__file-thumb{width:46px;height:46px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid transparent}.channel-view__file-thumb-label{font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--text-inverse)}.channel-view__file-thumb--pdf{background:linear-gradient(135deg,#b91c1c,#ef4444)}.channel-view__file-thumb--word{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.channel-view__file-thumb--excel{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary))}.channel-view__file-thumb--powerpoint{background:linear-gradient(135deg,#c2410c,#f97316)}.channel-view__file-thumb--video{background:linear-gradient(135deg,#4c1d95,#8b5cf6)}.channel-view__file-thumb--audio{background:linear-gradient(135deg,#0f766e,#14b8a6)}.channel-view__file-thumb--image{background:linear-gradient(135deg,#0369a1,#0ea5e9)}.channel-view__file-thumb--archive{background:linear-gradient(135deg,#854d0e,#ca8a04)}.channel-view__file-thumb--text{background:linear-gradient(135deg,#374151,#6b7280)}.channel-view__file-thumb--file{background:linear-gradient(135deg,#475569,#94a3b8)}.channel-view__file-main{display:flex;flex-direction:column;min-width:0;flex:1}.channel-view__file-name{font-size:13px;font-weight:600;color:var(--text-primary);word-break:break-word}.channel-view__file-size{font-size:12px;color:var(--text-secondary)}.channel-view__file-download{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--brand-primary);font-size:12px;font-weight:600;border-radius:6px;padding:6px 10px;cursor:pointer;flex-shrink:0}.channel-view__file-download:hover{background:var(--brand-light)}.channel-view__message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.channel-view__reaction{display:flex;align-items:center;gap:4px;padding:2px 8px;border:none;border-radius:0;font-size:13px;background-color:transparent;transition:all .15s ease;color:var(--text-secondary);position:relative}.channel-view__reaction-emoji,.channel-view__reaction-count{border:none;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;line-height:1}.channel-view__reaction-emoji{font-size:13px}.channel-view__reaction-count{font-size:11px;font-weight:600;color:var(--text-secondary)}.channel-view__reaction-emoji:focus,.channel-view__reaction-emoji:focus-visible,.channel-view__reaction-count:focus,.channel-view__reaction-count:focus-visible{outline:none}.channel-view__reaction:hover,.channel-view__reaction--active:hover{background-color:var(--bg-tertiary)}.channel-view__reaction--active .channel-view__reaction-count{color:var(--brand-primary)}.channel-view__reaction--add{color:var(--text-muted);padding:2px 6px;background-color:transparent}.channel-view__reaction--add:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.channel-view__reaction--overflow{color:var(--text-secondary);font-weight:600;background-color:transparent}.channel-view__reaction--overflow:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.channel-view__reactions-popover{position:fixed;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 16px #00000026;z-index:1000;min-width:200px;max-height:300px;overflow-y:auto;padding:4px}.channel-view__reactions-popover-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;color:var(--text-primary);text-align:left;font-size:13px;font-weight:500;border-radius:6px;padding:6px 10px;cursor:pointer;transition:background-color .15s ease}.channel-view__reactions-popover-row:hover{background:var(--hover-bg)}.channel-view__reactions-popover-row--active{background-color:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary)}.channel-view__reactions-popover-emoji{font-size:16px}.channel-view__reactions-popover-count{font-size:12px;font-weight:600;color:var(--text-secondary)}.channel-view__reactions-popover-back-btn{background:transparent;border:none;color:var(--text-secondary);font-size:12px;padding:4px 8px;width:auto;text-align:left;border-radius:6px;cursor:pointer;transition:background-color .15s ease,color .15s ease;font-weight:500}.channel-view__reactions-popover-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.channel-view__reactions-popover-user-row{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.channel-view__reactions-popover-user-row:last-child{border-bottom:none}.channel-view__reactions-popover-user-avatar{width:24px;height:24px;border-radius:50%;flex:0 0 24px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 60%,#10B981))}.channel-view__reactions-popover-user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.channel-view__reactions-popover-user-initials{font-size:10px;font-weight:700;letter-spacing:.2px;color:var(--text-inverse);line-height:1}.channel-view__reactions-popover-user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-view__reaction--pop{animation:channel-reaction-pop .2s ease}@keyframes channel-reaction-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.channel-view__quick-reaction-btn{font-size:14px;padding:4px 6px}.channel-view__reaction-tooltip{position:fixed;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;padding:4px 8px;font-size:12px;color:var(--text-primary);white-space:nowrap;box-shadow:0 2px 8px #00000026;z-index:1000;pointer-events:none!important;opacity:0;transition:opacity .15s ease}.channel-view__reaction-tooltip--visible{opacity:1}.channel-view__thread-bar{display:inline-flex;align-items:center;gap:8px;padding:2px 8px;margin-top:4px;margin-left:0;border-radius:4px;cursor:pointer;transition:background-color .15s ease;width:fit-content;max-width:100%}.channel-view__thread-bar:hover{background-color:var(--hover-bg)}.channel-view__thread-bar-avatars{display:flex;align-items:center}.channel-view__thread-bar-icon{font-size:14px;color:var(--brand-primary);display:flex;align-items:center;justify-content:center}.channel-view__thread-bar-text{font-size:13px;font-weight:700;color:var(--brand-primary)}.channel-view__message-deleted{font-style:italic;color:var(--text-muted);font-size:14px}.channel-view__thread-bar-new{flex-shrink:0;padding:1px 8px;border-radius:10px;background:var(--brand-accent);color:#fff;font-size:11px;font-weight:700;line-height:16px}.channel-view__thread-bar-time{font-size:12px;color:var(--text-muted)}@media(max-width:768px){.channel-view-shell{position:relative}.channel-view__cards{grid-template-columns:1fr}}@media(max-width:600px){.channel-view__message-actions{opacity:1;pointer-events:auto;position:relative;top:auto;right:auto;margin-left:4px;padding:0;background:transparent}}@media(max-width:480px){.channel-view__message-item{gap:10px}.channel-view__message-avatar{width:36px;height:36px;flex:0 0 36px}}.channel-view__access-denied{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-secondary)}.access-denied-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;padding:48px 40px;text-align:center;max-width:480px;box-shadow:0 10px 40px #0000001a}.access-denied-icon{margin-bottom:24px;display:flex;align-items:center;justify-content:center}.access-denied-card h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.access-denied-card p{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.access-denied-hint{font-size:14px!important;color:var(--text-secondary)!important;font-style:italic}.channel-view__action-bar{padding:16px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.channel-view__action-bar-title{font-size:14px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center}.channel-view__manage-members-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#01411c,#10b981);color:var(--text-inverse);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #01411c33}.channel-view__manage-members-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #01411c4d}.channel-view__manage-members-btn:active{transform:translateY(0)}@media(max-width:640px){.access-denied-card{padding:32px 24px}.access-denied-card h2{font-size:24px}.channel-view__action-bar{flex-direction:column;gap:12px;align-items:stretch}.channel-view__manage-members-btn{justify-content:center}}.channel-view__typing-indicator{font-size:.85rem;color:var(--text-secondary);font-style:italic;padding:8px 12px;margin-bottom:4px;animation:fadeIn .3s ease-in-out}.welcome-icon--members,.welcome-icon--template,.welcome-icon--apps{color:var(--brand-primary)}.access-denied-icon-svg{color:var(--danger-primary)}.channel-view__join-banner{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:24px;display:flex;justify-content:center;align-items:center;box-shadow:0 -4px 12px #0000000d;z-index:50;animation:slideUp .25s ease-out}.channel-view__join-banner-content{max-width:800px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;background:linear-gradient(135deg,var(--bg-primary),var(--bg-tertiary));border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 20px #00000014}.channel-view__join-banner-text{font-size:14px;color:var(--text-primary);line-height:1.5}.channel-view__join-banner-text strong{color:var(--brand-primary)}.channel-view__join-button{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent, #10B981));color:var(--text-inverse);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 4px 12px #10b98133}.channel-view__join-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.channel-view__join-button:active:not(:disabled){transform:translateY(0)}.channel-view__join-button:disabled{opacity:.6;cursor:not-allowed}.channel-view__reaction--readonly{background-color:var(--bg-secondary)!important}.channel-view__reaction--readonly .channel-view__reaction-emoji{cursor:pointer}.channel-view__reaction--readonly .channel-view__reaction-count{cursor:pointer;pointer-events:auto}.channel-view__call{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 12px;margin:3px 0;background:var(--bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--border-primary, rgba(16, 185, 129, .25));border-radius:10px;line-height:1;transition:border-color .15s ease,background .15s ease}.channel-view__call:hover{background:var(--bg-tertiary, #f3f4f6);border-color:#10b98166}.channel-view__call-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#10b98126;color:#10b981;flex-shrink:0}.channel-view__call-body{display:flex;flex-direction:column;gap:2px;min-width:0}.channel-view__call-title{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap}.channel-view__call-direction{display:inline-flex;color:var(--text-muted, #6b7280)}.channel-view__call-sub{display:inline-flex;align-items:center;gap:5px}.channel-view__call-duration{font-size:12px;color:var(--text-muted, #6b7280)}.channel-view__call-missed{font-size:12px;color:#ef4444}.channel-view__call--missed{border-color:#ef44444d}.channel-view__call--missed .channel-view__call-icon{background:#ef444426;color:#ef4444}.channel-view__call--missed .channel-view__call-missed{color:#dc2626}.channel-view__call--live{border-color:#10b98173}.channel-view__call-live{font-size:12px;color:#10b981;font-weight:600}.channel-view__call-join{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:5px 12px;border:none;border-radius:8px;background:#10b981;color:#fff;font-size:12px;font-weight:600;line-height:1;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .15s ease}.channel-view__call-join:hover{background:#059669}.channel-view__call-join:active{transform:translateY(1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.channel-view__join-banner-content{flex-direction:column;text-align:center;gap:16px}.channel-view__join-button{width:100%}}.channel-view__new-messages-pill{align-self:center;margin:0 auto 8px;padding:6px 16px;border:none;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:600;color:#fff;background:var(--accent-color, #2f855a);box-shadow:0 2px 8px #0000002e}.channel-view__new-messages-pill:hover{filter:brightness(1.08)}.channel-view__unsent-banner{display:flex;align-items:center;gap:10px;margin:0 12px 8px;padding:8px 12px;border:1px solid rgba(217,119,6,.35);border-radius:8px;background:#d977061a;font-size:.85rem}.channel-view__unsent-text{flex:1;color:var(--text-primary, #1f2937)}.channel-view__unsent-action{border:none;background:none;cursor:pointer;font-weight:600;font-size:.85rem;color:var(--accent-color, #2f855a)}.channel-view__unsent-action--muted{color:var(--text-secondary, #6b7280)}.channel-view__unsent-action:hover{text-decoration:underline}@media(max-width:768px){.channel-view__content{padding:16px 8px 0}.channel-view__welcome{padding:24px 12px}.channel-view__welcome h2{font-size:22px}.channel-view__message-text pre{max-width:100%;overflow-x:auto}.channel-view__message-text img{max-width:100%;height:auto}}@media(max-width:480px){.channel-view__message-item{padding:6px}}@media(hover:none){.channel-view__message-actions,.channel-view__message-item:hover .channel-view__message-actions{position:absolute;top:2px;right:6px;margin:0;padding:2px;opacity:0;pointer-events:none;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 4px 14px #0000001f}.channel-view__message-item--actions-open .channel-view__message-actions,.channel-view__message-item--actions-open:hover .channel-view__message-actions{opacity:1;pointer-events:auto}.channel-view__message-item:hover{background-color:transparent}.channel-view__message-item--actions-open,.channel-view__message-item--actions-open:hover{background-color:var(--bg-secondary)}.channel-view__message-action-btn{padding:9px}}.channel-view__member-event{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:6px 16px;padding:2px 0;font-size:12.5px;color:var(--text-muted);text-align:center}.channel-view__member-event-icon{flex-shrink:0;font-size:11px;color:var(--brand-primary)}[data-theme=dark] .channel-view__member-event-icon{color:var(--brand-accent)}.channel-view__member-event-time{font-size:11px;opacity:.8}.channel-view__message-item--grouped{padding-top:2px;padding-bottom:2px}.channel-view__message-item .channel-view__message-avatar--spacer{height:0;background:none}.channel-view__message-item--grouped .channel-view__message-actions{top:-10px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 8px #00000014}.channel-view__message-text--inline{display:inline;margin:0}.channel-view__message-text--inline>:last-child:not(ul):not(ol):not(pre):not(blockquote):not(table){display:inline}.channel-view__message-inline-meta{margin-left:8px;font-size:11px;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.channel-view__message-inline-time{opacity:0;transition:opacity .12s ease}*+.channel-view__message-inline-time{margin-left:6px}@media(hover:hover){.channel-view__message-item--grouped:hover .channel-view__message-inline-time{opacity:1}}.channel-view__message-item--actions-open .channel-view__message-inline-time{opacity:1}.channel-view__message-inline-pin,.channel-view__message-inline-bookmark{margin-left:4px;vertical-align:-1px}.channel-view__message-inline-bookmark{color:#eab308}.channel-view__message-meta-line{margin-top:2px;line-height:1.4}.channel-view__message-meta-line .channel-view__message-inline-meta{margin-left:0}@media(max-width:600px)and (hover:hover){.channel-view__message-item--grouped .channel-view__message-actions{position:absolute;top:-10px;right:6px;margin:0;padding:2px;opacity:0;pointer-events:none}.channel-view__message-item--grouped:hover .channel-view__message-actions{opacity:1;pointer-events:auto}}.loading-screen{display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-screen--full{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:var(--bg-primary, #1e293b);z-index:9999}.loading-screen--inline{width:100%;padding:40px 0}.loading-screen--centered{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px}.loading-screen__spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--brand-primary);animation:spin 1s ease-in-out infinite}.incoming-call-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:incomingCallOverlayFadeIn .2s ease both}@keyframes incomingCallOverlayFadeIn{0%{opacity:0}to{opacity:1}}.incoming-call-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001f;max-width:380px;width:100%;padding:36px 32px 28px;text-align:center;animation:incomingCallModalSpringIn .35s cubic-bezier(.22,1,.36,1) both}@keyframes incomingCallModalSpringIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.incoming-call-modal__icon{width:76px;height:76px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);box-shadow:0 8px 20px -4px #0f422366;animation:incomingCallPulse 1.8s ease-in-out infinite}@keyframes incomingCallPulse{0%,to{box-shadow:0 8px 20px -4px #0f422366,0 0 #10b98159}50%{box-shadow:0 8px 20px -4px #0f422366,0 0 0 10px #10b98100}}.incoming-call-modal__title{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--text-primary)}.incoming-call-modal__subtitle{margin:0 0 28px;font-size:14.5px;line-height:1.5;color:var(--text-secondary)}.incoming-call-modal__subtitle strong{color:var(--text-primary)}.incoming-call-modal__actions{display:flex;gap:12px;justify-content:center}.incoming-call-modal__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;border:none;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1)}.incoming-call-modal__btn:hover{transform:translateY(-1px)}.incoming-call-modal__btn--decline{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.incoming-call-modal__btn--decline:hover{background:var(--danger-primary);color:#fff;border-color:var(--danger-primary)}.incoming-call-modal__btn--accept{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);color:#fff;box-shadow:0 2px 8px #0f42234d}.incoming-call-modal__btn--accept:hover{box-shadow:0 4px 14px #0f422366}@media(max-width:480px){.incoming-call-modal{padding:28px 20px 20px}}.chat-media-attachment{margin-top:8px;width:min(320px,100%);max-width:100%;min-width:0}.chat-media-attachment__media-wrap{position:relative;border-radius:10px;overflow:hidden;background:#111827;border:1px solid var(--border-primary);width:100%;max-width:100%;min-width:0;height:180px}.chat-media-attachment__image{display:block;width:100%;height:100%;object-fit:cover}.chat-media-attachment__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1f2937,#374151)}.chat-media-attachment__hover-actions{position:absolute;top:8px;left:8px;display:none;gap:2px;padding:4px;border-radius:10px;background:#0f172ab8;box-shadow:0 2px 10px #00000040;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;z-index:3}@media(hover:hover){.chat-media-attachment__hover-actions{display:flex}.chat-media-attachment__menu-item--touch-only{display:none}}.chat-media-attachment__media-wrap:hover .chat-media-attachment__hover-actions,.chat-media-attachment__video-outer:hover .chat-media-attachment__hover-actions{opacity:1;transform:translateY(0)}.chat-media-attachment__hover-btn{width:34px;height:34px;border:none;background:transparent;color:#ffffffd1;cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}.chat-media-attachment__hover-btn:hover{background:#0f4223;color:#fff;transform:scale(1.08)}.chat-media-attachment__hover-btn:active{transform:scale(.94)}.chat-media-attachment__hover-btn svg{display:block;width:18px;height:18px}.chat-media-attachment__media-menu{position:absolute;top:8px;right:8px;z-index:3;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.chat-media-attachment__media-wrap:hover .chat-media-attachment__media-menu,.chat-media-attachment__video-outer:hover .chat-media-attachment__media-menu{opacity:1;transform:translateY(0)}.chat-media-attachment__menu-trigger{width:34px;height:34px;border:none;background:#0f172ab8;color:#ffffffd1;cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000040;transition:background .15s ease,transform .15s ease,color .15s ease}.chat-media-attachment__menu-trigger:hover{background:#0f4223;color:#fff;transform:scale(1.08)}.chat-media-attachment__menu-trigger:active{transform:scale(.94)}.chat-media-attachment__menu-trigger svg{display:block}.chat-media-attachment__menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;margin:0;padding:6px;min-width:170px;list-style:none;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 24px #0f172a26,0 2px 6px #0f172a0f;animation:mediaDropdownIn .14s ease-out;transform-origin:top right}@keyframes mediaDropdownIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.chat-media-attachment__menu-dropdown button{display:flex;align-items:center;width:100%;border:none;background:transparent;color:var(--text-primary);text-align:left;font-size:13px;font-weight:600;border-radius:6px;padding:8px 10px;cursor:pointer;gap:10px;font-family:inherit;transition:background-color .12s ease}.chat-media-attachment__menu-dropdown button:hover{background:var(--hover-bg)}.chat-media-attachment__video-outer{position:relative;border-radius:10px;overflow:hidden;background:#0b0f19;border:1px solid var(--border-primary);width:100%;max-width:100%;min-width:0;height:180px}.chat-media-attachment__video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#000}.chat-media-attachment__video-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#1e293b)}.chat-media-attachment__video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#11182799;color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .2s ease;z-index:1}.chat-media-attachment__video-play-overlay svg{width:32px;height:32px}.chat-media-attachment__video-outer:hover .chat-media-attachment__video-play-overlay{background:#111827cc;transform:translate(-50%,-50%) scale(1.1)}.chat-media-attachment svg{display:block;flex-shrink:0}.chat-media-attachment__vc-btn svg{width:12px;height:12px;fill:#fff}.chat-media-attachment__video-controls{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#111827c7;z-index:2}.chat-media-attachment__vc-btn{border:none;background:transparent;color:#f9fafb;cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.chat-media-attachment__vc-btn:hover{background:#ffffff1a}.chat-media-attachment__vc-time{font-size:11px;font-variant-numeric:tabular-nums;color:#e5e7eb;min-width:2.5rem}.chat-media-attachment__vc-time--muted{opacity:.85;margin-left:auto}.chat-media-attachment__vc-scrub{flex:1;min-width:0;accent-color:#38bdf8;height:4px}.chat-media-attachment__vc-cc{font-size:10px;font-weight:700;color:#e5e7eb;border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:2px 6px;opacity:.7}@media(max-width:480px){.chat-media-attachment,.chat-media-attachment__media-wrap,.chat-media-attachment__video-outer{width:100%;height:auto;aspect-ratio:16 / 9}}.meeting-card{display:flex;gap:12px;width:100%;max-width:440px;margin:4px 0 2px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-left:3px solid var(--brand-primary);border-radius:12px;box-sizing:border-box}[data-theme=dark] .meeting-card{border-left-color:var(--brand-accent)}.meeting-card--ended,.meeting-card--cancelled,[data-theme=dark] .meeting-card--ended,[data-theme=dark] .meeting-card--cancelled{border-left-color:var(--border-secondary)}.meeting-card__icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%)}.meeting-card--ended .meeting-card__icon,.meeting-card--cancelled .meeting-card__icon{background:var(--bg-tertiary);color:var(--text-muted)}.meeting-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.meeting-card__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.meeting-card__eyebrow>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-card__state{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:10.5px;letter-spacing:.03em;background:var(--bg-tertiary);color:var(--text-secondary)}.meeting-card--upcoming .meeting-card__state,.meeting-card--live .meeting-card__state{background:#10b9811f;color:var(--brand-primary)}[data-theme=dark] .meeting-card--upcoming .meeting-card__state,[data-theme=dark] .meeting-card--live .meeting-card__state{background:#22c55e24;color:var(--brand-accent)}.meeting-card__live-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:meetingCardPulse 1.6s ease-in-out infinite}@keyframes meetingCardPulse{0%,to{opacity:1}50%{opacity:.35}}.meeting-card__title{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-card__time{display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--text-secondary)}.meeting-card__time svg{flex-shrink:0;align-self:flex-start;margin-top:3px;font-size:12px;color:var(--text-muted)}.meeting-card--cancelled .meeting-card__title,.meeting-card--cancelled .meeting-card__time span{text-decoration:line-through;text-decoration-color:var(--text-muted)}.meeting-card--ended .meeting-card__title,.meeting-card--cancelled .meeting-card__title{color:var(--text-secondary)}.meeting-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.meeting-card__actions button{padding:6px 14px;font-size:13px}.invite-card .meeting-card__icon{font-size:16px;font-weight:700}.invite-card__avatar{padding:0;overflow:hidden;background:var(--bg-tertiary)}.invite-card__avatar img{width:100%;height:100%;object-fit:cover;display:block}.invite-card--loading .meeting-card__time{font-style:italic}.forwarded{margin-top:2px;max-width:560px;min-width:0}.forwarded__note{margin-bottom:6px;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.forwarded__label{display:inline-flex;align-items:center;gap:5px;margin-bottom:2px;font-size:12px;font-style:italic;color:var(--text-muted)}.forwarded__label svg{font-size:11px}.forwarded__card{padding:8px 12px 10px;border-left:3px solid var(--brand-accent, #10b981);border-radius:0 8px 8px 0;background:var(--bg-secondary);min-width:0}.forwarded__head{display:flex;align-items:center;gap:8px;max-width:100%;margin:0 0 4px;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.forwarded__head:hover .forwarded__meta,.forwarded__head:focus-visible .forwarded__meta{text-decoration:underline}.forwarded__head:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:4px}.forwarded__avatar{flex-shrink:0;width:20px;height:20px;border-radius:6px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#01411c,#10b981);color:#fff;font-size:9px;font-weight:700}.forwarded__avatar img{width:100%;height:100%;object-fit:cover}.forwarded__author{flex-shrink:0;font-size:13px;font-weight:700;color:var(--text-primary)}.forwarded__meta{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--text-muted)}.forwarded__body{font-size:14px;line-height:1.5;overflow-wrap:anywhere;color:var(--text-primary)}.forwarded__mention{font-weight:600}.forwarded__attachment{margin-top:6px}.shared-popover-portal{position:fixed;top:0;left:0;width:0;height:0}.shared-popover-content{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:popover-fade-in .15s ease-out;overflow:hidden}.shared-popover-content.placement-top{transform-origin:bottom right}.shared-popover-content.placement-bottom{transform-origin:top right}@keyframes popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shared-popover-content .EmojiPickerReact{box-shadow:none!important;border:none!important}.date-separator{display:flex;align-items:center;margin:10px 0;padding:0 16px;width:100%}.date-separator__line{flex:1;height:1px;background-color:var(--border-color, #e2e8f0)}.date-separator__label{padding:4px 12px;font-size:13px;font-weight:700;color:var(--text-primary, #1d1c1d);background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:20px;margin:0 16px;white-space:nowrap;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .08))}.unread-divider{display:flex;align-items:center;margin:10px 0;padding:0 16px;width:100%;scroll-margin-top:24px}.unread-divider__line{flex:1;height:1px;background-color:var(--brand-accent);opacity:.45}.unread-divider__label{padding:4px 12px;margin:0 16px;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--brand-accent);background-color:var(--bg-primary);border:1px solid var(--brand-accent);border-radius:20px}.forward-modal__preview{padding:8px 10px;border-left:3px solid var(--border-primary);border-radius:0 8px 8px 0;background:var(--bg-secondary);font-size:13px;line-height:1.45;color:var(--text-secondary);max-height:76px;overflow:hidden}.forward-modal__preview-author{display:block;font-weight:700;color:var(--text-primary);margin-bottom:2px}.forward-modal__search{width:100%;margin:12px 0 8px;padding:9px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:14px}.forward-modal__search:focus{outline:none;border-color:var(--brand-primary)}.forward-modal__list{max-height:250px;overflow-y:auto;padding:4px;border:1px solid var(--border-primary);border-radius:10px}.forward-modal__group{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.forward-modal__option{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;text-align:left;cursor:pointer}.forward-modal__option:hover{background:var(--hover-bg)}.forward-modal__option--selected,.forward-modal__option--selected:hover{background:color-mix(in srgb,var(--brand-primary) 14%,transparent);box-shadow:inset 0 0 0 1px var(--brand-primary)}.forward-modal__option:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.forward-modal__option-icon{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:13px;color:var(--text-muted)}.forward-modal__option-icon--avatar{background:linear-gradient(135deg,#01411c,#10b981);color:#fff;font-size:9px;font-weight:700}.forward-modal__option-icon img{width:100%;height:100%;object-fit:cover}.forward-modal__option-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.forward-modal__option-sub{flex-shrink:0;font-size:12px;color:var(--text-muted)}.forward-modal__check{flex-shrink:0;color:var(--brand-primary);font-size:13px}.forward-modal__empty{padding:16px 10px;font-size:13px;text-align:center;color:var(--text-muted)}.forward-modal__note{display:block;width:100%;min-height:64px;margin-top:12px;padding:9px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:14px;resize:vertical}.forward-modal__note:focus{outline:none;border-color:var(--brand-primary)}.forward-modal__hint{margin-top:8px;font-size:12px;line-height:1.4;color:var(--text-muted)}.forward-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.dm-view-shell{display:flex;height:100%;min-height:0}.dm-view-shell .dm-view{flex:1;min-width:0}.dm-view{display:flex;flex-direction:column;height:100%;border-radius:12px;overflow:hidden}.dm-view__content{flex:1;overflow-y:auto;overflow-anchor:none;padding:32px 24px 0;display:flex;flex-direction:column;min-width:0}.dm-view__welcome{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:40px 32px;animation:fadeIn .4s ease-out}.dm-view__welcome-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;margin-bottom:20px;position:relative}.dm-view__welcome-avatar-button{border:none;cursor:pointer;appearance:none;outline:none;box-shadow:none;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));padding:0;overflow:visible;border-radius:50%}.dm-view__welcome-status-dot{position:absolute;right:0;bottom:0;width:18px;height:18px;border-radius:999px;border:3px solid var(--bg-primary);box-shadow:0 1px 3px #00000026}.dm-view__welcome-avatar-button:focus,.dm-view__welcome-avatar-button:focus-visible{outline:none;box-shadow:none}.dm-view__welcome-name-button{border:none;background:transparent;padding:0;margin:0;font-size:26px;font-weight:800;color:var(--text-primary);cursor:pointer;appearance:none;outline:none;box-shadow:none;letter-spacing:-.5px}.dm-view__welcome-name-button:hover{color:var(--brand-primary);text-decoration:underline}.dm-view__welcome-name-button:focus,.dm-view__welcome-name-button:focus-visible{outline:none;box-shadow:none}.dm-view__welcome-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-view__welcome-avatar-initials{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-inverse);font-size:24px;font-weight:700;text-transform:uppercase;line-height:1}.dm-view__welcome h2{font-size:26px;font-weight:800;margin:0 0 12px;color:var(--text-primary);line-height:1.2}.dm-view__welcome p{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0}.dm-view__pagination-loading{padding:16px;text-align:center;color:var(--text-secondary);font-size:14px;font-style:italic;min-height:40px}.dm-view__messages{display:flex;flex-direction:column;gap:2px}.dm-view__message-item{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;border-radius:8px;transition:background-color .15s ease;position:relative}.dm-view__message-item:hover{background-color:var(--bg-secondary)}.dm-view__message-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));color:var(--text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.2px;flex:0 0 45px;position:relative;overflow:visible;margin:0}.dm-view__message-avatar-button{width:100%;height:100%;border:none;background:transparent;padding:0;margin:0;cursor:pointer;appearance:none;outline:none;box-shadow:none;border-radius:50%;overflow:visible;position:relative}.dm-view__message-avatar-button:focus,.dm-view__message-avatar-button:focus-visible{outline:none;box-shadow:none}.dm-view__message-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-view__message-avatar-initials{font-size:13px;font-weight:700;letter-spacing:.2px;color:var(--text-inverse)}.dm-view__message-status-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:999px;border:2px solid var(--bg-primary);box-shadow:0 1px 2px #00000029;z-index:2}.dm-view__message-content{display:flex;flex-direction:column;flex:1;min-width:0;gap:0;margin:0;padding:0;overflow:hidden}.dm-view__message-header{display:flex;align-items:center;gap:0;margin-bottom:0;flex-wrap:nowrap;min-width:0;align-content:flex-start;width:100%;overflow:hidden}.dm-view__message-user{font-size:15px;font-weight:700;color:var(--text-primary);margin-right:8px;white-space:nowrap;flex-shrink:0}.dm-view__message-user-button{border:none!important;background:transparent!important;padding:0!important;cursor:pointer;appearance:none;outline:none!important;box-shadow:none!important;border-radius:0!important;line-height:inherit}.dm-view__message-user-button:hover{color:var(--brand-primary);text-decoration:underline}.dm-view__message-user-button:focus,.dm-view__message-user-button:focus-visible{outline:none;box-shadow:none}.dm-view__message-time{font-size:12px;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-view__message-edited-tag{font-size:11px;color:var(--text-muted);font-style:italic;margin-left:4px}.dm-view__message-actions{position:absolute;top:4px;right:8px;margin:0;opacity:0;pointer-events:none;background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;gap:2px;border:none;box-shadow:none;padding:0;z-index:10;transition:opacity .15s ease}.dm-view__message-item:hover .dm-view__message-actions{opacity:1;pointer-events:auto}.dm-view__quoted-message{display:flex;gap:8px;background-color:var(--bg-secondary);padding:8px 12px;border-radius:6px;margin-bottom:6px;margin-top:4px;max-width:100%}.dm-view__quoted-line{width:4px;background-color:var(--hover-bg);border-radius:2px}.dm-view__quoted-content{flex:1;min-width:0}.dm-view__quoted-user{font-size:12px;font-weight:700;color:var(--text-secondary);display:block;margin-bottom:2px}.dm-view__quoted-text{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-view__reply-preview{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-bottom:none;padding:12px 16px;margin:0 24px;border-radius:8px 8px 0 0;box-shadow:0 -2px 10px #0000000d}.dm-view__reply-preview-content{display:flex;gap:12px;flex:1;min-width:0}.dm-view__reply-preview-line{width:4px;background-color:var(--brand-primary);border-radius:2px}.dm-view__reply-preview-details{flex:1;min-width:0}.dm-view__reply-preview-user{font-size:13px;font-weight:700;color:var(--brand-primary);display:block}.dm-view__reply-preview-text{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-view__reply-preview-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%}.dm-view__reply-preview-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.dm-view__message-action-btn{border:none;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;border-radius:50%;transition:all .15s ease}.dm-view__message-action-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.dm-view__message-action-btn--delete:hover{color:var(--danger-primary);background-color:var(--danger-light)}.dm-view__message-action-btn--active{color:var(--brand-primary);background-color:var(--brand-light)}.dm-view__message-action-btn--bookmark-active{color:#fbc02d;background-color:var(--bg-tertiary)}.dm-view__message-menu{position:relative;display:inline-flex;align-items:center}.dm-view__menu-dropdown-content{display:flex;flex-direction:column}.dm-view__menu-item{display:flex;align-items:center;width:100%;border:none;background:transparent;color:var(--text-primary);text-align:left;font-size:13px;font-weight:600;border-radius:6px;padding:8px 10px;cursor:pointer;transition:background-color .15s ease}.dm-view__menu-item:hover:not(:disabled){background:var(--hover-bg)}.dm-view__menu-item:disabled{opacity:.6;cursor:not-allowed}.dm-view__menu-item--danger{color:var(--danger-primary)}.dm-view__menu-item--danger:hover:not(:disabled){background:var(--danger-light);color:var(--danger-primary)}.dm-view__message-text{font-size:15px;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere;min-width:0;margin:2px 0 0;width:100%}.dm-view__message-text a{color:var(--brand-primary);text-decoration:underline}.dm-view__message-text a:hover{color:#0f766e;text-decoration:underline}.dm-view__call{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 12px;margin:3px 0;background:var(--bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--border-primary, rgba(16, 185, 129, .25));border-radius:10px;line-height:1;transition:border-color .15s ease,background .15s ease}.dm-view__call:hover{background:var(--bg-tertiary, #f3f4f6);border-color:#10b98166}.dm-view__call-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#10b98126;color:#10b981;flex-shrink:0}.dm-view__call-body{display:flex;flex-direction:column;gap:2px;min-width:0}.dm-view__call-title{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap}.dm-view__call-direction{display:inline-flex;color:var(--text-muted, #6b7280)}.dm-view__call-sub{display:inline-flex;align-items:center;gap:5px}.dm-view__call-duration{font-size:12px;color:var(--text-muted, #6b7280)}.dm-view__call-missed{font-size:12px;color:#ef4444}.dm-view__call--missed{border-color:#ef44444d}.dm-view__call--missed .dm-view__call-icon{background:#ef444426;color:#ef4444}.dm-view__call--missed .dm-view__call-missed{color:#dc2626}.dm-view__call--live{border-color:#10b98173}.dm-view__call-live{font-size:12px;color:#10b981;font-weight:600}.dm-view__call-join{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:5px 12px;border:none;border-radius:8px;background:#10b981;color:#fff;font-size:12px;font-weight:600;line-height:1;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .15s ease}.dm-view__call-join:hover{background:#059669}.dm-view__call-join:active{transform:translateY(1px)}.dm-view__file-card{margin-top:8px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);padding:10px 12px;display:flex;align-items:center;gap:10px;max-width:100%}.dm-view__file-thumb{width:46px;height:46px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.dm-view__file-thumb-label{font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--text-inverse)}.dm-view__file-thumb--pdf{background:linear-gradient(135deg,#b91c1c,#ef4444)}.dm-view__file-thumb--word{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.dm-view__file-thumb--excel{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary))}.dm-view__file-thumb--powerpoint{background:linear-gradient(135deg,#c2410c,#f97316)}.dm-view__file-thumb--video{background:linear-gradient(135deg,#4c1d95,#8b5cf6)}.dm-view__file-thumb--audio{background:linear-gradient(135deg,#0f766e,#14b8a6)}.dm-view__file-thumb--image{background:linear-gradient(135deg,#0369a1,#0ea5e9)}.dm-view__file-thumb--archive{background:linear-gradient(135deg,#854d0e,#ca8a04)}.dm-view__file-thumb--text{background:linear-gradient(135deg,#374151,#6b7280)}.dm-view__file-thumb--file{background:linear-gradient(135deg,#475569,#94a3b8)}.dm-view__file-main{display:flex;flex-direction:column;min-width:0;flex:1}.dm-view__file-name{font-size:13px;font-weight:600;color:var(--text-primary);word-break:break-word}.dm-view__file-size{font-size:12px;color:var(--text-secondary)}.dm-view__file-download{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--brand-primary);font-size:12px;font-weight:600;border-radius:6px;padding:6px 10px;cursor:pointer;flex-shrink:0}.dm-view__file-download:hover{background:var(--brand-light)}.dm-view__message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;width:100%}.dm-view__reaction{display:flex;align-items:center;gap:4px;padding:2px 8px;border:none;border-radius:0;font-size:13px;background-color:transparent;transition:all .15s ease;color:var(--text-secondary);position:relative}.dm-view__reaction-emoji,.dm-view__reaction-count{border:none;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;line-height:1}.dm-view__reaction-emoji{font-size:13px}.dm-view__reaction-count{font-size:11px;font-weight:600;color:var(--text-secondary)}.dm-view__reaction-emoji:focus,.dm-view__reaction-emoji:focus-visible,.dm-view__reaction-count:focus,.dm-view__reaction-count:focus-visible{outline:none}.dm-view__reaction:hover,.dm-view__reaction--active:hover{background-color:var(--bg-tertiary)}.dm-view__reaction--active .dm-view__reaction-count{color:var(--brand-primary)}.dm-view__reaction--add{color:var(--text-muted);padding:2px 6px;background-color:transparent}.dm-view__reaction--add:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dm-view__reaction--overflow{color:var(--text-secondary);font-weight:600;background-color:transparent}.dm-view__reaction--overflow:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dm-view__reactions-popover{position:fixed;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 16px #00000026;z-index:1000;min-width:200px;max-height:300px;overflow-y:auto;padding:4px}.dm-view__reactions-popover-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;color:var(--text-primary);text-align:left;font-size:13px;font-weight:500;border-radius:6px;padding:6px 10px;cursor:pointer;transition:background-color .15s ease}.dm-view__reactions-popover-row:hover{background:var(--hover-bg)}.dm-view__reactions-popover-row--active{background-color:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary)}.dm-view__reactions-popover-emoji{font-size:16px}.dm-view__reactions-popover-count{font-size:12px;font-weight:600;color:var(--text-secondary)}.dm-view__reactions-popover-back-btn{background:transparent;border:none;color:var(--text-secondary);font-size:12px;padding:4px 8px;width:auto;text-align:left;border-radius:6px;cursor:pointer;transition:background-color .15s ease,color .15s ease;font-weight:500}.dm-view__reactions-popover-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dm-view__reactions-popover-user-row{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.dm-view__reactions-popover-user-row:last-child{border-bottom:none}.dm-view__reactions-popover-user-avatar{width:24px;height:24px;border-radius:50%;flex:0 0 24px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 60%,#10B981))}.dm-view__reactions-popover-user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-view__reactions-popover-user-initials{font-size:10px;font-weight:700;letter-spacing:.2px;color:var(--text-inverse);line-height:1}.dm-view__reactions-popover-user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-view__reaction--pop{animation:dm-reaction-pop .2s ease}@keyframes dm-reaction-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.dm-view__quick-reaction-btn{font-size:14px;padding:4px 6px}.dm-view__reaction-tooltip{position:fixed;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;padding:4px 8px;font-size:12px;color:var(--text-primary);white-space:nowrap;box-shadow:0 2px 8px #00000026;z-index:1000;pointer-events:none!important;opacity:0;transition:opacity .15s ease}.dm-view__reaction-tooltip--visible{opacity:1}@media(max-width:768px){.dm-view-shell{position:relative}}@media(max-width:600px){.dm-view__message-actions{opacity:1;pointer-events:auto;position:relative;top:auto;right:auto;margin-left:4px;padding:0;background:transparent}}@media(max-width:480px){.dm-view__message-item{gap:10px}.dm-view__message-avatar{width:36px;height:36px;flex:0 0 36px}}.dm-view__typing-indicator{font-size:.85rem;color:var(--text-secondary);font-style:italic;padding:8px 12px;margin-bottom:4px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.dm-view__new-messages-pill{align-self:center;margin:0 auto 8px;padding:6px 16px;border:none;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:600;color:#fff;background:var(--accent-color, #2f855a);box-shadow:0 2px 8px #0000002e}.dm-view__new-messages-pill:hover{filter:brightness(1.08)}.dm-view__unsent-banner{display:flex;align-items:center;gap:10px;margin:0 12px 8px;padding:8px 12px;border:1px solid rgba(217,119,6,.35);border-radius:8px;background:#d977061a;font-size:.85rem}.dm-view__unsent-text{flex:1;color:var(--text-primary, #1f2937)}.dm-view__unsent-action{border:none;background:none;cursor:pointer;font-weight:600;font-size:.85rem;color:var(--accent-color, #2f855a)}.dm-view__unsent-action--muted{color:var(--text-secondary, #6b7280)}.dm-view__unsent-action:hover{text-decoration:underline}.dm-view__settings{position:relative}.dm-view__settings>button{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:18px;display:flex;align-items:center;padding:8px;border-radius:6px}.dm-view__settings>button:hover{color:var(--brand-primary);background-color:var(--hover-bg)}.dm-view__settings-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:40;padding:6px}.dm-view__settings-item{width:100%;border:none;background:transparent;color:var(--text-primary);padding:8px 10px;border-radius:6px;text-align:left;font-size:14px;cursor:pointer}.dm-view__settings-item:hover:not(:disabled){background:var(--hover-bg)}.dm-view__settings-item:disabled{opacity:.65;cursor:not-allowed}@media(max-width:768px){.dm-view__content{padding:16px 8px 0}.dm-view__welcome{padding:24px 12px}.dm-view__welcome h2{font-size:22px}.dm-view__message-text pre{max-width:100%;overflow-x:auto}.dm-view__message-text img{max-width:100%;height:auto}}@media(max-width:480px){.dm-view__message-item{padding:6px}}@media(hover:none){.dm-view__message-actions,.dm-view__message-item:hover .dm-view__message-actions{position:absolute;top:2px;right:6px;margin:0;padding:2px;opacity:0;pointer-events:none;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 4px 14px #0000001f}.dm-view__message-item--actions-open .dm-view__message-actions,.dm-view__message-item--actions-open:hover .dm-view__message-actions{opacity:1;pointer-events:auto}.dm-view__message-item:hover{background-color:transparent}.dm-view__message-item--actions-open,.dm-view__message-item--actions-open:hover{background-color:var(--bg-secondary)}.dm-view__message-action-btn{padding:9px}}.dm-view__message-item--grouped{padding-top:2px;padding-bottom:2px}.dm-view__message-item .dm-view__message-avatar--spacer{height:0;background:none}.dm-view__message-item--grouped .dm-view__message-actions{top:-10px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 8px #00000014}.dm-view__message-text--inline{display:inline;margin:0}.dm-view__message-text--inline>:last-child:not(ul):not(ol):not(pre):not(blockquote):not(table){display:inline}.dm-view__message-inline-meta{margin-left:8px;font-size:11px;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.dm-view__message-inline-time{opacity:0;transition:opacity .12s ease}*+.dm-view__message-inline-time{margin-left:6px}@media(hover:hover){.dm-view__message-item--grouped:hover .dm-view__message-inline-time{opacity:1}}.dm-view__message-item--actions-open .dm-view__message-inline-time{opacity:1}.dm-view__message-inline-pin,.dm-view__message-inline-bookmark{margin-left:4px;vertical-align:-1px}.dm-view__message-inline-bookmark{color:#eab308}.dm-view__message-meta-line{margin-top:2px;line-height:1.4}.dm-view__message-meta-line .dm-view__message-inline-meta{margin-left:0}@media(max-width:600px)and (hover:hover){.dm-view__message-item--grouped .dm-view__message-actions{position:absolute;top:-10px;right:6px;margin:0;padding:2px;opacity:0;pointer-events:none}.dm-view__message-item--grouped:hover .dm-view__message-actions{opacity:1;pointer-events:auto}}.dm-view__message-deleted,.dm-view__quoted-text--deleted{font-style:italic;color:var(--text-muted)}.dm-view__message-deleted{font-size:14px}.edit-profile-form{display:flex;flex-direction:column;gap:16px;padding:0;max-height:calc(90vh - 180px);overflow:visible}.edit-profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:var(--brand-light);border-radius:16px;border:2px dashed var(--border-primary);transition:all .3s ease}.edit-profile-avatar-section:hover{border-color:var(--brand-primary);background:var(--bg-secondary);box-shadow:0 4px 12px #0f42231a}.edit-profile-avatar-wrapper{position:relative;width:100px;height:100px;cursor:pointer;padding:3px;background:linear-gradient(135deg,#0f4223,#1a7a3e);border-radius:50%;transition:all .3s ease}.edit-profile-avatar-wrapper:hover{transform:scale(1.05);box-shadow:0 8px 20px #0f422340}.edit-profile-avatar,.edit-profile-avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg-primary)}.edit-profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary)}.edit-profile-avatar-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0f4223e6;border-radius:50%;color:var(--text-inverse);opacity:0;transition:opacity .2s;border:none;cursor:pointer;font-size:11px;font-weight:600}.edit-profile-avatar-wrapper:hover .edit-profile-avatar-overlay{opacity:1}.edit-profile-avatar-overlay:disabled{cursor:not-allowed;opacity:.5}.edit-profile-avatar-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.edit-profile-avatar-hint{font-size:11px;color:var(--text-secondary);margin:0;font-weight:500}.edit-profile-avatar-delete{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--danger-primary);border-radius:6px;color:var(--danger-primary);font-size:11px;cursor:pointer;transition:all .2s;font-weight:600}.edit-profile-avatar-delete:hover{background:var(--danger-light);transform:scale(1.02)}.edit-profile-avatar-delete:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.5px}.form-textarea{width:100%;padding:10px 14px;border:2px solid var(--border-primary);border-radius:10px;font-size:14px;font-family:inherit;resize:none;height:80px;transition:all .2s;background:var(--bg-secondary)}.form-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #0f42231a;background:var(--bg-primary)}.form-textarea.error{border-color:var(--danger-primary)}.form-error{font-size:12px;color:var(--danger-primary);margin-top:4px}.edit-profile-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-primary)}.edit-profile-actions button{min-width:90px}.mobile-menu-btn{display:none}@media(max-width:768px){.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;margin-right:8px;vertical-align:middle;border:none;border-radius:6px;background:none;color:var(--text-secondary);font-size:18px;cursor:pointer}.mobile-menu-btn:hover{background:var(--hover-bg);color:var(--text-primary)}}.profile-page{width:100%;height:100%;overflow-y:auto}.profile-container{max-width:900px;margin:0 auto;padding:60px 24px}.profile-header{margin-bottom:60px;text-align:center}.profile-header h1{font-size:36px;font-weight:700;color:var(--brand-primary);margin:0;letter-spacing:-.5px}.profile-content{background-color:transparent;padding:0}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:48px}.profile-avatar-wrapper{position:relative;padding:6px;background:linear-gradient(135deg,#0f4223,#1a7a3e);border-radius:50%;box-shadow:0 8px 24px #0f422333,0 4px 8px #0000001a}.profile-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-primary);display:block}.profile-avatar-placeholder{width:140px;height:140px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:4px solid var(--bg-primary)}.profile-status-dot{position:absolute;bottom:12px;right:12px;width:24px;height:24px;border-radius:50%;border:4px solid var(--bg-primary);box-shadow:0 2px 8px #00000026}.profile-info-section{display:flex;flex-direction:column;gap:40px;padding:0;background:transparent}.profile-name-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:40px;border-bottom:2px solid var(--border-primary);position:relative}.profile-name-row:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:linear-gradient(90deg,#0f4223,#1a7a3e)}.profile-display-name{font-size:32px;font-weight:700;color:var(--brand-primary);margin:0 0 8px;letter-spacing:-.5px}.profile-unique-id{font-size:17px;color:var(--text-secondary);margin:0;font-weight:500}.profile-status-section{display:flex;flex-direction:column;gap:8px}.profile-field{display:flex;flex-direction:column;gap:12px}.profile-label{font-size:13px;font-weight:600;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.profile-icon{color:var(--brand-primary);font-size:14px;opacity:.7}.profile-value{font-size:16px;color:var(--text-primary);margin:0;font-weight:500;padding:0;background:transparent;border:none}.profile-bio{font-size:16px;color:var(--text-secondary);line-height:1.7;margin:0;white-space:pre-wrap;word-wrap:break-word;padding:0;background:transparent;border:none;min-height:auto}.profile-timestamps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;padding-top:40px;border-top:2px solid var(--border-primary)}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.profile-loading p{font-size:16px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.profile-error{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.profile-error p{font-size:16px;color:var(--danger-primary);text-align:center}@media(max-width:640px){.profile-container{padding:24px 16px}.profile-header h1{font-size:26px}.profile-info-section{padding:32px 24px}.profile-name-row{flex-direction:column;gap:20px}.profile-avatar,.profile-avatar-placeholder{width:120px;height:120px}.profile-avatar-placeholder svg{font-size:50px}.profile-timestamps{grid-template-columns:1fr}.profile-display-name{font-size:24px}}@media(max-width:480px){.profile-container{padding:16px 12px}.profile-info-section{padding:24px 16px}}@media(max-width:768px){.profile-header h1{position:relative;padding:0 44px}.profile-header h1 .mobile-menu-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0}}.settings-page{width:100%;height:100%;overflow-y:auto;background-color:var(--bg-primary, #ffffff);font-family:Twemoji Country Flags,Inter,-apple-system,sans-serif;color:var(--text-primary, #1e293b);padding:32px 40px}.settings-container{max-width:878px;margin:0 auto}.settings-header{margin-bottom:36px}.settings-header h1{font-size:28px;font-weight:800;color:var(--text-primary, #0F4223);margin:0 0 8px;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.settings-subtitle{font-size:14px;color:var(--text-secondary, #64748B);margin:0;line-height:1.5}.settings-icon{color:var(--brand-primary, #01411C);font-size:26px}.settings-sections{display:flex;flex-direction:column;gap:28px}.settings-section-block{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-primary, #e2e8f0);border-radius:12px;padding:24px 28px}.settings-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border-primary, #e2e8f0)}.settings-section-header h2{font-size:16px;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.settings-section-icon{font-size:18px;color:var(--brand-primary, #01411C)}.settings-section-content{display:flex;flex-direction:column;gap:16px}.accordion-item{background:var(--bg-secondary, #FFFFFF);border-radius:10px;border:1px solid var(--border-primary);overflow:hidden;box-shadow:0 1px 2px #00000008}.accordion-item.expanded{border-color:var(--brand-primary);box-shadow:var(--shadow, 0 4px 6px -1px rgba(0, 0, 0, .05))}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;cursor:pointer;background-color:var(--bg-secondary, #FFFFFF);-webkit-user-select:none;user-select:none}.accordion-item:not(.expanded) .accordion-header:hover{background-color:var(--bg-tertiary, #F8FAFC)}.accordion-title{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:600;color:var(--text-primary, #1E293B)}.accordion-icon{color:var(--text-secondary, #475569);font-size:16px}.accordion-item.expanded .accordion-icon{color:#059669}.accordion-item.expanded .accordion-title{color:var(--text-primary, #0F4223)}.accordion-arrow{color:var(--text-secondary, #94A3B8);font-size:13px}.accordion-content{padding:0 24px 24px;animation:slideDown .2s ease-out;background-color:var(--bg-secondary, #FFFFFF)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-section h3{font-size:14px;font-weight:600;color:var(--text-primary, #334155);margin:0 0 6px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-radio-group,.settings-checkbox-group{display:flex;flex-direction:column;gap:8px}.settings-radio-label,.settings-checkbox-label{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;background:var(--bg-primary, #FFFFFF);transition:all .15s}.settings-radio-label:hover,.settings-checkbox-label:hover{border-color:var(--brand-primary);background-color:var(--brand-light)}.settings-radio,.settings-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--brand-primary)}.settings-radio-label span,.settings-checkbox-label span{font-size:13px;color:var(--text-primary, #475569);font-weight:500}.settings-checkbox-label .settings-status{font-size:12px;font-weight:500;margin-left:auto}.settings-checkbox-label .settings-status--ok{color:#16a34a}.settings-checkbox-label .settings-status--error{color:#ef4444}.settings-checkbox-label .settings-status--muted{color:var(--text-muted, #6b7280)}.settings-hint{font-size:12px;line-height:1.5;color:var(--text-secondary, #64748B);margin:0 0 0 4px}.settings-inline-btn{padding:0;border:none;background:none;color:var(--brand-accent, #10b981);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}.settings-inline-btn:disabled{opacity:.6;cursor:default}.settings-suboptions{display:flex;flex-direction:column;gap:6px;margin-left:28px}.settings-suboptions .settings-radio-label{padding:7px 12px}.settings-suboptions--disabled .settings-radio-label{opacity:.55;cursor:not-allowed}.settings-suboptions--disabled .settings-radio-label:hover{border-color:var(--border-primary);background:var(--bg-primary, #FFFFFF)}.auth-form{max-width:400px}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.input-group label{font-size:12px;font-weight:600;color:var(--text-primary, #475569)}.settings-input{padding:10px 14px;border:1px solid var(--input-border, #CBD5E1);border-radius:6px;font-size:13px;background-color:var(--input-bg, #ffffff);color:var(--text-primary, #1E293B);outline:none;transition:border-color .2s}.settings-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #0f42231a}.error-text{color:var(--danger-primary);font-size:12px;margin-top:2px}.sessions-container{border-top:1px solid var(--border-color, #F1F5F9);padding-top:20px}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px}.current-session-card{border-color:#059669;background:var(--bg-primary, #ffffff)}.current-badge{background:#059669;color:var(--text-inverse);font-size:10px;padding:2px 6px;border-radius:12px;margin-left:8px;vertical-align:middle}.session-info{display:flex;align-items:center;gap:16px}.session-icon{font-size:24px;color:var(--text-secondary, #64748B)}.session-details{display:flex;flex-direction:column;gap:4px}.session-details h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #1E293B);display:flex;align-items:center}.delete-session-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff1f2;color:#e11d48;border:1px solid #FECDD3;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;width:140px;flex-shrink:0}.delete-session-btn:hover:not(:disabled){background:#ffe4e6;border-color:#fda4af}.delete-session-btn:disabled{opacity:.6;cursor:not-allowed}.logout-all-wrapper{margin-top:24px;padding-top:20px;border-top:1px dashed var(--border-primary)}.logout-all-btn{background:#ef4444!important;color:var(--text-inverse)!important;border-color:var(--danger-primary)!important;width:100%}.logout-all-btn:hover:not(:disabled){background:#dc2626!important}.settings-actions{display:flex;justify-content:flex-end;margin-top:6px}.save-btn{min-width:130px;font-size:13px!important;padding:10px 20px!important;background-color:var(--brand-primary);color:var(--text-inverse)!important}.spinner{width:32px;height:32px;border:3px solid var(--border-color, #E2E8F0);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner.small{width:16px;height:16px;border-width:2px}.sessions-loading{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary, #64748B);padding:20px 0}.no-sessions{font-size:13px;color:var(--text-secondary, #64748B);padding:20px;text-align:center;background:var(--bg-tertiary, #F8FAFC);border-radius:8px;border:1px dashed var(--border-color, #CBD5E1)}.accordion-item.danger-zone{border-color:var(--danger-primary);background:var(--danger-light)}.accordion-item.danger-zone.expanded{border-color:var(--danger-primary)}.accordion-item.danger-zone .accordion-icon{color:var(--danger-primary)}.accordion-item.danger-zone .accordion-title{color:#991b1b}.delete-account-container{padding:20px}.danger-warning{display:flex;gap:16px;padding:16px;background:var(--danger-light);border:1px solid var(--danger-primary);border-radius:8px;margin-bottom:24px}.danger-icon{color:var(--danger-primary);font-size:24px;flex-shrink:0;margin-top:2px}.danger-warning h3{font-size:16px;font-weight:600;color:var(--danger-primary);margin:0 0 8px}.danger-warning p{font-size:13px;color:var(--text-primary);margin:0;line-height:1.6}.delete-account-form{display:flex;flex-direction:column;gap:20px}.delete-account-info{background:var(--bg-tertiary);padding:16px;border-radius:8px;border:1px solid var(--border-primary)}.delete-account-info p{font-size:14px;font-weight:600;color:var(--text-primary, #1E293B);margin:0 0 12px}.delete-account-info ul{margin:0;padding-left:20px;list-style-type:disc}.delete-account-info li{font-size:13px;color:var(--text-secondary, #64748B);margin-bottom:8px;line-height:1.5}.delete-account-info li:last-child{margin-bottom:0}.delete-account-btn{background-color:var(--danger-primary)!important;color:var(--text-inverse)!important;font-weight:600!important;padding:12px 24px!important;border-radius:8px!important;border:none!important;cursor:pointer;transition:background-color .2s ease;font-size:14px!important}@media(max-width:1200px){.settings-container{margin:0 auto}}@media(max-width:768px){.settings-container{max-width:100%;margin:0 auto;padding:0 16px}}@media(max-width:640px){.settings-row{grid-template-columns:1fr;gap:16px}.session-card{flex-direction:column;align-items:flex-start;gap:14px;position:relative}.delete-session-btn{width:100%;justify-content:center}}@media(max-width:768px){.settings-page{padding:20px 0}}@media(max-width:480px){.settings-container{padding:0 12px}.settings-header{margin-bottom:24px}}.mfa-panel{display:flex;flex-direction:column;gap:20px;padding-top:20px;border-top:1px solid var(--border-primary);animation:mfaSlideIn .25s ease-out}@keyframes mfaSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mfa-steps{display:flex;align-items:center;gap:0;justify-content:center}.mfa-step{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-primary, #cbd5e1);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-secondary, #94a3b8);background:var(--bg-secondary, #fff);transition:all .2s;flex-shrink:0}.mfa-step.active{border-color:#059669;background:#059669;color:#fff}.mfa-step.done{border-color:#059669;background:#d1fae5;color:#059669}.mfa-step-line{height:2px;width:40px;background:var(--border-primary, #e2e8f0);flex-shrink:0;transition:background .2s}.mfa-step-line.active{background:#059669}.mfa-step-title{font-size:16px;font-weight:700;color:var(--text-primary, #1e293b);margin:0;text-align:center}.mfa-step-desc{font-size:13px;color:var(--text-secondary, #64748b);margin:0;text-align:center;line-height:1.6}.mfa-step-desc--warning{background:#fefce8;border:1px solid #fde68a;border-radius:8px;padding:12px 16px;color:#92400e;text-align:left}.mfa-qr-wrapper{display:flex;justify-content:center;padding:12px;background:#fff;border:1px solid var(--border-primary);border-radius:12px;align-self:center}.mfa-qr-image{width:180px;height:180px;image-rendering:pixelated}.mfa-manual-key{font-size:13px;color:var(--text-secondary)}.mfa-manual-key summary{cursor:pointer;color:#059669;font-weight:500;-webkit-user-select:none;user-select:none;text-align:center}.mfa-secret-box{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary, #f8fafc);border:1px solid var(--border-primary);border-radius:8px;padding:10px 14px;margin-top:10px}.mfa-secret-box code{flex:1;font-size:13px;letter-spacing:1.5px;word-break:break-all;color:var(--text-primary);font-family:Courier New,monospace}.mfa-copy-secret{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:14px;padding:4px;border-radius:4px;transition:color .15s}.mfa-copy-secret:hover{color:#059669}.mfa-digit-row{display:flex;gap:8px;justify-content:center}.mfa-digit{width:44px;height:52px;border:2px solid var(--border-primary, #cbd5e1);border-radius:8px;font-size:20px;font-weight:700;text-align:center;color:var(--text-primary, #1e293b);background:var(--input-bg, #fff);outline:none;transition:border-color .2s,box-shadow .2s,transform .1s;caret-color:transparent}.mfa-digit:focus{border-color:#059669;box-shadow:0 0 0 3px #05966926;transform:scale(1.04)}.mfa-digit.filled{border-color:#059669;color:#059669}.mfa-digit:disabled{opacity:.6}.mfa-actions{display:flex;flex-direction:column;gap:10px}.mfa-cancel-btn{background:none;border:none;cursor:pointer;font-size:13px;color:var(--text-secondary, #64748b);text-align:center;padding:4px;transition:color .15s}.mfa-cancel-btn:hover{color:var(--text-primary)}.mfa-backup-header{display:flex;align-items:center;gap:10px;justify-content:center}.mfa-backup-icon{font-size:20px;color:#d97706}.mfa-backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mfa-backup-code{background:var(--bg-tertiary, #f8fafc);border:1px solid var(--border-primary);border-radius:6px;padding:8px 12px;font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:2px;color:var(--text-primary, #1e293b);text-align:center}.mfa-backup-actions{display:flex;gap:10px;justify-content:center}.mfa-icon-btn{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary, #f8fafc);border:1px solid var(--border-primary);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s}.mfa-icon-btn:hover{background:var(--bg-secondary);border-color:#059669;color:#059669}.mfa-disable-header{display:flex;align-items:center;gap:10px;justify-content:center}.mfa-disable-icon{font-size:22px;color:var(--danger-primary, #dc2626)}.mfa-input-group{display:flex;flex-direction:column;gap:8px}.mfa-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-primary, #475569)}.mfa-label-icon{font-size:12px;color:var(--text-secondary)}.mfa-text-input{width:100%;padding:10px 14px;border:1px solid var(--input-border, #cbd5e1);border-radius:6px;font-size:13px;background:var(--input-bg, #fff);color:var(--text-primary, #1e293b);outline:none;transition:border-color .2s;box-sizing:border-box}.mfa-text-input:focus{border-color:var(--danger-primary, #dc2626);box-shadow:0 0 0 3px #dc26261a}.mfa-disable-confirm-btn{background-color:var(--danger-primary, #dc2626)!important}.mfa-status-card{padding-top:20px;border-top:1px solid var(--border-primary)}.mfa-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mfa-status-info{display:flex;align-items:center;gap:14px;flex:1}.mfa-status-icon{font-size:28px;flex-shrink:0}.mfa-status-icon--enabled{color:#059669}.mfa-status-icon--disabled{color:var(--text-secondary, #94a3b8)}.mfa-status-label{font-size:14px;color:var(--text-primary);margin:0 0 3px}.mfa-status-sub{font-size:12px;color:var(--text-secondary, #64748b);margin:0;line-height:1.5}.mfa-disable-btn{background:var(--bg-tertiary, #f8fafc);border:1px solid var(--border-primary);border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;color:var(--danger-primary, #dc2626);cursor:pointer;transition:all .15s;white-space:nowrap}.mfa-disable-btn:hover{background:#fee2e2;border-color:var(--danger-primary, #dc2626)}@media(max-width:480px){.mfa-digit{width:38px;height:46px;font-size:18px}.mfa-digit-row{gap:6px}.mfa-backup-grid{grid-template-columns:1fr}.mfa-status-row{flex-direction:column;align-items:flex-start}}.account-settings-page{width:100%;height:100%;overflow-y:auto;background-color:var(--bg-primary, #ffffff);font-family:Twemoji Country Flags,Inter,-apple-system,sans-serif;color:var(--text-primary, #1e293b);padding:40px 20px}.account-settings-container{max-width:878px;margin:0 auto}.account-settings-header{margin-bottom:30px}.account-settings-header h1{font-size:26px;font-weight:700;color:var(--text-primary, #0F4223);margin:0 0 6px;display:flex;align-items:center;gap:12px}.account-settings-subtitle{font-size:13px;color:var(--text-secondary, #64748B);margin:0}.account-settings-icon{color:var(--text-primary, #0F4223);font-size:24px}.settings-accordion{display:flex;flex-direction:column;gap:12px}.accordion-item{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-primary, #e2e8f0);border-radius:10px;overflow:hidden;transition:all .2s ease}.accordion-item.danger-zone{border-color:var(--danger-primary, #dc2626)}.accordion-item.danger-zone .accordion-title{color:var(--text-primary)}.accordion-item.danger-zone .accordion-icon{color:var(--danger-primary, #dc2626)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.accordion-item:not(.expanded) .accordion-header:hover{background:var(--hover-bg, #f1f5f9)}.accordion-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--text-primary, #1e293b)}.accordion-icon{font-size:18px;color:var(--text-secondary, #64748B)}.accordion-arrow{font-size:14px;color:var(--text-muted, #94a3b8)}.accordion-content{padding:0 20px 20px}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section h3{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);margin:0}.settings-description{font-size:13px;color:var(--text-secondary, #64748B);margin:0;line-height:1.5}.settings-row{display:flex;gap:32px;flex-wrap:wrap}.settings-radio-group,.settings-checkbox-group{display:flex;flex-direction:column;gap:10px}.settings-radio-label,.settings-checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary, #1e293b);cursor:pointer}.settings-radio,.settings-checkbox{width:18px;height:18px;accent-color:var(--brand-primary, #01411C);cursor:pointer}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:13px;font-weight:600;color:var(--text-secondary, #64748B)}.settings-input{padding:10px 14px;border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;font-size:14px;color:var(--text-primary, #1e293b);background:var(--bg-primary, #ffffff);outline:none;transition:border-color .15s ease}.settings-input:focus{border-color:var(--brand-primary, #01411C);box-shadow:0 0 0 3px #01411c1a}.delete-account-form .settings-input{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:8px}.delete-account-form .settings-input:-webkit-autofill,.delete-account-form .settings-input:-webkit-autofill:hover,.delete-account-form .settings-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-secondary) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 9999s ease-in-out 0s}.error-text{font-size:12px;color:var(--danger-primary, #dc2626)}.settings-actions{display:flex;justify-content:flex-end;margin-top:8px}.sessions-container{display:flex;flex-direction:column;gap:16px}.sessions-loading,.no-sessions{font-size:13px;color:var(--text-secondary, #64748B);padding:12px 0}.sessions-list{display:flex;flex-direction:column;gap:10px}.session-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;background:var(--bg-primary, #ffffff)}.current-session-card{background:#e6f6ec;border-color:#16a34a}.session-info{display:flex;align-items:center;gap:12px}.session-icon{font-size:18px;color:var(--text-secondary, #64748B)}.session-details h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);display:flex;align-items:center;gap:8px}.session-details span{font-size:12px;color:var(--text-secondary, #64748B)}.current-badge{background:#16a34a;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.delete-session-btn{background:transparent;border:1px solid var(--danger-primary, #dc2626);color:var(--danger-primary, #dc2626);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.delete-session-btn:hover:not(:disabled){background:var(--danger-primary, #dc2626);color:#fff}.delete-session-btn:disabled{opacity:.5;cursor:not-allowed}.logout-all-wrapper{margin-top:8px}.danger-warning{display:flex;flex-direction:column;padding:16px;background:var(--danger-light, #fef2f2);border:1px solid var(--danger-primary, #dc2626);border-radius:8px}.danger-warning h3{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--danger-primary, #dc2626)}.danger-warning p{margin:0;font-size:13px;color:var(--text-primary, #1e293b);line-height:1.5}.delete-account-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.delete-account-form .input-group label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.delete-account-info{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:14px}.delete-account-info p{margin:0 0 8px;font-size:13px;color:var(--text-primary, #1e293b)}.delete-account-info ul{margin:0;padding-left:20px}.delete-account-info li{font-size:13px;color:var(--text-secondary, #64748B);line-height:1.6}.delete-account-btn{background-color:#dc2626!important;color:#fff!important;border:none!important;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;width:100%}.delete-account-btn:hover:not(:disabled){background-color:#b91c1c!important}.delete-account-btn:disabled{opacity:.6;cursor:not-allowed}.spinner.small{display:inline-block;width:16px;height:16px;border:2px solid var(--border-primary);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .6s linear infinite}@media(max-width:1200px){.account-settings-container{margin:0 auto}}@media(max-width:768px){.account-settings-container{max-width:100%;margin:0 auto;padding:0 16px}}@media(max-width:768px){.account-settings-page{padding:20px 0}}@media(max-width:480px){.account-settings-container{padding:0 12px}.account-settings-header{margin-bottom:20px}}@media(max-width:768px){table.rtable,table.rtable tbody,table.rtable tr,table.rtable td{display:block;width:100%;box-sizing:border-box}table.rtable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}table.rtable tr{padding:10px 12px;border-bottom:1px solid var(--border-primary)}table.rtable tbody tr:last-child{border-bottom:none}table.rtable td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:3px 0;border:none;text-align:right;white-space:normal}table.rtable td:before{content:attr(data-label);flex-shrink:0;text-align:left;font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);padding-top:2px}table.rtable td[data-label=""]:before{content:none}table.rtable td[data-label=""]{justify-content:flex-start;text-align:left;padding-top:8px}table.rtable td.rtable__title{display:block;text-align:left;padding-bottom:6px}table.rtable td.rtable__title:before{content:none}table.rtable td.rtable__block{display:block;text-align:left}table.rtable td.rtable__block:before{display:block;margin-bottom:2px}}.workspace-channels-panel{display:flex;flex-direction:column;gap:1rem;font-family:var(--font-family)}.workspace-channels-panel__summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem}.workspace-channels-panel__total{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.workspace-channels-panel__usage{font-size:.8125rem;color:var(--text-muted)}.workspace-channels-panel__table-wrap{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md)}.workspace-channels-panel__table{width:100%;border-collapse:collapse;font-size:.875rem}.workspace-channels-panel__table th{text-align:left;padding:.625rem .875rem;background-color:var(--bg-tertiary);color:var(--text-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid var(--border-primary);white-space:nowrap}.workspace-channels-panel__table td{padding:.625rem .875rem;border-bottom:1px solid var(--border-primary);color:var(--text-primary);vertical-align:top}.workspace-channels-panel__table tr:last-child td{border-bottom:none}.workspace-channels-panel__row--archived td{opacity:.6}.workspace-channels-panel__name{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}.workspace-channels-panel__name svg{font-size:.75rem;color:var(--text-muted)}.workspace-channels-panel__badge{display:inline-block;margin-left:.5rem;padding:.1rem .45rem;border-radius:999px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);font-size:.6875rem;font-weight:600;color:var(--text-muted)}.workspace-channels-panel__badge--archived{color:#d97706;border-color:#d9770666}.workspace-channels-panel__desc{margin-top:.2rem;font-size:.75rem;color:var(--text-muted)}.workspace-channels-panel__cap{text-transform:capitalize}.workspace-channels-panel__mono{font-family:monospace;font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.workspace-channels-panel__muted{font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.workspace-channels-panel__open{font-size:.8125rem;font-weight:600;color:var(--brand-primary);text-decoration:none}.workspace-channels-panel__open:hover{text-decoration:underline}.workspace-channels-panel__empty{padding:2rem 0;text-align:center;color:var(--text-muted)}.workspace-channels-panel__error{padding:2rem 0;text-align:center;color:var(--danger-primary)}.workspace-channels-panel__retry{margin-top:.5rem;padding:.4rem 1rem;border-radius:8px;border:1.5px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer}.workspace-channels-panel__actions{display:flex;flex-wrap:wrap;gap:.375rem}.workspace-channels-panel__action{padding:.25rem .625rem;border-radius:6px;border:1px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer}.workspace-channels-panel__action:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.workspace-channels-panel__action--danger:hover:not(:disabled){border-color:var(--danger-primary);color:var(--danger-primary)}.workspace-channels-panel__action:disabled{opacity:.6;cursor:not-allowed}.workspace-channels-panel__row--archived td:last-child{opacity:1}.workspace-channels-panel__form{display:flex;flex-direction:column;gap:1rem}.workspace-channels-panel__field{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.workspace-channels-panel__field input,.workspace-channels-panel__field textarea{padding:.5rem .75rem;border-radius:8px;border:1.5px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.875rem;font-weight:400;resize:vertical}.workspace-channels-panel__field input:focus,.workspace-channels-panel__field textarea:focus{outline:none;border-color:var(--brand-primary)}.workspace-channels-panel__form-actions{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:768px){.workspace-channels-panel__action{padding:.45rem .8rem;font-size:.8125rem}.workspace-channels-panel__badge{margin-left:.35rem}}.workspace-invitations-panel{font-family:var(--font-family)}.workspace-invitations-panel__table-wrap{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md)}.workspace-invitations-panel__table{width:100%;border-collapse:collapse;font-size:.875rem}.workspace-invitations-panel__table th{text-align:left;padding:.625rem .875rem;background-color:var(--bg-tertiary);color:var(--text-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid var(--border-primary);white-space:nowrap}.workspace-invitations-panel__table td{padding:.625rem .875rem;border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.workspace-invitations-panel__table tr:last-child td{border-bottom:none}.workspace-invitations-panel__role{text-transform:capitalize;font-weight:600}.workspace-invitations-panel__mono{font-family:monospace;font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.workspace-invitations-panel__status{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.workspace-invitations-panel__status--active{background-color:#22c55e1f;color:#16a34a}.workspace-invitations-panel__status--expired{background-color:var(--bg-tertiary);color:var(--text-muted)}.workspace-invitations-panel__status--revoked{background-color:#dc26261a;color:#dc2626}.workspace-invitations-panel__revoke-btn{padding:.3rem .75rem;border-radius:6px;border:1.5px solid rgba(220,38,38,.4);background-color:transparent;color:#dc2626;cursor:pointer;font-family:var(--font-family);font-weight:600;font-size:.75rem}.workspace-invitations-panel__revoke-btn:hover{background-color:#dc262614}.workspace-invitations-panel__revoke-btn:disabled{opacity:.45;cursor:not-allowed}.workspace-invitations-panel__empty{padding:2rem 0;text-align:center;color:var(--text-muted)}.workspace-invitations-panel__loading,.workspace-invitations-panel__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 0;color:var(--text-muted)}.workspace-invitations-panel__retry{padding:.4rem 1rem;border-radius:8px;border:1.5px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-weight:600}.workspace-usage-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.workspace-usage-panel__card{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;font-family:var(--font-family)}.workspace-usage-panel__card-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}.workspace-usage-panel__card-value{font-size:1.375rem;font-weight:700;color:var(--text-primary)}.workspace-usage-panel__card-limit{font-size:.9rem;font-weight:500;color:var(--text-muted)}.workspace-usage-panel__bar{width:100%;height:6px;border-radius:999px;background-color:var(--border-primary);overflow:hidden}.workspace-usage-panel__bar-fill{height:100%;background-color:var(--brand-primary);border-radius:999px;transition:width .2s ease}.workspace-usage-panel__bar-fill--danger{background-color:#dc2626}.workspace-usage-panel__card-pct{font-size:.75rem;color:var(--text-muted)}.workspace-usage-panel__toggle-status{display:flex;align-items:center;gap:.4rem;font-size:1.125rem;font-weight:700}.workspace-usage-panel__toggle-status--on{color:#16a34a}.workspace-usage-panel__toggle-status--off{color:var(--text-muted)}.workspace-usage-panel__card-hint{font-size:.75rem;color:var(--text-muted);line-height:1.4}.workspace-usage-panel__loading,.workspace-usage-panel__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 0;color:var(--text-muted);font-family:var(--font-family)}.workspace-usage-panel__retry{padding:.4rem 1rem;border-radius:8px;border:1.5px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-weight:600}.wal{display:flex;flex-direction:column;gap:1rem;font-family:var(--font-family);color:var(--text-primary)}.wal__state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;color:var(--text-muted);text-align:center}.wal__state--notice{border:1px dashed var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-secondary)}.wal__state--notice h3{margin:0;color:var(--text-primary);font-size:1rem}.wal__state--notice p{margin:0;max-width:560px;line-height:1.5}.wal__intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.wal__intro-text{margin:0;color:var(--text-secondary);font-size:.875rem}.wal__switch{display:inline-flex;align-items:center;gap:.6rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer}.wal__toggle{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.wal__toggle input{opacity:0;width:0;height:0}.wal__toggle-track{position:absolute;inset:0;background-color:var(--border-primary);border-radius:999px;transition:background-color .15s ease}.wal__toggle-track:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .15s ease}.wal__toggle input:checked+.wal__toggle-track{background-color:var(--brand-primary)}.wal__toggle input:checked+.wal__toggle-track:before{transform:translate(18px)}.wal__toggle input:disabled+.wal__toggle-track{opacity:.6}.wal__filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-secondary)}.wal__filters-more{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.wal__filter-actions{display:flex;gap:.5rem;margin-left:auto}.wal__input{min-width:0;padding:.45rem .6rem;border:1px solid var(--border-primary);border-radius:8px;background-color:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:.8125rem}.wal__input--grow{flex:1 1 260px}.wal__btn{padding:.45rem .9rem;border:1.5px solid var(--brand-primary);border-radius:8px;background-color:var(--brand-primary);color:#fff;font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap}.wal__btn:disabled{opacity:.6;cursor:default}.wal__btn--ghost{background-color:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}.wal__btn--small{padding:.3rem .65rem;font-size:.75rem}.wal__error{padding:.6rem .8rem;border-radius:8px;background-color:var(--danger-light);color:var(--danger-primary);font-size:.8125rem}.wal__empty{padding:2rem 0;text-align:center;color:var(--text-muted)}.wal__table-wrap{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md)}.wal__table{width:100%;border-collapse:collapse;font-size:.8125rem}.wal__table th{text-align:left;padding:.6rem .75rem;background-color:var(--bg-tertiary);color:var(--text-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid var(--border-primary);white-space:nowrap}.wal__table td{padding:.55rem .75rem;border-bottom:1px solid var(--border-primary);vertical-align:top}.wal__table tr:last-child td{border-bottom:none}.wal__row{cursor:pointer}.wal__row:hover td{background-color:var(--bg-secondary)}.wal__actor,.wal__action{font-weight:600}.wal__sub{color:var(--text-muted);font-size:.75rem;margin-top:.15rem}.wal__clip{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wal__mono{font-family:monospace;font-size:.75rem;color:var(--text-secondary);word-break:break-all}.wal-badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border:1px solid transparent}.wal-badge--success{color:var(--color-success, #1a7f37);border-color:currentColor}.wal-badge--failure,.wal-badge--error{color:var(--danger-primary);border-color:currentColor}.wal-badge--denied{color:var(--color-warning, #b35900);border-color:currentColor}.wal__more{display:flex;justify-content:center}.wal__exports{display:flex;flex-direction:column;gap:.6rem;padding:.9rem;border:1px solid var(--border-primary);border-radius:var(--radius-md)}.wal__exports-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem}.wal__exports-head h4{margin:0;font-size:.9375rem}.wal__exports-actions{display:flex;gap:.5rem}.wal__jobs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.wal__job{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;padding:.5rem 0;border-top:1px solid var(--border-primary);font-size:.8125rem}.wal__job-format{font-weight:700;min-width:2.5rem}.wal__job-status{flex:1 1 200px;color:var(--text-secondary)}.wal__job-actions{display:flex;gap:.4rem}.wal-drawer{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background-color:#00000059}.wal-drawer__panel{width:min(560px,100%);height:100%;overflow-y:auto;padding:1.25rem;background-color:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-lg);box-sizing:border-box}.wal-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.wal-drawer__head h3{margin:0;font-size:1rem}.wal-drawer__panel h4{margin:1.25rem 0 .5rem;font-size:.875rem}.wal-drawer__desc{margin:0 0 1rem;line-height:1.5}.wal-drawer__grid{display:grid;grid-template-columns:120px 1fr;gap:.45rem .75rem;margin:0;font-size:.8125rem}.wal-drawer__grid dt{color:var(--text-muted)}.wal-drawer__grid dd{margin:0;word-break:break-word}.wal-drawer__changes{width:100%;border-collapse:collapse;font-size:.8125rem}.wal-drawer__changes th,.wal-drawer__changes td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border-primary);vertical-align:top;word-break:break-word}.wal-drawer__changes th{color:var(--text-muted);font-size:.6875rem;text-transform:uppercase}.wal-drawer__json{margin:0;padding:.75rem;border-radius:8px;background-color:var(--bg-secondary);font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media(max-width:768px){.wal__filter-actions{margin-left:0;width:100%}.wal-drawer__grid{grid-template-columns:1fr}.wal-drawer__grid dt{margin-top:.4rem}}.workspace-settings-panel{display:flex;flex-direction:column;gap:0;font-family:var(--font-family);max-width:560px}.workspace-settings-panel__row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--border-primary)}.workspace-settings-panel__row-text{display:flex;flex-direction:column;gap:.25rem}.workspace-settings-panel__row-label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.workspace-settings-panel__row-hint{font-size:.8125rem;color:var(--text-muted)}.workspace-settings-panel__toggle{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.workspace-settings-panel__toggle input{opacity:0;width:0;height:0}.workspace-settings-panel__toggle-track{position:absolute;inset:0;background-color:var(--border-primary);border-radius:999px;cursor:pointer;transition:background-color .15s ease}.workspace-settings-panel__toggle-track:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .15s ease}.workspace-settings-panel__toggle input:checked+.workspace-settings-panel__toggle-track{background-color:var(--brand-primary)}.workspace-settings-panel__toggle input:checked+.workspace-settings-panel__toggle-track:before{transform:translate(18px)}.workspace-settings-panel__footer{display:flex;justify-content:flex-end;padding-top:1.25rem}.workspace-settings-panel__save-btn{padding:.55rem 1.25rem;border-radius:8px;border:none;background-color:var(--brand-primary);color:#fff;font-family:var(--font-family);font-weight:600;font-size:.875rem;cursor:pointer}.workspace-settings-panel__save-btn:hover{background-color:var(--brand-secondary)}.workspace-settings-panel__save-btn:disabled{opacity:.5;cursor:not-allowed}.workspace-settings-panel__loading,.workspace-settings-panel__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 0;color:var(--text-muted)}.workspace-settings-panel__retry{padding:.4rem 1rem;border-radius:8px;border:1.5px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-weight:600}.workspace-danger-zone-panel{font-family:var(--font-family)}.workspace-danger-zone-panel__card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid var(--danger-primary, #dc2626);background:var(--danger-light, #fef2f2);border-radius:var(--radius-md);max-width:560px}.workspace-danger-zone-panel__header{display:flex;gap:.75rem;align-items:flex-start}.workspace-danger-zone-panel__icon{color:var(--danger-primary, #dc2626);font-size:1.25rem;flex-shrink:0;margin-top:2px}.workspace-danger-zone-panel__title{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.workspace-danger-zone-panel__hint{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.5}.workspace-danger-zone-panel__delete-btn{align-self:flex-start;padding:.5rem 1.25rem;border-radius:8px;border:none;background-color:#dc2626;color:#fff;font-family:var(--font-family);font-weight:600;font-size:.875rem;cursor:pointer}.workspace-danger-zone-panel__delete-btn:hover{background-color:#b91c1c}.workspace-danger-zone-panel__owner-only{font-size:.8125rem;color:var(--text-muted);font-style:italic}.workspace-admin-page{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);animation:pageSlideIn .32s cubic-bezier(.22,1,.36,1) both}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.workspace-admin-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-muted);font-size:14px}.spinner{width:36px;height:36px;border:3px solid var(--border-primary);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace-admin-page__content{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:0;gap:20px;font-family:var(--font-family)}.workspace-admin-page__tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--border-primary);padding-top:24px;padding-bottom:0;margin:0 32px;flex-shrink:0}.workspace-admin-page__tab{padding:.55rem 1rem;border:none;background:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-family);font-size:.875rem;font-weight:600;cursor:pointer;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.workspace-admin-page__tab:hover{color:var(--text-primary);border-bottom-color:color-mix(in srgb,var(--brand-primary) 50%,transparent)}.workspace-admin-page__tab:focus,.workspace-admin-page__tab:focus-visible{outline:none}.workspace-admin-page__tab--active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.workspace-admin-page__tab--danger{color:#dc2626}.workspace-admin-page__tab--danger.workspace-admin-page__tab--active{color:#dc2626;border-bottom-color:#dc2626}.workspace-admin-page__panel{flex:1;min-height:0;overflow-y:auto;padding:0 32px 24px}@media(max-width:768px){.workspace-admin-page__content{gap:14px}.workspace-admin-page__panel{padding:0 12px 20px}.workspace-admin-page__tabs{padding-top:12px;margin:0 12px;flex-wrap:nowrap;overflow-x:auto;gap:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.workspace-admin-page__tabs::-webkit-scrollbar{display:none}.workspace-admin-page__tab{flex-shrink:0;white-space:nowrap;padding:.7rem .85rem}}.bookmarks-view{display:flex;flex-direction:column;height:100%;padding:24px}.bookmarks-view__header{margin-bottom:24px;border-bottom:1px solid var(--border-primary);padding-bottom:16px}.bookmarks-view__header h1{font-size:24px;font-weight:800;color:var(--text-primary);margin:0 0 4px}.bookmarks-view__header p{font-size:14px;color:var(--text-secondary);margin:0}.bookmarks-view__list{display:flex;flex-direction:column;gap:16px}.bookmarks-view__item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.bookmarks-view__item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-1px);border-color:var(--border-primary)}.bookmarks-view__item-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.bookmarks-view__item-origin{display:flex;flex-direction:column;gap:2px}.origin-label{font-size:12px;font-weight:700;color:var(--text-primary)}.origin-date{font-size:11px;color:var(--text-secondary)}.bookmarks-view__item-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.action-btn--remove:hover{background:#fee2e2;color:var(--danger-primary);border-color:#fecaca}.bookmarks-view__item-content{padding:16px}.message-preview{display:flex;flex-direction:column;gap:6px}.message-preview__user{display:flex;align-items:baseline;gap:8px}.message-preview__user strong{font-size:15px;font-weight:800;color:var(--text-primary)}.message-time{font-size:12px;color:var(--text-secondary)}.message-preview__text{font-size:15px;color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-preview__note{margin-top:8px;padding:8px 12px;background:var(--brand-light);border-left:3px solid var(--brand-primary);border-radius:4px;font-size:13px;color:var(--text-primary);display:flex;align-items:center}.bookmarks-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;max-width:400px;margin:0 auto}.bookmarks-view__empty-icon{width:80px;height:80px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-muted);margin-bottom:24px}.bookmarks-view__empty h2{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:12px}.bookmarks-view__empty p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.bookmarks-view__refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s ease}.bookmarks-view__refresh-btn:hover{background:var(--bg-secondary)}.bookmarks-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:var(--text-secondary)}@media(max-width:640px){.bookmarks-view{padding:16px}}.bookmarks-page{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-primary)}.bookmarks-page__content{flex:1;overflow-y:auto;min-height:0}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media(max-width:767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected{background-color:#265985}.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-row-segment .rbc-event-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{position:absolute;inset:0 1px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{inset:0;position:absolute;margin-right:10px}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid rgb(37.7432432432,89.3513513514,133.2567567568);display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid rgb(246.5,246.5,246.5)}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full{overflow:hidden;position:absolute;inset:0}.rbc-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.event-details-container{display:flex;flex-direction:column;gap:16px}.event-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.event-meta{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:var(--bg-secondary);border-radius:8px}.event-meta-item{font-size:14px;color:var(--text-secondary)}.event-meta-item strong{color:var(--text-primary);margin-right:8px}.status-badge{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-confirmed{background-color:#e6f4ea;color:#1e8e3e}.status-tentative{background-color:#fef7e0;color:#f9ab00}.status-cancelled{background-color:#fce8e6;color:#d93025}.status-ended{background-color:#eceff1;color:#607d8b}[data-theme=dark] .status-confirmed{background-color:#22c55e26;color:#4ade80}[data-theme=dark] .status-tentative{background-color:#f9ab0026;color:#fbbf24}[data-theme=dark] .status-cancelled{background-color:#ef444426;color:#f87171}[data-theme=dark] .status-ended{background-color:#94a3b826;color:#94a3b8}.event-description{font-size:14px;color:var(--text-primary);line-height:1.5}.event-description p{margin-top:4px;color:var(--text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.custom-week-view{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;height:100%;overflow-y:auto;padding-bottom:8px}.custom-week-view__day{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);overflow:hidden}.custom-week-view__day--today{border-color:var(--brand-accent)}.custom-week-view__day--off-month{opacity:.6}.custom-week-view__day-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.custom-week-view__day-name{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.custom-week-view__day-num{font-size:18px;font-weight:700;color:var(--text-primary)}.custom-week-view__day--today .custom-week-view__day-num{color:var(--brand-accent)}.custom-week-view__day-events{flex:1;display:flex;flex-direction:column;gap:8px;padding:10px;overflow-y:auto;min-height:80px}.custom-week-view__empty{font-size:12px;color:var(--text-muted);text-align:center;padding:12px 0}.custom-week-view__event-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:8px 10px;border:none;border-radius:6px;cursor:pointer;text-align:left;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);color:var(--text-inverse, #fff)}[data-theme=dark] .custom-week-view__event-card{background:linear-gradient(135deg,#1a5c38,#0f4223)}.custom-week-view__event-card:hover{filter:brightness(1.08)}.custom-week-view__event-card:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.custom-week-view__event-time{font-size:11px;font-weight:600;opacity:.85}.custom-week-view__event-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.custom-week-view__event-card--past{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}[data-theme=dark] .custom-week-view__event-card--past{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-secondary)}.custom-week-view__event-card--cancelled{background:#7f1d1d;color:#fecaca}[data-theme=dark] .custom-week-view__event-card--cancelled{background:#450a0a;color:#fca5a5}.custom-week-view__event-card--cancelled .custom-week-view__event-title{text-decoration:line-through}@media(max-width:900px){.custom-week-view{grid-template-columns:repeat(7,minmax(90px,1fr));overflow-x:auto}}.custom-day-view{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:100%;overflow:hidden}.custom-day-view__half{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.custom-day-view__half-label{padding:10px 12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-align:center;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.custom-day-view__grid{position:relative;overflow-y:auto;background:var(--bg-secondary);padding-top:8px}.custom-day-view__hour-row{position:relative;border-top:1px solid var(--border-secondary);padding-left:64px}.custom-day-view__hour-row:first-child{border-top:none}.custom-day-view__hour-label{position:absolute;left:8px;top:-8px;font-size:11px;color:var(--text-muted);background:var(--bg-secondary);padding:0 4px;z-index:5}.custom-day-view__events-layer{position:absolute;inset:0 4px 0 64px}.custom-day-view__now-line{position:absolute;left:0;right:0;height:2px;background:var(--danger-primary);z-index:4}.custom-day-view__now-line:before{content:"";position:absolute;left:-5px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--danger-primary)}.custom-day-view__event{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 8px;border:none;border-radius:5px;overflow:hidden;cursor:pointer;text-align:left;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);color:var(--text-inverse, #fff);z-index:1}[data-theme=dark] .custom-day-view__event{background:linear-gradient(135deg,#1a5c38,#0f4223)}.custom-day-view__event:hover{filter:brightness(1.08);z-index:3}.custom-day-view__event:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.custom-day-view__event-time{font-size:10px;font-weight:600;opacity:.85;line-height:1.1}.custom-day-view__event-title{font-size:12px;font-weight:600;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.custom-day-view__event--compact{justify-content:center;padding-top:2px;padding-bottom:2px}.custom-day-view__event--compact .custom-day-view__event-title{font-size:11px}.custom-day-view__event--past{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}[data-theme=dark] .custom-day-view__event--past{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-secondary)}.custom-day-view__event--cancelled{background:#7f1d1d;color:#fecaca}[data-theme=dark] .custom-day-view__event--cancelled{background:#450a0a;color:#fca5a5}.custom-day-view__event--cancelled .custom-day-view__event-title{text-decoration:line-through}@media(max-width:700px){.custom-day-view{grid-template-columns:1fr;overflow-y:auto}.custom-day-view__grid{height:auto!important;overflow-y:visible}}.calendar-page-container{display:flex;flex-direction:column;height:100%;padding:24px;background-color:var(--bg-primary)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-header h1{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.calendar-wrapper{flex:1;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:16px;box-shadow:var(--shadow-sm);min-height:500px}.calendar-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:16px}.rbc-calendar{color:var(--text-primary)}.rbc-toolbar{margin-bottom:24px}.rbc-toolbar-label{color:var(--text-primary);font-weight:600}.rbc-toolbar button{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-primary);outline:none}.rbc-toolbar button:hover,.rbc-toolbar button:focus{color:var(--text-primary)!important;background-color:var(--hover-bg)!important;border-color:var(--border-secondary)!important}.rbc-toolbar button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%)!important;border-color:transparent!important;color:var(--text-inverse)!important;box-shadow:none!important}.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:var(--text-inverse)!important;filter:brightness(1.08)}[data-theme=dark] .rbc-toolbar button:active,[data-theme=dark] .rbc-toolbar button.rbc-active{background:linear-gradient(135deg,#1a5c38,#0f4223)!important}.rbc-month-view{border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.rbc-month-row+.rbc-month-row,.rbc-day-bg+.rbc-day-bg,.rbc-header,.rbc-header+.rbc-header{border-color:var(--border-primary)}.rbc-header{color:var(--text-secondary);background:var(--bg-secondary)}.rbc-day-bg--weekend{background:var(--bg-secondary)}.rbc-off-range-bg{background:var(--bg-tertiary)}.rbc-off-range{color:var(--text-muted)}.rbc-today{background-color:var(--brand-light)}.rbc-date-cell.rbc-now{color:var(--brand-accent);font-weight:700}.rbc-selected-cell{background-color:var(--hover-bg)}.rbc-event{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);border:none}[data-theme=dark] .rbc-event{background:linear-gradient(135deg,#1a5c38,#0f4223)}.rbc-event.rbc-selected{background:var(--brand-secondary)}.rbc-event:focus{outline:2px solid var(--brand-accent)}.rbc-event.rbc-event--past{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.rbc-event.rbc-event--cancelled{background:#7f1d1d;border:1px solid #991b1b;color:#fecaca}[data-theme=dark] .rbc-event.rbc-event--past{background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-muted)}[data-theme=dark] .rbc-event.rbc-event--cancelled{background:#450a0a;border:1px solid #7f1d1d;color:#fca5a5}.rbc-event--cancelled .rbc-event-content{text-decoration:line-through}.custom-month-event{display:flex;align-items:baseline;gap:4px;min-width:0}.custom-month-event__time{flex-shrink:0;font-size:11px;font-weight:700;opacity:.85}.custom-month-event__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rbc-slot-selection{background-color:var(--brand-primary)}.rbc-show-more{background-color:transparent;color:var(--brand-accent)}.rbc-show-more:hover,.rbc-show-more:focus{color:var(--brand-secondary)}[data-theme=dark] .rbc-show-more:hover,[data-theme=dark] .rbc-show-more:focus{color:var(--brand-primary)}.rbc-overlay{background-color:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);border-radius:8px;color:var(--text-primary)}.rbc-overlay-header{border-color:var(--border-primary);color:var(--text-secondary)}@media(max-width:768px){.calendar-page-container{padding:12px 10px}.calendar-header{gap:8px;margin-bottom:12px}.calendar-header h1{display:flex;align-items:center;font-size:20px}.calendar-page-container{overflow-y:auto}.calendar-wrapper{flex:none;padding:8px;min-height:0}.calendar-wrapper .rbc-calendar{height:auto!important}.calendar-wrapper .custom-day-view,.calendar-wrapper .custom-week-view{height:auto;overflow-y:visible;grid-auto-rows:max-content}.calendar-wrapper .rbc-month-view{min-height:480px}.rbc-toolbar{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:12px;gap:8px}.rbc-toolbar .rbc-toolbar-label{order:-1;flex-basis:100%;padding:0;text-align:center}.rbc-toolbar button{padding:6px 9px;font-size:13px}.rbc-toolbar .rbc-btn-group{white-space:nowrap}.rbc-month-view .rbc-row-segment{padding:0 3px 3px}.rbc-month-view .rbc-event{height:5px;min-height:0;padding:0;border-radius:3px}.rbc-month-view .rbc-event-content{display:none}.rbc-month-view .rbc-show-more{width:100%;font-size:10px;line-height:12px;text-align:center}.rbc-month-view .rbc-date-cell{position:relative}.rbc-month-view .rbc-date-cell .rbc-button-link:after{content:"";position:absolute;top:0;left:0;right:0;height:400px}}.call-interface{--call-menu-bg: #17281d;--call-panel-bg: rgba(19, 32, 23, .97);--call-tile-bg: #142219;--call-chrome-bg: rgba(255, 255, 255, .07);--call-chrome-border: rgba(255, 255, 255, .15);--call-hairline: rgba(255, 255, 255, .15);--call-text: #f2f7f4;--call-text-secondary: rgba(255, 255, 255, .75);--call-text-muted: rgba(255, 255, 255, .55);--call-btn-idle-bg: rgba(255, 255, 255, .12);--call-btn-idle-bg-hover: rgba(255, 255, 255, .2);--call-input-bg: rgba(255, 255, 255, .08);--call-scrollbar: rgba(255, 255, 255, .2);--call-accent: #10b981;--call-accent-strong: #059669;--call-danger: #ef4444;--call-danger-strong: #dc2626;--call-attention: #eab308;position:fixed;inset:0;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,sans-serif;overflow:hidden;height:100vh;height:100dvh}.call-interface__background{position:absolute;inset:0;background:linear-gradient(160deg,#1d3c28,#163020 55%,#0f2016);z-index:0}.call-interface--error{background:var(--call-menu-bg);z-index:1000}.call-interface__error-container{margin:auto;max-width:400px;padding:40px;background:var(--call-chrome-bg);border:1px solid var(--call-chrome-border);border-radius:16px;text-align:center;color:var(--call-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:16px}.call-interface__error-container h2{margin:0;font-size:1.5rem}.call-interface__error-container p{color:var(--call-text-secondary);line-height:1.5;margin:0 0 10px}.call-interface__topbar{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--call-chrome-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--call-hairline)}.meeting-title{color:var(--call-text);margin:0;font-size:1.15rem;font-weight:500}.participant-count{color:var(--call-text-secondary);font-size:.8rem}.ai-notes-btn{background:var(--call-btn-idle-bg);color:var(--call-text);border:1px solid var(--call-chrome-border);padding:7px 14px;border-radius:20px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8rem;transition:all .2s}.ai-notes-btn:hover{background:var(--call-btn-idle-bg-hover)}.call-interface__main{position:relative;z-index:1;flex:1;display:flex;align-items:stretch;justify-content:center;padding:16px;min-height:0;overflow:hidden}.solo-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;gap:20px}.solo-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:var(--call-tile-bg);border:1px solid var(--call-hairline);box-shadow:0 16px 40px #00000040}.waiting-text{color:var(--call-text-secondary);font-size:1rem;margin:0}.spotlight-layout{display:flex;width:100%;height:100%;gap:12px;min-height:0}.spotlight-main{flex:1;min-width:0;min-height:0;display:flex;align-items:stretch}.spotlight-main .video-tile.main-tile{width:100%;height:100%;border-radius:16px;overflow:hidden;background:var(--call-tile-bg);border:1px solid var(--call-hairline);box-shadow:0 16px 40px #00000040;position:relative;cursor:default}.spotlight-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.spotlight-sidebar::-webkit-scrollbar{width:4px}.spotlight-sidebar::-webkit-scrollbar-track{background:transparent}.spotlight-sidebar::-webkit-scrollbar-thumb{background:var(--call-scrollbar);border-radius:4px}.video-tile{position:relative;overflow:hidden}.video-tile__inner{width:100%;height:100%;position:relative}.video-feed{width:100%;height:100%;object-fit:cover;display:block}.screen-share-tile .video-feed{object-fit:contain!important;background:#000}.video-tile.thumb-tile{width:100%;aspect-ratio:16 / 10;border-radius:12px;background:var(--call-tile-bg);border:2px solid var(--call-hairline);cursor:pointer;transition:all .2s ease;flex-shrink:0}.video-tile.thumb-tile:hover{border-color:var(--call-accent);box-shadow:0 4px 16px #00000040}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--call-text);background:transparent}.user-avatar-large{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#0f3a1f,#1d4d2f);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-inverse);border:3px solid rgba(255,255,255,.2);position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.user-avatar-small{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#0f3a1f,#1d4d2f);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-inverse);border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden;box-shadow:0 5px 15px #0000004d}.avatar-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.avatar-letter{position:relative;z-index:1}.tile-badge{position:absolute;bottom:8px;left:8px;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:14px;color:var(--text-inverse);font-size:12px;display:flex;align-items:center;gap:6px;z-index:5;pointer-events:none}.tile-badge-icon{display:flex;align-items:center}.tile-badge-icon svg{width:12px;height:12px}.screen-share-badge{position:absolute;top:10px;right:10px;background:#0d100ed9;border:1px solid rgba(16,185,129,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-inverse);padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000004d;z-index:10}.screen-share-badge svg{color:var(--call-accent)}.call-interface__controls{position:relative;z-index:100;height:88px;display:flex;align-items:center;padding:0 24px;background:transparent}.controls-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.controls-center{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--call-chrome-bg);padding:10px 20px;border-radius:40px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--call-chrome-border);max-width:fit-content;margin:0 auto;box-shadow:0 4px 20px #00000014}.call-interface__controls{height:auto;min-height:88px;padding-top:8px;padding-bottom:8px}.controls-wrapper{column-gap:12px}.controls-left,.controls-right{flex-shrink:0}.controls-center{flex-shrink:1;flex-wrap:wrap;min-width:0;row-gap:8px}.control-main-btn,.control-icon-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--call-btn-idle-bg);border:1px solid var(--call-chrome-border);border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}.control-main-btn svg,.control-icon-btn svg{color:var(--call-text)!important;font-size:18px;width:18px;height:18px;filter:drop-shadow(0px 1px 3px rgba(0,0,0,.15))}.control-main-btn:hover,.control-icon-btn:hover{background:var(--call-btn-idle-bg-hover);transform:translateY(-2px)}.control-main-btn.muted{background:var(--call-danger);border-color:var(--call-danger)}.control-main-btn.muted:hover{background:var(--call-danger-strong)}.control-icon-btn.active{background:#10b98138;border-color:#10b98166}.control-icon-btn.active svg{color:var(--call-accent)!important}.control-icon-btn.hand-raised{background:#eab30838;border-color:#eab30866}.control-icon-btn.hand-raised svg{color:var(--call-attention)!important}.control-icon-btn.screen-sharing{background:#10b98138!important;border-color:#10b98166!important}.control-icon-btn.screen-sharing svg{color:var(--call-accent)!important}.controls-right{position:relative;display:flex;align-items:center;justify-content:flex-end}.leave-btn{padding:10px 24px;background:var(--call-danger);border:none;border-radius:30px;color:var(--text-inverse);font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 15px #ef444459;transition:all .2s;white-space:nowrap;z-index:10}.leave-btn:hover{background:var(--call-danger-strong);transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.grid-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.grid-layout{display:grid;grid-template-columns:repeat(var(--grid-cols, 1),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows, 1),minmax(0,1fr));gap:16px;width:100%;height:100%;overflow:hidden;box-sizing:border-box;place-items:center}.grid-layout .video-tile{aspect-ratio:16 / 9;width:100%;height:auto;max-height:100%;border-radius:12px;background:var(--call-tile-bg);border:2px solid var(--call-hairline);box-shadow:0 4px 16px #0003;cursor:pointer;transition:transform .2s ease,border-color .2s ease;overflow:hidden;position:relative}.grid-layout .video-tile:hover{border-color:var(--call-accent)}.grid-layout .video-tile__inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--call-tile-bg)}.grid-layout .video-feed{width:100%;height:100%;object-fit:cover}.grid-pagination{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);color:var(--text-inverse);font-size:.9rem;z-index:50}.grid-pagination .page-btn{background:transparent;border:none;color:var(--text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;border-radius:50%;transition:background .2s}.grid-pagination .page-btn:hover:not(:disabled){background:#fff3}.grid-pagination .page-btn:disabled{color:#ffffff4d;cursor:not-allowed}.reaction-container{position:relative;display:flex;align-items:center}.reaction-picker{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:var(--call-menu-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--call-chrome-border);border-radius:30px;padding:8px 16px;display:flex;gap:8px;box-shadow:0 10px 28px #00000040;z-index:1000}.reaction-emoji-btn{background:transparent;border:none;font-size:22px;cursor:pointer;padding:4px;border-radius:50%;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.reaction-emoji-btn:hover{background:var(--call-btn-idle-bg-hover);transform:scale(1.1)}.reaction-badge{position:absolute;bottom:46px;left:20px;font-size:32px;pointer-events:none;z-index:50;text-shadow:0 4px 10px rgba(0,0,0,.3)}@keyframes float-up{0%{transform:translateY(0) scale(.6);opacity:0}20%{transform:translateY(-12px) scale(1.05);opacity:1}80%{transform:translateY(-60px) scale(1);opacity:1}to{transform:translateY(-84px) scale(.96);opacity:0}}.end-all-btn{background:#991b1b;color:var(--text-inverse);border:none;border-radius:24px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.end-all-btn:hover{background:#7f1d1d;box-shadow:0 0 16px #991b1b80;transform:scale(1.03)}.participants-panel{position:absolute;right:0;top:0;bottom:0;width:320px;background:var(--call-panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--call-hairline);z-index:100;display:flex;flex-direction:column;animation:slide-in-right .25s ease-out;box-shadow:-4px 0 20px #00000026}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.participants-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--call-hairline)}.participants-panel__header h3{margin:0;font-size:16px;font-weight:600;color:var(--call-text)}.participants-panel__close{background:none;border:none;color:var(--call-text-muted);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.participants-panel__close:hover{color:var(--call-text);background:var(--call-btn-idle-bg-hover)}.participants-panel__host-actions{padding:12px 20px;border-bottom:1px solid var(--call-hairline)}.host-action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.mute-all-btn{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.25)}.mute-all-btn:hover{background:#eab30840;box-shadow:0 0 12px #eab30826}.participants-panel__list{flex:1;overflow-y:auto;padding:8px 12px}.participant-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;transition:background .15s ease}.participant-item:hover{background:var(--call-btn-idle-bg)}.participant-item__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0f3a1f,#1d4d2f);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;overflow:hidden;position:relative}.participant-item__avatar img{width:100%;height:100%;object-fit:cover}.participant-item__info{flex:1;min-width:0}.participant-item__name{font-size:14px;color:var(--call-text);font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.host-badge{display:inline-flex;align-items:center;gap:4px;background:#eab30826;color:#eab308;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.3px}.participant-item__status{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon{color:var(--call-text-muted);font-size:16px;display:flex;align-items:center;justify-content:center}.status-icon.muted{background:var(--call-btn-idle-bg);border-radius:50%;width:32px;height:32px;color:var(--danger-primary)}.hand-raised-badge{position:absolute;top:10px;left:10px;background:var(--call-attention);color:#1a1400;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;z-index:5}.audio-visualizer{width:32px;height:32px;background:var(--call-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;padding:0 6px}.audio-bar{width:3px;background:var(--bg-primary);border-radius:2px;min-height:4px;max-height:14px;transition:height .1s ease}.tile-badge .audio-visualizer{width:20px;height:20px;background:var(--call-accent);padding:0 3px;gap:1.5px}.tile-badge .audio-bar{width:2px;min-height:3px;max-height:10px}.tile-badge-icon.muted{color:var(--danger-primary)}.participant-item__actions{position:relative;display:flex;gap:4px;flex-shrink:0;opacity:.6;transition:opacity .15s ease;margin-left:8px}.participant-item:hover .participant-item__actions{opacity:1}.participant-menu-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--call-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.participant-menu-btn svg{width:16px;height:16px;display:block}.participant-menu-btn:hover{background:var(--call-btn-idle-bg-hover);color:var(--call-text)}.participant-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--call-menu-bg);border:1px solid var(--call-chrome-border);border-radius:8px;box-shadow:0 4px 16px #00000040;z-index:1001;min-width:180px;padding:6px 0;animation:menu-pop-in .2s cubic-bezier(0,0,.2,1)}@keyframes menu-pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.participant-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:none;border:none;color:var(--call-text);font-size:14px;cursor:pointer;width:100%;text-align:left;transition:background .15s}.participant-dropdown-item:hover{background:var(--call-btn-idle-bg-hover)}.participant-dropdown-item svg{font-size:18px;color:var(--call-text-secondary)}.participant-dropdown-item.danger{color:var(--danger-primary)}.participant-dropdown-item.danger svg{color:var(--danger-primary)}.participants-panel__list::-webkit-scrollbar{width:4px}.participants-panel__list::-webkit-scrollbar-track{background:transparent}.participants-panel__list::-webkit-scrollbar-thumb{background:var(--call-scrollbar);border-radius:4px}.participants-panel__list::-webkit-scrollbar-thumb:hover{background:var(--call-text-muted)}.leave-menu-popup{position:absolute;bottom:calc(100% + 15px);right:0;width:280px;background:var(--call-menu-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--call-chrome-border);border-radius:16px;box-shadow:0 20px 50px #0000004d;padding:8px;display:flex;flex-direction:column;gap:6px;z-index:1000;animation:menu-slide-up .25s cubic-bezier(.16,1,.3,1)}@keyframes menu-slide-up{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.leave-menu-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border:none;background:var(--call-btn-idle-bg);border-radius:12px;color:var(--call-text);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.leave-menu-item:hover{background:var(--call-btn-idle-bg-hover)}.leave-menu-item svg{font-size:18px;flex-shrink:0}.leave-menu-item.leave-only svg{color:var(--call-text-muted)}.leave-menu-item.end-for-all{color:var(--danger-primary)}.leave-menu-item.end-for-all svg{color:var(--danger-primary)}.leave-menu-item.end-for-all:hover{background:#ef44441a}.leave-menu-item .item-text{display:flex;flex-direction:column;gap:2px}.leave-menu-item .item-title{font-size:14px;font-weight:600}.leave-menu-item .item-desc{font-size:11px;color:var(--call-text-muted)}.leave-btn.active{background:var(--call-btn-idle-bg-hover);box-shadow:0 0 12px #0000001a}.recording-indicator{display:flex;align-items:center;gap:6px;background:#ef444426;border:1px solid rgba(239,68,68,.3);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:var(--danger-primary);letter-spacing:.5px}.recording-dot{width:8px;height:8px;background:var(--danger-primary);border-radius:50%;animation:pulse-recording 1.5s infinite}.recording-dot.finalizing{background:#f59e0b;animation:none}@keyframes pulse-recording{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.recording-btn.active{background:#ef444426;border-color:#ef444466}.recording-btn.active svg{color:var(--danger-primary)!important}.recording-btn.finalizing{background:#f59e0b26;border-color:#f59e0b66}.recording-btn.finalizing svg{color:#f59e0b!important}.transcription-btn.active{background:#22c55e26;border-color:#22c55e66}.transcription-btn.active svg{color:#22c55e!important}.transcription-btn:disabled{opacity:.6;cursor:wait}.captions-btn.active{background:#22c55e26;border-color:#22c55e66}.captions-btn.active svg{color:#22c55e!important}.captions-btn:disabled{opacity:.6;cursor:wait}.captions-overlay{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:min(880px,90vw);display:flex;flex-direction:column;gap:6px;z-index:900;pointer-events:none;justify-content:flex-end;max-height:104px;overflow:hidden}.caption-line{background:#0f172ad1;flex-shrink:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:7px 14px;color:#fff;font-size:15px;line-height:1.45;display:flex;gap:8px;align-items:baseline;unicode-bidi:plaintext;text-align:start}.caption-line.interim{opacity:.72}.caption-line.final{opacity:1}.caption-speaker{color:#60a5fa;font-weight:600;font-size:13px;flex-shrink:0;unicode-bidi:isolate}.caption-text{unicode-bidi:plaintext;overflow-wrap:anywhere}@media(max-width:640px){.captions-overlay{bottom:92px;width:94vw}.caption-line{font-size:13px;padding:6px 10px}}.spin-animation{animation:spin 1s linear infinite}.recording-toast{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#0f172ae6;border:1px solid rgba(16,185,129,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:slide-down .3s ease-out}@keyframes slide-down{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.transcription-indicator{display:flex;align-items:center;gap:6px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#22c55e;letter-spacing:.5px}.transcription-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-transcribing 2s infinite}@keyframes pulse-transcribing{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.transcription-toast{top:118px;border-color:#22c55e59}.transcription-toast svg{color:#22c55e;flex-shrink:0}.transcription-toast.stopped{border-color:#94a3b859}.transcription-toast.stopped svg{color:#94a3b8}@media(max-width:640px){.transcription-toast{max-width:90vw;text-align:left}.transcription-indicator span{display:none}}.recording-menu-container{position:relative;display:flex;align-items:center}.recording-menu-popup{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:240px;background:var(--call-menu-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--call-chrome-border);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 30px #0000004d;z-index:1000;animation:slide-up-recording .2s ease-out}@keyframes slide-up-recording{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.recording-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--call-text);cursor:pointer;transition:background .2s;text-align:left;width:100%}.recording-menu-item:hover{background:var(--call-btn-idle-bg-hover)}.recording-menu-item svg{font-size:18px;color:var(--call-text-secondary);flex-shrink:0}.recording-menu-item .item-text{display:flex;flex-direction:column;gap:1px}.recording-menu-item .item-title{font-size:13px;font-weight:500}.recording-menu-item .item-desc{font-size:11px;color:var(--call-text-muted)}.upgrade-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;animation:toast-slide-down .4s cubic-bezier(.16,1,.3,1)}.upgrade-toast-content{background:#1e1e23e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.4);color:#fff;padding:10px 20px;border-radius:40px;display:flex;align-items:center;box-shadow:0 10px 30px #00000080,0 0 20px #fbbf2426;font-size:14px;white-space:nowrap}.upgrade-toast-content b{color:#fbbf24;margin-left:4px;cursor:pointer}.upgrade-toast-content b:hover{text-decoration:underline}@keyframes toast-slide-down{0%{transform:translate(-50%,-40px);opacity:0}to{transform:translate(-50%);opacity:1}}.chat-panel{display:flex;flex-direction:column;background:var(--call-panel-bg)!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--call-hairline)!important;box-shadow:-10px 0 30px #0003;z-index:100}.chat-messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:transparent}.chat-messages-container::-webkit-scrollbar-thumb{background:var(--call-scrollbar);border-radius:4px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:var(--call-text-muted)}.chat-loading,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--call-text-muted);gap:12px;text-align:center;padding:24px}.chat-loading span,.chat-empty span{font-size:13px;line-height:1.5}.chat-loading svg{color:var(--brand-accent);font-size:24px}.chat-messages-list{display:flex;flex-direction:column;gap:16px}.chat-message-item{display:flex;gap:10px;max-width:85%;align-items:flex-end}.chat-message-item.self{align-self:flex-end;flex-direction:row-reverse}.chat-message-item.other{align-self:flex-start}.chat-message-item__avatar{width:28px;height:28px;border-radius:50%;background:var(--call-btn-idle-bg);color:var(--call-text);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;overflow:hidden;flex-shrink:0;border:1px solid var(--call-chrome-border)}.chat-message-item__avatar img{width:100%;height:100%;object-fit:cover}.chat-message-item__bubble-wrapper{display:flex;flex-direction:column;gap:4px}.chat-message-item__sender{font-size:11px;color:var(--call-text-muted);margin-left:4px}.chat-message-item__bubble{padding:10px 14px;border-radius:16px;position:relative;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:4px}.chat-message-item.self .chat-message-item__bubble{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-bottom-right-radius:4px;border:1px solid rgba(255,255,255,.1)}.chat-message-item.other .chat-message-item__bubble{background:var(--call-btn-idle-bg);color:var(--call-text);border-bottom-left-radius:4px;border:1px solid var(--call-chrome-border)}.chat-message-item__text{font-size:13px;line-height:1.45;margin:0;word-break:break-word;font-family:Inter,sans-serif}.chat-message-item__time{font-size:9px;color:#ffffffbf;align-self:flex-end;margin-top:2px}.chat-message-item.other .chat-message-item__time{color:var(--call-text-muted)}.chat-input-form{display:flex;gap:8px;padding:16px;border-top:1px solid var(--call-hairline);background:var(--call-chrome-bg)}.chat-input-field{flex:1;background:var(--call-input-bg);border:1px solid var(--call-chrome-border);border-radius:20px;padding:10px 16px;color:var(--call-text);font-size:13px;outline:none;transition:all .2s ease;font-family:Inter,sans-serif}.chat-input-field:focus{background:var(--call-btn-idle-bg-hover);border-color:#10b98199;box-shadow:0 0 0 2px #10b98140}.chat-send-btn{background:#10b981;color:#fff;border:none;border-radius:20px;padding:0 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-send-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.chat-send-btn:active:not(:disabled){transform:translateY(0)}.chat-send-btn:disabled{background:var(--call-btn-idle-bg);color:var(--call-text-muted);border:1px solid var(--call-chrome-border);cursor:not-allowed}.more-menu-container{position:relative;display:flex;align-items:center}.more-menu-popup{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--call-menu-bg);border:1px solid var(--call-chrome-border);border-radius:12px;padding:6px;min-width:200px;box-shadow:0 8px 32px #0000004d;z-index:200;display:flex;flex-direction:column;gap:2px}.more-menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:none;border:none;color:var(--call-text-secondary);font-size:14px;cursor:pointer;text-align:left;transition:background .15s ease;width:100%}.more-menu-item:hover{background:var(--call-btn-idle-bg-hover);color:var(--call-text)}.settings-panel{display:flex;flex-direction:column;gap:0;overflow-y:auto}.settings-section{padding:16px 18px;border-bottom:1px solid var(--call-hairline)}.settings-section:last-child{border-bottom:none}.settings-section__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--call-text-muted);margin:0 0 12px;display:flex;align-items:center;gap:8px}.settings-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settings-info-label{font-size:13px;color:var(--call-text-muted)}.settings-info-value{font-size:13px;color:var(--call-text);font-weight:500}.settings-info-mono{font-family:monospace;font-size:12px;color:var(--call-text-secondary)}.settings-link-box{display:flex;align-items:center;gap:8px;background:var(--call-btn-idle-bg);border:1px solid var(--call-chrome-border);border-radius:8px;padding:8px 10px}.settings-link-text{flex:1;font-size:11px;color:var(--call-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.settings-copy-btn{flex-shrink:0;background:var(--call-btn-idle-bg-hover);border:none;border-radius:6px;color:var(--call-text);font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer;transition:background .15s}.settings-copy-btn:hover{background:var(--call-chrome-border)}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:8px;font-size:14px;color:var(--call-text-secondary);-webkit-user-select:none;user-select:none}.settings-toggle-label{display:flex;flex-direction:column;flex:1;padding-right:12px}.settings-help-text{font-size:12px;color:var(--call-text-muted);margin:4px 0 0;line-height:1.4}.settings-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{position:absolute;inset:0;background:var(--call-chrome-border);border-radius:11px;cursor:pointer;transition:background .2s ease}.settings-slider:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 4px #0000004d}.settings-switch input:checked+.settings-slider{background:var(--brand-accent)}.settings-switch input:checked+.settings-slider:before{transform:translate(18px)}.settings-empty-hint{font-size:13px;color:var(--call-text-muted);margin:0;text-align:center;padding:12px 0}.pending-guests-list{display:flex;flex-direction:column;gap:8px}.pending-guest-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--call-btn-idle-bg);border-radius:8px}.pending-guest-info{display:flex;align-items:center;gap:10px;min-width:0}.pending-guest-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0f3a1f,#1d4d2f);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.pending-guest-name{font-size:13px;color:var(--call-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-guest-actions{display:flex;gap:6px;flex-shrink:0}.guest-action-btn{padding:5px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s ease,background .15s ease}.guest-action-btn:hover{opacity:.85}.guest-action-btn.accept{background:var(--brand-accent);color:#fff}.guest-action-btn.deny{background:var(--call-btn-idle-bg-hover);color:var(--call-text-secondary)}.guest-action-btn.deny:hover{background:var(--danger-primary);color:#fff;opacity:1}.transfer-host-btn{width:100%;padding:10px 14px;background:var(--call-btn-idle-bg);border:1px solid var(--call-chrome-border);border-radius:8px;color:var(--call-text);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s ease}.transfer-host-btn:hover{background:var(--call-btn-idle-bg-hover)}.transfer-host-dropdown{margin-top:10px;padding:10px;background:var(--call-btn-idle-bg);border:1px solid var(--call-hairline);border-radius:10px}.transfer-host-hint{font-size:12px;color:var(--call-text-muted);margin:0 0 8px;line-height:1.4}.transfer-host-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.transfer-host-empty{font-size:13px;color:var(--call-text-muted);text-align:center;margin:8px 0}.transfer-host-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;width:100%;background:none;border:none;border-radius:8px;color:var(--call-text);font-size:13px;text-align:left;cursor:pointer;transition:background .15s ease}.transfer-host-list-item:hover{background:var(--call-btn-idle-bg-hover)}.transfer-host-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0f3a1f,#1d4d2f);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0}.transfer-host-avatar img{width:100%;height:100%;object-fit:cover}.transfer-host-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-chat-btn{position:relative}.call-chat-btn__badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;color:#fff;background:#ef4444;pointer-events:none}.call-reconnecting-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;font-size:.875rem;font-weight:600;color:#fff;background:#d97706f2;box-shadow:0 4px 14px #00000047}@media(max-width:640px){.call-interface__topbar{padding:10px 12px;gap:8px}.meeting-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-notes-btn{padding:6px 10px}.call-interface__main{padding:8px}.grid-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:max-content;align-content:center;overflow-y:auto;gap:8px}.grid-layout:has(>:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.grid-layout .video-tile{max-height:none}.spotlight-layout{flex-direction:column;gap:8px}.spotlight-sidebar{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;flex-shrink:0}.spotlight-sidebar .video-tile.thumb-tile{width:120px}.call-interface__controls{height:auto;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px))}.controls-wrapper{flex-wrap:wrap;gap:8px}.controls-center{order:-1;flex-basis:100%;max-width:none;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 8px;border-radius:20px}.control-main-btn,.control-icon-btn{width:42px;height:42px}.leave-btn{padding:10px 18px}.participants-panel{width:100%}.more-menu-popup,.recording-menu-popup,.leave-menu-popup{max-width:calc(100vw - 16px)}.reaction-picker{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px)}}@media(max-height:480px)and (orientation:landscape){.call-interface__topbar{padding:6px 16px}.call-interface__controls{height:64px}.control-main-btn,.control-icon-btn{width:40px;height:40px}.call-interface__main{padding:8px}}.solo-video-wrapper .video-tile{width:100%;height:100%}.solo-video-wrapper .tile-badge{left:50%;bottom:14px;transform:translate(-50%)}.upgrade-modal-content{text-align:center;padding:20px 10px}.upgrade-icon{font-size:4rem;margin-bottom:20px;animation:bounce 2s infinite}.upgrade-modal-content h2{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:var(--text-primary)}.upgrade-modal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:25px}.plan-benefits{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.benefit-item{font-size:.9rem;color:var(--text-primary);display:flex;align-items:center}.upgrade-actions{display:flex;flex-direction:column;gap:10px}.full-width{width:100%;justify-content:center}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:480px){.plan-benefits{grid-template-columns:1fr}}.call-prejoin{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#1d3c28,#163020 55%,#0f2016);font-family:Inter,Segoe UI,Roboto,sans-serif;color:#f2f7f4;overflow-y:auto}.call-prejoin__card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:32px;align-items:center;width:100%;max-width:1040px}.call-prejoin__preview{position:relative;aspect-ratio:16 / 9;max-width:100%;border-radius:16px;overflow:hidden;background:#142219;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 48px #00000061}.call-prejoin__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-prejoin__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%}.call-prejoin__initials{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;background:linear-gradient(145deg,#10b981,#059669);color:#08150e;font-size:34px;font-weight:600;letter-spacing:.5px}.call-prejoin__placeholder-text{font-size:14px;color:#ffffff8c}.call-prejoin__device-buttons{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:12px}.call-prejoin__device-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff1f;color:#f2f7f4;cursor:pointer;transition:background .18s ease,transform .18s ease}.call-prejoin__device-btn:hover{background:#fff3}.call-prejoin__device-btn:focus-visible{outline:2px solid #10b981;outline-offset:2px}.call-prejoin__device-btn--off{background:#ef4444;border-color:#dc2626;color:#fff}.call-prejoin__device-btn--off:hover{background:#dc2626}.call-prejoin__level{position:absolute;left:18px;bottom:30px;display:flex;align-items:flex-end;gap:3px;height:22px}.call-prejoin__level-bar{width:4px;height:7px;border-radius:2px;background:#ffffff40;transition:background .1s ease,height .1s ease}.call-prejoin__level-bar:nth-child(2){height:11px}.call-prejoin__level-bar:nth-child(3){height:15px}.call-prejoin__level-bar:nth-child(4){height:19px}.call-prejoin__level-bar:nth-child(5){height:22px}.call-prejoin__level-bar--lit{background:#10b981}.call-prejoin__details{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.call-prejoin__title{margin:0;font-size:26px;font-weight:600;text-wrap:balance}.call-prejoin__subtitle{margin:0;font-size:15px;color:#ffffffbf;overflow-wrap:anywhere}.call-prejoin__status{margin:4px 0 0;font-size:13px;color:#ffffff8c}.call-prejoin__error{margin:4px 0 0;max-width:320px;font-size:13px;line-height:1.45;color:#fca5a5}.call-prejoin__actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:260px;margin-top:14px}.call-prejoin__join{padding:13px 28px;border:none;border-radius:999px;background:linear-gradient(135deg,#10b981,#059669);color:#06140d;font-size:15px;font-weight:600;cursor:pointer;transition:filter .18s ease,transform .18s ease}.call-prejoin__join:hover:not(:disabled){filter:brightness(1.08)}.call-prejoin__join:disabled{opacity:.7;cursor:default}.call-prejoin__cancel{padding:11px 28px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#ffffffbf;font-size:14px;cursor:pointer;transition:background .18s ease,color .18s ease}.call-prejoin__cancel:hover{background:#ffffff14;color:#f2f7f4}.call-prejoin__join:focus-visible,.call-prejoin__cancel:focus-visible{outline:2px solid #10b981;outline-offset:2px}.call-prejoin__hint{margin:6px 0 0;font-size:12px;color:#ffffff8c}@media(max-width:860px){.call-prejoin__card{grid-template-columns:minmax(0,1fr);gap:22px}}@media(prefers-reduced-motion:reduce){.call-prejoin__device-btn,.call-prejoin__join,.call-prejoin__cancel,.call-prejoin__level-bar{transition:none}}@media(max-width:480px){.call-prejoin{padding:12px}.call-prejoin__card{gap:16px}.call-prejoin__actions{max-width:none}}.join-workspace{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;font-family:var(--font-family, "Inter", sans-serif);background:linear-gradient(135deg,#0a2e1e,#0f4223 35%,#145c30 65%,#0a2e1e);background-size:300% 300%;animation:jwGradientShift 12s ease infinite}@keyframes jwGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.join-workspace:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(74,222,128,.15) 0%,transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(16,185,129,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(10,46,30,.6) 0%,transparent 60%);pointer-events:none;z-index:0}.join-workspace:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.05);top:-160px;right:-160px;pointer-events:none;z-index:0;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff03}.join-workspace__container{position:relative;z-index:1;background:var(--bg-primary, #ffffff);border-radius:24px;box-shadow:0 0 0 1px #ffffff14,0 32px 80px #00000059,0 8px 20px #0003;padding:56px 48px;max-width:480px;width:100%;text-align:center;animation:jwCardEnter .6s cubic-bezier(.22,1,.36,1) both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes jwCardEnter{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.join-workspace__container:before{content:"";position:absolute;top:0;left:48px;right:48px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#10b981,#22c55e,#10b981);background-size:200% 100%;animation:jwAccentSlide 3s linear infinite}@keyframes jwAccentSlide{0%{background-position:0% 0%}to{background-position:200% 0%}}.join-workspace__content{display:flex;flex-direction:column;align-items:center;gap:12px;animation:jwContentFade .5s ease both}@keyframes jwContentFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.join-workspace__brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.join-workspace__brand-logo{width:36px;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.join-workspace__brand-name{font-family:var(--font-family-headings, "Plus Jakarta Sans", sans-serif);font-size:1.05rem;font-weight:700;color:var(--text-muted, #6b7280);letter-spacing:-.01em}.join-workspace__icon-ring{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:8px auto 4px;position:relative}.join-workspace__icon-ring--loading{background:linear-gradient(135deg,#10b9811f,#22c55e14);border:2px solid rgba(16,185,129,.2)}.join-workspace__icon-ring--success{background:linear-gradient(135deg,#10b98126,#22c55e1a);border:2px solid rgba(16,185,129,.3);animation:jwSuccessRingPop .5s cubic-bezier(.22,1,.36,1) both}.join-workspace__icon-ring--error{background:#ef444414;border:2px solid rgba(239,68,68,.2)}@keyframes jwSuccessRingPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.join-workspace__spinner{font-size:40px;color:var(--brand-accent, #10b981);animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.join-workspace__success-icon{font-size:44px;color:#10b981;animation:jwIconBounce .6s cubic-bezier(.22,1,.36,1) .1s both}@keyframes jwIconBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.join-workspace__error-icon{font-size:44px;color:var(--danger-primary, #dc2626);animation:jwShake .5s ease}@keyframes jwShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.join-workspace__content h2{margin:0;font-family:var(--font-family-headings, "Plus Jakarta Sans", sans-serif);font-size:1.625rem;font-weight:800;color:var(--text-primary, #111827);letter-spacing:-.03em;line-height:1.2}.join-workspace__content p{margin:0;font-size:.9375rem;color:var(--text-muted, #6b7280);line-height:1.6}.join-workspace__workspace-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b9811a,#22c55e12);border:1px solid rgba(16,185,129,.25);border-radius:50px;padding:6px 16px;font-size:.875rem;font-weight:600;color:#059669;margin:4px 0}.join-workspace__workspace-badge svg{font-size:.75rem;opacity:.8}.join-workspace__redirect{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8125rem!important;color:var(--text-muted, #9ca3af)!important;font-style:italic;margin-top:4px}.join-workspace__progress-wrap{width:100%;height:3px;background:var(--border-primary, #e5e7eb);border-radius:99px;overflow:hidden;margin-top:8px}.join-workspace__progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#10b981,#22c55e);border-radius:99px;animation:jwProgress 2s linear forwards;transform-origin:left}@keyframes jwProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.join-workspace__error-message{background:#ef444412;border:1px solid rgba(239,68,68,.2);border-left:3px solid var(--danger-primary, #dc2626);color:var(--danger-primary, #dc2626);padding:14px 16px;border-radius:10px;font-size:.875rem;text-align:left;width:100%;line-height:1.5}.join-workspace__actions{display:flex;gap:10px;margin-top:20px;width:100%}.join-workspace__btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);letter-spacing:.01em}.join-workspace__btn--primary{background:linear-gradient(135deg,#0f4223,#145c30);color:#fff;box-shadow:0 2px 8px #0f422340}.join-workspace__btn--primary:hover{background:linear-gradient(135deg,#145c30,#1a7a3e);transform:translateY(-2px);box-shadow:0 6px 18px #0f422359}.join-workspace__btn--primary:active{transform:translateY(0)}.join-workspace__btn--secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151);border:1px solid var(--border-primary, #e5e7eb)}.join-workspace__btn--secondary:hover{background:var(--bg-tertiary, #e5e7eb);transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.join-workspace__divider{width:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.4),transparent);border-radius:99px;margin:4px auto}[data-theme=dark] .join-workspace{background:linear-gradient(135deg,#071a0f,#0a2e1e 35%,#0f4223 65%,#071a0f);background-size:300% 300%;animation:jwGradientShift 12s ease infinite}[data-theme=dark] .join-workspace__container{background:var(--bg-primary, #121212);box-shadow:0 0 0 1px #ffffff0d,0 32px 80px #0009,0 8px 20px #0006}[data-theme=dark] .join-workspace__workspace-badge{background:#22c55e1a;border-color:#22c55e33;color:#22c55e}[data-theme=dark] .join-workspace__btn--primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#0a1a0f;box-shadow:0 2px 8px #22c55e40}[data-theme=dark] .join-workspace__btn--primary:hover{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 6px 18px #22c55e59}[data-theme=dark] .join-workspace__error-message{background:#ef444414;border-color:#ef444440}@media(max-width:520px){.join-workspace__container{padding:40px 28px;border-radius:20px}.join-workspace__container:before{left:28px;right:28px}.join-workspace__content h2{font-size:1.375rem}.join-workspace__icon-ring{width:76px;height:76px}.join-workspace__spinner,.join-workspace__success-icon,.join-workspace__error-icon{font-size:36px}.join-workspace__actions{flex-direction:column}.join-workspace__btn{width:100%}}.guest-join-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;color:#fff;font-family:inherit;padding:20px;position:relative;overflow:hidden;background:linear-gradient(160deg,#0a2e1e,#0f4223 45%,#0a2e1e)}.guest-join-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 15%,rgba(74,222,128,.12) 0%,transparent 55%),radial-gradient(ellipse at 85% 85%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.guest-brand-header{display:flex;align-items:center;gap:.75rem;margin-bottom:24px;position:relative;z-index:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;padding:.5rem 1.25rem .5rem .6rem}.guest-brand-logo{height:32px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.guest-brand-text{display:flex;flex-direction:column;line-height:1.15}.guest-brand-name{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#fff}.guest-brand-sub{font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#ffffffa6}.guest-page-footer{margin-top:24px;font-size:.75rem;letter-spacing:.03em;color:#ffffff80;position:relative;z-index:1}.guest-join-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 25px -5px #00000059,0 8px 10px -6px #00000040;text-align:center;position:relative;z-index:1}.guest-join-header{margin-bottom:28px}.guest-join-icon{width:64px;height:64px;background:var(--brand-light);color:var(--brand-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:1px solid rgba(16,185,129,.3)}.guest-join-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.guest-join-header p{font-size:.9rem;color:var(--text-muted);margin:0}.guest-join-form{display:flex;flex-direction:column;gap:16px;text-align:left}.guest-input-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.guest-input-wrapper{position:relative;display:flex;align-items:center}.guest-input-icon{position:absolute;left:14px;color:var(--text-muted);font-size:1rem}.guest-input-wrapper input{width:100%;padding:12px 14px 12px 42px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.guest-input-wrapper input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #10b98133}.guest-join-footer{margin-top:24px;font-size:.78rem;color:var(--text-muted)}.lobby-card{max-width:460px}.lobby-icon{background:var(--brand-light);color:var(--brand-accent);border-color:#10b9814d}.lobby-meeting-title{font-size:1rem;font-weight:600;color:var(--text-primary)!important;margin-top:6px!important}.lobby-time-hint{font-size:.82rem;color:var(--text-muted)!important;margin-top:4px!important}.lobby-countdown{display:flex;flex-direction:column;align-items:center;gap:4px;margin:24px 0;background:var(--brand-light);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:18px}.lobby-countdown__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.lobby-countdown__value{font-size:2rem;font-weight:700;color:var(--brand-accent);font-variant-numeric:tabular-nums}.lobby-waiting-indicator{display:flex;align-items:center;justify-content:center;gap:10px}.lobby-waiting-indicator__dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--brand-accent);animation:lobby-waiting-pulse 1.6s ease-in-out infinite}.lobby-waiting-indicator__text{font-size:.95rem;font-weight:600;line-height:1.4;color:var(--brand-primary)}@keyframes lobby-waiting-pulse{0%,to{opacity:1;box-shadow:0 0 #10b98173}50%{opacity:.5;box-shadow:0 0 0 5px #10b98100}}.lobby-participant-pill{display:inline-flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:20px;padding:6px 14px;font-size:.85rem;color:var(--text-muted)}.lobby-participant-pill strong{color:var(--text-primary)}@media(max-width:480px){.guest-join-card{padding:28px 24px}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}.rec-root{width:100vw;height:100vh;background:linear-gradient(160deg,#1c3a27,#16301f 55%,#0f1f16);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;position:relative}.rec-root--empty{background:#0f1f16}.rec-watermark{position:absolute;top:40px;right:44px;display:flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:10px;background:#0a120d99;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 12px #00000040;z-index:10;pointer-events:none}.rec-watermark__img{display:block;height:22px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.rec-grid{display:grid;gap:14px;width:100%;height:100%;padding:20px;box-sizing:border-box}.rec-audio-sink{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.rec-root--focus{flex-direction:column;align-items:stretch;padding:20px;box-sizing:border-box;gap:14px}.rec-stage{flex:1 1 auto;min-height:0;display:flex}.rec-tile--stage{flex:1 1 auto}.rec-filmstrip{flex:0 0 21%;min-height:0;display:flex;gap:12px;justify-content:center;overflow:hidden}.rec-tile--strip{flex:0 0 auto;aspect-ratio:16 / 9;height:100%}.rec-tile{position:relative;background:#17251c;border-radius:12px;overflow:hidden;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #00000040;transition:border-color .2s ease,box-shadow .2s ease}.rec-tile--speaking{border-color:#10b981;box-shadow:0 0 0 2px #10b981}.rec-tile__video{width:100%;height:100%;object-fit:cover;display:block}.rec-tile--stage .rec-tile__video{object-fit:contain;background:#000}.rec-tile__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rec-tile__avatar-frame{position:relative;width:24%;min-width:56px;max-width:140px}.rec-tile__avatar-frame:before{content:"";display:block;padding-top:100%}.rec-tile__avatar{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 2px 12px #0006}.rec-tile__initials{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;color:#eafff2;font-size:clamp(20px,4vw,48px);font-weight:600;letter-spacing:.5px;box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 10px #0000004d}.rec-tile__label{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;background:#08100bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003;color:#fff;font-size:clamp(12px,1.4vw,17px);line-height:1.2}.rec-tile__label--stage{left:16px;bottom:16px;font-size:clamp(14px,1.6vw,19px)}.rec-tile__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.rec-tile__pill{flex:0 0 auto;padding:2px 8px;border-radius:6px;background:#ffffff29;color:#d8f5e6;font-size:.72em;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.rec-tile__badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;font-size:.85em}.rec-tile__badge--host{color:#eab308}.rec-tile__badge--muted{color:#ef4444}.plans-page{width:100%;height:100%;padding:40px 20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-primary)}.plans-header{text-align:center;margin-bottom:40px}.plans-header h1{font-size:2.5rem;font-weight:800;margin-bottom:12px;color:var(--text-primary);background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.plans-header p{color:var(--text-secondary);font-size:1.1rem;max-width:600px}.plans-license-notice{width:100%;max-width:640px;margin:-16px 0 28px;padding:14px 18px;border-radius:10px;border:1px solid rgba(239,68,68,.35);background:#ef444414;color:var(--text-primary);line-height:1.5}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1200px;margin-bottom:40px}@media(max-width:1150px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.plans-grid{grid-template-columns:1fr}.plans-page{padding:40px 20px}}.plan-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:20px;padding:40px;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md)}.plan-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--brand-accent)}.plan-card.pro-featured{border:2px solid var(--brand-accent);background-color:var(--bg-primary);transform:scale(1.05);z-index:10}.plan-card.pro-featured:hover{transform:translateY(-8px) scale(1.05)}.plan-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));color:#fff;padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;box-shadow:0 4px 10px #10b9814d}.current-badge{position:absolute;top:20px;right:20px;background:var(--brand-light);color:var(--brand-secondary);padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid var(--brand-accent)}.plan-card-header h3{font-size:1.75rem;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.plan-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:30px;min-height:45px}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:40px}.plan-price .currency{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.plan-price .amount{font-size:3.5rem;font-weight:800;color:var(--text-primary);line-height:1}.plan-price .period{color:var(--text-muted);font-size:1.1rem}.plan-features{flex-grow:1;margin-bottom:40px;display:flex;flex-direction:column;gap:18px}.feature-item{display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--text-secondary)}.feature-item svg{color:var(--brand-accent);flex-shrink:0}.feature-item.disabled{color:var(--text-muted);text-decoration:line-through;opacity:.6}.feature-item.disabled svg{color:var(--text-muted)}.plan-footer{margin-top:auto}.upgrade-btn{width:100%;padding:14px!important;border-radius:12px!important;font-weight:700!important;font-size:1rem!important;transition:all .2s ease!important;display:flex;justify-content:center;align-items:center;gap:8px}.upgrade-btn:not(:disabled){background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))!important;color:#fff!important;border:none!important}.upgrade-btn:not(:disabled):hover{box-shadow:0 8px 20px #10b98166!important;transform:scale(1.02)}.billing-footer{margin-top:40px;padding:24px;border-radius:16px;background-color:var(--bg-tertiary);display:flex;align-items:center;gap:12px;color:var(--text-muted)}.billing-footer strong{color:var(--text-primary)}@media(max-width:480px){.plans-page{padding:20px 12px}.plan-card{padding:24px 20px}}@media(max-width:768px){.plans-header h1{position:relative;padding:0 44px}.plans-header h1 .mobile-menu-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0}}:root{--color-pakistan-green: #0F4233;--color-dark-green: #0A3329;--color-light-green: #14533D;--color-white: #FFFFFF;--color-off-white: #FAFAFA;--color-error: #DC2626;--color-success: #059669;--color-warning: #F59E0B;--color-info: #3B82F6;--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-border: #E5E7EB;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-green: 0 0 0 3px rgba(1, 65, 28, .1);--font-family: "Twemoji Country Flags", "Inter", "Segoe UI", "Roboto", sans-serif;--font-family-headings: "Twemoji Country Flags", "Plus Jakarta Sans", "Segoe UI", "Roboto", sans-serif;--transition-fast: .15s cubic-bezier(.22, 1, .36, 1);--transition-smooth: .25s cubic-bezier(.22, 1, .36, 1);--transition-spring: .4s cubic-bezier(.22, 1, .36, 1)}@keyframes authPageEnter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes leftContentSlideIn{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes rightContentSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fieldSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}.channel-view__message-text :is(ul,ol),.dm-view__message-text :is(ul,ol),.pinned-message-content :is(ul,ol){margin:4px 0;padding-left:1.5em}.channel-view__message-text ul,.dm-view__message-text ul,.pinned-message-content ul{list-style:disc}.channel-view__message-text ol,.dm-view__message-text ol,.pinned-message-content ol{list-style:decimal}html,body,#root{height:100vh;height:100dvh;width:100%;overflow:hidden}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-off-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease,border-color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings)}.EmojiPickerReact .epr-emoji-native.epr-emoji-native{font-family:Twemoji Country Flags,"Segoe UI Emoji",Segoe UI Symbol,Segoe UI,"Apple Color Emoji",Twemoji Mozilla,"Noto Color Emoji",EmojiOne Color,"Android Emoji"!important}input,textarea,select{font-family:inherit}button{font-family:inherit;border:none;background:none;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;transition:background-color 5000s ease-in-out 0s}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*:focus-visible{outline:2px solid var(--color-pakistan-green);outline-offset:2px}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}[data-theme=dark]{--color-pakistan-green: #10B981;--color-dark-green: #047857;--color-light-green: #34D399;--color-white: #1E293B;--color-off-white: #0F172A;--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-border: #334155;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-green: 0 0 0 3px rgba(16, 185, 129, .15)}html,body,#root{margin:0;padding:0;height:100vh;height:100dvh;width:100%;overflow:hidden}:root,:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--toast-bg: #ffffff;--bg-tertiary: #f3f4f6;--bg-sidebar: #f8f9fa;--bg-overlay: rgba(0, 0, 0, .4);--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: #10b981;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-inverse: #ffffff;--brand-primary: #0f4223;--brand-secondary: #01411c;--brand-accent: #10b981;--brand-light: #e0f2e9;--top-nav-bg: #0f4223;--workspace-sidebar-bg: #0f4223;--sidebar-active-bg: #0f4223;--sidebar-active-text: #ffffff;--danger-primary: #dc2626;--danger-secondary: #ef4444;--danger-light: #fee2e2;--hover-bg: #e5e7eb;--active-bg: #0f4223;--active-text: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--input-bg: #ffffff;--input-border: #d1d5db;--input-focus: #10b981;--highlight-bg: #FFF9C4}:root[data-theme=dark]{color-scheme:dark;--bg-primary: #121212;--toast-bg: #242424;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--bg-sidebar: #161616;--bg-overlay: rgba(0, 0, 0, .7);--border-primary: #333333;--border-secondary: #404040;--border-focus: #22c55e;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-inverse: #ffffff;--brand-primary: #22c55e;--brand-secondary: #16a34a;--brand-accent: #10b981;--brand-light: rgba(34, 197, 94, .15);--top-nav-bg: #1a1a1a;--workspace-sidebar-bg: #121212;--sidebar-active-bg: rgba(34, 197, 94, .15);--sidebar-active-text: #22c55e;--danger-primary: #ef4444;--danger-secondary: #f87171;--danger-light: rgba(239, 68, 68, .15);--hover-bg: #2d2d2d;--active-bg: #22c55e;--active-text: #121212;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--input-bg: #1e1e1e;--input-border: #404040;--input-focus: #22c55e;--highlight-bg: rgba(255, 214, 90, .4)}body{background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #213547)}#root{background-color:var(--bg-primary);color:var(--text-primary)}@keyframes highlight{0%{background-color:transparent}15%{background-color:var(--highlight-bg)}60%{background-color:var(--highlight-bg)}to{background-color:transparent}}.message-item--highlighted,.message-item--highlight{animation:highlight 2.4s ease-in-out}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-secondary, #d1d5db);border-radius:100px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #9ca3af)}::selection{background:#0f422333;color:inherit}[data-theme=dark] ::selection{background:#22c55e40}@media(max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.digit-input):not(.mfa-digit),textarea,select,[contenteditable=true]{font-size:16px!important}}