body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{font-family:Arial,sans-serif;margin:0 auto;max-width:780px;padding:40px 20px}.home-header{margin-bottom:32px}.title{color:#111;font-size:28px;font-weight:700;margin-bottom:8px}.subtitle{color:#666;font-size:15px;margin:0}.sections-grid{display:flex;flex-direction:column;gap:16px}.section-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px 24px;transition:box-shadow .2s,transform .1s}.section-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.section-card-blue{border-left:4px solid #3b82f6}.section-card-green{border-left:4px solid #22c55e}.section-card-purple{border-left:4px solid #7c3aed}.section-card-orange{border-left:4px solid #f97316}.section-icon{font-size:32px;min-width:40px;text-align:center}.section-info{flex:1 1}.section-title{color:#111;font-size:17px;font-weight:700;margin:0 0 4px}.section-desc{color:#666;font-size:13px;margin:0 0 10px}.progress-bar-wrap{align-items:center;display:flex;gap:10px}.progress-bar-track{background:#e5e7eb;border-radius:10px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill{background:#7c3aed;border-radius:10px;height:100%;transition:width .4s}.progress-text{color:#888;font-size:12px;white-space:nowrap}.section-arrow{color:#aaa;font-size:20px}.section-banner{align-items:center;border-radius:12px;display:flex;gap:16px;margin:20px 0 24px;padding:20px 24px}.section-banner-blue{background:#eff6ff;border:1px solid #bfdbfe}.section-banner-green{background:#f0fdf4;border:1px solid #bbf7d0}.section-banner-purple{background:#faf5ff;border:1px solid #e9d5ff}.section-banner-orange{background:#fff7ed;border:1px solid #fed7aa}.section-icon-lg{font-size:40px}.banner-title{color:#111;font-size:20px;font-weight:700;margin:0 0 4px}.banner-desc{color:#666;font-size:13px;margin:0}.header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.header-title{font-size:18px;margin:0 0 4px}.header-company{color:#888;font-size:13px;margin:0}.badge{background:#ede9fe;border-radius:20px;color:#7c3aed;font-size:13px;font-weight:600;padding:4px 12px}.badge-q{background:#f3f4f6;color:#374151}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tab{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:13px;padding:6px 16px}.tab-active{background:#7c3aed;border-color:#7c3aed;color:#fff}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:24px}.question-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.question-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.answer-box,.question-box{line-height:1.7;padding:16px}.answer-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;margin-bottom:16px}.feedback-label{color:#7c3aed;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.feedback-box{background:#faf5ff;border:1px solid #e9d5ff;border-radius:8px;line-height:1.7;margin-bottom:20px;padding:16px}.mcq-options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.mcq-btn{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .15s}.mcq-btn:hover{border-color:#7c3aed;color:#7c3aed}.mcq-btn-active{background:#7c3aed;border-color:#7c3aed;color:#fff}.label{color:#374151;font-size:13px;font-weight:600;margin-bottom:8px}.select{background:#fff;font-size:15px;margin-bottom:20px;padding:10px 14px}.select,.textarea{border:1px solid #d1d5db;border-radius:8px;width:100%}.textarea{box-sizing:border-box;font-size:14px;line-height:1.6;margin-bottom:16px;padding:12px;resize:vertical}.primary-btn{background:#7c3aed;border-radius:8px;padding:12px 24px}.primary-btn:hover{background:#6d28d9}.submitted-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:default;font-size:15px;font-weight:600;padding:12px 24px;width:100%}.home-btn{background:#fff;border:1px solid #7c3aed;border-radius:8px;color:#7c3aed;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin-bottom:16px;padding:6px 14px}.home-btn:hover{background:#ede9fe}.loading-text{color:#888;font-size:16px;margin-top:60px;text-align:center}.question-box code,.question-box p,.question-box pre{margin:0 0 10px}.question-box pre{background:#1e1e1e;border-radius:6px;color:#f8f8f2;font-size:13px;overflow-x:auto;padding:12px 16px}.question-box code{background:#e8e8e8;border-radius:4px;font-family:monospace;font-size:13px;padding:2px 6px}.mcq-btn p{display:inline;margin:0}.mcq-btn code{background:#e8e8e8;border-radius:4px;font-family:monospace;font-size:13px;padding:2px 6px}.mcq-btn-active code{background:#c4b5fd}.answer-box-correct{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534}.answer-box-correct,.answer-box-wrong{line-height:1.7;margin-bottom:16px;padding:16px}.answer-box-wrong{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b}.answer-result-icon{font-size:16px;font-weight:700;margin-right:8px}.correct-ans{font-size:14px;font-weight:600;margin-top:8px}.explanation-box{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:14px;line-height:1.6;margin-bottom:16px;padding:12px 16px}.dash-topbar{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.dash-title{color:#111;font-size:24px;font-weight:700;margin:0 0 4px}.dash-sub{color:#888;font-size:14px;margin:0}.dash-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.dash-filter-pill{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#374151;font-size:12px;padding:4px 14px}.dash-top-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr) 1.4fr;margin-bottom:16px}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px}.metric-card-chart{padding:14px 16px}.metric-label{color:#888;font-size:12px;margin:0 0 8px}.metric-value{color:#111;font-size:32px;font-weight:700;margin:0 0 4px}.metric-sub{font-size:12px;margin:0}.dash-bottom-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:16px}.dash-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.chart-title{color:#111;font-size:15px;font-weight:700;margin:0 0 4px}.chart-sub{color:#888;font-size:12px;margin:0 0 12px}.no-data-box{align-items:center;background:#f9fafb;border-radius:8px;color:#aaa;display:flex;flex-direction:column;font-size:14px;height:200px;justify-content:center}.subtopic-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.subtopic-tag{background:#fef2f2;border:1px solid #fca5a5;border-radius:20px;color:#991b1b;font-size:11px;font-weight:600;padding:2px 10px}.topic-pill-row{display:flex;gap:8px;margin-bottom:12px}.topic-pill{background:#ede9fe;border-radius:20px;color:#5b21b6;font-size:12px;font-weight:600;padding:3px 12px}.topic-pill-sub{background:#f0fdf4;color:#166534}.area-row{align-items:center;display:flex;gap:12px;margin-bottom:10px}.area-name{color:#374151;font-size:13px;font-weight:600;min-width:120px}.area-bar-track{background:#e5e7eb;border-radius:10px;flex:1 1;height:10px;overflow:hidden}.area-bar-fill{border-radius:10px;height:100%;transition:width .5s}.area-bar-strong{background:#22c55e}.area-bar-weak{background:#ef4444}.area-percent{color:#374151;font-size:13px;font-weight:600;min-width:36px;text-align:right}@media (max-width:700px){.dash-top-row{grid-template-columns:1fr 1fr}.dash-bottom-row{grid-template-columns:1fr}}.auth-logo{font-size:48px;margin-bottom:12px}.auth-subtitle{color:#888}.auth-tab{font-weight:600;padding:10px 14px;text-align:center;transition:all .2s ease}.auth-tab.active{background:var(--tab-active-bg);color:var(--tab-active-color)}.auth-form{gap:16px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-input:focus{border-color:#7c3aed}.auth-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.auth-switch{color:#888}.auth-switch span{color:#7c3aed}.home-topbar{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.logout-btn{background:#fff;border:1px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px}.logout-btn:hover{background:#fef2f2}body[data-theme=light]{--bg-page:linear-gradient(135deg,#ede9fe,#e0f2fe)}body[data-theme=dark]{--bg-page:linear-gradient(135deg,#1e1b4b,#0f172a)}.auth-page{padding:20px;position:relative}.auth-card{border-radius:16px;max-width:440px;padding:40px 36px;transition:background .3s ease,border-color .3s ease;width:100%}.auth-title{font-size:24px;font-weight:700;margin:0 0 6px;transition:color .3s ease}.auth-subtitle{color:var(--text-muted);margin:0 0 24px;transition:color .3s ease}.auth-tabs{background:var(--tab-bg);border-radius:10px;display:flex;gap:8px;margin-bottom:1.25rem;padding:4px}.auth-tab{border:1px solid #0000;border-radius:8px;color:var(--tab-inactive-color)}.auth-tab-active{background:var(--tab-active-bg);border-color:var(--border-focus);box-shadow:0 1px 3px #0000001a;color:var(--tab-active-color)}body[data-theme=light] .auth-tab{border:1px solid #0000;color:#6b7280}body[data-theme=light] .auth-tab-active{background:#fff;border-color:#7c3aed;box-shadow:0 2px 4px #7c3aed1a;color:#7c3aed}body[data-theme=light] .auth-tabs{background:#f3f4f6;border:1px solid #e5e7eb}body[data-theme=dark] .auth-tab{color:#94a3b8}body[data-theme=dark] .auth-tab-active{background:#38bdf826;border-color:#38bdf880;color:#7dd3fc}body[data-theme=dark] .auth-tabs{background:#0000;border:none}.auth-input{border-radius:8px;box-sizing:border-box;transition:all .2s ease}.auth-input:focus{background:var(--bg-input-focus)}.auth-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);margin-bottom:8px;padding:10px 14px;transition:all .3s ease}.auth-switch{color:var(--text-muted);margin:0}.auth-switch span{color:var(--border-focus);font-weight:600}.auth-switch span:hover{text-decoration:underline}body[data-theme=light]{--bg-page:#f8f9fa;--bg-card:#fff;--bg-input:#fff;--bg-input-focus:#f9f5ff;--text-primary:#111;--text-secondary:#666;--text-muted:#888;--border-color:#d1d5db;--border-focus:#7c3aed;--tab-bg:#f3f4f6;--tab-active-bg:#fff;--tab-active-color:#7c3aed;--tab-inactive-color:#6b7280;--error-bg:#fef2f2;--error-border:#fca5a5;--error-text:#991b1b;--toggle-bg:#ffffff4d;--toggle-border:#ffffff80;--toggle-text:#5b21b6}body[data-theme=dark]{--bg-page:#0f172a;--bg-card:#1e1e2e;--bg-input:#2a2a3e;--bg-input-focus:#313150;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#3f3f5a;--border-focus:#a78bfa;--tab-bg:#2a2a3e;--tab-active-bg:#3b3b5c;--tab-active-color:#a78bfa;--tab-inactive-color:#94a3b8;--error-bg:#3b1f1f;--error-border:#7f1d1d;--error-text:#fca5a5;--toggle-bg:#0000004d;--toggle-border:#ffffff26;--toggle-text:#c4b5fd}body[data-theme=dark] .label{color:var(--text-secondary)}body[data-theme=dark] .auth-logo{filter:brightness(.9)}body[data-theme=dark],body[data-theme=dark] .container{background-color:#0f172a;color:#f1f5f9}body[data-theme=dark] .card,body[data-theme=dark] .dash-chart-card,body[data-theme=dark] .metric-card,body[data-theme=dark] .section-card{background:#1e1e2e;border-color:#3f3f5a;color:#f1f5f9}body[data-theme=dark] .question-box{background:#2a2a3e;border-color:#3f3f5a;color:#f1f5f9}body[data-theme=dark] .feedback-box{background:#2d1f4e;border-color:#6d28d9;color:#e9d5ff}body[data-theme=dark] .answer-box-correct{background:#14301f;border-color:#16a34a;color:#86efac}body[data-theme=dark] .answer-box-wrong{background:#3b1f1f;border-color:#dc2626;color:#fca5a5}body[data-theme=dark] .explanation-box{background:#2e2510;border-color:#d97706;color:#fde68a}body[data-theme=dark] .mcq-btn,body[data-theme=dark] .select,body[data-theme=dark] .textarea{background:#2a2a3e;border-color:#3f3f5a;color:#f1f5f9}body[data-theme=dark] .mcq-btn:hover{border-color:#a78bfa;color:#a78bfa}body[data-theme=dark] .mcq-btn-active{background:#4c1d95;border-color:#a78bfa;color:#f1f5f9}body[data-theme=dark] .tab{background:#2a2a3e;border-color:#3f3f5a;color:#94a3b8}body[data-theme=dark] .tab-active{background:#7c3aed;border-color:#7c3aed;color:#fff}body[data-theme=dark] .banner-title,body[data-theme=dark] .chart-title,body[data-theme=dark] .dash-title,body[data-theme=dark] .header-title,body[data-theme=dark] .question-label,body[data-theme=dark] .section-title,body[data-theme=dark] .title{color:#f1f5f9}body[data-theme=dark] .banner-desc,body[data-theme=dark] .chart-sub,body[data-theme=dark] .dash-sub,body[data-theme=dark] .header-company,body[data-theme=dark] .metric-label,body[data-theme=dark] .progress-text,body[data-theme=dark] .section-desc,body[data-theme=dark] .subtitle{color:#94a3b8}body[data-theme=dark] .metric-value{color:#f1f5f9}body[data-theme=dark] .badge{background:#4c1d95;color:#c4b5fd}body[data-theme=dark] .badge-q{background:#2a2a3e;color:#94a3b8}body[data-theme=dark] .home-btn{background:#1e1e2e;border-color:#a78bfa;color:#a78bfa}body[data-theme=dark] .home-btn:hover{background:#2d1f4e}body[data-theme=dark] .section-card-blue{border-left-color:#60a5fa}body[data-theme=dark] .section-card-green{border-left-color:#4ade80}body[data-theme=dark] .section-card-purple{border-left-color:#c084fc}body[data-theme=dark] .section-card-orange{border-left-color:#fb923c}body[data-theme=dark] .section-banner-blue{background:#1e3a5f;border-color:#2563eb}body[data-theme=dark] .section-banner-green{background:#14301f;border-color:#16a34a}body[data-theme=dark] .section-banner-purple{background:#2d1f4e;border-color:#7c3aed}body[data-theme=dark] .section-banner-orange{background:#3b1f0a;border-color:#ea580c}body[data-theme=dark] .area-bar-track,body[data-theme=dark] .progress-bar-track{background:#3f3f5a}body[data-theme=dark] .dash-filter-pill{background:#2a2a3e;border-color:#3f3f5a;color:#94a3b8}body[data-theme=dark] .topic-pill{background:#4c1d95;color:#c4b5fd}body[data-theme=dark] .topic-pill-sub{background:#14301f;color:#86efac}body[data-theme=dark] .subtopic-tag{background:#3b1f1f;border-color:#7f1d1d;color:#fca5a5}body[data-theme=dark] .no-data-box{background:#2a2a3e;color:#64748b}body[data-theme=dark] .label{color:#94a3b8}.theme-toggle-sm{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:20px;cursor:pointer;font-size:16px;padding:6px 12px;transition:all .2s ease}.theme-toggle-sm:hover{transform:scale(1.1)}body[data-theme=dark] .theme-toggle-sm{border-color:#3f3f5a}body[data-theme=dark] .question-box code{background:#3b3b5c;border-radius:4px;color:#e2e8f0;font-family:monospace;font-size:13px;padding:2px 6px}body[data-theme=dark] .question-box pre{background:#1a1a2e;border-radius:6px;color:#e2e8f0;font-size:13px;overflow-x:auto;padding:12px 16px}body[data-theme=dark] .question-box h1,body[data-theme=dark] .question-box h2,body[data-theme=dark] .question-box h3,body[data-theme=dark] .question-box li,body[data-theme=dark] .question-box p,body[data-theme=dark] .question-box strong{color:#e2e8f0}body[data-theme=dark] .feedback-box code,body[data-theme=dark] .mcq-btn code{background:#3b3b5c;color:#e2e8f0}body[data-theme=dark] .feedback-box li,body[data-theme=dark] .feedback-box p,body[data-theme=dark] .feedback-box strong{color:#e9d5ff}body[data-theme=dark] .recharts-cartesian-axis-tick-value,body[data-theme=dark] .recharts-text{fill:#94a3b8}body[data-theme=dark] .recharts-legend-item-text{color:#94a3b8!important}.auth-page{align-items:center;background:var(--bg-page);display:flex;justify-content:center;min-height:100vh;transition:background .3s ease}.auth-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem 2rem;transition:all .3s ease}.auth-title{color:#fff;color:var(--text-primary);font-size:22px;font-weight:600;text-align:center}.auth-subtitle{font-size:14px;margin-bottom:1.5rem;text-align:center}.auth-subtitle,.label{color:var(--text-secondary)}.label{display:block;font-size:12px;letter-spacing:.04em;margin-bottom:5px}.auth-logo{font-size:2rem;margin-bottom:1rem;text-align:center}.auth-tab{background:#0000;border:1px solid #ffffff1f;border-radius:10px;color:#ffffff73;cursor:pointer;flex:1 1;font-size:14px;padding:8px;transition:all .2s}.auth-tab-active{background:#38bdf826;border-color:#38bdf880;color:#7dd3fc}.auth-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.auth-input:focus{border-color:var(--border-focus)}.auth-input::placeholder{color:var(--text-muted)}.auth-input option{background:var(--bg-input);color:var(--text-primary)}.auth-field{margin-bottom:14px}.primary-btn{background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:6px;padding:11px;transition:opacity .2s,transform .15s;width:100%}.primary-btn:hover{opacity:.88;transform:translateY(-1px)}.auth-error{background:#ef444426;border:1px solid #ef444459;border-radius:8px;color:#fca5a5;margin-bottom:12px;padding:8px 12px}.auth-error,.auth-switch{font-size:13px;text-align:center}.auth-switch{color:#fff6;margin-top:14px}.auth-switch span{color:#7dd3fc;cursor:pointer;text-decoration:underline}.theme-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--toggle-bg);border:1px solid var(--toggle-border);border-radius:8px;color:var(--toggle-text);cursor:pointer;font-size:13px;padding:7px 14px;position:fixed;right:16px;top:16px;transition:all .2s ease;z-index:10}.theme-toggle:hover{transform:scale(1.05)}.auth-input option{background:#0f1629;color:#fff}.video-interview-page{background:var(--bg-page);color:var(--text-primary);display:flex;flex-direction:column;font-family:DM Sans,Segoe UI,sans-serif;min-height:100vh}body[data-theme=light] .video-interview-page{background:#f8f9fa}body[data-theme=light] .video-interview-page>* [style*="background: #13121e"],body[data-theme=light] .video-interview-page>* [style*="background: #15132a"],body[data-theme=light] .video-interview-page>* [style*="background: #1a1928"]{background:#fff!important;border-color:#e5e7eb!important}body[data-theme=light] .video-interview-page [style*="color: #4a4868"],body[data-theme=light] .video-interview-page [style*="color: #6b6888"],body[data-theme=light] .video-interview-page [style*="color: #8884a0"],body[data-theme=light] .video-interview-page [style*="color: #c8c4e0"],body[data-theme=light] .video-interview-page [style*="color: #e8e6f0"]{color:#374151!important}body[data-theme=light] .video-interview-page [style*="border: 1px solid #2a2840"],body[data-theme=light] .video-interview-page [style*="border: 1px solid #3a3858"]{border-color:#d1d5db!important}
/*# sourceMappingURL=main.985e0ce6.css.map*/