@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.toast-container{position:fixed;bottom:100px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;min-width:320px;max-width:480px;background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;pointer-events:all;animation:slideIn .3s ease-out;border-left:4px solid}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:#d1fae5;color:#10b981}.toast-error .toast-icon{background:#fee2e2;color:#ef4444}.toast-warning .toast-icon{background:#fef3c7;color:#f59e0b}.toast-info .toast-icon{background:#dbeafe;color:#3b82f6}.toast-message{flex:1;font-size:14px;line-height:1.5;color:var(--text-primary)}.toast-close{background:none;border:none;color:var(--text-tertiary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.password-gate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0f1729,#1a1f3a,#0a0f1f);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in;overflow:hidden}.password-gate-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(59,130,246,.12) 0%,transparent 55%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.1) 0%,transparent 55%)}.password-gate-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.4}.password-gate-modal{background:#0a0f1feb;border-radius:16px;padding:48px 40px;max-width:520px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out;position:relative;z-index:1;border:1px solid rgba(255,255,255,.08)}.password-gate-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.password-gate-logo-image{width:min(260px,80vw);height:auto;filter:brightness(0) saturate(0) invert(1) brightness(1.2) drop-shadow(0 4px 20px rgba(255,255,255,.2))}.password-gate-slogan{font-size:clamp(1.5rem,4vw,2.4rem);font-weight:800;text-align:center;letter-spacing:-.02em;white-space:nowrap}.password-gate-gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.password-gate-icon{font-size:48px;text-align:center;margin-bottom:24px}.password-gate-title{font-size:28px;font-weight:700;color:#fff;text-align:center;margin:0 0 12px}.password-gate-description{font-size:14px;color:#ffffffb3;text-align:center;margin:0 0 32px;line-height:1.6}.password-gate-banner{margin:0 0 20px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0a0a1f;background:linear-gradient(135deg,#fdb931,#fcd34d);padding:8px 14px;border-radius:999px;box-shadow:0 6px 18px #fdb9314d}.password-gate-form{display:flex;flex-direction:column;gap:16px}.password-gate-input{width:100%;padding:14px 16px;font-size:16px;border:1px solid rgba(255,255,255,.16);border-radius:8px;outline:none;transition:all .2s ease;box-sizing:border-box;background:#ffffff0f;color:#fff}.password-gate-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.password-gate-input::placeholder{color:#ffffff80}.password-gate-error{padding:12px 16px;background:#fed7d7;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-size:14px;text-align:center;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.password-gate-button{width:100%;padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.password-gate-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.password-gate-button:active{transform:translateY(0)}@media (max-width: 480px){.password-gate-modal{padding:36px 24px}.password-gate-title{font-size:24px}.password-gate-icon{font-size:40px}}.sidebar{width:240px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:var(--space-24);display:flex;flex-direction:column;min-height:100vh}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-12);font-size:var(--font-size-18);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-32);text-decoration:none;transition:opacity var(--transition-base)}.sidebar-brand:hover{opacity:.8}.sidebar-logo{width:180px;height:auto;transition:all .3s ease}body.theme-light .sidebar-logo,html.theme-light .sidebar-logo,.theme-light .sidebar-logo,[data-theme=light] .sidebar-logo{filter:none;opacity:1;background:transparent}body.theme-dark .sidebar-logo,html.theme-dark .sidebar-logo,.theme-dark .sidebar-logo,[data-theme=dark] .sidebar-logo{filter:invert(1) grayscale(1) brightness(2);opacity:1;background:transparent}.sidebar-logo:hover{opacity:.8}.sidebar-console-label{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;font-weight:700;letter-spacing:.5px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-8)}.nav-divider{height:1px;background-color:var(--border-color);margin:var(--space-16) 0}.nav-item{padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:var(--space-12);transition:all var(--transition-base)}.nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background-color:var(--color-primary);color:#fff}.nav-icon{font-size:18px}.sidebar-footer{margin-top:auto;padding-top:var(--space-24);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-16)}.user-info{display:flex;align-items:center;gap:var(--space-12)}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-14);font-weight:var(--font-weight-semibold)}.user-details{flex:1}.user-name{font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary)}.user-role{font-size:var(--font-size-11);color:var(--text-secondary)}.email-verification-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-bottom:2px solid #d97706;padding:var(--space-16);position:sticky;top:0;z-index:1000;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-16)}.banner-icon{font-size:24px;flex-shrink:0}.banner-text{flex:1;color:#1f2937}.banner-text strong{display:block;font-size:var(--font-size-15);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.banner-text p{font-size:var(--font-size-13);margin:0;opacity:.9}.email-verification-banner .btn{white-space:nowrap;flex-shrink:0;background:#fff;color:#f59e0b;border:1px solid #FFFFFF}.email-verification-banner .btn:hover:not(:disabled){background:#f3f4f6;color:#d97706}.email-verification-banner .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.banner-content{flex-direction:column;text-align:center;gap:var(--space-12)}.email-verification-banner .btn{width:100%}}.layout{display:flex;min-height:100vh}.main-content{flex:1;padding:var(--space-32);background-color:var(--bg-primary);overflow-y:auto}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary)}.loading-spinner{font-size:var(--font-size-16);color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.public-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--surface-primary, #fff)}.public-header{background:var(--surface-primary, #fff);border-bottom:1px solid var(--border-primary, #e5e7eb);padding:1rem 0;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.public-header .logo{text-decoration:none;display:flex;align-items:center;transition:opacity var(--transition-base, .2s)}.public-header .logo:hover{opacity:.8}.header-logo{height:50px;width:auto;cursor:pointer}.logo-text{margin-left:1rem;font-size:1.125rem;font-weight:600;color:var(--color-text, #333)}.public-nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.public-nav a{color:var(--text-secondary, #6b7280);text-decoration:none;font-weight:500;transition:color .2s;position:relative}.public-nav a:hover{color:var(--text-primary, #111827)}.public-nav a.active{color:var(--accent-primary, #6366f1);font-weight:600}.public-nav a.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--accent-primary, #6366f1)}.btn-login{background:var(--accent-primary, #6366f1);color:#fff!important;padding:.5rem 1rem;border-radius:.5rem}.btn-login:hover{background:var(--accent-hover, #4f46e5)}.public-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem}.public-footer{background:var(--surface-secondary, #f9fafb);border-top:1px solid var(--border-primary, #e5e7eb);padding:2rem 0;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary, #6b7280);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-links a:hover{color:var(--text-primary, #111827)}.footer-container p{color:var(--text-tertiary, #9ca3af);font-size:.875rem;margin:0}@media (max-width: 640px){.header-container{padding:0 1rem;flex-wrap:wrap;gap:.75rem}.header-logo{height:36px}.logo-text{font-size:.875rem;margin-left:.5rem}.public-nav{gap:.75rem;font-size:.8125rem;width:100%;justify-content:center}.btn-login{padding:.375rem .75rem;font-size:.8125rem}.public-content{padding:1.5rem 1rem}.public-footer{padding:1.5rem 0;margin-top:3rem}.footer-container{padding:0 1rem}.footer-links{gap:.75rem;row-gap:.5rem}.footer-links a{font-size:.8125rem}.footer-container p{font-size:.75rem}}@media (min-width: 641px) and (max-width: 768px){.header-logo{height:42px}.logo-text{font-size:1rem}.public-nav{gap:1rem;font-size:.875rem}.footer-links{gap:1.5rem;row-gap:.75rem}}@media (max-width: 768px){.public-nav a.active:after{bottom:-4px}}.standalone-guide-layout{min-height:100vh;background-color:var(--bg-primary);padding:0;margin:0}.standalone-guide-content{max-width:100%;margin:0;padding:var(--space-48) var(--space-48)}.standalone-guide-layout .info-page{padding:0;margin:0;max-width:none}.standalone-guide-layout .info-page-header a{display:none!important}.standalone-guide-layout .info-page-header{margin-bottom:var(--space-48);padding-bottom:var(--space-32);border-bottom:2px solid var(--border-color)}.standalone-guide-layout .info-page-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.2}.standalone-guide-layout .info-page-header p{font-size:var(--font-size-18);color:var(--text-secondary);line-height:1.6;max-width:800px}.guide-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-32);align-items:start}.guide-sidebar{position:sticky;top:var(--space-24);align-self:start;padding:var(--space-16);border:1px solid var(--border-color);border-radius:var(--radius-card);background-color:var(--bg-secondary)}.guide-sidebar-title{font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-12)}.guide-sidebar-nav{display:flex;flex-direction:column;gap:var(--space-8)}.guide-sidebar-item{text-align:left;border:1px solid transparent;background:transparent;padding:var(--space-10) var(--space-12);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-14);cursor:pointer;transition:all var(--transition-base)}.guide-sidebar-item:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.guide-sidebar-item.is-active{color:var(--text-primary);background-color:#667eea1f;border-color:#667eea59;font-weight:var(--font-weight-semibold)}.guide-content{min-width:0;padding:var(--space-16) var(--space-32) var(--space-32);border:1px solid var(--border-color);border-radius:var(--radius-card);background-color:var(--bg-secondary)}.guide-content-title{font-size:var(--font-size-28);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-top:0;margin-bottom:var(--space-16)}.guide-content-body .markdown-content h2,.guide-content-body .markdown-content h3{margin-top:var(--space-24)}.guide-content-body .markdown-content>*:first-child{margin-top:0}.guide-content-footer{display:flex;justify-content:space-between;gap:var(--space-16);margin-top:var(--space-32)}.guide-content-footer .btn{min-width:180px}.guide-content-footer .btn-primary{color:#fff!important;background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.guide-content-footer .btn-primary:hover{color:#fff!important;background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.guide-content-footer .btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.guide-content-footer .btn-secondary:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}@media (max-width: 1200px){.standalone-guide-content{padding:var(--space-32) var(--space-32)}}@media (max-width: 768px){.standalone-guide-content{padding:var(--space-24) var(--space-16)}.standalone-guide-layout .info-page-header h1{font-size:2rem}}.landing-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.container{max-width:1000px;margin:0 auto;padding:1.5rem}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border-color);margin-bottom:3rem}.nav-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.hero{text-align:center;padding:3rem 0}.hero-badge{display:inline-block;padding:.5rem 1rem;background-color:#667eea;color:#fff;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;text-decoration:none;transition:opacity .2s}.hero-badge:hover{opacity:.9}.hero-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.requirements{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin:3rem 0}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.requirements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.requirement-item{display:flex;gap:.75rem;align-items:flex-start}.requirement-icon{color:#4caf50;font-size:1.25rem}.requirement-text{font-size:.875rem;color:var(--text-primary)}.benefits{margin:3rem 0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.benefit-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;text-align:center;padding:1.5rem;transition:all var(--transition-base);cursor:pointer}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.benefit-icon{width:56px;height:56px;border-radius:50%;background-color:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem}.benefit-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.benefit-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:3rem;text-align:center;color:#fff;margin:3rem 0}.cta-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1rem;opacity:.9;margin-bottom:1.5rem}.btn-cta{background-color:#fff;color:#667eea;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.footer{border-top:1px solid var(--border-color);padding:1.5rem 0;margin-top:3rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem;flex-wrap:wrap}.footer-link{font-size:.875rem;color:var(--text-secondary);text-decoration:none}.footer-link:hover{color:var(--text-primary)}.footer-text{font-size:.875rem;color:var(--text-tertiary)}@media (max-width: 768px){.hero-title{font-size:2rem}.requirements-list,.benefits-grid{grid-template-columns:1fr}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:linear-gradient(-45deg,#1a2332,#2a3a4e,#1e293b,#243447);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative}.theme-toggle-container-absolute{position:absolute;top:var(--space-24);right:var(--space-24);display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-16);background-color:#ffffff1a;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card{width:100%;max-width:420px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-48) var(--space-32);box-shadow:var(--shadow-xl)}.logo-section{text-align:center;margin-bottom:var(--space-32)}.logo{font-size:48px;margin-bottom:var(--space-12)}.logo-title{font-size:var(--font-size-24);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.logo-subtitle{font-size:var(--font-size-13);color:var(--text-secondary)}.form-input{width:100%;padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-14)}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-input:focus{outline:none;border-color:var(--color-primary)}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-24);font-size:var(--font-size-13)}.checkbox-label{display:flex;align-items:center;gap:var(--space-8);color:var(--text-secondary)}.forgot-link{color:var(--color-primary);text-decoration:none}.error-message{padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ff6b6b!important;font-size:var(--font-size-13);margin-bottom:var(--space-20);display:flex;align-items:start;gap:var(--space-8);word-wrap:break-word;word-break:break-word;position:relative}.error-message span{color:#ff6b6b!important;flex:1;line-height:1.5;min-width:0;padding-right:var(--space-32)}.error-close{position:absolute;top:var(--space-8);right:var(--space-8);background:none;border:none;color:#ff6b6b;font-size:1.2em;cursor:pointer;padding:var(--space-4);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-md);transition:all .2s ease;opacity:.7}.error-close:hover{opacity:1;background-color:#ef444433}.error-close:active{transform:scale(.95)}.error-text{display:block;color:var(--color-error);font-size:var(--font-size-12);margin-top:var(--space-4)}.footer-text{text-align:center;font-size:var(--font-size-12);color:var(--text-tertiary);margin-top:var(--space-24)}.oauth-divider{display:flex;align-items:center;text-align:center;margin:var(--space-24) 0;color:var(--text-tertiary);font-size:var(--font-size-13)}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.oauth-divider span{padding:0 var(--space-12)}.btn-oauth{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-12)}.btn-oauth:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-oauth:disabled{opacity:.5;cursor:not-allowed}.btn-oauth svg{flex-shrink:0}.mfa-verification{margin-top:var(--space-24)}.mfa-info{text-align:center;margin-bottom:var(--space-24)}.mfa-icon{font-size:48px;display:block;margin-bottom:var(--space-16)}.mfa-info h3{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.mfa-info p{font-size:var(--font-size-14);color:var(--text-secondary);margin:0}.mfa-code-input{text-align:center!important;font-size:24px!important;letter-spacing:8px!important;font-family:Courier New,monospace!important;font-weight:600}.forgot-password-page{min-height:100vh;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--space-20)}.reset-container{width:100%;max-width:400px}.reset-icon{font-size:64px;text-align:center;margin-bottom:var(--space-24)}.reset-title{font-size:var(--font-size-24);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-8)}.reset-subtitle{font-size:var(--font-size-14);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-32);line-height:1.5}.form-label{display:block;font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-8)}.form-input{width:100%;padding:var(--space-12);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-14);transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c5cff1a}.form-input:disabled{opacity:.5;cursor:not-allowed}.back-link{display:block;text-align:center;margin-top:var(--space-24);font-size:var(--font-size-14);color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.back-link:hover{color:var(--color-primary-dark)}.info-box{background-color:#7c5cff1a;border:1px solid rgba(124,92,255,.3);border-radius:var(--radius-md);padding:var(--space-16);margin-top:var(--space-24);text-align:left}.info-box-title{font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-8)}.info-box-text{font-size:var(--font-size-13);color:var(--text-secondary);line-height:1.5}.alert{padding:var(--space-12);border-radius:var(--radius-md);margin-bottom:var(--space-20);font-size:var(--font-size-13);text-align:center}.alert-error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.alert-success{background-color:#22c55e1a;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.verify-email-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-24)}.verify-email-container{background:var(--bg-primary);border-radius:var(--radius-card);padding:var(--space-48) var(--space-32);max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.verify-email-icon{font-size:64px;margin-bottom:var(--space-24);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.verify-email-container h1{font-size:var(--font-size-28);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-16) 0}.verify-email-message{font-size:var(--font-size-15);color:var(--text-secondary);margin:0 0 var(--space-12) 0}.user-email{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--bg-secondary);padding:var(--space-12);border-radius:var(--radius-md);margin-bottom:var(--space-24);word-break:break-all}.verify-email-instructions{font-size:var(--font-size-14);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-32) 0}.verify-email-actions{display:flex;flex-direction:column;gap:var(--space-12);margin-bottom:var(--space-24)}.verify-email-actions .btn{width:100%}.verify-email-footer{padding-top:var(--space-24);border-top:1px solid var(--border-color)}.btn-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-13);cursor:pointer;text-decoration:underline;padding:var(--space-8);transition:color var(--transition-base)}.btn-link:hover{color:var(--text-primary)}.dev-notice{margin-top:var(--space-24);padding:var(--space-16);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);font-size:var(--font-size-13);color:var(--text-secondary);text-align:left}.dev-notice strong{color:var(--text-primary)}@media (max-width: 600px){.verify-email-container{padding:var(--space-32) var(--space-24)}.verify-email-container h1{font-size:var(--font-size-24)}.verify-email-icon{font-size:48px}}.dashboard-page{padding:32px;background-color:var(--bg-primary)}.dashboard-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:32px}.dashboard-page-title{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.shift-status-badge{display:flex;align-items:center;gap:12px;padding:12px 20px;background-color:#10b981;color:#fff;border-radius:8px;font-size:14px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.dashboard-page .stats-grid .stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all var(--transition-base)}.dashboard-page .stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--color-primary)}.dashboard-page .stats-grid .stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px;text-align:center!important;width:100%}.dashboard-page .stats-grid .stat-label{font-size:13px;color:var(--text-secondary);text-align:center!important;width:100%}.dashboard-page .stats-grid .stat-sublabel{font-size:12px;color:var(--text-tertiary);margin-top:4px;text-align:center!important;width:100%}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.assignment-item{padding:16px;border-radius:8px;background-color:var(--bg-tertiary);margin-bottom:12px}.assignment-item.active-assignment{border:2px solid var(--color-primary)}.assignment-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.assignment-item-title{font-size:14px;font-weight:500;color:var(--text-primary)}.assignment-item-meta{font-size:12px;color:var(--text-secondary)}.assignment-item .btn{margin-top:12px;width:100%}.quick-actions-buttons{display:flex;flex-direction:column;gap:12px}.quick-actions-buttons .btn{width:100%}.activity-list{font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.activity-item strong{color:var(--text-primary)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.badge-live{background-color:#dc2626;color:#fff}.badge-neutral{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#6b4fe6}.btn:disabled{opacity:.5;cursor:not-allowed}.loading-state,.error-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.error-state{color:var(--color-error)}@keyframes pulse{0%,to{box-shadow:0 0 #dc2626b3;border-color:var(--color-error)}50%{box-shadow:0 0 0 8px #dc262600;border-color:#dc262680}}.live-session-pulse{position:relative;animation:pulse 2s ease-in-out infinite}.live-session-pulse .btn{animation:none!important;transition:none!important;position:relative;z-index:2;transform:none!important;backface-visibility:hidden;will-change:auto!important}.live-session-pulse .btn:hover{transition:transform .2s ease!important;transform:translateY(-2px)!important}.marketplace-page{padding:var(--space-24);max-width:1400px;margin:0}.page-header{margin-bottom:var(--space-32)}.categories-section{margin-bottom:3rem}.categories-section h2{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.5rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.category-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity .2s ease}.category-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.category-card:hover:before{opacity:1}.category-card.active{border-color:var(--color-primary);background:#3b82f60d}.category-card.active:before{opacity:1}.category-header{display:flex;align-items:flex-start;gap:1rem}.category-icon{font-size:2rem;line-height:1;flex-shrink:0}.category-info{flex:1;min-width:0}.category-name{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 .5rem}.category-meta{font-size:var(--font-size-13);color:var(--text-secondary);margin:0}.moment-count{font-weight:var(--font-weight-semibold);color:var(--color-primary)}@media (max-width: 768px){.categories-grid{grid-template-columns:1fr}}.page-header h1{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.page-header p{font-size:var(--font-size-14);color:var(--text-secondary);margin:0}.empty-state{text-align:left;padding:var(--space-64) var(--space-24);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.empty-icon{font-size:4rem;margin-bottom:var(--space-16)}.empty-state h3{font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.empty-state p{font-size:var(--font-size-14);color:var(--text-secondary);margin:0;max-width:500px}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-20)}@media (max-width: 768px){.sessions-grid{grid-template-columns:1fr}}.session-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-20);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-16)}.session-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px);border-color:var(--color-primary)}.card-header{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);text-transform:uppercase}.badge-live{background-color:#ef44441a;color:#ef4444;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.badge-scheduled{background-color:#3b82f61a;color:var(--color-primary)}.badge-default{background-color:#6b72801a;color:#6b7280}.category-badge{display:inline-flex;align-items:center;padding:var(--space-6) var(--space-12);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:capitalize}.session-info{flex:1}.session-title{font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-8) 0;line-height:1.3}.session-subtitle{font-size:var(--font-size-14);color:var(--text-secondary);margin:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.session-details{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.detail-row{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-13)}.detail-icon{font-size:var(--font-size-16);flex-shrink:0}.detail-text{color:var(--text-primary);flex:1}.card-footer{display:flex;gap:var(--space-8);margin-top:auto}.card-footer button{flex:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-16);animation:fadeIn .2s ease-out}.modal-content{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-20);border-bottom:1px solid var(--border-color);position:relative}.modal-header h2{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;padding-right:var(--space-48)}.modal-close{position:absolute;top:var(--space-16);right:var(--space-16);background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base);line-height:1}.modal-body{padding:var(--space-24);overflow-y:auto;flex:1}.session-summary{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-16);margin-bottom:var(--space-24)}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-12);margin-bottom:var(--space-12);font-size:var(--font-size-14)}.summary-row:last-child{margin-bottom:0}.summary-row strong{color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:100px;flex-shrink:0}.summary-row span{color:var(--text-primary);text-align:right;flex:1}.form-group:last-child{margin-bottom:0}.form-input{width:100%;padding:var(--space-12);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-14);font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);resize:vertical;transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{opacity:.6;cursor:not-allowed}.char-count{text-align:right;font-size:var(--font-size-12);color:var(--text-tertiary);margin-top:var(--space-4)}.help-text{font-size:var(--font-size-13);color:var(--text-secondary);margin:var(--space-8) 0 0 0;line-height:1.5}.modal-footer{display:flex;gap:var(--space-12);justify-content:flex-end;padding:var(--space-20);border-top:1px solid var(--border-color)}@media (max-width: 768px){.marketplace-page{padding:var(--space-16)}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.modal-content{max-width:95%}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirm-dialog{background-color:var(--color-bg-primary, #fff);border-radius:8px;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .2s ease-out}.confirm-dialog-header{padding:1.25rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.confirm-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #111827)}.confirm-dialog-body{padding:1.5rem 1.25rem}.confirm-dialog-body p{margin:0;font-size:.9375rem;color:var(--color-text-secondary, #6b7280);line-height:1.6}.confirm-dialog-footer{padding:1rem 1.25rem;border-top:1px solid var(--color-border, #e5e7eb);display:flex;justify-content:flex-end;gap:.75rem}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.assignments-page .btn{display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:8px 16px;border-radius:18px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.assignments-page .btn:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.assignments-page .btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.assignments-page .btn-primary:hover{background-color:#6b4fe6}.assignments-page .btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.assignments-page .badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.assignments-page .badge-live{background-color:#10b981;color:#0b0b0c}.assignments-page .badge-neutral{background-color:#3b82f6;color:#fff}.assignments-page .badge-success{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.assignments-page{background-color:var(--bg-primary)}.assignments-page .container{max-width:1200px;margin:0;padding:var(--space-24)}.assignments-page .page-header{margin-bottom:var(--space-32)}.assignments-page .page-title{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.assignments-page .page-subtitle{font-size:14px;color:var(--text-secondary)}.assignments-page .filter-tabs{display:flex;gap:8px;margin-bottom:24px}.assignments-page .filter-tab{padding:8px 16px;border-radius:9999px;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.assignments-page .filter-tab:hover{background-color:var(--bg-tertiary)}.assignments-page .filter-tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.assignments-page .assignment-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:16px;display:block!important;transition:all var(--transition-base);cursor:pointer}.assignments-page .assignment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--color-primary)}.assignments-page .assignment-card.in_progress{border-color:var(--color-primary);border-width:2px}.assignments-page .assignment-card.completed{opacity:.7}.assignments-page .assignment-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.assignments-page .assignment-info{flex:1}.assignments-page .assignment-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.assignments-page .assignment-time{font-size:13px;color:var(--text-secondary)}.assignments-page .assignment-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:16px}.assignments-page .detail-item{font-size:12px}.assignments-page .detail-label{color:var(--text-secondary);margin-bottom:4px}.assignments-page .detail-value{color:var(--text-primary);font-weight:500}.assignments-page .assignment-actions{display:flex;gap:8px}.assignments-page .assignment-actions .btn-primary{flex:1}.assignments-page .assignment-actions .btn-secondary:only-child{flex:1}.assignments-page .loading-state,.assignments-page .error-state,.assignments-page .empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.assignments-page .error-state{color:var(--color-error)}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#000000b3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:16px!important;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 20px 60px #0000004d!important;max-width:600px!important;width:100%!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:24px!important;border-bottom:1px solid var(--border-color)!important;background-color:var(--bg-secondary)!important}.modal-header h2{font-size:20px!important;font-weight:600!important;color:var(--text-primary)!important;margin:0!important}.modal-close{background:transparent;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px!important;overflow-y:auto!important;flex:1!important;background-color:var(--bg-secondary)!important}.modal-body p{color:var(--text-primary)!important;margin-bottom:20px!important;line-height:1.6!important}.modal-body strong{color:var(--text-primary)!important;font-weight:600!important}.modal-footer{display:flex!important;gap:12px!important;padding:20px 24px!important;border-top:1px solid var(--border-color)!important;background-color:var(--bg-tertiary)!important}.modal-footer .btn{flex:1}.form-group{margin-bottom:20px}.form-group label{display:block!important;font-weight:500!important;color:var(--text-primary)!important;margin-bottom:8px!important;font-size:14px!important}.help-text{font-size:13px!important;color:var(--text-secondary)!important;margin-bottom:12px!important;line-height:1.5!important}.modal-body .btn,.modal-content .btn{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;padding:16px;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;font-size:14px;font-weight:500}.modal-body .btn:hover:not(:disabled),.modal-content .btn:hover:not(:disabled){border-color:var(--color-primary)!important;background-color:var(--bg-primary)!important}.modal-body .btn.btn-primary,.modal-content .btn.btn-primary{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.modal-body .btn.btn-primary:hover:not(:disabled),.modal-content .btn.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)!important}.modal-body .btn.btn-secondary,.modal-content .btn.btn-secondary{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.modal-body .btn:disabled,.modal-content .btn:disabled{opacity:.5;cursor:not-allowed}.modal-content input[type=number],.modal-body input[type=number]{width:100%!important;padding:10px 12px!important;border:1px solid var(--border-color)!important;border-radius:8px!important;background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;font-size:14px!important;transition:all .2s!important}.modal-content input[type=number]:focus,.modal-body input[type=number]:focus{outline:none!important;border-color:var(--color-primary)!important;background-color:var(--bg-primary)!important}.modal-content input[type=number]:disabled,.modal-body input[type=number]:disabled{opacity:.5!important;cursor:not-allowed!important}.modal-footer .btn-secondary{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.modal-footer .btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary)!important}.modal-footer .btn-primary{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.modal-footer .btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)!important}.modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.modal-content{max-width:100%;margin:0;border-radius:12px 12px 0 0;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:16px}}.hotbar{width:100%;max-width:1200px;padding:1.5rem}.hotbar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.session-info{display:flex;align-items:center;gap:1rem}.session-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary, #111827)}.session-title-link{color:var(--text-primary, #111827);text-decoration:none;transition:color .2s ease;cursor:pointer}.session-title-link:hover{color:var(--color-primary, #3b82f6);text-decoration:underline}.live-indicator{background:#dc2626;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.end-shift-button{background:#dc2626;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.end-shift-button:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.end-shift-button:disabled{opacity:.5;cursor:not-allowed}.feedback-banner{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-weight:500;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-success{background:#10b9811a;color:var(--color-success);border:1px solid var(--color-success)}.feedback-error{background:#ef44441a;color:var(--color-error);border:1px solid var(--color-error)}.moment-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.moment-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background:var(--bg-secondary)!important;border:2px solid var(--border-color)!important;border-radius:.75rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.moment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-width:3px}.moment-button:active:not(:disabled){transform:translateY(0)}.moment-button:disabled{opacity:.5;cursor:not-allowed}.moment-icon{font-size:2rem;margin-bottom:.5rem}.moment-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.moment-shortcut{position:absolute;top:.5rem;right:.5rem;background:var(--bg-tertiary);color:var(--text-secondary);width:1.5rem;height:1.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.recent-moments{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:.75rem;padding:1rem}.recent-moments:has(.moments-empty-state){padding:.75rem 1rem;min-height:auto;height:auto}.recent-moments h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.recent-moments:has(.moments-empty-state) h3{margin-bottom:.5rem}.moments-empty-state{text-align:center;color:var(--text-tertiary);padding:.25rem 0;margin:0;font-size:.875rem;line-height:1.5;height:auto;min-height:0}.moments-table{width:100%;border-collapse:collapse;font-size:.875rem}.moments-table thead{background:var(--bg-tertiary)!important;border-bottom:2px solid var(--border-color)!important}.moments-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.813rem;text-transform:uppercase;letter-spacing:.025em}.moments-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.moments-table tbody tr:hover{background:var(--bg-tertiary)!important}.moments-table tbody tr:last-child{border-bottom:none}.moments-table td{padding:.875rem 1rem;color:var(--text-primary)}.moment-row{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.moment-cell-icon{font-size:1.25rem;margin-right:.5rem}.moment-cell-label{font-weight:500}.moment-cell-time{color:var(--text-secondary);white-space:nowrap}.moment-cell-metadata{color:var(--text-secondary);font-size:.813rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moment-cell-action{text-align:right;width:100px}.undo-button-inline{padding:.375rem .75rem;background:#6b7280;color:#fff;border:none;border-radius:.375rem;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.undo-button-inline:hover{background:#4b5563;transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000004d}.modal-content h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c5cff1a}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-actions button:hover{background:var(--bg-secondary);border-color:var(--border-color)}.modal-actions button.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.modal-actions button.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (max-width: 768px){.moment-buttons-grid{grid-template-columns:repeat(2,1fr)}.session-title{font-size:1.25rem}.moment-button{padding:1rem .75rem}.moment-icon{font-size:1.5rem}}.console-page{min-height:100vh;background:var(--color-background);padding:var(--space-24)}.console-content{max-width:1200px}.console-page .page-header{max-width:1200px;margin-bottom:var(--space-32)}.console-page .page-title{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.console-page .page-subtitle{font-size:var(--font-size-14);color:var(--text-secondary);margin:0;line-height:1.5}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.spinner{width:3rem;height:3rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state p,.error-state p,.empty-state p{margin:1rem 0 0;color:var(--color-text-secondary);font-size:1rem}.error-state h2{color:var(--color-error);margin:0 0 .5rem}.error-state button{margin-top:1rem;padding:.5rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.error-state button:hover{background:var(--color-primary-hover)}.empty-state h2{color:var(--color-text);margin:0 0 1rem}.instructions-panel{max-width:1200px;margin:0 0 1.5rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem}.instructions-panel h3{margin:0 0 1rem;color:var(--color-text);font-size:1rem;font-weight:600}.instructions-panel ul{margin:0;padding-left:1.5rem;color:var(--color-text-secondary)}.instructions-panel li{margin-bottom:.5rem;line-height:1.6}.instructions-panel li:last-child{margin-bottom:0}@media (max-width: 768px){.console-page{padding:.5rem}.instructions-panel{padding:1rem}}.shifts-page{background-color:var(--bg-primary)}.shifts-page .container{max-width:1200px;margin:0;padding:var(--space-24)}.shifts-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-32)}.shifts-page .page-title{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.shifts-page .page-subtitle{font-size:var(--font-size-14);color:var(--text-secondary);margin:0;line-height:1.5}.active-shift{background:linear-gradient(135deg,var(--color-primary),#10B981);border-radius:12px;padding:32px;margin-bottom:24px;color:#fff}.shift-header a{transition:opacity .2s ease}.shift-header a:hover{opacity:.85}.shift-header h2{font-size:20px;font-weight:700;margin:0 0 8px}.shift-session{font-size:16px;opacity:.9;margin-bottom:16px}.shift-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.shift-stat{text-align:center}.stat-value{font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{font-size:12px;opacity:.9;text-align:center}.shift-actions{display:flex;gap:12px}.shift-actions .btn{flex:1}.shift-actions .btn-pause{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);flex:0 0 auto;min-width:120px}.shifts-section-title{margin-bottom:16px;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.shifts-filter-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-12);margin-bottom:var(--space-20)}.shifts-filter-card{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-14) var(--space-16);background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.shifts-filter-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.shifts-filter-card.active{border-color:var(--color-primary);background-color:#3b82f614;box-shadow:0 0 0 1px var(--color-primary)}.shifts-filter-card .filter-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.shifts-filter-card .filter-info{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.shifts-filter-card .filter-name{font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.shifts-filter-card .filter-count{font-size:var(--font-size-11);color:var(--text-secondary)}.shift-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:16px;transition:all .2s ease}.shift-card-clickable{cursor:pointer}.shift-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.shift-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.shift-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.shift-time{font-size:13px;color:var(--text-secondary)}.shift-details{display:flex;gap:16px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.shift-detail-item strong{font-weight:600;color:var(--text-primary)}.shifts-page .loading-state,.shifts-page .error-state,.shifts-page .empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.shifts-page .error-state{color:var(--color-error)}.shifts-page .badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.shifts-page .badge-success{background-color:#10b981;color:#0b0b0c;transition:all .2s ease}.shifts-page .badge-success:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.activity-page{background-color:var(--bg-primary)}.activity-page .container{max-width:1200px;margin:0;padding:var(--space-24)}.activity-page .page-header{margin-bottom:var(--space-32)}.activity-page .page-title{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.activity-page .page-subtitle{font-size:var(--font-size-14);color:var(--text-secondary);margin:0;line-height:1.5}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;text-align:center}.stat-card .stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-card .stat-label{font-size:12px;color:var(--text-secondary)}.filters-section{display:flex;flex-direction:column;gap:var(--space-16);margin-bottom:var(--space-24)}.time-period-filter{padding:var(--space-16);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.filter-label{display:block;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-12)}.time-period-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-12)}.time-period-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-10) var(--space-12);background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center}.time-period-icon{font-size:1.25rem;line-height:1}.time-period-name{font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-8)}.filter-group label{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:var(--space-12) var(--space-16);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-14);cursor:pointer;transition:all var(--transition-base)}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background-color:var(--border-color)}.timeline-item{position:relative;padding-bottom:24px}.timeline-marker{position:absolute;left:-28px;top:4px;width:16px;height:16px;border-radius:50%;background-color:var(--color-primary);border:3px solid var(--bg-primary);z-index:1}.timeline-marker.success{background-color:#10b981}.timeline-marker.warning{background-color:#f59e0b}.timeline-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timeline-title{font-size:14px;font-weight:600;color:var(--text-primary)}.timeline-time{font-size:12px;color:var(--text-secondary)}.timeline-details{font-size:13px;color:var(--text-secondary);line-height:1.5}.activity-page .loading-state,.activity-page .error-state,.activity-page .empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.activity-page .error-state{color:var(--color-error)}.ratings-page{padding:var(--space-24);max-width:1200px}.ratings-page .page-header{margin-bottom:var(--space-32)}.ratings-page .page-title{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.ratings-page .page-subtitle{font-size:var(--font-size-14);color:var(--text-secondary);line-height:1.6;margin:0}.time-period-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-12);margin-bottom:var(--space-24)}.time-period-card{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-14) var(--space-16);background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.time-period-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.time-period-card.active{border-color:var(--color-primary);background-color:#3b82f614;box-shadow:0 0 0 1px var(--color-primary)}.time-period-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.time-period-info{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.time-period-name{font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.time-period-count{font-size:var(--font-size-11);color:var(--text-secondary)}.summary-card{display:flex;gap:var(--space-32);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-24);margin-bottom:var(--space-32);box-shadow:var(--shadow-sm)}.summary-item{flex:1;text-align:center}.summary-label{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-12)}.summary-value{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.rating-number{font-size:var(--font-size-48);font-weight:var(--font-weight-bold);color:gold;line-height:1}.rating-count{font-size:var(--font-size-36);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.summary-divider{width:1px;background-color:var(--border-color);margin:var(--space-8) 0}.stars-display{display:flex;gap:var(--space-4);font-size:20px;line-height:1}.stars-display .star{color:var(--border-color)}.stars-display .star.active{color:gold}.ratings-list{display:flex;flex-direction:column;gap:var(--space-16)}.rating-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-20);transition:all var(--transition-base)}.rating-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.rating-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-16)}.rating-stars-time{display:flex;align-items:center;gap:var(--space-16)}.rating-time{font-size:var(--font-size-12);color:var(--text-tertiary);white-space:nowrap}.rating-details{margin-bottom:var(--space-12)}.rating-session{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.session-date{font-weight:var(--font-weight-normal);color:var(--text-secondary);font-size:var(--font-size-14)}.rating-owner{font-size:var(--font-size-13);color:var(--text-secondary)}.rating-comment{display:flex;gap:var(--space-12);margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--border-color)}.comment-icon{font-size:18px;line-height:1}.comment-text{flex:1;font-size:var(--font-size-14);color:var(--text-secondary);line-height:1.6;font-style:italic}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-64)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-16)}.loading-state p{font-size:var(--font-size-14);color:var(--text-secondary)}.error-state{text-align:center;padding:var(--space-64) var(--space-24);background-color:var(--bg-secondary);border:1px solid var(--color-error);border-radius:var(--radius-card)}.error-state h2{font-size:var(--font-size-24);font-weight:var(--font-weight-bold);color:var(--color-error);margin-bottom:var(--space-12)}.error-state p{font-size:var(--font-size-14);color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-64) var(--space-24);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card)}.empty-state-icon{font-size:64px;margin-bottom:var(--space-16)}.empty-state h3{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-8)}.empty-state p{font-size:var(--font-size-14);color:var(--text-secondary)}.rating-source-badge{display:inline-flex;align-items:center;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-owner{background-color:#3b82f61a;color:var(--color-primary);border:1px solid rgba(59,130,246,.3)}.badge-ops{background-color:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}@media (max-width: 768px){.time-period-filters{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.time-period-filters{grid-template-columns:1fr}.summary-card{flex-direction:column;gap:var(--space-16)}.summary-divider{width:100%;height:1px}.rating-header{flex-direction:column;align-items:flex-start;gap:var(--space-12)}.rating-stars-time{flex-direction:column;align-items:flex-start;gap:var(--space-8)}.rating-number{font-size:var(--font-size-36)}.rating-count{font-size:var(--font-size-28)}}.payments-page{padding:var(--space-24);max-width:1600px;margin:0}.payments-page .header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-32)}.payments-page .page-title{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.payments-page .page-subtitle{font-size:var(--font-size-14);color:var(--text-secondary);margin:0;line-height:1.5}.payment-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-16);margin-bottom:var(--space-24);padding:0 var(--space-24)}.summary-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-20);display:block;text-align:center}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-sublabel{font-size:12px;color:var(--text-tertiary);margin-top:4px}.summary-success{color:var(--color-success)}.summary-warning{color:var(--color-warning)}.table-container{padding:0 var(--space-24);overflow-x:auto}.table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);border-radius:var(--radius-card);overflow:hidden}.table thead{background-color:var(--bg-tertiary)}.table th{padding:var(--space-16);text-align:left;font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.table td{padding:var(--space-16);border-bottom:1px solid var(--border-color);font-size:var(--font-size-14);color:var(--text-primary)}.table tbody tr:hover{background-color:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);display:inline-block;text-transform:uppercase;letter-spacing:.5px}.badge-success{background-color:#10b9811a;color:#10b981}.badge-warning{background-color:#f59e0b1a;color:#f59e0b}.badge-info{background-color:#3b82f61a;color:#3b82f6}.badge-neutral{background-color:var(--bg-tertiary);color:var(--text-secondary)}.status-badge{padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);display:inline-block;text-transform:uppercase;letter-spacing:.5px}.status-paid{background-color:#10b9811a;color:#10b981}.status-pending{background-color:#f59e0b1a;color:#f59e0b}.status-rejected{background-color:#ef44441a;color:#ef4444}.form-select{padding:var(--space-8) var(--space-12);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-14);cursor:pointer;transition:border-color var(--transition-base);line-height:1.5;height:auto;min-height:38px}.form-select:hover{border-color:var(--color-primary)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c5cff1a}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23A3A7AE' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.payment-info{margin-top:var(--space-32);padding:var(--space-24);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);margin-left:var(--space-24);margin-right:var(--space-24)}.payment-info h3{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-12) 0}.payment-info p{font-size:var(--font-size-14);color:var(--text-secondary);line-height:1.6;margin:0}.analytics-page{padding:var(--space-24);height:calc(100vh - 48px);display:flex;flex-direction:column}.analytics-page .header{margin-bottom:var(--space-32);display:flex;flex-direction:column;width:100%}.analytics-page .page-title{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-8) 0}.content-wrapper{flex:1;display:flex;gap:2rem;overflow:hidden}.looker-container{flex:0 0 1000px;overflow:auto;border-radius:8px;background:var(--color-bg-card, #fff);border:1px solid var(--color-border, #e5e7eb);position:relative}.contact-sidebar{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.contact-card{display:flex;flex-direction:column;align-items:center;max-width:400px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--color-bg-card, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:1.5rem;text-align:center}.metric-value{font-size:2.5rem;font-weight:700;color:var(--color-primary, #3b82f6);margin-bottom:.5rem}.metric-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.metric-subtitle{font-size:.875rem;color:var(--color-text-muted, #9ca3af);margin-top:.5rem}.analytics-info{text-align:center;padding:1rem}.last-updated{font-size:.875rem;color:var(--color-text-muted, #9ca3af)}.delete-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-16)}.delete-modal{background-color:var(--bg-secondary);border-radius:var(--radius-modal);max-width:500px;width:100%;box-shadow:var(--shadow-xl);animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-20);border-bottom:1px solid var(--border-color)}.delete-modal-title{font-size:var(--font-size-20);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.delete-modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-base)}.delete-modal-close:hover:not(:disabled){color:var(--text-primary)}.delete-modal-close:disabled{opacity:.5;cursor:not-allowed}.delete-modal-content{padding:var(--space-20)}.delete-warning{display:flex;gap:var(--space-12);padding:var(--space-16);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-card);margin-bottom:var(--space-20)}.delete-warning-icon{font-size:24px;flex-shrink:0}.delete-warning-title{font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--space-4)}.delete-warning-text{font-size:var(--font-size-13);color:var(--text-primary);line-height:1.5}.delete-consequences{margin-bottom:var(--space-20)}.delete-consequence-title{font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-12)}.delete-consequence-list{list-style:none;padding:0;margin:0}.delete-consequence-list li{font-size:var(--font-size-13);color:var(--text-secondary);padding:var(--space-6) 0;padding-left:var(--space-20);position:relative}.delete-consequence-list li:before{content:"•";position:absolute;left:var(--space-8);color:var(--color-error)}.delete-form{margin-top:var(--space-20)}.delete-form-group{margin-bottom:var(--space-16)}.delete-form-label{display:block;font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-8)}.delete-form-input{width:100%;padding:var(--space-10) var(--space-12);font-size:var(--font-size-14);color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base)}.delete-form-input:focus{outline:none;border-color:var(--color-primary)}.delete-form-input:disabled{opacity:.5;cursor:not-allowed}.delete-error{padding:var(--space-12);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-13);margin-top:var(--space-12)}.delete-modal-footer{padding:var(--space-16) var(--space-20);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--space-12)}.btn-error:disabled{opacity:.5;cursor:not-allowed}.mfa-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mfa-modal-content{background:var(--bg-primary);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column}.mfa-modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.mfa-modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.mfa-modal-close{background:none;border:none;font-size:28px;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.mfa-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.mfa-modal-body{padding:24px;overflow-y:auto}.mfa-instructions{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.6;text-align:center}.mfa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.mfa-loading .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.mfa-loading p{margin:0;color:var(--text-secondary);font-size:14px}.mfa-retry{display:flex;justify-content:center;padding:20px 0}.mfa-retry button{min-width:120px}.mfa-verify-actions{display:flex;gap:12px;width:100%;max-width:400px}.mfa-verify-actions button{flex:1;padding:12px 20px;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s ease}.mfa-verify-actions button:disabled{opacity:.6;cursor:not-allowed}.mfa-qr-container{display:flex;justify-content:center;margin-bottom:24px;padding:20px;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color)}.mfa-qr-code{max-width:256px;width:100%;height:auto;display:block}.mfa-manual-key{margin-bottom:24px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.mfa-manual-label{margin:0 0 12px;font-size:13px;color:var(--text-secondary);font-weight:500}.mfa-key-code{display:block;font-family:Courier New,monospace;font-size:16px;font-weight:600;color:var(--text-primary);background:var(--bg-primary);padding:12px;border-radius:6px;border:1px solid var(--border-color);text-align:center;letter-spacing:2px;word-break:break-all}.mfa-next-btn{width:100%;padding:12px;font-size:15px;font-weight:600}.mfa-verify-container{display:flex;justify-content:center;margin-bottom:24px}.mfa-code-input{width:100%;max-width:240px;padding:16px;font-size:32px;font-family:Courier New,monospace;font-weight:600;text-align:center;letter-spacing:8px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}.mfa-code-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.mfa-code-input::placeholder{color:var(--text-tertiary);opacity:.5}.mfa-error{margin-bottom:16px;padding:12px 16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:var(--color-error);font-size:14px;text-align:center;line-height:1.5}.mfa-verify-actions{display:flex;gap:12px;margin-top:24px}.mfa-verify-actions button{flex:1;padding:12px;font-size:15px;font-weight:600}@media (max-width: 640px){.mfa-modal-content{width:95%;max-height:95vh}.mfa-modal-header,.mfa-modal-body{padding:20px}.mfa-qr-container{padding:16px}.mfa-qr-code{max-width:220px}.mfa-code-input{font-size:28px;letter-spacing:6px}}.mfa-disable-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mfa-disable-content{background:var(--bg-primary);border-radius:12px;width:90%;max-width:450px;box-shadow:0 10px 40px #0000004d}.mfa-disable-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.mfa-disable-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.mfa-disable-close{background:none;border:none;font-size:28px;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.mfa-disable-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.mfa-disable-body{padding:24px}.mfa-disable-warning{display:flex;justify-content:center;margin-bottom:20px;color:#f59e0b}.mfa-disable-message{margin:0 0 24px;font-size:15px;color:var(--text-secondary);line-height:1.6;text-align:center}.mfa-disable-error{margin-bottom:16px;padding:12px 16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:var(--color-error);font-size:14px;text-align:center;line-height:1.5}.mfa-disable-actions{display:flex;gap:12px;margin-top:24px}.mfa-disable-actions button{flex:1;padding:12px;font-size:15px;font-weight:600}.btn-danger{background:#dc2626;color:#fff;border:none;cursor:pointer;border-radius:6px;transition:all .2s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.mfa-disable-content{width:95%}.mfa-disable-header,.mfa-disable-body{padding:20px}}.settings-page{width:100%;max-width:900px;padding:var(--space-24)}.settings-container{background:var(--bg-secondary);border-radius:16px;padding:2.5rem;box-shadow:0 2px 8px #0000000d}.settings-action-button{padding:.875rem 2rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;background-color:var(--bg-tertiary);color:var(--text-primary);width:140px;min-width:140px;display:inline-flex;align-items:center;justify-content:center}.settings-action-button:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--color-primary)}.settings-static-value{font-weight:600;color:var(--text-primary);padding:.75rem 0}.settings-page h1{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);margin:0 0 var(--space-8) 0;color:var(--text-primary)}.settings-sections{display:flex;flex-direction:column;gap:var(--space-32)}.settings-section{display:flex;flex-direction:column;gap:var(--space-16)}.settings-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-20)}.setting-item{display:flex;flex-direction:column;gap:var(--space-8)}.setting-label{font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary)}.setting-checkbox{display:flex;align-items:start;gap:var(--space-12)}.setting-checkbox input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer}.setting-checkbox label{flex:1;cursor:pointer}.checkbox-label{font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-4)}.checkbox-desc{font-size:var(--font-size-12);color:var(--text-secondary)}.setting-desc{display:flex;align-items:center;gap:var(--space-12)}.setting-desc-text{font-size:var(--font-size-13);color:var(--text-secondary)}.categories-container{border:1px solid var(--border-color);border-radius:8px;padding:.75rem;background-color:var(--bg-secondary);min-height:100px;max-height:200px;overflow-y:auto}.categories-container::-webkit-scrollbar{width:6px}.categories-container::-webkit-scrollbar-track{background:transparent}.categories-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.categories-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.categories-list{display:flex;flex-direction:column;gap:.25rem}.category-item{display:flex;align-items:center;padding:.625rem .75rem;cursor:pointer;border-radius:4px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.category-item:hover{background-color:var(--bg-tertiary)}.category-item.selected{background-color:#667eea1a}.category-item input[type=checkbox]{margin-right:.75rem;cursor:pointer;width:18px;height:18px;flex-shrink:0;accent-color:var(--primary-color)}.category-icon{margin-right:.5rem;font-size:1.125rem}.category-name{flex:1;font-size:.9375rem;color:var(--text-primary)}.categories-loading{color:var(--text-secondary);font-style:italic;padding:.5rem;margin:0;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--text-primary)}.form-input,.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;background-color:var(--bg-secondary);color:var(--text-primary);transition:all .2s;font-family:inherit}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:var(--text-tertiary)}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-select option{background-color:var(--bg-secondary);color:var(--text-primary)}.settings-page select.form-input{background-color:#fff!important}.markdown-content p,.markdown-content ul,.markdown-content ol,.markdown-content pre,.markdown-content blockquote{margin:0 0 1rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:1.5rem 0 .75rem}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content ul,.markdown-content ol{padding-left:1.25rem}.markdown-content li{margin-bottom:.5rem}.markdown-content li:last-child{margin-bottom:0}.markdown-content p:last-child,.markdown-content ul:last-child,.markdown-content ol:last-child,.markdown-content pre:last-child,.markdown-content blockquote:last-child{margin-bottom:0}.clips-browser{width:100%}.clips-browser__toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #dee2e6);border-radius:8px;margin-bottom:1rem}.clips-browser__breadcrumbs{display:flex;align-items:center;gap:.25rem;font-size:.875rem;flex-wrap:wrap;flex:1;min-width:0}.clips-browser__breadcrumb-link{background:none;border:none;padding:.125rem .25rem;color:var(--color-primary, #0066cc);cursor:pointer;font-size:.875rem;border-radius:4px;font-family:inherit}.clips-browser__breadcrumb-link:hover{text-decoration:underline;background:var(--bg-hover, rgba(0, 0, 0, .04))}.clips-browser__breadcrumb-separator{color:var(--text-tertiary, #999);-webkit-user-select:none;user-select:none}.clips-browser__breadcrumb-current{color:var(--text-primary, #333);font-weight:600;padding:.125rem .25rem}.clips-browser__list{border:1px solid var(--border-color, #dee2e6);border-radius:8px;overflow:hidden;background:var(--bg-secondary, #fff)}.clips-browser__row{display:flex;align-items:center;padding:.625rem 1rem;border-bottom:1px solid var(--border-color, #dee2e6);gap:.75rem;transition:background-color .1s}.clips-browser__row:last-child{border-bottom:none}.clips-browser__row:hover{background:var(--bg-hover, rgba(0, 0, 0, .02))}.clips-browser__row--folder{cursor:pointer}.clips-browser__row-icon{font-size:1.25rem;flex-shrink:0;width:1.5rem;text-align:center}.clips-browser__row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:var(--text-primary, #333)}.clips-browser__row--folder .clips-browser__row-name{font-weight:500;color:var(--color-primary, #0066cc)}.clips-browser__row-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0;font-size:.8rem;color:var(--text-secondary, #666)}.clips-browser__row-size{min-width:5rem;text-align:right}.clips-browser__row-date{min-width:8rem;text-align:right}.clips-browser__download-btn{padding:.3rem .75rem;font-size:.8rem;background:var(--color-primary, #0066cc);color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .15s}.clips-browser__download-btn:hover{opacity:.85}.clips-browser__download-btn:disabled{opacity:.5;cursor:not-allowed}.clips-browser__loading,.clips-browser__empty,.clips-browser__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #dee2e6);border-radius:8px}.clips-browser__loading-text,.clips-browser__empty-text{font-size:.9rem;color:var(--text-secondary, #666);margin-top:.75rem}.clips-browser__empty-icon{font-size:2rem}.clips-browser__error-icon{font-size:2rem;margin-bottom:.5rem}.clips-browser__error-text{font-size:.9rem;color:var(--color-danger, #dc3545);margin-bottom:1rem}.clips-browser__retry-btn{padding:.4rem 1rem;font-size:.85rem;background:var(--bg-primary, #fff);color:var(--text-primary, #333);border:1px solid var(--border-color, #dee2e6);border-radius:6px;cursor:pointer;font-family:inherit}.clips-browser__retry-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}.clips-browser__refresh-btn{padding:.35rem .75rem;font-size:.8rem;background:var(--bg-primary, #fff);color:var(--text-primary, #333);border:1px solid var(--border-color, #dee2e6);border-radius:6px;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:background-color .15s}.clips-browser__refresh-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}.clips-browser__refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes clips-browser-spin{to{transform:rotate(360deg)}}.clips-browser__spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border-color, #dee2e6);border-top-color:var(--color-primary, #0066cc);border-radius:50%;animation:clips-browser-spin .8s linear infinite}.info-page{padding:2rem}.info-page.info-page-logged-out{max-width:900px;margin:0 auto}.info-page.info-page-logged-in{max-width:100%;margin:0;padding:0}.info-page-header{margin-bottom:3rem}.info-page-header h1{font-size:2.5rem;margin-bottom:.75rem}.info-page-header p{font-size:1.125rem;color:var(--color-text-secondary)}.info-page-body{margin-bottom:2.5rem}.info-card-grid{display:grid;gap:1.5rem;margin-bottom:3rem}.info-page.info-page-logged-in .info-card-grid{grid-template-columns:repeat(2,1fr)}.info-page.info-page-logged-in .info-card-grid.info-card-grid--single-column,.info-page.info-page-logged-out .info-card-grid{grid-template-columns:1fr}@media (max-width: 968px){.info-card-grid{grid-template-columns:1fr!important}}.info-card{background:var(--bg-secondary, var(--color-background-secondary));border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:12px;padding:1.5rem;transition:all .2s ease}.info-card-collapsible{padding:0;overflow:hidden}.info-card-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;font-weight:600;cursor:pointer;list-style:none}.info-card-summary::-webkit-details-marker{display:none}.info-card-toggle{font-size:1.25rem;transition:transform .2s ease}.info-card-collapsible[open] .info-card-toggle{transform:rotate(45deg)}.info-card-collapse-body{padding:0 1.5rem 1.5rem}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.info-card h2,.info-card h3{margin-top:0;margin-bottom:1rem}.info-card p:last-child,.info-card ul:last-child{margin-bottom:0}.info-card ul{line-height:1.8;padding-left:1.25rem}.info-card-with-icon{display:flex;gap:1rem}.info-card-icon{font-size:2rem;flex-shrink:0}.info-card-content{flex:1}.info-full-width{grid-column:1 / -1}.info-card-highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3)}.info-card-cta{text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:2rem}.info-card-cta h2{margin-top:0}.info-step{display:flex;align-items:flex-start;gap:1rem}.info-step-number{flex-shrink:0;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.info-step-content h3{margin-top:0;margin-bottom:.5rem}.faq-layout{display:flex;flex-direction:column;gap:var(--space-20)}.faq-intro{color:var(--text-secondary)}.faq-toolbar{display:flex;justify-content:flex-end;gap:var(--space-12)}.faq-section{border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:var(--radius-card);background:var(--bg-secondary, var(--color-background-secondary));overflow:hidden}.faq-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) var(--space-20);border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .2s ease}.faq-section-header:hover{background-color:var(--bg-tertiary, rgba(0, 0, 0, .04))}.faq-section-toggle{font-size:1.25rem;color:var(--text-secondary)}.faq-section-body{border-top:1px solid var(--border-color, rgba(0, 0, 0, .1));padding:var(--space-16) var(--space-20) var(--space-20)}.faq-section-intro{margin-bottom:var(--space-16);color:var(--text-secondary)}.faq-questions{display:grid;gap:var(--space-12)}.faq-cta{margin-top:var(--space-32)}.pricing-card{border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:12px;padding:1.5rem;background:var(--bg-secondary, var(--color-background-secondary))}.pricing-card.featured{border:2px solid #667eea;background:#667eea0d}.pricing-card h3{margin-top:0}.info-feature-list{list-style:none;padding:0;margin:0}.info-feature-list li{padding:.75rem 0;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .1));display:flex;align-items:flex-start;gap:.75rem}.info-feature-list li:last-child{border-bottom:none}.info-feature-list li:before{content:"✓";color:#667eea;font-weight:700;flex-shrink:0}.info-stat{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.info-stat-value{font-size:3rem;font-weight:700;margin:1rem 0}.info-stat-label{font-size:1.25rem;opacity:.95}.how-it-works-page{min-height:100vh;background-color:var(--bg-primary)}.how-it-works-page-logged-out{padding-top:0}.how-it-works-page-logged-in{padding:var(--space-24);max-width:1400px;margin:0}.how-it-works-header{text-align:center;padding:var(--space-48) var(--space-24);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border-radius:var(--radius-card);margin-bottom:var(--space-48)}.how-it-works-page-logged-out .how-it-works-header{border-radius:0;margin-bottom:var(--space-32)}.how-it-works-header h1,.how-it-works-header .page-title{font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-12)}.how-it-works-header p{font-size:var(--font-size-18);opacity:.95;max-width:700px;margin:0 auto}.how-it-works-section{margin-bottom:var(--space-48)}.how-it-works-section-title{font-size:var(--font-size-24);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-24);padding-left:var(--space-4)}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-20)}.how-it-works-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-24);cursor:pointer;text-decoration:none;color:inherit;transition:all var(--transition-base);position:relative;overflow:hidden}.how-it-works-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.how-it-works-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-primary);transform:scaleY(0);transition:transform var(--transition-base)}.how-it-works-card:hover:before{transform:scaleY(1)}.how-it-works-card-icon{font-size:32px;margin-bottom:var(--space-12);display:block}.how-it-works-card h3{font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-8)}.how-it-works-card-arrow{font-size:var(--font-size-14);color:var(--color-primary);margin-left:auto;transition:transform var(--transition-base)}.how-it-works-card:hover .how-it-works-card-arrow{transform:translate(4px)}.how-it-works-card p{font-size:var(--font-size-14);color:var(--text-secondary);line-height:1.6;margin:0}.how-it-works-help-section{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-card);padding:var(--space-48) var(--space-32);text-align:center;margin-top:var(--space-48);color:#fff}.how-it-works-help-section h2{font-size:var(--font-size-28);font-weight:var(--font-weight-bold);margin-bottom:var(--space-16)}.how-it-works-help-section p{font-size:var(--font-size-16);opacity:.95;margin-bottom:var(--space-24)}.how-it-works-help-buttons{display:flex;gap:var(--space-16);justify-content:center;flex-wrap:wrap}.how-it-works-help-buttons .btn{min-width:180px}.how-it-works-help-buttons .btn-secondary{background-color:var(--bg-secondary);color:var(--color-primary);border-color:var(--border-color)}.how-it-works-help-buttons .btn-secondary:hover{background-color:var(--bg-tertiary);color:var(--color-primary-hover)}@media (max-width: 768px){.how-it-works-header h1,.how-it-works-header .page-title{font-size:2rem}.how-it-works-header p{font-size:var(--font-size-16)}.how-it-works-grid{grid-template-columns:1fr}.how-it-works-section-title{font-size:var(--font-size-20)}}.support-page{max-width:900px;margin:0 auto;padding:var(--space-24)}.support-header{margin-bottom:3rem}.support-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.support-header p{font-size:1.125rem;color:var(--text-secondary);line-height:1.6}.support-form{background:var(--bg-secondary);border-radius:16px;padding:2.5rem;box-shadow:0 2px 8px #0000000d;margin-bottom:3rem}.form-group{margin-bottom:1.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.75rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:600;font-size:.938rem;color:var(--text-primary)}.form-group .required{color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c5cff1a}.form-textarea{resize:vertical;min-height:140px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23A3A7AE' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.support-alert{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:8px;font-size:.938rem;font-weight:500}.support-alert.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.support-alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.support-resources{margin-bottom:3rem}.support-resources h2{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.resource-card{padding:1.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;text-align:center}.resource-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.resource-card .icon{font-size:2.5rem;margin-bottom:1rem}.resource-card h3{font-size:1.125rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.resource-card p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.6;font-size:.938rem}.resource-card a,.resource-card button{color:var(--color-primary);text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;font-size:.938rem}.resource-card a:hover,.resource-card button:hover{text-decoration:underline}.apply-page{padding:var(--space-32);max-width:900px;margin:0 auto;color:var(--text-primary)}.apply-page.apply-page-logged-in{margin:0;max-width:100%;padding:0}.apply-header{margin-bottom:var(--space-32)}.apply-header h1{font-size:var(--font-size-32);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-12)}.apply-header p{font-size:var(--font-size-16);color:var(--text-secondary);line-height:1.6}.apply-process{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-24);margin-bottom:var(--space-32)}.apply-process h2{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:0;margin-bottom:var(--space-20)}.process-steps{display:grid;gap:var(--space-16)}.process-step{display:flex;gap:var(--space-16);align-items:flex-start}.step-number{min-width:40px;width:40px;height:40px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-16);flex-shrink:0}.step-content{flex:1;padding-top:8px}.step-content strong{color:var(--text-primary);display:block;margin-bottom:var(--space-4)}.step-content span{color:var(--text-secondary)}.apply-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-32)}.form-section-title{font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-24);margin-bottom:var(--space-16);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-color)}.form-section-title:first-child{margin-top:0}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-16)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:var(--space-20)}.form-group label{display:block;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-8)}.required:after{content:" *";color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-14);font-family:inherit;transition:border-color var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23A3A7AE' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-select option{background-color:var(--bg-primary);color:var(--text-primary)}.form-actions{display:flex;gap:var(--space-12);justify-content:flex-end;margin-top:var(--space-32);padding-top:var(--space-24);border-top:1px solid var(--border-color)}.apply-alert{padding:var(--space-16);border-radius:var(--radius-lg);margin-bottom:var(--space-24);font-size:var(--font-size-14)}.apply-alert.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-success)}.apply-alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.apply-benefits{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-24);margin-bottom:var(--space-32)}.apply-benefits h2{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:0;margin-bottom:var(--space-20)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-16)}.benefit-card{padding:var(--space-16);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.benefit-card .icon{font-size:var(--font-size-24);margin-bottom:var(--space-8)}.benefit-card strong{display:block;color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--font-size-14)}.benefit-card span{display:block;color:var(--text-secondary);font-size:var(--font-size-13);line-height:1.5}.form-disclaimer{font-size:var(--font-size-12);color:var(--text-secondary);margin-top:var(--space-4);line-height:1.5}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", ui-sans-serif, sans-serif;--font-size-10: 10px;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-26: 26px;--font-size-28: 28px;--font-size-32: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--bg-dark-primary: #0B0B0C;--bg-dark-secondary: #111214;--bg-dark-tertiary: #1B1C1F;--bg-light-primary: #FFFFFF;--bg-light-secondary: #F8FAFC;--bg-light-tertiary: #F3F4F6;--border-dark: #2A2C31;--border-light: #E5E7EB;--text-dark-primary: #E7E9EE;--text-dark-secondary: #A3A7AE;--text-dark-tertiary: #6B7280;--text-light-primary: #0B0B0C;--text-light-secondary: #44474E;--text-light-tertiary: #6B7280;--color-primary: #7C5CFF;--color-primary-hover: #6B4FE6;--color-primary-active: #5A3FCC;--color-success: #10B981;--color-success-light: #22C55E;--color-error: #EF4444;--color-warning: #F59E0B;--color-info: #3B82F6;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-22: 22px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-36: 36px;--space-40: 40px;--space-44: 44px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--radius-button: 18px;--radius-badge: 10px;--radius-card: 12px;--radius-modal: 16px;--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);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1)}.theme-light,html.theme-light,html[data-theme=light]{--bg-primary: var(--bg-light-primary);--bg-secondary: var(--bg-light-secondary);--bg-tertiary: var(--bg-light-tertiary);--border-color: var(--border-light);--text-primary: var(--text-light-primary);--text-secondary: var(--text-light-secondary);--text-tertiary: var(--text-light-tertiary);background-color:var(--bg-primary);color:var(--text-primary)}.theme-dark,html.theme-dark,html[data-theme=dark]{--bg-primary: var(--bg-dark-primary);--bg-secondary: var(--bg-dark-secondary);--bg-tertiary: var(--bg-dark-tertiary);--border-color: var(--border-dark);--text-primary: var(--text-dark-primary);--text-secondary: var(--text-dark-secondary);--text-tertiary: var(--text-dark-tertiary);background-color:var(--bg-primary);color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-14);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-xs{font-size:var(--font-size-10)}.text-sm{font-size:var(--font-size-12)}.text-base{font-size:var(--font-size-14)}.text-lg{font-size:var(--font-size-16)}.text-xl{font-size:var(--font-size-18)}.text-2xl{font-size:var(--font-size-20)}.text-3xl{font-size:var(--font-size-28)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}input::placeholder,textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--text-secondary);opacity:.7}.form-group label,.form-label,label{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);padding:var(--space-8) var(--space-16);border-radius:var(--radius-button);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base) var(--transition-ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-success{background-color:var(--color-success);color:var(--bg-dark-primary);border-color:var(--color-success)}.btn-error{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-lg{padding:var(--space-12) var(--space-24);font-size:var(--font-size-14);height:var(--space-36)}.btn-sm{padding:var(--space-4) var(--space-12);font-size:var(--font-size-10);height:var(--space-20)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-12);border-radius:var(--radius-badge);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge-live{background-color:var(--color-success);color:var(--bg-dark-primary)}.badge-success{background-color:var(--color-success);color:#fff}.badge-error{background-color:var(--color-error);color:#fff}.badge-warning{background-color:var(--color-warning);color:#fff}.badge-info{background-color:var(--color-info);color:#fff}.table{width:100%;border-collapse:collapse}.table thead{border-bottom:1px solid var(--border-color)}.table th{text-align:left;padding:var(--space-12);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.table td{padding:var(--space-16) var(--space-12);font-size:var(--font-size-14);border-bottom:1px solid var(--border-color)}.table tr:last-child td{border-bottom:none}.toggle{position:relative;display:inline-block;width:76px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-error);transition:var(--transition-base);border-radius:var(--radius-full);display:flex;align-items:center;padding:0 var(--space-4)}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;background-color:var(--bg-primary);transition:var(--transition-base);border-radius:50%;z-index:1}.toggle input:checked+.toggle-slider{background-color:var(--color-success)}.toggle input:checked+.toggle-slider:before{transform:translate(52px)}.toggle-label{position:absolute;font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:#fff;pointer-events:none;transition:var(--transition-base);z-index:2}.toggle-label-off{right:var(--space-8)}.toggle-label-on{left:var(--space-8);opacity:0}.toggle input:checked~.toggle-label-off{opacity:0}.toggle input:checked~.toggle-label-on{opacity:1}.input{width:100%;padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-14);transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c5cff1a}.input::placeholder{color:var(--text-secondary)}.status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block}.status-online{background-color:var(--color-success-light)}.status-offline{background-color:var(--text-tertiary)}.status-error{background-color:var(--color-error)}.page-subtitle,.page-header p{font-size:var(--font-size-18)!important;color:var(--color-text-secondary)!important}.auth-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary);z-index:9999}.theme-toggle-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8);gap:var(--space-12)}.theme-toggle-label{font-size:var(--font-size-12);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.theme-toggle-switch{position:relative;width:44px;height:24px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.theme-toggle-switch:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:var(--color-primary);border-radius:50%;transition:transform var(--transition-base)}.theme-dark .theme-toggle-switch:before{transform:translate(20px)}