:root{--bg:#f4f2ec;--ink:#171914;--muted:#6f736a;--line:#d9d8d0;--green:#214d3d;--lime:#dff56b;--card:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}button{font:inherit}button:disabled{cursor:wait;opacity:.72}
header{height:76px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(244,242,236,.92);position:sticky;top:0;z-index:3;backdrop-filter:blur(10px)}header>div{display:flex;align-items:center;gap:12px}.mark{width:38px;height:38px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}header strong,header small{display:block}header small{color:var(--muted);font-size:.7rem;margin-top:3px}header button,.primary{border:0;border-radius:999px;background:var(--green);color:#fff;padding:11px 16px;cursor:pointer}
.loading{position:relative;padding-left:27px!important}.loading:before{content:"";position:absolute;left:9px;top:50%;width:10px;height:10px;margin-top:-6px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
main{width:min(1180px,92vw);margin:auto}.hero{min-height:470px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{font-size:.65rem;letter-spacing:.16em;color:var(--green);font-weight:800}.hero h1{font-size:clamp(3.2rem,7vw,6rem);line-height:.88;letter-spacing:-.07em;margin:20px 0}.hero p{color:var(--muted);max-width:550px;line-height:1.6}.scorecard{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card)}.scorecard span{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.scorecard small,.scorecard strong{display:block}.scorecard small{color:var(--muted);font-size:.68rem}.scorecard strong{font-size:1.25rem;margin-top:15px}
.toolbar{border-block:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:20px}.toolbar>div{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 12px;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.toolbar label{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:8px}.summary{display:flex;gap:10px;padding:24px 0;flex-wrap:wrap}.summary span{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:.72rem}
.jobs{display:grid;gap:12px}.job{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;grid-template-columns:70px 1fr auto;gap:20px}.job-score{width:58px;height:58px;border-radius:50%;border:5px solid var(--lime);display:grid;place-items:center;font-weight:800}.job h3{font-size:1.25rem;margin:0 0 5px}.job-meta{color:var(--muted);font-size:.75rem}.job-reasons{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.job-reasons span{background:#f0f1e9;border-radius:999px;padding:6px 8px;font-size:.65rem}.job-actions{display:flex;flex-direction:column;gap:7px;min-width:145px}.job-actions button,.job-actions a{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:9px;text-decoration:none;text-align:center;font-size:.72rem;cursor:pointer}.job-actions .approve{background:var(--green);color:#fff}.empty{padding:50px;text-align:center;color:var(--muted)}
.portals{margin:100px 0 70px;padding:50px;background:var(--ink);color:#fff;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.portals p{color:#b8bcb2;line-height:1.6}.portals input{width:100%;margin-top:16px;border:1px solid #41443e;background:#252822;color:#fff;border-radius:10px;padding:13px 14px;outline:none}.portals #portals{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:620px;overflow:auto;padding-right:6px}.portals a{border:1px solid #41443e;border-radius:9px;padding:13px;color:#fff;text-decoration:none;font-size:.75rem;display:flex;flex-direction:column;gap:5px}.portals a small{color:#aeb5a8;font-size:.62rem}.toast{position:fixed;right:25px;bottom:25px;background:var(--green);color:#fff;padding:14px 18px;border-radius:10px;z-index:10}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:70px 0}.toolbar{align-items:flex-start;flex-direction:column}.job{grid-template-columns:55px 1fr}.job-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.job-actions>*{flex:1}.portals{grid-template-columns:1fr;padding:30px}.portals #portals{grid-template-columns:1fr}}