:root{
  --purple:#6D40C4; --purple-d:#5730A6; --navy:#34317D; --gold:#FFD572; --gold-d:#C99A17;
  --lilac:#9778D2; --lav:#F5F1FB; --ink:#1E1B3A; --mid:#6B6790; --soft:#A9A5C6;
  --line:#E7E1F5; --line-2:#F0EBFA; --white:#fff; --ok:#1F9D6B; --ok-bg:#E6F6EF;
  --r:14px; --r-s:9px;
  --shadow:0 1px 2px rgba(30,27,58,.04), 0 8px 24px -12px rgba(52,49,125,.18);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--lav);color:var(--ink);
  font-family:Poppins,system-ui,sans-serif;font-size:14px;line-height:1.45;
  -webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#DDD5F0;border-radius:9px}
::-webkit-scrollbar-thumb:hover{background:#C9BEE6}
::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:6px}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* ============ APP FRAME ============ */
.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}

/* ---- top bar ---- */
.bar{display:flex;align-items:center;gap:18px;padding:0 18px;height:56px;
  background:var(--white);border-bottom:1px solid var(--line);flex:none;z-index:30}
.brand{display:flex;align-items:center;gap:10px;flex:none}
.brand img{height:22px;display:block}
.brand .div{width:1px;height:18px;background:var(--line);margin:0 2px}
.brand span{font-weight:600;font-size:13.5px;color:var(--navy);white-space:nowrap}
.years{display:flex;align-items:center;gap:2px;background:var(--lav);padding:3px;
  border-radius:11px;margin-left:auto;position:relative}
.years button{padding:5px 11px;border-radius:8px;font-size:12.5px;font-weight:600;
  color:var(--mid);transition:.15s;white-space:nowrap}
.years button:hover{color:var(--ink)}
.years button[aria-pressed=true]{background:var(--white);color:var(--purple);
  box-shadow:0 1px 3px rgba(52,49,125,.14)}
.years .all{font-weight:700}
.ypop{position:absolute;top:calc(100% + 6px);right:0;background:var(--white);
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
  padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;z-index:50}
.ypop button{padding:6px 10px;border-radius:7px;font-family:"IBM Plex Mono",monospace;
  font-size:12px}
.ypop button:hover{background:var(--lav)}
.ypop button[aria-pressed=true]{background:var(--purple);color:#fff}
.bar-r{display:flex;align-items:center;gap:8px;flex:none}
.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;
  font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--white);
  color:var(--ink);transition:.15s;white-space:nowrap}
