:root{--bg:#f5f7fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--ind:#4f46e5;--ind2:#4338ca;--teal:#0f9f95;--red:#dc2626;--green:#059669;--amber:#b45309}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}.hidden{display:none!important}
.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:28px;position:sticky;top:0;z-index:20}.brand{font-weight:900;font-size:21px;text-decoration:none;letter-spacing:-.04em}.brand span{color:var(--ind)}nav{display:flex;gap:18px;flex:1}nav a{color:#475569;text-decoration:none;font-size:13.5px;font-weight:600}.account-zone{display:flex;align-items:center;gap:10px}.credits,.paid-pill{font-size:11px;font-weight:800;background:#eef2ff;color:var(--ind);padding:5px 9px;border-radius:999px}.account{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.avatar{width:28px;height:28px;border-radius:50%}.link-button,.danger-link{border:0;background:none;cursor:pointer;color:var(--muted);font-size:12.5px}.danger-link{color:var(--red)}
.signin-card{max-width:720px;margin:90px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:46px;box-shadow:0 30px 80px -55px #0f172a;text-align:center}.signin-card h1{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:10px 0 16px}.signin-card p{color:var(--muted);line-height:1.65;margin:0 auto 24px;max-width:600px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--ind);font-size:11px;font-weight:800}.message{min-height:20px;color:var(--muted);font-size:13px;margin-top:10px}.message.error{color:var(--red)}.message.ok{color:var(--green)}
.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 66px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 18px;position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto}.side-title{display:flex;align-items:center;justify-content:space-between;padding:0 6px 14px}.side-title h2{margin:4px 0 0;font-size:19px}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:21px;cursor:pointer}.agent-list{display:flex;flex-direction:column;gap:7px}.agent-item{border:1px solid transparent;border-radius:12px;padding:12px;cursor:pointer}.agent-item:hover{background:#f8fafc}.agent-item.active{background:#eef2ff;border-color:#c7d2fe}.agent-item strong{display:block;font-size:13.5px}.agent-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11.5px;margin-top:6px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#94a3b8}.status-dot.running{background:#f59e0b}.status-dot.completed{background:#10b981}.status-dot.failed{background:#ef4444}.quota-card{margin-top:22px;padding:15px;border-radius:13px;background:#f8fafc;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.quota-card strong{font-size:13px}.quota-card span{font-size:12px;color:var(--muted);line-height:1.4}
.main-column{padding:0 30px 50px;min-width:0}.tabs{height:58px;display:flex;align-items:end;gap:4px;border-bottom:1px solid var(--line);position:sticky;top:66px;background:var(--bg);z-index:15}.tab{border:0;background:none;padding:17px 17px 14px;font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:var(--ind);border-color:var(--ind)}.count{background:#e2e8f0;color:#475569;border-radius:999px;padding:2px 7px;font-size:10px}.tab-panel{display:none;max-width:1180px;margin:0 auto}.tab-panel.active{display:block}.panel-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:34px 0 24px}.panel-heading.compact{padding-bottom:18px}.panel-heading h1{font-size:29px;letter-spacing:-.035em;margin:5px 0 7px}.panel-heading p{color:var(--muted);font-size:14px;margin:0;max-width:680px}.actions,.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.primary-button,.secondary-button,.small-button{border-radius:10px;padding:10px 15px;font-weight:750;font-size:13px;cursor:pointer}.primary-button{background:var(--ind);border:1px solid var(--ind);color:#fff}.primary-button:hover{background:var(--ind2)}.secondary-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.small-button{background:#eef2ff;border:1px solid #c7d2fe;color:var(--ind);padding:7px 11px}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:default}
.form-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;margin-bottom:16px}.step-number{width:35px;height:35px;border-radius:11px;background:#eef2ff;color:var(--ind);display:flex;align-items:center;justify-content:center;font-weight:850}.form-content h3{margin:2px 0 5px;font-size:17px}.form-content>p,.section-inline p{color:var(--muted);font-size:13px;margin:0 0 18px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:1.1fr 1fr 1fr 1.4fr}label{display:block;font-size:12px;font-weight:700;color:#334155;margin-top:13px}input,textarea,select{width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:10px 11px;margin-top:6px;color:var(--ink);outline:none}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}.check{display:flex;align-items:center;gap:8px;font-weight:600}.check input{width:auto;margin:0}.check.small{margin:0;font-size:12px}.inline-upload{display:flex;align-items:center;gap:10px;margin-top:9px;color:var(--muted);font-size:12px}.inline-upload input{width:auto;margin:0}.section-inline{display:flex;justify-content:space-between;gap:18px;align-items:start}.plan-preview{white-space:pre-wrap;max-height:320px;overflow:auto;background:#0f172a;color:#dbeafe;border-radius:12px;padding:16px;font-size:11.5px;line-height:1.55}.schedule-box{border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.muted-controls{opacity:.55;pointer-events:none}.schedule-box.enabled .muted-controls{opacity:1;pointer-events:auto}.hint{font-size:12px;color:var(--muted);margin-top:11px}
.results-list{display:flex;flex-direction:column;gap:12px}.result-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.result-top{display:flex;justify-content:space-between;gap:18px}.result-title{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.result-title:hover{color:var(--ind)}.result-company{font-size:13px;color:#334155;margin-top:5px}.result-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chip{font-size:11px;background:#f1f5f9;color:#475569;border-radius:999px;padding:5px 8px}.chip.fit{background:#ecfdf5;color:#047857;font-weight:800}.chip.recommended{background:#eef2ff;color:var(--ind);font-weight:800}.workflow-badge{font-size:11px;text-transform:capitalize;padding:5px 9px;border-radius:999px;background:#f1f5f9}.fit-summary{font-size:13px;color:#475569;line-height:1.55;margin-top:13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.detail-box{background:#f8fafc;border-radius:10px;padding:12px}.detail-box strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.detail-box ul{padding-left:18px;margin:7px 0 0;font-size:12px;color:#475569}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.result-actions button,.result-actions a{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;text-decoration:none;color:var(--ink);font-weight:700;font-size:12px;cursor:pointer}.result-actions .apply{background:var(--ind);color:#fff;border-color:var(--ind)}.result-actions .reject{color:var(--red)}.empty{background:#fff;border:1px dashed #cbd5e1;border-radius:15px;padding:34px;text-align:center;color:var(--muted)}
.monitoring-list,.run-list{display:flex;flex-direction:column;gap:10px}.monitor-card,.run-row{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:12px;align-items:center}.monitor-card strong,.run-row strong{font-size:13px}.monitor-card span,.run-row span{font-size:12px;color:var(--muted)}.run-heading{font-size:18px;margin:28px 0 12px}.run-row{grid-template-columns:1.7fr .8fr 1fr 1.5fr}.run-status{text-transform:capitalize;font-weight:700!important}.run-status.completed{color:var(--green)}.run-status.failed{color:var(--red)}.run-status.running{color:var(--amber)}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.agent-list{display:grid;grid-template-columns:repeat(2,1fr)}.topbar nav{display:none}.grid.three,.grid.four{grid-template-columns:1fr 1fr}.monitor-card{grid-template-columns:1fr 1fr}.main-column{padding:0 18px 40px}}
@media(max-width:620px){.topbar{padding:0 14px}.credits,.account-zone #recruiterAccountName{display:none}.signin-card{margin:35px 14px;padding:28px}.signin-card h1{font-size:30px}.agent-list,.grid.two,.grid.three,.grid.four,.detail-grid{grid-template-columns:1fr}.form-card{grid-template-columns:1fr}.panel-heading,.section-inline,.result-top{flex-direction:column}.actions{width:100%}.actions button{flex:1}.monitor-card,.run-row{grid-template-columns:1fr}.tabs{overflow:auto}.main-column{padding:0 12px 35px}}
.hint.ok{color:var(--green)}.hint.error{color:var(--red)}.run-error{color:var(--red)!important}.run-row small{color:var(--muted);line-height:1.45}


/* Neutral new-agent setup and optional IT starter examples. */
.starter-box{margin:4px 0 16px;padding:14px;border:1px solid #dbe3f0;border-radius:12px;background:#f8fafc}
.starter-box strong{display:block;font-size:12px;color:#334155;margin-bottom:9px}
.starter-buttons{display:flex;flex-wrap:wrap;gap:7px}
.starter-buttons button,.example-button{width:auto;border:1px solid #c7d2fe;background:#fff;color:var(--ind);border-radius:999px;padding:7px 11px;font-size:11.5px;font-weight:750;cursor:pointer}
.starter-buttons button:hover,.example-button:hover{background:#eef2ff;border-color:#818cf8}
.example-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:11.5px}
@media(max-width:620px){.starter-buttons button{flex:1 1 145px}.example-actions{align-items:flex-start;flex-direction:column}}