*{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--accent-400:#2dd4bf;--accent-500:#14b8a6;--accent-600:#0d9488;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg:#fff;--bg-secondary:var(--gray-50);--surface:#fff;--surface-raised:#fff;--border:var(--gray-200);--border-hover:var(--gray-300);--text-1:var(--gray-900);--text-2:var(--gray-600);--text-3:var(--gray-400);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::selection{background:var(--primary-200);color:var(--primary-700)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}select option{color:var(--gray-900);background-color:#fff}select option:disabled{color:var(--gray-400)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.nav-logo{color:var(--text-1);letter-spacing:-.5px;align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;text-decoration:none;display:flex}.nav-center{gap:8px;display:flex}.nav-link{color:var(--text-2);border-radius:var(--radius-sm);padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{color:var(--text-1);background:var(--gray-100)}.nav-user{color:var(--text-2);border-radius:var(--radius-full);background:var(--gray-100);padding:6px 14px;font-size:13px;font-weight:500}@media (width<=768px){.nav-center{display:none}}.name-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.name-row label{min-width:0}.name-row label input{box-sizing:border-box;width:100%}.auth-page{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:100px 24px 60px;display:flex}.auth-card{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:2;padding:48px 40px;position:relative}.auth-card h1{color:var(--text-1);letter-spacing:-.5px;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.auth-sub{color:var(--text-2);margin:0 0 32px;font-size:15px;line-height:1.5}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form label{flex-direction:column;gap:6px;display:flex}.auth-form label span{color:var(--text-2);letter-spacing:.2px;font-size:13px;font-weight:500}.auth-form input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-1);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px}.auth-form input::placeholder{color:var(--text-3)}.auth-form input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.role-toggle{gap:8px;display:flex}.role-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-3);cursor:pointer;transition:all .2s var(--ease-out);flex:1;padding:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.role-btn.active{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-600)}.role-btn:hover:not(.active){border-color:var(--border-hover);color:var(--text-2);background:var(--gray-50)}.forgot-pw-row{text-align:right;margin-top:-8px}.forgot-pw-row a{color:var(--text-3);transition:color .2s var(--ease-out);font-size:13px;text-decoration:none}.forgot-pw-row a:hover{color:var(--primary-600)}.auth-error{color:var(--error);border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;padding:10px 14px;font-size:14px}.auth-submit{border-radius:var(--radius-md);background:var(--primary-600);color:#fff;cursor:pointer;width:100%;transition:background .2s var(--ease-out), box-shadow .2s var(--ease-out);border:none;margin-top:4px;padding:12px 20px;font-family:Inter,sans-serif;font-size:15px;font-weight:600}.auth-submit:hover{background:var(--primary-700);box-shadow:var(--shadow-md)}.auth-submit:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.auth-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--primary-300);box-shadow:none}.auth-switch{text-align:center;color:var(--text-3);margin-top:24px;font-size:14px}.auth-switch a{color:var(--primary-600);transition:color .2s var(--ease-out);font-weight:500;text-decoration:none}.auth-switch a:hover{color:var(--primary-700);text-decoration:underline}.location-wrap{position:relative}.location-wrap input{box-sizing:border-box;width:100%}.location-dropdown{z-index:20;background:var(--surface);border:1px solid var(--primary-400);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.location-option{color:var(--text-2);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out);padding:10px 16px;font-size:14px}.location-option:hover{background:var(--primary-50);color:var(--primary-600)}@media (width<=480px){.auth-page{padding:80px 16px 40px}.auth-card{border-radius:var(--radius-lg);padding:32px 24px}.auth-card h1{font-size:24px}.name-row{grid-template-columns:1fr;gap:20px}}.dash{z-index:2;max-width:800px;margin:0 auto;padding:100px 24px 60px;position:relative}.dash-header{margin-bottom:40px}.dash-header h1{color:var(--text-1);letter-spacing:-1.5px;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700}.dash-header p{color:var(--text-2);margin:0;font-size:16px}.quick-actions{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:24px;display:grid}.quick-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .25s var(--ease-out), transform .2s var(--ease-out), box-shadow .25s var(--ease-out);text-align:left;align-items:center;gap:14px;width:100%;padding:18px 20px;font-family:Inter,sans-serif;display:flex}.quick-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-card:active{transform:translateY(0)}.quick-card-icon{flex-shrink:0;font-size:22px;line-height:1}.quick-card-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.quick-card-text strong{color:var(--text-1);white-space:nowrap;font-size:14px;font-weight:600}.quick-card-text span{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.quick-card-arrow{color:var(--text-3);transition:color .2s var(--ease-out), transform .2s var(--ease-out);flex-shrink:0;font-size:16px}.quick-card:hover .quick-card-arrow{color:var(--primary-500);transform:translate(2px)}.dash-card{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--ease-out);margin-bottom:24px;padding:36px}.dash-card:hover{box-shadow:var(--shadow-md)}.dash-card h2{color:var(--text-1);margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600}.dash-card>p{color:var(--text-3);margin:0 0 28px;font-size:15px;line-height:1.6}.dash-card>p strong{color:var(--text-2)}.start-form{flex-direction:column;gap:24px;display:flex}.start-form label{flex-direction:column;gap:8px;display:flex}.start-form label span{color:var(--text-2);letter-spacing:.3px;font-size:13px;font-weight:500}.start-form input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-1);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px}.start-form input::placeholder{color:var(--text-3)}.start-form input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.industry-grid{flex-wrap:wrap;gap:8px;display:flex}.industry-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-3);cursor:pointer;transition:all .2s var(--ease-out);padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.industry-btn.active{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-600)}.industry-btn:hover:not(.active){border-color:var(--gray-300);color:var(--text-2);background:var(--gray-50)}.start-form .btn-primary{margin-top:4px}.start-form .btn-primary:disabled{opacity:.4;cursor:not-allowed}.sessions-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.session-row{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);transition:all .2s var(--ease-out);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.session-row:hover{border-color:var(--primary-200);background:var(--primary-50);box-shadow:var(--shadow-sm)}.session-info{flex-direction:column;gap:2px;display:flex}.session-title{color:var(--text-1);font-size:15px;font-weight:500}.session-industry{color:var(--text-3);font-size:12px}.session-meta{align-items:center;display:flex}.session-grade{color:var(--text-2);font-size:14px}.session-grade strong{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.rubric-tiers-compact{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.tier-row{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);transition:background .2s var(--ease-out);align-items:center;gap:16px;padding:12px 16px;display:flex}.tier-row:hover{background:var(--gray-50)}.tier-badge{border-radius:var(--radius-sm);white-space:nowrap;text-align:center;border:1px solid;min-width:70px;padding:4px 10px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.tier-info{flex-direction:column;gap:1px;display:flex}.tier-info strong{font-size:14px}.tier-info span{color:var(--text-3);font-size:13px;line-height:1.4}.dash-wide{max-width:860px}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-header-row h2{margin:0}.btn-ghost-sm{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--primary-600);cursor:pointer;transition:all .2s var(--ease-out);background:0 0;padding:6px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.btn-ghost-sm:hover{background:var(--primary-50);border-color:var(--primary-200)}.match-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:20px;display:grid}.match-summary-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);transition:box-shadow .2s var(--ease-out);align-items:center;gap:12px;padding:14px 16px;display:flex}.match-summary-item:hover{box-shadow:var(--shadow-sm)}.match-pct{color:var(--primary-600);min-width:40px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.match-pct-bonus{color:#34d399;font-size:24px}.match-summary-item strong{color:var(--text-1);font-size:13px;display:block}.match-summary-item span{color:var(--text-3);font-size:12px}.grading-bars{flex-direction:column;gap:16px;margin-top:16px;display:flex}.grading-bar-row{flex-direction:column;gap:6px;display:flex}.grading-bar-label{justify-content:space-between;align-items:center;display:flex}.grading-bar-label strong{color:var(--text-1);font-size:14px}.grading-bar-label span{color:var(--primary-600);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.grading-bar{border-radius:var(--radius-full);background:var(--gray-100);width:100%;height:6px;overflow:hidden}.grading-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.grading-bar-desc{color:var(--text-3);font-size:12px}.rubric-note-compact{color:var(--text-2);border-radius:var(--radius-md);background:var(--primary-50);border:1px solid var(--primary-100);margin:0;padding:14px 18px;font-size:14px;line-height:1.6}.rubric-note-compact strong{color:var(--primary-600)}@media (width<=640px){.dash{padding:80px 16px 40px}.quick-actions{grid-template-columns:1fr}.dash-card{border-radius:var(--radius-lg);padding:24px 20px}.match-summary-grid{grid-template-columns:1fr}.card-header-row,.tier-row{flex-direction:column;align-items:flex-start;gap:8px}}.interview{z-index:2;max-width:780px;margin:0 auto;padding:96px 24px 60px;position:relative}.session-banner{border-radius:var(--radius-md);margin-bottom:20px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.5}.session-banner-connecting{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600)}.session-banner-mock{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.interview-loading{text-align:center;z-index:2;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex;position:relative}.interview-loading h2{color:var(--text-1);margin:0;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.interview-loading p{color:var(--text-3);margin:0;font-size:16px}.err-text{color:var(--error)!important}.loader{border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;width:40px;height:40px;margin-bottom:8px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.interview-top{align-items:center;gap:20px;margin-bottom:32px;display:flex}.timer{color:var(--text-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);white-space:nowrap;box-shadow:var(--shadow-xs);transition:all .3s var(--ease-out);align-items:center;gap:8px;padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:flex}.timer svg{color:var(--text-3);transition:color .3s var(--ease-out)}.timer.warn{color:var(--warning);background:#f59e0b0a;border-color:#f59e0b40}.timer.warn svg{color:var(--warning)}.timer.danger{color:var(--error);background:#ef44440a;border-color:#ef444440;animation:2s ease-in-out infinite timer-pulse}.timer.danger svg{color:var(--error)}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.interview-progress{flex:1;align-items:center;gap:16px;display:flex}.progress-bar{border-radius:var(--radius-full);background:var(--gray-200);flex:1;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary-500), var(--primary-400));border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.progress-text{color:var(--text-3);white-space:nowrap;font-size:13px;font-weight:500}.question-card{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);animation:fadeIn .4s var(--ease-out);transition:box-shadow .3s var(--ease-out);padding:40px}.question-card:hover{box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.question-meta{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.q-type{letter-spacing:.8px;text-transform:uppercase;border-radius:var(--radius-sm);padding:4px 10px;font-size:11px;font-weight:600}.q-type.verbal{color:var(--primary-600);background:var(--primary-50)}.q-type.code{color:#7c3aed;background:#f5f3ff}.q-industry{letter-spacing:.8px;text-transform:uppercase;border-radius:var(--radius-sm);color:var(--text-3);background:var(--gray-100);padding:4px 10px;font-size:11px;font-weight:500}.q-time-limit{letter-spacing:.8px;text-transform:uppercase;border-radius:var(--radius-sm);color:var(--text-3);background:var(--gray-100);margin-left:auto;padding:4px 10px;font-size:11px;font-weight:500}.question-text-row{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.question-text{color:var(--text-1);letter-spacing:-.4px;flex:1;margin:0;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;line-height:1.45}.speaking-indicator{flex-shrink:0;align-items:flex-end;gap:3px;height:20px;padding-top:4px;display:flex}.wave-bar{background:var(--primary-400);border-radius:2px;width:3px;animation:.9s ease-in-out infinite wave;display:block}.wave-bar:first-child{height:6px;animation-delay:0s}.wave-bar:nth-child(2){height:12px;animation-delay:.15s}.wave-bar:nth-child(3){height:9px;animation-delay:.3s}.wave-bar:nth-child(4){height:5px;animation-delay:.45s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.reading-line{background:linear-gradient(90deg, var(--primary-400), var(--primary-500));transform-origin:0;border-radius:1px;height:2px;margin-bottom:20px;animation:3s ease-out forwards reading-fill}@keyframes reading-fill{0%{width:0}to{width:100%}}.skip-tts-btn{z-index:100;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);color:var(--text-2);cursor:pointer;transition:border-color .25s var(--ease-out), color .25s var(--ease-out), box-shadow .25s var(--ease-out);animation:skip-in .25s var(--ease-out);align-items:center;gap:7px;padding:10px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:flex;position:fixed;bottom:32px;right:32px}.skip-tts-btn:hover{border-color:var(--primary-300);color:var(--primary-600);box-shadow:var(--shadow-lg)}.skip-tts-btn:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}@keyframes skip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.answer-input{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--bg);width:100%;color:var(--text-1);resize:vertical;min-height:180px;transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);outline:none;padding:16px;font-family:Inter,sans-serif;font-size:15px;line-height:1.7}.answer-input::placeholder{color:var(--text-3)}.answer-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11a}.answer-input.recording{border-color:#ef44444d;box-shadow:0 0 0 3px #ef444414}.answer-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.word-count{color:var(--text-3);font-size:12px;font-weight:500}.mic-btn{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--surface);color:var(--text-3);cursor:pointer;transition:all .25s var(--ease-out);align-items:center;gap:7px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:flex}.mic-btn:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.mic-btn:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}.mic-btn.active{color:var(--error);background:#ef44440a;border-color:#ef44444d}.mic-dot{background:var(--error);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.interview-nav{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.nav-dots{flex:1;justify-content:center;gap:6px;display:flex}.nav-dot{border:1.5px solid var(--gray-300);width:10px;height:10px;transition:all .25s var(--ease-out);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0}.nav-dot:hover{border-color:var(--primary-300)}.nav-dot.current{border-color:var(--primary-500);background:var(--primary-500);box-shadow:0 0 0 3px #6366f11f}.nav-dot.past{border-color:var(--primary-300);background:var(--primary-200)}.nav-dot.answered.current{border-color:var(--primary-500);background:var(--primary-500)}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.interview:has(.interview-body.camera-active){max-width:1100px}.interview-body{grid-template-columns:1fr;display:grid}.interview-body.camera-active{grid-template-columns:1fr 300px;align-items:start;gap:20px}.camera-pane{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease-out);flex-direction:column;display:flex;position:sticky;top:100px;overflow:hidden}.camera-pane:hover{box-shadow:var(--shadow-md)}.camera-feed{aspect-ratio:4/3;object-fit:cover;background:var(--gray-100);width:100%;display:block;transform:scaleX(-1)}.camera-toggle-btn{color:var(--text-3);border:none;border-top:1px solid var(--gray-200);cursor:pointer;text-align:center;transition:color .25s var(--ease-out), background .25s var(--ease-out);background:0 0;padding:10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.camera-toggle-btn:hover{color:var(--text-1);background:var(--gray-50)}.camera-toggle-btn:focus-visible{outline:2px solid var(--primary-400);outline-offset:-2px}.camera-on-inline-btn{border-radius:var(--radius-md);border:1px dashed var(--gray-300);background:var(--gray-50);width:100%;color:var(--text-3);cursor:pointer;transition:border-color .25s var(--ease-out), color .25s var(--ease-out), background .25s var(--ease-out);justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:flex}.camera-on-inline-btn:hover{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.camera-on-inline-btn:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}@media (width<=900px){.interview-body.camera-active{grid-template-columns:1fr}.camera-pane{max-width:280px;margin:0 auto;position:static}.interview:has(.interview-body.camera-active){max-width:780px}}@media (width<=640px){.interview{padding:80px 16px 40px}.question-card{border-radius:var(--radius-lg);padding:24px 20px}.question-text{font-size:18px}.interview-top{flex-wrap:wrap;gap:12px}.timer{padding:6px 12px;font-size:16px}.question-meta{flex-wrap:wrap}.q-time-limit{margin-left:0}.skip-tts-btn{bottom:16px;right:16px}.answer-input{min-height:140px;font-size:14px}}.results{z-index:2;max-width:800px;margin:0 auto;padding:96px 24px 64px;position:relative}.results-loading{text-align:center;z-index:2;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex;position:relative}.results-loading h2{color:var(--text-1);letter-spacing:-.5px;margin:0;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.results-loading p{color:var(--text-3);margin:0;font-size:15px;line-height:1.6}.connecting-done-icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--success) 8%, transparent);border:2px solid color-mix(in srgb, var(--success) 25%, transparent);width:80px;height:80px;color:var(--success);justify-content:center;align-items:center;font-size:48px;font-weight:700;line-height:1;display:flex}.connecting-done-text{color:var(--text-3);max-width:480px;margin:0;font-size:15px;line-height:1.6}.connecting-done-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.results-header{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--ease-out);justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px 36px;display:flex}.results-header:hover{box-shadow:var(--shadow-md)}.results-header h1{color:var(--text-1);letter-spacing:-.75px;margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.results-header p{color:var(--text-3);margin:0;font-size:15px}.overall-score{border-radius:var(--radius-full);border:3px solid var(--sc,var(--primary-500));width:80px;height:80px;box-shadow:0 0 0 6px color-mix(in srgb, var(--sc,var(--primary-500)) 10%, transparent);transition:box-shadow .25s var(--ease-out);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.score-num{color:var(--sc,var(--primary-500));font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;line-height:1}.score-label{color:var(--text-3);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:500}.results-questions{flex-direction:column;gap:16px;display:flex}.result-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), transform .25s var(--ease-out);padding:28px 32px}.result-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.result-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.result-q-meta{align-items:center;gap:8px;display:flex}.result-q-num{color:var(--text-3);background:var(--gray-100);border-radius:var(--radius-full);padding:2px 10px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.result-score{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;line-height:1}.result-question{color:var(--text-1);margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600;line-height:1.45}.result-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.result-answer{border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);margin-bottom:16px;padding:14px 16px}.result-answer p{color:var(--text-2);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.65}.result-feedback{border-radius:var(--radius-md);background:var(--primary-50);border:1px solid var(--primary-100);margin-bottom:16px;padding:14px 16px}.result-feedback p{color:var(--text-2);margin:0;font-size:14px;line-height:1.65}.result-points{margin-bottom:12px}.points-list{flex-wrap:wrap;gap:6px;display:flex}.point-tag{border-radius:var(--radius-sm);transition:background .2s var(--ease-out);padding:4px 10px;font-size:12px;font-weight:500}.point-tag.hit{color:var(--success);background:color-mix(in srgb, var(--success) 8%, transparent);border:1px solid color-mix(in srgb, var(--success) 20%, transparent)}.point-tag.miss{color:var(--text-3);background:var(--gray-50);border:1px solid var(--gray-200)}.results-actions{justify-content:center;gap:12px;margin-top:36px;display:flex}@media (width<=600px){.results{padding:80px 16px 48px}.results-header{text-align:center;flex-direction:column;gap:20px;padding:24px 20px}.results-header h1{font-size:24px}.result-card{padding:20px}.result-question{font-size:15px}.result-score{font-size:20px}.results-actions{flex-direction:column;align-items:stretch}}.rubric{z-index:2;max-width:820px;margin:0 auto;padding:100px 24px 60px;position:relative}.rubric-header{margin-bottom:56px}.rubric-header h1{color:var(--text-1);letter-spacing:-1.5px;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700}.rubric-header p{color:var(--text-2);margin:0;font-size:16px;line-height:1.6}.rubric-section{margin-bottom:56px}.rubric-section h2{color:var(--text-1);letter-spacing:-.5px;margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.section-intro{color:var(--text-2);margin:0 0 24px;font-size:15px;line-height:1.6}.section-intro strong{color:var(--text-1)}.rubric-note{color:var(--text-2);border-radius:var(--radius-lg);background:var(--primary-50);border:1px solid var(--primary-200);margin:0 0 24px;padding:16px 20px;font-size:15px;line-height:1.6}.rubric-note strong{color:var(--primary-600)}.criteria-grid{flex-direction:column;gap:12px;display:flex}.criteria-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);padding:24px}.criteria-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.criteria-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.criteria-card h3{color:var(--text-1);margin:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.criteria-weight{color:var(--primary-600);border-radius:var(--radius-sm);background:var(--primary-50);padding:4px 10px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.criteria-card p{color:var(--text-2);margin:0;font-size:14px;line-height:1.65}.tiers{flex-direction:column;gap:12px;display:flex}.tier-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);gap:24px;padding:24px;display:flex}.tier-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.tier-left{flex-direction:column;align-items:center;gap:4px;min-width:100px;display:flex}.tier-range{color:var(--primary-600);white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.tier-label{letter-spacing:1px;text-transform:uppercase;color:var(--primary-500);opacity:.8;font-size:11px;font-weight:600}.tier-desc{color:var(--text-2);margin:0;font-size:14px;line-height:1.65}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.tip-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);padding:24px}.tip-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.tip-num{background:linear-gradient(135deg, var(--primary-400), var(--primary-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:1;display:block}.tip-card h3{color:var(--text-1);margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.tip-card p{color:var(--text-2);margin:0;font-size:13px;line-height:1.6}.match-algorithm{flex-direction:column;gap:16px;display:flex}.match-step{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);padding:24px}.match-step:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.match-step-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.match-step-num{border-radius:var(--radius-sm);background:var(--primary-50);width:28px;height:28px;color:var(--primary-600);border:1px solid var(--primary-200);place-items:center;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;display:grid}.match-step h3{color:var(--text-1);margin:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.match-step p{color:var(--text-2);margin:0;font-size:14px;line-height:1.65}.match-step p strong{color:var(--text-1)}.formula-box{border-radius:var(--radius-md);background:var(--primary-50);border:1px solid var(--primary-200);color:var(--text-1);margin-top:20px;padding:20px 24px;font-size:15px;line-height:1.6}.formula-box strong{color:var(--primary-600)}.formula-note{color:var(--text-3);margin-top:6px;font-size:13px;display:block}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.usage-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);padding:24px}.usage-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.usage-card h3{color:var(--text-1);margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.usage-card p{color:var(--text-2);margin:0;font-size:13px;line-height:1.6}.gen-details{flex-direction:column;gap:8px;display:flex}.gen-row{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.gen-row:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.gen-row strong{color:var(--text-1);white-space:nowrap;font-size:14px}.gen-row span{color:var(--text-2);text-align:right;font-size:13px}.empty-page{text-align:center;z-index:2;max-width:600px;margin:0 auto;padding:160px 24px 60px;position:relative}.empty-page h1{color:var(--text-1);letter-spacing:-1px;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700}.empty-page p{color:var(--text-3);margin:0;font-size:16px}@media (width<=600px){.rubric{padding:80px 16px 40px}.rubric-section{margin-bottom:40px}.tier-card{flex-direction:column;gap:12px}.tier-left{flex-direction:row;gap:8px}.tips-grid,.usage-grid{grid-template-columns:1fr}.gen-row{flex-direction:column;align-items:flex-start;gap:4px}.gen-row span{text-align:left}}.crop-overlay{z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.crop-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden}.crop-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.crop-modal-header h3{color:var(--text-1);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:18px;font-weight:600}.crop-close-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:32px;height:32px;color:var(--text-3);cursor:pointer;transition:all .2s var(--ease-out);background:0 0;justify-content:center;align-items:center;font-size:20px;display:flex}.crop-close-btn:hover{border-color:var(--border-hover);color:var(--text-1);background:var(--gray-50)}.crop-container{background:var(--gray-100);width:100%;height:340px;position:relative}.crop-controls{border-top:1px solid var(--border);align-items:center;gap:12px;padding:16px 24px;display:flex}.zoom-label{color:var(--text-3);flex-shrink:0;align-items:center;display:flex}.zoom-slider{appearance:none;border-radius:var(--radius-full);background:var(--gray-200);outline:none;flex:1;height:4px}.zoom-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-500);cursor:pointer;border:2px solid var(--surface);width:18px;height:18px;box-shadow:var(--shadow-sm), 0 0 0 2px var(--primary-200);transition:box-shadow .2s var(--ease-out);border-radius:50%}.zoom-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-sm), 0 0 0 4px var(--primary-100)}.zoom-slider::-moz-range-thumb{background:var(--primary-500);cursor:pointer;border:2px solid var(--surface);border-radius:50%;width:18px;height:18px}.zoom-value{color:var(--text-3);text-align:right;min-width:42px;font-size:13px;font-weight:500}.crop-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.crop-cancel-btn{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all .2s var(--ease-out);background:0 0;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.crop-cancel-btn:hover{border-color:var(--border-hover);color:var(--text-1);background:var(--gray-50)}.crop-save-btn{border-radius:var(--radius-md);background:var(--primary-600);color:#fff;cursor:pointer;transition:all .2s var(--ease-out);border:none;padding:10px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.crop-save-btn:hover{background:var(--primary-700)}.crop-save-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=520px){.crop-modal{max-width:100%}.crop-container{height:280px}}.profile-page{max-width:780px;margin:0 auto;padding:100px 24px 80px}.profile-loading{text-align:center;color:var(--text-3);padding:120px 24px;font-size:15px}.profile-header{margin-bottom:32px}.profile-header h1{color:var(--text-1);letter-spacing:-.5px;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700}.profile-header p{color:var(--text-2);margin:0;font-size:15px}.profile-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;padding-bottom:0;display:flex;overflow-x:auto}.profile-tab{color:var(--text-3);cursor:pointer;transition:color .2s var(--ease-out), border-color .2s var(--ease-out);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.profile-tab:hover{color:var(--text-2)}.profile-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.profile-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:32px}.profile-tab-content{flex-direction:column;gap:28px;display:flex}.tab-note{color:var(--text-2);background:var(--primary-50);border-radius:var(--radius-sm);border-left:3px solid var(--primary-400);margin:0;padding:10px 14px;font-size:13px}.avatar-section{justify-content:center;padding-bottom:8px;display:flex}.avatar-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.avatar-container{width:96px;height:96px;position:relative}.avatar-img,.avatar-placeholder{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border);width:96px;height:96px}.avatar-placeholder{background:var(--primary-50);color:var(--primary-600);justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:600;display:flex}.avatar-edit-btn{border-radius:var(--radius-full);border:2px solid var(--surface);background:var(--primary-600);color:#fff;cursor:pointer;width:30px;height:30px;transition:all .2s var(--ease-out);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:2px;right:2px}.avatar-edit-btn:hover{background:var(--primary-700);transform:scale(1.1)}.avatar-upload-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .2s var(--ease-out);padding:7px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.avatar-upload-btn:hover{border-color:var(--primary-300);color:var(--primary-600);box-shadow:var(--shadow-xs)}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-label span,.form-label-text{color:var(--text-2);font-size:13px;font-weight:500}.form-label.full-width{grid-column:1/-1}.label-hint{color:var(--text-3);font-size:12px;font-weight:400}.form-input{border-radius:var(--radius-md);border:1px solid var(--gray-200);color:var(--text-1);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);box-sizing:border-box;background:#fff;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px}.form-input.disabled,.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-50)}.resume-section{flex-direction:column;gap:12px;display:flex}.resume-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.resume-header-row h3{color:var(--text-1);margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.resume-header-row p{color:var(--text-3);margin:0;font-size:13px}.resume-upload-area{flex-shrink:0;align-items:center;gap:10px;display:flex}.resume-chip{border-radius:var(--radius-full);background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600);text-overflow:ellipsis;white-space:nowrap;max-width:160px;padding:4px 10px;font-size:12px;overflow:hidden}.resume-preview{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-xs);overflow:hidden}.resume-embed{border:none;width:100%;height:520px;display:block}.resume-empty{border-radius:var(--radius-md);border:1px dashed var(--gray-300);color:var(--text-3);text-align:center;background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.resume-empty svg{opacity:.4}.resume-empty p{margin:0;font-size:14px}.skills-section{flex-direction:column;gap:8px;display:flex}.tag-input-wrapper{position:relative}.tag-list{border-radius:var(--radius-md);border:1px solid var(--gray-200);min-height:46px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.tag-remove{color:var(--primary-400);cursor:pointer;opacity:.7;width:16px;height:16px;transition:opacity .15s var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.tag-count{color:var(--text-3);pointer-events:none;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.toggle-btn:hover:not(.active){border-color:var(--border-hover);color:var(--text-2);box-shadow:var(--shadow-xs)}.pay-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.pay-input{flex:1;min-width:120px}.any-checkbox{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding-bottom:10px;display:flex}.any-checkbox input{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-600)}.any-checkbox span{color:var(--text-2);font-size:14px}.profile-save-row{border-top:1px solid var(--border);justify-content:flex-end;margin-top:4px;padding-top:8px;display:flex}.profile-error{color:var(--error);border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;padding:10px 14px;font-size:14px}.profile-success{color:var(--success);border-radius:var(--radius-sm);background:#ecfdf5;border:1px solid #a7f3d0;padding:10px 14px;font-size:14px}.btn-ghost-sm:hover{border-color:var(--primary-300);color:var(--primary-600);box-shadow:var(--shadow-xs)}@media (width<=600px){.form-grid{grid-template-columns:1fr}.profile-panel{padding:20px}.pay-row{flex-direction:column;align-items:stretch}.any-checkbox{padding-bottom:0}}.jp-page{background:var(--bg);max-width:1100px;min-height:100vh;margin:0 auto;padding:100px 24px 80px}.jp-header{margin-bottom:28px}.jp-header h1{color:var(--text-1);letter-spacing:-1px;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700}.jp-header p{color:var(--text-3);margin:0;font-size:15px;line-height:1.6}.jp-view-toggle{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.jp-view-btn{color:var(--text-3);cursor:pointer;transition:color .2s var(--ease-out), border-color .2s var(--ease-out);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:flex}.jp-view-btn:hover{color:var(--text-2)}.jp-view-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px}.jp-view-btn.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.fav-count-badge{border-radius:var(--radius-full);background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600);padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4}.jp-filters{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;gap:16px;margin-bottom:28px;padding:16px 20px;display:flex}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{color:var(--text-3);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:500}.filter-toggles{flex-wrap:wrap;gap:6px;display:flex}.filter-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-3);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;padding:6px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.filter-btn:hover:not(.active){border-color:var(--gray-300);color:var(--text-2);background:var(--gray-100)}.filter-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:1px}.filter-btn.active{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-600)}.filter-salary .salary-inputs{align-items:center;gap:8px;display:flex}.salary-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-1);width:90px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);outline:none;padding:6px 10px;font-family:Inter,sans-serif;font-size:13px}.salary-input::placeholder{color:var(--text-3)}.salary-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.salary-dash{color:var(--text-3);font-size:14px}.filter-text-pair{align-items:flex-end;gap:12px;display:flex}.filter-text-item{flex-direction:column;gap:6px;display:flex}.filter-text-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-1);width:130px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);outline:none;padding:7px 12px;font-family:Inter,sans-serif;font-size:13px}.filter-text-input::placeholder{color:var(--text-3)}.filter-text-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.jp-loading,.jp-empty{text-align:center;color:var(--text-3);padding:80px 24px;font-size:15px}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease-out), box-shadow .25s var(--ease-out), transform .2s var(--ease-out);flex-direction:column;gap:12px;padding:20px;display:flex}.job-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.job-card-company{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.heart-btn{cursor:pointer;color:var(--text-3);transition:color .2s var(--ease-out), transform .2s var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;padding:2px 0;font-size:20px;line-height:1;display:inline-flex}.heart-btn:hover{color:var(--error);transform:scale(1.15)}.heart-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.heart-btn.active{color:var(--error);transform:scale(1.1)}.job-card-title{color:var(--text-1);margin:0;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.job-card-badges{flex-wrap:wrap;gap:6px;display:flex}.badge-location{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600)}.badge-location.badge-onsite{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600)}.job-card-skills{flex-wrap:wrap;gap:6px;display:flex}.skill-chip.skill-more{color:var(--text-3);background:var(--gray-50);border:1px dashed var(--gray-300)}.job-card-desc{color:var(--text-3);margin:0;font-size:13px;line-height:1.6}.job-card-actions{border-top:1px solid var(--border);justify-content:flex-end;margin-top:auto;padding-top:4px;display:flex}.fav-view{flex-direction:column;gap:20px;display:flex}.fav-interview-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding:18px 20px;display:flex}.fav-interview-bar-left{flex:1;min-width:0}.connect-cooldown{color:var(--text-3);font-size:13px}.connect-hint{color:var(--text-3);font-size:13px;font-style:italic}.fav-interview-btns{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.btn-interview{border-radius:var(--radius-md);cursor:pointer;transition:opacity .2s var(--ease-out), transform .15s var(--ease-out), box-shadow .2s var(--ease-out);white-space:nowrap;border:none;padding:11px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;position:relative;overflow:hidden}.btn-interview:not(:disabled):hover{opacity:.92;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-interview:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-interview.disabled,.btn-interview:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-connect{background:var(--error);color:#fff}.btn-mock{background:var(--primary-600);color:#fff}.fav-list{flex-direction:column;gap:10px;display:flex}.fav-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.fav-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-sm)}.fav-card-info{flex-direction:column;gap:4px;min-width:0;display:flex}.fav-card-company{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.fav-card-title{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;overflow:hidden}.fav-card-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.fav-remove-btn{border-radius:var(--radius-sm);color:var(--error);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;flex-shrink:0;padding:6px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.fav-remove-btn:hover{border-color:var(--error);background:#fee2e2}.fav-remove-btn:focus-visible{outline:2px solid var(--error);outline-offset:2px}.jp-toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary-500);color:var(--text-1);border-radius:var(--radius-md);z-index:9999;box-shadow:var(--shadow-lg);white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 48px);animation:toast-in .3s var(--ease-out);padding:12px 20px;font-size:14px;position:fixed;bottom:32px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.mock-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-xl);animation:modal-in .25s var(--ease-out);flex-direction:column;gap:20px;padding:32px;display:flex}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mock-modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mock-modal-header h2{color:var(--text-1);letter-spacing:-.5px;margin:0;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.mock-modal-desc{color:var(--text-3);margin:0;font-size:14px;line-height:1.5}.mock-modal-form{flex-direction:column;gap:16px;display:flex}.mock-modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.form-input:disabled{opacity:.4;cursor:not-allowed;background:var(--gray-50)}.btn-primary:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.job-detail-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:85vh;box-shadow:var(--shadow-xl);animation:modal-in .25s var(--ease-out);flex-direction:column;gap:20px;padding:36px 40px;display:flex;overflow-y:auto}.jdm-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.jdm-header-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.jdm-company{color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.jdm-title{color:var(--text-1);letter-spacing:-.5px;margin:0;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;line-height:1.3}.jdm-badges{flex-wrap:wrap;gap:6px;display:flex}.jdm-body{flex-direction:column;gap:24px;display:flex}.jdm-details-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.jdm-detail-item{border-radius:var(--radius-md);background:var(--gray-50);border:1px solid var(--border);flex-direction:column;gap:3px;padding:12px 16px;display:flex}.jdm-detail-label{color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.jdm-detail-value{color:var(--text-1);font-size:14px;font-weight:500}.jdm-section{flex-direction:column;gap:10px;display:flex}.jdm-section-title{color:var(--text-2);letter-spacing:.05em;text-transform:uppercase;margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.jdm-description{color:var(--text-2);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.jdm-skills{flex-wrap:wrap;gap:6px;display:flex}.jdm-req-list{flex-direction:column;gap:8px;display:flex}.jdm-req-item{align-items:baseline;gap:12px;display:flex}.jdm-req-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:110px;font-size:12px;font-weight:600}.jdm-req-value{color:var(--text-2);font-size:14px;line-height:1.5}.jdm-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.btn-unfav{color:var(--error)!important;background:#fef2f2!important;border-color:#fca5a5!important}@media (width<=768px){.jobs-grid{grid-template-columns:1fr}.jp-filters{flex-direction:column}.fav-interview-bar{flex-direction:column;align-items:stretch}.fav-interview-btns{flex-direction:column}.btn-interview{text-align:center;width:100%}.fav-card{flex-direction:column;align-items:stretch;gap:12px}.fav-remove-btn{align-self:flex-end}}@media (width<=480px){.jp-page{padding:90px 16px 60px}.jp-header h1{font-size:26px}.mock-modal,.job-detail-modal{padding:24px 20px}.jdm-title{font-size:19px}.jdm-details-row{grid-template-columns:1fr 1fr}}.hub-page{background:var(--bg);max-width:920px;min-height:100vh;margin:0 auto;padding:100px 28px 80px}.hub-header{margin-bottom:32px}.hub-header h1{color:var(--text-1);letter-spacing:-.8px;margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:1.2}.hub-header p{color:var(--text-3);margin:0;font-size:15px;line-height:1.5}.hub-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:28px;padding-bottom:0;display:flex}.hub-tab{color:var(--text-3);cursor:pointer;transition:color .25s var(--ease-out), border-color .25s var(--ease-out);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:flex}.hub-tab:hover{color:var(--text-2)}.hub-tab:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.hub-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:600}.hub-tab-badge{border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-600);padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4}.hub-loading{text-align:center;color:var(--text-3);padding:80px 24px;font-size:15px}.hub-content{flex-direction:column;gap:40px;display:flex}.hub-section{flex-direction:column;gap:14px;display:flex}.hub-section-header{align-items:center;gap:10px;display:flex}.hub-section-header h2{color:var(--text-1);letter-spacing:-.3px;margin:0;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.hub-section-count{border-radius:var(--radius-full);background:var(--gray-100);border:1px solid var(--border);color:var(--text-2);padding:2px 9px;font-size:12px;font-weight:600;line-height:1.4}.hub-empty{background:var(--bg-secondary);border:1px dashed var(--gray-300);border-radius:var(--radius-lg);text-align:center;padding:36px 24px}.hub-empty p{color:var(--text-3);margin:0 0 6px;font-size:14px;line-height:1.6}.hub-empty p:last-child{margin:0}.hub-empty-hint{color:var(--text-3)!important;font-size:13px!important}.link-btn{color:var(--primary-600);cursor:pointer;font-size:inherit;text-underline-offset:2px;transition:color .2s var(--ease-out);background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.link-btn:hover{color:var(--primary-700)}.link-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), transform .25s var(--ease-out);flex-direction:column;gap:12px;padding:20px;display:flex}.app-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.app-card-company{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.app-card-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.app-card-title{color:var(--text-1);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;line-height:1.3}.app-card-resume-row{flex-wrap:wrap;gap:6px;display:flex}.resume-status-chip{border-radius:var(--radius-full);padding:3px 10px;font-size:12px;font-weight:500}.app-card-editors{flex-direction:column;gap:8px;display:flex}.inline-editor{border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s var(--ease-out);overflow:hidden}.inline-editor:focus-within{border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-50)}.inline-editor-toggle-row{align-items:center;gap:8px;display:flex}.inline-editor-toggle{background:var(--surface);color:var(--text-2);cursor:pointer;text-align:left;transition:background .2s var(--ease-out), color .2s var(--ease-out);border:none;flex:1;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.inline-editor-toggle:hover{background:var(--gray-50);color:var(--primary-600)}.inline-upload-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;flex-shrink:0;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.inline-upload-btn:hover:not(:disabled){border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.inline-upload-btn:disabled{opacity:.45;cursor:not-allowed}.inline-error{color:var(--error);margin:4px 14px 0;font-size:12px}.inline-pdf-embed{border:none;width:100%;height:400px;display:block}.inline-editor-body{border-top:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.inline-textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-1);resize:vertical;min-height:100px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);box-sizing:border-box;outline:none;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;line-height:1.6}.inline-textarea::placeholder{color:var(--text-3)}.inline-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-50)}.inline-editor-actions{justify-content:flex-end;gap:8px;display:flex}.btn-primary-sm:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.app-card-footer{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.withdraw-btn{border-radius:var(--radius-sm);color:var(--error);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;background:0 0;border:1px solid #ef444433;padding:6px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.withdraw-btn:hover:not(:disabled){background:#ef44440d;border-color:#ef444459}.withdraw-btn:disabled{opacity:.45;cursor:not-allowed}.withdraw-btn:focus-visible{outline:2px solid var(--error);outline-offset:2px}.withdraw-confirm{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.withdraw-confirm-text{color:var(--text-2);white-space:nowrap;font-size:13px}.score-badge{border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:700}.score-orange{color:#ea580c;background:#f9731614;border:1px solid #f9731633}.sessions-list{flex-direction:column;gap:8px;display:flex}.session-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);overflow:hidden}.session-row:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md)}.session-row-clickable{cursor:pointer}.session-row-main{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.session-row-info{flex-direction:column;gap:3px;min-width:0;display:flex}.session-date{color:var(--text-3);white-space:nowrap;font-size:12px}.session-scope{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.session-row-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.session-expand-icon{color:var(--text-3);transition:transform .25s var(--ease-out);font-size:12px}.session-row-detail{border-top:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;gap:8px;padding:14px 18px;display:flex}.session-no-apps{color:var(--text-3);margin:0;padding:4px 0;font-size:13px}.session-app-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s var(--ease-out);align-items:center;gap:12px;padding:8px 12px;display:flex}.session-app-row:hover{border-color:var(--gray-300)}.session-app-company{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:100px;font-size:11px;font-weight:600}.session-app-title{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.hub-tab-action{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hub-cooldown{color:var(--text-3);font-size:13px}.btn-interview-hub{border-radius:var(--radius-lg);cursor:pointer;transition:background .25s var(--ease-out), transform .2s var(--ease-out), box-shadow .25s var(--ease-out);white-space:nowrap;color:#fff;border:none;padding:12px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;position:relative;overflow:hidden}.btn-interview-hub:hover:not(:disabled):not(.disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-interview-hub:active:not(:disabled):not(.disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-interview-hub.disabled,.btn-interview-hub:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-interview-hub:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-mock-hub{background:var(--primary-600)}.btn-mock-hub:hover:not(:disabled):not(.disabled){background:var(--primary-700)}.btn-connect-hub{background:var(--error)}.btn-connect-hub:hover:not(:disabled):not(.disabled){background:#dc2626}.hub-bottom-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:32px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;animation:modal-fade-in .2s var(--ease-out);background:#0f172a59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.hub-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-xl);animation:modal-slide-up .3s var(--ease-out);padding:36px 32px;position:relative}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hub-modal-icon{text-align:center;margin-bottom:12px;font-size:36px}.hub-modal h2{color:var(--text-1);letter-spacing:-.3px;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.hub-modal p{color:var(--text-2);margin:0 0 10px;font-size:14px;line-height:1.6}.hub-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.hub-modal-header h2{margin:0}.modal-close{color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);transition:color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border:none;flex-shrink:0;padding:4px;font-size:22px;line-height:1}.modal-close:hover{color:var(--text-1);background:var(--gray-100)}.modal-close:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.hub-modal-desc{color:var(--text-2);margin:0 0 20px;font-size:14px;line-height:1.6}.hub-modal-form{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.hub-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.btn-ghost-sm{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;background:0 0;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.btn-ghost-sm:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media (width<=700px){.apps-grid{grid-template-columns:1fr}.session-row-main{flex-wrap:wrap}.hub-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.hub-page{padding:88px 16px 60px}.hub-header h1{font-size:26px}.app-card-right{flex-wrap:wrap;justify-content:flex-end}.withdraw-confirm{flex-direction:column;align-items:flex-start;gap:8px}.hub-modal{border-radius:var(--radius-lg);padding:28px 20px}.btn-interview-hub{text-align:center;width:100%}}.cp-page{background:var(--bg);max-width:780px;margin:0 auto;padding:100px 24px 80px}.cp-loading{text-align:center;color:var(--text-3);padding:120px 24px;font-family:Inter,sans-serif;font-size:15px}.cp-header{margin-bottom:28px}.cp-header h1{color:var(--text-1);letter-spacing:-1px;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700}.cp-header p{color:var(--text-3);margin:0;font-size:15px;line-height:1.5}.cp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease-out);flex-direction:column;gap:20px;margin-bottom:20px;padding:28px 32px;display:flex}.cp-card:hover{box-shadow:var(--shadow-md)}.cp-card-title{color:var(--text-1);letter-spacing:-.3px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600}.cp-card-desc{color:var(--text-3);margin:-8px 0 0;font-size:13px;line-height:1.5}.cp-avatar-row{align-items:center;gap:20px;display:flex}.cp-avatar-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.cp-avatar-container{width:80px;height:80px;position:relative}.cp-avatar-img,.cp-avatar-placeholder{border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--border);width:80px;height:80px}.cp-avatar-edit-btn{border-radius:var(--radius-sm);border:2px solid var(--surface);background:var(--primary-500);color:#fff;cursor:pointer;width:26px;height:26px;transition:all .2s var(--ease-out);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:-2px;right:-2px}.cp-avatar-edit-btn:hover{background:var(--primary-600);transform:scale(1.1)}.cp-avatar-placeholder{background:var(--primary-50);color:var(--primary-500);border-color:var(--primary-100);justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;display:flex}.cp-avatar-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;padding:5px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.cp-avatar-btn:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.cp-company-name-block{flex-direction:column;gap:4px;display:flex}.cp-company-name{color:var(--text-1);letter-spacing:-.5px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.cp-company-email{color:var(--text-3);font-size:13px}.cp-textarea{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-1);resize:vertical;min-height:130px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);box-sizing:border-box;outline:none;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.cp-textarea::placeholder{color:var(--text-3)}.cp-textarea:focus{border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-50)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label span{color:var(--text-2);font-size:13px;font-weight:500}.tag-chip{border-radius:var(--radius-full);background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600);transition:background .15s var(--ease-out);align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:500;display:flex}.tag-chip:hover{background:var(--primary-100)}.tag-remove{color:var(--primary-400);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:15px;line-height:1;transition:opacity .15s;display:flex}.cp-save-row{border-top:1px solid var(--border);justify-content:flex-end;padding-top:4px;display:flex}.cp-success{color:var(--success);border-radius:var(--radius-sm);background:#ecfdf5;border:1px solid #a7f3d0;padding:10px 14px;font-size:13px}.cp-error{color:var(--error);border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;padding:10px 14px;font-size:13px}.btn-primary{border-radius:var(--radius-md);background:var(--primary-600);color:#fff;cursor:pointer;transition:background .2s var(--ease-out), transform .15s var(--ease-out), box-shadow .2s var(--ease-out);white-space:nowrap;box-shadow:var(--shadow-xs);border:none;padding:10px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;position:relative;overflow:hidden}.btn-primary:not(:disabled):active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-shimmer{transition:transform .5s var(--ease-out);background:linear-gradient(105deg,#0000 40%,#ffffff2e 50%,#0000 60%);position:absolute;inset:0;transform:translate(-100%)}@media (width<=600px){.cp-page{padding:90px 16px 60px}.cp-card{border-radius:var(--radius-md);padding:20px}.cp-avatar-row{flex-direction:column;align-items:flex-start}.cp-header h1{font-size:26px}.btn-primary{text-align:center;width:100%}}.cj-page{max-width:1000px;margin:0 auto;padding:100px 24px 80px}.cj-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.cj-header-row h1{color:var(--text-1);letter-spacing:-1px;margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700}.cj-header-row p{color:var(--text-3);margin:0;font-size:15px}.cj-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.cj-tab{color:var(--text-3);cursor:pointer;transition:color .2s var(--ease-out), border-color .2s var(--ease-out);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:flex}.cj-tab:hover{color:var(--text-2)}.cj-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.cj-tab-count{border-radius:var(--radius-full);background:var(--gray-100);border:1px solid var(--border);color:var(--text-3);padding:2px 7px;font-size:12px;font-weight:600;line-height:1.4}.cj-tab.active .cj-tab-count{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600)}.cj-loading,.cj-empty{text-align:center;color:var(--text-3);padding:60px 24px;font-size:15px}.cj-grid{flex-direction:column;gap:12px;display:flex}.cj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);flex-direction:column;gap:14px;padding:20px 24px;display:flex}.cj-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.cj-card-past{opacity:.6}.cj-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cj-card-title{color:var(--text-1);margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600}.cj-card-industry{color:var(--text-3);font-size:12px}.cj-card-badges{flex-wrap:wrap;gap:6px;display:flex}.cj-metrics{flex-wrap:wrap;gap:10px;display:flex}.metric-chip{border-radius:var(--radius-sm);background:var(--gray-50);border:1px solid var(--border);align-items:center;gap:6px;padding:5px 12px;display:flex}.metric-chip-strong{background:#10b9810f;border-color:#10b98140}.metric-num{color:var(--text-1);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.metric-chip-strong .metric-num{color:var(--success)}.metric-label{color:var(--text-3);white-space:nowrap;font-size:12px}.cj-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;display:flex}.deactivate-btn{color:var(--text-3)!important}.deactivate-btn:hover{color:var(--error)!important;border-color:#ef44444d!important}.badge{border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:500}.badge-location{color:var(--primary-500);background:#6366f114;border:1px solid #6366f133}.badge-location.badge-remote{color:var(--success);background:#10b98114;border-color:#10b98133}.badge-location.badge-hybrid{color:var(--warning);background:#f59e0b14;border-color:#f59e0b33}.badge-hours{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600)}.badge-level{background:var(--gray-50);border:1px solid var(--border);color:var(--text-2)}.badge-salary{color:var(--success);background:#10b98114;border:1px solid #10b98133}.job-form-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.job-form-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.job-form-header h2{color:var(--text-1);letter-spacing:-.3px;margin:0;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.panel-close{color:var(--text-3);cursor:pointer;transition:color .2s var(--ease-out);background:0 0;border:none;padding:4px;font-size:22px;line-height:1}.panel-close:hover{color:var(--text-1)}.job-form-body{flex-direction:column;gap:18px;padding:24px;display:flex}.form-row-2,.form-row-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label{flex-direction:column;gap:7px;display:flex}.form-label>span,.form-label>span:first-child{color:var(--text-2);font-size:13px;font-weight:500}.req{color:var(--error)}.hint-text{color:var(--text-3);font-size:12px;font-weight:400}.form-input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-1);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px}.form-input::placeholder{color:var(--text-3)}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11a}.form-textarea{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-1);resize:vertical;min-height:90px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.form-textarea::placeholder{color:var(--text-3)}.form-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11a}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.toggle-group{flex-wrap:wrap;gap:8px;display:flex}.toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-3);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.toggle-btn:hover:not(.active){border-color:var(--border-hover);color:var(--text-2)}.toggle-btn.active{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-600)}.salary-row{align-items:center;gap:10px;display:flex}.salary-input{flex:1;min-width:90px}.salary-dash{color:var(--text-3);flex-shrink:0;font-size:14px}.tag-list{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);cursor:text;min-height:46px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.tag-list:focus-within{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11a}.tag-chip{border-radius:var(--radius-full);background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600);align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:500;display:flex}.tag-remove{color:var(--primary-400);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:15px;line-height:1;display:flex}.tag-remove:hover{opacity:1;color:var(--primary-600)}.tag-text-input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:120px;font-family:Inter,sans-serif;font-size:14px}.tag-text-input::placeholder{color:var(--text-3)}.questions-list{flex-direction:column;gap:8px;display:flex}.question-row{align-items:center;gap:8px;display:flex}.question-row .form-input{flex:1}.question-remove{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;width:36px;height:40px;transition:all .2s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.question-remove:hover:not(:disabled){color:var(--error);background:#ef44440a;border-color:#ef44444d}.question-remove:disabled{opacity:.3;cursor:not-allowed}.add-question-btn{border-radius:var(--radius-sm);border:1px dashed var(--border);color:var(--text-3);cursor:pointer;transition:all .2s var(--ease-out);text-align:left;background:0 0;width:fit-content;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.add-question-btn:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.form-error{color:var(--error);border-radius:var(--radius-sm);background:#ef44440f;border:1px solid #ef444426;padding:10px 14px;font-size:13px}.job-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.btn-primary{border-radius:var(--radius-md);background:var(--primary-600);color:#fff;cursor:pointer;transition:background .2s var(--ease-out), transform .15s var(--ease-out), box-shadow .2s var(--ease-out);white-space:nowrap;border:none;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;position:relative;overflow:hidden}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary:not(:disabled):hover{background:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-shimmer{background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:not(:disabled):hover .btn-shimmer{transform:translate(100%)}.btn-primary-sm:hover{background:var(--primary-700);box-shadow:var(--shadow-sm)}.btn-ghost-sm:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.job-detail-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:80vh;box-shadow:var(--shadow-xl);padding:32px;overflow-y:auto}.job-detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.job-detail-header h2{color:var(--text-1);letter-spacing:-.3px;margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.job-detail-industry{color:var(--text-3);margin:0;font-size:13px}.modal-close-btn{color:var(--text-3);cursor:pointer;transition:color .2s var(--ease-out);background:0 0;border:none;flex-shrink:0;padding:0;font-size:24px;line-height:1}.modal-close-btn:hover{color:var(--text-1)}.job-detail-badges{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.badge-meta{background:var(--gray-50);border:1px solid var(--border);color:var(--text-2)}.job-detail-body{flex-direction:column;gap:20px;display:flex}.job-detail-section p{color:var(--text-2);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.job-detail-section-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.job-detail-skills{flex-wrap:wrap;gap:6px;display:flex}.job-detail-questions{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.job-detail-questions li{color:var(--text-2);font-size:14px;line-height:1.5}@media (width<=640px){.form-row-2,.form-row-pair{grid-template-columns:1fr}.cj-header-row{flex-direction:column;align-items:stretch}.cj-card-top{flex-direction:column}}@media (width<=480px){.cj-page{padding:90px 16px 60px}.job-form-body{padding:16px}.job-detail-modal{border-radius:var(--radius-lg);padding:20px}}.ca-page{background:var(--bg);max-width:1200px;margin:0 auto;padding:100px 24px 80px}.ca-breadcrumb{align-items:center;gap:8px;margin-bottom:20px;display:flex}.breadcrumb-btn{color:var(--text-3);cursor:pointer;transition:color .2s var(--ease-out);background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:13px}.breadcrumb-btn:hover{color:var(--primary-600)}.breadcrumb-sep{color:var(--text-3);font-size:13px}.breadcrumb-current{color:var(--text-2);font-size:13px;font-weight:500}.ca-header{margin-bottom:24px}.ca-header h1{color:var(--text-1);letter-spacing:-.8px;margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.ca-header p{color:var(--text-3);margin:0;font-size:14px}.ca-loading,.ca-empty{text-align:center;color:var(--text-3);padding:80px 24px;font-size:15px}.ca-split{grid-template-columns:300px 1fr;align-items:start;gap:16px;display:grid}.ca-list{flex-direction:column;gap:6px;max-height:calc(100vh - 120px);display:flex;position:sticky;top:90px;overflow-y:auto}.ca-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color .2s var(--ease-out), background .15s var(--ease-out), box-shadow .2s var(--ease-out);align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:Inter,sans-serif;display:flex}.ca-list-item:hover{border-color:var(--border-hover);background:var(--gray-50);box-shadow:var(--shadow-xs)}.ca-list-item.selected{border-color:var(--primary-300);background:var(--primary-50);box-shadow:var(--shadow-sm)}.ca-list-avatar{flex-shrink:0}.ca-avatar-img,.ca-avatar-placeholder{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border);width:40px;height:40px}.ca-avatar-placeholder{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200);justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;display:flex}.ca-list-info{flex:1;min-width:0}.ca-list-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.ca-list-meta{margin-top:3px}.score-badge{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:700}.score-badge-lg{padding:4px 12px;font-size:14px}.score-green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.score-yellow{color:#b45309;background:#fffbeb;border:1px solid #fcd34d}.score-red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.status-chip{border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:500}.status-applied{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--text-2)}.status-viewed{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600)}.status-contacted{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-withdrawn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.ca-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:24px;padding:28px;display:flex}.ca-detail-header{flex-direction:column;gap:14px;display:flex}.ca-detail-avatar-row{align-items:center;gap:16px;display:flex}.ca-detail-avatar,.ca-detail-avatar-placeholder{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border);flex-shrink:0;width:64px;height:64px}.ca-detail-avatar-placeholder{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200);justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;display:flex}.ca-detail-name{color:var(--text-1);letter-spacing:-.5px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.ca-detail-sub{gap:12px;margin-top:4px;display:flex}.ca-detail-sub span{color:var(--text-3);font-size:13px}.ca-contact-row{flex-wrap:wrap;gap:8px;display:flex}.ca-contact-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-2);transition:all .2s var(--ease-out);white-space:nowrap;padding:7px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-decoration:none}.ca-contact-btn:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.ca-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:20px;display:flex}.ca-section-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.ca-section-title{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.ca-skills{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{border-radius:var(--radius-sm);background:var(--gray-50);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;padding:3px 10px;font-size:12px}.resume-chip{border-radius:var(--radius-full);padding:3px 10px;font-size:12px;font-weight:500}.chip-tailored{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.chip-default{background:var(--gray-50);border:1px solid var(--border);color:var(--text-3)}.ca-toggle-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .2s var(--ease-out);width:fit-content;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.ca-toggle-btn:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.ca-text-box{color:var(--text-2);background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;max-height:300px;padding:16px;font-family:Inter,sans-serif;font-size:13px;line-height:1.7;overflow-y:auto}.ca-resume-embed{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:480px;display:block}.ca-no-content{color:var(--text-3);margin:0;font-size:13px;font-style:italic}.ca-score-bars{flex-direction:column;gap:14px;display:flex}.score-bar-row{flex-direction:column;gap:5px;display:flex}.score-bar-header{justify-content:space-between;align-items:center;display:flex}.score-bar-label{color:var(--text-2);font-size:13px;font-weight:500}.score-bar-right{align-items:center;gap:8px;display:flex}.score-bar-pct{color:var(--text-3);font-size:11px}.score-bar-val{color:var(--text-1);text-align:right;min-width:28px;font-size:13px;font-weight:700}.score-bar-track{background:var(--gray-100);border-radius:3px;height:6px;overflow:hidden}.score-bar-fill{height:100%;transition:width .6s var(--ease-out);border-radius:3px}.ca-status-section{gap:12px}.ca-status-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ca-status-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-primary-sm{border-radius:var(--radius-md);background:var(--primary-600);color:#fff;cursor:pointer;transition:background .2s var(--ease-out), box-shadow .2s var(--ease-out);white-space:nowrap;border:none;padding:7px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.btn-primary-sm:disabled{opacity:.45;cursor:not-allowed}.btn-primary-sm:not(:disabled):hover{background:var(--primary-700);box-shadow:var(--shadow-sm)}.btn-ghost-sm{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.btn-ghost-sm:disabled{opacity:.4;cursor:not-allowed}.btn-ghost-sm:not(:disabled):hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}@media (width<=900px){.ca-split{grid-template-columns:1fr}.ca-list{max-height:none;position:static}}@media (width<=480px){.ca-page{padding:90px 16px 60px}.ca-detail{padding:20px}}.gradient-text{background:linear-gradient(135deg, var(--primary-500), var(--accent-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reveal{opacity:0;transition:opacity .6s var(--ease-out) var(--d,0s), transform .6s var(--ease-out) var(--d,0s);transform:translateY(24px)}.reveal.revealed{opacity:1;transform:none}.site{z-index:1;background:var(--bg);min-height:100vh;animation:site-in .6s var(--ease-out);position:relative}@keyframes site-in{0%{opacity:0}to{opacity:1}}.welcome{background:var(--gray-900);cursor:pointer;z-index:100;transition:opacity .7s var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome.exit{opacity:0}.welcome-canvas{width:100%;height:100%;position:absolute;inset:0}.noise-overlay,.scanline{display:none}.welcome-content{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex;position:relative}.welcome-badge{letter-spacing:4px;text-transform:uppercase;color:var(--primary-300);opacity:0;transition:all .8s var(--ease-out);align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;display:flex;transform:translateY(10px)scale(.95)}.welcome-badge.in{opacity:1;transform:none}.welcome-title{letter-spacing:-2px;flex-direction:column;gap:4px;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,7.5vw,80px);font-weight:700;line-height:1.08;display:flex}.title-line{opacity:0;transition:all .9s var(--ease-out);color:#fff;display:block;transform:translateY(30px)}.welcome-title.in .title-line{opacity:1;transform:none}.welcome-title.in .title-line:nth-child(2){transition-delay:.12s}.title-gradient{background:linear-gradient(135deg, var(--primary-300), var(--accent-400))!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.welcome-sub{color:#ffffff80;letter-spacing:.5px;opacity:0;transition:all .8s var(--ease-out) .25s;font-size:clamp(17px,2.2vw,22px);font-weight:400;transform:translateY(15px)}.welcome-sub.in{opacity:1;transform:none}.welcome-cta{color:#ffffff59;letter-spacing:3px;text-transform:uppercase;opacity:0;transition:all .8s var(--ease-out);align-items:center;gap:14px;margin-top:20px;font-size:13px;display:flex;transform:translateY(10px)}.welcome-cta.in{opacity:1;animation:3s ease-in-out 1s infinite gentle-pulse;transform:none}@keyframes gentle-pulse{0%,to{opacity:.5}50%{opacity:1}}.cta-ring{border:1.5px solid var(--primary-400);border-radius:50%;place-items:center;width:24px;height:24px;animation:4s linear infinite ring-spin;display:grid}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-dot{background:var(--primary-400);border-radius:50%;width:5px;height:5px}.corners{display:none}.aurora{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.aurora-blob{filter:blur(120px);border-radius:50%;position:absolute}.a1{background:radial-gradient(circle,#6366f10f 0%,#0000 70%);width:800px;height:800px;animation:25s ease-in-out infinite alternate drift1;top:-20%;left:-10%}.a2{background:radial-gradient(circle,#14b8a60d 0%,#0000 70%);width:600px;height:600px;animation:20s ease-in-out infinite alternate drift2;top:40%;right:-15%}.a3{background:radial-gradient(circle,#8b5cf60a 0%,#0000 70%);width:500px;height:500px;animation:22s ease-in-out infinite alternate drift3;bottom:-10%;left:30%}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(60px,40px)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-50px,-30px)}}@keyframes drift3{0%{transform:translate(0)}to{transform:translate(40px,-50px)}}.nav{z-index:50;-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border);background:#ffffffd9;justify-content:space-between;align-items:center;height:64px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:-.5px;color:var(--text-1);align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;display:flex}.nav-dot{background:linear-gradient(135deg, var(--primary-500), var(--accent-500));border-radius:50%;width:8px;height:8px}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-2);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-1)}.nav-right{align-items:center;gap:12px;display:flex}.nav-link{color:var(--text-2);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-1)}.btn-nav{border-radius:var(--radius-md);background:var(--primary-600);color:#fff;cursor:pointer;transition:all .2s var(--ease-out);border:none;padding:8px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;position:relative;overflow:hidden}.btn-nav:hover{background:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hero{text-align:center;background:linear-gradient(180deg, var(--primary-50) 0%, var(--bg) 60%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(var(--gray-200) 1px, transparent 1px), linear-gradient(90deg, var(--gray-200) 1px, transparent 1px);transform-origin:top;pointer-events:none;background-size:80px 80px;width:200%;height:100%;position:absolute;top:0;left:-50%;transform:perspective(500px)rotateX(60deg);-webkit-mask-image:linear-gradient(#00000026 0%,#0000 50%);mask-image:linear-gradient(#00000026 0%,#0000 50%)}.hero-spotlight{pointer-events:none;background:radial-gradient(#6366f114 0%,#14b8a60a 30%,#0000 65%);width:140%;height:80%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.hero-content{z-index:2;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.hero-badge{letter-spacing:1px;text-transform:uppercase;color:var(--primary-600);border-radius:var(--radius-full);border:1px solid var(--primary-200);background:var(--primary-50);align-items:center;gap:10px;padding:8px 18px;font-size:13px;font-weight:600;display:flex}.badge-pulse{background:var(--primary-500);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite badge-glow}@keyframes badge-glow{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-2.5px;color:var(--text-1);font-family:Space Grotesk,sans-serif;font-size:clamp(42px,7vw,76px);font-weight:700;line-height:1.05}.hero-title .gradient-text{font-size:inherit;letter-spacing:inherit;line-height:inherit}.hero-desc{color:var(--text-2);max-width:560px;font-size:clamp(16px,1.8vw,18px);line-height:1.7}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.btn-primary{border-radius:var(--radius-md);background:var(--primary-600);color:#fff;cursor:pointer;transition:all .2s var(--ease-out);letter-spacing:.2px;white-space:nowrap;border:none;padding:14px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;position:relative;overflow:hidden}.btn-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover .btn-shimmer,.btn-nav:hover .btn-shimmer{left:100%}.btn-primary:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{box-shadow:none;transform:none}.btn-lg{padding:16px 36px;font-size:16px}.btn-ghost{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-1);cursor:pointer;transition:all .2s var(--ease-out);align-items:center;gap:8px;padding:14px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{border-color:var(--border-hover);background:var(--gray-50);box-shadow:var(--shadow-sm)}.stats{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);z-index:2;align-items:center;gap:40px;margin-top:56px;padding:28px 44px;display:flex;position:relative}.stat{text-align:center;flex-direction:column;gap:4px;display:flex}.stat-num{color:var(--primary-600);font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700}.stat-text{font-size:20px}.stat-label{color:var(--text-3);letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:500}.stat-div{background:var(--border);width:1px;height:36px}.section-head{text-align:center;max-width:600px;margin:0 auto 64px}.tag{letter-spacing:2px;text-transform:uppercase;color:var(--primary-600);margin-bottom:16px;font-size:13px;font-weight:700;display:block}.section-head h2{letter-spacing:-1px;color:var(--text-1);margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.1}.section-head p{color:var(--text-2);font-size:16px;line-height:1.6}.features{background:var(--bg-secondary);padding:120px 48px;position:relative}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1060px;margin:0 auto;display:grid}.feat-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);transition:all .3s var(--ease-out);cursor:default;padding:32px 28px;position:relative;overflow:hidden}.feat-card-glow,.feat-card:before{display:none}.feat-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feat-icon{color:var(--primary-600);border-radius:var(--radius-md);background:var(--primary-50);border:1px solid var(--primary-100);place-items:center;width:48px;height:48px;margin-bottom:20px;display:grid}.feat-card h3{color:var(--text-1);margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.feat-card p{color:var(--text-2);margin:0;font-size:14px;line-height:1.65}.how{padding:120px 48px;position:relative}.how:before,.features:before{display:none}.steps{justify-content:center;gap:24px;max-width:960px;margin:0 auto;display:flex}.step{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);transition:all .3s var(--ease-out);flex:1;padding:40px 28px;position:relative}.step:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-num{background:linear-gradient(135deg, var(--primary-200), var(--accent-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;line-height:1}.step h3{color:var(--text-1);margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.step p{color:var(--text-2);margin:0;font-size:14px;line-height:1.65}.step-line{background:var(--primary-200);border-radius:1px;width:24px;height:2px;position:absolute;top:50%;right:-13px}.cta-section{text-align:center;background:linear-gradient(180deg, var(--bg) 0%, var(--primary-50) 100%);padding:120px 48px;position:relative;overflow:hidden}.cta-section:before,.cta-glow{display:none}.cta-section h2{color:var(--text-1);letter-spacing:-1px;margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:700;position:relative}.cta-section p{color:var(--text-2);margin:0 0 40px;font-size:17px;position:relative}.footer{border-top:1px solid var(--border);background:var(--bg);padding:32px 48px}.footer-inner{justify-content:space-between;align-items:center;max-width:1060px;margin:0 auto;display:flex}.footer p{color:var(--text-3);margin:0;font-size:13px}@media (width<=768px){.nav{padding:0 20px}.nav-links{display:none}.hero{padding:100px 20px 60px}.hero-title{letter-spacing:-1.5px}.stats{flex-direction:column;gap:16px;padding:24px}.stat-div{width:40px;height:1px}.features,.how,.cta-section{padding:80px 20px}.steps{flex-direction:column}.step-line{display:none}.footer-inner{text-align:center;flex-direction:column;gap:12px}}