.btn:hover{border-color:var(--lilac);background:#FBF9FF}
.btn.pri{background:var(--purple);border-color:var(--purple);color:#fff}
.btn.pri:hover{background:var(--purple-d);border-color:var(--purple-d)}
.btn.gold{background:#FFF8E6;border-color:#F4E3B4;color:#7A5B00}
.btn .n{font-family:"IBM Plex Mono",monospace;font-size:11px;background:rgba(255,255,255,.25);
  padding:1px 5px;border-radius:5px}
.btn.ghost{border-color:transparent;background:transparent}
.btn.ghost:hover{background:var(--lav);border-color:transparent}

/* ---- command bar ---- */
.cmd-wrap{background:var(--white);border-bottom:1px solid var(--line);padding:11px 18px 0;flex:none;z-index:20}
.cmd{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px 0 14px;
  border:1.5px solid var(--line);border-radius:12px;background:var(--lav);transition:.16s}
.cmd:focus-within{border-color:var(--purple);background:var(--white);
  box-shadow:0 0 0 3px rgba(109,64,196,.11)}
.cmd svg{flex:none;color:var(--soft)}
.cmd:focus-within svg{color:var(--purple)}
.cmd input{flex:1;border:0;background:none;outline:0;font-size:14px;min-width:0}
.cmd input::placeholder{color:var(--soft)}
.cmd .kbd{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--soft);
  border:1px solid var(--line);border-radius:5px;padding:2px 6px;background:var(--white)}
.cmd .askbtn{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;
  background:linear-gradient(135deg,var(--purple),var(--navy));color:#fff;font-size:12px;font-weight:600}
.cmd .askbtn:hover{filter:brightness(1.1)}

.chips{display:flex;align-items:center;gap:7px;padding:10px 0 11px;flex-wrap:wrap;min-height:44px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 11px;border-radius:8px;
  background:var(--lav);border:1px solid var(--line);font-size:12px;font-weight:500}
.chip em{font-style:normal;color:var(--mid);font-weight:600;font-size:11px;
  text-transform:uppercase;letter-spacing:.04em}
.chip button{color:var(--soft);display:flex;padding:1px;border-radius:4px}
.chip button:hover{color:var(--purple);background:#EDE5FB}
.chip.ai{background:linear-gradient(135deg,#F3EDFF,#EFEAFC);border-color:#DCCFF7;color:var(--navy)}
.count{margin-left:auto;font-size:12.5px;color:var(--mid);white-space:nowrap;display:flex;
  align-items:baseline;gap:6px}
.count b{font-family:"IBM Plex Mono",monospace;color:var(--ink);font-size:14px;font-weight:600}
.count .of{color:var(--soft)}
.partial{font-size:11.5px;color:#8A6300;background:#FFF8E6;border:1px solid #F4E3B4;
  border-radius:7px;padding:3px 9px}

/* ---- body ---- */
.body{flex:1;display:flex;min-height:0}

/* ---- filter rail ---- */
.rail{width:236px;flex:none;background:var(--white);border-right:1px solid var(--line);
  overflow-y:auto;padding:4px 0 40px}
.rail h4{margin:0;padding:15px 16px 7px;font-size:10.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--soft)}
.grp{border-bottom:1px solid var(--line-2);padding:0 0 10px}
.grp:last-child{border:0}
.opt{display:flex;align-items:center;gap:9px;padding:5px 16px;cursor:pointer;font-size:12.5px;
  border-radius:0;transition:.12s}
.opt:hover{background:var(--lav)}
.opt input{appearance:none;width:15px;height:15px;border:1.5px solid #CFC6E8;border-radius:4px;
  flex:none;transition:.12s;cursor:pointer;position:relative}
.opt input:checked{background:var(--purple);border-color:var(--purple)}
.opt input:checked::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}
.opt .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opt .ct{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--soft)}
.opt.on .lbl{font-weight:600;color:var(--purple)}
.more{padding:4px 16px 2px;font-size:11.5px;font-weight:600;color:var(--purple)}
.more:hover{text-decoration:underline}
.reach{background:linear-gradient(180deg,#FFFDF6,#fff);border-top:1px solid #F4E3B4;
  border-bottom:1px solid #F4E3B4}
.reach h4{color:var(--gold-d)}
.reach .opt input:checked{background:var(--gold-d);border-color:var(--gold-d)}
.reach .opt.on .lbl{color:var(--gold-d)}

/* ---- list column ---- */
.list-col{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--lav)}
.list-top{display:flex;align-items:center;gap:10px;padding:11px 18px;flex:none;flex-wrap:wrap}
.sel{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--mid);
  border:1px solid var(--line);background:var(--white);padding:6px 10px;border-radius:9px}
.sel select{border:0;background:none;outline:0;font-weight:600;font-size:12.5px;cursor:pointer;
  color:var(--ink)}
.vtog{display:flex;gap:2px;background:var(--white);border:1px solid var(--line);padding:3px;
  border-radius:9px;margin-left:auto}
.vtog button{padding:4px 9px;border-radius:6px;color:var(--soft);display:flex}
.vtog button[aria-pressed=true]{background:var(--lav);color:var(--purple)}
.filtersbtn{display:none}
.rows{flex:1;overflow-y:auto;padding:0 18px 60px}

/* ---- table row ---- */
.hdr,.row{display:grid;grid-template-columns:20px 62px minmax(178px,2.1fr) 100px minmax(112px,1fr) 100px 82px 124px;
  gap:12px;align-items:center}
.hdr{padding:0 14px 8px;font-size:10.5px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--soft)}
.hdr .r{text-align:right}
.row{background:var(--white);border:1px solid transparent;border-radius:var(--r);padding:11px 14px;
  margin-bottom:6px;cursor:pointer;transition:.14s;box-shadow:0 1px 2px rgba(30,27,58,.03)}
.row:hover{border-color:#DCCFF7;box-shadow:var(--shadow);transform:translateY(-1px)}
.row.act{border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,64,196,.10)}
.row .pick,.card .pick{appearance:none;width:15px;height:15px;border:1.5px solid #CFC6E8;border-radius:4px;
  cursor:pointer;position:relative;flex:none}
.row .pick:checked,.card .pick:checked{background:var(--purple);border-color:var(--purple)}
.row .pick:checked::after,.card .pick:checked::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}
.rank{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.rank b{font-family:"IBM Plex Mono",monospace;font-size:16px;font-weight:600;letter-spacing:-.03em;
  line-height:1}
.rank i{font-style:normal;font-size:9.5px;color:var(--soft);font-family:"IBM Plex Mono",monospace;
  display:flex;align-items:center;gap:2px}
.rank i.up{color:var(--ok)}
.rank i.down{color:#C4564E}
.rank.top b{color:var(--gold-d)}
.nm{min-width:0}
.nm b{display:block;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.nm .sub{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mid);margin-top:1px}
.nm .sub span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dot{width:3px;height:3px;border-radius:50%;background:var(--soft);flex:none}
.ind{font-size:11.5px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.num{font-family:"IBM Plex Mono",monospace;font-size:12.5px;text-align:right}
.num.g{color:var(--ok);font-weight:600}
.ppl{display:flex;align-items:center;gap:4px;justify-content:flex-end;overflow:hidden;min-width:0}
.avs{display:flex}
.av{width:22px;height:22px;border-radius:50%;font-size:9px;font-weight:700;color:#fff;
  display:grid;place-items:center;border:1.5px solid #fff;margin-left:-6px;flex:none;
  font-family:Poppins,sans-serif}
.av:first-child{margin:0}
.reachdots{display:flex;gap:2px;margin-left:6px}
.rd{width:16px;height:16px;border-radius:5px;background:#F4F1FA;color:#D2CBE4;
  display:grid;place-items:center;font-size:8.5px;font-weight:700;flex:none;
  font-family:"IBM Plex Mono",monospace;letter-spacing:-.03em}
.rd.on{background:#D6F1E4;color:#137A50}
.vmark{font-size:9.5px;font-weight:700;font-family:"IBM Plex Mono",monospace;padding:2px 6px;
  border-radius:5px;margin-left:6px;flex:none}
.vmark.lead{background:var(--ok-bg);color:var(--ok)}
.vmark.pass{background:#FBEAE8;color:#B2453C}

/* ---- SIGNATURE: rank trajectory strip ---- */
.traj{display:flex;align-items:flex-end;gap:1.5px;height:26px}
.first{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;
  font-family:"IBM Plex Mono",monospace;color:var(--purple);background:#F3EDFC;
  border:1px solid #E2D6F7;border-radius:6px;padding:3px 8px;letter-spacing:-.01em}
.first::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--purple)}
.traj .yr{width:4px;border-radius:1.5px;background:#EDE8F8;flex:none;transition:.15s}
.traj .yr.on{background:linear-gradient(180deg,var(--gold),#F0BE3E)}
.traj .yr.on.est{background:#EDD79A}
.traj .yr.cur{background:linear-gradient(180deg,var(--purple),var(--navy))}
.row:hover .traj .yr.on{background:linear-gradient(180deg,#FFDE94,var(--gold-d))}
.traj-lg{display:flex;align-items:flex-end;gap:4px;height:74px}
.traj-lg .yr{flex:1;border-radius:3px;background:#EFEAF9;position:relative;min-height:3px}
.traj-lg .yr.on{background:linear-gradient(180deg,var(--gold),#EDB933)}
.traj-lg .yr.on.est{background:#F0DEAE}
.traj-lg .yr.cur{background:linear-gradient(180deg,var(--purple),var(--navy))}
.traj-ax{display:flex;gap:4px;margin-top:6px}
.traj-ax span{flex:1;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:8.5px;
  color:var(--soft);letter-spacing:-.04em}
.traj-ax span.on{color:var(--gold-d);font-weight:600}
.traj-ax span.cur{color:var(--purple);font-weight:600}

/* ---- card view ---- */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:10px;
  align-content:start}
.card{background:var(--white);border:1px solid transparent;border-radius:var(--r);padding:14px;
  cursor:pointer;transition:.14s;box-shadow:0 1px 2px rgba(30,27,58,.03)}
.card:hover{border-color:#DCCFF7;box-shadow:var(--shadow);transform:translateY(-2px)}
.card.act{border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,64,196,.10)}
.card .top{display:flex;gap:11px;align-items:flex-start;margin-bottom:10px}
.card .nm .sub{flex-wrap:wrap;row-gap:2px}
.card .ctag{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:5px;
  background:var(--lav);color:var(--navy);border:1px solid var(--line);margin-top:5px}
.card .top .rank{flex:none}
.card .cdesc{font-size:11.5px;color:var(--mid);margin:9px 0 11px;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.card .stats{display:flex;gap:0;border-top:1px solid var(--line-2);padding-top:10px}
.card .stats div{flex:1;min-width:0}
.card .stats i{display:block;font-style:normal;font-size:9.5px;text-transform:uppercase;
  letter-spacing:.05em;color:var(--soft);margin-bottom:2px}
.card .stats b{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600}
.card .cfoot{display:flex;align-items:center;justify-content:space-between;margin-top:11px;
  padding-top:10px;border-top:1px solid var(--line-2)}

.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;
  font-size:10.5px;font-weight:700;background:#FFF6E0;color:#8A6300;border:1px solid #F6E4B8;
  white-space:nowrap;font-family:"IBM Plex Mono",monospace}
.badge.p{background:#F1EBFC;color:var(--purple);border-color:#E0D4F7}
.badge.g{background:var(--ok-bg);color:var(--ok);border-color:#C7EBDA}

/* ---- right panel ---- */
.panel{width:424px;flex:none;background:var(--white);border-left:1px solid var(--line);
  display:flex;flex-direction:column;overflow:hidden}
.ptabs{display:flex;gap:2px;padding:9px 12px;border-bottom:1px solid var(--line);flex:none;
  align-items:center}
.ptab{padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--mid)}
.ptab:hover{background:var(--lav)}
.ptab[aria-pressed=true]{background:var(--lav);color:var(--purple)}
.pclose{margin-left:auto;color:var(--soft);padding:6px;display:flex;border-radius:7px}
.pclose:hover{background:var(--lav);color:var(--ink)}
.pbody{flex:1;overflow-y:auto}
.phead{padding:16px 18px 14px;border-bottom:1px solid var(--line-2)}
.phead h2{margin:0 0 3px;font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.25}
.phead .meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mid);
  flex-wrap:wrap;margin-bottom:11px}
.phead a{color:var(--purple);text-decoration:none;font-weight:500}
.phead a:hover{text-decoration:underline}
.pacts{display:flex;gap:6px;flex-wrap:wrap}
.pacts .btn{padding:7px 11px;font-size:12px}
.sec{padding:15px 18px;border-bottom:1px solid var(--line-2)}
.sec h5{margin:0 0 11px;font-size:10.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--soft);display:flex;align-items:center;gap:7px}
.sec h5 .hint{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:500;
  color:var(--soft);font-size:10.5px}
.kv{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 14px}
.kv>div i{display:block;font-style:normal;font-size:10px;text-transform:uppercase;
  letter-spacing:.05em;color:var(--soft);margin-bottom:2px}
.kv>div b{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600}
.kv>div b.g{color:var(--ok)}
.pdesc{font-size:12.5px;color:#4A4670;line-height:1.6}
.tags{display:flex;flex-wrap:wrap;gap:5px}
.tag{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--lav);color:var(--navy);
  border:1px solid var(--line)}

.person{display:flex;gap:11px;padding:11px;border:1px solid var(--line);border-radius:11px;
  margin-bottom:8px;transition:.14s;background:#fff}
.person:hover{border-color:#DCCFF7;box-shadow:0 3px 12px -6px rgba(52,49,125,.3)}
.person .av{width:38px;height:38px;font-size:13px;margin:0;border:0}
.pinfo{flex:1;min-width:0}
.pinfo b{display:block;font-size:13px;font-weight:600}
.pinfo .ttl{font-size:11.5px;color:var(--mid);margin-bottom:6px}
.contact{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.contact a,.contact span{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--navy);
  text-decoration:none;display:flex;align-items:center;gap:6px;word-break:break-all}
.contact a:hover{color:var(--purple);text-decoration:underline}
.contact .miss{color:var(--soft)}
.pbtns{display:flex;gap:5px;flex-wrap:wrap}
.mini{font-size:11px;font-weight:600;padding:4px 9px;border-radius:7px;border:1px solid var(--line);
  background:#fff;transition:.13s}
.mini:hover{border-color:var(--lilac);background:#FBF9FF}
.mini.p{background:var(--purple);border-color:var(--purple);color:#fff}
.mini.p:hover{background:var(--purple-d)}
.loading{padding:20px 18px;color:var(--soft);font-size:12.5px}

.notebox{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;
  font-size:12.5px;min-height:74px;resize:vertical;outline:0;background:#fff;
  font-family:Poppins,system-ui,sans-serif}
.notebox:focus{border-color:var(--purple)}
.notesaved{font-size:11px;color:var(--ok);margin-top:5px;min-height:15px}

/* ---- chat ---- */
.chat{display:flex;flex-direction:column;height:100%}
.chat-body{flex:1;overflow-y:auto;padding:16px 18px}
.msg{margin-bottom:14px;max-width:92%}
.msg.u{margin-left:auto;background:var(--purple);color:#fff;padding:9px 13px;border-radius:13px 13px 4px 13px;
  font-size:13px;width:fit-content}
.msg.a{font-size:13px;line-height:1.6;color:#3A3660}
.msg.a .who{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--purple);
  margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.msg.a .applied{margin-top:10px;padding:10px 12px;background:var(--lav);border-radius:10px;
  border:1px solid var(--line)}
.msg.a .applied i{display:block;font-style:normal;font-size:10px;text-transform:uppercase;
  letter-spacing:.05em;color:var(--soft);margin-bottom:7px}
.starters{padding:0 18px 12px;display:flex;flex-direction:column;gap:6px}
.starter{text-align:left;padding:9px 12px;border:1px solid var(--line);border-radius:10px;
  font-size:12.5px;background:#fff;transition:.13s;display:flex;gap:9px;align-items:center}
.starter:hover{border-color:var(--lilac);background:#FBF9FF}
.starter svg{color:var(--lilac);flex:none}
.chat-in{padding:12px 14px;border-top:1px solid var(--line);flex:none;display:flex;gap:8px;
  align-items:center}
.chat-in input{flex:1;border:1.5px solid var(--line);border-radius:10px;padding:9px 12px;outline:0;
  font-size:13px;background:var(--lav)}
.chat-in input:focus{border-color:var(--purple);background:#fff}
.send{width:36px;height:36px;border-radius:10px;background:var(--purple);color:#fff;display:grid;
  place-items:center;flex:none}
.send:hover{background:var(--purple-d)}

.empty{padding:60px 30px;text-align:center;color:var(--soft)}
.empty svg{margin-bottom:14px;color:#DCD4EE}
.empty b{display:block;color:var(--mid);font-size:14px;margin-bottom:5px;font-weight:600}
.empty p{font-size:12.5px;margin:0 0 16px;line-height:1.6}

/* ---- shortlist tray ---- */
.tray{position:fixed;bottom:0;left:236px;right:424px;background:var(--navy);color:#fff;
  padding:11px 20px;display:flex;align-items:center;gap:14px;z-index:40;
  transform:translateY(100%);transition:.22s cubic-bezier(.2,.8,.3,1);
  box-shadow:0 -6px 24px -8px rgba(30,27,58,.4);flex-wrap:wrap}
.tray.up{transform:translateY(0)}
.tray b{font-family:"IBM Plex Mono",monospace;font-size:15px}
.tray .sp{flex:1}
.tray .btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.tray .btn:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}
.tray .btn.gold{background:var(--gold);border-color:var(--gold);color:#4A3600}
.tray .btn.gold:hover{background:#FFE49A}

/* ============ MODALS ============ */
.scrim{position:fixed;inset:0;background:rgba(30,27,58,.42);z-index:85;display:grid;
  place-items:center;padding:24px;backdrop-filter:blur(2px)}
.modal{background:var(--white);border-radius:18px;width:min(760px,100%);max-height:88vh;
  display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px -20px rgba(30,27,58,.5)}
.modal.sm{width:min(440px,100%)}
.modal header{padding:20px 24px 16px;border-bottom:1px solid var(--line-2)}
.modal h3{margin:0 0 4px;font-size:19px;font-weight:700;letter-spacing:-.025em}
.modal header p{margin:0;font-size:13px;color:var(--mid);line-height:1.55}
.modal .mb{padding:18px 24px;overflow-y:auto;flex:1}
.modal footer{padding:14px 24px;border-top:1px solid var(--line-2);display:flex;
  align-items:center;gap:9px;background:#FCFBFE}
.modal footer .sp{flex:1;font-size:12px;color:var(--soft)}
.opts{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.optbox{flex:1;min-width:190px;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;
  cursor:pointer;transition:.14s;text-align:left}
.optbox:hover{border-color:var(--lilac)}
.optbox[aria-pressed=true]{border-color:var(--purple);background:#FBF9FF;
  box-shadow:0 0 0 3px rgba(109,64,196,.09)}
.optbox b{display:block;font-size:13px;font-weight:600;margin-bottom:3px}
.optbox span{font-size:11.5px;color:var(--mid);line-height:1.5;display:block}
.prev{border:1px solid var(--line);border-radius:11px;overflow:auto;background:#FCFBFE}
.prev table{border-collapse:collapse;font-family:"IBM Plex Mono",monospace;font-size:11px;
  white-space:nowrap;min-width:100%}
.prev th{text-align:left;padding:8px 10px;background:var(--lav);color:var(--navy);font-weight:600;
  border-bottom:1px solid var(--line);position:sticky;top:0;font-size:10px;letter-spacing:.02em}
.prev td{padding:7px 10px;border-bottom:1px solid var(--line-2);color:#4A4670}
.prev tr:last-child td{border:0}
.prev .lnk{color:var(--purple)}
.prev .blank{color:var(--soft);font-style:italic}
.held{background:#FFF8E6;border:1px solid #F4E3B4;border-radius:11px;padding:12px 14px;
  margin-top:16px;font-size:12.5px;color:#6B4E00;line-height:1.6}
.held b{display:block;margin-bottom:4px;color:#4A3600}
.held code{font-family:"IBM Plex Mono",monospace;font-size:11px;background:rgba(0,0,0,.05);
  padding:1px 5px;border-radius:4px}
.tog{display:flex;align-items:center;gap:9px;font-size:12.5px;margin-top:14px;cursor:pointer}
.tog input{appearance:none;width:34px;height:19px;border-radius:19px;background:#DDD5F0;
  position:relative;transition:.16s;flex:none;cursor:pointer}
.tog input::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;
  border-radius:50%;background:#fff;transition:.16s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tog input:checked{background:var(--purple)}
.tog input:checked::after{transform:translateX(15px)}
.tog span{color:var(--mid)}
.listrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);
  border-radius:10px;margin-bottom:7px;transition:.13s;background:#fff}
.listrow:hover{border-color:var(--lilac)}
.listrow b{flex:1;font-size:13px;font-weight:600}
.listrow .ct{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--soft)}
.newlist{display:flex;gap:8px;margin-top:6px}
.newlist input{flex:1;border:1.5px solid var(--line);border-radius:9px;padding:8px 11px;
  outline:0;font-size:13px}
.newlist input:focus{border-color:var(--purple)}

.pwbox{background:var(--ok-bg);border:1px solid #C7EBDA;border-radius:11px;padding:12px 14px;margin-bottom:16px;
  font-size:12.5px;color:#145A3E}
.pwbox b{display:block;margin-bottom:7px;color:#0F4A32}
.pwbox .pwrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.pwbox code{font-family:"IBM Plex Mono",monospace;font-size:15px;font-weight:600;background:#fff;border:1px solid #C7EBDA;
  border-radius:7px;padding:5px 10px;letter-spacing:.02em;user-select:all}
.pwbox span{font-size:11px;color:#3F7A60}
.listrow .mono{font-family:"IBM Plex Mono",monospace}

/* ============ SPRINT ============ */
.sprint{position:fixed;inset:0;z-index:80;background:var(--lav);display:flex;flex-direction:column}
.sp-bar{height:58px;flex:none;background:var(--white);border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:16px;padding:0 18px}
.sp-bar .ttl{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px}
.sp-bar .ttl .badge{font-size:10px}
.prog{flex:1;max-width:420px;display:flex;align-items:center;gap:11px}
.prog .track{flex:1;height:5px;background:#E7E1F5;border-radius:5px;overflow:hidden}
.prog .fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--lilac));
  border-radius:5px;transition:width .25s}
.prog .lbl{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--mid);white-space:nowrap}
.tmr{display:flex;align-items:center;gap:9px;margin-left:auto}
.ring{position:relative;width:40px;height:40px;flex:none}
.ring svg{transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:3.5;stroke-linecap:round}
.ring .bg{stroke:#EDE7F8}
.ring .fg{stroke:var(--purple);transition:stroke-dashoffset .95s linear,stroke .3s}
.ring.warn .fg{stroke:#E0A200}
.ring.out .fg{stroke:#C4564E}
.ring b{position:absolute;inset:0;display:grid;place-items:center;
  font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600}
.tsel{display:flex;gap:2px;background:var(--lav);padding:3px;border-radius:9px}
.tsel button{padding:5px 9px;border-radius:6px;font-size:11.5px;font-weight:600;color:var(--mid);
  font-family:"IBM Plex Mono",monospace}
.tsel button[aria-pressed=true]{background:var(--white);color:var(--purple);
  box-shadow:0 1px 3px rgba(52,49,125,.14)}

.sp-body{flex:1;display:flex;min-height:0;gap:14px;padding:14px 18px 0}
.sp-side{width:330px;flex:none;background:var(--white);border-radius:var(--r);
  border:1px solid var(--line);overflow-y:auto;padding-bottom:10px}
.sp-side .phead{border-bottom:1px solid var(--line-2)}
.sp-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}

.frame{flex:1;min-height:0;background:var(--white);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.chrome{height:40px;flex:none;display:flex;align-items:center;gap:10px;padding:0 12px;
  background:#FAF8FE;border-bottom:1px solid var(--line)}
.lights{display:flex;gap:5px}
.lights i{width:9px;height:9px;border-radius:50%;background:#E1DAF0;display:block}
.url{flex:1;height:25px;background:var(--white);border:1px solid var(--line);border-radius:7px;
  display:flex;align-items:center;padding:0 10px;gap:7px;font-family:"IBM Plex Mono",monospace;
  font-size:11.5px;color:var(--mid);min-width:0}
.url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chrome .mini{padding:3px 8px;font-size:10.5px}
.stage{flex:1;min-height:0;position:relative;background:#fff}
.stage iframe{width:100%;height:100%;border:0;display:block}
.stage img.shotimg{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.shot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:0;background:linear-gradient(180deg,#fff 0 64px,#FCFBFE 64px 100%);
  overflow:hidden}
.shot .fake{position:absolute;inset:0;padding:22px 30px;opacity:.5;pointer-events:none}
.shot .fb{background:#EFEAF8;border-radius:6px;margin-bottom:11px}
.shot .msg{position:relative;text-align:center;max-width:400px;background:rgba(255,255,255,.94);
  border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow)}
.shot .msg b{display:block;font-size:14px;margin-bottom:6px}
.shot .msg p{margin:0 0 13px;font-size:12.5px;color:var(--mid);line-height:1.6}

.deck{flex:none;background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}
.pills{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;
  border:1.5px solid var(--line);background:var(--white);font-size:12.5px;font-weight:600;
  transition:.14s;color:var(--mid)}
.pill kbd{font-family:"IBM Plex Mono",monospace;font-size:9.5px;background:var(--lav);
  border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:var(--soft);font-weight:600}
.pill:hover{border-color:var(--lilac);color:var(--ink)}
.pill.on{background:var(--purple);border-color:var(--purple);color:#fff}
.pill.on kbd{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:#fff}
.pill.on.c1{background:#1F7A55;border-color:#1F7A55}
.pill.on.c2{background:var(--navy);border-color:var(--navy)}
.pill.on.c3{background:#B5468C;border-color:#B5468C}
.pill.on.c4{background:#C08400;border-color:#C08400}
.verdict{display:flex;gap:8px;flex:none;padding-left:14px;border-left:1px solid var(--line-2)}
.vb{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-size:13px;font-weight:700;border:1.5px solid var(--line);transition:.14s}
.vb kbd{font-family:"IBM Plex Mono",monospace;font-size:9.5px;padding:1px 5px;border-radius:4px;
  background:var(--lav);border:1px solid var(--line);color:var(--soft)}
.vb.no:hover{border-color:#E4A9A3;color:#B2453C;background:#FEF7F6}
.vb.yes{background:var(--ok);border-color:var(--ok);color:#fff}
.vb.yes:hover{background:#19855A;border-color:#19855A}
.vb.yes kbd{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.3);color:#fff}
.deck-l{display:flex;align-items:center;gap:8px;flex:none}
.sp-foot{flex:none;display:flex;align-items:center;gap:14px;padding:9px 18px 12px;
  font-size:11.5px;color:var(--soft);flex-wrap:wrap}
.sp-foot kbd{font-family:"IBM Plex Mono",monospace;font-size:10px;background:var(--white);
  border:1px solid var(--line);border-radius:4px;padding:1.5px 5px;color:var(--mid)}
.flash{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:0;transition:opacity .18s}
.flash.yes{background:radial-gradient(circle at 50% 60%,rgba(31,157,107,.16),transparent 60%);opacity:1}
.flash.no{background:radial-gradient(circle at 50% 60%,rgba(196,86,78,.13),transparent 60%);opacity:1}

.sum{max-width:660px;margin:0 auto;padding:40px 24px}
.sum h1{font-size:30px;font-weight:900;letter-spacing:-.035em;margin:0 0 6px}
.sum .lede{color:var(--mid);font-size:14px;margin:0 0 28px}
.sumgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px}
.sumgrid div{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:15px}
.sumgrid i{display:block;font-style:normal;font-size:10px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--soft);margin-bottom:5px}
.sumgrid b{font-family:"IBM Plex Mono",monospace;font-size:24px;font-weight:600;letter-spacing:-.03em}
.sumlist{background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;margin-bottom:20px}
.sumlist .r{display:flex;align-items:center;gap:11px;padding:11px 15px;border-bottom:1px solid var(--line-2);
  flex-wrap:wrap}
.sumlist .r:last-child{border:0}
.sumlist .r b{flex:1;font-size:13px;font-weight:600;min-width:120px}

/* ---- toast ---- */
.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,10px);background:var(--ink);
  color:#F0EBFA;padding:10px 16px;border-radius:10px;font-size:12.5px;z-index:100;opacity:0;
  transition:.2s;pointer-events:none;box-shadow:0 8px 30px -8px rgba(30,27,58,.5)}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ============ LOGIN ============ */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.login{background:var(--white);border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--shadow);padding:34px 32px;width:min(400px,100%)}
.login img{height:30px;margin-bottom:6px}
.login h1{font-size:21px;font-weight:700;letter-spacing:-.025em;margin:14px 0 4px}
.login .sub{font-size:13px;color:var(--mid);margin:0 0 22px;line-height:1.6}
.login label{display:block;font-size:11.5px;font-weight:600;color:var(--mid);margin:0 0 5px}
.login input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 13px;
  font-size:14px;outline:0;margin-bottom:14px;background:var(--lav)}
.login input:focus{border-color:var(--purple);background:#fff}
.login .go{width:100%;padding:11px;border-radius:10px;background:var(--purple);color:#fff;
  font-weight:600;font-size:14px;transition:.15s}
.login .go:hover{background:var(--purple-d)}
.login .err{color:#B2453C;font-size:12.5px;min-height:18px;margin:10px 0 0}
.login .foot{font-size:11.5px;color:var(--soft);margin-top:18px;line-height:1.6}

/* ============ RESPONSIVE ============ */
@media(max-width:1180px){.sp-side{width:280px}}
@media(max-width:900px){.sp-side{display:none}.deck{flex-wrap:wrap}.verdict{border:0;padding:0}}
@media(max-width:1500px){.panel{width:376px}.tray{right:376px}}
@media(max-width:1400px){
  .hdr,.row{grid-template-columns:20px 60px minmax(160px,2fr) 100px 96px 80px 118px}
  .hdr .c-ind,.row .c-ind{display:none}}
@media(max-width:1240px){
  .rail{width:206px}.tray{left:206px}
  .hdr,.row{grid-template-columns:20px 56px minmax(140px,2fr) 96px 76px 62px;gap:10px}
  .hdr .c-rev,.row .c-rev{display:none}
  .ppl .avs{display:none}}
@media(max-width:1000px){
  .rail{display:none}
  .rail.open{display:block;position:fixed;top:0;left:0;bottom:0;width:min(300px,86vw);z-index:75;
    box-shadow:0 0 60px rgba(30,27,58,.35)}
  .railscrim{position:fixed;inset:0;background:rgba(30,27,58,.35);z-index:74}
  .filtersbtn{display:inline-flex}
  .panel{position:fixed;inset:0;width:auto;z-index:70;border-left:0;display:none}
  .panel.open{display:flex}
  .tray{left:0;right:0}
  .hdr,.row{grid-template-columns:20px 54px minmax(120px,2fr) 90px 70px 60px}
  .years{display:none}
  .brand span{display:none}}

/* ==== The Recruiters List overrides (appended to the theinclist base) ==== */
.hdr,.row{grid-template-columns:20px minmax(160px,2fr) minmax(104px,130px) minmax(90px,1fr) 60px 56px minmax(120px,150px) !important;gap:12px !important}
.row .ppl{justify-content:flex-end}
.ctag{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
a.mini{text-decoration:none;display:inline-block}