:root{--paper: #f5f6f8;--surface: #ffffff;--slate: #1c2230;--slate-soft: #2a3345;--ink: #16181d;--ink-soft: #5b6472;--ink-faint: #8a92a0;--line: #e4e7ec;--line-soft: #eef0f3;--accent: #12776b;--accent-ink: #0b544b;--accent-wash: #e7f2f0;--danger: #b4442f;--danger-wash: #f7e7e3;--amber: #b7791f;--display: "Space Grotesk", system-ui, sans-serif;--body: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .05)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--display);font-weight:600;margin:0;letter-spacing:-.01em}a{color:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--slate);color:#c4ccd8;display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:baseline;gap:8px;padding:4px 10px 22px}.brand .wordmark{font-family:var(--display);font-weight:700;font-size:18px;color:#fff;letter-spacing:-.02em}.brand .tag{font-family:var(--mono);font-size:10px;color:#7d8798;text-transform:uppercase;letter-spacing:.14em}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--radius-sm);text-decoration:none;color:#aeb7c4;font-weight:500;transition:background .12s,color .12s}.nav a:hover{background:var(--slate-soft);color:#e8ecf2}.nav a.active{background:var(--accent);color:#fff}.nav a .ico{width:16px;height:16px;flex-shrink:0;opacity:.9}.nav .divider{height:1px;background:#2f3849;margin:12px 6px}.side-foot{margin-top:auto;padding:10px;border-top:1px solid #2f3849}.side-foot .who{font-size:12px;color:#9aa3b1}.side-foot .who b{color:#e8ecf2;font-weight:600;display:block;font-family:var(--body)}.side-foot button{margin-top:10px;width:100%;background:transparent;border:1px solid #38425640;color:#aeb7c4;padding:7px;border-radius:var(--radius-sm);font-family:var(--body);font-size:13px;cursor:pointer}.side-foot button:hover{background:var(--slate-soft);color:#fff}.main{flex:1;min-width:0}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#f5f6f8cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:5}.topbar .eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint)}.topbar h1{font-size:19px}.content{padding:28px 32px 64px;max-width:1120px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px 22px}.btn{font-family:var(--body);font-size:14px;font-weight:600;border-radius:var(--radius-sm);padding:9px 16px;cursor:pointer;border:1px solid transparent;transition:background .12s,border .12s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-ink)}.btn-primary:disabled{background:#a9c4bf;cursor:not-allowed}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:#cfd4dc;background:#fafbfc}.btn-danger{background:var(--surface);border-color:#e6c8c1;color:var(--danger)}.btn-danger:hover{background:var(--danger-wash)}label.field{display:block;margin-bottom:14px}label.field>span{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);margin-bottom:5px}input,select,textarea{width:100%;font-family:var(--body);font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}textarea{resize:vertical;min-height:84px;line-height:1.55}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;padding:3px 9px;border-radius:20px;background:var(--accent-wash);color:var(--accent-ink);border:1px solid #cfe4e0}.chip.muted{background:var(--line-soft);color:var(--ink-soft);border-color:var(--line)}.pill{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:5px}.pill.ok{background:var(--accent-wash);color:var(--accent-ink)}.pill.run{background:#fdf2dc;color:var(--amber)}.pill.fail{background:var(--danger-wash);color:var(--danger)}.pill.idle{background:var(--line-soft);color:var(--ink-soft)}.toolbar{display:flex;gap:10px;align-items:center}.spacer{flex:1}.help{color:var(--ink-soft);font-size:13px}.err{color:var(--danger);font-size:13px}table{width:100%;border-collapse:collapse}th{text-align:left;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid var(--line-soft)}tr:last-child td{border-bottom:none}.readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.readout{padding:18px 20px}.readout .n{font-family:var(--mono);font-size:34px;font-weight:500;letter-spacing:-.02em;line-height:1}.readout .l{font-size:12px;color:var(--ink-soft);margin-top:9px}.readout.warn .n{color:var(--danger)}.search-grid{display:grid;grid-template-columns:1fr;gap:20px}.transcript{display:flex;flex-direction:column;gap:16px}.turn-user{align-self:flex-end;max-width:76%;background:var(--slate);color:#eef1f5;padding:11px 15px;border-radius:14px 14px 4px;font-size:14px}.turn-agent{align-self:stretch}.plan-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fbfcfd,#fff);padding:14px 16px;margin-bottom:14px}.plan-panel .h{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin-bottom:10px}.plan-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.cand{display:grid;grid-template-columns:34px 1fr auto;gap:14px;padding:15px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:10px;animation:rise .28s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cand .rank{font-family:var(--mono);font-size:13px;color:var(--ink-faint);padding-top:2px}.cand .name{font-family:var(--display);font-weight:600;font-size:15px}.cand .sub{color:var(--ink-soft);font-size:13px;margin-top:1px}.cand .why{color:var(--ink);font-size:13px;margin-top:8px;line-height:1.5}.cand .score{text-align:right;min-width:92px}.cand .score .pct{font-family:var(--mono);font-size:20px;font-weight:600}.cand .score .bar{height:4px;border-radius:2px;background:var(--line);margin-top:6px;overflow:hidden}.cand .score .bar i{display:block;height:100%;border-radius:2px}.cand .score .lbl{font-family:var(--mono);font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;margin-top:5px}.clarify{border-left:3px solid var(--amber);background:#fdfaf1;padding:12px 15px;border-radius:0 var(--radius) var(--radius) 0}.clarify .h{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--amber);margin-bottom:5px}.composer{position:sticky;bottom:0;background:var(--paper);padding-top:12px}.composer .templates{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.tmpl{font-size:12px;padding:5px 10px;border-radius:16px;cursor:pointer;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft)}.tmpl:hover{border-color:var(--accent);color:var(--accent-ink)}.composer .row{display:flex;gap:10px;align-items:flex-end}.composer textarea{min-height:52px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 70% -10%,#22304a 0%,var(--slate) 55%)}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:14px;padding:30px 28px;box-shadow:0 24px 60px #0a0e1666}.login-card .brand{padding:0 0 20px}.login-card .wordmark{color:var(--ink)}.login-card .tag{color:var(--ink-faint)}.section-title{font-size:13px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin:26px 0 12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.empty{text-align:center;color:var(--ink-soft);padding:40px 20px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface)}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle .track{width:40px;height:22px;border-radius:12px;background:var(--line);position:relative;transition:background .15s}.toggle .track i{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .15s}.toggle.on .track{background:var(--accent)}.toggle.on .track i{left:20px}@media (max-width: 820px){.sidebar{display:none}.readouts{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.content{padding:20px}}.linklike{background:none;border:none;padding:0;margin-top:8px;cursor:pointer;color:var(--accent-ink);font-family:var(--body);font-size:13px;font-weight:600}.linklike:hover{text-decoration:underline}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10141c6b;display:flex;justify-content:flex-end;z-index:40;animation:fade .16s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{width:440px;max-width:92vw;height:100%;background:var(--surface);overflow-y:auto;padding:30px 28px;box-shadow:-12px 0 40px #0a0e1633;animation:slidein .22s cubic-bezier(.2,.8,.2,1) both;position:relative}@keyframes slidein{0%{transform:translate(30px);opacity:.6}to{transform:none;opacity:1}}.drawer-close{position:absolute;top:16px;right:18px;width:30px;height:30px;border:none;background:var(--line-soft);border-radius:7px;font-size:20px;line-height:1;color:var(--ink-soft);cursor:pointer}.drawer-close:hover{background:var(--line);color:var(--ink)}.drawer-section{margin-top:22px}.drawer-h{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-faint);margin-bottom:8px}.drawer-section p{margin:0;line-height:1.55}.dup-note{margin-top:16px;padding:12px 14px;border-radius:var(--radius);background:var(--danger-wash);border:1px solid #e6c8c1;font-size:13px}.dup-note b{color:var(--danger)}.dup-note ul{margin:6px 0 0;padding-left:18px}.skill-bars{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}.skill-row{display:grid;grid-template-columns:120px 1fr 32px;align-items:center;gap:10px}.skill-name{font-size:13px;color:var(--ink);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-track{height:6px;background:var(--line-soft);border-radius:3px;overflow:hidden}.skill-track i{display:block;height:100%;background:var(--accent);border-radius:3px}.skill-n{font-size:12px;color:var(--ink-soft);text-align:right}.topbar-left{display:flex;align-items:center;gap:14px}.hamburger{display:none;width:38px;height:38px;border:1px solid var(--line);background:var(--surface);border-radius:8px;color:var(--ink);cursor:pointer;align-items:center;justify-content:center}.hamburger svg{width:20px;height:20px}.nav-backdrop{display:none}@media (max-width: 820px){.hamburger{display:inline-flex}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#10141c6b;z-index:20}.sidebar.open{display:flex;position:fixed;z-index:30;left:0;top:0}.skill-bars{grid-template-columns:1fr}.drawer{padding:26px 20px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.star{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:var(--amber);padding:4px 8px;margin-right:4px;vertical-align:middle}.star:hover{color:#8a5a10}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:11px;min-width:20px;text-align:center;padding:1px 6px;border-radius:10px}.nav a.active .nav-badge{background:#fff;color:var(--accent-ink)}