@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;background:0 0!important}button:disabled,button[disabled],button[aria-disabled=true],.btn-disabled,.btn-loading{transition:opacity .15s ease-in-out;pointer-events:none!important;cursor:not-allowed!important;opacity:.65!important;-webkit-user-select:none!important;user-select:none!important}button:disabled i.fa-spin,.btn-loading i.fa-spin{pointer-events:none}.account-dropdown-container{z-index:1001;-webkit-app-region:no-drag;align-items:center;display:inline-flex;position:relative;overflow:visible!important}.account-dropdown-arrow{opacity:.7;pointer-events:none;margin-left:3px;font-size:9px;transition:transform .2s}.account-dropdown-arrow.open{transform:rotate(180deg)}.account-dropdown-menu{z-index:999999;transform-origin:100% 0;-webkit-app-region:no-drag;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:220px;padding:6px 0;animation:.15s cubic-bezier(.16,1,.3,1) accountDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #00000014}@keyframes accountDropdownFadeIn{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.dark-theme .account-dropdown-menu,body.dark-theme .account-dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 14px 28px -5px #0009,0 10px 12px -6px #0006}.account-menu-item{color:#1f2937;cursor:pointer;text-align:left;box-sizing:border-box;-webkit-app-region:no-drag;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.dark-theme .account-menu-item,body.dark-theme .account-menu-item{color:#f1f5f9}.account-menu-item:hover{color:#111827;background:#f3f4f6}.dark-theme .account-menu-item:hover,body.dark-theme .account-menu-item:hover{color:#fff;background:#334155}.account-menu-icon{text-align:center;color:#4b5563;pointer-events:none;flex-shrink:0;width:18px;font-size:16px}.dark-theme .account-menu-icon,body.dark-theme .account-menu-icon{color:#94a3b8}.account-menu-item:hover .account-menu-icon{color:#111827}.dark-theme .account-menu-item:hover .account-menu-icon,body.dark-theme .account-menu-item:hover .account-menu-icon{color:#fff}.account-menu-divider{background:#e5e7eb;width:100%;height:1px;margin:4px 0}.dark-theme .account-menu-divider,body.dark-theme .account-menu-divider{background:#334155}.account-menu-item.account-menu-logout,.account-menu-item.account-menu-logout .account-menu-icon{color:#ef4444}.account-menu-item.account-menu-logout:hover{color:#dc2626;background:#ef444414}.account-menu-item.account-menu-logout:hover .account-menu-icon{color:#dc2626}.dark-theme .account-menu-item.account-menu-logout,body.dark-theme .account-menu-item.account-menu-logout,.dark-theme .account-menu-item.account-menu-logout .account-menu-icon,body.dark-theme .account-menu-item.account-menu-logout .account-menu-icon{color:#f87171}.dark-theme .account-menu-item.account-menu-logout:hover,body.dark-theme .account-menu-item.account-menu-logout:hover{color:#fca5a5;background:#f871711f}.dark-theme .account-menu-item.account-menu-logout:hover .account-menu-icon,body.dark-theme .account-menu-item.account-menu-logout:hover .account-menu-icon{color:#fca5a5}.setup-logout-btn.setup-profile-btn{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-app-region:no-drag;background:#6366f1;border:1px solid #6366f1;border-radius:999px;align-items:center;gap:5px;padding:6px 14px;font-weight:700;transition:background-color .15s,border-color .15s;display:inline-flex;box-shadow:0 1px 3px #6366f133}.setup-logout-btn.setup-profile-btn:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.setup-profile-initials{letter-spacing:.5px;pointer-events:none;font-size:12px;font-weight:700;line-height:1}.dark-theme .setup-logout-btn.setup-profile-btn,body.dark-theme .setup-logout-btn.setup-profile-btn{color:#fff;background:#6366f1;border-color:#6366f1}.dark-theme .setup-logout-btn.setup-profile-btn:hover,body.dark-theme .setup-logout-btn.setup-profile-btn:hover{background:#4f46e5;border-color:#4f46e5}.voice-agent-root{box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}body:not(.dark-theme) .voice-agent-root{background:#f8fafc}body.dark-theme .voice-agent-root{background:#0f172a}.voice-agent-workspace{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;overflow-y:auto}.voice-agent-error-banner{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:500;display:flex}.close-err-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.voice-agent-grid{flex:1;grid-template-columns:360px 1fr;gap:24px;min-height:0;display:grid}@media (width<=900px){.voice-agent-grid{grid-template-rows:auto 1fr;grid-template-columns:1fr}}.voice-agent-card{box-sizing:border-box;border-radius:20px;flex-direction:column;min-height:0;padding:30px 24px;display:flex}body:not(.dark-theme) .voice-agent-card{background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 4px 20px #0f172a0d}body.dark-theme .voice-agent-card{background:#0b0f19;border:1.5px solid #ffffff0d;box-shadow:0 10px 30px #00000040}.stage-card{scrollbar-width:thin;justify-content:space-between;align-items:center;gap:14px;padding:22px 20px;overflow:hidden auto}.stage-card::-webkit-scrollbar{width:4px}.stage-card::-webkit-scrollbar-track{background:0 0}body:not(.dark-theme) .stage-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}body.dark-theme .stage-card::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}.orb-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.voice-agent-orb{z-index:2;width:105px;height:105px;transform:scale(calc(1 + var(--level,0) * .25));border-radius:50%;transition:all .25s ease-out}body:not(.dark-theme) .voice-agent-orb{background:radial-gradient(circle at 35% 35%,#94a3b8,#475569 70%,#334155);box-shadow:0 10px 30px #47556940}body.dark-theme .voice-agent-orb{background:radial-gradient(circle at 35% 35%,#475569,#1e293b 70%,#0b0f19);box-shadow:0 10px 30px #0006}.orb-ring{opacity:0;z-index:1;border:2px solid #0000;border-radius:50%;width:145px;height:145px;position:absolute}.stage-card[data-state=listening] .voice-agent-orb{box-shadow:0 0 calc(24px + var(--level,0) * 80px) #22c55e80;background:radial-gradient(circle at 35% 35%,#86efac,#22c55e 65%,#14532d)}.stage-card[data-state=listening] .orb-ring{opacity:1;border-color:#22c55e73;animation:1.8s ease-out infinite orb-ripple}.stage-card[data-state=listening] .orb-ring:nth-child(2){animation-delay:.6s}.stage-card[data-state=thinking] .voice-agent-orb{box-shadow:0 0 calc(24px + var(--level,0) * 50px) #f59e0b73;background:radial-gradient(circle at 35% 35%,#fcd34d,#f59e0b 65%,#78350f);animation:1.2s ease-in-out infinite orb-breathe}.stage-card[data-state=thinking] .orb-ring{opacity:1;border-top-color:#f59e0bcc;animation:1.2s linear infinite orb-spin}.stage-card[data-state=speaking] .voice-agent-orb{box-shadow:0 0 calc(30px + var(--level,0) * 90px) #06b6d48c;background:radial-gradient(circle at 35% 35%,#7dd3fc,#06b6d4 65%,#083344);animation:.35s ease-in-out infinite orb-talk}.stage-card[data-state=speaking] .orb-ring{opacity:1;border-color:#06b6d473;animation:1.4s ease-out infinite orb-ripple}.stage-card[data-state=connecting] .voice-agent-orb{opacity:.8;animation:1.5s ease-in-out infinite orb-breathe}.stage-card[data-state=paused] .voice-agent-orb{opacity:.85;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 70%,#78350f);box-shadow:0 0 24px #f59e0b66}@keyframes orb-ripple{0%{opacity:.8;transform:scale(.75)}to{opacity:0;transform:scale(1.3)}}@keyframes orb-breathe{0%,to{transform:scale(.98)}50%{transform:scale(1.05)}}@keyframes orb-talk{0%,to{transform:scale(1.02)}50%{transform:scale(1.1)}}@keyframes orb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb-status-section{text-align:center;flex-shrink:0}.orb-status-title{margin:0 0 4px;font-size:17px;font-weight:700}body:not(.dark-theme) .orb-status-title{color:#0f172a}body.dark-theme .orb-status-title{color:#fff}.orb-status-sub{margin:0;font-size:13px;line-height:1.4}body:not(.dark-theme) .orb-status-sub{color:#64748b}body.dark-theme .orb-status-sub{color:#94a3b8}.job-description-card{box-sizing:border-box;border-radius:14px;flex-shrink:0;width:100%;padding:12px}body:not(.dark-theme) .job-description-card{background:#f8fafc;border:1px solid #e2e8f0}body.dark-theme .job-description-card{background:#131926;border:1px solid #ffffff14}.job-description-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.job-description-header label{font-size:12px;font-weight:700}body:not(.dark-theme) .job-description-header label{color:#334155}body.dark-theme .job-description-header label{color:#e2e8f0}.job-description-header label i{color:#10b981;margin-right:6px}.job-description-header span{color:#94a3b8;font-size:10px}.job-description-input{resize:vertical;box-sizing:border-box;width:100%;min-height:92px;font:inherit;border-radius:9px;outline:none;padding:9px 10px;font-size:12px;line-height:1.45}body:not(.dark-theme) .job-description-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1}body.dark-theme .job-description-input{color:#f1f5f9;background:#0b0f19;border:1px solid #ffffff1f}.job-description-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.job-description-input:disabled{cursor:not-allowed;opacity:.7}.job-description-help{color:#94a3b8;margin:6px 0 0;font-size:10px;line-height:1.35}.orb-controls-section{flex-shrink:0;gap:10px;width:100%;display:flex}.voice-action-main-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e540}.voice-action-main-btn:hover{opacity:.95;transform:translateY(-1px)}.voice-action-main-btn.live{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef444440}.voice-action-mute-btn{cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:11px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}body:not(.dark-theme) .voice-action-mute-btn{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}body.dark-theme .voice-action-mute-btn{color:#e2e8f0;background:#334155;border:1px solid #ffffff14}.voice-action-mute-btn:disabled{opacity:.5;cursor:not-allowed}.voice-action-mute-btn.muted{color:#f59e0b!important;background:#f59e0b26!important;border-color:#f59e0b66!important}.voice-action-pause-btn{cursor:pointer;border:1px solid;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}body:not(.dark-theme) .voice-action-pause-btn{color:#b45309;background:#fef3c7;border-color:#fde68a}body:not(.dark-theme) .voice-action-pause-btn:hover{color:#92400e;background:#fde68a}body.dark-theme .voice-action-pause-btn{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}body.dark-theme .voice-action-pause-btn:hover{color:#fcd34d;background:#f59e0b40}.voice-action-pause-btn.paused{animation:2s ease-in-out infinite pause-pulse;box-shadow:0 4px 12px #f59e0b59;color:#fff!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;border-color:#f59e0b!important}@keyframes pause-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.orb-hints-section{flex-shrink:0;width:100%;font-size:11.5px;line-height:1.5}body:not(.dark-theme) .orb-hints-section{color:#64748b;border-top:1px solid #e2e8f0;padding-top:10px}body.dark-theme .orb-hints-section{color:#94a3b8;border-top:1px solid #ffffff14;padding-top:10px}.orb-hints-section p{margin:0 0 4px;font-weight:700}.orb-hints-section ul{margin:0;padding-left:16px}.orb-hints-section li{margin-bottom:2px}.transcript-card{flex-direction:column;flex:1;display:flex}.transcript-header-row{box-sizing:border-box;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}body:not(.dark-theme) .transcript-header-row{border-bottom:1px solid #cbd5e1}body.dark-theme .transcript-header-row{border-bottom:1px solid #ffffff14}.transcript-header-row .title{text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700}body:not(.dark-theme) .transcript-header-row .title{color:#334155}body.dark-theme .transcript-header-row .title{color:#cbd5e1}.latency-badge{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}body:not(.dark-theme) .latency-badge{color:#475569;background:#f1f5f9}body.dark-theme .latency-badge{color:#94a3b8;background:#334155}.transcript-messages-container{flex-direction:column;flex:1;gap:14px;min-height:0;padding-top:16px;display:flex;overflow-y:auto}.transcript-empty-view{text-align:center;max-width:320px;margin:auto}.transcript-empty-view .empty-icon{color:#64748b;margin-bottom:12px;font-size:40px}.transcript-empty-view h4{margin:0 0 6px;font-size:16px;font-weight:700}body:not(.dark-theme) .transcript-empty-view h4{color:#334155}body.dark-theme .transcript-empty-view h4{color:#cbd5e1}.transcript-empty-view p{margin:0;font-size:13px;line-height:1.6}body:not(.dark-theme) .transcript-empty-view p{color:#64748b}body.dark-theme .transcript-empty-view p{color:#94a3b8}.chat-message-bubble{border-radius:16px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.5;animation:.2s ease-out bubble-pop}@keyframes bubble-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-message-bubble.user{color:#fff;background:#4f46e5;border-bottom-right-radius:4px;align-self:flex-end}.chat-message-bubble.assistant{border-bottom-left-radius:4px;align-self:flex-start}body:not(.dark-theme) .chat-message-bubble.assistant{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1}body.dark-theme .chat-message-bubble.assistant{color:#f1f5f9;background:#131926;border:1px solid #ffffff0d}.msg-sender-label{text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.msg-text-content{white-space:pre-wrap;margin:0}.voice-agent-footer{text-align:center;padding:12px 24px;font-size:11px}body:not(.dark-theme) .voice-agent-footer{color:#64748b;background:#fff;border-top:1px solid #cbd5e1}body.dark-theme .voice-agent-footer{color:#475569;background:#0f172a;border-top:1px solid #ffffff14}.resume-upload-card{box-sizing:border-box;cursor:pointer;border:1.5px dashed;border-radius:14px;outline:none;width:100%;padding:14px 16px;transition:all .2s ease-in-out}body:not(.dark-theme) .resume-upload-card{background:#f8fafc;border-color:#cbd5e1}body:not(.dark-theme) .resume-upload-card:hover{background:#f1f5f9;border-color:#4f46e5}body.dark-theme .resume-upload-card{background:#ffffff05;border-color:#ffffff1f}body.dark-theme .resume-upload-card:hover{background:#4f46e50f;border-color:#6366f1}.resume-upload-card.dragging{transform:scale(1.01);background:#4f46e51a!important;border-color:#4f46e5!important}.resume-upload-content{align-items:center;gap:12px;display:flex}.resume-icon-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}body:not(.dark-theme) .resume-icon-circle{color:#4f46e5;background:#4f46e51a}body.dark-theme .resume-icon-circle{color:#818cf8;background:#6366f126}.resume-text-group{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.resume-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}body:not(.dark-theme) .resume-title{color:#0f172a}body.dark-theme .resume-title{color:#f1f5f9}.resume-subtitle{font-size:11px}body:not(.dark-theme) .resume-subtitle{color:#64748b}body.dark-theme .resume-subtitle{color:#94a3b8}.resume-browse-btn{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:opacity .15s;display:flex}body:not(.dark-theme) .resume-browse-btn{color:#fff;background:#4f46e5}body.dark-theme .resume-browse-btn{color:#fff;background:#6366f1}.resume-browse-btn:hover{opacity:.9}.resume-upload-loading{justify-content:center;align-items:center;gap:10px;padding:8px 0;font-size:12.5px;font-weight:500;display:flex}body:not(.dark-theme) .resume-upload-loading{color:#4f46e5}body.dark-theme .resume-upload-loading{color:#818cf8}.resume-badge-card{box-sizing:border-box;border:1px solid;border-radius:14px;flex-direction:column;flex-shrink:1;gap:8px;width:100%;min-height:0;padding:10px 12px;transition:all .2s;display:flex}body:not(.dark-theme) .resume-badge-card{background:#f8fafc;border-color:#cbd5e1}body.dark-theme .resume-badge-card{background:#ffffff08;border-color:#ffffff14}.resume-badge-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.resume-file-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.resume-badge-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}body:not(.dark-theme) .resume-badge-icon{color:#10b981;background:#10b9811a}body.dark-theme .resume-badge-icon{color:#34d399;background:#10b98126}.resume-name-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.resume-file-title{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}body:not(.dark-theme) .resume-file-title{color:#0f172a}body.dark-theme .resume-file-title{color:#f1f5f9}.resume-candidate-meta{font-size:11px}body:not(.dark-theme) .resume-candidate-meta{color:#64748b}body.dark-theme .resume-candidate-meta{color:#94a3b8}.resume-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.resume-reupload-btn,.resume-clear-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.resume-reupload-btn{gap:4px;padding:5px 9px;font-size:11px;font-weight:600}body:not(.dark-theme) .resume-reupload-btn{color:#334155;background:#e2e8f0}body:not(.dark-theme) .resume-reupload-btn:hover{background:#cbd5e1}body.dark-theme .resume-reupload-btn{color:#e2e8f0;background:#ffffff14}body.dark-theme .resume-reupload-btn:hover{background:#ffffff24}.resume-clear-btn{width:24px;height:24px;font-size:11px}body:not(.dark-theme) .resume-clear-btn{color:#94a3b8;background:0 0}body:not(.dark-theme) .resume-clear-btn:hover{color:#ef4444;background:#fee2e2}body.dark-theme .resume-clear-btn{color:#64748b;background:0 0}body.dark-theme .resume-clear-btn:hover{color:#f87171;background:#ef444426}.resume-skills-section{border-top:1px solid;flex-direction:column;gap:5px;min-height:0;padding-top:6px;display:flex}body:not(.dark-theme) .resume-skills-section{border-top-color:#e2e8f0}body.dark-theme .resume-skills-section{border-top-color:#ffffff0f}.skills-label{text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:flex}body:not(.dark-theme) .skills-label{color:#64748b}body.dark-theme .skills-label{color:#94a3b8}.resume-skills-pills{overscroll-behavior:contain;scrollbar-width:thin;flex-wrap:wrap;gap:5px;max-height:90px;padding-right:4px;display:flex;overflow-y:auto}body:not(.dark-theme) .resume-skills-pills{scrollbar-color:#cbd5e1 transparent}body.dark-theme .resume-skills-pills{scrollbar-color:#ffffff29 transparent}.resume-skills-pills::-webkit-scrollbar{width:4px}.resume-skills-pills::-webkit-scrollbar-track{background:0 0}body:not(.dark-theme) .resume-skills-pills::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}body:not(.dark-theme) .resume-skills-pills::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.dark-theme .resume-skills-pills::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}body.dark-theme .resume-skills-pills::-webkit-scrollbar-thumb:hover{background:#ffffff47}.skill-pill{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}body:not(.dark-theme) .skill-pill{color:#3730a3;background:#e0e7ff}body.dark-theme .skill-pill{color:#c7d2fe;background:#6366f12e}.skill-pill-more{border-radius:6px;padding:3px 6px;font-size:10.5px;font-weight:600}body:not(.dark-theme) .skill-pill-more{color:#64748b;background:#f1f5f9}body.dark-theme .skill-pill-more{color:#94a3b8;background:#ffffff0f}.voice-action-main-btn.locked{opacity:.65;box-shadow:none!important;cursor:not-allowed!important;background:#94a3b8!important;transform:none!important}body.dark-theme .voice-action-main-btn.locked{color:#94a3b8!important;background:#334155!important}.voice-action-main-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}@media (width<=1366px){.voice-agent-workspace{padding:16px 20px}.voice-agent-grid{grid-template-columns:310px 1fr;gap:16px}.voice-agent-card{border-radius:16px;padding:22px 18px}.stage-card{padding:18px 16px}}@media (width<=1180px){.voice-agent-grid{grid-template-columns:280px 1fr;gap:14px}}.interview-panel-root.upload-page-root{color:#0f172a;box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden;background-color:#fff!important;border:none!important;border-radius:0!important;padding-top:38px!important}.upload-main-container{flex:1;width:100%;height:calc(100vh - 65px);display:flex;overflow:hidden}.upload-page-root .setup-navbar{z-index:1000;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:65px;min-height:65px;padding:0 24px;display:flex;position:relative;overflow:visible!important}.upload-sidebar{box-sizing:border-box;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:250px;min-width:250px;max-width:250px;padding:16px;display:flex}.upload-new-btn{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000a}.upload-new-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.sidebar-section-heading{text-transform:uppercase;color:#94a3b8;letter-spacing:.5px;margin-top:24px;margin-bottom:12px;font-size:11px;font-weight:700}.sidebar-library-list{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.sidebar-empty-hint{color:#94a3b8;padding:8px 4px;font-size:12px;font-style:italic}.library-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex;position:relative}.library-item:hover{background-color:#f1f5f9}.library-item.active{background-color:#ecfdf5;border:1px solid #a7f3d0}.library-item-icon{color:#64748b;justify-content:center;align-items:center;font-size:14px;display:flex}.library-item.active .library-item-icon{color:#10b981}.library-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.library-item-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.library-item.active .library-item-name{color:#047857;font-weight:600}.library-item-duration{color:#94a3b8;margin-top:1px;font-size:11px}.library-item-status-transcribing{color:#047857;align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.library-item-status-transcribing i{color:#10b981;font-size:10px}.library-item-delete{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;transition:opacity .15s,color .15s}.library-item:hover .library-item-delete{opacity:1}.library-item-delete:hover{color:#ef4444;background-color:#ef444414}.sidebar-privacy-footer{color:#94a3b8;border-top:1px solid #f1f5f9;align-items:flex-start;gap:8px;padding-top:14px;font-size:11px;line-height:1.4;display:flex}.sidebar-privacy-footer i{color:#94a3b8;margin-top:2px;font-size:11px}.upload-center-stage{background-color:#fff;flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.upload-hero-container{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:860px;margin:0 auto;padding:24px 32px;display:flex}.hero-languages-badge{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero-headline{color:#0f172a;text-align:center;letter-spacing:-.5px;margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.25}.hero-subheadline{color:#64748b;text-align:center;max-width:620px;margin:0 0 24px;font-size:14px;line-height:1.55}.upload-dropzone-box{cursor:pointer;box-sizing:border-box;background-color:#fff;border:2px dashed #6ee7b7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:620px;padding:36px 20px;transition:all .2s;display:flex}.upload-dropzone-box:hover,.upload-dropzone-box.dragging{background-color:#ecfdf5;border-color:#10b981}.dropzone-cloud-icon{color:#10b981;margin-bottom:12px;font-size:40px}.dropzone-primary-text{color:#0f172a;margin-bottom:4px;font-size:15px;font-weight:600}.dropzone-secondary-text{color:#94a3b8;font-size:12px}.hero-feature-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:720px;margin-top:24px;display:grid}.hero-feature-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.card-icon-wrapper{color:#10b981;margin-top:1px;font-size:16px}.card-title{color:#0f172a;margin-bottom:2px;font-size:13px;font-weight:700}.card-subtitle{color:#64748b;font-size:11px;line-height:1.4}.hero-starter-input-container{width:100%;max-width:540px;margin-top:28px}.hero-starter-form{background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;padding:6px 14px;display:flex;box-shadow:0 2px 4px #00000008}.hero-starter-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:13px}.hero-starter-submit{color:#10b981;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:13px;display:flex}.hero-starter-submit:disabled{color:#cbd5e1;cursor:not-allowed}.upload-active-workspace{box-sizing:border-box;flex-direction:column;flex:1;height:100%;padding:20px 32px 0;display:flex;position:relative;overflow:hidden}.active-session-header{margin-bottom:12px}.session-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.session-file-icon{color:#10b981;font-size:16px}.session-title-text{color:#0f172a;letter-spacing:-.2px;font-size:17px;font-weight:700}.session-meta-row{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.meta-filename{color:#64748b}.meta-dot{color:#cbd5e1}.meta-speakers{color:#b45309;font-weight:600}.meta-lang{color:#64748b}.meta-transcribing-badge{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.meta-transcribing-badge i{color:#10b981;font-size:10px}.meta-uploaded-badge{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.meta-uploaded-badge i{color:#10b981;font-size:11px}.media-player-wrapper{background-color:#000;border-radius:10px;justify-content:center;align-items:center;width:100%;height:160px;min-height:160px;margin-bottom:16px;display:flex;overflow:hidden}.media-player-wrapper.is-audio{background-color:#f1f5f9;border:1px solid #e2e8f0;height:56px;min-height:56px;padding:4px 12px}.upload-native-player{background-color:#000;outline:none;width:100%;height:100%}.upload-native-player.upload-audio-player{background-color:#0000;height:40px}.media-player-placeholder{color:#94a3b8;align-items:center;gap:10px;font-size:13px;display:flex}.upload-tabs-bar{border-bottom:1px solid #e2e8f0;align-items:center;gap:20px;margin-bottom:16px;display:flex}.upload-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 2px 10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.upload-tab-btn:hover{color:#059669}.upload-tab-btn.active{color:#10b981;border-bottom-color:#10b981}.upload-tab-content-area{flex:1;padding-bottom:120px;overflow-y:auto}.transcript-tab-view{flex-direction:column;width:100%;display:flex}.transcribing-center-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:60px 20px;display:flex}.transcribing-spinner-ring{border:3px solid #10b98133;border-top-color:#10b981;border-radius:50%;width:44px;height:44px;margin-bottom:20px;animation:1s linear infinite spin}.transcribing-headline{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:600}.transcribing-subtext{color:#64748b;max-width:480px;margin:0;font-size:13px;line-height:1.5}.transcript-ready-state,.transcript-error-state{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:12px;padding:48px 24px;display:flex}body.dark-theme .transcript-ready-state,body.dark-theme .transcript-error-state{background:#0f172a;border-color:#334155}.transcript-ready-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.transcript-ready-headline{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}body.dark-theme .transcript-ready-headline{color:#f8fafc}.transcript-ready-subtext{color:#64748b;max-width:440px;margin:0 0 20px;font-size:13px;line-height:1.5}.transcript-action-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #10b9814d}.transcript-action-btn:hover{background:#059669;transform:translateY(-1px)}.transcript-error-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:22px;display:flex}.transcript-error-headline{color:#dc2626;margin:0 0 8px;font-size:18px;font-weight:700}.transcript-error-subtext{color:#64748b;max-width:460px;margin:0 0 20px;font-size:13px;line-height:1.5}.transcript-action-btn.transcript-retry-btn{background:#ef4444}.transcript-action-btn.transcript-retry-btn:hover{background:#dc2626}.transcript-turns-list{flex-direction:column;gap:16px;display:flex}.transcript-turn-row{align-items:flex-start;gap:24px;display:flex}.turn-speaker-col{flex-direction:column;width:90px;min-width:90px;display:flex}.turn-speaker-label{color:#059669;font-size:13px;font-weight:700}.turn-timecode{color:#94a3b8;cursor:pointer;margin-top:1px;font-size:11px}.turn-timecode:hover{color:#10b981;text-decoration:underline}.turn-content-col{color:#1e293b;flex:1;font-size:14px;line-height:1.6}.transcript-empty-state{text-align:center;color:#94a3b8;padding:40px 0;font-size:13px}.transcript-loading-box{justify-content:center;align-items:center;gap:10px;display:flex}.translate-tab-view{flex-direction:column;width:100%;display:flex}.translate-search-wrapper{border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;max-width:320px;margin-bottom:14px;padding:6px 12px;display:flex}.search-icon{color:#94a3b8;font-size:12px}.translate-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:13px}.languages-grid-22{grid-template-columns:repeat(11,1fr);gap:6px;margin-bottom:16px;display:grid}@media (width<=1440px){.languages-grid-22{grid-template-columns:repeat(8,1fr)}}@media (width<=1200px){.languages-grid-22{grid-template-columns:repeat(6,1fr)}}@media (width<=768px){.languages-grid-22{grid-template-columns:repeat(4,1fr)}}.lang-card{text-align:center;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 4px;transition:all .15s}.lang-card:hover{background-color:#f0fdf4;border-color:#6ee7b7}.lang-card.selected{background-color:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 1px #10b981}.lang-native{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:12px;font-weight:600;overflow:hidden}.lang-card.selected .lang-native{color:#047857}.lang-english{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.translate-action-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.translate-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 4px 10px #10b98133}.translate-primary-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.translate-primary-btn:disabled{opacity:.7;cursor:not-allowed}.export-pdf-action-btn{color:#059669;cursor:pointer;background-color:#fff;border:1px solid #10b981;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.export-pdf-action-btn:hover{background-color:#ecfdf5}.translation-results-panel{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:12px;padding:16px}.translation-panel-header{margin-bottom:12px}.results-badge{color:#15803d;background-color:#dcfce7;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.translated-turns-list{flex-direction:column;gap:14px;display:flex}.transcript-turn-row.translated-row .turn-speaker-label{color:#15803d}.translated-full-text{color:#1e293b;white-space:pre-wrap;font-size:14px;line-height:1.6}.ask-ai-tab-view{flex-direction:column;height:100%;display:flex}.ask-ai-empty-prompt-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;display:flex}.ask-ai-center-icon{color:#10b981;margin-bottom:14px;font-size:34px}.ask-ai-headline{color:#0f172a;margin:0 0 10px;font-size:17px;font-weight:700}.ask-ai-prompt-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.prompt-chip-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;font-style:italic;transition:color .15s}.prompt-chip-btn:hover{color:#059669;text-decoration:underline}.chip-separator{color:#cbd5e1}.ask-ai-messages-scroller{flex-direction:column;flex:1;gap:14px;padding:8px 0;display:flex;overflow-y:auto}.chat-message-row{width:100%;display:flex}.chat-message-row.user-side{justify-content:flex-end}.chat-message-row.ai-side{justify-content:flex-start}.chat-bubble{word-wrap:break-word;white-space:pre-wrap;border-radius:14px;max-width:75%;padding:12px 16px;font-size:14px;line-height:1.5}.user-side .chat-bubble{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;box-shadow:0 2px 6px #10b98133}.ai-side .chat-bubble{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0}.bubble-author{text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.bubble-text{color:inherit}.thinking-bubble{background-color:#f8fafc}.thinking-row{color:#64748b;align-items:center;gap:10px;font-size:13px;font-style:italic;display:flex}.spinner-mini{border:2px solid #10b98133;border-top-color:#10b981;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-bottom-bar-wrapper{z-index:5;background:linear-gradient(#fff0 0%,#fffffff2 20%,#fff 100%);flex-direction:column;align-items:center;gap:6px;padding:12px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.upload-pill-prompt-bar{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;width:100%;max-width:700px;padding:6px 12px;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000000d}.upload-pill-prompt-bar:focus-within{border-color:#6ee7b7;box-shadow:0 3px 12px #10b98126}.pill-attach-btn,.pill-mic-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:14px;transition:color .15s;display:flex}.pill-attach-btn:hover,.pill-mic-btn:hover{color:#0f172a}.pill-mic-btn.listening{color:#ef4444;animation:1.5s infinite pulse-mic}@keyframes pulse-mic{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.pill-prompt-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:13px}.pill-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .15s;display:flex;box-shadow:0 2px 6px #10b98140}.pill-send-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.pill-send-btn:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1}.upload-footer-footnote{color:#94a3b8;text-align:center;font-size:11px}.upload-page-root.dark-theme{color:#f8fafc;background-color:#0f172a!important}.upload-page-root.dark-theme .setup-navbar{background-color:#1e293b;border-bottom-color:#334155}.upload-page-root.dark-theme .upload-sidebar{background-color:#1e293b;border-right-color:#334155}.upload-page-root.dark-theme .upload-new-btn{color:#f8fafc;background-color:#0f172a;border-color:#334155}.upload-page-root.dark-theme .library-item:hover{background-color:#334155}.upload-page-root.dark-theme .library-item.active{background-color:#10b98126;border-color:#10b98159}.upload-page-root.dark-theme .library-item.active .library-item-name{color:#34d399}.upload-page-root.dark-theme .library-item.active .library-item-icon{color:#10b981}.upload-page-root.dark-theme .library-item-name{color:#f8fafc}.upload-page-root.dark-theme .upload-center-stage{background-color:#0f172a}.upload-page-root.dark-theme .hero-headline,.upload-page-root.dark-theme .session-title-text,.upload-page-root.dark-theme .dropzone-primary-text,.upload-page-root.dark-theme .card-title,.upload-page-root.dark-theme .ask-ai-headline,.upload-page-root.dark-theme .turn-content-col{color:#f8fafc}.upload-page-root.dark-theme .upload-dropzone-box{background-color:#1e293b;border-color:#10b981}.upload-page-root.dark-theme .hero-feature-card,.upload-page-root.dark-theme .hero-starter-form,.upload-page-root.dark-theme .upload-pill-prompt-bar{background-color:#1e293b;border-color:#334155}.upload-page-root.dark-theme .hero-starter-input,.upload-page-root.dark-theme .pill-prompt-input{color:#f8fafc}.upload-page-root.dark-theme .upload-bottom-bar-wrapper{background:linear-gradient(#0f172a00 0%,#0f172af2 20%,#0f172a 100%)}.upload-page-root.dark-theme .upload-tabs-bar{border-bottom-color:#334155}.upload-page-root.dark-theme .upload-tab-btn.active{color:#34d399;border-bottom-color:#34d399}.upload-page-root.dark-theme .meta-transcribing-badge{color:#34d399;background-color:#10b98126;border-color:#10b98159}.upload-page-root.dark-theme .meta-transcribing-badge i{color:#10b981}.upload-page-root.dark-theme .lang-card{background-color:#1e293b;border-color:#334155}.upload-page-root.dark-theme .lang-card.selected{background-color:#10b98126;border-color:#10b981;box-shadow:0 0 0 1px #10b981}.upload-page-root.dark-theme .lang-card.selected .lang-native{color:#34d399}.upload-page-root.dark-theme .lang-native{color:#f8fafc}.upload-page-root.dark-theme .translation-results-panel{background-color:#1e293b;border-color:#334155}.upload-page-root.dark-theme .ai-side .chat-bubble{color:#f8fafc;background-color:#1e293b;border-color:#334155}@media print{.window-titlebar,.setup-navbar,.upload-sidebar,.upload-bottom-bar-wrapper,.upload-tabs-bar,.media-player-wrapper,.translate-search-wrapper,.languages-grid-22,.translate-action-row{display:none!important}.upload-page-root,.upload-main-container,.upload-center-stage,.upload-active-workspace{height:auto!important;padding:0!important;overflow:visible!important}.transcript-turns-list,.translated-turns-list{page-break-inside:auto}.transcript-turn-row{page-break-inside:avoid;margin-bottom:12px}}.transcribing-bottom-toast{color:#fff;z-index:9999;pointer-events:none;background-color:#1e293b;border-radius:9999px;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:500;animation:.25s ease-out toastFadeIn;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #00000059,0 8px 10px -6px #00000040}.transcribing-bottom-toast i{color:#10b981;font-size:15px}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.upload-selected-card{box-sizing:border-box;background-color:#fff;border:1.5px solid #10b981;border-radius:16px;flex-direction:column;gap:18px;width:100%;max-width:620px;padding:24px 24px 20px;animation:.2s toastFadeIn;display:flex;box-shadow:0 4px 16px #10b98114}.upload-page-root.dark-theme .upload-selected-card{background-color:#1e293b;border-color:#10b981;box-shadow:0 4px 16px #00000040}.selected-card-top{align-items:center;gap:14px;display:flex}.selected-card-icon-wrapper{color:#10b981;background-color:#ecfdf5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.upload-page-root.dark-theme .selected-card-icon-wrapper{color:#34d399;background-color:#10b98126}.selected-card-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.selected-card-filename{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.upload-page-root.dark-theme .selected-card-filename{color:#f8fafc}.selected-card-meta{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.selected-card-status{color:#059669;font-weight:600}.upload-page-root.dark-theme .selected-card-status{color:#34d399}.selected-card-remove-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:16px;transition:all .2s;display:flex}.selected-card-remove-btn:hover{color:#ef4444;background-color:#fee2e2}.upload-page-root.dark-theme .selected-card-remove-btn:hover{color:#f87171;background-color:#ef444433}.selected-card-bottom{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.upload-page-root.dark-theme .selected-card-bottom{border-top-color:#334155}.selected-card-change-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.selected-card-change-btn:hover{color:#0f172a;background-color:#f8fafc}.upload-page-root.dark-theme .selected-card-change-btn{color:#cbd5e1;border-color:#334155}.upload-page-root.dark-theme .selected-card-change-btn:hover{color:#fff;background-color:#334155}.selected-card-upload-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98140}.selected-card-upload-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.selected-card-upload-btn:disabled{opacity:.7;cursor:not-allowed}.hero-selected-file-chip,.chat-selected-file-chip{color:#065f46;white-space:nowrap;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;max-width:320px;padding:3px 10px;font-size:12px;display:inline-flex}.upload-page-root.dark-theme .hero-selected-file-chip,.upload-page-root.dark-theme .chat-selected-file-chip{color:#6ee7b7;background-color:#10b98126;border-color:#059669}.hero-selected-file-name,.chat-selected-file-name{text-overflow:ellipsis;max-width:180px;font-weight:500;overflow:hidden}.hero-selected-file-clear,.chat-selected-file-clear{color:#059669;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;font-size:12px;display:flex}.hero-selected-file-clear:hover,.chat-selected-file-clear:hover{color:#ef4444}.pill-upload-action-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.pill-upload-action-btn:hover:not(:disabled){background:#059669}.sidebar-library-tabs{background:#0000000a;border-radius:8px;gap:4px;margin-bottom:12px;padding:3px;display:flex}.library-tab-pill{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:4px 6px;font-size:11px;font-weight:600;transition:all .15s}.library-tab-pill.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.library-item-icon.video-icon{color:#6366f1;background:#eef2ff;border-radius:6px}.library-tag-local{color:#059669;background:#ecfdf5;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.selected-card-progress-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;margin:12px 0;padding:10px 14px;display:flex}.upload-progress-bar-track{background:#e2e8f0;border-radius:9999px;width:100%;height:6px;overflow:hidden}.upload-progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .2s}.upload-progress-label{color:#475569;justify-content:space-between;font-size:11px;font-weight:600;display:flex}.upload-converting-alert{color:#d97706;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.meta-storage-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}body.dark-theme .sidebar-library-tabs{background:#ffffff0d}body.dark-theme .library-tab-pill{color:#94a3b8}body.dark-theme .library-tab-pill.active{color:#f8fafc;background:#1e293b;box-shadow:0 1px 3px #0000004d}body.dark-theme .library-item-icon.video-icon{color:#818cf8;background:#6366f126}body.dark-theme .selected-card-progress-wrapper{background:#0f172a;border-color:#334155}body.dark-theme .upload-progress-bar-track{background:#334155}body.dark-theme .meta-storage-badge{color:#34d399;background:#10b98126;border-color:#34d3994d}.transcript-lang-selector-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:8px 14px;display:flex}.transcript-lang-label{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.transcript-lang-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 12px;font-size:13px;font-weight:500}.transcript-lang-select:focus{border-color:#10b981}.transcript-toolbar-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.transcript-toolbar-badges{align-items:center;gap:8px;display:flex}.transcript-badge-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.transcript-toolbar-actions{align-items:center;gap:8px;display:flex}.transcript-lang-select-sm{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:12px}.transcript-retranscribe-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.transcript-retranscribe-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}body.dark-theme .transcript-lang-selector-group{background:#1e293b;border-color:#334155}body.dark-theme .transcript-lang-label{color:#cbd5e1}body.dark-theme .transcript-lang-select{color:#f8fafc;background:#0f172a;border-color:#475569}body.dark-theme .transcript-toolbar-row{background:#1e293b;border-color:#334155}body.dark-theme .transcript-badge-pill{color:#34d399;background:#10b98126;border-color:#34d3994d}body.dark-theme .transcript-lang-select-sm{color:#f8fafc;background:#0f172a;border-color:#475569}body.dark-theme .transcript-retranscribe-btn{color:#cbd5e1;background:#0f172a;border-color:#475569}body.dark-theme .transcript-retranscribe-btn:hover{color:#fff;background:#1e293b}@media (width<=1366px){.upload-sidebar{width:220px;min-width:220px;max-width:220px;padding:12px}.upload-active-workspace{padding:16px 20px 0}.upload-hero-container{padding:16px 20px}.hero-headline{font-size:26px}.hero-feature-cards-grid{gap:8px}.hero-feature-card{padding:10px 12px}}@media (width<=1180px){.upload-sidebar{width:190px;min-width:190px;max-width:190px}.hero-feature-cards-grid{grid-template-columns:1fr;max-width:440px}}.interview-panel-root.dashboard-page-root{color:#1a1a1a;flex-direction:column;width:100vw;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow:hidden;background-color:#fff!important;border:none!important;border-radius:0!important;padding-top:38px!important}.interview-panel-root.dashboard-page-root.dark-theme{color:#ececec;background-color:#121214!important}.dashboard-content-container{box-sizing:border-box;flex-direction:column;flex:1;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:40px 60px;display:flex;overflow-y:auto}.dashboard-welcome-banner{flex-direction:column;gap:8px;display:flex}.dashboard-welcome-banner h1{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:32px;font-weight:800}.interview-panel-root.dashboard-page-root.dark-theme .dashboard-welcome-banner h1{color:#f8fafc}.dashboard-welcome-banner p{color:#64748b;margin:0;font-size:16px}.interview-panel-root.dashboard-page-root.dark-theme .dashboard-welcome-banner p{color:#94a3b8}.dashboard-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;width:100%;display:grid}.dashboard-feature-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:32px 24px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000005}.interview-panel-root.dashboard-page-root.dark-theme .dashboard-feature-card{background-color:#1a1a1e;border-color:#2f2f35;box-shadow:0 4px 12px #00000026}.dashboard-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f}.interview-panel-root.dashboard-page-root.dark-theme .dashboard-feature-card:hover{box-shadow:0 12px 24px #00000040}.card-icon-container{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;font-size:20px;display:flex}.copilot-card .card-icon-container{color:#10b981;background-color:#10b9811a}.notetaker-card .card-icon-container{color:#7c3aed;background-color:#7c3aed1a}.voice-card .card-icon-container{color:#06b6d4;background-color:#06b6d41a}.upload-card .card-icon-container{color:#f97316;background-color:#f973161a}.referral-card .card-icon-container{color:#f59e0b;background-color:#f59e0b1a}.card-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.interview-panel-root.dashboard-page-root.dark-theme .card-title{color:#f8fafc}.card-description{color:#475569;flex:1;margin:0;font-size:14px;line-height:1.6}.interview-panel-root.dashboard-page-root.dark-theme .card-description{color:#cbd5e1}.card-action-button{cursor:pointer;color:#334155;background-color:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.interview-panel-root.dashboard-page-root.dark-theme .card-action-button{color:#e2e8f0;background-color:#2f2f35}.copilot-card .card-action-button:hover{color:#fff;background-color:#10b981}.notetaker-card .card-action-button:hover{color:#fff;background-color:#7c3aed}.voice-card .card-action-button:hover{color:#fff;background-color:#06b6d4}.upload-card .card-action-button:hover{color:#fff;background-color:#f97316}.referral-card .card-action-button:hover{color:#fff;background-color:#f59e0b}@media (width>=1280px) and (width<=1560px){.dashboard-content-container{gap:24px;padding:28px 36px}.dashboard-cards-grid{grid-template-columns:repeat(3,1fr);gap:18px}.dashboard-feature-card{padding:24px 20px}}@media (width<=1279px){.dashboard-content-container{gap:18px;padding:20px 24px}.dashboard-welcome-banner h1{font-size:26px}.dashboard-welcome-banner p{font-size:14px}.dashboard-cards-grid{grid-template-columns:repeat(2,1fr);gap:14px}.dashboard-feature-card{padding:20px 18px}.card-title{font-size:18px}.card-description{font-size:13px}}.interview-panel-root.profile-page-root{color:#1e293b;flex-direction:column;width:100vw;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow:hidden;background-color:#f8fafc!important;border:none!important;border-radius:0!important;padding-top:38px!important}.interview-panel-root.profile-page-root.dark-theme{color:#f1f5f9;background-color:#0b0f19!important}.profile-content-container{box-sizing:border-box;flex-direction:column;flex:1;gap:24px;width:100%;max-width:1120px;margin:0 auto;padding:32px 48px;display:flex;overflow-y:auto}.profile-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;transition:all .3s;display:flex;box-shadow:0 4px 16px #00000008}.interview-panel-root.profile-page-root.dark-theme .profile-hero-card{background:#151b28;border-color:#242f44;box-shadow:0 4px 20px #00000040}.profile-hero-left{align-items:center;gap:20px;display:flex}.profile-avatar-circle{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:26px;font-weight:800;display:flex;box-shadow:0 8px 16px #6366f140}.profile-hero-info{flex-direction:column;gap:6px;display:flex}.profile-hero-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-hero-name{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:24px;font-weight:800}.interview-panel-root.profile-page-root.dark-theme .profile-hero-name{color:#f8fafc}.profile-status-pill{color:#059669;background:#10b9811f;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.interview-panel-root.profile-page-root.dark-theme .profile-status-pill{color:#34d399;background:#10b98133}.status-indicator-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b98199}.profile-hero-email{color:#64748b;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.interview-panel-root.profile-page-root.dark-theme .profile-hero-email{color:#94a3b8}.profile-hero-actions{align-items:center;display:flex}.profile-hero-logout-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.profile-hero-logout-btn:hover{background:#ef444414;border-color:#ef4444;transform:translateY(-1px)}.interview-panel-root.profile-page-root.dark-theme .profile-hero-logout-btn{color:#f87171;border-color:#334155}.interview-panel-root.profile-page-root.dark-theme .profile-hero-logout-btn:hover{background:#f871711f;border-color:#f87171}.profile-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;display:grid}@media (width<=880px){.profile-cards-grid{grid-template-columns:1fr}}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:20px;padding:24px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000005}.interview-panel-root.profile-page-root.dark-theme .profile-card{background:#151b28;border-color:#242f44;box-shadow:0 4px 12px #00000026}.profile-card.profile-card-full{grid-column:span 2}@media (width<=880px){.profile-card.profile-card-full{grid-column:span 1}}.profile-card-header{align-items:center;gap:14px;display:flex}.profile-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.profile-card-icon.bg-indigo{color:#6366f1;background:#6366f11f}.profile-card-icon.bg-purple{color:#8b5cf6;background:#8b5cf61f}.profile-card-icon.bg-emerald{color:#10b981;background:#10b9811f}.profile-card-icon.bg-rose{color:#f43f5e;background:#f43f5e1f}.profile-card-title{color:#0f172a;margin:0;font-size:17px;font-weight:700}.interview-panel-root.profile-page-root.dark-theme .profile-card-title{color:#f8fafc}.profile-card-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.interview-panel-root.profile-page-root.dark-theme .profile-card-subtitle{color:#94a3b8}.profile-info-list{flex-direction:column;gap:12px;display:flex}.profile-info-row{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.interview-panel-root.profile-page-root.dark-theme .profile-info-row{background:#1c2436}.profile-info-label{color:#64748b;font-weight:600}.interview-panel-root.profile-page-root.dark-theme .profile-info-label{color:#94a3b8}.profile-info-value{color:#0f172a;font-weight:700}.interview-panel-root.profile-page-root.dark-theme .profile-info-value{color:#f1f5f9}.code-font{opacity:.9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600}.profile-badge-active{color:#059669;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.profile-plan-banner{background:linear-gradient(135deg,#6366f114 0%,#8b5cf614 100%);border:1px solid #6366f133;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.interview-panel-root.profile-page-root.dark-theme .profile-plan-banner{background:linear-gradient(135deg,#6366f126 0%,#8b5cf626 100%);border-color:#6366f14d}.profile-plan-meta{justify-content:space-between;align-items:center;display:flex}.profile-plan-badge{color:#4f46e5;letter-spacing:-.01em;font-size:16px;font-weight:800}.interview-panel-root.profile-page-root.dark-theme .profile-plan-badge{color:#818cf8}.profile-plan-status{color:#059669;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.profile-plan-desc{color:#475569;margin:0;font-size:12.5px;line-height:1.5}.interview-panel-root.profile-page-root.dark-theme .profile-plan-desc{color:#cbd5e1}.profile-features-list{flex-direction:column;gap:10px;display:flex}.profile-feature-item{color:#334155;align-items:center;gap:10px;font-size:13px;display:flex}.interview-panel-root.profile-page-root.dark-theme .profile-feature-item{color:#cbd5e1}.text-success{color:#10b981}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.profile-stat-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.interview-panel-root.profile-page-root.dark-theme .profile-stat-box{background:#1c2436;border-color:#242f44}.profile-stat-box.clickable{cursor:pointer;transition:all .2s}.profile-stat-box.clickable:hover{background:#eef2ff;border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 4px 10px #6366f114}.interview-panel-root.profile-page-root.dark-theme .profile-stat-box.clickable:hover{background:#222d42;border-color:#384865;box-shadow:0 4px 10px #0003}.profile-stat-number{color:#0f172a;letter-spacing:-.02em;font-size:20px;font-weight:800}.interview-panel-root.profile-page-root.dark-theme .profile-stat-number{color:#f8fafc}.profile-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.interview-panel-root.profile-page-root.dark-theme .profile-stat-label{color:#94a3b8}.profile-stat-hint{color:#64748b;margin-top:2px;font-size:10.5px;font-weight:500;line-height:1.3}.interview-panel-root.profile-page-root.dark-theme .profile-stat-hint{color:#94a3b8}.profile-wallet-alert{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:12.5px;line-height:1.5;display:flex}.interview-panel-root.profile-page-root.dark-theme .profile-wallet-alert{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d}.profile-loading-state,.profile-error-hint{color:#64748b;text-align:center;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.profile-recent-sessions{border-top:1px solid #e2e8f0;flex-direction:column;gap:10px;padding-top:14px;display:flex}.interview-panel-root.profile-page-root.dark-theme .profile-recent-sessions{border-color:#242f44}.recent-sessions-header{text-transform:uppercase;color:#64748b;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.recent-sessions-header-left{align-items:center;gap:8px;display:flex}.recent-sessions-count-pill{color:#4f46e5;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;padding:1px 7px;font-size:11px;font-weight:700;display:inline-flex}.interview-panel-root.profile-page-root.dark-theme .recent-sessions-count-pill{color:#a5b4fc;background:#242b45}.recent-sessions-view-all-btn{color:#4f46e5;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.recent-sessions-view-all-btn:hover{color:#4338ca;background:#f1f5f9;border-color:#cbd5e1}.interview-panel-root.profile-page-root.dark-theme .recent-sessions-view-all-btn{color:#a5b4fc;border-color:#2e3a52}.interview-panel-root.profile-page-root.dark-theme .recent-sessions-view-all-btn:hover{color:#c7d2fe;background:#1f2a3f;border-color:#3b4d6e}.recent-sessions-list.expanded-sessions-list{max-height:380px;padding-right:4px;overflow-y:auto}.recent-sessions-list.expanded-sessions-list::-webkit-scrollbar{width:5px}.recent-sessions-list.expanded-sessions-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.interview-panel-root.profile-page-root.dark-theme .recent-sessions-list.expanded-sessions-list::-webkit-scrollbar-thumb{background:#334155}.recent-session-left-meta{align-items:center;gap:12px;display:flex}.recent-session-type-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.recent-session-type-icon.icon-notetaker{color:#9333ea;background:#f3e8ff}.recent-session-type-icon.icon-copilot{color:#0284c7;background:#e0f2fe}.interview-panel-root.profile-page-root.dark-theme .recent-session-type-icon.icon-notetaker{color:#d8b4fe;background:#2e1065}.interview-panel-root.profile-page-root.dark-theme .recent-session-type-icon.icon-copilot{color:#7dd3fc;background:#082f49}.recent-session-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recent-session-type-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.recent-session-type-tag.tag-notetaker{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.recent-session-type-tag.tag-copilot{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.interview-panel-root.profile-page-root.dark-theme .recent-session-type-tag.tag-notetaker{color:#d8b4fe;background:#2e1065;border-color:#581c87}.interview-panel-root.profile-page-root.dark-theme .recent-session-type-tag.tag-copilot{color:#7dd3fc;background:#082f49;border-color:#0369a1}.recent-session-destination-hint{color:#4f46e5;opacity:0;font-size:11px;font-weight:600;transition:all .2s;transform:translate(-4px)}.interview-panel-root.profile-page-root.dark-theme .recent-session-destination-hint{color:#a5b4fc}.recent-session-item:hover .recent-session-destination-hint{opacity:1;transform:translate(0)}.recent-sessions-list{flex-direction:column;gap:8px;display:flex}.recent-session-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12.5px;transition:all .2s;display:flex}.recent-session-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.interview-panel-root.profile-page-root.dark-theme .recent-session-item{background:#1c2436;border-color:#242f44}.interview-panel-root.profile-page-root.dark-theme .recent-session-item:hover{background:#253147;border-color:#384865;box-shadow:0 2px 8px #0003}.recent-session-right{align-items:center;gap:10px;display:flex}.recent-session-arrow{color:#94a3b8;font-size:11px;transition:transform .2s,color .2s}.recent-session-item:hover .recent-session-arrow{color:#6366f1;transform:translate(2px)}.recent-session-info{flex-direction:column;gap:2px;display:flex}.recent-session-title{color:#0f172a;font-weight:700}.interview-panel-root.profile-page-root.dark-theme .recent-session-title{color:#f1f5f9}.recent-session-tech{color:#64748b;font-size:11px}.recent-session-time{color:#475569;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px;font-weight:600}.interview-panel-root.profile-page-root.dark-theme .recent-session-time{color:#94a3b8}.profile-security-box{flex-direction:column;gap:16px;display:flex}.security-status-line{background:#f8fafc;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.interview-panel-root.profile-page-root.dark-theme .security-status-line{background:#1c2436}.security-status-line strong{color:#0f172a;font-size:13.5px;display:block}.interview-panel-root.profile-page-root.dark-theme .security-status-line strong{color:#f1f5f9}.security-status-line p{color:#64748b;margin:2px 0 0;font-size:12px}.interview-panel-root.profile-page-root.dark-theme .security-status-line p{color:#94a3b8}.security-actions-area{flex-direction:column;gap:12px;display:flex}.security-warning-text{color:#64748b;margin:0;font-size:12.5px;line-height:1.5}.interview-panel-root.profile-page-root.dark-theme .security-warning-text{color:#94a3b8}.profile-logout-action-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef444440}.profile-logout-action-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}@media (width<=640px){.profile-content-container{padding:20px 16px}.profile-hero-card{flex-direction:column;align-items:flex-start;padding:20px}.profile-hero-actions{width:100%}.profile-hero-logout-btn{justify-content:center;width:100%}.profile-stats-grid{grid-template-columns:1fr}}@media (width<=1366px){.profile-content-container{gap:18px;padding:24px 32px}.profile-hero-card{padding:22px 24px}}.subscription-page-root{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;flex-direction:column;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow:hidden}.subscription-page-root.dark-theme{color:#f1f5f9;background-color:#0f172a}.sub-top-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#ffffffd9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.subscription-page-root.dark-theme .sub-top-nav{background:#0f172ad9;border-bottom:1px solid #1e293b}.sub-nav-left{align-items:center;gap:16px;display:flex}.sub-back-btn{color:#334155;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sub-back-btn:hover{background:#f1f5f9;border-color:#94a3b8}.subscription-page-root.dark-theme .sub-back-btn{color:#94a3b8;border-color:#334155}.subscription-page-root.dark-theme .sub-back-btn:hover{color:#f8fafc;background:#1e293b}.sub-brand-tag{color:#6366f1;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.sub-nav-right{align-items:center;gap:16px;display:flex}.theme-toggle-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.theme-toggle-btn:hover{color:#0f172a;background:#f1f5f9}.subscription-page-root.dark-theme .theme-toggle-btn{color:#fbbf24;border-color:#334155}.subscription-page-root.dark-theme .theme-toggle-btn:hover{background:#1e293b}.sub-scroll-container{box-sizing:border-box;flex-direction:column;flex:1;gap:40px;width:100%;max-width:1280px;margin:0 auto;padding:36px 32px 64px;display:flex;overflow-y:auto}.sub-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:760px;margin:0 auto;display:flex}.sub-hero-badge{color:#6366f1;letter-spacing:.05em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.subscription-page-root.dark-theme .sub-hero-badge{color:#818cf8;background:#6366f133}.sub-hero h1{letter-spacing:-.025em;color:#0f172a;margin:0;font-size:36px;font-weight:800}.subscription-page-root.dark-theme .sub-hero h1{color:#fff}.sub-hero p{color:#64748b;margin:0;font-size:16px;line-height:1.6}.subscription-page-root.dark-theme .sub-hero p{color:#94a3b8}.sub-billing-toggle{background:#e2e8f0;border-radius:999px;align-items:center;gap:12px;margin-top:10px;padding:4px;display:flex}.subscription-page-root.dark-theme .sub-billing-toggle{background:#1e293b}.toggle-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.toggle-pill.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #00000014}.subscription-page-root.dark-theme .toggle-pill.active{color:#fff;background:#334155}.save-discount-badge{color:#fff;background:#10b981;border-radius:999px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:700}.current-plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:24px;padding:28px 32px;display:flex;box-shadow:0 4px 16px #00000008}.subscription-page-root.dark-theme .current-plan-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #0003}.current-plan-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.subscription-page-root.dark-theme .current-plan-header{border-bottom-color:#334155}.current-tier-info{align-items:center;gap:14px;display:flex}.tier-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.tier-badge.badge-free{color:#475569;background:#f1f5f9}.tier-badge.badge-pro{color:#1d4ed8;background:#dbeafe}.tier-badge.badge-pro_plus{color:#fff;background:linear-gradient(135deg,#818cf8,#6366f1)}.tier-badge.badge-elite{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444)}.tier-status-text{color:#64748b;font-size:14px}.subscription-page-root.dark-theme .tier-status-text{color:#94a3b8}.quota-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.quota-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.subscription-page-root.dark-theme .quota-item{background:#0f172a;border-color:#334155}.quota-title-row{color:#475569;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.subscription-page-root.dark-theme .quota-title-row{color:#cbd5e1}.quota-numbers{color:#0f172a;font-size:18px;font-weight:700}.subscription-page-root.dark-theme .quota-numbers{color:#f8fafc}.quota-sub{color:#94a3b8;font-size:12px;font-weight:400}.subscription-page-root.dark-theme .progress-track{background:#334155}.progress-fill{background:#6366f1;border-radius:999px;height:100%;transition:width .3s}.progress-fill.warning{background:#f59e0b}.progress-fill.danger{background:#ef4444}.plan-cards-section{flex-direction:column;gap:20px;display:flex}.section-heading-row h2{margin:0;font-size:24px;font-weight:800}.plan-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:24px;display:grid}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;padding:32px 28px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 4px 12px #00000008}.subscription-page-root.dark-theme .plan-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px #0003}.plan-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 16px 32px #00000014}.subscription-page-root.dark-theme .plan-card:hover{border-color:#475569;box-shadow:0 16px 36px #0006}.plan-card.highlighted{border:2px solid #6366f1;box-shadow:0 12px 32px #6366f126}.subscription-page-root.dark-theme .plan-card.highlighted{border:2px solid #818cf8;box-shadow:0 12px 32px #6366f140}.plan-card-tag{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;right:24px;box-shadow:0 2px 8px #6366f166}.plan-card-header{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.plan-title{color:#0f172a;margin:0;font-size:22px;font-weight:800}.subscription-page-root.dark-theme .plan-title{color:#fff}.plan-price-row{align-items:baseline;gap:6px;display:flex}.plan-currency{color:#0f172a;font-size:22px;font-weight:700}.subscription-page-root.dark-theme .plan-currency{color:#f8fafc}.plan-price-num{letter-spacing:-.03em;color:#0f172a;font-size:44px;font-weight:900}.subscription-page-root.dark-theme .plan-price-num{color:#fff}.plan-period{color:#64748b;font-size:14px}.subscription-page-root.dark-theme .plan-period{color:#94a3b8}.plan-stats-list{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px 0;display:flex}.subscription-page-root.dark-theme .plan-stats-list{border-top-color:#334155;border-bottom-color:#334155}.plan-stat-item{color:#334155;align-items:center;gap:10px;font-size:14px;display:flex}.subscription-page-root.dark-theme .plan-stat-item{color:#cbd5e1}.stat-icon{text-align:center;color:#6366f1;width:20px}.subscription-page-root.dark-theme .stat-icon{color:#818cf8}.stat-value{color:#0f172a;font-weight:700}.subscription-page-root.dark-theme .stat-value{color:#f8fafc}.plan-features-list{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.plan-feature-item{color:#475569;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.subscription-page-root.dark-theme .plan-feature-item{color:#94a3b8}.plan-feature-item.locked{color:#94a3b8;opacity:.65}.check-icon{color:#10b981;margin-top:2px;font-size:14px}.lock-icon{color:#94a3b8;margin-top:2px;font-size:13px}.plan-cta-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.plan-cta-btn.primary{color:#fff;background:#6366f1;box-shadow:0 4px 14px #6366f159}.plan-cta-btn.primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.plan-cta-btn.secondary{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1}.plan-cta-btn.secondary:hover{background:#e2e8f0}.subscription-page-root.dark-theme .plan-cta-btn.secondary{color:#f8fafc;background:#334155;border-color:#475569}.subscription-page-root.dark-theme .plan-cta-btn.secondary:hover{background:#475569}.plan-cta-btn.active-current{color:#64748b;cursor:default;background:#e2e8f0}.subscription-page-root.dark-theme .plan-cta-btn.active-current{color:#64748b;background:#1e293b;border:1px solid #334155}.matrix-section{flex-direction:column;gap:20px;margin-top:20px;display:flex}.matrix-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 4px 16px #00000008}.subscription-page-root.dark-theme .matrix-table-wrapper{background:#1e293b;border-color:#334155}.matrix-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.matrix-table th,.matrix-table td{border-bottom:1px solid #f1f5f9;padding:16px 20px}.subscription-page-root.dark-theme .matrix-table th,.subscription-page-root.dark-theme .matrix-table td{border-bottom-color:#334155}.matrix-table thead th{color:#0f172a;z-index:10;background:#f8fafc;font-size:15px;font-weight:700;position:sticky;top:0}.subscription-page-root.dark-theme .matrix-table thead th{color:#fff;background:#0f172a}.category-header-row th{letter-spacing:.02em;padding:12px 20px;font-size:14px;font-weight:800;color:#4338ca!important;background:#f1f5f9!important}.subscription-page-root.dark-theme .category-header-row th{color:#a5b4fc!important;background:#0f172a!important}.sub-category-row td{color:#475569;background:#f1f5f966;padding:10px 20px;font-size:13px;font-weight:700}.subscription-page-root.dark-theme .sub-category-row td{color:#94a3b8;background:#0f172a66}.feature-name-cell{color:#1e293b;max-width:320px;font-size:13.5px;font-weight:500}.subscription-page-root.dark-theme .feature-name-cell{color:#e2e8f0}.plan-value-cell{color:#334155;text-align:center;font-size:13.5px}.subscription-page-root.dark-theme .plan-value-cell{color:#cbd5e1}.badge-yes{color:#10b981;align-items:center;gap:4px;font-weight:600;display:inline-flex}.badge-locked{color:#94a3b8;align-items:center;gap:4px;font-weight:500;display:inline-flex}.badge-exclusive{color:#d97706;background:#f59e0b26;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.subscription-page-root.dark-theme .badge-exclusive{color:#fbbf24;background:#f59e0b40}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:520px;padding:32px;animation:.2s ease-out modalPop;display:flex;box-shadow:0 20px 40px #00000026}.subscription-page-root.dark-theme .modal-content{color:#f8fafc;background:#1e293b;border:1px solid #334155}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{margin:0;font-size:22px;font-weight:800}.modal-close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px}.modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.modal-actions{gap:12px;margin-top:10px;display:flex}@media (width>=1367px){.plan-cards-grid{gap:20px;grid-template-columns:repeat(4,1fr)!important}}@media (width<=1366px){.sub-top-nav{padding:10px 20px}.sub-scroll-container{gap:28px;padding:24px 20px 48px}.sub-hero h1{font-size:28px}.sub-hero p{font-size:14px}.plan-cards-grid{gap:16px;grid-template-columns:repeat(2,1fr)!important}.plan-card{padding:24px 20px}.plan-price-num{font-size:36px}.current-plan-card{gap:16px;padding:20px 24px}.quota-grid{grid-template-columns:repeat(2,1fr);gap:14px}.matrix-table th:first-child,.matrix-table td:first-child{z-index:5;background:#fff;position:sticky;left:0;box-shadow:2px 0 6px #0000000a}.subscription-page-root.dark-theme .matrix-table th:first-child,.subscription-page-root.dark-theme .matrix-table td:first-child{background:#1e293b;box-shadow:2px 0 6px #0003}}@media (width<=1180px){.sub-scroll-container{padding:20px 14px 40px}.quota-grid{grid-template-columns:1fr;gap:10px}}.hcb-fab{z-index:9999;cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 24px #3b82f680}.hcb-fab:hover{transform:scale(1.1);box-shadow:0 6px 32px #3b82f6a6}.hcb-fab:active{transform:scale(.94)}.hcb-fab--open{background:linear-gradient(135deg,#64748b 0%,#475569 100%);box-shadow:0 4px 20px #64748b73}.hcb-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:10px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) hcb-badge-pop;display:flex;position:absolute;top:-4px;right:-4px}@keyframes hcb-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.hcb-window{z-index:9998;background:#f1f5f9;border:1px solid #00000012;border-radius:20px;flex-direction:column;width:375px;height:580px;animation:.26s cubic-bezier(.34,1.4,.64,1) hcb-slide-up;display:flex;position:fixed;bottom:92px;right:24px;overflow:hidden;box-shadow:0 16px 64px #00000038}@keyframes hcb-slide-up{0%{opacity:0;transform:translateY(28px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.hcb-window.hcb-dark{background:#0f172a;border-color:#ffffff0f}.hcb-header{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.hcb-header-left{align-items:center;gap:10px;display:flex}.hcb-header-actions{gap:4px;display:flex}.hcb-avatar{background:#fff3;border:2px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.hcb-header-name{font-size:14px;font-weight:700;line-height:1.2}.hcb-header-status{opacity:.9;align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.hcb-status-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 2px #4ade8059}.hcb-status-dot--typing{background:#fbbf24;animation:1s ease-in-out infinite hcb-pulse;box-shadow:0 0 0 2px #fbbf2459}@keyframes hcb-pulse{0%,to{opacity:1}50%{opacity:.4}}.hcb-icon-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:background .15s;display:flex}.hcb-icon-btn:hover{background:#ffffff47}.hcb-body{scroll-behavior:smooth;flex-direction:column;flex:1;gap:8px;padding:14px 12px 10px;display:flex;overflow-y:auto}.hcb-body::-webkit-scrollbar{width:4px}.hcb-body::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.hcb-dark .hcb-body::-webkit-scrollbar-thumb{background:#ffffff1a}.hcb-msg-bot-wrap{align-items:flex-start;gap:8px;animation:.28s cubic-bezier(.25,.46,.45,.94) hcb-slide-in-left;display:flex}@keyframes hcb-slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.hcb-msg-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;font-size:14px;display:flex}.hcb-msg-bot-inner{flex-direction:column;max-width:85%;display:flex}.hcb-msg-bot{color:#1e293b;background:#fff;border-radius:4px 16px 16px;padding:10px 14px;font-size:12.5px;line-height:1.7;box-shadow:0 1px 4px #00000014}.hcb-dark .hcb-msg-bot{color:#e2e8f0;background:#1e293b}.hcb-msg-user-wrap{justify-content:flex-end;animation:.28s cubic-bezier(.25,.46,.45,.94) hcb-slide-in-right;display:flex}@keyframes hcb-slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.hcb-msg-user-inner{flex-direction:column;align-items:flex-end;max-width:82%;display:flex}.hcb-msg-user{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:16px 4px 16px 16px;padding:9px 14px;font-size:12.5px;line-height:1.5;box-shadow:0 2px 8px #3b82f64d}.hcb-msg-time{color:#94a3b8;margin-top:3px;padding:0 2px;font-size:10px}.hcb-msg-time--right{text-align:right}.hcb-typing{background:#fff;border-radius:4px 16px 16px;align-items:center;gap:5px;width:fit-content;padding:12px 16px;display:flex;box-shadow:0 1px 4px #00000014}.hcb-dark .hcb-typing{background:#1e293b}.hcb-typing span{background:#94a3b8;border-radius:50%;width:8px;height:8px;animation:1.3s ease-in-out infinite hcb-bounce;display:block}.hcb-typing span:first-child{animation-delay:0s}.hcb-typing span:nth-child(2){animation-delay:.18s}.hcb-typing span:nth-child(3){animation-delay:.36s}@keyframes hcb-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-7px)}}.hcb-options{flex-direction:column;gap:6px;padding:4px 0 4px 38px;animation:.2s hcb-fade-in;display:flex}.hcb-option-btn{color:#1d4ed8;cursor:pointer;text-align:left;white-space:nowrap;background:#fff;border:1.5px solid #bfdbfe;border-radius:20px;width:fit-content;max-width:100%;padding:8px 16px;font-size:12.5px;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}.hcb-dark .hcb-option-btn{color:#93c5fd;background:#1e293b;border-color:#334155}.hcb-option-btn:hover{background:#eff6ff;border-color:#3b82f6;transform:translate(3px);box-shadow:0 2px 8px #3b82f626}.hcb-dark .hcb-option-btn:hover{background:#1a2744;border-color:#3b82f6}.hcb-option-btn:active{transform:scale(.97)}.hcb-report-title{color:#1e293b;margin-bottom:2px;font-size:13.5px;font-weight:700;display:block}.hcb-dark .hcb-report-title{color:#f1f5f9}.hcb-mail-wrap{margin:6px 0;display:block}.hcb-mail-link{color:#1d4ed8;cursor:pointer;word-break:break-all;background:#eff6ff;border:1.5px solid #93c5fd;border-radius:12px;align-items:center;gap:8px;max-width:100%;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.hcb-mail-link:hover{color:#1e40af;background:#dbeafe;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 3px 10px #3b82f633}.hcb-mail-link:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.hcb-mail-link:active{transform:translateY(0)}.hcb-dark .hcb-mail-link{color:#93c5fd;background:#1e293b;border-color:#3b82f6}.hcb-dark .hcb-mail-link:hover{color:#bfdbfe;background:#1a2744;border-color:#60a5fa;box-shadow:0 3px 10px #3b82f64d}.hcb-mail-icon{flex-shrink:0;font-size:15px}.hcb-mail-address{text-underline-offset:2px;text-decoration:underline}.hcb-option-icon{margin-right:2px}.hcb-footer{color:#94a3b8;background:#f8fafc;border-top:1px solid #00000012;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:10.5px;display:flex}.hcb-dark .hcb-footer{background:#0a0f1e;border-top-color:#ffffff0f}@keyframes hcb-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.hcb-window{border-radius:20px 20px 0 0;width:100vw;height:82vh;bottom:0;right:0}.hcb-fab{bottom:16px;right:16px}}:root{--font-primary:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--bg-gradient:radial-gradient(circle at 10% 20%, #eff6ff 0%, #f8fafc 90%);--bg-dark:#0b1329;--color-primary:#8b5cf6;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-text-dark:#0f172a;--color-text-light:#f8fafc;--border-light:#0000000f;--border-dark:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;background:0 0;overflow:hidden}.window-titlebar{-webkit-app-region:drag;-webkit-user-select:none;user-select:none;z-index:2000;background:#0f172a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 14px;display:flex;position:fixed;top:0;left:0}.window-title{color:#94a3b8;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.window-title i{color:#10b981}.window-controls{-webkit-app-region:no-drag;align-items:center;gap:6px;display:flex}.win-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s,color .15s;display:flex}.win-btn:hover{color:#f8fafc;background:#ffffff14}.win-btn-close:hover{color:#fff!important;background:#e81123!important}.landing-page-root{background:#f8fafc;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.landing-page-root .app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;-webkit-user-select:none;user-select:none;background:#ffffffd9;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 40px;display:flex;position:fixed;top:38px;left:0}.landing-page-root .logo-container{cursor:pointer;align-items:center;gap:10px;display:flex}.landing-page-root .logo-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;box-shadow:0 4px 10px #10b98133}.landing-page-root .logo-text{font-family:var(--font-display);color:#0f172a;letter-spacing:-.02em;font-size:18px;font-weight:800}.landing-page-root .nav-actions{align-items:center;gap:16px;display:flex}.landing-page-root .btn-started{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9f4a 0%,#fd8b00 100%);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #fd8b004d}.landing-page-root .btn-started:hover{transform:translateY(-1px);box-shadow:0 6px 18px #fd8b0066}.landing-page-root .btn-login{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:999px;padding:10px 24px;font-size:13.5px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #8b5cf64d}.landing-page-root .btn-login:hover{transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf666}.landing-page-root .lang-picker{color:#64748b;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.landing-page-root .lang-picker:hover{background:#0000000a}.landing-page-root .slider-container{scroll-behavior:smooth;width:100%;height:calc(100vh - 38px);margin-top:38px;overflow-y:scroll}.landing-page-root .slider-container::-webkit-scrollbar{display:none}.landing-page-root .slide{background:#fff;align-items:center;width:100%;height:auto;min-height:calc(100vh - 38px);padding:100px 80px 60px;display:flex;position:relative}#slide1{background:radial-gradient(circle at 10% 20%,#eff6ff 0%,#f8fafc 90%);grid-template-columns:1.1fr .9fr;gap:40px;display:grid}.landing-page-root .hero-left{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;display:flex}.landing-page-root .badge-coach{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.landing-page-root .hero-title{font-family:var(--font-display);color:#0f172a;letter-spacing:-.03em;text-align:left;font-size:48px;font-weight:800;line-height:1.12}.landing-page-root .hero-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-background-clip:text;background-clip:text}.landing-page-root .hero-desc{color:#475569;text-align:left;max-width:520px;font-size:16px;line-height:1.5}.landing-page-root .rating-row{align-items:center;gap:12px;margin:8px 0;display:flex}.landing-page-root .avatar-stack{align-items:center;display:flex}.landing-page-root .avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-8px}.landing-page-root .avatar:first-child{margin-left:0}.landing-page-root .rating-text{color:#1e293b;font-size:13.5px;font-weight:700}.landing-page-root .rating-text span{color:#64748b;font-weight:500}.landing-page-root .stars{color:#f59e0b;gap:2px;font-size:12px;display:flex}.landing-page-root .hero-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9f4a 0%,#fd8b00 100%);border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 20px #fd8b0059}.landing-page-root .hero-cta-btn:hover{transform:scale(1.02);box-shadow:0 8px 24px #fd8b0073}.landing-page-root .hero-cta-sub{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.landing-page-root .hero-cta-sub span{color:#10b981;font-weight:700}.landing-page-root .features-list-row{color:#64748b;align-items:center;gap:20px;margin-top:14px;font-size:13px;font-weight:600;display:flex}.landing-page-root .features-list-row span{align-items:center;gap:6px;display:flex}.landing-page-root .features-list-row i{color:#10b981}.landing-page-root .hero-right{justify-content:center;align-items:center;display:flex;position:relative}.landing-page-root .hero-img-card{border:1px solid #fff3;border-radius:20px;width:100%;max-width:460px;height:400px;position:relative;box-shadow:0 20px 40px #00000026}.landing-page-root .floating-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex;position:absolute;box-shadow:0 8px 16px #00000026}.landing-page-root .badge-feedback{text-align:left;background:#0f172abf;border:1px solid #ffffff1a;max-width:220px;top:180px;left:-20px}.landing-page-root .badge-listening{background:#10b981d9;font-weight:700;top:20px;right:20px}.landing-page-root .badge-listening span{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.landing-page-root .badge-score{background:#0f172abf;border:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:4px;bottom:20px;left:20px}.landing-page-root .score-dots{gap:4px;display:flex}.landing-page-root .score-dots span{background:#fff3;border-radius:50%;width:6px;height:6px}.landing-page-root .score-dots span.fill{background:#10b981}#slide2{flex-direction:column;justify-content:center;gap:40px}.landing-page-root .grid-4{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1200px;display:grid}.landing-page-root .card-feature{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.landing-page-root .card-feature:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.landing-page-root .card-badge{letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;top:24px;right:24px}.landing-page-root .badge-orange{color:#d97706;background:#fef3c7}.landing-page-root .badge-green{color:#059669;background:#d1fae5}.landing-page-root .badge-purple{color:#7c3aed;background:#f3e8ff}.landing-page-root .card-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;font-size:18px;display:flex}.landing-page-root .icon-blue{background:#2563eb}.landing-page-root .icon-green{background:#10b981}.landing-page-root .icon-purple{background:#8b5cf6}.landing-page-root .icon-cyan{background:#06b6d4}.landing-page-root .card-title{font-family:var(--font-display);color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:800}.landing-page-root .card-desc{color:#475569;min-height:54px;margin-bottom:16px;font-size:12.5px;line-height:1.45}.landing-page-root .card-bullets{flex-direction:column;flex:1;gap:8px;margin-bottom:20px;list-style:none;display:flex}.landing-page-root .card-bullets li{color:#475569;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.landing-page-root .card-bullets i{color:#10b981;font-size:11px}.landing-page-root .card-best-for{border-radius:6px;align-self:flex-start;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:700}.landing-page-root .best-blue{color:#2563eb;background:#eff6ff}.landing-page-root .best-green{color:#059669;background:#ecfdf5}.landing-page-root .best-purple{color:#7c3aed;background:#faf5ff}.landing-page-root .best-cyan{color:#0891b2;background:#ecfeff}.landing-page-root .card-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.landing-page-root .btn-gradient{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%)}.landing-page-root .btn-dark{color:#fff;background:#0f172a}.landing-page-root .btn-dark:hover{background:#1e293b}.landing-page-root .card-info{color:#94a3b8;margin-top:-12px;margin-bottom:12px;font-size:10px;font-style:italic}#slide3{flex-direction:column;justify-content:center;gap:32px}.landing-page-root .slide-header{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:680px;margin-bottom:10px;display:flex}.landing-page-root .slide-title{font-family:var(--font-display);color:#0f172a;letter-spacing:-.02em;font-size:38px;font-weight:800}.landing-page-root .slide-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text}.landing-page-root .slide-subtitle{color:#475569;font-size:14.5px;line-height:1.5}.landing-page-root .card-reminder{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:20px;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.landing-page-root .reminder-badge{color:#2563eb;background:#dbeafe;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;top:20px;right:20px}.landing-page-root .icon-pink{background:#db2777}.landing-page-root .icon-indigo{background:#2563eb}.landing-page-root .icon-teal{background:#0d9488}.landing-page-root .icon-orange{background:#ea580c}.landing-page-root .reminder-time{color:#64748b;align-items:center;gap:6px;margin-bottom:12px;font-size:11.5px;font-weight:600;display:flex}.landing-page-root .btn-reminder-toggle{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;font-size:12.5px;font-weight:700;display:flex}.landing-page-root .btn-rem-disable{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.landing-page-root .btn-rem-enable{color:#fff;background:#2563eb}.landing-page-root .btn-explore-schedule{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:12px 28px;font-size:14px;font-weight:700;transition:background .15s;display:flex;box-shadow:0 4px 10px #0f172a33}.landing-page-root .btn-explore-schedule:hover{background:#1e293b}#slide4{flex-direction:column;justify-content:center;gap:32px}.landing-page-root .career-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1200px;display:grid}.landing-page-root .career-column{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.landing-page-root .career-img-header{background-position:50%;background-size:cover;height:180px;position:relative}.landing-page-root .career-tag{color:#2563eb;background:#fff;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:14px;left:14px;box-shadow:0 2px 6px #00000014}.landing-page-root .career-col-title{font-family:var(--font-display);color:#0f172a;padding:16px;font-size:16px;font-weight:800}.landing-page-root .stats-row{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:60px;width:100%;max-width:1000px;margin-top:10px;padding-top:24px;display:flex}.landing-page-root .stat-item{align-items:center;gap:12px;display:flex}.landing-page-root .stat-icon{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.landing-page-root .stat-icon-blue{color:#2563eb;background:#eff6ff}.landing-page-root .stat-icon-green{color:#059669;background:#ecfdf5}.landing-page-root .stat-icon-orange{color:#ea580c;background:#fff7ed}.landing-page-root .stat-details{flex-direction:column;align-items:flex-start;display:flex}.landing-page-root .stat-val{font-family:var(--font-display);color:#0f172a;font-size:18px;font-weight:800}.landing-page-root .stat-lbl{color:#64748b;font-size:11.5px;font-weight:500}#slide5{flex-direction:column;justify-content:center;gap:32px}.landing-page-root .community-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;width:100%;max-width:1100px;display:grid}.landing-page-root .activity-feed{flex-direction:column;gap:12px;display:flex}.landing-page-root .activity-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 2px 4px #00000005}.landing-page-root .activity-user{align-items:center;gap:12px;display:flex}.landing-page-root .user-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.landing-page-root .avatar-v{background:#059669}.landing-page-root .avatar-h{background:#2563eb}.landing-page-root .avatar-j{background:#0ea5e9}.landing-page-root .avatar-l{background:#0891b2}.landing-page-root .avatar-f{background:#7c3aed}.landing-page-root .activity-text{color:#1e293b;text-align:left;font-size:13px}.landing-page-root .activity-text span{color:#64748b;margin-left:6px;font-size:11.5px}.landing-page-root .activity-icon{color:#10b981;font-size:14px}.landing-page-root .sim-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;box-shadow:0 10px 25px #0000000d}.landing-page-root .sim-country{color:#e11d48;background:#fff5f5;border:1px solid #fecdd3;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-12px;right:20px;box-shadow:0 4px 10px #0000000d}.landing-page-root .sim-profile{align-items:center;gap:12px;display:flex}.landing-page-root .sim-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.landing-page-root .sim-name{color:#0f172a;font-size:13px;font-weight:700}.landing-page-root .sim-role{color:#64748b;font-size:11px}.landing-page-root .sim-bubble{color:#047857;background:#ecfdf5;border:1px solid #d1fae5;border-radius:12px;padding:10px 14px;font-size:12.5px;font-weight:600}.landing-page-root .sim-score{color:#64748b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.landing-page-root .sim-score-val{color:#2563eb;font-size:16px;font-weight:800}.landing-page-root .carousel-indicators{justify-content:center;gap:6px;margin-top:8px;display:flex}.landing-page-root .car-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.landing-page-root .car-dot.active{background:#2563eb;border-radius:3px;width:16px}.landing-page-root .btn-community{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-self:flex-start;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:700}.landing-page-root .community-footer{text-align:center;width:100%;margin-top:10px}.landing-page-root .footer-title{font-family:var(--font-display);color:#0f172a;margin-bottom:4px;font-size:24px;font-weight:800}.landing-page-root .footer-desc{color:#64748b;font-size:13px}#slide6{flex-direction:column;justify-content:flex-start;gap:40px;padding-top:60px;padding-bottom:50px}.landing-page-root .cta-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#ff7e40 0%,#d92662 100%);border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:960px;padding:35px 40px;display:flex;box-shadow:0 12px 28px #d9266240}.landing-page-root .banner-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:800}.landing-page-root .banner-subtitle{opacity:.9;max-width:600px;font-size:13px;line-height:1.5}.landing-page-root .btn-banner-practice{color:#d92662;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-size:14.5px;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 4px 14px #0000001a}.landing-page-root .btn-banner-practice:hover{transform:scale(1.03)}.landing-page-root .banner-pills{justify-content:center;gap:10px;margin-top:2px;display:flex}.landing-page-root .banner-pill{color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}.landing-page-root .banner-bullet{color:#fff;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.landing-page-root .banner-bullet span{background:#10b981;border-radius:50%;width:5px;height:5px}.landing-page-root .faq-section{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:680px;margin-bottom:50px;display:flex}.landing-page-root .badge-faq{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.landing-page-root .faq-title{font-family:var(--font-display);color:#0f172a;letter-spacing:-.02em;font-size:26px;font-weight:800}.landing-page-root .faq-subtitle{color:#64748b;margin-top:-8px;font-size:13.5px}.landing-page-root .faq-accordion{flex-direction:column;gap:10px;width:100%;display:flex}.landing-page-root .faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:border-color .2s;overflow:hidden}.landing-page-root .faq-item:hover{border-color:#cbd5e1}.landing-page-root .faq-trigger{cursor:pointer;text-align:left;color:#1e293b;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 20px;font-size:13.5px;font-weight:700;display:flex}.landing-page-root .faq-trigger i{color:#64748b;font-size:11px;transition:transform .2s}.landing-page-root .faq-item.active .faq-trigger i{transform:rotate(180deg)}.landing-page-root .faq-content{background:#fafcff;max-height:0;transition:max-height .25s ease-out;overflow:hidden}.landing-page-root .faq-item.active .faq-content{max-height:200px}.landing-page-root .faq-inner{color:#475569;border-top:1px solid #f1f5f9;padding:0 20px 16px;font-size:12.5px;line-height:1.5}.landing-page-root .faq-footer-meta{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;flex-direction:column;gap:6px;width:100%;margin-top:40px;padding-top:24px;font-size:10.5px;display:flex}.landing-page-root .slider-dots{z-index:1000;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:30px;transform:translateY(-50%)}.landing-page-root .dot{cursor:pointer;background:#cbd5e1;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.landing-page-root .dot:hover{background:#94a3b8;transform:scale(1.3)}.landing-page-root .dot.active{background:#2563eb;transform:scale(1.3)}.landing-page-root .app-footer{z-index:1000;color:#94a3b8;-webkit-user-select:none;user-select:none;background:#0b1329;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 40px;font-size:11.5px;display:flex;position:fixed;bottom:0;left:0}.landing-page-root .app-footer a{color:#94a3b8;margin-left:10px;text-decoration:none}.landing-page-root .app-footer a:hover{color:#f8fafc}.landing-page-root .footer-badge{color:#ff9f4a;align-items:center;gap:4px;font-weight:700;display:flex}.landing-page-root .auth-modal,.interview-panel-root .auth-modal{z-index:3000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.landing-page-root .auth-modal-overlay,.interview-panel-root .auth-modal-overlay{-webkit-backdrop-filter:blur(4px);background:#0f172a73;position:absolute;inset:0}.landing-page-root .auth-modal-card,.interview-panel-root .auth-modal-card{z-index:10;color:#0f172a;text-align:left;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:400px;max-width:92vw;padding:30px 26px;animation:.25s cubic-bezier(.16,1,.3,1) modalEnter;position:relative;box-shadow:0 20px 45px -10px #0f172a29,0 10px 20px -5px #0f172a14}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.landing-page-root .auth-modal-close,.interview-panel-root .auth-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:22px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.landing-page-root .auth-modal-close:hover,.interview-panel-root .auth-modal-close:hover{color:#0f172a;background:#f1f5f9}.landing-page-root .auth-modal-card h1,.interview-panel-root .auth-modal-card h1{font-family:var(--font-display);color:#0f172a;letter-spacing:-.02em;margin-bottom:4px;font-size:25px;font-weight:800}.landing-page-root .auth-modal-card .sub,.interview-panel-root .auth-modal-card .sub{color:#64748b;margin-bottom:20px;font-size:13.5px}.landing-page-root .google-auth-btn,.interview-panel-root .google-auth-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.landing-page-root .google-auth-btn:hover,.interview-panel-root .google-auth-btn:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 2px 6px #00000014}.landing-page-root .google-auth-btn:disabled,.interview-panel-root .google-auth-btn:disabled{opacity:.6;cursor:not-allowed}.landing-page-root .google-auth-btn i,.interview-panel-root .google-auth-btn i{color:#4285f4;font-size:16px}.landing-page-root .auth-divider,.interview-panel-root .auth-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;margin:18px 0;font-size:11px;font-weight:600;display:flex}.landing-page-root .auth-divider:before,.landing-page-root .auth-divider:after,.interview-panel-root .auth-divider:before,.interview-panel-root .auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.landing-page-root .auth-divider span,.interview-panel-root .auth-divider span{white-space:nowrap}.landing-page-root .field,.interview-panel-root .field{margin-bottom:14px}.landing-page-root .field label,.interview-panel-root .field label{color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.landing-page-root .field input,.interview-panel-root .field input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:42px;padding:0 14px;font-family:inherit;font-size:14px;transition:all .2s}.landing-page-root .field input::placeholder,.interview-panel-root .field input::placeholder{color:#94a3b8}.landing-page-root .field input:focus,.interview-panel-root .field input:focus{background:#fff;border-color:#ff9f4a;box-shadow:0 0 0 3px #ff9f4a33}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{padding-right:44px!important}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:15px;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#0f172a;background:#0000000d}.landing-page-root .otp-code-input,.interview-panel-root .otp-code-input{letter-spacing:10px;text-align:center;height:48px;font-family:Courier New,Courier,monospace;font-size:22px;font-weight:700}.landing-page-root .otp-info-pill,.interview-panel-root .otp-info-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px 12px;font-size:13px;display:flex}.landing-page-root .otp-info-pill strong,.interview-panel-root .otp-info-pill strong{color:#0f172a;word-break:break-all}.landing-page-root .change-email-btn,.interview-panel-root .change-email-btn{color:#ff6b00;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0 0 0 8px;font-size:12.5px;font-weight:600;text-decoration:underline}.landing-page-root .otp-resend-row,.interview-panel-root .otp-resend-row{color:#64748b;justify-content:center;align-items:center;margin-top:14px;font-size:13px;display:flex}.landing-page-root .otp-resend-btn,.interview-panel-root .otp-resend-btn{color:#ff6b00;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.landing-page-root .otp-resend-btn:hover,.interview-panel-root .otp-resend-btn:hover{text-decoration:underline}.landing-page-root .otp-timer,.interview-panel-root .otp-timer{color:#ff6b00;font-weight:700}.password-strength-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:8px;margin:-4px 0 14px;padding:10px 12px;display:flex}.strength-header{justify-content:space-between;align-items:center;font-size:12px;display:flex}.strength-title{color:#64748b;font-weight:600}.strength-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.strength-badge.very-weak,.strength-badge.weak{color:#dc2626;background:#fee2e2}.strength-badge.fair{color:#d97706;background:#fef3c7}.strength-badge.strong{color:#16a34a;background:#dcfce7}.strength-meter-bar{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;height:4px;display:grid}.strength-segment{background:#e2e8f0;border-radius:2px;height:100%;transition:background .2s}.strength-segment.very-weak,.strength-segment.weak{background:#ef4444}.strength-segment.fair{background:#f59e0b}.strength-segment.strong{background:#10b981}.password-requirements-list{grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:2px;display:grid}.req-item{color:#94a3b8;align-items:center;gap:6px;font-size:11px;transition:color .15s;display:flex}.req-item i{font-size:8px}.req-item.met{color:#16a34a;font-weight:600}.req-item.met i{color:#16a34a;font-size:10px}.auth-message-banner{border-radius:8px;align-items:flex-start;gap:8px;margin:10px 0;padding:10px 12px;font-size:12.5px;line-height:1.4;animation:.2s messageEnter;display:flex}@keyframes messageEnter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-message-banner.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.auth-message-banner.error i{color:#ef4444;flex-shrink:0;margin-top:2px}.auth-message-banner.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.auth-message-banner.info i{color:#3b82f6;flex-shrink:0;margin-top:2px}.auth-message-banner.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.auth-message-banner.success i{color:#22c55e;flex-shrink:0;margin-top:2px}.landing-page-root .auth-submit-btn,.interview-panel-root .auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9f4a 0%,#fd8b00 100%);border:none;border-radius:9px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:10px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #fd8b0047}.landing-page-root .auth-submit-btn:hover,.interview-panel-root .auth-submit-btn:hover{background:linear-gradient(135deg,#fb923c 0%,#ea580c 100%);transform:translateY(-1px);box-shadow:0 6px 16px #fd8b0059}.landing-page-root .auth-submit-btn:disabled,.interview-panel-root .auth-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-mode-switch{text-align:center;color:#64748b;margin-top:18px;font-size:13.5px}.auth-switch-link{color:#ea580c;cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0 4px;font-family:inherit;text-decoration:underline;transition:color .15s}.auth-switch-link:hover{color:#c2410c}body.dark-theme .landing-page-root .auth-modal-overlay,body.dark-theme .interview-panel-root .auth-modal-overlay,.dark-theme .landing-page-root .auth-modal-overlay,.dark-theme.landing-page-root .auth-modal-overlay,.dark-theme .interview-panel-root .auth-modal-overlay{background:#000000bf}body.dark-theme .landing-page-root .auth-modal-card,body.dark-theme .interview-panel-root .auth-modal-card,.dark-theme .landing-page-root .auth-modal-card,.dark-theme.landing-page-root .auth-modal-card,.dark-theme .interview-panel-root .auth-modal-card{color:#f1f5f9!important;background:#0f172a!important;border-color:#1e293b!important;box-shadow:0 25px 50px -12px #000000b3!important}body.dark-theme .landing-page-root .auth-modal-card h1,body.dark-theme .interview-panel-root .auth-modal-card h1,.dark-theme .landing-page-root .auth-modal-card h1,.dark-theme.landing-page-root .auth-modal-card h1,.dark-theme .interview-panel-root .auth-modal-card h1{color:#fff!important}body.dark-theme .landing-page-root .auth-modal-card .sub,body.dark-theme .interview-panel-root .auth-modal-card .sub,.dark-theme .landing-page-root .auth-modal-card .sub,.dark-theme.landing-page-root .auth-modal-card .sub,.dark-theme .interview-panel-root .auth-modal-card .sub{color:#94a3b8!important}body.dark-theme .landing-page-root .auth-modal-close,body.dark-theme .interview-panel-root .auth-modal-close,.dark-theme .landing-page-root .auth-modal-close,.dark-theme.landing-page-root .auth-modal-close,.dark-theme .interview-panel-root .auth-modal-close{color:#94a3b8}body.dark-theme .landing-page-root .auth-modal-close:hover,body.dark-theme .interview-panel-root .auth-modal-close:hover,.dark-theme .landing-page-root .auth-modal-close:hover,.dark-theme.landing-page-root .auth-modal-close:hover,.dark-theme .interview-panel-root .auth-modal-close:hover{color:#fff;background:#ffffff14}body.dark-theme .landing-page-root .google-auth-btn,body.dark-theme .interview-panel-root .google-auth-btn,.dark-theme .landing-page-root .google-auth-btn,.dark-theme.landing-page-root .google-auth-btn,.dark-theme .interview-panel-root .google-auth-btn{color:#0f172a;background:#fff;border-color:#cbd5e1}body.dark-theme .landing-page-root .google-auth-btn:hover,body.dark-theme .interview-panel-root .google-auth-btn:hover,.dark-theme .landing-page-root .google-auth-btn:hover,.dark-theme.landing-page-root .google-auth-btn:hover,.dark-theme .interview-panel-root .google-auth-btn:hover{background:#f1f5f9}body.dark-theme .landing-page-root .auth-divider,body.dark-theme .interview-panel-root .auth-divider,.dark-theme .landing-page-root .auth-divider,.dark-theme.landing-page-root .auth-divider,.dark-theme .interview-panel-root .auth-divider{color:#64748b}body.dark-theme .landing-page-root .auth-divider:before,body.dark-theme .landing-page-root .auth-divider:after,body.dark-theme .interview-panel-root .auth-divider:before,body.dark-theme .interview-panel-root .auth-divider:after,.dark-theme .landing-page-root .auth-divider:before,.dark-theme .landing-page-root .auth-divider:after,.dark-theme.landing-page-root .auth-divider:before,.dark-theme.landing-page-root .auth-divider:after,.dark-theme .interview-panel-root .auth-divider:before,.dark-theme .interview-panel-root .auth-divider:after{background:#1e293b}body.dark-theme .landing-page-root .field label,body.dark-theme .interview-panel-root .field label,.dark-theme .landing-page-root .field label,.dark-theme.landing-page-root .field label,.dark-theme .interview-panel-root .field label{color:#94a3b8}body.dark-theme .landing-page-root .field input,body.dark-theme .interview-panel-root .field input,.dark-theme .landing-page-root .field input,.dark-theme.landing-page-root .field input,.dark-theme .interview-panel-root .field input{color:#f1f5f9;background:#0b1322;border-color:#1e293b}body.dark-theme .landing-page-root .field input::placeholder,body.dark-theme .interview-panel-root .field input::placeholder,.dark-theme .landing-page-root .field input::placeholder,.dark-theme.landing-page-root .field input::placeholder,.dark-theme .interview-panel-root .field input::placeholder{color:#64748b}body.dark-theme .landing-page-root .field input:focus,body.dark-theme .interview-panel-root .field input:focus,.dark-theme .landing-page-root .field input:focus,.dark-theme.landing-page-root .field input:focus,.dark-theme .interview-panel-root .field input:focus{background:#0b1322;border-color:#ff9f4a;box-shadow:0 0 0 3px #ff9f4a40}body.dark-theme .password-toggle-btn:hover,.dark-theme .password-toggle-btn:hover{color:#fff;background:#ffffff14}body.dark-theme .password-strength-container,.dark-theme .password-strength-container{background:#0b1322;border-color:#1e293b}body.dark-theme .strength-title,.dark-theme .strength-title{color:#94a3b8}body.dark-theme .strength-badge.very-weak,body.dark-theme .strength-badge.weak,.dark-theme .strength-badge.very-weak,.dark-theme .strength-badge.weak{color:#f87171;background:#ef444433}body.dark-theme .strength-badge.fair,.dark-theme .strength-badge.fair{color:#fbbf24;background:#f59e0b33}body.dark-theme .strength-badge.strong,.dark-theme .strength-badge.strong{color:#34d399;background:#10b98133}body.dark-theme .strength-segment,.dark-theme .strength-segment{background:#1e293b}body.dark-theme .req-item.met,.dark-theme .req-item.met,body.dark-theme .req-item.met i,.dark-theme .req-item.met i{color:#34d399}body.dark-theme .auth-message-banner.error,.dark-theme .auth-message-banner.error{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}body.dark-theme .auth-message-banner.error i,.dark-theme .auth-message-banner.error i{color:#f87171}body.dark-theme .auth-message-banner.info,.dark-theme .auth-message-banner.info{color:#93c5fd;background:#3b82f61f;border-color:#3b82f64d}body.dark-theme .auth-message-banner.info i,.dark-theme .auth-message-banner.info i{color:#60a5fa}body.dark-theme .auth-message-banner.success,.dark-theme .auth-message-banner.success{color:#86efac;background:#22c55e1f;border-color:#22c55e4d}body.dark-theme .auth-message-banner.success i,.dark-theme .auth-message-banner.success i{color:#4ade80}body.dark-theme .auth-mode-switch,.dark-theme .auth-mode-switch{color:#94a3b8}body.dark-theme .auth-switch-link,.dark-theme .auth-switch-link{color:#ff9f4a}body.dark-theme .auth-switch-link:hover,.dark-theme .auth-switch-link:hover{color:#fb923c}.landing-page-root #msg,.interview-panel-root #msg{color:#ffb4a3;text-align:center;min-height:18px;margin-top:12px;font-size:12.5px}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #f97316b3}70%{transform:scale(1);box-shadow:0 0 0 10px #f9731600}to{transform:scale(.95);box-shadow:0 0 #f9731600}}.interview-panel-root{background:#0f0f1af5;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:100vw;height:100vh;padding-top:38px;display:flex;position:relative;overflow:hidden}.interview-panel-root .app-shell{flex-direction:column;flex:1;min-height:0;display:flex}.interview-panel-root .top-bar{-webkit-app-region:drag;background:#00000059;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 16px 12px;display:flex}.interview-panel-root .brand{align-items:flex-start;gap:10px;display:flex}.interview-panel-root .logo{color:#fff;background:linear-gradient(145deg,#8b5cf6 0%,#6d28d9 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.interview-panel-root .top-actions{-webkit-app-region:no-drag;flex-shrink:0;align-items:center;gap:12px;padding-top:2px;display:flex}.interview-panel-root .btn-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:opacity .15s;display:inline-flex;box-shadow:0 4px 14px #7c3aed59}.interview-panel-root .btn-start:hover{filter:brightness(1.06)}.interview-panel-root .btn-start:disabled{opacity:.55;cursor:not-allowed;filter:none}.interview-panel-root .btn-stop{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700}.interview-panel-root .btn-stop:hover{background:#b91c1c}.interview-panel-root .main-grid{flex:1;grid-template-columns:minmax(200px,1.2fr) minmax(180px,.9fr) minmax(180px,.9fr);gap:10px;min-height:0;padding:10px 12px 12px;display:grid}.interview-panel-root .panel{text-align:left;background:#191928d9;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.interview-panel-root .panel-head{letter-spacing:.06em;color:#94a3b8;border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:8px 12px;font-size:10px;font-weight:800}.interview-panel-root .panel-head-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.interview-panel-root .flag-pill{color:#a78bfa;border:1px solid #a78bfa59;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.interview-panel-root .status-pill{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.interview-panel-root .status-pill.paused{color:#fbbf24;background:#fbbf2426}.interview-panel-root .status-pill.live{color:#4ade80;background:#4ade8026}.interview-panel-root .current-q-body{color:#f1f5f9;border-bottom:1px solid #ffffff0f;flex-shrink:0;min-height:72px;padding:12px;font-size:14px;line-height:1.5}.interview-panel-root .tabs{border-bottom:1px solid #ffffff0f;flex-shrink:0;display:flex}.interview-panel-root .tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 10px;font-size:11px;font-weight:700}.interview-panel-root .tab.active{color:#c4b5fd;border-bottom-color:#8b5cf6}.interview-panel-root .tab-panels{flex:1;min-height:0;position:relative}.interview-panel-root .tab-panel{padding:8px 10px;font-size:12px;line-height:1.45;position:absolute;inset:0;overflow-y:auto}.interview-panel-root .tab-panel-live{flex-direction:column;display:flex;padding:0!important;overflow:hidden!important}.interview-panel-root .live-chat-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px 12px 14px;display:flex;overflow:hidden auto}.interview-panel-root .live-chat-placeholder{text-align:center;color:#64748b;max-width:220px;margin:auto;padding:28px 14px;font-size:13px;line-height:1.45}.interview-panel-root .chat-bubble-container{flex-direction:column;width:max-content;max-width:80%;margin-bottom:6px;display:flex}.interview-panel-root .chat-bubble-container--interviewer{align-self:flex-start!important;margin-left:0!important;margin-right:auto!important}.interview-panel-root .chat-bubble-container--candidate{align-self:flex-end!important;margin-left:auto!important;margin-right:0!important}.interview-panel-root .chat-bubble-header{color:#94a3b8;margin-bottom:3px;padding:0 4px;font-size:11px;font-weight:500}.interview-panel-root .chat-bubble-container--interviewer .chat-bubble-header{text-align:left}.interview-panel-root .chat-bubble-container--candidate .chat-bubble-header{text-align:right}.interview-panel-root .chat-bubble-body{word-break:break-word;white-space:normal;text-align:left;border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:500;line-height:1.45}.interview-panel-root .chat-bubble-container--interviewer .chat-bubble-body,.interview-panel-root .chat-bubble-container--candidate .chat-bubble-body{color:#1e293b!important;background:#f1f5f9!important;border:none!important}.interview-panel-root .chat-bubble-container--question .chat-bubble-body{color:#fff!important;background:#f97316!important;border:none!important}.interview-panel-root .chat-bubble-container--question.chat-bubble--question-past .chat-bubble-body,.interview-panel-root .chat-bubble-container--question.chat-bubble--question-present .chat-bubble-body{cursor:pointer;transition:opacity .15s}.interview-panel-root .chat-bubble-container--question.chat-bubble--question-past .chat-bubble-body:hover,.interview-panel-root .chat-bubble-container--question.chat-bubble--question-present .chat-bubble-body:hover{opacity:.9}.interview-panel-root .completed-review-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;grid-column:2/-1;gap:16px;min-height:0;padding:22px;display:flex;overflow:hidden}.interview-panel-root .completed-review-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:14px;padding-bottom:14px;display:flex}.interview-panel-root .completed-review-header h2{color:#0f172a;margin:4px 0 0;font-size:18px}.interview-panel-root .completed-review-kicker,.interview-panel-root .completed-review-section-title{color:#059669;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.interview-panel-root .completed-review-count,.interview-panel-root .completed-review-empty{color:#64748b;font-size:11px}.interview-panel-root .completed-review-buffer{color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:300px;font-size:13px;display:flex}.interview-panel-root .completed-review-buffer strong{color:#334155;font-size:15px}.interview-panel-root .completed-review-spinner{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite completed-review-spin}@keyframes completed-review-spin{to{transform:rotate(360deg)}}.interview-panel-root .completed-review-audio{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;padding:12px}.interview-panel-root .completed-review-audio audio{width:100%;margin-top:9px}.interview-panel-root .completed-review-transcript{min-height:0;padding-right:6px;overflow-y:auto}.interview-panel-root .completed-review-line{background:#f8fafc;border-left:3px solid #94a3b8;border-radius:6px;flex-direction:column;gap:4px;margin-top:10px;padding:10px 12px;display:flex}.interview-panel-root .completed-review-line-meta{color:#64748b;font-size:10px;font-weight:700}.interview-panel-root .completed-review-line-text{color:#1e293b;white-space:pre-wrap;font-size:13px;line-height:1.45}.interview-panel-root .completed-review-line--interviewer{background:#ecfdf5;border-left-color:#059669}.interview-panel-root .completed-review-line--question{background:#fff7ed;border-left-color:#f97316}.interview-panel-root .completed-review-line--question .completed-review-line-text{color:#c2410c;font-weight:700}.interview-panel-root .completed-review-empty{margin-top:10px;display:block}body.dark-theme .interview-panel-root .completed-review-panel{background:#0f172a;border-color:#263449}body.dark-theme .interview-panel-root .completed-review-header{border-bottom-color:#263449}body.dark-theme .interview-panel-root .completed-review-header h2,body.dark-theme .interview-panel-root .completed-review-buffer strong{color:#f8fafc}body.dark-theme .interview-panel-root .completed-review-audio{background:#121e33;border-color:#29466a}body.dark-theme .interview-panel-root .completed-review-line{background:#121e33}body.dark-theme .interview-panel-root .completed-review-line--interviewer{background:#10b9811f}body.dark-theme .interview-panel-root .completed-review-line--question{background:#f9731624}body.dark-theme .interview-panel-root .completed-review-line-text{color:#e2e8f0}.interview-panel-root .chat-bubble-container--interim{opacity:.88}.interview-panel-root .question-badge-pill{display:none}.interview-panel-root .q-item{border-bottom:1px solid #ffffff0d;padding:8px 0}.interview-panel-root .q-item .q-meta{color:#64748b;margin-bottom:4px;font-size:10px}.interview-panel-root .q-item .q-text{color:#e2e8f0;white-space:pre-wrap}.interview-panel-root .answer-body{color:#f1f5f9;white-space:pre-wrap;flex:1;padding:12px;font-size:13px;line-height:1.5;overflow-y:auto}.interview-panel-root .answer-body.muted{color:#64748b}.interview-panel-root .ai-loader,.teleprompter-window-root .ai-loader,.topbar-window-root .ai-loader{color:#ffffffa6;align-items:center;gap:8px;font-size:12px;display:inline-flex}.interview-panel-root .ai-loader-dots,.teleprompter-window-root .ai-loader-dots,.topbar-window-root .ai-loader-dots{gap:4px;display:inline-flex}.interview-panel-root .ai-loader-dots span,.teleprompter-window-root .ai-loader-dots span,.topbar-window-root .ai-loader-dots span{background:#a78bfa;border-radius:50%;width:6px;height:6px;animation:.6s ease-in-out infinite ai-loader-bounce}.interview-panel-root .ai-loader-dots span:nth-child(2),.teleprompter-window-root .ai-loader-dots span:nth-child(2),.topbar-window-root .ai-loader-dots span:nth-child(2){animation-delay:.15s}.interview-panel-root .ai-loader-dots span:nth-child(3),.teleprompter-window-root .ai-loader-dots span:nth-child(3),.topbar-window-root .ai-loader-dots span:nth-child(3){animation-delay:.3s}.interview-panel-root .setup-overlay{z-index:1000;background:radial-gradient(circle at 0 0,#eef5ff 0%,#fff 50%,#f6f0ff 100%);flex-direction:column;justify-content:flex-start;align-items:center;padding:0 0 40px;display:flex;position:absolute;inset:38px 0 0;overflow-y:auto}.setup-navbar,.interview-panel-root .setup-navbar{z-index:1000;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 24px;display:flex;position:relative;box-shadow:0 2px 10px #00000008;overflow:visible!important}.setup-navbar *,.interview-panel-root .setup-navbar *{-webkit-app-region:no-drag}.setup-navbar-left,.interview-panel-root .setup-navbar-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.setup-navbar-logo,.interview-panel-root .setup-navbar-logo{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;box-shadow:0 4px 10px #10b98133}.setup-navbar-title,.interview-panel-root .setup-navbar-title{font-family:var(--font-display);color:#0c9c73;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;font-size:18px;font-weight:800}.setup-navbar-tabs{scrollbar-width:none;flex-shrink:1;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.setup-navbar-tabs::-webkit-scrollbar{display:none}.setup-tab-item{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:7px 8px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.setup-tab-item:hover{color:#0f172a;background:#f1f5f9}.setup-tab-item.active{color:#10b981;background:#ecfdf5}.setup-tab-item.active.tab-home-active{color:#2563eb;background:#eff6ff}.setup-navbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.setup-action-btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.btn-copilot{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 10px #10b98133}.btn-notetaker{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%);box-shadow:0 4px 10px #7c3aed33}.btn-voice-agent{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);box-shadow:0 4px 10px #06b6d433}.btn-upload{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 10px #10b98133}.btn-radar{background:linear-gradient(135deg,#34d399 0%,#059669 100%);box-shadow:0 4px 10px #05966933}.setup-action-btn:hover{opacity:.95;transform:translateY(-1px)}.setup-lang-picker{color:#64748b;cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.setup-logout-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #cbd5e1;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.setup-logout-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.interview-panel-root .setup-subheader-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:10px 40px;display:flex}.interview-panel-root .setup-subheader-left{align-items:center;gap:8px;display:flex}.interview-panel-root .badge-crumb{letter-spacing:.02em;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.interview-panel-root .crumb-home{color:#2563eb;background:#eff6ff}.interview-panel-root .crumb-home:hover{background:#dbeafe}.interview-panel-root .crumb-copilot{color:#059669;background:#ecfdf5}.interview-panel-root .crumb-separator{color:#94a3b8;font-size:9px}.interview-panel-root .setup-subheader-right{align-items:center;display:flex}.interview-panel-root .setup-warning-pill{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;display:flex}.interview-panel-root .setup-layout-grid{flex:1;grid-template-columns:280px 1fr 280px;align-items:center;gap:30px;width:100%;max-width:1280px;margin:30px auto 10px;padding:0 40px;display:grid}.interview-panel-root .setup-column{flex-direction:column;gap:20px;display:flex}.interview-panel-root .setup-candidate-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 10px #00000005}.interview-panel-root .setup-candidate-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000a}.interview-panel-root .glow-blue{border-left:4px solid #3b82f6}.interview-panel-root .glow-green{border-left:4px solid #10b981}.interview-panel-root .glow-orange{border-left:4px solid #f59e0b}.interview-panel-root .glow-pink{border-left:4px solid #ec4899}.interview-panel-root .glow-cyan{border-left:4px solid #06b6d4}.interview-panel-root .glow-indigo{border-left:4px solid #6366f1}.interview-panel-root .candidate-avatar-container{flex-shrink:0;width:90px;height:70px;position:relative}.interview-panel-root .candidate-avatar{object-fit:cover;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;height:100%}body.dark-theme .interview-panel-root .setup-profile-card{color:#f8fafc!important;background:#080f1a!important;border-color:#1e293b!important;box-shadow:0 18px 45px #00000059!important}body.dark-theme .interview-panel-root .setup-profile-field{color:#cbd5e1!important}body.dark-theme .interview-panel-root .setup-profile-field textarea{color:#f8fafc!important;background:#030712!important;border-color:#334155!important}body.dark-theme .interview-panel-root .setup-profile-field textarea::placeholder{color:#64748b!important}body.dark-theme .interview-panel-root .setup-profile-field textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}body.dark-theme .interview-panel-root .setup-resume-upload{color:#60a5fa!important;background:#2563eb14!important;border-color:#3b82f6!important}body.dark-theme .interview-panel-root .setup-resume-upload:hover,body.dark-theme .interview-panel-root .setup-resume-upload.dragging{background:#2563eb29!important;border-color:#60a5fa!important}body.dark-theme .interview-panel-root .setup-resume-upload small,body.dark-theme .interview-panel-root .setup-resume-loaded small{color:#94a3b8!important}body.dark-theme .interview-panel-root .setup-resume-upload button,body.dark-theme .interview-panel-root .setup-resume-loaded>button{color:#93c5fd!important;background:#0f172a!important;border-color:#3b82f6!important}body.dark-theme .interview-panel-root .setup-resume-loaded{color:#34d399!important;background:#10b9811a!important;border-color:#10b981!important}.interview-panel-root .candidate-badge{z-index:2;border:1.5px solid #fff;border-radius:4px;padding:2px 6px;font-size:8.5px;font-weight:800;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #0000001a}.interview-panel-root .badge-blue{color:#2563eb;background:#eff6ff}.interview-panel-root .badge-green{color:#059669;background:#ecfdf5}.interview-panel-root .badge-orange{color:#ea580c;background:#fff7ed}.interview-panel-root .badge-pink{color:#db2777;background:#fdf2f8}.interview-panel-root .badge-cyan{color:#0891b2;background:#ecfeff}.interview-panel-root .badge-indigo{color:#4f46e5;background:#eef2ff}.interview-panel-root .candidate-icon-left{z-index:2;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex;position:absolute;bottom:-6px;left:-6px;box-shadow:0 2px 5px #0000001a}.interview-panel-root .bg-blue{color:#fff;background:#3b82f6}.interview-panel-root .bg-green{color:#fff;background:#10b981}.interview-panel-root .bg-orange{color:#fff;background:#f97316}.interview-panel-root .bg-pink{color:#fff;background:#ec4899}.interview-panel-root .bg-cyan{color:#fff;background:#06b6d4}.interview-panel-root .bg-indigo{color:#fff;background:#6366f1}.interview-panel-root .candidate-icon-right{color:#fff;z-index:2;background:#10b981;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 5px #0000001a}.interview-panel-root .candidate-details{flex-direction:column;flex:1;justify-content:center;gap:2px;display:flex}.interview-panel-root .candidate-role-name{color:#1e293b;margin:0;font-size:13.5px;font-weight:700}.interview-panel-root .candidate-desc{color:#64748b;margin:0;font-size:11px;font-weight:600;line-height:1.35}.interview-panel-root .setup-center-wrapper{justify-content:center;align-items:center;display:flex}.interview-panel-root .setup-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:520px;padding:35px 30px;display:flex;box-shadow:0 15px 35px #0000000d}.interview-panel-root .setup-profile-container{justify-content:center;align-items:flex-start;min-height:calc(100vh - 150px);padding:28px 20px 90px;display:flex;overflow-y:auto}.interview-panel-root .setup-profile-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:16px;width:min(760px,100%);padding:32px;display:flex;position:relative;box-shadow:0 15px 35px #0000000d}.interview-panel-root .setup-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.interview-panel-root .setup-profile-field{color:#334155;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.interview-panel-root .setup-profile-field:first-child,.interview-panel-root .setup-profile-field:nth-child(2),.interview-panel-root .setup-profile-field:nth-child(3),.interview-panel-root .setup-profile-field:nth-child(6),.interview-panel-root .setup-profile-field:nth-child(10){grid-column:1/-1}.interview-panel-root .setup-profile-field textarea{resize:vertical;color:#1e293b;width:100%;min-height:76px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:10px 12px;font-weight:500;line-height:1.45}.interview-panel-root .setup-profile-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.interview-panel-root .setup-profile-field--job-description{width:100%}.interview-panel-root .setup-profile-field--job-description small{color:#94a3b8;font-size:10px;font-weight:500}@media (width<=700px){.interview-panel-root .setup-profile-card{padding:24px 18px}.interview-panel-root .setup-profile-fields{grid-template-columns:1fr}.interview-panel-root .setup-profile-field,.interview-panel-root .setup-profile-field:first-child,.interview-panel-root .setup-profile-field:nth-child(2),.interview-panel-root .setup-profile-field:nth-child(3),.interview-panel-root .setup-profile-field:nth-child(6),.interview-panel-root .setup-profile-field:nth-child(10){grid-column:auto}}.interview-panel-root .setup-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;font-size:20px;display:flex;box-shadow:0 4px 10px #a855f733}.interview-panel-root .setup-title{text-align:center;font-family:var(--font-display);letter-spacing:-.02em;color:#0f172a;font-size:24px;font-weight:800}.interview-panel-root .setup-subtitle{text-align:center;color:#64748b;margin-top:-6px;font-size:13.5px;line-height:1.45}.interview-panel-root .setup-label{color:#1e293b;text-transform:uppercase;letter-spacing:.04em;text-align:left;font-size:12px;font-weight:700}.interview-panel-root .setup-input-wrap{position:relative}.interview-panel-root .setup-input-icon{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.interview-panel-root .setup-input{color:#1e293b;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;height:44px;padding:0 14px 0 38px;font-size:13.5px;font-weight:500;transition:border-color .15s,box-shadow .15s}.interview-panel-root .setup-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f826}.interview-panel-root .setup-resume-upload,.interview-panel-root .setup-resume-loaded{color:#2563eb;cursor:pointer;background:#f8fbff;border:1px dashed #93c5fd;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.interview-panel-root .setup-resume-upload:hover,.interview-panel-root .setup-resume-upload.dragging{background:#eff6ff;border-color:#2563eb}.interview-panel-root .setup-resume-upload>i{font-size:18px}.interview-panel-root .setup-resume-upload span,.interview-panel-root .setup-resume-loaded span{text-align:left;flex-direction:column;flex:1;gap:3px;font-size:12px;font-weight:700;display:flex}.interview-panel-root .setup-resume-upload small,.interview-panel-root .setup-resume-loaded small{color:#64748b;font-size:10.5px;font-weight:500}.interview-panel-root .setup-resume-upload button,.interview-panel-root .setup-resume-loaded>button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.interview-panel-root .setup-resume-loaded{color:#16a34a;cursor:default;background:#f0fdf4;border-style:solid;border-color:#86efac}.interview-panel-root .setup-resume-loaded>div{align-items:center;gap:9px;min-width:0;display:flex}.interview-panel-root .setup-resume-loaded strong,.interview-panel-root .setup-resume-loaded small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interview-panel-root .setup-resume-loaded>button{color:#dc2626;border-color:#fecaca;flex:none;padding:5px 8px}.interview-panel-root .suggest-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:180px;margin-top:6px;list-style:none;overflow-y:auto;box-shadow:0 6px 16px #0000000f}.interview-panel-root .suggest-item{color:#334155;cursor:pointer;justify-content:space-between;gap:10px;padding:10px 14px;font-size:13px;transition:background .15s;display:flex}.interview-panel-root .suggest-item:hover{background:#f8fafc}.interview-panel-root .suggest-item span:last-child{text-transform:uppercase;color:#94a3b8;font-size:10.5px;font-weight:700}.interview-panel-root .chips{flex-wrap:wrap;gap:8px;min-height:auto;display:flex}.interview-panel-root .chip{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.interview-panel-root .chip button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:700}.interview-panel-root .setup-helper-box{color:#2563eb;text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.4;display:flex}.interview-panel-root .setup-helper-box i{margin-top:2px}.interview-panel-root .setup-tip-line{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.interview-panel-root .setup-tip-line i{color:#f59e0b}.interview-panel-root .setup-tip-row{flex-direction:column;gap:6px;display:flex}.interview-panel-root .setup-tip-cols{justify-content:space-between;gap:12px;display:flex}.interview-panel-root .setup-actions{flex-wrap:wrap;gap:12px;width:100%;margin-top:4px;display:flex}.interview-panel-root .setup-continue{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;flex:1.2;height:42px;font-size:13.5px;font-weight:700;transition:background .15s,transform .15s;box-shadow:0 4px 10px #8b5cf633}.interview-panel-root .setup-continue:hover{background:#7c3aed;transform:translateY(-1px)}.interview-panel-root .setup-skip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;flex:.8;height:42px;font-size:13.5px;font-weight:700;transition:background .15s,border-color .15s}.interview-panel-root .setup-skip:hover{background:#f1f5f9;border-color:#94a3b8}.interview-panel-root .setup-past-sessions{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex:0 0 100%;height:42px;font-size:13.5px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.interview-panel-root .setup-past-sessions i{color:#64748b;margin-right:6px}.interview-panel-root .setup-past-sessions:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}body.dark-theme .interview-panel-root .setup-past-sessions{color:#e2e8f0;background:#111827;border-color:#334155}body.dark-theme .interview-panel-root .setup-past-sessions i{color:#94a3b8}body.dark-theme .interview-panel-root .setup-past-sessions:hover{color:#fff;background:#1e293b;border-color:#64748b}.interview-panel-root .setup-card-footer{color:#64748b;justify-content:center;gap:12px;margin-top:6px;font-size:11px;font-weight:600;display:flex}.interview-panel-root .setup-card-footer span{align-items:center;gap:4px;display:flex}.interview-panel-root .setup-card-footer span:before{content:"•";color:#cbd5e1;margin-right:8px}.interview-panel-root .setup-card-footer span:first-child:before{display:none}.interview-panel-root .setup-msg{text-align:center;color:#dc2626;min-height:16px;font-size:12px;font-weight:600}.interview-panel-root .setup-footer-strip{color:#94a3b8;-webkit-user-select:none;user-select:none;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:center;align-items:center;gap:16px;width:100%;padding:16px 40px;font-size:11px;font-weight:500;display:flex}.interview-panel-root .setup-footer-strip a{color:#94a3b8;text-decoration:none}.interview-panel-root .setup-footer-strip a:hover{color:#64748b}.interview-panel-root .setup-chat-bubble{color:#fff;cursor:pointer;z-index:1001;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #2563eb66}.interview-panel-root #statusMsg{color:#cbd5e1;z-index:10;pointer-events:none;font-size:11px;position:fixed;bottom:10px;left:20px}.teleprompter-window-root{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001f}.teleprompter-window-root .header{-webkit-app-region:drag;-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.topbar-window-root .topbar-strip{-webkit-app-region:drag;-webkit-user-select:none;user-select:none;background:#00000073;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.teleprompter-window-root .header-title{color:#6d28d9;letter-spacing:.02em;font-size:13px;font-weight:700}.teleprompter-window-root .win-btn:hover{color:#1e293b;background:#0000000d}.teleprompter-window-root .content{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex}.teleprompter-window-root .output-panel{white-space:pre-wrap;text-align:left;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-height:0;padding:12px;font-size:13.5px;line-height:1.5;overflow-y:auto}.teleprompter-window-root .output-panel::-webkit-scrollbar{width:6px}.teleprompter-window-root .output-panel::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.teleprompter-window-root .output-question{color:#0f172a;white-space:pre-wrap;word-break:break-word;border-left:3px solid #6d28d9;margin-bottom:8px;padding-left:8px;font-weight:700}.teleprompter-window-root .output-answer{color:#334155;white-space:pre-wrap;word-break:break-word}.teleprompter-window-root .output-placeholder{color:#94a3b8;text-align:center;margin-top:40px;font-style:italic}.teleprompter-window-root .controls-row{flex-shrink:0;gap:8px;display:flex}.teleprompter-window-root .btn{cursor:pointer;color:#fff;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:filter .2s;display:inline-flex}.teleprompter-window-root .btn:hover{filter:brightness(1.06)}.teleprompter-window-root .btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.teleprompter-window-root .btn-capture{background:linear-gradient(135deg,#10b981 0%,#059669 100%);flex:1;box-shadow:0 2px 8px #10b98133}.teleprompter-window-root .btn-clear{color:#475569;background:#fff;border:1.5px solid #cbd5e1}.teleprompter-window-root .btn-clear:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.teleprompter-window-root .btn-improvise{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);flex:1;box-shadow:0 2px 8px #2563eb40}.teleprompter-window-root .btn-example{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);flex:1;box-shadow:0 2px 8px #7c3aed40}.teleprompter-window-root .footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px 12px;display:flex}.teleprompter-window-root .input-box{color:#1e293b;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;flex:1;height:38px;padding:0 10px;font-size:12.5px}.teleprompter-window-root .input-box:focus{border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d91a}.teleprompter-window-root .btn-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:6px;height:38px;padding:0 16px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #8b5cf640}.topbar-window-root{color:#e8e8f0;background:0 0;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.topbar-window-root .topbar-strip{-webkit-app-region:drag;-webkit-user-select:none;user-select:none;background:#12121c;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;height:45px;padding:0 16px;display:flex}.topbar-window-root .brand-section{align-items:center;gap:10px;display:flex}.topbar-window-root .brand-name{color:#fff;letter-spacing:-.01em;font-size:13.5px;font-weight:800}.topbar-window-root .btn-hide{color:#e2e8f0;cursor:pointer;-webkit-app-region:no-drag;background:#ffffff14;border:1px solid #ffffff0f;border-radius:5px;padding:2.5px 10px;font-size:11px;font-weight:700}.topbar-window-root .btn-hide:hover{background:#ffffff26}.topbar-window-root .actions-section{-webkit-app-region:no-drag;gap:8px;display:flex}.topbar-window-root .action-btn{color:#fff;cursor:pointer;background:#000;border:1px solid #ffffff26;border-radius:6px;padding:4px 14px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.topbar-window-root .action-btn:hover{background:#18181b;border-color:#ffffff40}.topbar-window-root .status-section{-webkit-app-region:no-drag;align-items:center;gap:12px;display:flex}.topbar-window-root .listening-status{color:#a1a1b5;align-items:center;gap:6px;font-size:11.5px;display:flex}.topbar-window-root .status-dot{background:#64748b;border-radius:50%;width:6.5px;height:6.5px}.topbar-window-root .status-dot.active{background:#ef4444;animation:1.5s infinite pulse;box-shadow:0 0 8px #ef4444}.topbar-window-root .timer-val{color:#cbd5e1;font-variant-numeric:tabular-nums;font-size:12px}.topbar-window-root .btn-listener-toggle{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff0f;border-radius:5px;padding:3.5px 12px;font-size:11px;font-weight:700}.topbar-window-root .btn-listener-toggle:hover{background:#ffffff26}.topbar-window-root .btn-exit{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:5px;padding:3.5px 12px;font-size:11px;font-weight:700}.topbar-window-root .btn-exit:hover{background:#b91c1c}.topbar-window-root .btn-clear{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:5px;padding:3.5px 12px;font-size:11px;font-weight:700}.topbar-window-root .btn-clear:hover{background:#ffffff1f}.topbar-window-root .answer-panel{text-align:left;background:#0a0a12;border:1px solid #ffffff14;border-top:none;border-radius:0 0 8px 8px;flex-direction:column;flex:1;gap:6px;min-height:0;padding:12px 16px;display:flex;position:relative}.topbar-window-root .panel-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:10px;right:12px}.topbar-window-root .panel-close-btn:hover{color:#f1f5f9}.topbar-window-root .label-header{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:flex}.topbar-window-root .question-content{color:#fff;white-space:pre-wrap;background:#ef444426;border:1px solid #ef444473;border-radius:8px;max-height:80px;margin-bottom:4px;padding:8px 12px;font-size:13.5px;font-weight:700;overflow-y:auto}.topbar-window-root .answer-content{color:#e2e8f0;white-space:pre-wrap;flex:1;min-height:180px;font-size:13px;line-height:1.5;overflow-y:auto}.topbar-window-root .answer-content::-webkit-scrollbar{width:5px}.topbar-window-root .answer-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2.5px}.interview-panel-root .setup-ready-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:50px auto 10px;padding:0 40px;display:flex}.interview-panel-root .setup-ready-card{color:#0f172a;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:520px;padding:50px 40px;display:flex;position:relative;box-shadow:0 15px 35px #0000000d}.interview-panel-root .setup-ready-back-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:24px;left:24px;box-shadow:0 2px 5px #00000005}.interview-panel-root .setup-ready-back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translate(-1px)}.interview-panel-root .setup-ready-icon{color:#3b82f6;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;font-size:28px;display:flex;box-shadow:0 4px 14px #3b82f826}.interview-panel-root .setup-ready-title{font-family:var(--font-display);color:#0f172a;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.interview-panel-root .setup-ready-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:#f1f5f9;border-radius:999px;margin:-6px 0 6px;padding:6px 16px;font-size:13px;font-weight:700}.interview-panel-root .setup-ready-desc{color:#475569;max-width:380px;margin:0 0 10px;font-size:14px;line-height:1.5}.interview-panel-root .setup-ready-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14.5px;font-weight:750;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb4d}.interview-panel-root .setup-ready-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.interview-panel-root .setup-ready-btn i{font-size:12px}.interview-panel-root .session-main-grid{box-sizing:border-box;background:#f8fafc;flex:1;grid-template-columns:minmax(260px,340px) 1fr 1fr;gap:20px;width:100%;min-height:0;padding:18px 24px;display:grid;overflow-y:auto}.interview-panel-root .session-panel-column{flex-direction:column;gap:20px;min-height:0;display:flex}.interview-panel-root .session-panel-column.col-left{gap:16px}.interview-panel-root .session-subheader-row{-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 16px;display:flex}.interview-panel-root .session-subheader-row .subheader-left{scrollbar-width:none;flex-shrink:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.interview-panel-root .session-subheader-row .subheader-left::-webkit-scrollbar{display:none}.interview-panel-root .session-subheader-row .live-session-badge{color:#ea580c;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:1.5px solid #fdba74;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .session-tech-text{color:#334155;font-size:13.5px;font-weight:700;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .subheader-middle{flex-shrink:0;align-items:center;gap:6px;display:flex}.interview-panel-root .session-subheader-row .toolbar-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .interview-language-select{min-width:92px;max-width:112px;color:inherit;font:inherit;cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:0;outline:0;padding:0;font-weight:700}.interview-panel-root .session-subheader-row .interview-language-select option{color:#1e293b;background:#fff;font-weight:600}.interview-panel-root .session-subheader-row .toolbar-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.interview-panel-root .session-subheader-row .toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.interview-panel-root .session-subheader-row .subheader-right{flex-shrink:0;align-items:center;gap:6px;margin-right:22px;display:flex}.interview-panel-root .session-subheader-row .session-timer-badge{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:4.5px 10px;font-family:monospace;font-size:13px;font-weight:700;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .status-pill-btn{color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:750;transition:all .2s;display:inline-flex;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .status-pill-btn.stopped{background:#10b981;box-shadow:0 2px 8px #10b98133}.interview-panel-root .session-subheader-row .status-pill-btn.listening{background:#ef4444;box-shadow:0 2px 8px #ef444433}.interview-panel-root .session-subheader-row .status-pill-btn.start-recording{background:#3b82f6;box-shadow:0 2px 8px #3b82f633}.interview-panel-root .session-subheader-row .reset-timer-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:4.5px 8px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .reset-timer-btn:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.interview-panel-root .session-subheader-row .status-pill-btn .dot{background:#fff;border-radius:50%;width:6px;height:6px;display:inline-block}.interview-panel-root .session-subheader-row .mic-pill-btn{cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .mic-pill-btn.on{color:#2563eb;background:#eff6ff;border:1.5px solid #3b82f6}.interview-panel-root .session-subheader-row .mic-pill-btn.off{color:#475569;background:#fff;border:1.5px solid #cbd5e1}.interview-panel-root .session-subheader-row .settings-gear-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .2s;display:flex}.interview-panel-root .session-subheader-row .settings-gear-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.interview-panel-root .card-question-current{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:16px 20px;display:flex;box-shadow:0 4px 10px #00000003}.interview-panel-root .card-lbl-blue{color:#2563eb;text-transform:uppercase;letter-spacing:.04em;align-items:center;font-size:11px;font-weight:800;display:flex}.interview-panel-root .card-question-current .current-q-body{font-family:var(--font-primary);color:#1e293b;font-size:14.5px;font-style:italic;font-weight:700;line-height:1.45}.interview-panel-root .question-tag-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.interview-panel-root .q-tag{text-transform:capitalize;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.interview-panel-root .q-tag-tech{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.interview-panel-root .q-tag-level{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.interview-panel-root .q-tag-mode{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.interview-panel-root .copilot-options-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.interview-panel-root .copilot-opt-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.interview-panel-root .copilot-opt-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.interview-panel-root .copilot-opt-btn.active{color:#2563eb;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.interview-panel-root .btn-next-question{color:#2563eb;cursor:pointer;background:#93c5fd;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;font-size:13.5px;font-weight:750;transition:all .2s;display:flex}.interview-panel-root .btn-next-question:hover{color:#fff;background:#60a5fa}.interview-panel-root .card-question-history{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;flex:1;min-height:250px;display:flex;overflow:hidden;box-shadow:0 4px 10px #00000003}.interview-panel-root .history-tabs-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.interview-panel-root .history-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 14px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.interview-panel-root .history-tab-btn:hover{color:#1e293b}.interview-panel-root .history-tab-btn.active{color:#2563eb;background:#fff;border-bottom:2.5px solid #2563eb}.interview-panel-root .questions-count-badge{color:#fff;background:#10b981;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.interview-panel-root .history-tab-content{flex-direction:column;flex:1;min-height:0;padding:14px;display:flex;overflow-y:auto}.interview-panel-root .questions-history-list{flex-direction:column;gap:8px;display:flex}.interview-panel-root .history-question-item{color:#b91c1c;cursor:pointer;text-align:left;background:#ef44440d;border:1px solid #ef444426;border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.interview-panel-root .history-question-item:hover{color:#991b1b;background:#ef44441a}.interview-panel-root .history-question-item.active{color:#047857!important;background:#10b98114!important;border-color:#10b98140!important}.interview-panel-root .history-question-item.active:hover{background:#10b9811f!important}.interview-panel-root .history-placeholder{color:#94a3b8;text-align:center;padding:20px 10px;font-size:12.5px}.interview-panel-root .session-panel-column.col-answer{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;flex:1;min-height:0;padding:20px 24px;display:flex;box-shadow:0 4px 14px #00000003}.interview-panel-root .glow-blue-left{border-left:4px solid #3b82f6}.interview-panel-root .glow-green-left{border-left:4px solid #10b981}.interview-panel-root .answer-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.interview-panel-root .answer-title-text{font-family:var(--font-display);color:#0f172a;align-items:center;gap:6px;font-size:16px;font-weight:800;display:flex}.interview-panel-root .badge-fastest{color:#2563eb;background:#eff6ff;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:800}.interview-panel-root .badge-alternative{color:#059669;background:#ecfdf5;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:800}.interview-panel-root .answer-ready-status{color:#10b981;letter-spacing:.02em;align-items:center;gap:4px;margin-bottom:14px;font-size:10px;font-weight:750;display:flex}.interview-panel-root .answer-ready-status .dot{background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block}.interview-panel-root .answer-text-body{color:#334155;text-align:left;white-space:pre-wrap;word-break:break-word;flex:1;margin-bottom:16px;padding-right:6px;font-size:13.5px;font-weight:500;line-height:1.6;overflow-y:auto}.interview-panel-root .answer-text-body.code-mode{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:12.5px;line-height:1.5}.interview-panel-root .answer-text-body::-webkit-scrollbar{width:5px}.interview-panel-root .answer-text-body::-webkit-scrollbar-thumb{background:#0000000d;border-radius:2.5px}.interview-panel-root .answer-text-body.muted{color:#94a3b8;font-style:italic}.interview-panel-root .answer-footer-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.interview-panel-root .btn-copy-answer{color:#2563eb;cursor:pointer;background:#fff;border:1.5px solid #3b82f6;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:70%;height:38px;font-size:13px;font-weight:750;transition:all .2s;display:flex}.interview-panel-root .btn-copy-answer:hover{background:#eff6ff;border-color:#2563eb}.interview-panel-root .feedback-buttons{gap:8px;display:flex}.interview-panel-root .btn-feedback-thumb{display:none!important}.interview-panel-root .settings-wrapper{display:inline-block;position:relative}.interview-panel-root .settings-dropdown{z-index:999;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;width:290px;padding:18px;animation:.15s ease-out settingsDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000014}@keyframes settingsDropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.interview-panel-root .settings-item{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.interview-panel-root .settings-item-left{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.interview-panel-root .settings-item-title{color:#0f172a;font-size:13.5px;font-weight:600;line-height:1.3}.interview-panel-root .settings-item-sub{color:#64748b;margin-top:2px;font-size:11px;font-weight:400;line-height:1.2}.interview-panel-root .settings-toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.interview-panel-root .settings-toggle input{opacity:0;width:0;height:0}.interview-panel-root .settings-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.interview-panel-root .settings-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.interview-panel-root .settings-toggle input:checked+.settings-slider{background-color:#3b82f6}.interview-panel-root .settings-toggle input:checked+.settings-slider:before{transform:translate(20px)}.interview-panel-root .settings-slider-row{flex-direction:column;gap:8px;width:100%;padding-top:4px;display:flex}.interview-panel-root .settings-item-slider-header{justify-content:space-between;align-items:center;width:100%;display:flex}.interview-panel-root .settings-font-val{color:#64748b;font-size:11px;font-weight:500}.interview-panel-root .settings-range-input{appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;transition:opacity .2s}.interview-panel-root .settings-range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2.5px solid #3b82f6;border-radius:50%;width:18px;height:18px;transition:transform .15s,border-color .15s;box-shadow:0 1.5px 4px #00000026}.interview-panel-root .settings-range-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.interview-panel-root .settings-range-input::-moz-range-thumb{cursor:pointer;background:#fff;border:2.5px solid #3b82f6;border-radius:50%;width:18px;height:18px;transition:transform .15s,border-color .15s;box-shadow:0 1.5px 4px #00000026}.interview-panel-root .settings-range-input::-moz-range-thumb:hover{transform:scale(1.15)}.interview-panel-root .session-subheader-row .recording-status-badge{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .recording-status-badge .dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.2s infinite alternate recordingPulse;display:inline-block}@keyframes recordingPulse{0%{opacity:.4}to{opacity:1}}.interview-panel-root .session-subheader-row .stop-recording-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:700;line-height:1;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #ef444433;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .stop-recording-btn:hover{background:#dc2626;box-shadow:0 2px 10px #dc26264d}.interview-panel-root .session-subheader-row .stop-recording-btn i{font-size:10px}.topbar-window-root .topbar-analysis-actions{-webkit-app-region:no-drag;flex-shrink:0;justify-content:flex-start;gap:8px;margin-top:8px;display:flex}.topbar-window-root .topbar-analysis-actions .btn{cursor:pointer;color:#fff;border:none;border-radius:4px;align-items:center;gap:4px;width:auto;padding:4px 10px;font-size:11px;font-weight:600;transition:filter .2s;display:inline-flex}.topbar-window-root .topbar-analysis-actions .btn:hover{filter:brightness(1.08)}.topbar-window-root .topbar-analysis-actions .btn:disabled{opacity:.5;cursor:not-allowed}.topbar-window-root .topbar-analysis-actions .btn-improvise{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 1px 4px #2563eb33}.topbar-window-root .topbar-analysis-actions .btn-example{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);box-shadow:0 1px 4px #7c3aed33}.topbar-window-root .topbar-analysis-actions .btn-clear-analysis{background:linear-gradient(135deg,#4b5563 0%,#374151 100%);box-shadow:0 1px 4px #4b556333}.interview-panel-root .session-subheader-row .back-to-skills-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px;font-size:14px;line-height:1;transition:all .2s;display:inline-flex}.interview-panel-root .session-subheader-row .back-to-skills-btn:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.notetaker-root{color:#0f172a;background:#f8fafc;flex-direction:column;min-height:100vh;font-family:Outfit,Inter,sans-serif;display:flex;height:100vh!important;overflow-y:auto!important}.notetaker-header{background:#fff;border-bottom:1px solid #cbd5e1;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;margin-bottom:30px;padding:0 40px;display:flex}.notetaker-header-left{cursor:pointer;align-items:center;gap:12px;display:flex}.notetaker-logo-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.notetaker-logo-title{color:#0c9c73;letter-spacing:-.02em;font-size:20px;font-weight:850}.notetaker-header-right{align-items:center;gap:16px;display:flex}.notetaker-header-btn{cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-green-outline{color:#059669;background:0 0;border:1.5px solid #10b981}.btn-green-outline:hover{background:#ecfdf5;border-color:#059669}.btn-grey-outline{color:#475569;background:0 0;border:1.5px solid #cbd5e1}.btn-grey-outline:hover{background:#f1f5f9;border-color:#94a3b8}.notetaker-lang-picker{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.notetaker-exit-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.notetaker-exit-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.notetaker-grid{flex:1;grid-template-columns:420px 1fr;gap:15px;width:100%;max-width:100%;margin:20px auto 0;padding:0 20px 20px;display:grid}.notetaker-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:24px;padding:40px;display:flex;box-shadow:0 10px 30px #00000008}.notetaker-card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding-bottom:20px;display:flex}.notetaker-card-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.bg-green,.bg-green-light{color:#10b981;background:#ecfdf5}.notetaker-card-title{font-family:var(--font-display);color:#0f172a;margin:0;font-size:20px;font-weight:800}.notetaker-card-subtitle{color:#64748b;margin:4px 0 0;font-size:13.5px}.notetaker-pill-tabs{background:#f1f5f9;border-radius:12px;gap:4px;padding:6px;display:flex}.notetaker-pill-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.notetaker-pill-btn.active{color:#0f172a;background:#fff;box-shadow:0 4px 12px #0000000d}.notetaker-record-form{flex-direction:column;gap:20px;display:flex}.notetaker-record-form .notetaker-input:focus,.notetaker-record-form .notetaker-textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.notetaker-form-group{flex-direction:column;gap:8px;display:flex}.notetaker-label{color:#0f172a;align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:flex}.notetaker-input{color:#0f172a;background-color:#0000;border:1.5px solid #cbd5e1;border-radius:12px;height:46px;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s}.notetaker-input[readonly]{cursor:not-allowed;color:#64748b!important;background-color:#f1f5f9!important;border-color:#e2e8f0!important}body.dark-theme .notetaker-input[readonly]{cursor:not-allowed;color:#94a3b8!important;background-color:#1e293b!important;border-color:#334155!important}.notetaker-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.notetaker-textarea{color:#0f172a;resize:none;background-color:#0000;border:1.5px solid #cbd5e1;border-radius:12px;height:100px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.notetaker-textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.notetaker-help-text{color:#64748b;margin-top:-2px;font-size:11.5px}.notetaker-timer-wrapper{justify-content:center;margin:10px 0;display:flex}.notetaker-timer-circle{background:#f8fafc;border:8px solid #eff6ff;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:inset 0 2px 5px #00000008,0 4px 10px #00000005}.notetaker-mode-group{margin-bottom:18px}.notetaker-mode-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.notetaker-mode-badge{color:#64748b;letter-spacing:.02em;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.notetaker-mode-selector{grid-template-columns:1fr 1fr;gap:10px;display:grid}.notetaker-mode-card{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:flex-start;padding:10px 12px;transition:all .2s;display:flex;position:relative}.notetaker-mode-card:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.notetaker-mode-card.active{background:#ecfdf5;border-color:#10b981;box-shadow:0 2px 8px #10b9811f}.notetaker-mode-card:disabled{opacity:.6;cursor:not-allowed}.notetaker-mode-card-header{color:#334155;align-items:center;gap:7px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.notetaker-mode-card.active .notetaker-mode-card-header{color:#047857}.notetaker-mode-title{font-size:13px;font-weight:700}.notetaker-mode-desc{color:#64748b;margin:0;font-size:11px;line-height:1.35}.notetaker-mode-card.active .notetaker-mode-desc{color:#065f46}.dark .notetaker-mode-card,[data-theme=dark] .notetaker-mode-card{background:#1e293b;border-color:#334155}.dark .notetaker-mode-card:hover:not(:disabled),[data-theme=dark] .notetaker-mode-card:hover:not(:disabled){background:#334155}.dark .notetaker-mode-card.active,[data-theme=dark] .notetaker-mode-card.active{background:#10b98126;border-color:#10b981}.dark .notetaker-mode-card-header,[data-theme=dark] .notetaker-mode-card-header{color:#f1f5f9}.dark .notetaker-mode-card.active .notetaker-mode-card-header,[data-theme=dark] .notetaker-mode-card.active .notetaker-mode-card-header{color:#34d399}.dark .notetaker-mode-desc,[data-theme=dark] .notetaker-mode-desc{color:#94a3b8}.dark .notetaker-mode-card.active .notetaker-mode-desc,[data-theme=dark] .notetaker-mode-card.active .notetaker-mode-desc{color:#6ee7b7}.dark .notetaker-mode-badge,[data-theme=dark] .notetaker-mode-badge{color:#94a3b8;background:#334155}.notetaker-timer-val{color:#0f172a;font-family:monospace;font-size:28px;font-weight:800}.notetaker-action-record-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:50px;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 15px #10b98140}.notetaker-action-record-btn:hover{opacity:.95;transform:translateY(-1px)}.notetaker-action-record-btn.recording{background:#ef4444;box-shadow:0 4px 15px #ef444440}.notetaker-footer-note{color:#64748b;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.notetaker-left-card{gap:20px;padding:32px}.notetaker-left-card .notetaker-card-header{align-items:flex-start;gap:14px;padding-bottom:18px}.notetaker-left-card .notetaker-card-title{font-size:19px;line-height:1.25}.notetaker-left-card .notetaker-card-subtitle{max-width:260px;line-height:1.45}.notetaker-left-card .notetaker-pill-tabs{border:1px solid #e2e8f0;border-radius:12px;padding:5px}.notetaker-left-card .notetaker-pill-btn{min-height:38px;padding:8px 10px}.notetaker-left-card .notetaker-pill-btn:hover,.notetaker-left-card .notetaker-pill-btn:focus-visible{color:#047857;outline-offset:2px;outline:2px solid #10b981}.notetaker-left-card .notetaker-select{background:#f8fafc;border-color:#e2e8f0;border-radius:10px;height:44px}.notetaker-left-card .notetaker-select:focus-visible,.notetaker-left-card button:focus-visible{outline-offset:2px;outline:2px solid #10b981}.notetaker-left-card .notetaker-timer-wrapper{align-items:center;gap:14px;min-height:176px;margin:0;position:relative}.notetaker-left-card .notetaker-timer-circle{background:#fff;border:8px solid #ecfdf5;outline:1px solid #d1fae5;flex-direction:column;flex:0 0 156px;gap:4px;width:156px;height:156px;position:relative}.notetaker-left-card .notetaker-timer-wrapper.recording .notetaker-timer-circle{border-color:#a7f3d0;outline-color:#10b981;box-shadow:0 0 0 8px #10b98114,inset 0 2px 5px #00000008}.notetaker-left-card .notetaker-timer-wrapper.paused .notetaker-timer-circle{border-color:#fde68a;outline-color:#f59e0b}.notetaker-left-card .notetaker-timer-val{letter-spacing:0;font-size:30px;line-height:1}.notetaker-timer-status{color:#64748b;font-size:11px;font-weight:700}.notetaker-waveform{align-items:center;gap:3px;width:42px;display:flex}.notetaker-waveform i{background:#a7f3d0;border-radius:4px;width:4px;height:12px;display:block}.notetaker-waveform i:nth-child(2){height:24px}.notetaker-waveform i:nth-child(3){height:17px}.notetaker-waveform i:nth-child(4){height:9px}.notetaker-timer-wrapper.recording .notetaker-waveform i{animation:1.1s ease-in-out infinite alternate notetaker-wave}.notetaker-timer-wrapper.recording .notetaker-waveform i:nth-child(2){animation-delay:.15s}.notetaker-timer-wrapper.recording .notetaker-waveform i:nth-child(3){animation-delay:.3s}.notetaker-timer-wrapper.recording .notetaker-waveform i:nth-child(4){animation-delay:.45s}@keyframes notetaker-wave{0%{opacity:.55;transform:scaleY(.65)}to{opacity:1;transform:scaleY(1.15)}}.notetaker-processing-copy{color:#64748b;justify-content:center;align-items:center;gap:8px;min-height:24px;font-size:12px;font-weight:700;display:flex}.notetaker-action-record-btn:active,.notetaker-secondary-btn:active{transform:translateY(1px)}.notetaker-action-record-btn:disabled,.notetaker-secondary-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.notetaker-secondary-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.notetaker-secondary-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:750;display:inline-flex}.notetaker-secondary-btn:hover{color:#047857;background:#f0fdf4;border-color:#a7f3d0}.notetaker-ai-translation{color:#475569;border-top:1px dashed #cbd5e1;margin-top:10px;padding-top:8px;font-size:13px;line-height:1.5}.notetaker-ai-translation>span{color:#047857;letter-spacing:.04em;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.notetaker-left-card .notetaker-footer-note{color:#64748b;background:#f0fdf4;border-radius:10px;padding:10px 12px}@media (width<=560px){.notetaker-left-card{padding:24px}.notetaker-left-card .notetaker-form-row{flex-direction:column;gap:12px!important}.notetaker-left-card .notetaker-timer-wrapper{gap:8px}.notetaker-left-card .notetaker-timer-circle{flex-basis:136px;width:136px;height:136px}.notetaker-waveform{width:32px}}@media (prefers-reduced-motion:reduce){.notetaker-timer-wrapper.recording .notetaker-waveform i{animation:none}}.text-gold{color:#eab308}.notetaker-past-sessions{flex-direction:column;gap:12px;display:flex}.notetaker-past-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.notetaker-past-item:hover{background:#f1f5f9;border-color:#cbd5e1}.past-title{color:#0f172a;margin:0;font-size:14px;font-weight:700}.past-date{color:#64748b;font-size:12px}.past-duration{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600}.notetaker-header-tabs{background:#f1f5f9;border-radius:8px;gap:4px;margin-left:auto;padding:4px;display:flex}.notetaker-header-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.notetaker-header-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #0000000d}.notetaker-card-body{flex-direction:column;flex:1;display:flex}.notetaker-live-panel{flex-direction:column;flex:1;justify-content:space-between;height:100%;display:flex}.notetaker-chat-messages{flex-direction:column;flex:1;gap:16px;height:100%;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.notetaker-ready-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.notetaker-ready-icon-box{color:#10b981;background:#ecfdf5;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:24px;display:flex;box-shadow:0 4px 10px #10b9811a}.notetaker-ready-title{font-family:var(--font-display);color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:800}.notetaker-ready-subtitle{color:#64748b;max-width:320px;margin:0 0 24px;font-size:13.5px;line-height:1.4}.notetaker-ready-pills{gap:12px;display:flex}.ready-pill{border:1.5px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.pill-green-border{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.pill-orange{color:#ea580c;background:#fff7ed;border-color:#ffedd5}.pill-green-fill{color:#fff;background:#10b981;border-color:#10b981}.notetaker-chat-input-area{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.notetaker-chat-form{gap:12px;display:flex;position:relative}.notetaker-chat-input{color:#0f172a;background-color:#0000;border:1.5px solid #cbd5e1;border-radius:12px;flex:1;height:48px;padding:0 54px 0 16px;font-size:14px;font-weight:500;transition:all .2s}.notetaker-chat-input:focus{border-color:#10b981;outline:none}.notetaker-chat-send-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #10b98133}.notetaker-chat-send-btn:hover{transform:scale(1.05)}.notetaker-chat-help{color:#64748b;text-align:center;margin:8px 0 0;font-size:11.5px}.notetaker-msg-bubble{gap:12px;max-width:85%;margin-bottom:8px;display:flex}.notetaker-msg-bubble.user{flex-direction:row-reverse;align-self:flex-end}.notetaker-msg-bubble.ai{align-self:flex-start}.msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.notetaker-msg-bubble.user .msg-avatar{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.notetaker-msg-bubble.ai .msg-avatar{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.msg-text{border-radius:14px;padding:10px 16px;font-size:13.5px;line-height:1.5}.notetaker-msg-bubble.user .msg-text{color:#0369a1;background:#e0f2fe;border-top-right-radius:2px}.notetaker-msg-bubble.ai .msg-text{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-top-left-radius:2px}.notetaker-feedback-panel{flex-direction:column;gap:20px;padding:10px 0;display:flex}.feedback-section{flex-direction:column;gap:8px;display:flex}.feedback-sec-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14.5px;font-weight:800;display:flex}.feedback-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.feedback-list li{color:#475569;font-size:13.5px;line-height:1.4}.notetaker-footer-strip{color:#64748b;border-top:1px solid #cbd5e1;flex-shrink:0;justify-content:flex-start;align-items:center;gap:16px;width:100%;max-width:1650px;margin:20px auto 0;padding:20px 40px;font-size:12px;display:flex}.notetaker-footer-strip a{color:#64748b;text-decoration:none;transition:color .2s}.notetaker-footer-strip a:hover{color:#10b981}.notetaker-floating-bubble{color:#fff;cursor:pointer;z-index:1000;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #2563eb4d}.notetaker-floating-bubble:hover{transform:scale(1.05)}.custom-toast-notification{-webkit-backdrop-filter:blur(12px);color:#fff;z-index:9999;font-family:var(--font-primary);pointer-events:none;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s ease-out forwards slideUpFadeIn;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000004d}.custom-toast-notification i{color:#10b981;font-size:16px}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.notetaker-select{cursor:pointer;box-sizing:border-box;border-radius:12px;outline:none;width:100%;height:46px;padding:0 16px;font-size:14px;font-weight:500;color:#0f172a!important;background-color:#fff!important;border:1.5px solid #cbd5e1!important}.notetaker-select:disabled{cursor:not-allowed;color:#64748b!important;background-color:#e2e8f0!important;border-color:#cbd5e1!important}.interview-panel-root .session-modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:10000;background-color:#0f172a73;justify-content:center;align-items:center;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}.interview-panel-root .session-modal-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:490px;padding:28px 28px 24px;display:flex;position:relative;box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a,0 0 1px 1px #0000000d}.interview-panel-root .session-modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.interview-panel-root .session-modal-title-row{align-items:center;gap:8px;display:flex}.interview-panel-root .session-modal-title-row i{color:#2563eb;font-size:20px}.interview-panel-root .session-modal-title-row h3{font-family:var(--font-display), var(--font-primary), sans-serif;color:#0f172a;margin:0;font-size:19px;font-weight:700}.interview-panel-root .session-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;line-height:1;transition:color .15s;display:flex}.interview-panel-root .session-modal-close-btn:hover{color:#475569}.interview-panel-root .session-modal-desc{color:#64748b;text-align:left;margin:0 0 20px;font-size:13.5px;font-weight:450;line-height:1.45}.interview-panel-root .session-modal-options{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.interview-panel-root .session-modal-option-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.interview-panel-root .session-modal-option-left{flex:1;align-items:center;gap:14px;display:flex}.interview-panel-root .session-modal-option-icon{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.interview-panel-root .session-modal-option-text{text-align:left;flex-direction:column;gap:2px;display:flex}.interview-panel-root .session-modal-option-title{color:#0f172a;font-size:14.5px;font-weight:600}.interview-panel-root .session-modal-option-sub{color:#64748b;font-size:12px;line-height:1.3}.interview-panel-root .session-modal-divider{background-color:#f1f5f9;width:100%;height:1px;margin:0 0 16px}.interview-panel-root .session-modal-consent-row{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.interview-panel-root .session-modal-consent-checkbox{box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:all .15s;display:flex}.interview-panel-root .session-modal-consent-row:hover .session-modal-consent-checkbox{border-color:#94a3b8}.interview-panel-root .session-modal-consent-row.checked .session-modal-consent-checkbox{background:#2563eb;border-color:#2563eb}.interview-panel-root .session-modal-consent-checkbox:after{content:"";opacity:0;box-sizing:border-box;border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:block;transform:rotate(45deg)translate(-.5px,-.5px)}.interview-panel-root .session-modal-consent-row.checked .session-modal-consent-checkbox:after{opacity:1}.interview-panel-root .session-modal-consent-text{color:#64748b;font-size:12.5px;font-weight:450;line-height:1.45}.interview-panel-root .session-modal-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.interview-panel-root .session-modal-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;height:44px;padding:0 24px;font-size:14px;font-weight:600;transition:all .15s}.interview-panel-root .session-modal-btn-cancel:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.interview-panel-root .session-modal-btn-start{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 28px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb33}.interview-panel-root .session-modal-btn-start:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.interview-panel-root .session-modal-btn-start:disabled{color:#fff;cursor:not-allowed;box-shadow:none;opacity:.8;background:#93c5fd}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.notetaker-translation-header{letter-spacing:.05em;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:8px 16px;font-size:11px;font-weight:800;display:flex}.translation-header-col{text-align:left;flex:1;padding:0 10px}.translation-header-col:last-child{border-left:1px dashed #cbd5e1}.notetaker-translation-row{gap:16px;width:100%;margin-bottom:16px;display:flex}.notetaker-translation-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;box-shadow:0 4px 12px #00000005}.notetaker-translation-card.translation{background:#fff;border:1.5px solid #00cbd640;box-shadow:0 4px 12px #00cbd60a}.translation-card-header{justify-content:space-between;align-items:center;font-size:11px;font-weight:750;display:flex}.translation-card-header .card-num{color:#64748b}.translation-card-header .card-speaker{color:#a78bfa}.translation-card-header .card-lang{color:#00cbd6;align-items:center;gap:4px;display:flex}.translation-card-text{color:#0c101a;white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.5}.notetaker-action-toolbar{align-items:center;gap:8px;margin-left:auto;margin-right:16px;display:flex}.notetaker-toolbar-btn{color:#475569;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.notetaker-toolbar-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.notetaker-toolbar-btn i{font-size:12px}.notetaker-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:11000;background-color:#09090ed1;justify-content:center;align-items:center;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}.notetaker-modal-card{box-sizing:border-box;background:#12121c;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:100%;max-width:440px;padding:24px 28px;display:flex;box-shadow:0 20px 40px #00000080}.notetaker-modal-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.notetaker-modal-header h3{font-family:var(--font-display), sans-serif;color:#fff;margin:0;font-size:18px;font-weight:700}.notetaker-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:color .15s;display:flex}.notetaker-modal-close-btn:hover{color:#cbd5e1}.notetaker-modal-desc{color:#94a3b8;margin:0 0 20px;font-size:13px}.notetaker-modal-section{margin-bottom:20px}.notetaker-modal-section-title{color:#64748b;letter-spacing:.05em;margin:0 0 10px;font-size:11px;font-weight:800}.notetaker-modal-options{flex-direction:column;gap:10px;display:flex}.notetaker-modal-option-row{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#1a1a2e;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.notetaker-modal-option-row:hover{background:#ffffff08;border-color:#ffffff14}.notetaker-modal-option-row.checked{background:#00f0ff08;border-color:#00f0ff40}.notetaker-modal-option-checkbox{box-sizing:border-box;border:1.5px solid #475569;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.notetaker-modal-option-row.checked .notetaker-modal-option-checkbox{background:#00f0ff;border-color:#00f0ff}.notetaker-modal-option-checkbox:after{content:"";opacity:0;box-sizing:border-box;background:#12121c;border-radius:50%;width:6px;height:6px;display:block}.notetaker-modal-option-row.checked .notetaker-modal-option-checkbox:after{opacity:1}.notetaker-modal-option-text{color:#cbd5e1;font-size:13.5px;font-weight:500;transition:color .2s}.notetaker-modal-option-row.checked .notetaker-modal-option-text{color:#fff}.notetaker-modal-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.notetaker-modal-btn-cancel{color:#94a3b8;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #ffffff1f;border-radius:10px;height:40px;padding:0 20px;font-size:13.5px;font-weight:600;transition:all .15s}.notetaker-modal-btn-cancel:hover{color:#fff;background:#ffffff0a}.notetaker-modal-btn-download{color:#0c101a;cursor:pointer;box-sizing:border-box;background:#00cbd6;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 24px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #00cbd640}.notetaker-modal-btn-download:hover{background:#00f0ff;transform:translateY(-1px);box-shadow:0 6px 16px #00f0ff66}body:not(.dark-theme) .notetaker-modal-overlay{background-color:#0f172a66}body:not(.dark-theme) .notetaker-modal-card{background:#fff;border:1px solid #cbd5e1;box-shadow:0 20px 40px #0f172a1a}body:not(.dark-theme) .notetaker-modal-header h3{color:#0f172a}body:not(.dark-theme) .notetaker-modal-desc{color:#64748b}body:not(.dark-theme) .notetaker-modal-section-title{color:#475569}body:not(.dark-theme) .notetaker-modal-option-row{background:#f8fafc;border:1px solid #e2e8f0}body:not(.dark-theme) .notetaker-modal-option-row:hover{background:#f1f5f9;border-color:#cbd5e1}body:not(.dark-theme) .notetaker-modal-option-row.checked{background:#10b9810d;border-color:#10b98159}body:not(.dark-theme) .notetaker-modal-option-checkbox{border:1.5px solid #94a3b8}body:not(.dark-theme) .notetaker-modal-option-row.checked .notetaker-modal-option-checkbox{background:#10b981;border-color:#10b981}body:not(.dark-theme) .notetaker-modal-option-checkbox:after{background:#fff}body:not(.dark-theme) .notetaker-modal-option-text{color:#475569}body:not(.dark-theme) .notetaker-modal-option-row.checked .notetaker-modal-option-text{color:#0f172a}body:not(.dark-theme) .notetaker-modal-btn-cancel{color:#475569;background:#fff;border:1px solid #cbd5e1}body:not(.dark-theme) .notetaker-modal-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.notetaker-msg-bubble.user.highlighted-question .msg-text{color:#166534!important;background:#f0fdf4!important;border:1.5px solid #10b981!important;box-shadow:0 2px 8px #10b98114!important}.notetaker-translation-row.highlighted-question .notetaker-translation-card.original,.notetaker-translation-row.highlighted-question .notetaker-translation-card.translation{background:#f0fdf4!important;border:1.5px solid #10b981!important;box-shadow:0 2px 8px #10b98114!important}body.dark-theme{background:radial-gradient(circle at 10% 10%,#0b304c 0%,#030712 65%) no-repeat fixed!important}body.dark-theme .landing-page-root{color:#fff!important;background:0 0!important}body.dark-theme .landing-page-card,body.dark-theme .feature-card,body.dark-theme .faq-item{color:#fff!important;background:#080f1a!important;border-color:#121e33!important}body.dark-theme .hero-subtitle,body.dark-theme .section-subtitle,body.dark-theme .feature-desc,body.dark-theme .faq-subtitle{color:#94a3b8!important}body.dark-theme .faq-title,body.dark-theme .faq-trigger{color:#fff!important}body.dark-theme .faq-inner{color:#cbd5e1!important}body.dark-theme .faq-trigger i{color:#94a3b8!important}body.dark-theme .landing-page-root h1,body.dark-theme .landing-page-root h2,body.dark-theme .landing-page-root h3,body.dark-theme .landing-page-root h4,body.dark-theme .landing-page-root .slide-title,body.dark-theme .landing-page-root .footer-title,body.dark-theme .landing-page-root .role-card-title,body.dark-theme .landing-page-root .career-col-title{color:#fff!important}body.dark-theme .landing-page-root p,body.dark-theme .landing-page-root .slide-subtitle,body.dark-theme .landing-page-root .footer-desc,body.dark-theme .landing-page-root .role-card-subtitle{color:#94a3b8!important}body.dark-theme .notetaker-root{color:#fff!important;background:0 0!important}body.dark-theme .setup-navbar{background:#080f1a!important;border-bottom:1px solid #121e33!important;box-shadow:0 4px 20px #0003!important}body.dark-theme .setup-navbar-title{color:#fff!important}body.dark-theme .setup-tab-item{color:#94a3b8!important;background:0 0!important}body.dark-theme .setup-tab-item:hover{color:#fff!important;background:#ffffff14!important}body.dark-theme .setup-tab-item.active{color:#10b981!important;background:#10b98126!important}body.dark-theme .setup-navbar-right .setup-lang-picker{color:#94a3b8!important;background:#ffffff08!important;border-color:#121e33!important}body.dark-theme .setup-action-btn{color:#fff!important;background:#ffffff0d!important;border-color:#121e33!important}body.dark-theme .setup-action-btn.active{color:#fff!important;background:#10b981!important;border-color:#10b981!important}body.dark-theme .setup-logout-btn{color:#fff!important;border-color:#121e33!important}body.dark-theme .setup-logout-btn:hover{background:#ef44441a!important}body.dark-theme .notetaker-card{background:#080f1a!important;border:1px solid #121e33!important;box-shadow:0 10px 30px #0000004d!important}body.dark-theme .notetaker-card-header{border-bottom:1px solid #121e33!important}body.dark-theme .notetaker-card-title{color:#fff!important}body.dark-theme .notetaker-card-subtitle{color:#94a3b8!important}body.dark-theme .notetaker-label{color:#cbd5e1!important}body.dark-theme .notetaker-input,body.dark-theme .notetaker-select{color:#fff!important;background:#030712!important;border:1px solid #121e33!important}body.dark-theme .notetaker-input:focus,body.dark-theme .notetaker-select:focus{outline:none;border-color:#10b981!important}body.dark-theme .notetaker-input::placeholder{color:#64748b!important}body.dark-theme .notetaker-timer-circle{background:#030712!important;border-color:#121e33!important}body.dark-theme .notetaker-timer-val{color:#fff!important}body.dark-theme .notetaker-left-card .notetaker-timer-circle{background:#080f1a;outline-color:#065f46;border-color:#064e3b!important}body.dark-theme .notetaker-left-card .notetaker-timer-wrapper.recording .notetaker-timer-circle{outline-color:#10b981;border-color:#047857!important}body.dark-theme .notetaker-timer-status,body.dark-theme .notetaker-processing-copy{color:#94a3b8}body.dark-theme .notetaker-secondary-btn{color:#cbd5e1;background:#080f1a;border-color:#1e293b}body.dark-theme .notetaker-secondary-btn:hover{color:#6ee7b7;background:#0f2a24;border-color:#047857}body.dark-theme .notetaker-ai-translation{color:#cbd5e1;border-top-color:#1e293b}body.dark-theme .notetaker-ai-translation>span{color:#6ee7b7}body.dark-theme .notetaker-left-card .notetaker-footer-note{color:#94a3b8;background:#0f2a24}body.dark-theme .notetaker-header-tabs{background:#030712!important;border:1px solid #121e33!important}body.dark-theme .notetaker-header-tab-btn{color:#94a3b8!important}body.dark-theme .notetaker-header-tab-btn.active{color:#10b981!important;box-shadow:none!important;background:#121e33!important;border-bottom-color:#10b981!important}body.dark-theme .notetaker-header-tab-btn:hover,body.dark-theme .notetaker-ready-title{color:#fff!important}body.dark-theme .notetaker-ready-subtitle{color:#94a3b8!important}body.dark-theme .notetaker-ready-icon-box{color:#10b981!important;background:#10b9811a!important}body.dark-theme .notetaker-chat-input-area{border-top:1px solid #121e33!important}body.dark-theme .notetaker-chat-input{color:#fff!important;background:#030712!important;border:1px solid #121e33!important}body.dark-theme .notetaker-chat-input::placeholder,body.dark-theme .notetaker-chat-help{color:#64748b!important}body.dark-theme .notetaker-msg-bubble.user .msg-text{color:#fff!important;background:#121e33!important;border:1px solid #334155!important}body.dark-theme .notetaker-msg-bubble.ai .msg-text{color:#fff!important;background:#0b0f19!important;border:1px solid #121e33!important}body.dark-theme .notetaker-translation-card{color:#fff!important;background:#030712!important;border:1px solid #121e33!important}body.dark-theme .translation-card-text{color:#fff!important}body.dark-theme .translation-card-header{background:#ffffff05!important;border-bottom:1px solid #121e33!important}body.dark-theme .card-speaker{color:#94a3b8!important}body.dark-theme .notetaker-msg-bubble.user.highlighted-question .msg-text{color:#4ade80!important;background:#10b98126!important;border:1.5px solid #10b981!important}body.dark-theme .notetaker-translation-row.highlighted-question .notetaker-translation-card.original,body.dark-theme .notetaker-translation-row.highlighted-question .notetaker-translation-card.translation{background:#10b9811a!important;border:1.5px solid #10b981!important}body.dark-theme .notetaker-past-item{background:#080f1a!important;border:1px solid #121e33!important}body.dark-theme .notetaker-past-item:hover{background:#121e33!important}body.dark-theme .past-title{color:#fff!important}body.dark-theme .past-date{color:#64748b!important}body.dark-theme .past-duration{color:#94a3b8!important}body.dark-theme .notetaker-toolbar-btn{color:#cbd5e1!important;background:#ffffff08!important;border:1px solid #121e33!important}body.dark-theme .notetaker-toolbar-btn:hover{color:#fff!important;background:#ffffff14!important}body.dark-theme .notetaker-footer-strip{color:#64748b!important;border-top:1px solid #121e33!important}body.dark-theme .notetaker-footer-strip a{color:#64748b!important}body.dark-theme .notetaker-footer-strip a:hover{color:#10b981!important}body.dark-theme .notetaker-pill-tabs{background:#030712!important;border:1px solid #121e33!important}body.dark-theme .notetaker-pill-btn{color:#94a3b8!important}body.dark-theme .notetaker-pill-btn.active{color:#fff!important;background:#080f1a!important;box-shadow:0 2px 8px #0000004d!important}body.dark-theme .interview-panel-root{color:#fff!important;background:0 0!important}body.dark-theme .interview-panel-card,body.dark-theme .session-panel-column,body.dark-theme .dashboard-card,body.dark-theme .metric-card{background:#080f1a!important;border-color:#121e33!important}body.dark-theme .metric-value,body.dark-theme .panel-title,body.dark-theme .card-title{color:#fff!important}body.dark-theme .metric-label,body.dark-theme .panel-subtitle,body.dark-theme .card-desc{color:#94a3b8!important}body.dark-theme .interview-panel-root .chat-bubble-container--interviewer .chat-bubble-body,body.dark-theme .interview-panel-root .chat-bubble-container--candidate .chat-bubble-body{color:#f1f5f9!important;background:#121e33!important;border:none!important}body.dark-theme .interview-panel-root .chat-bubble-container--question .chat-bubble-body{color:#fff!important;background:#f97316!important;border:none!important}body.dark-theme .interview-panel-root .chat-bubble-container.chat-bubble--question-present .chat-bubble-body,body.dark-theme .interview-panel-root .chat-bubble-container--candidate.chat-bubble--question-present .chat-bubble-body,body.dark-theme .interview-panel-root .chat-bubble-container--interviewer.chat-bubble--question-present .chat-bubble-body{color:#fff!important;background:#22c55e1a!important;border:1px solid #22c55e8c!important}body.dark-theme .interview-panel-root .chat-bubble-container.chat-bubble--question-past .chat-bubble-body,body.dark-theme .interview-panel-root .chat-bubble-container--candidate.chat-bubble--question-past .chat-bubble-body,body.dark-theme .interview-panel-root .chat-bubble-container--interviewer.chat-bubble--question-past .chat-bubble-body{color:#fff!important;background:#ef44441a!important;border:1px solid #ef44448c!important}body.dark-theme .question-badge-pill{display:none!important}body.dark-theme .interview-panel-root .history-question-item{color:#f87171!important;background:#ef44441a!important;border-color:#ef444440!important}body.dark-theme .interview-panel-root .history-question-item:hover{color:#fca5a5!important;background:#ef444433!important}body.dark-theme .interview-panel-root .history-question-item.active{color:#34d399!important;background:#10b98126!important;border-color:#10b98166!important}body.dark-theme .interview-panel-root .history-question-item.active:hover{background:#10b98140!important}body.dark-theme .landing-page-root .slide,body.dark-theme #slide1{background:0 0!important}body.dark-theme #slide2,body.dark-theme #slide3,body.dark-theme #slide4,body.dark-theme #slide5,body.dark-theme #slide6{background:#030712!important}body.dark-theme .app-header{background:#0c121ed9!important;border-bottom:1px solid #121e33!important}body.dark-theme .app-header .logo-text{color:#fff!important}body.dark-theme .app-header .setup-tab-item{color:#94a3b8!important;background:0 0!important}body.dark-theme .app-header .setup-tab-item.active{color:#10b981!important;background:#10b98126!important}body.dark-theme .app-header .setup-tab-item:hover{color:#fff!important;background:#ffffff14!important}body.dark-theme .nav-actions .btn-login{color:#fff!important;border-color:#121e33!important}body.dark-theme .nav-actions .btn-login:hover{background:#ffffff0d!important}body.dark-theme .hero-title{color:#fff!important}body.dark-theme .hero-desc{color:#cbd5e1!important}body.dark-theme .rating-text{color:#94a3b8!important}body.dark-theme .features-list-row{color:#cbd5e1!important}body.dark-theme .badge-coach{color:#fff!important;background:#ffffff0d!important;border-color:#121e33!important}body.dark-theme .floating-badge{color:#fff!important;background:#080f1a!important;border-color:#121e33!important}body.dark-theme .badge-listening{color:#06b6d4!important;background:#06b6d41a!important}body.dark-theme .score-dots span{background:#334155!important}body.dark-theme .score-dots span.fill{background:#10b981!important}body.dark-theme .hero-img-card{background-color:#080f1a!important;border-color:#121e33!important}body.dark-theme .slider-dots .dot{background:#334155!important}body.dark-theme .slider-dots .dot.active{background:#10b981!important}body.dark-theme .app-footer{color:#64748b!important;background:#080f1a!important;border-top:1px solid #121e33!important}body.dark-theme .app-footer a{color:#64748b!important}body.dark-theme .app-footer a:hover{color:#10b981!important}body.dark-theme .session-subheader-row{background:#080f1a!important;border-bottom:1px solid #121e33!important}body.dark-theme .session-subheader-row .live-session-badge{color:#ea580c!important;background:#121e33!important}body.dark-theme .session-subheader-row .session-tech-text{color:#fff!important}body.dark-theme .session-subheader-row .toolbar-btn{color:#94a3b8!important;background:#030712!important;border:1px solid #121e33!important}body.dark-theme .session-subheader-row .interview-language-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0!important}body.dark-theme .session-subheader-row .interview-language-select option{color:#e2e8f0;background:#111827}body.dark-theme .session-subheader-row .toolbar-btn:hover{color:#fff!important;background:#121e33!important}body.dark-theme .session-subheader-row .session-timer-badge{color:#fff!important;background:#030712!important;border:1px solid #121e33!important}body.dark-theme .session-subheader-row .status-pill-btn.start-recording{color:#fff!important;background:#10b981!important}body.dark-theme .session-subheader-row .mic-pill-btn.off{color:#94a3b8!important;background:#121e33!important;border:1px solid #334155!important}body.dark-theme .session-subheader-row .mic-pill-btn.on{color:#fff!important;background:#ef4444!important;border:1px solid #ef4444!important}body.dark-theme .session-subheader-row .settings-gear-btn{color:#94a3b8!important;background:#030712!important;border:1px solid #121e33!important}body.dark-theme .session-subheader-row .settings-dropdown{color:#fff!important;background:#080f1a!important;border:1px solid #121e33!important}body.dark-theme .session-main-grid{background:0 0!important}body.dark-theme .card-question-history{background:#080f1a!important;border:1px solid #121e33!important;box-shadow:0 4px 10px #0000004d!important}body.dark-theme .history-tabs-header{background:#080f1a!important;border-bottom:1px solid #121e33!important}body.dark-theme .history-tab-btn{color:#94a3b8!important;background:0 0!important}body.dark-theme .history-tab-btn.active{color:#10b981!important;background:0 0!important;border-bottom:2px solid #10b981!important}body.dark-theme .live-chat-scroll{background:#080f1a!important}body.dark-theme .live-chat-placeholder{color:#64748b!important}body.dark-theme .setup-card{color:#fff!important;background:#080f1a!important;border-color:#121e33!important}body.dark-theme .setup-title{color:#fff!important}body.dark-theme .setup-subtitle{color:#94a3b8!important}body.dark-theme .setup-label{color:#cbd5e1!important}body.dark-theme .setup-input{color:#fff!important;background:#030712!important;border-color:#121e33!important}body.dark-theme .answer-title-text,body.dark-theme .answer-text-body{color:#fff!important}body.dark-theme .answer-text-body.code-mode{color:#fff!important;background:#030712!important;border:1px solid #121e33!important}body.dark-theme .answer-footer-row{border-top:1px solid #121e33!important}body.dark-theme .interview-panel-root .setup-overlay{background:radial-gradient(circle at 10% 10%,#0b304c 0%,#030712 65%) no-repeat fixed!important}body.dark-theme .interview-panel-root .setup-subheader-row{background:#080f1a!important;border-bottom:1px solid #121e33!important}body.dark-theme .interview-panel-root .crumb-home{color:#60a5fa!important;background:#2563eb26!important}body.dark-theme .interview-panel-root .crumb-home:hover{background:#2563eb40!important}body.dark-theme .interview-panel-root .crumb-copilot{color:#34d399!important;background:#10b98126!important}body.dark-theme .interview-panel-root .crumb-separator{color:#475569!important}body.dark-theme .interview-panel-root .setup-warning-pill{color:#fbbf24!important;background:#d9770626!important;border:1px solid #d977064d!important}body.dark-theme .interview-panel-root .setup-candidate-card{background:#080f1a!important;border:1px solid #121e33!important;box-shadow:0 4px 12px #0000004d!important}body.dark-theme .interview-panel-root .setup-candidate-card:hover{box-shadow:0 8px 20px #0006!important}body.dark-theme .interview-panel-root .candidate-avatar{border:1.5px solid #121e33!important}body.dark-theme .interview-panel-root .candidate-badge{border:1.5px solid #080f1a!important;box-shadow:0 2px 5px #0000004d!important}body.dark-theme .interview-panel-root .badge-blue{color:#60a5fa!important;background:#2563eb33!important}body.dark-theme .interview-panel-root .badge-green{color:#34d399!important;background:#10b98133!important}body.dark-theme .interview-panel-root .badge-orange{color:#ff9d5c!important;background:#f9731633!important}body.dark-theme .interview-panel-root .badge-pink{color:#f472b6!important;background:#ec489933!important}body.dark-theme .interview-panel-root .badge-cyan{color:#22d3ee!important;background:#06b6d433!important}body.dark-theme .interview-panel-root .badge-indigo{color:#818cf8!important;background:#6366f133!important}body.dark-theme .interview-panel-root .candidate-icon-left,body.dark-theme .interview-panel-root .candidate-icon-right{border:1.5px solid #080f1a!important;box-shadow:0 2px 5px #0000004d!important}body.dark-theme .interview-panel-root .candidate-role-name{color:#fff!important}body.dark-theme .interview-panel-root .candidate-desc{color:#94a3b8!important}body.dark-theme .interview-panel-root .suggest-list{background:#080f1a!important;border:1px solid #121e33!important;box-shadow:0 8px 24px #0006!important}body.dark-theme .interview-panel-root .suggest-item{color:#e2e8f0!important}body.dark-theme .interview-panel-root .suggest-item:hover{background:#ffffff0d!important}body.dark-theme .interview-panel-root .suggest-item span:last-child{color:#64748b!important}body.dark-theme .interview-panel-root .setup-footer-strip{color:#64748b!important;border-top:1px solid #121e33!important}body.dark-theme .interview-panel-root .setup-footer-strip a{color:#64748b!important}body.dark-theme .interview-panel-root .setup-footer-strip a:hover{color:#10b981!important}body.dark-theme .interview-panel-root .setup-ready-card{color:#fff!important;background:#080f1a!important;border:1px solid #121e33!important;box-shadow:0 15px 35px #0000004d!important}body.dark-theme .interview-panel-root .setup-ready-back-btn{color:#94a3b8!important;background:#030712!important;border:1px solid #121e33!important;box-shadow:0 2px 5px #0003!important}body.dark-theme .interview-panel-root .setup-ready-back-btn:hover{color:#fff!important;background:#ffffff0d!important;border-color:#334155!important}body.dark-theme .interview-panel-root .setup-ready-icon{color:#3b82f6!important;background:#2563eb26!important;box-shadow:0 4px 14px #2563eb40!important}body.dark-theme .interview-panel-root .setup-ready-title{color:#fff!important}body.dark-theme .interview-panel-root .setup-ready-subtitle{color:#60a5fa!important;background:#2563eb26!important}body.dark-theme .interview-panel-root .setup-ready-desc{color:#94a3b8!important}body.dark-theme .interview-panel-root .setup-ready-btn{background:#2563eb!important;box-shadow:0 4px 14px #2563eb66!important}body.dark-theme .interview-panel-root .setup-ready-btn:hover{background:#1d4ed8!important;box-shadow:0 6px 18px #2563eb80!important}body.dark-theme .interview-panel-root .session-modal-overlay{background-color:#000000b3!important}body.dark-theme .interview-panel-root .session-modal-card{background:#080f1a!important;border:1px solid #121e33!important;box-shadow:0 25px 50px -12px #00000080!important}body.dark-theme .interview-panel-root .session-modal-title-row i{color:#3b82f6!important}body.dark-theme .interview-panel-root .session-modal-title-row h3{color:#fff!important}body.dark-theme .interview-panel-root .session-modal-close-btn{color:#64748b!important}body.dark-theme .interview-panel-root .session-modal-close-btn:hover{color:#fff!important}body.dark-theme .interview-panel-root .session-modal-desc{color:#94a3b8!important}body.dark-theme .interview-panel-root .session-modal-option-card{background:#030712!important;border:1px solid #121e33!important}body.dark-theme .interview-panel-root .session-modal-option-icon{color:#3b82f6!important;background:#2563eb26!important}body.dark-theme .interview-panel-root .session-modal-option-title{color:#fff!important}body.dark-theme .interview-panel-root .session-modal-option-sub{color:#94a3b8!important}body.dark-theme .interview-panel-root .session-modal-divider{background-color:#121e33!important}body.dark-theme .interview-panel-root .session-modal-consent-checkbox{background:#030712!important;border:1.5px solid #475569!important}body.dark-theme .interview-panel-root .session-modal-consent-row:hover .session-modal-consent-checkbox{border-color:#94a3b8!important}body.dark-theme .interview-panel-root .session-modal-consent-row.checked .session-modal-consent-checkbox{background:#2563eb!important;border-color:#2563eb!important}body.dark-theme .interview-panel-root .session-modal-consent-text{color:#cbd5e1!important}body.dark-theme .interview-panel-root .session-modal-btn-cancel{color:#cbd5e1!important;background:#030712!important;border:1.5px solid #121e33!important}body.dark-theme .interview-panel-root .session-modal-btn-cancel:hover{color:#fff!important;background:#ffffff0d!important;border-color:#334155!important}body.dark-theme .interview-panel-root .session-modal-btn-start{background:#2563eb!important;box-shadow:0 4px 12px #2563eb33!important}body.dark-theme .interview-panel-root .session-modal-btn-start:hover:not(:disabled){background:#1d4ed8!important;box-shadow:0 6px 16px #2563eb4d!important}body.dark-theme .interview-panel-root .session-modal-btn-start:disabled{color:#ffffff80!important;opacity:.6!important;background:#2563eb66!important}body.dark-theme .interview-panel-root .settings-slider{background-color:#334155!important}body.dark-theme .interview-panel-root .settings-toggle input:checked+.settings-slider{background-color:#2563eb!important}body.dark-theme .interview-panel-root .badge-fastest{color:#60a5fa!important;background:#2563eb26!important}body.dark-theme .interview-panel-root .badge-alternative{color:#34d399!important;background:#10b98126!important}body.dark-theme .teleprompter-window-root{color:#fff!important;background:#030712!important;border-color:#121e33!important;box-shadow:0 10px 30px #0006!important}body.dark-theme .teleprompter-window-root .header{background:#080f1a!important;border-bottom:1px solid #121e33!important}body.dark-theme .teleprompter-window-root .header-title{color:#a78bfa!important}body.dark-theme .teleprompter-window-root .win-btn{color:#94a3b8!important}body.dark-theme .teleprompter-window-root .win-btn:hover{color:#fff!important;background:#ffffff14!important}body.dark-theme .teleprompter-window-root .output-panel{color:#fff!important;background:#080f1a!important;border:1px solid #121e33!important}body.dark-theme .teleprompter-window-root .output-panel::-webkit-scrollbar-thumb{background:#ffffff1a!important}body.dark-theme .teleprompter-window-root .output-question{color:#fff!important;border-left-color:#a78bfa!important}body.dark-theme .teleprompter-window-root .output-answer{color:#fff!important}body.dark-theme .teleprompter-window-root .output-placeholder{color:#64748b!important}body.dark-theme .teleprompter-window-root .btn-clear{color:#cbd5e1!important;background:#080f1a!important;border:1.5px solid #121e33!important}body.dark-theme .teleprompter-window-root .btn-clear:hover{color:#fff!important;background:#ffffff0d!important;border-color:#334155!important}body.dark-theme .teleprompter-window-root .footer{background:#080f1a!important;border-top:1px solid #121e33!important}body.dark-theme .teleprompter-window-root .input-box{color:#fff!important;background:#030712!important;border:1.5px solid #121e33!important}body.dark-theme .teleprompter-window-root .input-box:focus{border-color:#a78bfa!important;box-shadow:0 0 0 2px #a78bfa26!important}body.dark-theme .teleprompter-window-root .input-box::placeholder{color:#64748b!important}body.dark-theme .teleprompter-window-root .ai-loader{color:#94a3b8!important}.active-question-display{background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:4px;margin:8px 0;padding:8px 12px}body.dark-theme .active-question-display{background:#3b82f61a;border-left-color:#3b82f6}.glow-green-left .active-question-display{background:#10b9810d;border-left-color:#10b981}body.dark-theme .glow-green-left .active-question-display{background:#10b9811a;border-left-color:#10b981}.active-question-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:700;display:block}body.dark-theme .active-question-label{color:#94a3b8}.active-question-text-val{color:#0f172a;margin:0;font-size:13px;font-weight:500;line-height:1.4}body.dark-theme .active-question-text-val{color:#e2e8f0}.interview-panel-root .chat-meta-plain{flex-shrink:0;align-items:center;gap:6px;margin-bottom:0;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.interview-panel-root .chat-speaker-label-plain{color:#000;font-weight:800}.interview-panel-root .chat-meta-time-plain{color:#0000008c;font-weight:400}body.dark-theme .chat-speaker-label-plain{color:#fff!important}body.dark-theme .chat-meta-time-plain{color:#ffffff8c!important}.interview-panel-root .question-badge-pill-plain{color:#10b981;letter-spacing:.02em;background-color:#10b9811a;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-flex}.interview-panel-root .session-subheader-row .new-session-badge-btn{color:#fff;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2563eb;border:none;border-radius:999px;justify-content:center;align-items:center;padding:4.5px 12px;font-size:11px;font-weight:800;transition:background .2s,transform .1s;display:inline-flex;white-space:nowrap!important;flex-shrink:0!important}.interview-panel-root .session-subheader-row .new-session-badge-btn:hover{background:#1d4ed8}.interview-panel-root .session-subheader-row .new-session-badge-btn:active{transform:scale(.96)}body.dark-theme .session-subheader-row .new-session-badge-btn{background:#3b82f6}body.dark-theme .session-subheader-row .new-session-badge-btn:hover{background:#2563eb}body.dark-theme .landing-page-section{background:0 0!important}body.dark-theme .landing-page-root .sim-card,body.dark-theme .landing-page-root .auth-modal-card{color:#fff!important;background:#080f1a!important;border-color:#121e33!important}body.dark-theme .landing-page-root .sim-card:hover{background:#0b1528!important;border-color:#1a2c4c!important}body.dark-theme .landing-page-root .sim-card .card-title{color:#fff!important}body.dark-theme .landing-page-root .sim-card .card-desc{color:#cbd5e1!important}body.dark-theme .landing-page-root .card-feature,body.dark-theme .landing-page-root .card-reminder{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important}body.dark-theme .landing-page-root .card-feature:hover,body.dark-theme .landing-page-root .card-reminder:hover{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 10px 15px -3px #0000001a!important}body.dark-theme .landing-page-root .card-feature .card-title,body.dark-theme .landing-page-root .card-reminder .card-title{color:#0f172a!important}body.dark-theme .landing-page-root .card-feature .card-desc,body.dark-theme .landing-page-root .card-reminder .card-desc{color:#475569!important}body.dark-theme .landing-page-root .card-bullets li{color:#334155!important}body.dark-theme .landing-page-root .card-bullets li i{color:#10b981!important}body.dark-theme .landing-page-root .card-best-for.best-blue{color:#60a5fa!important;background:#2563eb26!important}body.dark-theme .landing-page-root .card-best-for.best-green{color:#34d399!important;background:#10b98126!important}body.dark-theme .landing-page-root .card-best-for.best-purple{color:#a78bfa!important;background:#8b5cf626!important}body.dark-theme .landing-page-root .card-best-for.best-cyan{color:#22d3ee!important;background:#06b6d426!important}body.dark-theme .session-panel-column.glow-blue-left{border:1px solid #ef444473!important;box-shadow:0 0 15px #ef444414!important}body.dark-theme .session-panel-column.glow-green-left{border:1px solid #00cbd673!important;box-shadow:0 0 15px #00cbd614!important}body.dark-theme .glow-blue-left .answer-title-text i,body.dark-theme .glow-blue-left .answer-title-text{color:#ef4444!important}body.dark-theme .glow-green-left .answer-title-text i,body.dark-theme .glow-green-left .answer-title-text{color:#00cbd6!important}body.dark-theme .glow-blue-left .active-question-display{background:#ef444414!important;border-left:3px solid #ef4444!important}body.dark-theme .glow-blue-left .active-question-label{color:#ef4444cc!important}body.dark-theme .glow-green-left .active-question-display{background:#00cbd614!important;border-left:3px solid #00cbd6!important}body.dark-theme .glow-green-left .active-question-label{color:#00cbd6cc!important}body.dark-theme .glow-blue-left .answer-footer-row{border-top:1px solid #ef44444d!important}body.dark-theme .glow-green-left .answer-footer-row{border-top:1px solid #00cbd64d!important}.interview-panel-root .setup-navbar-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex;overflow:visible!important}.interview-panel-root .setup-action-btn{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;display:flex}.interview-panel-root .btn-referral{color:#fff;background:#f59e0b;border:none}.interview-panel-root .btn-referral:hover{background:#d97706;transform:translateY(-1px)}.interview-panel-root .btn-referral i{color:#fff;margin-right:0}.btn-referral{color:#fff;background:#f59e0b}.btn-referral:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px #ea580c47}.landing-page-root .referral-card-btn{transform:translateY(0);color:#475569!important;cursor:pointer!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;height:40px!important;padding:0 16px!important;font-size:13px!important;font-weight:700!important;transition:background .2s,background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s!important;display:flex!important}.landing-page-root .referral-card-btn:hover,.landing-page-root .referral-card-btn:focus-visible{color:#fff!important;background:#f59e0b!important;border-color:#f59e0b!important;outline:none!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #f59e0b59!important}.landing-page-root .referral-card-btn i{color:inherit!important;transition:color .2s!important}.landing-page-root .referral-card-btn:hover i,.landing-page-root .referral-card-btn:focus-visible i{color:#fff!important}.landing-page-root .home-referral-action-button{color:#334155!important;cursor:pointer!important;background-color:#f1f5f9!important;background-image:none!important;border:none!important;transition:all .2s!important}.landing-page-root .home-referral-action-button:hover{color:#fff!important;background-color:#f59e0b!important;background-image:none!important}.landing-page-root .home-referral-action-button:hover i{color:#fff!important}@media (width>=1921px){.landing-page-root .slide{padding-left:calc(50vw - 740px);padding-right:calc(50vw - 740px)}.dashboard-content-container,.profile-content-container,.sub-scroll-container{max-width:1560px}}@media (width<=1560px){.landing-page-root .app-header,.setup-navbar,.interview-panel-root .setup-navbar{gap:8px;padding:0 20px}.setup-navbar-tabs{gap:2px}.setup-tab-item{gap:4px;padding:6px 7px;font-size:12px}.setup-navbar-right{gap:6px}.setup-action-btn{gap:5px;padding:7px 10px;font-size:11.5px}.landing-page-root .slide{padding:80px 48px 40px}.landing-page-root .slider-dots{right:14px}}@media (width<=1366px){.landing-page-root .app-header,.setup-navbar,.interview-panel-root .setup-navbar{height:62px;padding:0 14px}.landing-page-root .logo-text,.setup-navbar-title,.interview-panel-root .setup-navbar-title{font-size:15px}.setup-navbar-tabs{scrollbar-width:none;flex-shrink:1;gap:2px;min-width:0;overflow-x:auto}.setup-tab-item{padding:5px 6px;font-size:11.5px}.setup-action-btn{gap:4px;padding:6px 8px;font-size:11px}.setup-lang-picker,.landing-page-root .lang-picker{display:none!important}#slide1{grid-template-columns:1.15fr .85fr;gap:24px}.landing-page-root .hero-title{font-size:36px;line-height:1.15}.landing-page-root .hero-desc{max-width:460px;font-size:14px}.landing-page-root .hero-img-card{max-width:380px;height:330px}.landing-page-root .badge-feedback{max-width:190px;padding:6px 10px;font-size:11px;top:140px;left:-10px}.landing-page-root .grid-4{gap:16px;max-width:880px;grid-template-columns:repeat(2,1fr)!important}.landing-page-root .slide-title{font-size:30px}.landing-page-root .career-grid{gap:16px;max-width:880px;grid-template-columns:repeat(2,1fr)!important}.landing-page-root .career-img-header{height:140px}.landing-page-root .stats-row{gap:32px}.landing-page-root .community-layout{grid-template-columns:1fr 1fr;gap:24px}.landing-page-root .slider-dots{gap:8px;right:8px}.landing-page-root .dot{width:6px;height:6px}.interview-panel-root .setup-layout-grid{grid-template-columns:230px 1fr 230px;gap:16px;padding:0 16px}.interview-panel-root .candidate-avatar-container{width:75px;height:60px}.interview-panel-root .candidate-role-name{font-size:12.5px}.interview-panel-root .candidate-desc{font-size:10px}.interview-panel-root .session-main-grid{grid-template-columns:290px 1fr 1fr;gap:14px;padding:12px 16px}.notetaker-grid{grid-template-columns:320px 1fr;gap:12px;padding:0 16px 16px}}@media (width<=1180px){.landing-page-root .app-header,.setup-navbar,.interview-panel-root .setup-navbar{padding:0 10px}.setup-action-btn.btn-referral span,.setup-action-btn.btn-theme-toggle span{display:none}.landing-page-root .slide{padding:75px 24px 30px}#slide1{text-align:center;grid-template-columns:1fr;gap:28px}.landing-page-root .hero-left{text-align:center;align-items:center}.landing-page-root .hero-desc{text-align:center}.landing-page-root .hero-img-card{max-width:400px;height:300px;margin:0 auto}.interview-panel-root .setup-layout-grid{grid-template-columns:1fr;max-width:580px;margin:20px auto 10px}.interview-panel-root .setup-layout-grid .setup-column{display:none}.interview-panel-root .session-main-grid{grid-template-columns:250px 1fr 1fr;gap:10px;padding:10px 12px}.interview-panel-root .card-lbl-blue,.interview-panel-root .card-question-current .current-q-body{font-size:13px}.interview-panel-root .session-subheader-row{gap:8px;padding:6px 10px}.interview-panel-root .session-subheader-row .toolbar-btn{padding:4px 7px;font-size:10.5px}.landing-page-root .slider-dots{display:none}.notetaker-grid{grid-template-columns:280px 1fr;gap:10px}}.referral-page{color:#1a2035;box-sizing:border-box;background:#f4f6fb;width:100%;min-height:100vh;overflow-y:auto}.referral-page *,.referral-page :before,.referral-page :after{box-sizing:border-box}.referral-header{z-index:20;background:#fff;border-bottom:1px solid #e2e6ed;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.referral-header-left{align-items:center;gap:15px;display:flex}.referral-back-button{cursor:pointer;color:#3b4557;background:#fff;border:1px solid #dfe3eb;border-radius:12px;width:42px;height:42px;font-size:16px;transition:background .15s}.referral-back-button:hover{background:#f0f2f6}.referral-breadcrumb{color:#8892a4;margin-bottom:3px;font-size:12px}.referral-header h1{color:#1a2035;margin:0;font-size:20px;font-weight:700}.referral-header-actions{align-items:center;gap:10px;display:flex}.referral-theme-button,.referral-logout-button{cursor:pointer;color:#3b4557;background:#fff;border:1px solid #dfe3eb;border-radius:10px;height:40px;transition:background .15s}.referral-theme-button:hover,.referral-logout-button:hover{background:#f0f2f6}.referral-theme-button{width:40px}.referral-logout-button{align-items:center;gap:8px;padding:0 15px;display:flex}.referral-content{width:min(1120px,100% - 40px);margin:0 auto;padding:30px 0 60px}.referral-step-indicator{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.step{color:#8892a4;background:#e9edf3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.step.active{color:#fff;background:#1a2035}.step-line{background:#dce1e9;width:70px;height:2px}.referral-hero{color:#fff;background:linear-gradient(135deg,#1a2240,#2d3a5c);border-radius:24px;justify-content:space-between;align-items:center;min-height:245px;padding:38px 42px;display:flex;position:relative;overflow:hidden}.referral-hero-content{max-width:700px}.referral-eyebrow{background:#ffffff1f;border-radius:20px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.referral-hero h2{color:#fff;margin:18px 0 10px;font-size:38px;line-height:1.1}.referral-hero p{color:#c7cfe0;max-width:620px;margin:0;font-size:15px;line-height:1.7}.referral-user-greeting{color:#d5daea;margin-top:20px;font-size:14px}.referral-hero-icon{color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:145px;height:145px;font-size:62px;display:flex}.referral-progress-card{background:#fff;border:1px solid #e2e6ed;border-radius:20px;margin-top:22px;padding:27px 30px}.section-heading-row{justify-content:space-between;align-items:center;display:flex}.section-label{color:#7b8599;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;display:block}.section-heading-row h2{color:#1a2035;margin:7px 0 0;font-size:27px}.section-heading-row h2 span{color:#7b8599;margin-left:5px;font-size:15px}.progress-percentage{color:#1a2035;font-size:22px;font-weight:800}.progress-track{background:#edf0f5;border-radius:20px;height:11px;margin-top:22px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .35s}.progress-footer{color:#7b8599;justify-content:space-between;margin-top:12px;font-size:12px;display:flex}.referral-section,.referral-link-section,.top-circles-section{margin-top:42px}.section-title-block h2{color:#1a2035;margin:7px 0;font-size:25px}.section-title-block p{color:#6b7689;margin:0;font-size:14px}.milestone-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px;display:grid}.milestone-card{opacity:.75;background:#fff;border:1px solid #e2e6ed;border-radius:18px;padding:22px;transition:all .25s;position:relative}.milestone-card.unlocked{opacity:1;background:linear-gradient(135deg,#faf5ff,#f5f0ff);border-color:#8b5cf6;box-shadow:0 4px 18px #8b5cf626}.milestone-icon{color:#9ca3b0;background:#f0f2f7;border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;font-size:16px;display:flex}.milestone-card.unlocked .milestone-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 3px 10px #6366f14d}.milestone-count{color:#b0b7c3;margin-top:18px;font-size:12px;font-weight:700}.milestone-card.unlocked .milestone-count{color:#6b7689}.milestone-card h3{color:#8892a4;margin:5px 0;font-size:17px}.milestone-card.unlocked h3{color:#1a2035}.milestone-card p{color:#b0b7c3;margin:0;font-size:12px}.milestone-card.unlocked p{color:#6b7689}.milestone-status{color:#b0b7c3;align-items:center;gap:6px;margin-top:18px;font-size:11px;font-weight:700;display:flex}.milestone-card.unlocked .milestone-status{color:#16a34a}.community-reward-banner{background:#eef0f7;border-radius:18px;align-items:center;gap:18px;margin-top:25px;padding:24px;display:flex}.community-reward-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;display:flex}.community-reward-banner span{color:#7b8599;text-transform:uppercase;font-size:11px;font-weight:700}.community-reward-banner h3{color:#1a2035;margin:4px 0;font-size:18px}.community-reward-banner p{color:#6b7689;margin:0;font-size:12px}.active-friends-card{background:#fff;border:1px solid #e2e6ed;border-radius:18px;gap:16px;margin-top:18px;padding:23px;display:flex}.info-icon{color:#6366f1;flex-shrink:0;font-size:20px}.active-friends-card h3{color:#1a2035;margin:0 0 6px;font-size:16px}.active-friends-card p{color:#6b7689;margin:0;font-size:13px;line-height:1.6}.active-friends-card button{color:#6366f1;cursor:pointer;background:0 0;border:0;padding:10px 0 0;font-size:12px;font-weight:700}.active-friends-card button:hover{color:#4f46e5}.active-friends-card button i{margin-left:7px}.referral-stats-section{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.referral-stat-card{background:#fff;border:1px solid #e2e6ed;border-radius:16px;align-items:center;gap:14px;padding:20px;transition:box-shadow .2s;display:flex;box-shadow:0 2px 8px #0f172a0a}.referral-stat-card:hover{box-shadow:0 4px 16px #0f172a14}.referral-stat-icon{color:#7c3aed;background:#ede9fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.referral-stat-card span{color:#6b7689;margin-bottom:4px;font-size:13px;display:block}.referral-stat-card strong{color:#1a2035;font-size:24px;display:block}.referral-code-section{margin-bottom:24px}.referral-code-card{background:#fff;border:1px solid #e2e6ed;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.referral-code-value{align-items:center;gap:14px;display:flex}.referral-code-value i{color:#7c3aed;background:#ede9fe;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.referral-code-value strong{letter-spacing:1px;color:#1a2035;font-size:22px}.referral-earning-section{margin-bottom:24px}.earning-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.earning-card{text-align:center;background:#fff;border:1px solid #e2e6ed;border-radius:16px;padding:24px;transition:box-shadow .2s}.earning-card:hover{box-shadow:0 4px 16px #0f172a0f}.earning-card.primary{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#8b5cf6}.earning-icon{color:#7c3aed;margin-bottom:12px;font-size:22px}.earning-card span{color:#6b7689;font-size:13px;display:block}.earning-card strong{color:#1a2035;margin-top:8px;font-size:30px;display:block}.earning-card small{color:#7b8599;margin-top:4px;font-size:12px;display:block}.referral-link-card{background:#fff;border:1px solid #e2e6ed;border-radius:18px;grid-template-columns:1fr auto auto;gap:10px;margin-top:20px;padding:15px;display:grid}.referral-link-input{color:#4b5563;background:#f4f6fb;border-radius:11px;align-items:center;gap:10px;min-width:0;height:48px;padding:0 15px;display:flex}.referral-link-input span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.copy-button,.invite-button{cursor:pointer;border:0;border-radius:11px;padding:0 20px;font-size:13px;font-weight:700;transition:background .15s}.copy-button{color:#1a2035;background:#f0f2f7}.copy-button:hover{background:#e4e7ef}.invite-button{color:#fff;background:#6366f1}.invite-button:hover{background:#4f46e5}.copy-button:disabled,.invite-button:disabled{opacity:.5;cursor:not-allowed}.social-share-row{gap:10px;margin-top:14px;display:flex}.share-button{cursor:pointer;color:#3b4557;background:#fff;border:1px solid #e2e6ed;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.share-button:hover{background:#f4f6fb}.top-circles-empty{text-align:center;background:#fff;border:1px solid #e2e6ed;border-radius:18px;margin-top:20px;padding:50px 20px}.empty-icon{color:#7b8599;background:#f0f2f7;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 14px;display:flex}.top-circles-empty h3{color:#1a2035;margin:0;font-size:16px}.top-circles-empty p{color:#7b8599;margin:8px 0 0;font-size:13px}.btn-referral{border-color:#8b5cf666}.btn-referral i{color:#7c3aed;margin-right:8px}.referral-page.dark-theme{color:#e8ecf4;background:#0c1017}.referral-page.dark-theme .referral-header{background:#131923;border-color:#1e2a3a}.referral-page.dark-theme .referral-header h1{color:#e8ecf4}.referral-page.dark-theme .referral-back-button,.referral-page.dark-theme .referral-theme-button,.referral-page.dark-theme .referral-logout-button{color:#c8d0de;background:#1a2232;border-color:#283546}.referral-page.dark-theme .referral-back-button:hover,.referral-page.dark-theme .referral-theme-button:hover,.referral-page.dark-theme .referral-logout-button:hover{background:#1f2a3c}.referral-page.dark-theme .referral-progress-card{background:#131923;border-color:#1e2a3a}.referral-page.dark-theme .section-heading-row h2,.referral-page.dark-theme .progress-percentage{color:#e8ecf4}.referral-page.dark-theme .progress-track{background:#1e2a3a}.referral-page.dark-theme .section-label,.referral-page.dark-theme .section-heading-row h2 span,.referral-page.dark-theme .progress-footer{color:#6b7a90}.referral-page.dark-theme .section-title-block h2{color:#e8ecf4}.referral-page.dark-theme .section-title-block p{color:#6b7a90}.referral-page.dark-theme .milestone-card{opacity:.7;background:#131923;border-color:#1e2a3a}.referral-page.dark-theme .milestone-card.unlocked{opacity:1;background:linear-gradient(135deg,#171230,#1a1535);border-color:#7c3aed;box-shadow:0 4px 18px #8b5cf633}.referral-page.dark-theme .milestone-icon{color:#4b5563;background:#1e2a3a}.referral-page.dark-theme .milestone-card.unlocked .milestone-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.referral-page.dark-theme .milestone-card h3{color:#4b5c70}.referral-page.dark-theme .milestone-card.unlocked h3{color:#e8ecf4}.referral-page.dark-theme .milestone-card p{color:#3b4a5c}.referral-page.dark-theme .milestone-card.unlocked p{color:#6b7a90}.referral-page.dark-theme .milestone-count{color:#3b4a5c}.referral-page.dark-theme .milestone-card.unlocked .milestone-count{color:#6b7a90}.referral-page.dark-theme .milestone-status{color:#3b4a5c}.referral-page.dark-theme .milestone-card.unlocked .milestone-status{color:#4ade80}.referral-page.dark-theme .community-reward-banner{background:#151d2b}.referral-page.dark-theme .community-reward-banner h3{color:#e8ecf4}.referral-page.dark-theme .community-reward-banner span,.referral-page.dark-theme .community-reward-banner p{color:#6b7a90}.referral-page.dark-theme .active-friends-card{background:#131923;border-color:#1e2a3a}.referral-page.dark-theme .active-friends-card h3{color:#e8ecf4}.referral-page.dark-theme .active-friends-card p{color:#6b7a90}.referral-page.dark-theme .active-friends-card button,.referral-page.dark-theme .info-icon{color:#a78bfa}.referral-page.dark-theme .referral-stat-card{background:#131923;border-color:#1e2a3a;box-shadow:0 2px 8px #0003}.referral-page.dark-theme .referral-stat-icon{color:#a78bfa;background:#8b5cf626}.referral-page.dark-theme .referral-stat-card span{color:#6b7a90}.referral-page.dark-theme .referral-stat-card strong{color:#e8ecf4}.referral-page.dark-theme .referral-code-card{background:#131923;border-color:#1e2a3a}.referral-page.dark-theme .referral-code-value i{color:#a78bfa;background:#8b5cf626}.referral-page.dark-theme .referral-code-value strong{color:#e8ecf4}.referral-page.dark-theme .earning-card{background:#131923;border-color:#1e2a3a}.referral-page.dark-theme .earning-card.primary{background:linear-gradient(135deg,#1a1530,#1e1640);border-color:#7c3aed}.referral-page.dark-theme .earning-card span{color:#6b7a90}.referral-page.dark-theme .earning-card strong{color:#e8ecf4}.referral-page.dark-theme .earning-card small{color:#6b7a90}.referral-page.dark-theme .earning-icon{color:#a78bfa}.referral-page.dark-theme .referral-link-card{background:#131923;border-color:#1e2a3a}.referral-page.dark-theme .referral-link-input{color:#8892a4;background:#0c1017}.referral-page.dark-theme .copy-button{color:#c8d0de;background:#1e2a3a}.referral-page.dark-theme .copy-button:hover{background:#253445}.referral-page.dark-theme .invite-button{color:#fff;background:#6366f1}.referral-page.dark-theme .invite-button:hover{background:#5558e8}.referral-page.dark-theme .share-button{color:#c8d0de;background:#131923;border-color:#1e2a3a}.referral-page.dark-theme .share-button:hover{background:#1a2232}.referral-page.dark-theme .top-circles-empty{background:#131923;border-color:#1e2a3a}.referral-page.dark-theme .top-circles-empty h3{color:#e8ecf4}.referral-page.dark-theme .empty-icon,.referral-page.dark-theme .step{color:#6b7a90;background:#1e2a3a}.referral-page.dark-theme .step.active{color:#fff;background:#6366f1}.referral-page.dark-theme .step-line{background:#1e2a3a}@media (width<=1280px){.referral-stats-section,.milestone-grid{grid-template-columns:repeat(2,1fr);gap:12px}.referral-content{width:min(100% - 40px,1140px)}}@media (width<=900px){.milestone-grid{grid-template-columns:repeat(2,1fr)}.referral-link-card{grid-template-columns:1fr}.referral-hero-icon{display:none}.referral-stats-section{grid-template-columns:repeat(2,1fr)}.earning-grid{grid-template-columns:1fr}}@media (width<=600px){.referral-header{padding:0 15px}.referral-content{width:calc(100% - 24px)}.referral-hero{padding:28px}.referral-hero h2{font-size:29px}.milestone-grid{grid-template-columns:1fr}.social-share-row{flex-wrap:wrap}.referral-logout-button{padding:0 12px;font-size:0}.referral-logout-button i{font-size:14px}.referral-stats-section{grid-template-columns:1fr}.referral-code-card{flex-direction:column;align-items:stretch}}.sidebar{height:100dvh;width:var(--sidebar-width);background:var(--color-bg-surface);border-right:1px solid var(--color-border);z-index:var(--z-sidebar);transition:transform var(--transition-base), width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.sidebar--collapsed{width:var(--sidebar-collapsed-width)}@media (width>=769px) and (hover:hover) and (pointer:fine){.sidebar.sidebar--collapsed:hover{width:var(--sidebar-width);z-index:calc(var(--z-sidebar) + 20);box-shadow:6px 0 24px #00000038}.sidebar.sidebar--collapsed:hover .sidebar__brand-text,.sidebar.sidebar--collapsed:hover .sidebar__section-label,.sidebar.sidebar--collapsed:hover .sidebar__nav-label,.sidebar.sidebar--collapsed:hover .sidebar__nav-badge,.sidebar.sidebar--collapsed:hover .sidebar__footer-brand,.sidebar.sidebar--collapsed:hover .sidebar__collapse-label{opacity:1!important;pointer-events:auto!important;width:auto!important}.sidebar.sidebar--collapsed:hover .sidebar__nav-item{justify-content:flex-start!important}.sidebar.sidebar--collapsed:hover .sidebar__nav-item:hover:after{display:none!important}}@media (width<=768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.sidebar--open{transform:translate(0)}.sidebar.sidebar--open .sidebar__brand-text,.sidebar.sidebar--open .sidebar__section-label,.sidebar.sidebar--open .sidebar__nav-label,.sidebar.sidebar--open .sidebar__nav-badge,.sidebar.sidebar--open .sidebar__footer-brand{opacity:1!important;pointer-events:auto!important;width:auto!important}.sidebar.sidebar--open .sidebar__nav-item{justify-content:flex-start!important}.sidebar__collapse-btn{display:none!important}}.sidebar-overlay{z-index:calc(var(--z-sidebar) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn var(--transition-fast) ease;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-overlay.sidebar-overlay--visible{display:block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar__brand{align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);border-bottom:1px solid var(--color-border);min-height:var(--topbar-height);flex-shrink:0;text-decoration:none;display:flex;overflow:hidden}.sidebar__brand-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent), #a78bfa);width:32px;height:32px;font-weight:var(--font-bold);font-size:var(--text-sm);color:#fff;letter-spacing:-.5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__brand-text{transition:opacity var(--transition-base), width var(--transition-base);overflow:hidden}.sidebar__brand-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);white-space:nowrap;letter-spacing:-.2px}.sidebar__brand-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;margin-top:1px}.sidebar--collapsed .sidebar__brand-text{opacity:0;width:0}.sidebar__nav{padding:var(--sp-3) var(--sp-2);gap:var(--sp-1);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar__section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-2) var(--sp-3) var(--sp-1);white-space:nowrap;transition:opacity var(--transition-base);overflow:hidden}.sidebar--collapsed .sidebar__section-label{opacity:0}.sidebar__nav-item{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;min-height:38px;text-decoration:none;display:flex;position:relative}.sidebar__nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.sidebar__nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.sidebar__nav-item--active{background:var(--color-accent-subtle);color:var(--color-accent)}.sidebar__nav-item--active:hover{background:var(--color-accent-subtle-hover);color:var(--color-accent-hover)}.sidebar__nav-item--active:before{content:"";border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--color-accent);width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sidebar__nav-label{transition:opacity var(--transition-base), width var(--transition-base);flex:1;overflow:hidden}.sidebar--collapsed .sidebar__nav-label{opacity:0;width:0}.sidebar__nav-badge{transition:opacity var(--transition-base);flex-shrink:0;margin-left:auto}.sidebar--collapsed .sidebar__nav-badge{opacity:0}.sidebar--collapsed .sidebar__nav-item{justify-content:center}@media (width>=769px){.sidebar--collapsed .sidebar__nav-item:hover:after{content:attr(data-label);left:calc(var(--sidebar-collapsed-width) + 8px);background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--sp-1) var(--sp-2-5);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;pointer-events:none;z-index:calc(var(--z-sidebar) + 30);animation:.12s fadeIn;position:fixed;box-shadow:0 4px 12px #00000040}}.sidebar__footer{border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:0;display:flex}.sidebar__footer-brand{padding:var(--sp-2) var(--sp-4);transition:opacity var(--transition-base);align-items:center;display:flex;overflow:hidden}.sidebar--collapsed .sidebar__footer-brand{opacity:0;pointer-events:none}.sidebar__footer-version{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;font-family:var(--font-mono)}.sidebar__collapse-btn{justify-content:center;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border:none;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border-radius:0;min-height:38px;display:flex}.sidebar__collapse-btn:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.sidebar__collapse-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.sidebar__collapse-label{transition:opacity var(--transition-base), width var(--transition-base);overflow:hidden}.sidebar--collapsed .sidebar__collapse-label{opacity:0;width:0}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.25em;padding:.2em .6em;line-height:1;display:inline-flex}.badge--default{background:var(--color-bg-elevated);color:var(--color-text-secondary);border-color:var(--color-border)}.badge--accent{background:var(--color-accent-subtle);color:var(--color-accent);border-color:#6c63ff40}.badge--success{background:var(--color-success-subtle);color:var(--color-success);border-color:#22c55e40}.badge--warning{background:var(--color-warning-subtle);color:var(--color-warning);border-color:#f59e0b40}.badge--danger{background:var(--color-danger-subtle);color:var(--color-danger);border-color:#ef444440}.badge--info{background:var(--color-info-subtle);color:var(--color-info);border-color:#3b82f640}.badge__dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:.4em;height:.4em}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);-webkit-user-select:none;user-select:none;vertical-align:middle;border:1px solid #0000;flex-shrink:0;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--xs{height:26px;padding:0 var(--sp-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--sm{height:32px;padding:0 var(--sp-3);font-size:var(--text-sm)}.btn--md{height:38px;padding:0 var(--sp-4);font-size:var(--text-sm)}.btn--lg{height:44px;padding:0 var(--sp-5);font-size:var(--text-base)}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--primary:active:not(:disabled){background:var(--color-accent-active);border-color:var(--color-accent-active)}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-focus)}.btn--secondary:active:not(:disabled){background:var(--color-bg-active)}.btn--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--ghost:active:not(:disabled){background:var(--color-bg-active)}.btn--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger);box-shadow:var(--shadow-xs)}.btn--danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn--danger-outline{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn--danger-outline:hover:not(:disabled){background:var(--color-danger-subtle)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--loading{pointer-events:none;position:relative}.btn--full{width:100%}.btn--icon-only{width:38px;padding:0}.btn--icon-only.btn--xs{width:26px}.btn--icon-only.btn--sm{width:32px}.btn--icon-only.btn--lg{width:44px}.btn__spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card--elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-md)}.card--ghost{box-shadow:none;background:0 0;border-color:#0000}.card--interactive{cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.card--interactive:hover{background:var(--color-bg-elevated);border-color:var(--color-border-focus);box-shadow:var(--shadow-md)}.card--interactive:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card__header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.card__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--sp-1)}.card__body{padding:var(--sp-5)}.card__body--flush{padding:0}.card__footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--color-border);background:var(--color-bg-elevated);justify-content:flex-end;align-items:center;gap:var(--sp-3);display:flex}.stat-card{gap:var(--sp-3);padding:var(--sp-5);flex-direction:column;display:flex}.stat-card__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.stat-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card__icon--accent{background:var(--color-accent-subtle);color:var(--color-accent)}.stat-card__icon--success{background:var(--color-success-subtle);color:var(--color-success)}.stat-card__icon--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.stat-card__icon--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.stat-card__icon--info{background:var(--color-info-subtle);color:var(--color-info)}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1}.stat-card__meta{font-size:var(--text-xs);color:var(--color-text-muted)}.dropdown{display:inline-flex;position:relative}.dropdown__menu{top:calc(100% + var(--sp-1));background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--sp-1);animation:dropdownIn var(--transition-fast) ease;outline:none;position:absolute;right:0}.dropdown__menu--left{left:0;right:auto}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown__item{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;text-decoration:none;display:flex}.dropdown__item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.dropdown__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.dropdown__item--danger{color:var(--color-danger)}.dropdown__item--danger:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.dropdown__item:disabled,.dropdown__item[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.dropdown__divider{background:var(--color-border);height:1px;margin:var(--sp-1) 0}.dropdown__label{padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.field__label--required:after{content:" *";color:var(--color-danger)}.input{width:100%;height:38px;padding:0 var(--sp-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);appearance:none;outline:none;line-height:1}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled):not(.input--error){border-color:var(--color-text-muted)}.input:focus:not(.input--error){border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-surface)}.input--error{border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 3px var(--color-danger-subtle)}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .input{padding-left:var(--sp-3);padding-right:var(--sp-3)}.input-wrapper--left-icon .input{padding-left:2.25rem}.input-wrapper--right-icon .input{padding-right:2.25rem}.input-icon{color:var(--color-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-icon--left{left:var(--sp-3)}.input-icon--right{right:var(--sp-3);pointer-events:auto;cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:0}.input-icon--right:hover{color:var(--color-text-primary)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field__error{font-size:var(--text-xs);color:var(--color-danger);align-items:center;gap:var(--sp-1);display:flex}.select{width:100%;height:38px;padding:0 2.25rem 0 var(--sp-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234f5570' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;outline:none}.select:hover:not(:disabled){border-color:var(--color-text-muted)}.select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.select:disabled{opacity:.5;cursor:not-allowed}.textarea{width:100%;padding:var(--sp-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);resize:vertical;min-height:96px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.textarea::placeholder{color:var(--color-text-muted)}.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.checkbox,.radio{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xs);cursor:pointer;width:16px;height:16px;accent-color:var(--color-accent);flex-shrink:0}.radio{border-radius:var(--radius-full)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--sp-4);animation:backdropIn var(--transition-fast) ease;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100dvh - 2rem);z-index:var(--z-modal);animation:modalIn var(--transition-base) ease;flex-direction:column;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:920px}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.modal__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--sp-1)}.modal__close{width:30px;height:30px;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.modal__body{padding:var(--sp-5) var(--sp-6);flex:1;overflow-y:auto}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--color-border);background:var(--color-bg-elevated);flex-shrink:0;display:flex}.modal--confirm .modal__body{text-align:center;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-6);flex-direction:column;display:flex}.modal__confirm-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.modal__confirm-icon--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.modal__confirm-icon--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.modal__confirm-description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:340px;line-height:var(--leading-relaxed)}.spinner{border-radius:var(--radius-full);border-style:solid;border-color:var(--color-border);border-top-color:var(--color-accent);flex-shrink:0;animation:.65s linear infinite spin;display:inline-block}.spinner--xs{border-width:2px;width:12px;height:12px}.spinner--sm{border-width:2px;width:18px;height:18px}.spinner--md{border-width:3px;width:28px;height:28px}.spinner--lg{border-width:3px;width:40px;height:40px}.page-loader{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-16);flex-direction:column;min-height:320px;display:flex}.page-loader__text{font-size:var(--text-sm);color:var(--color-text-muted)}.skeleton{background:var(--color-bg-elevated);border-radius:var(--radius-sm);animation:1.6s ease-in-out infinite skeleton-pulse;display:block}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-table{gap:var(--sp-3);padding:var(--sp-4);flex-direction:column;display:flex}.skeleton-row{align-items:center;gap:var(--sp-4);display:flex}.empty-state{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-16) var(--sp-8);text-align:center;flex-direction:column;min-height:280px;display:flex}.empty-state__icon{border-radius:var(--radius-xl);background:var(--color-bg-elevated);width:56px;height:56px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.empty-state__description{font-size:var(--text-sm);color:var(--color-text-muted);max-width:320px;line-height:var(--leading-relaxed)}.error-state{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-8);text-align:center;flex-direction:column;display:flex}.error-state__icon{color:var(--color-danger)}.error-state__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.error-state__message{font-size:var(--text-sm);color:var(--color-text-muted);max-width:320px}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.table th{padding:var(--sp-3) var(--sp-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.table th.sortable:hover{color:var(--color-text-secondary)}.table th.sort-asc,.table th.sort-desc{color:var(--color-accent)}.table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast)}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--color-bg-elevated)}.table tbody tr.row--selected{background:var(--color-accent-subtle)}.table td{padding:var(--sp-3) var(--sp-4);color:var(--color-text-secondary);vertical-align:middle}.table td.td--primary{color:var(--color-text-primary);font-weight:var(--font-medium)}.table td.td--mono{font-family:var(--font-mono);font-size:var(--text-xs)}.table .col-check{width:44px;padding-right:0}.table .col-actions{text-align:right;width:120px}.pagination{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--color-border);background:var(--color-bg-elevated);flex-wrap:wrap;display:flex}.pagination__info{font-size:var(--text-sm);color:var(--color-text-muted)}.pagination__controls{align-items:center;gap:var(--sp-1);display:flex}.pagination__btn{min-width:32px;height:32px;padding:0 var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.pagination__btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-focus)}.pagination__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pagination__btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination__btn--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.profile-trigger{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-2);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);font-family:var(--font-sans);border:none;display:flex}.profile-trigger:hover{background:var(--color-bg-hover)}.profile-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.profile-trigger__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent), #a78bfa);width:30px;height:30px;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;letter-spacing:-.3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-trigger__info{text-align:left;flex-direction:column;min-width:0;max-width:130px;display:flex}@media (width<=640px){.profile-trigger__info{display:none}}.profile-trigger__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.profile-trigger__role{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize;line-height:1.25}.profile-trigger__chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.profile-trigger--open .profile-trigger__chevron{transform:rotate(180deg)}.profile-menu{top:calc(100% + var(--sp-2));background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:240px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:profileMenuIn var(--transition-fast) ease;position:absolute;right:0;overflow:hidden}@keyframes profileMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.profile-menu__header{padding:var(--sp-4);align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--color-border);display:flex}.profile-menu__avatar-lg{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent), #a78bfa);width:40px;height:40px;font-size:var(--text-base);font-weight:var(--font-bold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-menu__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-menu__email{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.profile-menu__section{padding:var(--sp-1)}.profile-menu__divider{background:var(--color-border);height:1px;margin:0}.profile-menu__item{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;min-height:36px;display:flex}.profile-menu__item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.profile-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.profile-menu__item--danger{color:var(--color-danger)}.profile-menu__item--danger:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.profile-menu__item-icon{color:var(--color-text-muted);flex-shrink:0;align-items:center;display:flex}.profile-menu__item--danger .profile-menu__item-icon{color:var(--color-danger)}.profile-menu__item-right{flex-shrink:0;margin-left:auto}.profile-menu__soon{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-bg-active);color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;padding:1px 6px}.theme-selector{align-items:center;gap:var(--sp-1);display:flex}.theme-option{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-surface);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-option:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.theme-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px}.theme-option--active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.profile-dropdown-wrap{position:relative}.notification-popover-wrap{align-items:center;display:inline-flex;position:relative}.notification-popover__trigger{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);position:relative}.notification-popover__trigger--active,.notification-popover__trigger:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.icon-btn__badge{border-radius:var(--radius-full);background:var(--color-danger,#ef4444);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:var(--font-bold,700);text-align:center;pointer-events:none;border:1.5px solid var(--color-bg-surface,#0f172a);box-sizing:border-box;padding:0 4px;line-height:16px;position:absolute;top:2px;right:2px}.notification-popover{background:var(--color-bg-surface,#1e293b);border:1px solid var(--color-border,#334155);border-radius:var(--radius-lg,12px);width:360px;z-index:calc(var(--z-topbar,100) + 10);flex-direction:column;animation:.15s ease-out notificationPopoverFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 30px -4px #0006,0 6px 12px -4px #0000004d}@keyframes notificationPopoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notification-popover__header{padding:var(--sp-3,12px) var(--sp-4,16px);border-bottom:1px solid var(--color-border,#334155);background:var(--color-bg-subtle,#ffffff05);justify-content:space-between;align-items:center;display:flex}.notification-popover__title-group{justify-content:space-between;align-items:center;width:100%;display:flex}.notification-popover__title-left{align-items:center;gap:8px;display:flex}.notification-popover__title{font-size:var(--text-sm,13px);font-weight:var(--font-bold,700);color:var(--color-text-primary,#f8fafc);letter-spacing:-.01em}.notification-popover__count-pill{font-size:11px;font-weight:var(--font-semibold,600);border-radius:var(--radius-full,9999px);color:var(--color-accent,#6366f1);background:#6366f126;padding:1px 7px}.notification-popover__mark-all-btn{font-size:11px;font-weight:var(--font-medium,500);color:var(--color-text-muted,#94a3b8);cursor:pointer;border-radius:var(--radius-sm,4px);transition:color var(--transition-fast,.15s), background var(--transition-fast,.15s);background:0 0;border:none;align-items:center;gap:5px;padding:3px 6px;display:inline-flex}.notification-popover__mark-all-btn:hover:not(:disabled){color:var(--color-accent,#6366f1);background:var(--color-bg-hover,#ffffff0d)}.notification-popover__mark-all-btn:disabled{opacity:.5;cursor:not-allowed}.notification-popover__tabs{padding:6px var(--sp-4,16px);background:var(--color-bg-subtle,#ffffff03);border-bottom:1px solid var(--color-border,#334155);gap:4px;display:flex}.notification-popover__tab{font-size:11px;font-weight:var(--font-medium,500);color:var(--color-text-muted,#94a3b8);border-radius:var(--radius-sm,4px);cursor:pointer;transition:all var(--transition-fast,.15s);background:0 0;border:none;padding:4px 10px}.notification-popover__tab:hover{color:var(--color-text-primary,#f8fafc);background:var(--color-bg-hover,#ffffff0a)}.notification-popover__tab--active{color:var(--color-text-primary,#f8fafc);background:var(--color-bg-hover,#ffffff14);font-weight:var(--font-semibold,600)}.notification-popover__content{overscroll-behavior:contain;max-height:380px;overflow-y:auto}.notification-popover__list{flex-direction:column;display:flex}.notification-popover__item{border-bottom:1px solid var(--color-border-subtle,#ffffff0d);cursor:pointer;transition:background var(--transition-fast,.15s);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;padding:10px 16px;display:flex}.notification-popover__item:last-child{border-bottom:none}.notification-popover__item:hover{background:var(--color-bg-hover,#ffffff0a)}.notification-popover__item--unread{background:#6366f10d}.notification-popover__item--unread:hover{background:#6366f11a}.notification-popover__item-icon{border-radius:var(--radius-md,8px);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.notification-popover__item-icon--referral{color:#10b981;background:#10b98126}.notification-popover__item-icon--user{color:#3b82f6;background:#3b82f626}.notification-popover__item-icon--admin_security{color:#f59e0b;background:#f59e0b26}.notification-popover__item-icon--campaign{color:#a855f7;background:#a855f726}.notification-popover__item-icon--system{color:#94a3b8;background:#94a3b826}.notification-popover__item-body{flex:1;min-width:0}.notification-popover__item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.notification-popover__item-title{font-size:12px;font-weight:var(--font-semibold,600);color:var(--color-text-primary,#f8fafc);line-height:1.35}.notification-popover__item-desc{color:var(--color-text-muted,#94a3b8);word-break:break-word;margin-top:3px;font-size:11px;line-height:1.4}.notification-popover__item-meta{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.notification-popover__item-time{color:var(--color-text-subtle,#64748b);font-size:10px}.notification-popover__unread-dot{background:var(--color-accent,#6366f1);width:6px;height:6px;box-shadow:0 0 5px var(--color-accent,#6366f1);border-radius:50%}.notification-item__priority-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.notification-item__priority-dot--critical{background:#ef4444;box-shadow:0 0 6px #ef444499}.notification-item__priority-dot--high{background:#f97316}.notification-item__priority-dot--medium{background:#3b82f6}.notification-item__priority-dot--low{background:#64748b}.notification-popover__empty{text-align:center;color:var(--color-text-subtle,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:36px 20px;display:flex}.notification-popover__empty svg{color:var(--color-text-subtle,#64748b);margin-bottom:4px}.notification-popover__empty-title{font-size:13px;font-weight:var(--font-semibold,600);color:var(--color-text-primary,#f8fafc)}.notification-popover__empty-desc{color:var(--color-text-muted,#94a3b8);font-size:11px}.notification-popover__loading{color:var(--color-text-muted,#94a3b8);justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:12px;display:flex}.notification-popover__spinner{border:2px solid var(--color-border,#334155);border-top-color:var(--color-accent,#6366f1);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.notification-popover__pagination{border-top:1px solid var(--color-border,#334155);background:var(--color-bg-subtle,#ffffff05);justify-content:space-between;align-items:center;padding:8px 16px;font-size:11px;display:flex}.notification-popover__page-info{color:var(--color-text-muted,#94a3b8);font-weight:var(--font-medium,500)}.notification-popover__page-btn{border-radius:var(--radius-sm,4px);border:1px solid var(--color-border,#334155);background:var(--color-bg-surface,#1e293b);color:var(--color-text-secondary,#cbd5e1);font-size:11px;font-weight:var(--font-medium,500);cursor:pointer;transition:all var(--transition-fast,.15s);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.notification-popover__page-btn:hover:not(:disabled){background:var(--color-bg-hover,#334155);color:var(--color-text-primary,#f8fafc);border-color:var(--color-border-hover,#475569)}.notification-popover__page-btn:disabled{opacity:.4;cursor:not-allowed}.notification-popover__footer{border-top:1px solid var(--color-border,#334155);background:var(--color-bg-subtle,#ffffff05);text-align:center;padding:8px 16px}.notification-popover__action-link{font-size:11px;font-weight:var(--font-medium,500);color:var(--color-accent,#6366f1);transition:color var(--transition-fast,.15s);text-decoration:none;display:inline-block}.notification-popover__action-link:hover{color:var(--color-accent-hover,#818cf8);text-decoration:underline}@media (width<=480px){.notification-popover{width:320px;right:-50px}}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-topbar);padding:0 var(--sp-5);align-items:center;gap:var(--sp-3);transition:left var(--transition-base), background var(--transition-base), border-color var(--transition-base);display:flex;position:fixed;right:0}.topbar--collapsed{left:var(--sidebar-collapsed-width)}@media (width<=768px){.topbar{padding:0 var(--sp-4);left:0!important}}.topbar .topbar__menu-btn,button.topbar__menu-btn{display:none}@media (width<=768px){.topbar .topbar__menu-btn,button.topbar__menu-btn{display:inline-flex}}.topbar__title-wrap{flex:1;min-width:0}.topbar__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar__actions{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.topbar__divider{background:var(--color-border);width:1px;height:20px;margin:0 var(--sp-1);flex-shrink:0}@media (width<=640px){.topbar__divider{display:none}}.app-shell{background:var(--color-bg);height:100dvh;display:flex;overflow:hidden}.app-content{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-content--collapsed{margin-left:var(--sidebar-collapsed-width)}@media (width<=768px){.app-content{margin-left:0!important}}.app-main{padding:var(--sp-6);padding-top:calc(var(--topbar-height) + var(--sp-6));flex:1;overflow:hidden auto}@media (width<=640px){.app-main{padding:var(--sp-4);padding-top:calc(var(--topbar-height) + var(--sp-4))}}.auth-shell{background:var(--color-bg);min-height:100dvh;padding:var(--sp-4);justify-content:center;align-items:center;display:flex}.date-range-filter{align-items:center;gap:var(--sp-2);display:inline-flex}.date-range-filter__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.date-range-filter__buttons{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;padding:2px;display:inline-flex}.date-range-filter__btn{color:var(--color-text-secondary);font-size:var(--font-size-xs);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;padding:4px 12px;font-weight:600}.date-range-filter__btn:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-elevated)}.date-range-filter__btn--active,.date-range-filter__btn--active:hover{color:#fff;background-color:var(--color-accent);box-shadow:var(--shadow-sm)}.date-range-filter__btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-kpi-grid{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.stat-card--loading{gap:var(--sp-3);flex-direction:column;display:flex}.stat-card__skeleton-icon{border-radius:var(--radius-md)}.stat-card__skeleton-val{margin:var(--sp-1) 0}@media (width<=1024px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dashboard-kpi-grid{grid-template-columns:1fr}}.user-growth-card{width:100%}.user-growth-skeleton{padding:var(--sp-2) 0}.user-growth-chart-container{-webkit-user-select:none;user-select:none;width:100%;height:240px;position:relative}.user-growth-tooltip{background-color:var(--color-bg-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);pointer-events:none;white-space:nowrap}.user-growth-tooltip__date{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:2px}.user-growth-tooltip__value{align-items:center;gap:var(--sp-2);font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex}.user-growth-tooltip__dot{background-color:var(--color-accent);border-radius:50%;width:8px;height:8px}.session-overview-card{height:100%}.session-overview-skeleton{gap:var(--sp-4);flex-direction:column;display:flex}.session-overview-skeleton__row{justify-content:space-between;display:flex}.session-overview-stats{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.session-stat-box{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-3);flex-direction:column;display:flex}.session-stat-box__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:4px}.session-stat-box__value{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:2px;font-weight:700}.session-stat-box__hint{color:var(--color-text-secondary);font-size:11px}.session-tech-section{gap:var(--sp-3);flex-direction:column;display:flex}.session-tech-title{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--sp-2) 0;font-weight:600}.session-tech-list{gap:var(--sp-3);flex-direction:column;display:flex}.session-tech-item{flex-direction:column;gap:4px;display:flex}.session-tech-item__meta{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.session-tech-item__name{color:var(--color-text-primary);font-weight:600}.session-tech-item__counts{align-items:center;gap:var(--sp-2);display:flex}.session-tech-item__pct{color:var(--color-text-secondary);font-size:11px}.session-tech-bar{background-color:var(--color-bg-elevated);border-radius:999px;width:100%;height:6px;overflow:hidden}.session-tech-bar__fill{background-color:var(--color-info);height:100%;transition:width var(--transition-base);border-radius:999px}.feature-usage-card{height:100%}.feature-usage-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.feature-stat-item{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base);display:flex}.feature-stat-item:hover{border-color:var(--color-border-hover)}.feature-stat-item--loading{padding:var(--sp-3)}.feature-stat-item__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.feature-stat-item__icon--accent{color:var(--color-accent);background-color:#6c63ff26}.feature-stat-item__icon--info{color:var(--color-info);background-color:#00c2ff26}.feature-stat-item__icon--success{color:var(--color-success);background-color:#00d68f26}.feature-stat-item__icon--warning{color:var(--color-warning);background-color:#ffaa0026}.feature-stat-item__icon--default{background-color:var(--color-bg-surface);color:var(--color-text-secondary)}.feature-stat-item__content{flex-direction:column;flex:1;display:flex}.feature-stat-item__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.feature-stat-item__value{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:700;line-height:1.2}.feature-stat-item__desc{color:var(--color-text-secondary);font-size:11px}.recent-activity-card{width:100%}.activity-list-skeleton{padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.activity-item-skeleton{align-items:center;gap:var(--sp-3);display:flex}.activity-item-skeleton__dot{border-radius:50%}.activity-list{divide-y:1px solid var(--color-border);margin:0;padding:0;list-style:none}.activity-item{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast);display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover,.activity-item:focus-visible{background-color:var(--color-bg-elevated);outline:none}.activity-item__indicator{margin-top:6px}.activity-item__dot{background-color:var(--color-text-secondary);border-radius:50%;width:8px;height:8px;display:block}.activity-item__dot--accent{background-color:var(--color-accent);box-shadow:0 0 6px #6c63ff66}.activity-item__dot--success{background-color:var(--color-success);box-shadow:0 0 6px #00d68f66}.activity-item__dot--warning{background-color:var(--color-warning);box-shadow:0 0 6px #fa06}.activity-item__dot--danger{background-color:var(--color-danger);box-shadow:0 0 6px #ff3d7166}.activity-item__dot--info{background-color:var(--color-info);box-shadow:0 0 6px #00c2ff66}.activity-item__main{flex:1;min-width:0}.activity-item__header{align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:4px;display:flex}.activity-item__title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.activity-item__details{gap:var(--sp-2);flex-wrap:wrap;display:flex}.activity-item__tag{color:var(--color-text-secondary);background-color:var(--color-bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:1px 6px;font-size:11px}.activity-item__tag code{color:var(--color-text-primary);font-family:monospace}.activity-item__time{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;padding-left:var(--sp-2);margin-left:auto}@media (width<=640px){.activity-item{align-items:flex-start;gap:var(--sp-2);flex-direction:column}.activity-item__time{margin-left:0;padding-left:0}}.ai-model-card{margin-bottom:var(--sp-6)}.ai-model-content{gap:var(--sp-4);flex-direction:column;display:flex}.ai-model-bar{border-radius:var(--radius-full,9999px);background-color:var(--color-bg-subtle,#ffffff0d);gap:2px;width:100%;height:12px;display:flex;overflow:hidden}.ai-model-bar__segment{min-width:4px;height:100%;transition:width .3s}.ai-model-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.ai-model-item{padding:var(--sp-3);background-color:var(--color-bg-subtle,#ffffff05);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--sp-2);flex-direction:column;display:flex}.ai-model-item--loading{gap:var(--sp-2)}.ai-model-item__header{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.ai-model-item__title-row{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.ai-model-item__color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ai-model-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ai-model-item__stats{padding-top:var(--sp-1);border-top:1px dashed var(--color-border);justify-content:space-between;align-items:baseline;display:flex}.ai-model-item__count{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.ai-model-item__unit{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.ai-model-item__percentage{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.ai-model-skeleton{gap:var(--sp-4);flex-direction:column;display:flex}.ai-model-skeleton__bar{border-radius:var(--radius-full,9999px)}.top-users-card{margin-bottom:var(--sp-6)}.top-users-table{width:100%}.top-users-rank{border-radius:var(--radius-full,9999px);width:26px;height:26px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;background-color:var(--color-bg-subtle,#ffffff0d);color:var(--color-text-muted);border:1px solid var(--color-border);justify-content:center;align-items:center;display:inline-flex}.top-users-rank-skeleton{border-radius:var(--radius-full,9999px)}.top-users-rank--1{color:#fbbf24;background:linear-gradient(135deg,#eab30833,#eab3080d);border-color:#eab30880}.top-users-rank--2{color:#e2e8f0;background:linear-gradient(135deg,#94a3b840,#94a3b80d);border-color:#94a3b880}.top-users-rank--3{color:#f59e0b;background:linear-gradient(135deg,#d9770633,#d977060d);border-color:#d9770680}.top-users-user-cell{align-items:center;gap:var(--sp-2);display:flex}.top-users-avatar{background-color:var(--color-accent-subtle);width:28px;height:28px;color:var(--color-accent);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-users-name{font-weight:var(--font-weight-medium)}.top-users-no-name{color:var(--color-text-muted);font-style:italic}.top-users-usage-badge{border-radius:var(--radius-full,9999px);color:var(--color-text-primary,#f8fafc);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);background:#10b98114;border:1px solid #10b98133;align-items:baseline;gap:3px;padding:2px 8px;display:inline-flex}.top-users-usage-val{color:var(--color-success,#10b981);font-variant-numeric:tabular-nums}.top-users-usage-unit{color:var(--color-text-muted,#94a3b8);text-transform:uppercase;font-size:10px}.top-users-sessions{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}.ai-credit-card{flex-direction:column;height:100%;display:flex}.ai-credit-grid{flex-direction:column;gap:16px;display:flex}.ai-credit-item{background:var(--color-bg-subtle,#ffffff08);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);transition:border-color var(--transition-fast,.15s ease);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ai-credit-item:hover{border-color:var(--color-border-hover,var(--color-border))}.ai-credit-item--warning{background:#f59e0b08;border-color:#f59e0b59}.ai-credit-item--critical,.ai-credit-item--almost_exhausted,.ai-credit-item--exhausted{background:#ef44440a;border-color:#ef444466}.ai-credit-item__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-credit-item__provider{align-items:center;gap:8px;display:flex}.ai-credit-item__name{font-size:var(--font-size-sm,14px);color:var(--color-text-primary);font-weight:600}.ai-credit-item__badge-wrap{align-items:center;display:flex}.ai-credit-item__progress-bar{background:var(--color-bg-surface-2,#ffffff14);border-radius:9999px;width:100%;height:8px;overflow:hidden}.ai-credit-item__progress-fill{border-radius:9999px;height:100%;transition:width .3s}.ai-credit-item__progress-fill--normal{background:var(--color-success,#10b981)}.ai-credit-item__progress-fill--warning{background:var(--color-warning,#f59e0b)}.ai-credit-item__progress-fill--critical,.ai-credit-item__progress-fill--almost_exhausted,.ai-credit-item__progress-fill--exhausted{background:var(--color-danger,#ef4444)}.ai-credit-item__stats{font-size:var(--font-size-xs,12px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-credit-item__consumption{color:var(--color-text-primary);font-weight:600;font-family:var(--font-mono,monospace)}.ai-credit-item__pct{color:var(--color-text-muted);margin-left:6px;font-weight:500}.ai-credit-item__remaining{font-weight:500;font-family:var(--font-mono,monospace)}.ai-credit-item__remaining--normal{color:var(--color-success,#10b981)}.ai-credit-item__remaining--warning{color:var(--color-warning,#f59e0b)}.ai-credit-item__remaining--danger{color:var(--color-danger,#ef4444)}.ai-credit-item__subtext{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.ai-credit-item__advisory{border-radius:var(--radius-sm,6px);align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:500;display:flex}.ai-credit-item__advisory--warning{color:var(--color-warning,#f59e0b);background:#f59e0b1a;border:1px solid #f59e0b33}.ai-credit-item__advisory--danger{color:var(--color-danger,#ef4444);background:#ef44441a;border:1px solid #ef444433}.ai-credit-footer-note{color:var(--color-text-muted);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;font-size:11px;display:flex}.ai-credit-skeleton-list{flex-direction:column;gap:16px;display:flex}.ai-credit-skeleton-item{border:1px solid var(--color-border);border-radius:var(--radius-md,8px);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.dashboard-page{gap:var(--sp-6);padding:var(--sp-6);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex}.dashboard-page__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.dashboard-page__title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin:0 0 var(--sp-1) 0;letter-spacing:-.02em;font-weight:700}.dashboard-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.dashboard-page__controls{align-items:center;gap:var(--sp-3);margin-top:4px;display:flex}.dashboard-page__refresh-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-surface);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.dashboard-page__refresh-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background-color:var(--color-bg-elevated)}.dashboard-page__refresh-btn--spinning svg{animation:.8s linear infinite spin}.dashboard-page__section{width:100%}.dashboard-page__split-grid{gap:var(--sp-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=1024px){.dashboard-page__split-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-page{padding:var(--sp-4);gap:var(--sp-4)}.dashboard-page__header{flex-direction:column;align-items:flex-start}.dashboard-page__controls{justify-content:space-between;width:100%}}.users-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.users-toolbar__left{align-items:center;gap:var(--sp-3);flex-wrap:wrap;flex:1;min-width:280px;display:flex}.users-toolbar__search{flex:1;min-width:200px;max-width:340px}.users-toolbar__filter,.users-toolbar__sort{width:140px}.users-toolbar__right{align-items:center;gap:var(--sp-3);display:flex}.users-toolbar__count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}.users-toolbar__spin{animation:.8s linear infinite spin}@media (width<=768px){.users-toolbar,.users-toolbar__left{flex-direction:column;align-items:stretch}.users-toolbar__search,.users-toolbar__filter,.users-toolbar__sort{width:100%;max-width:100%}.users-toolbar__right{justify-content:space-between}}.users-table-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.users-table__user-info{align-items:center;gap:var(--sp-2);display:flex}.users-table__avatar{background-color:var(--color-accent-subtle);width:28px;height:28px;color:var(--color-accent);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.users-table__user-name{font-weight:var(--font-weight-medium)}.users-table__no-name{color:var(--color-text-muted);font-style:italic}.users-table__actions{justify-content:flex-end;align-items:center;gap:var(--sp-1);display:flex}.users-table__btn-delete:hover{color:var(--color-danger)}.users-table__ref-code{font-family:var(--font-mono,monospace);font-size:var(--font-size-xs,12px);color:var(--color-text-secondary);background-color:var(--color-bg-subtle,#ffffff0d);border-radius:var(--radius-sm,4px);border:1px solid var(--color-border);padding:2px 6px;display:inline-block}.users-table__credit-badge{border-radius:var(--radius-full,9999px);color:var(--color-text-primary,#f8fafc);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);background:#6366f114;border:1px solid #6366f133;align-items:baseline;gap:3px;padding:2px 8px;display:inline-flex}.users-table__credit-val{color:var(--color-accent,#6366f1);font-variant-numeric:tabular-nums}.users-table__credit-unit{color:var(--color-text-muted,#94a3b8);text-transform:uppercase;font-size:10px}.users-table__usage-badge{border-radius:var(--radius-full,9999px);color:var(--color-text-primary,#f8fafc);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);background:#10b98114;border:1px solid #10b98133;align-items:baseline;gap:3px;padding:2px 8px;display:inline-flex}.users-table__usage-val{color:var(--color-success,#10b981);font-variant-numeric:tabular-nums}.users-table__usage-unit{color:var(--color-text-muted,#94a3b8);text-transform:uppercase;font-size:10px}.users-table__storage-badge{border-radius:var(--radius-full,9999px);color:var(--color-text-primary,#f8fafc);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);background:#0ea5e914;border:1px solid #0ea5e940;align-items:baseline;gap:3px;padding:2px 8px;display:inline-flex}.users-table__storage-val{color:#38bdf8;font-variant-numeric:tabular-nums}.users-table__pagination{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--color-border)}.user-details-modal__grid{gap:var(--sp-4);padding:var(--sp-2) 0;grid-template-columns:repeat(2,1fr);display:grid}.user-details-modal__item{gap:var(--sp-1);flex-direction:column;display:flex}.user-details-modal__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.user-details-modal__value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.user-details-modal__value.mono{font-family:var(--font-family-mono);word-break:break-all}.user-details-modal__value.session-count strong{font-size:var(--font-size-base);color:var(--color-accent)}.user-details-modal__footer{justify-content:space-between;align-items:center;width:100%;display:flex}.user-details-modal__actions-left{align-items:center;gap:var(--sp-2);display:flex}.user-details-modal__loading{gap:var(--sp-3);padding:var(--sp-2) 0;flex-direction:column;display:flex}@media (width<=600px){.user-details-modal__grid{grid-template-columns:1fr}}.users-page{gap:var(--sp-4);flex-direction:column;display:flex}.users-page__header{margin-bottom:var(--sp-1);justify-content:space-between;align-items:center;display:flex}.users-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--sp-1)}.users-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.users-page__alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;animation:.2s fadeIn;display:flex}.users-page__alert--success{background-color:var(--color-accent-subtle);color:var(--color-accent);border:1px solid var(--color-accent)}.users-page__alert--error{background-color:var(--color-danger-subtle);color:var(--color-danger);border:1px solid var(--color-danger)}.users-page__alert-close{font-size:var(--font-size-lg);cursor:pointer;color:inherit;padding:0 var(--sp-1);background:0 0;border:none;line-height:1}.admin-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.admin-toolbar__left{align-items:center;gap:var(--sp-3);flex-wrap:wrap;flex:1;min-width:280px;display:flex}.admin-toolbar__search{flex:1;min-width:200px;max-width:320px}.admin-toolbar__filter{width:130px}.admin-toolbar__sort{width:140px}.admin-toolbar__right{align-items:center;gap:var(--sp-3);display:flex}.admin-toolbar__count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}.admin-toolbar__spin{animation:.8s linear infinite spin}@media (width<=768px){.admin-toolbar,.admin-toolbar__left{flex-direction:column;align-items:stretch}.admin-toolbar__search,.admin-toolbar__filter,.admin-toolbar__sort{width:100%;max-width:100%}.admin-toolbar__right{justify-content:space-between}}.admin-table-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.admin-table__user-info{align-items:center;gap:var(--sp-2);display:flex}.admin-table__avatar{background-color:var(--color-accent-subtle);width:28px;height:28px;color:var(--color-accent);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-table__user-name{font-weight:var(--font-weight-medium);align-items:center;gap:var(--sp-1);display:flex}.admin-table__self-tag{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-normal)}.admin-table__no-name{color:var(--color-text-muted);font-style:italic}.admin-table__actions{justify-content:flex-end;align-items:center;gap:var(--sp-1);display:flex}.admin-table__btn-delete:hover{color:var(--color-danger)}.admin-table__pagination{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--color-border)}.admin-details-modal__grid{gap:var(--sp-4);padding:var(--sp-2) 0;grid-template-columns:repeat(2,1fr);display:grid}.admin-details-modal__item{gap:var(--sp-1);flex-direction:column;display:flex}.admin-details-modal__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.admin-details-modal__value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.admin-details-modal__value.mono{font-family:var(--font-family-mono);word-break:break-all}.admin-details-modal__footer{justify-content:space-between;align-items:center;width:100%;display:flex}.admin-details-modal__actions-left{align-items:center;gap:var(--sp-2);display:flex}@media (width<=600px){.admin-details-modal__grid{grid-template-columns:1fr}}.create-admin-modal__form{gap:var(--sp-3);padding:var(--sp-2) 0;flex-direction:column;display:flex}.create-admin-modal__pwd-input-group{gap:var(--sp-2);display:flex}.create-admin-modal__pwd-input-group .input{flex:1}.create-admin-modal__footer{justify-content:flex-end;align-items:center;gap:var(--sp-2);width:100%;display:flex}.create-admin-modal__error{padding:var(--sp-3);background-color:var(--color-danger-subtle);border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.create-admin-modal__banner{gap:var(--sp-3);padding:var(--sp-3) 0;flex-direction:column;display:flex}.create-admin-modal__banner-header strong{color:var(--color-accent)}.create-admin-modal__banner-header p{margin:var(--sp-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.create-admin-modal__pwd-box{padding:var(--sp-3) var(--sp-4);background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.create-admin-modal__pwd-value{font-family:var(--font-family-mono);font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:.05em;word-break:break-all}.create-admin-modal__banner-warning{font-size:var(--font-size-xs);color:var(--color-warning);margin:0}.admin-users-page{gap:var(--sp-4);flex-direction:column;display:flex}.admin-users-page__header{margin-bottom:var(--sp-1);justify-content:space-between;align-items:center;display:flex}.admin-users-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--sp-1)}.admin-users-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.admin-users-page__alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;animation:.2s fadeIn;display:flex}.admin-users-page__alert--success{background-color:var(--color-accent-subtle);color:var(--color-accent);border:1px solid var(--color-accent)}.admin-users-page__alert--error{background-color:var(--color-danger-subtle);color:var(--color-danger);border:1px solid var(--color-danger)}.admin-users-page__alert-close{font-size:var(--font-size-lg);cursor:pointer;color:inherit;padding:0 var(--sp-1);background:0 0;border:none;line-height:1}.perm-page{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}.perm-page__header{margin-bottom:1.75rem}.perm-page__title{color:var(--text-primary,#0f172a);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.625rem;font-weight:700}.perm-page__desc{color:var(--text-secondary,#64748b);margin:0;font-size:.9375rem}.perm-layout{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1024px){.perm-layout{grid-template-columns:1fr}}.perm-selector{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);padding:1.25rem;box-shadow:0 1px 3px #0000000a}.perm-selector__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.perm-selector__title{color:var(--text-primary,#0f172a);margin:0;font-size:1rem;font-weight:600}.perm-selector__count{background:var(--bg-subtle,#f1f5f9);color:var(--text-secondary,#64748b);border-radius:9999px;padding:.125rem .5rem;font-size:.8125rem;font-weight:600}.perm-selector__search{margin-bottom:1rem}.perm-selector__list{flex-direction:column;gap:.5rem;max-height:calc(100vh - 300px);display:flex;overflow-y:auto}.perm-selector__skeleton{background:var(--bg-subtle,#f1f5f9);border-radius:var(--radius-md,8px);height:64px;margin-bottom:.5rem;animation:1.5s infinite pulse}.perm-selector__empty{text-align:center;color:var(--text-muted,#94a3b8);padding:2rem 1rem;font-size:.875rem}.perm-user-item{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);border-radius:var(--radius-md,8px);text-align:left;cursor:pointer;align-items:center;gap:.75rem;width:100%;padding:.75rem .875rem;transition:all .15s;display:flex}.perm-user-item:hover{background:var(--bg-hover,#f8fafc);border-color:var(--border-hover,#cbd5e1)}.perm-user-item--active{background:var(--accent-light,#eff6ff);border-color:var(--accent-primary,#2563eb);box-shadow:0 0 0 1px var(--accent-primary,#2563eb)}.perm-user-item__avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.perm-user-item__body{flex:1;min-width:0}.perm-user-item__top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.125rem;display:flex}.perm-user-item__name{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.perm-user-item__email{color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.75rem;overflow:hidden}.perm-user-item__bottom{justify-content:space-between;align-items:center;font-size:.6875rem;display:flex}.perm-tag{border-radius:4px;padding:1px 6px;font-weight:500}.perm-tag--custom{color:#d97706;background:#f59e0b26}.perm-tag--default{background:var(--bg-subtle,#f1f5f9);color:var(--text-muted,#64748b)}.perm-user-item__perms-count{color:var(--text-muted,#94a3b8)}.perm-detail{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);padding:1.5rem;box-shadow:0 1px 3px #0000000a}.perm-user-header{border-bottom:1px solid var(--border-color,#e2e8f0);margin-bottom:1.5rem;padding-bottom:1.5rem}.perm-user-header__profile{align-items:center;gap:1.25rem;display:flex}.perm-user-header__avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:700;display:flex}.perm-user-header__name-row{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:.25rem;display:flex}.perm-user-header__name{color:var(--text-primary,#0f172a);margin:0;font-size:1.25rem;font-weight:700}.perm-user-header__email{color:var(--text-secondary,#64748b);margin-bottom:.375rem;font-size:.875rem}.perm-user-header__meta{color:var(--text-muted,#94a3b8);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.perm-user-header__dot{font-weight:700}.perm-banner{border-radius:var(--radius-md,8px);align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.4;display:flex}.perm-banner--info{color:#1d4ed8;background:#3b82f614;border:1px solid #3b82f640}.perm-banner--warning{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b40}.perm-user-header__audit-note{color:var(--text-secondary,#64748b);align-items:center;gap:.5rem;margin-top:.875rem;font-size:.8125rem;display:flex}.perm-matrix-wrapper{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);margin-bottom:1.5rem;overflow-x:auto}.perm-matrix{border-collapse:collapse;text-align:center;width:100%;font-size:.875rem}.perm-matrix__th{background:var(--bg-subtle,#f8fafc);color:var(--text-secondary,#475569);border-bottom:1px solid var(--border-color,#e2e8f0);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:.75rem 1rem;font-size:.8125rem;font-weight:600}.perm-matrix__th--section{text-align:left;min-width:200px}.perm-matrix__row:hover{background:var(--bg-hover,#f8fafc)}.perm-matrix__cell{border-bottom:1px solid var(--border-color,#e2e8f0);padding:.875rem 1rem}.perm-matrix__cell--section{text-align:left}.perm-section-cell__name{color:var(--text-primary,#0f172a);margin-bottom:.125rem;font-weight:600;display:block}.perm-section-cell__desc{color:var(--text-secondary,#64748b);font-size:.75rem;line-height:1.3;display:block}.perm-na{color:var(--text-muted,#cbd5e1);font-size:1rem;font-weight:700}.perm-matrix__checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.perm-matrix__checkbox{width:18px;height:18px;accent-color:var(--accent-primary,#2563eb);cursor:pointer}.perm-matrix__checkbox:disabled{cursor:not-allowed;opacity:.6}.perm-footer-toolbar{border-top:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.perm-footer-toolbar__status{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.perm-footer-toolbar__status--dirty{color:#d97706;font-weight:500}.perm-footer-toolbar__status--clean{color:var(--text-muted,#94a3b8)}.perm-footer-toolbar__buttons{align-items:center;gap:.75rem;display:flex}.perm-alert{border-radius:var(--radius-md,8px);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.perm-alert--success{color:#15803d;background:#22c55e1a;border:1px solid #22c55e4d}.perm-alert--error{color:#b91c1c;background:#ef44441a;border:1px solid #ef44444d}.error-logs-page{gap:var(--sp-5,20px);flex-direction:column;width:100%;animation:.15s ease-out fadeIn;display:flex}.error-logs-page__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4,16px);flex-wrap:wrap;display:flex}.error-logs-page__title{font-size:var(--font-size-2xl,1.75rem);font-weight:var(--font-weight-bold,700);color:var(--color-text-primary,#0f172a);letter-spacing:-.025em;margin:0 0 4px;line-height:1.25}.error-logs-page__subtitle{font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary,#64748b);max-width:720px;margin:0;line-height:1.5}.error-logs-stats-grid{gap:var(--sp-4,16px);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=1280px){.error-logs-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.error-logs-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.error-logs-stats-grid{grid-template-columns:1fr}}.stat-card--active-filter{border-color:var(--color-primary,#6366f1)!important;box-shadow:0 0 0 2px var(--color-primary-subtle,#6366f133), var(--shadow-sm,0 1px 2px #0000000d)!important}.error-logs-toolbar{gap:var(--sp-3,12px);padding:var(--sp-4,16px);background:var(--color-bg-surface,var(--color-surface,#fff));border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,.5rem);box-shadow:var(--shadow-sm,0 1px 2px #0000000a);flex-direction:column;display:flex}.error-logs-toolbar__top{justify-content:space-between;align-items:center;gap:var(--sp-3,12px);flex-wrap:wrap;display:flex}.error-logs-search-wrapper{flex:1;align-items:center;min-width:260px;max-width:460px;display:flex;position:relative}.error-logs-search-icon{color:var(--color-text-tertiary,#94a3b8);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:12px}.error-logs-search-input{width:100%;height:38px;font-size:var(--font-size-sm,.875rem);border:1px solid var(--color-border,#cbd5e1);border-radius:var(--radius-md,.375rem);background:var(--color-bg,#f8fafc);color:var(--color-text-primary,#0f172a);transition:border-color var(--transition-fast,.15s), box-shadow var(--transition-fast,.15s), background-color var(--transition-fast,.15s);outline:none;padding:0 32px 0 36px}.error-logs-search-input:focus{background:var(--color-bg-surface,var(--color-surface,#fff));border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px var(--color-primary-subtle,#6366f11f)}.error-logs-search-input::placeholder{color:var(--color-text-tertiary,#94a3b8);font-size:var(--font-size-sm,.875rem)}.error-logs-search-clear{color:var(--color-text-tertiary,#94a3b8);cursor:pointer;transition:color var(--transition-fast,.15s), background var(--transition-fast,.15s);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;line-height:1;display:flex;position:absolute;right:10px}.error-logs-search-clear:hover{color:var(--color-text-primary,#0f172a);background:var(--color-bg-secondary,#f1f5f9)}.error-logs-source-filters{background:var(--color-bg-secondary,var(--color-bg,#f1f5f9));border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,.375rem);align-items:center;gap:2px;padding:3px;display:inline-flex}.error-logs-source-btn{font-size:var(--font-size-xs,.8125rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#64748b);border-radius:var(--radius-sm,.25rem);cursor:pointer;transition:all var(--transition-fast,.15s);-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:6px 14px}.error-logs-source-btn:hover{color:var(--color-text-primary,#0f172a);background:#0000000a}.error-logs-source-btn.active,.error-logs-source-btn--active{font-weight:var(--font-weight-semibold,600);box-shadow:0 1px 3px #0000001f;background:var(--color-primary,#6366f1)!important;color:#fff!important}.error-logs-toolbar__actions{align-items:center;gap:var(--sp-2,8px);margin-left:auto;display:flex}.error-logs-toolbar__filters{align-items:center;gap:var(--sp-3,12px);padding-top:var(--sp-3,12px);border-top:1px solid var(--color-border-subtle,var(--color-border,#e2e8f0));flex-wrap:wrap;display:flex}.error-logs-filter-group{align-items:center;gap:6px;display:flex}.error-logs-filter-label{font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#64748b);white-space:nowrap}.error-logs-filter-select{height:32px;font-size:var(--font-size-xs,.8125rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-surface,var(--color-surface,#fff));border:1px solid var(--color-border,#cbd5e1);border-radius:var(--radius-md,.375rem);cursor:pointer;appearance:none;transition:border-color var(--transition-fast,.15s), box-shadow var(--transition-fast,.15s);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:0 28px 0 10px}.error-logs-filter-select:focus{border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 2px var(--color-primary-subtle,#6366f126)}.error-logs-monitoring-btn,.error-logs-monitor-btn{height:32px;font-size:var(--font-size-xs,.8125rem);font-weight:var(--font-weight-semibold,600);border-radius:var(--radius-md,.375rem);color:var(--color-primary,#4f46e5);cursor:pointer;transition:all var(--transition-fast,.15s);-webkit-user-select:none;user-select:none;background:#6366f114;border:1px solid #6366f14d;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.error-logs-monitoring-btn:hover,.error-logs-monitor-btn:hover{background:#6366f129;border-color:#6366f180}.error-logs-monitoring-btn.active,.error-logs-monitoring-btn--active,.error-logs-monitor-btn--active{box-shadow:0 1px 3px #4f46e559;background:var(--color-primary,#4f46e5)!important;color:#fff!important;border-color:var(--color-primary,#4f46e5)!important}.error-logs-monitoring-dot{background:var(--color-primary,#6366f1);width:7px;height:7px;transition:background-color var(--transition-fast,.15s);border-radius:50%;display:inline-block}.error-logs-monitoring-btn.active .error-logs-monitoring-dot,.error-logs-monitoring-btn--active .error-logs-monitoring-dot{background:#fff}.error-logs-monitoring-badge,.error-logs-monitor-badge{min-width:18px;height:18px;color:var(--color-primary,#312e81);background:#6366f133;border-radius:9999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.error-logs-monitoring-btn.active .error-logs-monitoring-badge,.error-logs-monitoring-btn--active .error-logs-monitoring-badge,.error-logs-monitor-btn--active .error-logs-monitor-badge{color:#fff;background:#ffffff40}.error-logs-total-count{font-size:var(--font-size-xs,.8125rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#64748b);white-space:nowrap;margin-left:auto}.error-logs-table-wrapper{background:var(--color-bg-surface,var(--color-surface,#fff));border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,.5rem);box-shadow:var(--shadow-sm,0 1px 2px #0000000a);overflow:hidden}.row--critical{background-color:#ef44440d}.error-time-cell{flex-direction:column;gap:2px;display:flex}.error-time-rel{font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-xs,.8125rem);color:var(--color-text-primary,#0f172a)}.error-time-abs{color:var(--color-text-tertiary,#94a3b8);font-variant-numeric:tabular-nums;font-size:.6875rem}.error-source-badge{font-size:.6875rem;font-weight:var(--font-weight-semibold,600);border-radius:var(--radius-sm,.25rem);background:var(--color-bg-secondary,#f1f5f9);color:var(--color-text-secondary,#475569);border:1px solid var(--color-border,#e2e8f0);text-transform:capitalize;letter-spacing:.02em;align-items:center;padding:2px 7px;display:inline-flex}.error-endpoint-cell{align-items:center;gap:6px;max-width:380px;display:flex}.error-method{color:var(--color-primary,#4f46e5);border-radius:var(--radius-sm,.25rem);letter-spacing:.04em;background:#4f46e514;padding:1px 5px;font-size:.6875rem;font-weight:700}.error-endpoint{font-family:var(--font-mono,Consolas, Monaco, monospace);white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-primary,#1e293b);font-size:.75rem;overflow:hidden}.error-status-tag{color:var(--color-danger,#ef4444);border-radius:var(--radius-sm,.25rem);background:#ef444414;padding:1px 5px;font-size:.6875rem;font-weight:700}.error-message-cell{cursor:pointer;max-width:520px;padding:4px 0}.error-message-text{font-size:var(--font-size-xs,.8125rem);color:var(--color-text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast,.15s);line-height:1.4;display:block;overflow:hidden}.error-message-cell:hover .error-message-text{color:var(--color-primary,#4f46e5);text-decoration:underline}.error-actions-group{align-items:center;gap:6px;display:inline-flex}.error-detail{gap:var(--sp-4,16px);flex-direction:column;display:flex}.error-detail__tags{border-bottom:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px;display:flex}.error-detail__timestamp{font-size:var(--font-size-xs,.8125rem);color:var(--color-text-secondary,#64748b);font-variant-numeric:tabular-nums;margin-left:auto}.error-detail__section{flex-direction:column;gap:8px;display:flex}.error-detail__section-header{justify-content:space-between;align-items:center;display:flex}.error-detail__section h4{font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#0f172a);margin:0}.error-detail__message-box{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-left:4px solid var(--color-danger,#ef4444);border-radius:var(--radius-md,.375rem);font-size:var(--font-size-sm,.875rem);color:var(--color-text-primary,#0f172a);word-break:break-word;padding:12px 14px;line-height:1.5}.error-detail__message-box code{font-family:var(--font-mono,Consolas, Monaco, monospace);font-size:.8125rem}.error-detail__meta-grid{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,.375rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:14px;display:grid}.error-detail__meta-item{flex-direction:column;gap:3px;display:flex}.meta-label{font-size:.6875rem;font-weight:var(--font-weight-semibold,600);text-transform:uppercase;color:var(--color-text-tertiary,#64748b);letter-spacing:.05em}.meta-value{font-size:var(--font-size-xs,.8125rem);color:var(--color-text-primary,#0f172a);font-weight:var(--font-weight-medium,500)}.meta-mono{font-family:var(--font-mono,Consolas, Monaco, monospace);font-size:.75rem}.status-code--err{color:var(--color-danger,#dc2626);font-weight:700}.status-code--warn{color:var(--color-warning,#d97706);font-weight:700}.error-detail__stack-box,.error-detail__metadata-box{color:#e2e8f0;border-radius:var(--radius-md,.375rem);font-family:var(--font-mono,Consolas, Monaco, "Courier New", monospace);white-space:pre-wrap;word-break:break-all;background:#090d16;border:1px solid #ffffff14;max-height:280px;margin:0;padding:14px 16px;font-size:.75rem;line-height:1.6;overflow:auto}.error-detail__empty-note{font-size:var(--font-size-xs,.8125rem);color:var(--color-text-tertiary,#64748b);margin:0;font-style:italic}.error-detail__footer{border-top:1px solid var(--color-border,#e2e8f0);justify-content:flex-end;align-items:center;gap:8px;padding-top:14px;display:flex}.audit-action-badge{border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.audit-action-badge--create{background-color:var(--color-success-subtle);color:var(--color-success);border:1px solid #10b98133}.audit-action-badge--update{background-color:var(--color-info-subtle);color:var(--color-info);border:1px solid #3b82f633}.audit-action-badge--delete{background-color:var(--color-danger-subtle);color:var(--color-danger);border:1px solid #ef444433}.audit-action-badge--auth{color:#8b5cf6;background-color:#8b5cf61f;border:1px solid #8b5cf633}.audit-action-badge--settings{background-color:var(--color-warning-subtle);color:var(--color-warning);border:1px solid #f59e0b33}.audit-action-badge--general{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.audit-toolbar{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;display:flex}.audit-toolbar__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.audit-toolbar__field{flex-direction:column;gap:4px;display:flex}.audit-toolbar__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.audit-toolbar__actions{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.audit-toolbar__left{align-items:center;gap:12px;display:flex}.audit-toolbar__count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.audit-toolbar__right{align-items:center;gap:8px;display:flex}@media (width<=640px){.audit-toolbar__grid{grid-template-columns:1fr}}.audit-table-wrapper{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.audit-table__row:hover{background-color:var(--color-bg-secondary)}.audit-table__actor,.audit-table__target{font-size:var(--font-size-xs);color:var(--color-text-primary);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:2px 6px}.audit-table__pagination{border-top:1px solid var(--color-border);padding:12px 16px}.audit-detail-modal{flex-direction:column;gap:20px;display:flex}.audit-detail-modal__section{flex-direction:column;gap:8px;display:flex}.audit-detail-modal__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);margin:0;padding-bottom:4px}.audit-detail-modal__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.audit-detail-modal__item{flex-direction:column;gap:4px;display:flex}.audit-detail-modal__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.audit-detail-modal__value{font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-all}.audit-detail-modal__empty-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-style:italic}.audit-detail-modal__raw-toggle{justify-content:flex-start;display:flex}.audit-detail-modal__json-viewer{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-primary);max-height:240px;margin:0;padding:12px;overflow-x:auto}.audit-logs-page{flex-direction:column;gap:24px;width:100%;display:flex}.audit-logs-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.audit-logs-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 6px}.audit-logs-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:680px;margin:0;line-height:1.5}.settings-section{margin-bottom:24px}.settings-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 4px}.settings-section__subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.account-settings-form{flex-direction:column;gap:20px;display:flex}.account-settings-form__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.input--readonly{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed;font-family:var(--font-mono)}.account-settings-form__footer{justify-content:flex-end;display:flex}.security-settings-grid{flex-direction:column;gap:16px;display:flex}.security-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.security-item__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.security-item__icon--success{background-color:var(--color-success-subtle);color:var(--color-success)}.security-item__icon--info{background-color:var(--color-info-subtle);color:var(--color-info)}.security-item__icon--warning{background-color:var(--color-warning-subtle);color:var(--color-warning)}.security-item__content{flex-direction:column;gap:4px;width:100%;display:flex}.security-item__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.security-item__name{font-size:var(--font-size-sm);color:var(--color-text-primary)}.security-item__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.theme-options-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.theme-option-card{background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;gap:8px;padding:16px;display:flex}.theme-option-card:hover{border-color:var(--color-text-secondary)}.theme-option-card--active{border-color:var(--color-accent);background-color:#6366f10f}.theme-option-card__header{align-items:center;gap:10px;display:flex}.theme-option-card__radio{border:2px solid var(--color-border);border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.theme-option-card--active .theme-option-card__radio{border-color:var(--color-accent);background-color:var(--color-accent)}.theme-option-card__label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.theme-option-card__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.runtime-settings-notice{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;display:flex}.runtime-settings-form{flex-direction:column;gap:20px;display:flex}.runtime-settings-form__toggles{flex-direction:column;gap:16px;display:flex}.runtime-toggle-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.runtime-toggle-item__info{flex-direction:column;gap:4px;display:flex}.runtime-toggle-item__title{font-size:var(--font-size-sm);color:var(--color-text-primary)}.runtime-toggle-item__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-border);border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--color-accent)}input:checked+.toggle-slider:before{transform:translate(20px)}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.runtime-settings-form__fields{max-width:360px}.runtime-settings-form__footer{justify-content:flex-end;display:flex}.server-config-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.server-config-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.server-config-item__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.server-config-item__value{font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-all}.sub-mgmt-container{flex-direction:column;gap:20px;width:100%;display:flex}.sub-mgmt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:4px 0 8px;display:flex}.sub-mgmt-header__left{align-items:center;gap:14px;display:flex}.sub-mgmt-header__icon-box{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #4f46e540}.sub-mgmt-header__title{color:var(--color-text-primary,#0f172a);letter-spacing:-.015em;margin:0 0 3px;font-size:1.45rem;font-weight:700}.sub-mgmt-header__subtitle{color:var(--color-text-secondary,#64748b);margin:0;font-size:.84rem;line-height:1.4}.sub-mgmt-header__right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sub-mgmt-header__updated-pill{background-color:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#e2e8f0);color:var(--color-text-secondary,#64748b);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex;box-shadow:0 1px 2px #0000000a}.sub-mgmt-header__updated-text{flex-direction:column;line-height:1.15;display:flex}.sub-mgmt-header__updated-label{color:var(--color-text-muted,#94a3b8);font-size:.6875rem}.sub-mgmt-header__updated-val{color:var(--color-text-primary,#1e293b);font-size:.775rem;font-weight:600}.sub-mgmt-header__status-indicator{align-items:center;font-size:.8125rem;font-weight:600;display:flex}.sub-mgmt-header__dirty-badge{color:#d97706;align-items:center;gap:6px;font-size:.8125rem;display:flex}.sub-mgmt-header__clean-badge{color:#059669;align-items:center;gap:6px;font-size:.8125rem;display:flex}.sub-mgmt-header__dot{border-radius:50%;width:7px;height:7px;display:inline-block}.sub-mgmt-header__dot--dirty{background-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.sub-mgmt-header__dot--clean{background-color:#10b981}.sub-mgmt-btn{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.sub-mgmt-btn--secondary{background-color:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#cbd5e1);color:var(--color-text-primary,#334155)}.sub-mgmt-btn--secondary:hover:not(:disabled){background-color:var(--color-bg-hover,#f8fafc);border-color:#94a3b8}.sub-mgmt-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.sub-mgmt-btn--primary{color:#fff;background-color:#2563eb;border:1px solid #0000;box-shadow:0 1px 2px #2563eb33}.sub-mgmt-btn--primary:hover:not(:disabled){background-color:#1d4ed8}.sub-mgmt-btn--primary:disabled{opacity:.5;cursor:not-allowed}.sub-mgmt-plan-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sub-mgmt-plan-card{background-color:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#e2e8f0);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .15s;display:flex;position:relative;box-shadow:0 1px 2px #00000008}.sub-mgmt-plan-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.sub-mgmt-plan-card--selected{background-color:#f8fbff;border:2px solid #2563eb;box-shadow:0 4px 14px #2563eb1a}.sub-mgmt-plan-card__icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sub-mgmt-plan-card__icon-box--free{color:#2563eb;background-color:#eff6ff}.sub-mgmt-plan-card__icon-box--pro{color:#7c3aed;background-color:#f3e8ff}.sub-mgmt-plan-card__icon-box--proplus{color:#d97706;background-color:#fef3c7}.sub-mgmt-plan-card__info{flex-direction:column;flex:1;gap:2px;display:flex}.sub-mgmt-plan-card__title-row{align-items:center;gap:8px;display:flex}.sub-mgmt-plan-card__name{color:var(--color-text-primary,#0f172a);font-size:1rem;font-weight:700}.sub-mgmt-plan-card__popular-badge{color:#0284c7;letter-spacing:.02em;background-color:#e0f2fe;border-radius:9999px;padding:1px 7px;font-size:.6875rem;font-weight:700}.sub-mgmt-plan-card__desc{color:var(--color-text-secondary,#64748b);font-size:.775rem}.sub-mgmt-banner{background-color:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;display:flex;box-shadow:0 1px 3px #0000000a}.sub-mgmt-banner__left{align-items:center;gap:14px;display:flex}.sub-mgmt-banner__icon-box{color:#ef4444;background-color:#fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sub-mgmt-banner__title-group{flex-direction:column;display:flex}.sub-mgmt-banner__name-row{align-items:center;gap:10px;display:flex}.sub-mgmt-banner__plan-title{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.15rem;font-weight:700}.sub-mgmt-banner__status-pill{border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.725rem;font-weight:600;display:inline-flex}.sub-mgmt-banner__status-pill--active{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.sub-mgmt-banner__status-pill--inactive{color:#64748b;background-color:#f1f5f9;border:1px solid #cbd5e1}.sub-mgmt-banner__plan-desc{color:var(--color-text-secondary,#64748b);margin:3px 0 0;font-size:.8125rem}.sub-mgmt-banner__stats{flex-wrap:wrap;align-items:center;gap:36px;display:flex}.sub-mgmt-banner__stat-col{flex-direction:column;gap:2px;display:flex}.sub-mgmt-banner__stat-val{color:var(--color-text-primary,#0f172a);font-size:1.05rem;font-weight:700}.sub-mgmt-banner__stat-label{color:var(--color-text-secondary,#64748b);font-size:.725rem;font-weight:500}.sub-mgmt-two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sub-mgmt-card{background-color:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.sub-mgmt-card__header{margin-bottom:18px}.sub-mgmt-card__header--features{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.sub-mgmt-card__title-wrap{align-items:center;gap:9px;display:flex}.sub-mgmt-card__icon-wrap{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sub-mgmt-card__icon-wrap--blue{color:#2563eb;background-color:#eff6ff}.sub-mgmt-card__title{color:var(--color-text-primary,#0f172a);align-items:center;gap:6px;margin:0;font-size:.965rem;font-weight:700;display:flex}.sub-mgmt-card__subtitle{color:var(--color-text-secondary,#64748b);margin:3px 0 0;font-size:.7875rem}.sub-mgmt-card__info-icon{color:#94a3b8;cursor:help;align-items:center;display:flex}.sub-mgmt-form-row{gap:14px;margin-bottom:14px;display:grid}.sub-mgmt-form-row--two{grid-template-columns:1fr 1fr}.sub-mgmt-form-row--three{grid-template-columns:1fr 1fr 1.2fr}.sub-mgmt-field{flex-direction:column;gap:5px;display:flex}.sub-mgmt-field__label{color:var(--color-text-primary,#334155);font-size:.775rem;font-weight:600}.sub-mgmt-field__input{border:1px solid var(--color-border,#cbd5e1);height:38px;color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-surface,#fff);border-radius:8px;padding:0 12px;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.sub-mgmt-field__input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.sub-mgmt-field__select-wrap{position:relative}.sub-mgmt-field__select{border:1px solid var(--color-border,#cbd5e1);width:100%;height:38px;color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-surface,#fff);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border-radius:8px;padding:0 12px;font-size:.84rem}.sub-mgmt-field__select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.sub-mgmt-field__helper{color:var(--color-text-secondary,#64748b);margin:16px 0 0;font-size:.775rem}.sub-mgmt-limits-list{flex-direction:column;gap:10px;display:flex}.sub-mgmt-limit-row{background-color:var(--color-bg-hover,#f8fafc);border:1px solid var(--color-border-subtle,#f1f5f9);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.sub-mgmt-limit-row__left{flex:1;align-items:center;gap:10px;display:flex}.sub-mgmt-limit-row__icon{color:#2563eb;align-items:center;display:flex}.sub-mgmt-limit-row__label{color:var(--color-text-primary,#1e293b);font-size:.8125rem;font-weight:600}.sub-mgmt-limit-row__right{align-items:center;gap:10px;display:flex}.sub-mgmt-limit-row__input{text-align:center;border:1px solid var(--color-border,#cbd5e1);width:76px;height:32px;color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-surface,#fff);border-radius:6px;font-size:.8125rem;font-weight:600}.sub-mgmt-limit-row__input:disabled{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-muted,#94a3b8);cursor:not-allowed}.sub-mgmt-limit-row__unit{width:60px;color:var(--color-text-secondary,#64748b);font-size:.775rem;font-weight:500}.sub-mgmt-limit-row__toggle-wrap{justify-content:flex-end;align-items:center;gap:8px;width:105px;display:flex}.sub-mgmt-limit-row__toggle-label{color:var(--color-text-secondary,#64748b);font-size:.775rem}.sub-mgmt-switch{cursor:pointer;border:none;border-radius:9999px;outline:none;flex-shrink:0;width:38px;height:22px;padding:2px;transition:background-color .15s;position:relative}.sub-mgmt-switch:focus-visible{box-shadow:0 0 0 2px #93c5fd}.sub-mgmt-switch--off{background-color:#cbd5e1}.sub-mgmt-switch--on{background-color:#2563eb}.sub-mgmt-switch__thumb{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;display:block;box-shadow:0 1px 2px #0003}.sub-mgmt-switch--on .sub-mgmt-switch__thumb{transform:translate(16px)}.sub-mgmt-switch--off .sub-mgmt-switch__thumb{transform:translate(0)}.sub-mgmt-features-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sub-mgmt-cat-pills{background-color:var(--color-bg-hover,#f1f5f9);border-radius:9px;gap:4px;padding:3px;display:flex}.sub-mgmt-cat-pill{color:var(--color-text-secondary,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 13px;font-size:.775rem;font-weight:600;transition:all .15s}.sub-mgmt-cat-pill:hover:not(.sub-mgmt-cat-pill--active){color:var(--color-text-primary,#0f172a)}.sub-mgmt-cat-pill--active{color:#fff;background-color:#2563eb;box-shadow:0 1px 3px #2563eb33}.sub-mgmt-bulk-actions{align-items:center;gap:8px;display:flex}.sub-mgmt-bulk-btn{cursor:pointer;border-radius:7px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.sub-mgmt-bulk-btn--enable{color:#1d4ed8;background-color:#eff6ff;border:1px solid #93c5fd}.sub-mgmt-bulk-btn--enable:hover{background-color:#dbeafe}.sub-mgmt-bulk-btn--disable{color:#b91c1c;background-color:#fef2f2;border:1px solid #fca5a5}.sub-mgmt-bulk-btn--disable:hover{background-color:#fee2e2}.sub-mgmt-cat-banner{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border:1px solid #e9d5ff;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.sub-mgmt-cat-banner__icon-box{color:#7c3aed;background-color:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sub-mgmt-cat-banner__title{color:#4c1d95;margin:0;font-size:.8875rem;font-weight:700}.sub-mgmt-cat-banner__subtitle{color:#6b7280;margin:1px 0 0;font-size:.775rem}.sub-mgmt-features-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sub-mgmt-feat-card{background-color:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;transition:all .15s;display:flex}.sub-mgmt-feat-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.sub-mgmt-feat-card__left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sub-mgmt-feat-card__icon-box{color:#2563eb;background-color:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sub-mgmt-feat-card__text{flex-direction:column;min-width:0;display:flex}.sub-mgmt-feat-card__name{color:var(--color-text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:700;overflow:hidden}.sub-mgmt-feat-card__desc{color:var(--color-text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.7125rem;overflow:hidden}.sub-mgmt-feat-card__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.sub-mgmt-feat-card__crown{color:#f59e0b;align-items:center;display:flex}@media (width<=1200px){.sub-mgmt-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.sub-mgmt-plan-cards,.sub-mgmt-two-col,.sub-mgmt-features-grid{grid-template-columns:1fr}.sub-mgmt-banner__stats{gap:20px}}.settings-page{flex-direction:column;gap:24px;width:100%;display:flex}.settings-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 6px}.settings-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:680px;margin:0;line-height:1.5}.settings-page__alert{border-radius:var(--radius-md);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.settings-page__alert--success{background-color:var(--color-success-subtle);border:1px solid var(--color-success);color:var(--color-success)}.settings-page__alert--error{background-color:var(--color-danger-subtle);border:1px solid var(--color-danger);color:var(--color-danger)}.settings-page__alert-close{font-size:var(--font-size-lg);color:inherit;cursor:pointer;background:0 0;border:none;padding:0 4px;line-height:1}.settings-page__loading{flex-direction:column;gap:24px;display:flex}.settings-page__sections{flex-direction:column;gap:8px;display:flex}.login-page{align-items:center;gap:var(--sp-6);flex-direction:column;width:100%;max-width:420px;margin:0 auto;display:flex}.login-page__brand{align-items:center;gap:var(--sp-3);display:flex}.login-page__brand-icon{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;width:40px;height:40px;font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-page__brand-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.login-page__card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;padding:var(--sp-8);box-shadow:var(--shadow-lg)}.login-page__header{margin-bottom:var(--sp-6)}.login-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 var(--sp-1)}.login-page__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.login-page__alert{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--color-danger-subtle);border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--sp-4);line-height:1.5;display:flex}.login-page__alert svg{flex-shrink:0;margin-top:1px}.login-page__form{gap:var(--sp-4);flex-direction:column;display:flex}.login-page__password-wrap{position:relative}.login-page__eye-btn{right:var(--sp-3);cursor:pointer;color:var(--color-text-muted);padding:var(--sp-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);z-index:1;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-page__eye-btn:hover{color:var(--color-text-primary)}.login-page__eye-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}@media (width<=480px){.login-page__card{padding:var(--sp-6)}}.totp-setup-page{align-items:center;gap:var(--sp-6);flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}.totp-setup-page__brand{align-items:center;gap:var(--sp-3);display:flex}.totp-setup-page__brand-icon{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;width:40px;height:40px;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.totp-setup-page__brand-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.totp-setup-page__card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;padding:var(--sp-8);box-shadow:var(--shadow-lg)}.totp-setup-page__step-badge{padding:var(--sp-1) var(--sp-3);background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--sp-3);display:inline-block}.totp-setup-page__header{margin-bottom:var(--sp-6)}.totp-setup-page__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 var(--sp-2)}.totp-setup-page__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.totp-setup-page__loading{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-8) 0;color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.totp-setup-page__alert{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--sp-4);line-height:1.5;display:flex}.totp-setup-page__alert--danger{background:var(--color-danger-subtle);border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);color:var(--color-danger)}.totp-setup-page__alert svg{flex-shrink:0;margin-top:1px}.totp-setup-page__content{gap:var(--sp-6);flex-direction:column;display:flex}.totp-setup-page__section{gap:var(--sp-3);flex-direction:column;display:flex}.totp-setup-page__step-label{align-items:center;gap:var(--sp-3);display:flex}.totp-setup-page__step-num{border-radius:var(--radius-full);background:var(--color-accent);color:#fff;width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.totp-setup-page__step-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.totp-setup-page__step-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.totp-setup-page__qr-wrap{border-radius:var(--radius-lg);padding:var(--sp-3);border:1px solid var(--color-border);background:#fff;justify-content:center;width:fit-content;margin:0 auto;display:flex}.totp-setup-page__qr{border-radius:var(--radius-sm);display:block}.totp-setup-page__secret-wrap{gap:var(--sp-2);flex-direction:column;display:flex}.totp-setup-page__secret-toggle{align-items:center;gap:var(--sp-1);color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit;display:inline-flex}.totp-setup-page__secret-toggle:hover{color:var(--color-accent-hover)}.totp-setup-page__secret-toggle .rotate-180{transform:rotate(180deg)}.totp-setup-page__secret{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.totp-setup-page__secret-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.totp-setup-page__secret-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);letter-spacing:.1em;word-break:break-all}.totp-setup-page__secret-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.6}.totp-setup-page__code-input{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.25em;text-align:center}.totp-setup-page__form{gap:var(--sp-4);flex-direction:column;display:flex}.totp-setup-page__footer{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--color-border-subtle);text-align:center}.totp-setup-page__back-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.totp-setup-page__back-link:hover{color:var(--color-text-primary)}@media (width<=520px){.totp-setup-page__card{padding:var(--sp-6)}}.totp-verify-page{align-items:center;gap:var(--sp-6);flex-direction:column;width:100%;max-width:420px;margin:0 auto;display:flex}.totp-verify-page__brand{align-items:center;gap:var(--sp-3);display:flex}.totp-verify-page__brand-icon{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;width:40px;height:40px;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.totp-verify-page__brand-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.totp-verify-page__card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;padding:var(--sp-8);box-shadow:var(--shadow-lg)}.totp-verify-page__shield{border-radius:var(--radius-xl);background:var(--color-accent-subtle);width:52px;height:52px;color:var(--color-accent);margin-bottom:var(--sp-4);justify-content:center;align-items:center;display:flex}.totp-verify-page__header{margin-bottom:var(--sp-6)}.totp-verify-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 var(--sp-2)}.totp-verify-page__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.totp-verify-page__alert{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--color-danger-subtle);border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--sp-4);line-height:1.5;display:flex}.totp-verify-page__alert svg{flex-shrink:0;margin-top:1px}.totp-verify-page__form{gap:var(--sp-3);flex-direction:column;display:flex}.totp-verify-page__code-input{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:.3em;text-align:center}.totp-verify-page__hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin:0;line-height:1.6}.totp-verify-page__footer{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--color-border-subtle);text-align:center}.totp-verify-page__back-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.totp-verify-page__back-link:hover{color:var(--color-text-primary)}@media (width<=480px){.totp-verify-page__card{padding:var(--sp-6)}}.referral-kpi-grid{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.referral-kpi-grid .stat-card{padding:var(--sp-3) var(--sp-4);gap:var(--sp-2)}.referral-kpi-grid .stat-card__header{gap:var(--sp-2)}.referral-kpi-grid .stat-card__icon{border-radius:var(--radius-sm);width:32px;height:32px}.referral-kpi-grid .stat-card__icon svg{width:16px;height:16px}.referral-kpi-grid .stat-card__label{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.referral-kpi-grid .stat-card__value{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.1}.referral-kpi-grid .stat-card__meta{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}@media (width<=768px){.referral-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.referral-kpi-grid{grid-template-columns:1fr}}.referrals-table-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.referrals-table__user{flex-direction:column;gap:2px;display:flex}.referrals-table__user-name{font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary)}.referrals-table__user-email{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.referrals-table__actions{gap:var(--sp-2);justify-content:flex-end;display:flex}.referrals-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.referrals-toolbar__left{align-items:center;gap:var(--sp-3);flex:1;min-width:0;display:flex}.referrals-toolbar__left .input-wrapper,.referrals-toolbar__left input{max-width:280px}.referrals-toolbar__right{align-items:center;gap:var(--sp-3);display:flex}.referrals-toolbar__count{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.referral-details{gap:var(--sp-3);flex-direction:column;display:flex}.referral-details__row{align-items:flex-start;gap:var(--sp-4);display:flex}.referral-details__label{font-size:var(--text-sm);color:var(--color-text-secondary);flex-shrink:0;min-width:120px;font-weight:500}.referral-details__mono{font-family:var(--font-mono);font-size:var(--text-sm)}.referral-details__reason{color:var(--color-danger);font-style:italic}.referral-details__footer{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.referral-dashboard-page{gap:var(--sp-6);flex-direction:column;display:flex}.referral-dashboard-page__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.referral-dashboard-page__title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.referral-dashboard-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--sp-1) 0 0}.referral-dashboard-page__section{gap:var(--sp-4);flex-direction:column;display:flex}.referral-dashboard-page__section-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.referral-dashboard-page__tabs{gap:var(--sp-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-2);display:flex}.referral-dashboard-page__tab{padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.referral-dashboard-page__tab:hover{color:var(--color-text-primary)}.referral-dashboard-page__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.campaigns-table-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.campaigns-table__actions{gap:var(--sp-2);justify-content:flex-end;display:flex}.campaigns-page{gap:var(--sp-6);flex-direction:column;display:flex}.campaigns-page__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.campaigns-page__title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.campaigns-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--sp-1) 0 0}.campaigns-page__toolbar{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.campaigns-page__toolbar input{max-width:280px}.campaign-funnel-page{gap:var(--sp-6);flex-direction:column;display:flex}.campaign-funnel-page__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.campaign-funnel-page__title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.campaign-funnel-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--sp-1) 0 0}.campaign-funnel-page__selector select{max-width:320px}.campaign-funnel-page__placeholder{text-align:center;padding:var(--sp-12);color:var(--color-text-muted);font-size:var(--text-sm)}.milestones-table-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.milestones-page{gap:var(--sp-6);flex-direction:column;display:flex}.milestones-page__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.milestones-page__title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.milestones-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--sp-1) 0 0}.milestones-page__filter select{max-width:320px}.credits-table-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.credits-table__user{flex-direction:column;gap:2px;display:flex}.credits-table__email{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.credits-table__amount{font-weight:600;font-family:var(--font-mono)}.credits-table__amount--positive{color:var(--color-success)}.credits-table__amount--negative{color:var(--color-danger)}.credits-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.credits-toolbar__left{align-items:center;gap:var(--sp-3);flex:1;min-width:0;display:flex}.credits-toolbar__left .input-wrapper,.credits-toolbar__left input{max-width:280px}.credits-toolbar__right{align-items:center;gap:var(--sp-3);display:flex}.credits-toolbar__count{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.credits-ledger-page{gap:var(--sp-6);flex-direction:column;display:flex}.credits-ledger-page__header{margin:0}.credits-ledger-page__title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:700}.credits-ledger-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--sp-1) 0 0}.health-page{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}.health-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.health-page__title{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.5rem;font-weight:700}.health-page__subtitle{color:var(--color-text-secondary,#64748b);margin:.25rem 0 0;font-size:.875rem}.health-banner{border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.health-banner--healthy{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.health-banner--degraded{color:#854d0e;background:#fefce8;border-color:#fef08a}.health-banner--down{color:#991b1b;background:#fef2f2;border-color:#fecaca}.health-banner__title{margin:0;font-size:1.25rem;font-weight:700}.health-banner__desc{margin:.25rem 0 0;font-size:.875rem}.health-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.health-card{background:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.health-card__header{justify-content:space-between;align-items:center;display:flex}.health-card__name{color:var(--color-text-primary,#0f172a);margin:0;font-size:1rem;font-weight:600}.health-card__badge{border-radius:9999px;align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.health-card__badge--healthy{color:#15803d;background:#dcfce7}.health-card__badge--degraded{color:#a16207;background:#fef9c3}.health-card__badge--down{color:#b91c1c;background:#fee2e2}.health-card__latency{color:var(--color-text-primary,#0f172a);font-size:1.5rem;font-weight:700}.health-card__message{color:var(--color-text-secondary,#64748b);margin:0;font-size:.875rem}.health-system-info{background:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;padding:1.25rem}.health-system-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:.75rem;display:grid}.health-system-item{flex-direction:column;gap:.25rem;display:flex}.health-system-item__label{text-transform:uppercase;color:var(--color-text-secondary,#64748b);font-size:.75rem;font-weight:600}.health-system-item__value{color:var(--color-text-primary,#0f172a);font-size:.9375rem;font-weight:600}.analytics-page{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.analytics-card{background:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.analytics-card__label{text-transform:uppercase;color:var(--color-text-secondary,#64748b);font-size:.8125rem;font-weight:600}.analytics-card__value{color:var(--color-text-primary,#0f172a);font-size:1.75rem;font-weight:700}.analytics-section{background:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;padding:1.5rem}:root,:root[data-theme=dark]{--color-bg:#0c0e16;--color-bg-surface:#13151f;--color-bg-elevated:#1c1f2e;--color-bg-hover:#252940;--color-bg-active:#2d3150;--color-border:#252840;--color-border-subtle:#1c1f2e;--color-border-focus:#6c63ff;--color-text-primary:#e8eaf0;--color-text-secondary:#8b93b0;--color-text-muted:#4f5570;--color-text-inverse:#0c0e16;--color-accent:#6c63ff;--color-accent-hover:#7b74ff;--color-accent-active:#5a52e0;--color-accent-subtle:#6c63ff1f;--color-accent-subtle-hover:#6c63ff33;--color-success:#22c55e;--color-success-subtle:#22c55e1f;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-danger:#ef4444;--color-danger-subtle:#ef44441f;--color-info:#3b82f6;--color-info-subtle:#3b82f61f;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 2px 6px #00000073;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0000008c;--shadow-xl:0 16px 48px #000000a6}:root[data-theme=light]{--color-bg:#f4f5f9;--color-bg-surface:#fff;--color-bg-elevated:#f0f1f8;--color-bg-hover:#e8eaf5;--color-bg-active:#dde0f0;--color-border:#dde0ed;--color-border-subtle:#eceef8;--color-border-focus:#6c63ff;--color-text-primary:#111827;--color-text-secondary:#4b5480;--color-text-muted:#8b93b0;--color-text-inverse:#fff;--color-accent:#5a52e0;--color-accent-hover:#6c63ff;--color-accent-active:#4840c8;--color-accent-subtle:#5a52e01a;--color-accent-subtle-hover:#5a52e02e;--color-success:#16a34a;--color-success-subtle:#16a34a1a;--color-warning:#d97706;--color-warning-subtle:#d977061a;--color-danger:#dc2626;--color-danger-subtle:#dc262614;--color-info:#2563eb;--color-info-subtle:#2563eb1a;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 2px 6px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000029}:root{--font-sans:"Inter", system-ui, -apple-system, Segoe UI, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--sp-0:0;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--radius-xs:.1875rem;--radius-sm:.3125rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.32s ease;--sidebar-width:248px;--sidebar-collapsed-width:64px;--topbar-height:60px;--z-sidebar:200;--z-topbar:100;--z-dropdown:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;transition:background-color var(--transition-base), color var(--transition-base);overflow:hidden}#root{height:100%}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-semibold);color:var(--color-text-primary)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-subtle);color:var(--color-text-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-btn{color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.icon-btn--md{width:36px;height:36px}.icon-btn__badge{border-radius:var(--radius-full);background:var(--color-danger);border:2px solid var(--color-bg-surface);width:8px;height:8px;position:absolute;top:5px;right:5px}.search-kbd{border-radius:var(--radius-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:2px;padding:1px 5px;line-height:1.6;display:inline-flex}.not-found-page{justify-content:center;align-items:center;gap:var(--sp-4);text-align:center;flex-direction:column;min-height:60dvh;display:flex}.not-found-page h1{font-size:var(--text-2xl)}.not-found-page p{color:var(--color-text-secondary)}.permission-denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.permission-denied__icon{background:var(--color-danger-bg,#fef2f2);width:80px;height:80px;color:var(--color-danger,#ef4444);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.permission-denied__title{color:var(--color-text-primary,#1f2937);margin:0 0 10px;font-size:22px;font-weight:700}.permission-denied__message{color:var(--color-text-secondary,#6b7280);max-width:400px;margin:0;font-size:14px;line-height:1.6}