/* HireDesk design system */
:root{--brand:#5b3df5;--brand-ink:#fff;--bg:#f5f6f8;--panel:#fff;--panel-2:#fafbfc;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--line-2:#eef0f3;
--good:#047857;--warn:#b45309;--bad:#b91c1c;--info:#1d4ed8;--radius:10px;--radius-lg:14px;--shadow:0 1px 2px rgba(16,24,40,.05);--shadow-lg:0 12px 32px -12px rgba(16,24,40,.18);
--side:248px;--focus:0 0 0 3px color-mix(in srgb,var(--brand) 28%,transparent);color-scheme:light}
[data-theme=dark]{--bg:#0d0f14;--panel:#151821;--panel-2:#1a1e28;--text:#e8eaf0;--muted:#9aa1b2;--line:#262b38;--line-2:#1f2430;--good:#34d399;--warn:#fbbf24;--bad:#f87171;--info:#93b4ff;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:14.5px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-underline-offset:2px}a:hover{text-decoration:underline}
h1{font-size:1.5rem;line-height:1.25;letter-spacing:-.01em;margin:0}h2{font-size:1rem;margin:0 0 .6rem;letter-spacing:-.005em}h3{font-size:.92rem;margin:.2rem 0 .4rem}
code{font:600 .8em ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--line-2);padding:.08rem .38rem;border-radius:6px;color:var(--muted)}
.ico{flex:0 0 auto;vertical-align:-.2em}
.skip{position:absolute;left:-999px;top:0;background:var(--panel);padding:.5rem 1rem;z-index:50}.skip:focus{left:.5rem}
/* shell */
.shell{display:flex;min-height:100vh}
.side{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:40;transform:translateX(-100%);transition:transform .2s ease;overflow-y:auto}
.side.open{transform:none;box-shadow:var(--shadow-lg)}
.scrim{display:none}body.nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(15,18,30,.4);z-index:30}
.side-top{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .6rem}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.02rem;text-decoration:none;color:var(--text)}.brand:hover{text-decoration:none}
.brand-logo{height:28px;width:auto;max-width:170px;object-fit:contain;display:block}
.org-form{margin:0 .9rem .6rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}
.org-label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
.org-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-switch{width:100%;border:0;padding:0;min-height:1.6rem;background:transparent;font-weight:600}
.side-nav{flex:1;padding:.2rem .6rem 1rem}
.nav-group{margin-top:.9rem}.nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600;padding:0 .55rem .3rem}
.nav-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.48rem .55rem;border-radius:8px;color:var(--text);text-decoration:none;font-weight:500;font-size:.9rem;border:0;background:none;font-family:inherit;cursor:pointer;text-align:left}
.nav-item .ico{color:var(--muted)}.nav-item:hover{background:var(--line-2);text-decoration:none}
.nav-item.active{background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand);font-weight:600}.nav-item.active .ico{color:var(--brand)}
.nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-user{border-top:1px solid var(--line);padding:.6rem}.side-user form{margin:0}
.main-col{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;background:var(--panel);border-bottom:1px solid var(--line)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer}
@media(min-width:1000px){.side{transform:none;position:sticky;top:0;height:100vh;flex:0 0 var(--side)}.side-close,.topbar,.scrim{display:none!important}}
main{width:100%;max-width:1240px;margin:0 auto;padding:1.4rem 1.2rem 2rem}
@media(min-width:1000px){main{padding:1.8rem 2rem 2.5rem}}
.foot{text-align:center;color:var(--muted);font-size:.78rem;padding:1.2rem 1rem 2rem;margin-top:auto}
/* bare (sign-in) pages */
body.bare{background:radial-gradient(1200px 500px at 50% -10%,color-mix(in srgb,var(--brand) 12%,var(--bg)),var(--bg))}
.bare-main{max-width:480px;margin:0 auto;padding:3rem 1rem 1rem}
.auth-brand{display:flex;align-items:center;gap:.6rem;justify-content:center;margin-bottom:1rem;font-size:1.1rem}
.brand-logo.lg{height:44px;max-width:240px}
/* page header */
.page-head{margin-bottom:1.3rem}.page-head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.8rem}
.page-sub{margin:.3rem 0 0;color:var(--muted);max-width:60rem}
.crumbs{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--muted);margin-bottom:.45rem}.crumbs a{color:var(--muted)}.crumbs .ico{opacity:.6}
.actions{display:flex;flex-wrap:wrap;gap:.45rem}
/* panels */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.1rem 1.2rem;margin-bottom:1.1rem;box-shadow:var(--shadow)}
.panel>header,.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.8rem}.panel>header h2,.panel-head h2{margin:0}
.panel.flush{padding:0;overflow:hidden}.panel.flush>.panel-head{padding:1rem 1.2rem;margin:0;border-bottom:1px solid var(--line)}
.panel.narrow{max-width:440px;margin:0 auto}
.grid{display:grid;gap:1rem}
@media(min-width:760px){.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:1fr 1fr 1fr}.card-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.plan-row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-items:center;margin-bottom:.5rem}
/* forms */
.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.field>span{font-weight:600;font-size:.85rem}.field small{color:var(--muted);font-size:.8rem}
input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid #d1d5db;border-radius:8px;padding:.5rem .65rem;min-height:2.5rem;max-width:100%;transition:border-color .15s,box-shadow .15s}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:var(--line)}
textarea{width:100%;line-height:1.5}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand);box-shadow:var(--focus)}
input[type=checkbox],input[type=radio]{min-height:auto;width:1.05rem;height:1.05rem;accent-color:var(--brand)}
.inline{display:inline-flex;align-items:center;gap:.45rem;margin:.3rem .8rem .6rem 0}
form.inline{display:inline-flex;gap:.35rem;flex-wrap:wrap;margin:0}
.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.row form{margin:0}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:inherit;font-weight:600;font-size:.88rem;padding:.48rem .9rem;min-height:2.4rem;border-radius:8px;border:1px solid #d1d5db;background:var(--panel);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}
[data-theme=dark] .btn{border-color:var(--line)}
.btn:hover{background:var(--line-2);text-decoration:none}.btn:focus-visible,.nav-item:focus-visible,a:focus-visible{outline:0;box-shadow:var(--focus)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{background:color-mix(in srgb,var(--brand) 88%,#000)}
.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--line-2)}
.btn.small{min-height:2rem;padding:.25rem .65rem;font-size:.8rem}.btn.big{min-height:3rem;font-size:1rem;padding:.7rem 1.3rem}
.btn:disabled{opacity:.55;cursor:not-allowed}
/* badges, flash */
.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;padding:.12rem .5rem;border-radius:999px;background:var(--line-2);color:var(--muted);white-space:nowrap;border:1px solid var(--line)}
.badge.good{background:color-mix(in srgb,var(--good) 10%,var(--panel));color:var(--good);border-color:color-mix(in srgb,var(--good) 25%,transparent)}
.badge.warn{background:color-mix(in srgb,var(--warn) 10%,var(--panel));color:var(--warn);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}
.badge.bad{background:color-mix(in srgb,var(--bad) 10%,var(--panel));color:var(--bad);border-color:color-mix(in srgb,var(--bad) 25%,transparent)}
.badge.info{background:color-mix(in srgb,var(--info) 10%,var(--panel));color:var(--info);border-color:color-mix(in srgb,var(--info) 25%,transparent)}
.flash{padding:.7rem .9rem;border-radius:var(--radius);margin-bottom:1.1rem;background:color-mix(in srgb,var(--info) 7%,var(--panel));border:1px solid color-mix(in srgb,var(--info) 25%,transparent);word-break:break-word}
.flash.warn{background:color-mix(in srgb,var(--warn) 8%,var(--panel));border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.flash.bad{background:color-mix(in srgb,var(--bad) 8%,var(--panel));border-color:color-mix(in srgb,var(--bad) 30%,transparent)}
.muted{color:var(--muted)}.small{font-size:.82rem}.empty{color:var(--muted);text-align:center;padding:1.5rem}
.empty-state{text-align:center;padding:2.4rem 1rem;color:var(--muted)}.empty-state .ico{color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,transparent);border-radius:12px;padding:.55rem;width:2.8rem;height:2.8rem}
.empty-state h3{color:var(--text);font-size:1rem;margin:.8rem 0 .3rem}.empty-state p{max-width:34rem;margin:0 auto 1rem}
/* stats */
.stats{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:1.1rem}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:.9rem 1rem;box-shadow:var(--shadow)}
.stat-label{font-size:.78rem;color:var(--muted);font-weight:600}.stat-value{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;margin:.15rem 0}.stat-value a{color:inherit;text-decoration:none}.stat-sub{font-size:.78rem;color:var(--muted)}
.widgets{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.widget.wide{grid-column:1/-1}
.metric{font-size:1.6rem;font-weight:700;margin:.2rem 0}.metric a{text-decoration:none}
/* lists and tables */
.list,.plain{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem 0;border-top:1px solid var(--line-2)}.list li:first-child{border-top:0}
.plain li{padding:.35rem 0}
.list li a{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--line-2);vertical-align:middle}
th{font-size:.74rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--panel-2)}tbody tr:hover{background:var(--panel-2)}tbody tr:last-child td{border-bottom:0}
.panel>.table-wrap{margin:0 -1.2rem -1.1rem}.panel>.table-wrap th:first-child,.panel>.table-wrap td:first-child{padding-left:1.2rem}
.filters,.toolbar{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:.7rem}.toolbar{margin:0}.filters input[type=search]{flex:1 1 220px}
.saved,.chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.5rem 0 1rem}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-size:.82rem;background:var(--panel);color:var(--text)}
.bulk,.bulkbar{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:.6rem}.bulkbar{padding:.8rem 1.2rem;margin:0;border-top:1px solid var(--line);background:var(--panel-2)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg-btn{font:inherit;font-size:.8rem;font-weight:600;padding:.35rem .7rem;border:0;background:var(--panel);color:var(--muted);cursor:pointer}.seg-btn+.seg-btn{border-left:1px solid var(--line)}.seg-btn.on{background:var(--brand);color:#fff}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.card{display:flex;gap:.7rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .9rem}
.card.flagged{box-shadow:inset 3px 0 0 var(--brand)}.card-main{flex:1;display:flex;flex-direction:column;gap:.15rem;text-decoration:none;color:inherit;min-width:0}.card-main:hover{text-decoration:none}
.card-side{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.pick{padding:.3rem}
.musts{font-size:.8rem;font-weight:600}
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:.8rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}
.col{background:var(--line-2);border-radius:var(--radius-lg);padding:.7rem;min-height:200px;scroll-snap-align:start}.col h3{display:flex;justify-content:space-between}.col.over{outline:2px dashed var(--brand)}
.bcard{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.65rem;margin-bottom:.5rem;box-shadow:var(--shadow)}.bcard form.mini select{width:100%;min-height:2.1rem;margin-top:.4rem}
/* leaderboard */
.role-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.role-card{display:flex;flex-direction:column;gap:.45rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1rem 1.1rem;color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s,transform .15s}
.role-card:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-1px)}
.role-card-head{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}.role-card-title{font-weight:700;font-size:1rem}
.role-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.3rem 0}.role-card-stats dt{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.role-card-stats dd{margin:0;font-weight:700;font-size:1.1rem}
.role-card-top{display:flex;flex-direction:column;gap:.3rem}.role-card-go{margin-top:auto;display:inline-flex;align-items:center;gap:.3rem;color:var(--brand);font-weight:600;font-size:.85rem}
.meter{height:6px;border-radius:99px;background:var(--line-2);overflow:hidden;min-width:90px}.meter span{display:block;height:100%;border-radius:99px;background:var(--muted)}
.meter.good span{background:var(--good)}.meter.info span{background:var(--brand)}.meter.warn span{background:var(--warn)}
table.lb td.rank{width:3rem}.rank-num{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;font-weight:700;font-size:.85rem;background:var(--line-2);color:var(--muted)}
tr.p1 .rank-num{background:#f5c542;color:#4a3800}tr.p2 .rank-num{background:#cfd5de;color:#333c49}tr.p3 .rank-num{background:#e1a271;color:#4a2508}
table.lb td.match{min-width:170px}.match-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.match-top strong{font-size:1.05rem}
table.lb td.num,table.lb th.num{text-align:center}table.lb td.sel,table.lb th.sel{width:2.2rem}
.why-wrap summary{font-weight:500;font-size:.8rem;color:var(--brand);margin:.25rem 0 0}.why{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.25rem}
.why li{display:grid;grid-template-columns:auto 1fr auto;gap:.45rem;align-items:center;font-size:.82rem}.why em{font-style:normal;color:var(--muted);font-size:.75rem}
.why li.evidenced .ico{color:var(--good)}.why li.needs_review .ico{color:var(--warn)}.why li.not_found .ico{color:var(--muted)}
.legend summary{margin:0}.req-cols{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.req-cols ul{padding-left:1.1rem;margin:.2rem 0}
@media(max-width:700px){.hide-sm{display:none}}
/* getting started */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.step{display:flex;gap:.75rem;align-items:center;padding:.7rem .8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}
.step .ico{color:var(--muted)}.step.done .ico{color:var(--good)}.step.done .step-title{color:var(--muted);text-decoration:line-through}
.step-body{flex:1;min-width:0}.step-title{font-weight:600}.step-text{font-size:.82rem;color:var(--muted)}
.progress{height:6px;border-radius:99px;background:var(--line-2);overflow:hidden;margin:.2rem 0 .9rem}.progress span{display:block;height:100%;background:var(--brand)}
.quick{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.quick a{display:flex;gap:.7rem;align-items:center;padding:.8rem .9rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-decoration:none;background:var(--panel)}
.quick a:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));text-decoration:none}.quick .ico{color:var(--brand)}.quick small{display:block;color:var(--muted);font-weight:400}
.dash{display:grid;gap:1.1rem}@media(min-width:1100px){.dash{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
/* candidate page, evidence */
.evidence{list-style:none;padding:0;margin:0}.ev{border-top:1px solid var(--line-2);padding:.65rem 0;display:grid;gap:.3rem}
.ev .kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-right:.3rem}
blockquote{margin:0;padding:.4rem .65rem;border-left:3px solid var(--brand);background:color-mix(in srgb,var(--brand) 5%,transparent);font-size:.86rem;border-radius:0 8px 8px 0}
.cv-frame{width:100%;height:75vh;border:1px solid var(--line);border-radius:10px;background:#fff}
.cv-text,.mail,.codes{white-space:pre-wrap;word-break:break-word;background:var(--panel-2);border:1px solid var(--line-2);padding:.8rem;border-radius:10px;max-height:75vh;overflow:auto;font-size:.84rem}
.notes,.activity{list-style:none;padding:0;margin:.6rem 0 0}.notes li,.activity li{border-top:1px solid var(--line-2);padding:.5rem 0}.notes p{margin:0 0 .2rem;white-space:pre-wrap}
.claimed{padding:.6rem .75rem;border-radius:10px;background:color-mix(in srgb,var(--warn) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--warn) 25%,transparent)}
.tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.1rem;border-bottom:1px solid var(--line)}.tabs a{padding:.5rem .8rem;text-decoration:none;color:var(--muted);font-weight:600;font-size:.88rem;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a.active{color:var(--brand);border-bottom-color:var(--brand)}
.plans{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.checks{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.5rem 0}.checks label{display:inline-flex;gap:.4rem;align-items:center}.checks .order{width:4rem;min-height:2rem;padding:.2rem .4rem}
details summary{cursor:pointer;font-weight:600;margin:.5rem 0}
.secret{font-size:1.05rem;letter-spacing:.05em}
.claimed-by{display:inline-flex;align-items:center;gap:.25rem}
/* ---- adverts, form builder and the public CV form */
.linkbox{min-width:14rem;font-size:.85rem}.linkbox.wide{flex:1 1 20rem}
textarea[readonly]{background:color-mix(in srgb,var(--line) 25%,var(--panel))}
.fb{list-style:none;margin:0 0 1rem;padding:0;counter-reset:q}.fb-row{border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;margin-bottom:.5rem;background:var(--panel)}
.fb-head{margin-bottom:.3rem}.panel-lite{border:1px dashed var(--line);border-radius:10px;padding:.6rem .8rem;margin:.6rem 0}
.answers{display:grid;grid-template-columns:minmax(8rem,40%) 1fr;gap:.35rem .8rem;margin:0}.answers dt{color:var(--muted);font-size:.88rem}.answers dd{margin:0;white-space:pre-wrap;word-break:break-word}
body.public{background:var(--bg)}.public-main{max-width:1050px}
.job-head h1{font-size:1.7rem;margin:.1rem 0 .4rem}.job-head p{margin:.2rem 0}
.job-grid{display:grid;gap:1rem}@media(min-width:900px){.job-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.apply-form{position:sticky;top:1rem}}
.job-body h2{margin-top:1.1rem}.job-body ul{padding-left:1.2rem}.job-body li{margin:.2rem 0}
.apply-form input[type=file]{padding:.45rem;border-style:dashed;width:100%}.apply-form input:not([type=checkbox]):not([type=radio]),.apply-form select,.apply-form textarea{width:100%}
.apply-form fieldset{border:0;padding:0;margin:0 0 .8rem}.apply-form legend{font-weight:600;font-size:.88rem;margin-bottom:.3rem}
.apply-form .btn.big{width:100%;margin-top:.4rem}.consent span{font-size:.9rem}
.has-err input,.has-err select,.has-err textarea{border-color:var(--bad)}.err{color:var(--bad);font-weight:600}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
/* ---- branding */
.lp-logo .brand-logo{height:36px;max-width:220px}
.pub-head{display:flex;align-items:center;gap:.5rem;max-width:1050px;margin:0 auto;padding:1rem 1rem 0;font-weight:700}
.brand-item{display:flex;gap:1rem;align-items:flex-start;padding:.6rem 0;border-top:1px solid var(--line)}.brand-item:first-child{border-top:0}
.brand-preview{flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/16px 16px;border:1px solid var(--line);border-radius:10px;padding:.5rem}
.brand-preview.logo{width:200px;height:72px}.brand-preview.icon{width:72px;height:72px}
.brand-preview img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:600px){.brand-item{flex-direction:column}}
.chip .ico{color:var(--muted)}
.pub-head .brand-logo{height:30px}
.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.8rem}.page-head>.crumbs{flex-basis:100%;margin-bottom:-.35rem}.page-head>.page-head-row{flex:1 1 100%}
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}
a{text-decoration:none}a:hover{text-decoration:underline}.btn:hover,.nav-item:hover,.role-card:hover,.quick a:hover{text-decoration:none}
.stats{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.ev-sum{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){
table.lb thead{display:none}table.lb,table.lb tbody{display:block}
table.lb tr{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.35rem .7rem;align-items:start;padding:.9rem 1rem;border-bottom:1px solid var(--line-2)}
table.lb td{border:0;padding:0;display:block}table.lb td.sel{grid-row:1}table.lb td.rank{grid-row:1}
table.lb td.match{grid-column:1/-1;min-width:0}
table.lb td.num{grid-column:span 1;text-align:left;font-size:.85rem}table.lb td.num::before{content:attr(data-label);display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
table.lb tr td.num:nth-last-child(3){grid-column:1/2}
.panel.flush>.panel-head{padding:.9rem 1rem}.toolbar .seg{width:100%}.toolbar .seg-btn{flex:1}
.page-head .actions .btn{flex:1 1 auto}
}
@media(min-width:900px){.lp-features{grid-template-columns:repeat(3,1fr)}}

/* =====================================================================
   Theme v2: colour, depth and hierarchy
   ===================================================================== */
:root{--brand2:#ec4899;--navy:#0b1033;--navy-2:#151b4d;--bg:#f4f5fb;--radius-lg:16px;--shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);--shadow-lg:0 20px 40px -18px rgba(23,22,66,.35)}
body{background:linear-gradient(180deg,#eef0fb 0,var(--bg) 320px)}
[data-theme=dark] body,[data-theme=dark]{--bg:#0d0f14}
/* sidebar */
.side{background:radial-gradient(120% 60% at 0% 0%,color-mix(in srgb,var(--brand) 38%,transparent),transparent 60%),linear-gradient(180deg,var(--navy),var(--navy-2));border-right:0;color:#e7e9ff}
.side .brand{color:#fff}.side .icon-btn{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.side .org-form{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}.side .org-label{color:rgba(231,233,255,.6)}.side .org-name,.side .org-switch{color:#fff}
.side .org-switch option{color:#111}
.side .nav-label{color:rgba(231,233,255,.5)}
.side .nav-item{color:rgba(231,233,255,.86)}.side .nav-item .ico{color:rgba(231,233,255,.6)}
.side .nav-item:hover{background:rgba(255,255,255,.08);color:#fff}
.side .nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 85%,#fff 0%),color-mix(in srgb,var(--brand) 60%,var(--brand2)));color:#fff;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--brand) 70%,transparent)}
.side .nav-item.active .ico{color:#fff}
.side-user{border-top-color:rgba(255,255,255,.1)}
.topbar{background:var(--navy);border-bottom:0}.topbar .brand{color:#fff}.topbar .icon-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
/* buttons */
.btn.primary{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 65%,var(--brand2)));border:0;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--brand) 80%,transparent)}
.btn.primary:hover{filter:brightness(1.06);background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 65%,var(--brand2)))}
.btn.white{background:#fff;color:var(--navy);border:0}.btn.white:hover{background:#f1f1ff}
.btn.light{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25)}.btn.light:hover{background:rgba(255,255,255,.22)}
.btn.outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn.outline-light:hover{background:rgba(255,255,255,.08)}
/* panels and headings */
.panel{border-color:#e8e9f3}.panel>header h2,.panel-head h2{font-size:1.02rem}
.page-head h1{font-size:1.6rem;letter-spacing:-.02em}
/* hero banner (dashboard) */
.hero-banner{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:1.2rem;align-items:flex-end;justify-content:space-between;padding:1.6rem 1.7rem;margin-bottom:1.2rem;border-radius:20px;color:#fff;
  background:radial-gradient(70% 140% at 100% 0%,color-mix(in srgb,var(--brand2) 55%,transparent),transparent 60%),radial-gradient(60% 120% at 0% 100%,color-mix(in srgb,var(--brand) 70%,transparent),transparent 60%),linear-gradient(135deg,var(--navy),var(--navy-2));box-shadow:var(--shadow-lg)}
.hero-banner h1{font-size:1.85rem;margin:.15rem 0 .35rem;letter-spacing:-.02em}.hero-banner p{margin:0;color:rgba(255,255,255,.85);max-width:40rem}
.hero-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.65)!important}
.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem}
/* stat cards with icon chips */
.stat{display:flex;gap:.85rem;align-items:flex-start;transition:transform .15s,box-shadow .15s}.stat:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}
.stat-ico{flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}
.tone-violet{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.tone-blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.tone-green{background:linear-gradient(135deg,#059669,#34d399)}
.tone-amber{background:linear-gradient(135deg,#d97706,#fbbf24)}.tone-pink{background:linear-gradient(135deg,#db2777,#f472b6)}.tone-teal{background:linear-gradient(135deg,#0d9488,#2dd4bf)}
.stat-body{min-width:0}.stat-value{font-size:1.75rem}
/* avatars */
.av{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;font-weight:700;font-size:.8rem;color:#fff;letter-spacing:.02em}
.av-sm{width:1.7rem;height:1.7rem;font-size:.68rem}.av-lg{width:3.2rem;height:3.2rem;font-size:1.05rem}.av-xl{width:3.8rem;height:3.8rem;font-size:1.25rem}
.av0{background:#7c3aed}.av1{background:#2563eb}.av2{background:#059669}.av3{background:#d97706}.av4{background:#db2777}.av5{background:#0d9488}.av6{background:#4f46e5}.av7{background:#be123c}
.li-person{flex-direction:row!important;align-items:center;gap:.7rem}.li-text{display:flex;flex-direction:column;min-width:0}
.who-row{display:flex;gap:.7rem;align-items:flex-start}.top-person{display:inline-flex;align-items:center;gap:.4rem}
.card{gap:.8rem}.bcard-who{display:flex;align-items:center;gap:.5rem;color:inherit}
.cand-id{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cand-id h1{margin:0}.cand-id p{margin:.2rem 0 0}.cand-head{display:block}
/* podium */
.podium-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end;margin-bottom:1.1rem}
.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:1.3rem 1rem 1.1rem;border-radius:var(--radius-lg);background:var(--panel);border:1px solid #e8e9f3;box-shadow:var(--shadow);color:var(--text);text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.podium-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.podium-card.place1{padding-top:1.9rem;padding-bottom:1.6rem;border:0;color:#fff;background:radial-gradient(90% 90% at 50% 0%,color-mix(in srgb,var(--brand2) 45%,transparent),transparent 70%),linear-gradient(160deg,var(--navy),var(--navy-2));box-shadow:var(--shadow-lg)}
.podium-card.place1 .muted,.podium-card.place1 .podium-musts{color:rgba(255,255,255,.75)}
.podium-medal{position:absolute;top:-.8rem;width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;box-shadow:0 4px 10px -4px rgba(0,0,0,.4)}
.place1 .podium-medal{background:#f5c542;color:#4a3800}.place2 .podium-medal{background:#cfd5de;color:#333c49}.place3 .podium-medal{background:#e1a271;color:#4a2508}
.podium-name{font-size:1rem}.podium-pct{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1}.place1 .podium-pct{font-size:2.6rem}.podium-musts{font-size:.8rem;color:var(--muted)}
@media(max-width:640px){.podium-row{grid-template-columns:1fr}.podium-card.place1{order:-1}}
/* leaderboard table polish */
table.lb tbody tr.p1{background:linear-gradient(90deg,color-mix(in srgb,#f5c542 10%,transparent),transparent 40%)}
.meter{height:8px}.match-top strong{font-size:1.15rem}
/* role cards */
.role-card{border-color:#e8e9f3;position:relative;overflow:hidden}.role-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand2))}
/* funnel */
.funnel{display:grid;gap:.55rem}.funnel-step{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center}
.funnel-bar{height:12px;border-radius:99px;background:var(--line-2);overflow:hidden}.funnel-bar span{display:block;height:100%;border-radius:99px}
.fs0 .funnel-bar span{background:#6366f1}.fs1 .funnel-bar span{background:#8b5cf6}.fs2 .funnel-bar span{background:#ec4899}.fs3 .funnel-bar span{background:#f59e0b}.fs4 .funnel-bar span{background:#10b981}
.funnel-meta{display:flex;gap:.4rem;align-items:baseline;min-width:7.5rem}.funnel-meta strong{font-size:1.05rem}.funnel-meta span{color:var(--muted);font-size:.82rem}
/* quick actions and steps */
.quick a{transition:transform .15s,box-shadow .15s}.quick a:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.quick .ico{background:color-mix(in srgb,var(--brand) 10%,transparent);border-radius:10px;padding:.45rem;width:2.3rem;height:2.3rem}
.step .ico{background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand);border-radius:10px;padding:.4rem;width:2.2rem;height:2.2rem}.step.done .ico{background:color-mix(in srgb,var(--good) 12%,transparent)}
.progress span{background:linear-gradient(90deg,var(--brand),var(--brand2))}
/* auth split screen */
body.bare{background:var(--bg)}
.bare-main{max-width:none;padding:0}
.auth-split{display:grid;min-height:100vh}@media(min-width:900px){.auth-split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.auth-side{display:none;flex-direction:column;justify-content:space-between;padding:2.5rem;color:#fff;background:radial-gradient(80% 60% at 100% 0%,color-mix(in srgb,var(--brand2) 45%,transparent),transparent 60%),radial-gradient(80% 60% at 0% 100%,color-mix(in srgb,var(--brand) 60%,transparent),transparent 60%),linear-gradient(160deg,var(--navy),var(--navy-2))}
@media(min-width:900px){.auth-side{display:flex}.mobile-only{display:none!important}}
.auth-side-brand{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:700;font-size:1.15rem;text-decoration:none!important}
.auth-side-copy h2{font-size:2.1rem;line-height:1.15;letter-spacing:-.02em;margin:0 0 1.5rem;max-width:22rem}
.auth-side-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:1.1rem}.auth-side-copy li{display:flex;gap:.8rem;align-items:flex-start}
.auth-side-copy li strong{display:block}.auth-side-copy li span{color:rgba(255,255,255,.75);font-size:.9rem}
.auth-ico{flex:0 0 auto;width:2.3rem;height:2.3rem;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12)}
.auth-side-foot{color:rgba(255,255,255,.6);font-size:.82rem;margin:0}
.auth-main{display:flex;align-items:center;justify-content:center;padding:2rem 1.2rem}
.auth-card{width:100%;max-width:400px}.auth-card h1{font-size:1.6rem;margin:0 0 1.2rem}.auth-card .btn.primary{width:100%;min-height:2.8rem;margin-top:.3rem}
.auth-card input:not([type=checkbox]){width:100%}
/* ---- landing page */
body.landing{background:#fff;color:var(--text)}
.lp-dark{color:#fff;background:radial-gradient(60% 70% at 85% 10%,color-mix(in srgb,var(--brand2) 40%,transparent),transparent 60%),radial-gradient(60% 80% at 10% 90%,color-mix(in srgb,var(--brand) 55%,transparent),transparent 60%),linear-gradient(160deg,var(--navy),#121853 60%,var(--navy-2));padding-bottom:4rem}
.lp-nav{display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:1.2rem 1.5rem;gap:1rem;flex-wrap:wrap}
.lp-nav nav{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}.lp-nav nav a:not(.btn){color:rgba(255,255,255,.85);text-decoration:none;font-weight:500}.lp-nav nav a:not(.btn):hover{color:#fff}
.lp-logo{display:flex;gap:.55rem;align-items:center;font-weight:700;font-size:1.2rem;color:inherit;text-decoration:none!important}.lp-logo .brand-logo{height:34px;max-width:220px}
.lp-hero{display:grid;gap:3rem;align-items:center;max-width:1180px;margin:0 auto;padding:3rem 1.5rem 0}@media(min-width:960px){.lp-hero{grid-template-columns:1.05fr 1fr;padding-top:4.5rem}}
.lp-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:.82rem;color:rgba(255,255,255,.9)}
.lp-hero h1{font-size:clamp(2.3rem,5.2vw,3.7rem);line-height:1.05;letter-spacing:-.035em;margin:1.1rem 0 1.1rem}
.grad{background:linear-gradient(90deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-lead{font-size:1.15rem;line-height:1.65;color:rgba(255,255,255,.82);max-width:36rem}
.lp-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.8rem 0 1.4rem}
.lp-ticks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;color:rgba(255,255,255,.8);font-size:.92rem}.lp-ticks li{display:flex;gap:.35rem;align-items:center}.lp-ticks .ico{color:#86efac}
/* product mock in the hero */
.mock{background:#fff;color:#111827;border-radius:18px;padding:1rem;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);transform:perspective(1400px) rotateY(-6deg) rotateX(2deg)}
.mock-top{display:flex;align-items:center;gap:.35rem;padding:.2rem .3rem .8rem;border-bottom:1px solid #eef0f6}.mock-top span{width:.6rem;height:.6rem;border-radius:50%;background:#e5e7eb}.mock-top span:nth-child(1){background:#f87171}.mock-top span:nth-child(2){background:#fbbf24}.mock-top span:nth-child(3){background:#34d399}
.mock-top em{font-style:normal;font-size:.8rem;color:#6b7280;margin-left:.5rem}
.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.9rem 0}.mock-stats div{background:#f6f7fd;border-radius:12px;padding:.6rem .7rem}.mock-stats small{display:block;color:#6b7280;font-size:.7rem}.mock-stats b{font-size:1.3rem}
.mock-list{display:grid;gap:.45rem}.mock-row{display:grid;grid-template-columns:auto auto 1fr 5rem auto;gap:.65rem;align-items:center;padding:.5rem .55rem;border-radius:12px;border:1px solid #eef0f6}
.mock-row:first-child{background:linear-gradient(90deg,#fef9e7,#fff)}
.mock-rank{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;background:#eef0f6;color:#6b7280}
.mock-rank.r1{background:#f5c542;color:#4a3800}.mock-rank.r2{background:#cfd5de;color:#333c49}.mock-rank.r3{background:#e1a271;color:#4a2508}
.mock-name{font-weight:600;font-size:.86rem;display:flex;flex-direction:column}.mock-name small{font-weight:400;color:#6b7280;font-size:.72rem}
.mock-meter{height:7px;border-radius:99px;background:#eef0f6;overflow:hidden}.mock-meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--brand2))}
.mock .av{width:1.9rem;height:1.9rem;font-size:.7rem}
/* bands and sections */
body.landing main{max-width:none;padding:0}
.lp-band{max-width:1100px;margin:-2.4rem auto 0;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:#e8e9f3;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg)}
.lp-band div{background:#fff;padding:1.3rem 1.4rem}.lp-band b{display:block;font-size:1.7rem;letter-spacing:-.02em;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.lp-band span{color:#4b5563;font-size:.9rem}
.lp-section{max-width:1180px;margin:0 auto;padding:5rem 1.5rem 1rem}.lp-section.alt{padding-top:4rem}
.lp-eyebrow{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;margin:0}
.lp-section h2{font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.025em;margin:.4rem 0 2rem}
.lp-journey{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));counter-reset:none}
.lp-journey li{position:relative;padding:1.4rem;border-radius:18px;background:linear-gradient(180deg,#fff,#f8f8ff);border:1px solid #ecebf7}
.lp-step-num{position:absolute;top:1rem;right:1.2rem;font-weight:800;font-size:1.6rem;color:#ecebf7}
.lp-step-ico,.lp-ico{display:inline-flex;width:2.8rem;height:2.8rem;align-items:center;justify-content:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 55%,var(--brand2)))}
.lp-journey h3,.lp-features h3{margin:.9rem 0 .35rem;font-size:1.08rem}.lp-journey p,.lp-features p{margin:0;color:#4b5563;line-height:1.55}
.lp-features{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.lp-features article{background:#fff;border:1px solid #ecebf7;border-radius:18px;padding:1.4rem;transition:transform .15s,box-shadow .15s}.lp-features article:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
@media(min-width:960px){.lp-features{grid-template-columns:repeat(3,1fr)}}
.lp-final{max-width:1100px;margin:4.5rem auto 3rem;padding:2.2rem 2.4rem;border-radius:22px;display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;color:#fff;background:radial-gradient(60% 120% at 100% 0%,color-mix(in srgb,var(--brand2) 50%,transparent),transparent 60%),linear-gradient(135deg,var(--navy),var(--navy-2))}
.lp-final h2{margin:0 0 .3rem;font-size:1.7rem}.lp-final p{margin:0;color:rgba(255,255,255,.8)}
.lp-foot{max-width:1180px;margin:0 auto;padding:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;border-top:1px solid #ecebf7;color:#6b7280;font-size:.85rem}
.lp-foot .lp-logo{color:var(--text);font-size:1rem}.lp-foot .brand-logo{height:26px}
@media(max-width:700px){.lp-nav nav a:not(.btn):not(.lp-signin){display:none}.mock{transform:none}.lp-band{margin:-2rem 1rem 0}.lp-final{margin:3rem 1rem}}
/* public advert page */
body.public{background:linear-gradient(180deg,#eef0fb,#f6f7fb 300px)}
.job-head{padding:1.5rem 1.6rem;border-radius:18px;color:#fff;margin-bottom:1rem;background:radial-gradient(60% 120% at 100% 0%,color-mix(in srgb,var(--brand2) 45%,transparent),transparent 60%),linear-gradient(135deg,var(--navy),var(--navy-2))}
.job-head .muted{color:rgba(255,255,255,.7)}.job-head .chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}.job-head .chip .ico{color:rgba(255,255,255,.8)}
.dash>div,.grid>*,.job-grid>*{min-width:0}
main{overflow-x:clip}
@media(max-width:700px){.hero-banner{padding:1.3rem}.hero-banner h1{font-size:1.5rem}.stat-value{font-size:1.45rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{flex-direction:column;gap:.5rem}}
@media(max-width:520px){.mock-meter{display:none}.mock-row{grid-template-columns:auto auto 1fr auto}.mock-stats b{font-size:1.05rem}}
/* ---- 1.4: toasts, busy bar, menus, stages, pool */
.page-head>.crumbs{margin-bottom:.15rem}.cand-head .crumbs{margin-bottom:.9rem}.cand-id{margin-top:.2rem}
.toast-wrap{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;gap:.5rem;max-width:min(420px,calc(100vw - 2rem))}
.flash.toast{margin:0;box-shadow:var(--shadow-lg);background:var(--panel);border-left:4px solid var(--info);animation:toastIn .25s ease}
.flash.toast.warn{border-left-color:var(--warn)}.flash.toast.bad{border-left-color:var(--bad)}.flash.toast.out{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body.busy::before{content:"";position:fixed;top:0;left:0;height:3px;z-index:70;background:linear-gradient(90deg,var(--brand),var(--brand2));animation:busy 1.1s ease-in-out infinite}
@keyframes busy{0%{left:0;width:0}50%{left:15%;width:55%}100%{left:100%;width:0}}
body.busy #content{opacity:.75;transition:opacity .2s}
details.menu{position:relative;display:inline-block}details.menu>summary{list-style:none}details.menu>summary::-webkit-details-marker{display:none}
.menu-list{position:absolute;right:0;top:calc(100% + .3rem);z-index:30;min-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:.3rem}
.menu-list form{margin:0}.menu-item{display:block;width:100%;text-align:left;font:inherit;font-size:.86rem;padding:.5rem .65rem;border:0;border-radius:7px;background:none;color:var(--text);cursor:pointer}
.menu-item:hover{background:var(--line-2)}.menu-item.danger{color:var(--bad)}
.row-actions{white-space:nowrap;text-align:right}.row-actions>*{margin-left:.25rem}
.tab-count{display:inline-block;min-width:1.4rem;padding:0 .35rem;border-radius:99px;background:var(--line-2);color:var(--muted);font-size:.72rem;text-align:center}
.tabs a.active .tab-count{background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--brand)}
.pad{padding:1rem 1.2rem 0}
.stage-steps{display:flex;flex-wrap:wrap;gap:.35rem}.stage-steps form{margin:0}
.stage-step{font:inherit;font-size:.82rem;font-weight:600;padding:.4rem .75rem;border-radius:99px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}
.stage-step:hover{border-color:var(--brand);color:var(--brand)}.stage-step.on{background:var(--brand);border-color:var(--brand);color:#fff;cursor:default}
.stage-step.on.st-hired{background:var(--good);border-color:var(--good)}.stage-step.on.st-rejected{background:var(--muted);border-color:var(--muted)}.stage-step.on.st-offer{background:#d97706;border-color:#d97706}
.stage-select{min-height:2rem;padding:.2rem .5rem;font-size:.8rem;font-weight:600;border-radius:99px}
.stage-select.st-screening{color:var(--info)}.stage-select.st-interview{color:#7c3aed}.stage-select.st-offer{color:#b45309}.stage-select.st-hired{color:var(--good)}.stage-select.st-rejected{color:var(--muted)}
.confirm{text-align:center;max-width:560px}.confirm-ico{display:inline-flex;width:3.6rem;height:3.6rem;border-radius:50%;align-items:center;justify-content:center;background:color-mix(in srgb,var(--good) 12%,transparent);color:var(--good);margin-bottom:.6rem}
.confirm p{line-height:1.6}
@media(max-width:760px){table.lb td.stage-cell{grid-column:1/-1}}
html{background:var(--bg)}body.public{min-height:100vh}
.panel.flush>.table-wrap{margin:0}.panel.flush>.table-wrap th:first-child,.panel.flush>.table-wrap td:first-child{padding-left:1.2rem}
.menu-list{position:fixed;top:auto;right:auto}
.claim-hint{margin:.5rem 0 0}