*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#0b1929;color:#e2e8f0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.tf-root{min-height:100vh;display:flex;flex-direction:column}.topbar{height:3.25rem;background:#081426f7;border-bottom:1px solid rgba(0,229,255,.15);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;position:sticky;top:0;z-index:50;flex-shrink:0}.tf-logo{font-size:.88rem;font-weight:800;color:#00e5ff;letter-spacing:.08em;text-transform:uppercase}.role-sel{margin-left:auto;font-size:.58rem;color:#00e5ff;border:1px solid rgba(0,229,255,.2);padding:.2rem .6rem;border-radius:3px;background:transparent;font-family:inherit}.rec-avatar{width:28px;height:28px;border-radius:4px;background:linear-gradient(135deg,#00e5ff,#09c);display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#0b1929;margin-left:.5rem;flex-shrink:0}.main-content{flex:1;display:grid;grid-template-columns:1fr 220px;overflow:hidden}.dashboard-area{padding:.85rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.panel{background:#ffffff08;border:1px solid rgba(0,229,255,.1);border-radius:5px;padding:.75rem;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent,#00e5ff),transparent);opacity:.5}.panel-title{font-size:.6rem;font-weight:700;color:#00e5ff;margin-bottom:.6rem;letter-spacing:.1em;text-transform:uppercase}.kanban{grid-column:span 2;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.k-col-title{font-size:.46rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .35rem;border-radius:3px;text-align:center;margin-bottom:.25rem}.col-sourced{background:#64748b1f;color:#94a3b8}.col-screened{background:#00e5ff1a;color:#00e5ff}.col-shortlisted{background:#a855f71f;color:#c084fc}.col-interviewing{background:#fbbf241a;color:#fbbf24}.col-offered{background:#22c55e1a;color:#4ade80}.k-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:3px;padding:.35rem .4rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem}.k-card.highlighted{border-color:#a855f7;background:#a855f70f}.k-init{width:22px;height:22px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.46rem;font-weight:700;color:#0b1929;background:var(--ki,#00e5ff);flex-shrink:0}.k-name{font-size:.5rem;color:#e2e8f0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-score{font-size:.48rem;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--ks,#00e5ff)}.shortlist-cards{display:flex;flex-direction:column;gap:.35rem}.sl-card{background:#ffffff08;border:1px solid rgba(168,85,247,.15);border-radius:4px;padding:.45rem .5rem;display:flex;align-items:center;gap:.5rem}.sl-card.active{border-color:#a855f7;background:#a855f70f}.score-ring{position:relative;width:36px;height:36px;flex-shrink:0}.score-ring svg{position:absolute;top:0;left:0}.score-val{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.48rem;font-family:JetBrains Mono,monospace;font-weight:700;color:#a855f7}.sl-info{flex:1}.sl-name{font-size:.6rem;font-weight:700;color:#f0f0f0}.sl-role{font-size:.48rem;color:#64748b}.sl-tier{font-size:.42rem;font-weight:700;padding:.08rem .25rem;border-radius:2px;text-transform:uppercase;letter-spacing:.06em}.tier-excellent{background:#22c55e1f;color:#4ade80}.tier-strong{background:#00e5ff1a;color:#00e5ff}.iq-panel{position:fixed;right:230px;top:3.5rem;bottom:2rem;width:320px;background:#081426f7;border-left:1px solid rgba(0,229,255,.12);z-index:105;overflow-y:auto;padding:.75rem}.iq-panel::-webkit-scrollbar{width:2px}.iq-panel::-webkit-scrollbar-thumb{background:#1e3a5a}.iq-title{font-size:.62rem;font-weight:700;color:#00e5ff;margin-bottom:.5rem;letter-spacing:.08em;text-transform:uppercase}.iq-candidate{font-size:.58rem;font-weight:700;color:#a855f7;margin:.5rem 0 .3rem;padding-top:.4rem;border-top:1px solid rgba(0,229,255,.08)}.iq-q{font-size:.55rem;color:#94a3b8;padding:.3rem .4rem;background:#a855f70d;border-left:2px solid #a855f7;border-radius:0 3px 3px 0;margin-bottom:.25rem;line-height:1.55}.role-row{display:flex;align-items:center;gap:.4rem;padding:.2rem 0;border-bottom:1px solid rgba(0,229,255,.05)}.role-name{font-size:.52rem;color:#e2e8f0;flex:1}.role-dept{font-size:.44rem;color:#475569}.role-bar-wrap{width:60px;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.role-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,#00e5ff,#a855f7)}.role-days{font-size:.44rem;font-family:JetBrains Mono,monospace;color:#00e5ff;width:24px;text-align:right}.scoring-panel{position:fixed;left:50%;top:3.5rem;transform:translate(-50%);width:480px;max-width:90vw;background:#081426f7;border:1px solid rgba(0,229,255,.15);border-radius:6px;z-index:108;overflow:hidden;box-shadow:0 8px 32px #00000080}.scoring-header{padding:.5rem .75rem;background:#00e5ff0f;border-bottom:1px solid rgba(0,229,255,.1);display:flex;align-items:center;gap:.5rem}.scoring-name{font-size:.68rem;font-weight:700;color:#f0f0f0;flex:1}.scoring-score{font-size:.9rem;font-family:JetBrains Mono,monospace;font-weight:700;color:#00e5ff}.scoring-body{padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.strength-item{font-size:.56rem;color:#4ade80;display:flex;gap:.35rem;line-height:1.5}.strength-item:before{content:"✓";flex-shrink:0}.gap-item{font-size:.56rem;color:#fbbf24;display:flex;gap:.35rem;line-height:1.5}.gap-item:before{content:"△";flex-shrink:0}.scoring-footer{padding:.4rem .75rem;font-size:.5rem;color:#475569;background:#081426cc;border-top:1px solid rgba(0,229,255,.06);font-family:JetBrains Mono,monospace}.mag-icon{position:fixed;top:3.25rem;right:1rem;width:50px;height:50px;border-radius:5px;background:#081426f2;border:2px solid #00e5ff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;z-index:110;animation:mag-glow 1.2s ease-in-out infinite}@keyframes mag-glow{0%,to{box-shadow:0 0 #00e5ff66}50%{box-shadow:0 0 0 14px #00e5ff00}}.reasoning-feed{position:fixed;top:4rem;right:.75rem;width:290px;background:#081426f7;border:1px solid rgba(0,229,255,.15);border-radius:5px;padding:.65rem;z-index:110;max-height:220px;overflow:hidden}.reasoning-title{font-size:.52rem;color:#00e5ff;margin-bottom:.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.reasoning-line{font-size:.5rem;color:#475569;font-family:JetBrains Mono,monospace;line-height:1.65;border-bottom:1px solid rgba(0,229,255,.05);padding:.1rem 0}.reasoning-line.done{color:#00e5ff}.reasoning-line.flag{color:#a855f7}.sidebar{border-left:1px solid rgba(0,229,255,.08);padding:.75rem;display:flex;flex-direction:column;gap:.65rem;background:#060e1ab3;overflow-y:auto}.sidebar-counter{background:#ffffff08;border:1px solid rgba(0,229,255,.08);border-radius:4px;padding:.65rem;text-align:center}.counter-val{font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:700;color:var(--cc,#00e5ff);line-height:1}.counter-label{font-size:.45rem;letter-spacing:.1em;text-transform:uppercase;color:#475569;margin-top:.2rem}.run-btn{padding:.65rem 1rem;background:linear-gradient(135deg,#00e5ff,#09c);color:#0b1929;font-size:.65rem;font-weight:700;letter-spacing:.1em;border:none;border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;transition:opacity .2s;text-transform:uppercase;width:100%;margin-top:auto}.run-btn:hover{opacity:.85}.run-btn:disabled{opacity:.4;cursor:not-allowed}.ticker-bar{height:2rem;background:#060e1af2;border-top:1px solid rgba(0,229,255,.06);overflow:hidden;display:flex;align-items:center;flex-shrink:0}.ticker-track{display:flex;gap:3rem;animation:ticker 30s linear infinite;white-space:nowrap;padding:0 1rem}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{font-size:.48rem;color:#475569;flex-shrink:0;font-family:JetBrains Mono,monospace}.ticker-item span{color:#00e5ff;margin-right:.3rem}.end-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#081426ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.end-heading{font-size:clamp(.8rem,2.2vw,1.4rem);font-weight:800;color:#00e5ff;text-align:center;line-height:1.4;max-width:620px;padding:0 1.5rem}.end-sub{font-size:.72rem;color:#475569;margin-top:.5rem;text-align:center;font-family:JetBrains Mono,monospace}.end-actions{display:flex;gap:.75rem;margin-top:1.75rem;flex-wrap:wrap;justify-content:center}.end-btn{padding:.6rem 1.4rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.end-btn-primary{background:linear-gradient(135deg,#00e5ff,#09c);color:#0b1929;border:none}.end-btn-primary:hover{opacity:.85}.end-btn-ghost{background:transparent;color:#00e5ff;border:1px solid rgba(0,229,255,.4)}.end-btn-ghost:hover{background:#00e5ff14}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:#0b1929;border:1px solid rgba(0,229,255,.15);border-radius:6px;padding:2rem;width:400px;max-width:90vw}.modal-title{font-size:1rem;font-weight:700;color:#f0f0f0;margin-bottom:.35rem}.modal-sub{font-size:.68rem;color:#475569;margin-bottom:1.2rem;line-height:1.65}.form-group{margin-bottom:.7rem}.form-label{display:block;font-size:.52rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#475569;margin-bottom:.3rem}.form-input{width:100%;padding:.5rem .75rem;background:#ffffff0a;border:1px solid rgba(0,229,255,.12);border-radius:3px;color:#f0f0f0;font-size:.78rem;font-family:"Inter",inherit}.form-input:focus{outline:none;border-color:#00e5ff66}.modal-close{float:right;background:none;border:none;color:#475569;font-size:.9rem;cursor:pointer}.success-box{padding:.75rem;background:#00e5ff0f;border:1px solid rgba(0,229,255,.2);border-radius:4px;color:#00e5ff;font-size:.75rem;line-height:1.65}
