*{box-sizing:border-box}:root{--background:#f8f9fa;--foreground:#1e293b;--card:#fff;--muted:#f1f5f9;--muted-foreground:#64748b;--primary:#1e3a8a;--primary-foreground:#fff;--border:#00000014;--radius:12px}body{color:var(--foreground);background:linear-gradient(120deg,#f8fafc 0%,#f1f5f9 50%,#eaf1ff 100%);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}#root,.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 14px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.02em;background:linear-gradient(90deg,#1e3a8a,#3b82f6 70%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:700}.topbar p{color:var(--muted-foreground);margin:4px 0 0;font-size:13px}.tabs{gap:4px;max-width:1200px;margin:0 auto;padding:8px 24px 0;display:flex}.tabs button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 16px;font-weight:600}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{max-width:1200px;margin:0 auto;padding:18px 24px 28px}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 8px 30px #0f172a0a}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2{margin:0}.muted{color:var(--muted-foreground);margin:0;font-size:14px}.muted.small{font-size:12px}.primary-button,.controls-grid button,.link-button,.vacancy-actions button,.pager button,.toolbar button,.actions button{color:var(--foreground);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:8px 12px;font-size:13px;text-decoration:none}.primary-button,.toolbar button{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.controls-grid{flex-wrap:wrap;gap:8px;display:flex}.integration-state{white-space:nowrap;border:1px solid #cbd5e1;border-radius:999px;padding:7px 12px;font-size:12px}.integration-state.connected{color:#166534;background:#dcfce7;border-color:#86efac}.integration-state.connecting{color:#92400e;background:#fef3c7;border-color:#fcd34d}.integration-state.not_connected{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.oauth-message{color:#0369a1;margin:0;font-size:13px}.channel-grid{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.channel-card{border:1px solid var(--border);background:linear-gradient(145deg,#fff,#f8fbff);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.channel-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.channel-card-head h3{margin:0;font-size:16px}.state-dot{border:1px solid #0000001a;border-radius:999px;width:10px;height:10px;display:inline-block}.state-dot.connected{background:#22c55e}.state-dot.connecting{background:#f59e0b}.state-dot.not_connected{background:#ef4444}.channel-stats{color:#475569;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.vacancy-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.candidate-filters input,.candidate-filters select{color:var(--foreground);background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font-size:13px}.candidate-filters{flex-wrap:wrap;gap:10px;display:flex}.candidate-filters input{flex:1;min-width:140px}.archive-toggle{color:#475569;align-items:center;gap:8px;font-size:13px;display:inline-flex}.scope-tabs{background:#f1f5f9;border-radius:14px;gap:8px;padding:4px;display:inline-flex}.scope-tabs button{color:#64748b;background:0 0;border:0;border-radius:12px;padding:8px 14px;font-weight:600}.scope-tabs button.active{color:#fff;background:#1e3a8a}.vacancy-cards{grid-template-columns:1fr;gap:12px;display:grid}.vacancy-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.vacancy-card.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.vacancy-card .vacancy-actions button{border-radius:10px}.vacancy-card-top{justify-content:space-between;gap:12px;display:flex}.vacancy-card-top h3{margin:0;font-size:28px;font-weight:600}.vacancy-card-top p{color:#64748b;margin:4px 0 0;font-size:14px}.badge{border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:11px}.badge.open{color:#166534;background:#dcfce7}.badge.draft{color:#92400e;background:#fef3c7}.badge.closed{color:#374151;background:#e5e7eb}.vacancy-metrics{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 0;display:grid}.metric-item{flex-direction:column;gap:2px;display:flex}.metric-item span{color:#64748b;font-size:12px}.metric-item strong{color:#0f172a;font-size:16px}.ai-box{background:#f8f7ff;border:1px solid #d9d5ff;border-radius:12px;padding:12px}.ai-box p{color:#6d28d9;margin:0 0 8px;font-size:14px;font-weight:600}.ai-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.ai-bars div{color:#4338ca;border-bottom:3px solid #e9d5ff;grid-template-columns:1fr auto;gap:4px 8px;padding-bottom:8px;font-size:12px;display:grid;position:relative}.ai-bars.figma div b{background:#9333ea;border-radius:6px;height:3px;position:absolute;bottom:-3px;left:0}.ai-bars em{font-style:normal;font-weight:600}.ai-prompt{color:#5b21b6;margin-top:10px;font-size:12px;font-weight:500}.vacancy-actions{gap:8px;display:flex}.vacancy-actions .ghost{color:#334155;background:#eef2ff}.vacancy-actions button:first-child{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar h2{margin:0}.toolbar p{color:var(--muted-foreground);margin:4px 0 0;font-size:13px}.weights{border:1px solid var(--border);background:#f8fafc;border-radius:12px;grid-template-columns:repeat(1,minmax(0,1fr));gap:10px;padding:12px;display:grid}.weights label{flex-direction:column;gap:6px;font-size:13px;display:flex}.cards{grid-template-columns:1fr;gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.card header{justify-content:space-between;gap:10px;display:flex}.card header h3{margin:0;font-size:16px}.card header p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.card header strong{color:#15803d;font-size:28px;line-height:1}.score-box{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.status-pill{color:#92400e;cursor:pointer;background:#fef3c7;border:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.status-picker-wrap{position:relative}.status-picker-menu{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:4px;min-width:170px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 22px #0f172a1f}.status-picker-menu button{text-align:left}.status-pill.shortlisted,.status-pill.offer,.status-pill.approved{color:#166534;background:#dcfce7}.status-pill.interview,.status-pill.under_review{color:#1d4ed8;background:#dbeafe}.status-pill.rejected{color:#b91c1c;background:#fee2e2}.meta-grid{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:8px 0;display:grid}.meta-grid span{color:var(--muted-foreground);font-size:12px}.meta-grid p{margin:2px 0 0;font-size:14px;font-weight:500}.ai-analysis{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:0;padding:10px}.ai-analysis-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ai-analysis>p{color:#1e293b;margin:0 0 8px;font-size:13px}.ai-analysis-details{border-top:1px dashed #cbd5e1;gap:6px;margin-top:8px;padding-top:8px;display:grid}.ai-analysis-details p{color:#334155;margin:0;font-size:12px}.badges{flex-wrap:wrap;gap:6px;display:flex}.badges span{color:#3730a3;background:#e0e7ff;border-radius:999px;padding:4px 8px;font-size:11px}.flags{color:#b91c1c;margin:0;padding-left:18px;font-size:13px}.card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.actions{flex-wrap:wrap;gap:6px;display:flex}.state{margin:0;font-size:13px}.state.error{color:#b91c1c}.pager{justify-content:space-between;align-items:center;gap:8px;display:flex}.pager button:disabled{opacity:.45;cursor:not-allowed}.content-pager{border-top:1px dashed #cbd5e1;margin-top:4px;padding-top:8px}.settings-backdrop{z-index:50;background:#0f172a6b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.settings-modal{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;width:min(640px,100%);padding:14px;display:flex}.settings-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-head h3{margin:0}@media (width<=1024px){.vacancy-metrics{grid-template-columns:1fr}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}}