@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Hanken+Grotesk:wght@400..700&family=JetBrains+Mono:wght@400..600&display=swap";:root{--ink:#070b14;--surface-1:#0e1422;--surface-2:#161e30;--surface-3:#1c273d;--line:#ffffff14;--line-strong:#ffffff29;--text:#eaeef7;--text-muted:#93a0b8;--text-dim:#5e6b85;--green:#34e5a1;--teal:#1fd3d8;--blue:#4b81ff;--violet:#8a6bff;--red:#ff7a85;--amber:#f2b05e;--aurora:linear-gradient(100deg, #34e5a1 0%, #1fd3d8 32%, #4b81ff 66%, #8a6bff 100%);--display:"Bricolage Grotesque", sans-serif;--body:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--body);background:var(--ink);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em}.app{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.app-header{background:radial-gradient(75% 130% at 95% 100%, #8a6bff38, transparent 55%), radial-gradient(60% 120% at 4% 78%, #34e5a11a, transparent 55%), linear-gradient(115deg, var(--ink) 0%, var(--surface-1) 55%, #15122b 100%);color:var(--text);border-bottom:1px solid var(--line);text-align:left;border-radius:0 0 18px 18px;margin:0 -1rem 2rem;padding:2rem 2rem 1.5rem;box-shadow:0 12px 40px #00000073}.header-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-user{color:#fffffff2;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.app-header h1{font-family:var(--display);color:#fff;letter-spacing:-.02em;font-size:1.9rem;font-weight:700}.brand-lockup{align-items:center;gap:.55rem;margin:0;display:inline-flex}.brand-mark{flex-shrink:0;width:auto;height:1.4em;display:block}.login-card .brand-lockup{justify-content:center}.app-header p{color:#ffffffeb;margin-top:.35rem;font-weight:500}.app-header .btn-secondary{color:#fff;background:#ffffff2e;border:1px solid #fff6}.app-header .btn-secondary:hover{background:#ffffff47}.login-container{background:radial-gradient(50% 60% at 18% 22%, #34e5a11a, transparent 60%), radial-gradient(55% 60% at 85% 80%, #8a6bff1f, transparent 60%), var(--ink);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--surface-1);border:1px solid var(--line);text-align:center;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 24px 60px #0006}.login-card h1{margin-bottom:.25rem;font-size:1.5rem}.login-subtitle{color:var(--text-muted);margin-bottom:1.5rem}.login-field{text-align:left;margin-bottom:1rem}.login-field label{margin-bottom:.35rem;font-size:.9rem;font-weight:600;display:block}.dashboard-hero{text-align:center;flex-direction:column;align-items:center;gap:.85rem;padding:3.5rem 1.5rem;display:flex}.dashboard-hero-button{font-family:var(--display);color:#06210f;background:var(--aurora);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:18px 40px;font-size:17px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #34e5a147}.dashboard-hero-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #4b81ff66}.dashboard-hero-button .plus-icon{font-size:20px;font-weight:600;line-height:1}.dashboard-hero-subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.dashboard-past-section{margin-top:2.5rem}.dashboard-past-section h2{margin-bottom:1.5rem;font-size:1.3rem}.dashboard-list{flex-direction:column;gap:.5rem;display:flex}.dashboard-item{background:var(--surface-1);border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:border-color .2s,background .2s;display:flex}.dashboard-item:hover{border-color:var(--line-strong);background:var(--surface-2)}.dashboard-item-main{flex-direction:column;gap:.15rem;display:flex}.dashboard-item-main strong{font-size:.95rem}.dashboard-item-line{font-size:.95rem;font-weight:400}.dashboard-item-line strong{font-weight:600}.dashboard-item-job{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-size:.8rem;overflow:hidden}.dashboard-item-meta{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.dashboard-mode{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.dashboard-mode.interviewer{color:var(--blue);background:#4b81ff24}.dashboard-mode.candidate{color:var(--green);background:#34e5a11f}.dashboard-date{color:var(--text-dim);font-size:.75rem}.upload-card{background:var(--surface-1);border:1px solid var(--line);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000004d}.upload-field{margin-bottom:1.5rem}.upload-field label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.drop-zone{border:2px dashed var(--line-strong);text-align:center;cursor:pointer;background:var(--surface-2);border-radius:8px;padding:2rem;transition:border-color .2s,background .2s}.drop-zone:hover{border-color:var(--green);background:#34e5a10f}.drop-zone.has-file{border-color:var(--teal);background:#1fd3d812}.text-input{background:var(--surface-2);width:100%;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #34e5a12e}.text-input::placeholder{color:var(--text-dim)}.drop-zone .placeholder{color:var(--text-muted)}.drop-zone .file-name{color:var(--green);font-weight:600}.btn-primary{background:var(--aurora);color:#06210f;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.85rem;font-size:1rem;font-weight:700;transition:filter .2s,box-shadow .2s;display:block}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 20px #34e5a140}.btn-primary:disabled{background:var(--surface-3);color:var(--text-dim);cursor:not-allowed}.btn-secondary{color:var(--text);border:1px solid var(--line-strong);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s}.btn-secondary:hover{border-color:var(--green);background:#ffffff14}.mode-toggle{margin-bottom:1.5rem}.mode-label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.mode-options{border:1px solid var(--line-strong);border-radius:8px;gap:0;display:flex;overflow:hidden}.mode-btn{background:var(--surface-2);cursor:pointer;color:var(--text-muted);border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.65rem 1rem;font-size:.9rem;font-weight:500;transition:background .2s,color .2s;display:flex}.mode-btn+.mode-btn{border-left:1px solid var(--line)}.mode-btn.active{background:var(--aurora);color:#06210f}.mode-btn:disabled{opacity:.45;cursor:not-allowed;background:var(--surface-1)}.mode-credits-sub{opacity:.8;font-size:.7rem;font-weight:400}.mode-single{border:1px solid var(--line);color:var(--text);background:#34e5a112;border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.mode-single strong{color:var(--green)}.mode-credits{color:var(--text-muted);font-weight:400}.mode-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.loading{text-align:center;padding:4rem 2rem}.spinner{border:4px solid var(--surface-3);border-top-color:var(--green);border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:var(--text);font-size:1.1rem}.loading-sub{text-align:center;max-width:640px;margin-top:.25rem;line-height:1.5;color:var(--text-muted)!important;font-size:1.15rem!important}.report-view{background:linear-gradient(180deg, var(--surface-2), var(--surface-1));border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #0006}.report-tabs{border-bottom:2px solid var(--line);display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:.85rem 1rem;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--green)}.tab-btn.active{color:var(--green);border-bottom-color:var(--green)}.scorecard-loading{text-align:center;padding:3rem 2rem}.scorecard-loading p{color:var(--text-muted);margin-top:.5rem;font-size:1rem}.sc-item{border-left:3px solid;margin-bottom:.75rem;padding:.6rem .75rem .6rem 10px;line-height:1.5}.sc-item .sc-label{letter-spacing:.05em;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}.sc-strong{border-left-color:var(--green)}.sc-strong .sc-label{color:var(--green)}.sc-gap{border-left-color:var(--amber)}.sc-gap .sc-label{color:var(--amber)}.sc-transfer{border-left-color:var(--blue)}.sc-transfer .sc-label{color:var(--blue)}.report-actions{border-bottom:1px solid var(--line);gap:.75rem;padding:1rem 1.5rem;display:flex}.report-content{padding:2rem 1.5rem}.report-content h2{color:var(--text);border-bottom:2px solid var(--green);margin-top:2rem;margin-bottom:.75rem;padding-bottom:.5rem}.report-content h2:first-child{margin-top:0}.report-content ol,.report-content ul{margin-bottom:1rem;padding-left:1.5rem}.report-content li{margin-bottom:.5rem}.report-content p{margin-bottom:1rem}.report-meta{border-top:1px solid var(--line);color:var(--text-dim);text-align:right;padding:.75rem 1.5rem;font-size:.8rem}.error-banner{color:var(--red);background:#ff7a851a;border:1px solid #ff7a8547;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.error-banner button{color:var(--red);cursor:pointer;background:0 0;border:none;font-weight:600}.info-banner{color:var(--blue);background:#4b81ff14;border:1px solid #4b81ff47;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.info-banner ul{margin:.25rem 0 0;padding-left:1.25rem}.info-banner li{margin-bottom:.15rem}.credits-banner{text-align:center;border-radius:8px;margin-bottom:1rem;padding:.65rem 1rem;font-size:.9rem}.credits-green{color:var(--green);background:#34e5a11a;border:1px solid #34e5a147}.credits-amber{color:var(--amber);background:#f2b05e1a;border:1px solid #f2b05e4d}.credits-red{color:var(--red);background:#ff7a851a;border:1px solid #ff7a8547}.admin-card{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.admin-card h3{margin-bottom:1rem;font-size:1rem}.invite-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.invite-form .text-input{flex:1;min-width:180px}.invite-form select{min-width:100px}.invite-link-box{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.invite-link-box .text-input{flex:1;font-size:.8rem}.admin-user-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.admin-user-row:last-child{border-bottom:none}.admin-user-info{flex-direction:column;flex:1;gap:.1rem;display:flex}.admin-user-email{color:#888;font-size:.8rem}.admin-user-badges{gap:.35rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:600}.badge-role-admin{color:#92400e;background:#fef3c7}.badge-role-guest{color:#6b7280;background:#f3f4f6}.badge-type-trial{color:#1e40af;background:#eff6ff}.badge-type-full{color:#166534;background:#f0fdf4}.badge-type-admin{color:#92400e;background:#fef3c7}.admin-user-credits{flex-direction:column;align-items:flex-end;min-width:100px;font-size:.85rem;display:flex}.admin-user-usage{color:#999;font-size:.75rem}.btn-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:background .2s}.btn-danger:hover{background:#fef2f2}.print-only-header,.print-only-footer{display:none}@media print{.app-header,.credits-banner,.report-actions,.report-tabs,nav,header,footer,button{display:none!important}.report-tab-panel{display:block!important}.report-tab-scorecard{page-break-before:always}.print-only-header,.print-only-footer{display:block!important}.print-only-header{margin-bottom:24px}.print-header-bar{color:#06210f;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:linear-gradient(100deg,#34e5a1 0%,#1fd3d8 32%,#4b81ff 66%,#8a6bff 100%);border-radius:8px;margin-bottom:16px;padding:20px 24px}.print-header-bar h1{letter-spacing:-.01em;color:#06210f;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:700}.print-header-meta{color:#333;font-family:Hanken Grotesk,sans-serif;font-size:11pt;line-height:1.6}.print-header-meta div{margin-bottom:2px}.print-only-footer{text-align:center;color:#888;border-top:1px solid #ddd;margin-top:32px;padding-top:16px;font-family:Hanken Grotesk,sans-serif;font-size:9pt}@page{margin:18mm 16mm 20mm;@bottom-right{content:"Page " counter(page) " of " counter(pages);font-family:Hanken Grotesk,sans-serif;font-size:9pt;color:#888}}body{font-size:11pt;line-height:1.5;color:#000!important;background:#fff!important}h1,h2,h3,h4{page-break-after:avoid;page-break-inside:avoid}.sc-item{page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}blockquote,ul,ol{page-break-inside:avoid}.report-content{font-size:11pt}.scorecard-hero{page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;background:#fff!important;border:1px solid #d0d5dd!important}.scorecard-hero h2,.scorecard-hero div,.scorecard-hero span{color:#111!important}.scorecard-hero text{fill:#111!important}}@media (width<=640px){.text-input,.login-field input{font-size:16px}.app-header{padding:1.5rem 1.25rem 1.25rem}.app-header h1{font-size:1.45rem}.header-top{flex-wrap:wrap;gap:.6rem}.login-card{padding:1.75rem 1.25rem}.upload-card{padding:1.25rem}.drop-zone{padding:1.5rem 1rem}.dashboard-hero{padding:2.25rem 1rem}.dashboard-hero-button{justify-content:center;width:100%;padding:16px 24px;font-size:16px}.report-content{overflow-wrap:break-word;word-break:break-word;padding:1.25rem 1rem}.report-content table,.report-content pre{max-width:100%;display:block;overflow-x:auto}.report-content img{max-width:100%;height:auto}.report-actions{flex-wrap:wrap;padding:.85rem 1rem}.tab-btn{padding:.75rem .5rem;font-size:.9rem}}
