:root{
  --t1:#4CB5F5; --t2:#2EC4B6; --t3:#E879F9; --t4:#FFD166; --t0:#4A5D68;
  --st-ready:#3DDC97; --st-data:#9D8CFF; --st-external:#F4A261; --st-partial:#FF6B35;
  --st-blocked:#EF476F; --st-withdrawn:#4A5D68; --st-moved:#6F8794;
}

.tpage{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;
  background:radial-gradient(ellipse at 20% -10%,#16212A 0%,#0E1418 55%)}
.tpage__in{max-width:1320px;margin:0 auto;padding:28px var(--pad) 80px;display:grid;gap:34px}

.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--s-proc);text-transform:uppercase}
.th1{margin:8px 0 0;font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:-.01em;color:#E3EDF2;text-wrap:balance}
.tlede{margin:10px 0 0;max-width:78ch;color:var(--dim);font-size:14.5px;line-height:1.6}
.tlede b{color:var(--ink);font-weight:600}
.th2{margin:0;font-size:17px;font-weight:600;color:#E3EDF2;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.th2 small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--dim-2);text-transform:uppercase;font-weight:400}
.tsec{display:grid;gap:14px;min-width:0}
.tsec>p{margin:0;color:var(--dim);max-width:80ch;font-size:13.5px}


.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2px;margin-top:22px}
.kpi{background:var(--sheet);border:1px solid var(--line);padding:12px 14px;display:grid;gap:3px;
  text-align:left;border-top:2px solid var(--k,var(--line));transition:background .15s}
button.kpi:hover{background:var(--sheet-2)}
.kpi b{font-family:var(--mono);font-size:24px;font-weight:500;color:#E3EDF2;font-variant-numeric:tabular-nums;line-height:1.1}
.kpi span{font-size:11.5px;color:var(--dim);line-height:1.35}


.types{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.type{--c:var(--t1);text-align:left;background:linear-gradient(180deg,var(--sheet-2),var(--sheet));
  border:1px solid var(--line);border-left:3px solid var(--c);padding:16px 16px 14px;display:grid;gap:10px;
  align-content:start;min-width:0;transition:border-color .15s,transform .15s}
.type:hover{border-color:var(--c);transform:translateY(-1px)}
.type[aria-pressed="true"]{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset}
.type__hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.type__n{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--c);text-transform:uppercase}
.type__count{font-family:var(--mono);font-size:30px;color:#E3EDF2;line-height:1;font-variant-numeric:tabular-nums}
.type__t{font-size:15px;font-weight:600;color:#E3EDF2;margin:0}
.type__d{font-size:12.5px;color:var(--dim);margin:0;line-height:1.55}
.type__bar{display:flex;height:6px;gap:1px;background:var(--line-soft)}
.type__bar i{display:block;min-width:2px}
.type__foot{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:var(--dim-2);line-height:1.6}
.t1{--c:var(--t1)} .t2{--c:var(--t2)} .t3{--c:var(--t3)} .t4{--c:var(--t4)} .t0{--c:var(--t0)}


.plat{background:var(--sheet);border:1px solid var(--line);padding:16px;display:grid;gap:12px}
.plat__row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}
.plat__lab{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink)}
.plat__lab small{display:block;color:var(--dim-2);font-size:9.5px;letter-spacing:.06em}
.plat__bar{display:flex;height:24px;gap:1px}
.plat__bar span{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10.5px;
  color:#0E1418;font-weight:700;min-width:0;overflow:hidden;white-space:nowrap}
.legend2{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11.5px;color:var(--dim)}
.legend2 span{display:inline-flex;gap:6px;align-items:center}
@media (max-width:560px){.plat__row{grid-template-columns:1fr;gap:6px}}


.v{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;
  font-family:var(--mono);font-size:10.5px;font-weight:700;border:1px solid currentColor;color:var(--c,var(--dim));
  background:color-mix(in srgb,var(--c,var(--dim)) 14%,transparent)}
.v-B{--c:#3DDC97} .v-V{--c:#8BE9B5} .v-T{--c:#4CB5F5;border-style:dashed} .v-O{--c:#2EC4B6} .v-D{--c:#9D8CFF}
.v-E{--c:#F4A261} .v-S{--c:#FF6B35} .v-X{--c:#EF476F} .v-N{--c:#EF476F;border-style:dashed} .v-U{--c:#8EA3AF}
.v-P{--c:#8EA3AF} .v-I{--c:#4A5D68;text-decoration:line-through} .v-na{--c:#2E3F49;border-color:transparent;background:none}
.st{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;
  color:var(--c);white-space:nowrap}
.st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.st-ready{--c:var(--st-ready)} .st-data{--c:var(--st-data)} .st-external{--c:var(--st-external)}
.st-partial{--c:var(--st-partial)} .st-blocked{--c:var(--st-blocked)} .st-withdrawn{--c:var(--st-withdrawn)} .st-moved{--c:var(--st-moved)}
.ty{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;padding:2px 6px;
  color:var(--c);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);white-space:nowrap}
.tag{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;padding:1px 5px;
  border:1px solid var(--line);color:var(--dim);white-space:nowrap}
.tag.acct{color:#E879F9;border-color:#5b3563} .tag.paid{color:#F4A261;border-color:#5d4330} .tag.chg{color:#FF9F1C;border-color:#5a4020}


.qbar{position:sticky;top:0;z-index:3;background:rgba(14,20,24,.94);backdrop-filter:blur(8px);
  border:1px solid var(--line);padding:12px;display:grid;gap:10px}
.qrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qin{flex:1 1 260px;min-width:0;background:var(--sheet);border:1px solid var(--line);color:var(--ink);
  font:13px var(--sans);padding:8px 10px}
.qin::placeholder{color:var(--dim-2)}
.qsel{background:var(--sheet);border:1px solid var(--line);color:var(--ink);font:12px var(--sans);padding:7px 8px}
.qlab{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--dim-2);text-transform:uppercase;margin-right:2px}
.pill{font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:5px 9px;border:1px solid var(--line);
  color:var(--dim);background:var(--sheet);display:inline-flex;gap:6px;align-items:center}
.pill:hover{color:var(--ink);border-color:var(--dim-2)}
.pill[aria-pressed="true"]{color:#0E1418;background:var(--c,var(--s-proc));border-color:var(--c,var(--s-proc))}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--c,var(--s-proc));display:block}
.pill[aria-pressed="true"] i{background:#0E1418}
.qmeta{margin-left:auto;display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10.5px;color:var(--dim)}
.qmeta b{color:var(--ink);font-weight:500}
.lnk{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--s-proc);text-transform:uppercase;padding:4px 6px}
.lnk:hover{color:#E3EDF2}


.tw2{border:1px solid var(--line);border-top:none;overflow-x:auto;background:var(--sheet)}
.ttab{width:100%;border-collapse:collapse;min-width:900px;font-size:13px}
.ttab th{text-align:left;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim-2);font-weight:400;padding:10px 10px;border-bottom:1px solid var(--line);background:#121A20;white-space:nowrap}
.ttab th button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;padding:0}
.ttab th button:hover{color:var(--ink)}
.ttab th[aria-sort] button::after{content:" ↓";color:var(--s-proc)}
.ttab th[aria-sort="ascending"] button::after{content:" ↑"}
.ttab td{padding:9px 10px;border-top:1px solid var(--line-soft);vertical-align:middle}
.ttab tr.row{cursor:pointer;transition:background .12s;scroll-margin-top:240px}
.ttab tr.row:hover{background:#18232A}
.ttab tr.row[aria-expanded="true"]{background:#18232A}
.ttab tr.row.off td{opacity:.55}
.ttab tr.grp td{background:#101820;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--s-proc);padding:8px 10px;border-top:1px solid var(--line)}
.ttab tr.grp td span{color:var(--dim-2);margin-left:10px;letter-spacing:.08em}
.car{width:26px;text-align:center}
.car button{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--dim)}
.car svg{transition:transform .18s}
tr[aria-expanded="true"] .car svg{transform:rotate(90deg);color:var(--s-proc)}
.cid{font-family:var(--mono);font-size:12px;color:#E3EDF2;white-space:nowrap}
.cname{min-width:220px}
.cname b{font-weight:500;color:#E3EDF2;display:block}
.cname span{display:block;color:var(--dim);font-size:12px;line-height:1.45;margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.ctags{display:flex;gap:4px;flex-wrap:wrap}
.cpl{font-family:var(--mono);font-size:10px;color:var(--dim-2)}
.nores td{padding:28px;text-align:center;color:var(--dim)}


.det td{padding:0;border-top:none;background:#121B21}
.det__in{padding:18px 18px 20px 46px;display:grid;gap:16px;border-left:2px solid var(--s-proc)}
.det__what{font-size:14.5px;color:#E3EDF2;line-height:1.6;max-width:90ch;margin:0}
.det__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 22px}
.fld{min-width:0}
.fld h4{margin:0 0 5px;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2);font-weight:400}
.fld p{margin:0;font-size:12.5px;color:var(--ink);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.fld.warn p{color:#FFB38A}
.fld.muted p{color:var(--dim)}
.det__plat{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--dim)}
.det__plat span{display:inline-flex;gap:8px;align-items:center}
.det details{border-top:1px solid var(--line-soft);padding-top:10px}
.det summary{cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.det summary:hover{color:var(--ink)}
.det ol{margin:8px 0 0;padding-left:20px;display:grid;gap:4px;font-size:12px;color:var(--dim);line-height:1.5}
.det ol li::marker{color:var(--dim-2)}
@media (max-width:640px){.det__in{padding-left:18px}}


.acc{border:1px solid var(--line);background:var(--sheet)}
.acc+.acc{border-top:none}
.acc>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;gap:12px;align-items:center}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary::before{content:"";width:7px;height:7px;border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);
  transform:rotate(-45deg);transition:transform .18s;flex:none}
.acc[open]>summary::before{transform:rotate(45deg);border-color:var(--s-proc)}
.acc>summary b{font-weight:600;color:#E3EDF2;font-size:14px}
.acc>summary span{color:var(--dim);font-size:12.5px;flex:1 1 auto;min-width:0}
.acc>summary em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--dim-2)}
.acc__body{padding:4px 16px 18px 35px;display:grid;gap:12px;font-size:13px;color:var(--ink)}
.acc__body p{margin:0;max-width:90ch;color:var(--dim);line-height:1.6}
.acc__body p b{color:var(--ink);font-weight:600}
.mini{width:100%;border-collapse:collapse;font-size:12px;min-width:640px}
.mini th{text-align:left;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim-2);
  font-weight:400;padding:7px 8px;border-bottom:1px solid var(--line)}
.mini td{padding:7px 8px;border-top:1px solid var(--line-soft);vertical-align:top;color:var(--ink);line-height:1.5}
.mini td.m{color:var(--dim)} .mini td.w{color:#FFB38A}
.mini td.n,.mini th.n{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
.mini td.z{color:var(--dim-2)}
.mini tr.tot td{border-top:1px solid var(--line);font-weight:600}
.scroll{overflow-x:auto}
.idl{display:flex;flex-wrap:wrap;gap:4px}
.idl button{font-family:var(--mono);font-size:10.5px;padding:2px 6px;border:1px solid var(--line);color:var(--ink)}
.idl button:hover{border-color:var(--s-proc);color:var(--s-proc)}
.costs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px}
.costs div{background:#121A20;border:1px solid var(--line);padding:10px 12px}
.costs b{display:block;font-family:var(--mono);font-size:20px;color:#E3EDF2;font-weight:500}
.costs span{font-size:11.5px;color:var(--dim)}
.tfoot{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--dim-2);border-top:1px solid var(--line-soft);padding-top:14px;line-height:1.7}

@media (max-width:820px){.tpage{overflow:visible}}