/* Maistiqo admin — redesigned shell (2026-09-10, "Maistiqo Admin Panel" handoff).
   Everything scoped under .adm so app.css classes (.note/.btn/.chips) stay untouched.
   Tokens come from app.css; the handful the handoff adds get fallbacks here. */
.adm{
  --amber-50: color-mix(in oklab, var(--amber, #d97706) 14%, transparent);
  --amber-ink: #8a5a08;
  --rose-50: color-mix(in oklab, var(--rose, #e11d48) 12%, transparent);
}
.dark .adm{ --amber-ink:#f2c15c; }

.adm{display:grid;grid-template-columns:236px minmax(0,1fr);gap:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--sh-md);overflow:hidden;min-height:70vh}
.adm.rail{grid-template-columns:64px minmax(0,1fr)}

/* -- sidebar -- */
.adm .sb{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}
.adm .brand{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--border)}
.adm .brand .mk{width:30px;height:30px;border-radius:9px;overflow:hidden;display:grid;place-items:center;flex:none;box-shadow:0 2px 6px -2px rgba(0,135,90,.5)}
.adm .brand .mk img{width:100%;height:100%;display:block;object-fit:cover}
.adm .brand .nm{font-family:var(--ff-display);font-size:13.5px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.adm .brand .nm i{display:block;font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-top:2px}
.adm .fold{margin-left:auto;width:26px;height:26px;border-radius:8px;color:var(--text-3);display:grid;place-items:center;border:none;background:none;cursor:pointer}
.adm .fold:hover{background:var(--surface-2);color:var(--text)}
.adm .nav{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 4px;display:flex;flex-direction:column;gap:2px}
.adm .gh2{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:9px;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--text-3);border:none;background:none;cursor:pointer;text-align:left}
.adm .gh2:hover{background:var(--surface-2)}
.adm .gh2 .cv{width:12px;height:12px;color:var(--text-4);transition:transform .2s ease;flex:none}
.adm .gh2.open .cv{transform:rotate(90deg)}
.adm .gh2 .gb{margin-left:auto}
.adm .ni{display:flex;align-items:center;gap:10px;width:100%;padding:0 9px;height:32px;border-radius:10px;font-size:12.8px;font-weight:500;color:var(--text-2);text-align:left;border:none;background:none;cursor:pointer}
.adm .ni svg{width:15px;height:15px;color:var(--text-3);flex:none}
.adm .ni:hover{background:var(--surface-2);color:var(--text)}
.adm .ni .tt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm .ni.on{background:var(--em-50);color:var(--em-600);font-weight:600}
.adm .ni.on svg{color:var(--em-600)}
.dark .adm .ni.on{color:var(--em-500)}
.adm .bdg{min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--amber,#d97706);color:#3B2A05;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;display:inline-grid;place-items:center;flex:none}
.adm .bdg.r{background:var(--rose);color:#fff}
.adm .sbf{border-top:1px solid var(--border);padding:10px 12px;display:flex;align-items:center;gap:9px}
.adm .sbf .s{font-size:10.5px;color:var(--text-3);line-height:1.4}
.adm .avx{width:26px;height:26px;border-radius:99px;background:var(--em-100);color:var(--em-700);display:grid;place-items:center;font-size:10.5px;font-weight:700;flex:none}
/* rail mode */
.adm.rail .brand{justify-content:center;padding:14px 0 12px}
.adm.rail .brand .nm,.adm.rail .sbf .s{display:none}
.adm.rail .nav{align-items:center;padding:8px 0 4px;gap:3px}
.adm.rail .sbf{justify-content:center}
.adm .rsep{width:26px;height:1px;background:var(--border);margin:5px 0}
.adm .ri{position:relative;width:38px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--text-3);border:none;background:none;cursor:pointer}
.adm .ri:hover{background:var(--surface-2);color:var(--text)}
.adm .ri svg{width:16px;height:16px}
.adm .ri.on{background:var(--em-50);color:var(--em-600)}
.adm .ri .dt{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:99px;background:var(--amber,#d97706);border:1.5px solid var(--surface)}
.adm .ri .dt.r{background:var(--rose)}

/* -- main + topbar -- */
.adm .main{display:flex;flex-direction:column;min-width:0;background:var(--bg)}
.adm .tb{min-height:54px;flex:none;display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}
.adm .crumb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-3);white-space:nowrap}
.adm .crumb b{color:var(--text);font-weight:600}
.adm .crumb .sl{color:var(--text-4)}
.adm .gsearch{margin-left:auto;display:flex;align-items:center;gap:9px;width:min(320px,100%);height:36px;padding:0 12px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border)}
.adm .gsearch svg{width:15px;height:15px;color:var(--text-3);flex:none}
.adm .gsearch input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:12.5px;color:var(--text)}
.adm .gsearch input::placeholder{color:var(--text-4)}
.adm .scr{flex:1;min-height:0;padding:16px;display:flex;flex-direction:column;gap:13px}

/* -- attention strip + KPI (Skydelis) -- */
.adm .att{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.adm .acard{position:relative;text-align:left;padding:14px 15px 12px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-xs);display:flex;flex-direction:column;gap:2px;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}
.adm .acard:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}
.adm .acard .tp{display:flex;align-items:center;gap:9px}
.adm .acard .ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none}
.adm .acard .ic svg{width:15px;height:15px}
.adm .acard .lbl{font-size:11.5px;font-weight:600;color:var(--text-2);line-height:1.3}
.adm .acard .big{margin-top:9px;font-family:var(--ff-display);font-size:30px;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.adm .acard .sub{margin-top:6px;font-size:11px;color:var(--text-3);line-height:1.4}
.adm .acard .go{margin-top:10px;font-size:11.5px;font-weight:600;color:var(--em-600);display:flex;align-items:center;gap:5px}
.adm .acard.amb .ic{background:var(--amber-50);color:var(--amber-ink)}
.adm .acard.amb .big{color:var(--amber-ink)}
.adm .acard.rj .ic{background:var(--rose-50);color:var(--rose)}
.adm .acard.rj .big{color:var(--rose)}
.adm .acard.zero .ic{background:var(--surface-3);color:var(--text-3)}
.adm .acard.zero .big{color:var(--text-3)}

/* -- narrow screens: sidebar folds into a top accordion block -- */
@media (max-width: 1023px){
  .adm{grid-template-columns:1fr;min-height:0}
  .adm .sb{border-right:none;border-bottom:1px solid var(--border)}
  .adm .nav{max-height:44vh}
  .adm .gsearch{width:100%;margin-left:0}
}

/* rail mode on the same DOM: icons only, labels/badges hidden */
.adm.rail .ni{justify-content:center;width:38px;padding:0;margin:0 auto}
.adm.rail .ni .tt,.adm.rail .ni .bdg{display:none !important}
.adm.rail .gh2{display:none}
.adm.rail .nav{align-items:center}

/* icon sizing safety net — any unsized svg inside the shell stays small */
.adm .acard .go svg{width:13px;height:13px;flex:none}
.adm .gh2 svg.cv{width:12px;height:12px}
.adm svg:not(.spark){max-width:20px;max-height:20px}
.adm svg.spark{max-width:none;max-height:none}

/* ==== stage 2: panels, kpi, funnel, tables, cards, forms ==== */
.adm .pnl{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-xs)}
.adm .pnl>.hd{padding:13px 15px 11px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.adm .pnl>.hd h3{font-size:14px;letter-spacing:-.015em;font-weight:600}
.adm .pnl>.hd .eyebrow{display:block;margin-bottom:4px}
.adm .pnl>.hd p{margin-top:5px;font-size:11.5px;color:var(--text-3);line-height:1.5}
.adm .pnl>.bd{padding:14px 15px}
.adm .pnl>.bd.t0{padding:0}
.adm .row2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adm .sp{flex:1}
.adm .kpi4{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.adm .k{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-xs);padding:13px 14px}
.adm .k .lbl{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.adm .k .big{margin-top:10px;font-family:var(--ff-display);font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;color:var(--text)}
.adm .k .sub{margin-top:7px;font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.adm .dl{color:var(--em-600);font-weight:600}
.adm .dl.dn{color:var(--rose)}
.adm .chips2{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.adm .ch{display:inline-flex;align-items:center;gap:6px;height:31px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:11.8px;font-weight:600;color:var(--text-2);white-space:nowrap;cursor:pointer}
.adm .ch .n{font-family:var(--ff-mono);font-size:10.5px;opacity:.6}
.adm .ch:hover{border-color:var(--border-2)}
.adm .ch.on{background:var(--em-50);border-color:var(--em-200);color:var(--em-600)}
.adm .ch.on .n{opacity:.85}
.adm .cchip{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 7px;border-radius:7px;background:var(--surface-3);font-size:10.5px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.adm .cchip.z{background:transparent;color:var(--text-4)}
.adm .cchip.em{background:var(--em-50);color:var(--em-600)}
.adm .cchip.rj{background:var(--rose-50);color:var(--rose)}
.adm .st{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.01em}
.adm .st.ok{background:var(--em-50);color:var(--em-600)}
.adm .st.wait{background:var(--amber-50);color:var(--amber-ink)}
.adm .st.bad{background:var(--rose-50);color:var(--rose)}
.adm .st.neut{background:var(--surface-3);color:var(--text-3)}
.adm .ts{font-family:var(--ff-mono);font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.adm .spark{width:100%;height:96px;display:block;overflow:visible}
.adm .fnl{display:flex;flex-direction:column;gap:9px}
.adm .fnl .st1{display:grid;grid-template-columns:150px 1fr 108px;gap:10px;align-items:center}
.adm .fnl .t{font-size:12px;font-weight:500;color:var(--text-2)}
.adm .fnl .tr{height:26px;border-radius:8px;background:var(--surface-3);overflow:hidden}
.adm .fnl .tr b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--em-400),var(--em-600))}
.adm .fnl .v{text-align:right;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}
.adm .fnl .v i{font-style:normal;color:var(--text-3);font-weight:500;margin-left:6px}
/* tables */
.adm .tw{border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--sh-xs);display:flex;flex-direction:column;overflow:hidden}
.adm .tw .tbar{padding:11px 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.adm .tsc{overflow-x:auto}
.adm table.t{width:100%;border-collapse:collapse;font-size:12.3px}
.adm table.t th{position:sticky;top:0;background:var(--surface);text-align:left;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-3);padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap;z-index:2}
.adm table.t td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-2);white-space:nowrap}
.adm table.t tr:last-child td{border-bottom:0}
.adm table.t tbody tr:hover td{background:var(--surface-2)}
.adm table.t .c1{font-weight:600;color:var(--text);font-size:12.6px}
.adm table.t .who{display:flex;align-items:center;gap:8px}
.adm table.t .who .s{font-size:10.5px;color:var(--text-3);font-weight:500}
/* approvals cards */
.adm .acards{display:flex;flex-direction:column;gap:11px}
.adm .rc{display:grid;grid-template-columns:132px 1fr 210px;gap:14px;padding:13px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-xs)}
.adm .rc .ph{border-radius:12px;background:linear-gradient(150deg,var(--surface-3),var(--surface-2));border:1px solid var(--border);display:grid;place-items:center;color:var(--text-4);min-height:104px;overflow:hidden}
.adm .rc .ph img{width:100%;height:100%;object-fit:cover}
.adm .rc .ttl{font-family:var(--ff-display);font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--text)}
.adm .rc .meta{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--text-3)}
.adm .rc .meta .dot{width:3px;height:3px;border-radius:99px;background:var(--text-4)}
.adm .rc .snip{margin-top:8px;font-size:12px;color:var(--text-2);line-height:1.55;max-width:70ch}
.adm .rc .macros{margin-top:9px;display:flex;gap:7px;flex-wrap:wrap}
.adm .mm{display:inline-flex;align-items:baseline;gap:5px;padding:4px 9px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;color:var(--text-3);font-weight:600}
.adm .mm b{font-size:12.5px;color:var(--text);font-variant-numeric:tabular-nums}
.adm .rc .acts{display:flex;flex-direction:column;gap:7px;justify-content:flex-start}
.adm .abtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:10px;font-size:12.2px;font-weight:600;white-space:nowrap;border:none;cursor:pointer;transition:all .18s ease}
.adm .abtn svg{width:14px;height:14px}
.adm .abtn.pri{background:linear-gradient(180deg,var(--em-400),var(--em-600));color:#fff}
.adm .abtn.sec{background:var(--surface);border:1px solid var(--border-2);color:var(--text)}
.adm .abtn.sec:hover{background:var(--surface-2)}
.adm .abtn.gh{background:transparent;color:var(--text-2)}
.adm .abtn.gh:hover{background:var(--surface-2)}
.adm .abtn.rj{background:var(--rose-50);color:var(--rose)}
.adm .abtn.sm{height:29px;padding:0 10px;font-size:11.5px;border-radius:9px}
/* notification cards */
.adm .ncards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}
.adm .nc{padding:13px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-xs);display:flex;flex-direction:column;gap:10px}
.adm .nc.off{opacity:.62}
.adm .nc .tp{display:flex;align-items:center;gap:10px}
.adm .nc .ic2{width:30px;height:30px;border-radius:10px;background:var(--em-50);color:var(--em-600);display:grid;place-items:center;flex:none}
.adm .nc .ic2 svg{width:16px;height:16px}
.adm .nc.off .ic2{background:var(--surface-3);color:var(--text-3)}
.adm .nc .nm2{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--text)}
.adm .nc .nm2 i{display:block;font-style:normal;font-size:10.5px;color:var(--text-3);font-weight:500;margin-top:2px}
.adm .field{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:9px 11px;font-size:12.5px;outline:0;color:var(--text)}
.adm .field::placeholder{color:var(--text-4)}
.adm textarea.field{resize:vertical;line-height:1.55;font-family:inherit}
.adm .flbl{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--text-3);margin-bottom:5px;display:block}
.adm .f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.adm .tg{width:38px;height:22px;border-radius:99px;background:var(--surface-3);border:1px solid var(--border);position:relative;flex:none;cursor:pointer}
.adm .tg b{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:99px;background:#fff;box-shadow:var(--sh-xs);transition:left .2s ease}
.adm .tg.on{background:var(--em-500);border-color:transparent}
.adm .tg.on b{left:18px}
.adm .ph-chips{display:flex;flex-wrap:wrap;gap:5px}
.adm .ph-chips span{font-family:var(--ff-mono);font-size:10px;padding:3px 6px;border-radius:6px;background:var(--em-50);color:var(--em-600)}
.adm .nc .ft{display:flex;align-items:center;gap:8px;padding-top:9px;border-top:1px solid var(--border);flex-wrap:wrap}
.adm .nc .ft .s2{font-size:10.5px;color:var(--text-3)}

/* ==== admin-first: the admin shell takes the whole viewport ==== */
body.adm-full #appShell>aside{display:none !important}
body.adm-full #appShell>div.flex-1{margin-left:0 !important}
body.adm-full #appShell header{display:none !important}
body.adm-full #appShell nav.fixed{display:none !important}
body.adm-full #main{padding:0 !important;max-width:none !important}
body.adm-full #main>#view,body.adm-full #view{max-width:none !important}
body.adm-full .adm{border-radius:0;border:none;box-shadow:none;min-height:100vh;height:100vh}
body.adm-full .adm .main{overflow-y:auto}
body.adm-full .adm .nav{overflow-y:auto}
@media (max-width:1023px){ body.adm-full .adm{height:auto;min-height:100vh} }

/* ==== smooth nav: animated accordion + content transition ==== */
.adm .gitems{display:grid;grid-template-rows:1fr;transition:grid-template-rows .26s cubic-bezier(.2,.7,.3,1)}
.adm .gitems.closed{grid-template-rows:0fr}
.adm .gitems>div{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:2px}
.adm .ni{transition:background-color .16s ease,color .16s ease}
.adm .gh2 .cv{transition:transform .22s cubic-bezier(.2,.7,.3,1)}
.adm .tabwrap{animation:admIn .24s ease}
@keyframes admIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.adm.rail .gitems{grid-template-rows:1fr !important}
@media (prefers-reduced-motion: reduce){
  .adm .gitems,.adm .gh2 .cv,.adm .ni{transition:none}
  .adm .tabwrap{animation:none}
}

/* group aggregate badge only while the group is collapsed */
.adm .gh2.open .gb{display:none !important}

/* ── UGC Kūrėjai v2 (design handoff 7): overview→detail + drawers — scoped .adm .crt ── */
.adm .crt{display:flex;flex-direction:column;gap:16px;font-variant-numeric:tabular-nums}
.adm .crt [hidden]{display:none!important}
.adm .crt h1{font-family:var(--ff-display);font-weight:600}
.adm .crt h2,.adm .crt h3,.adm .crt h4{font-family:var(--ff-display);font-weight:600}
.adm .crt [hidden]{display:none!important}
.adm .crt .num{font-variant-numeric:tabular-nums}
.adm .crt .mono{font-family:var(--ff-mono);font-size:11.5px}
.adm .crt .ph{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.adm .crt .ph h1{font-size:24px;letter-spacing:-.03em;line-height:1.1}
.adm .crt .ph .intro{margin-top:8px;font-size:12.5px;color:var(--text-2);line-height:1.6;max-width:84ch}
.adm .crt .ph .intro b{color:var(--text);font-weight:600}
.adm .crt .back{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:10px}
.adm .crt .back:hover{color:var(--em-600)}
.adm .crt .back svg{width:13px;height:13px}
.adm .crt .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 15px;border-radius:11px;background:var(--surface);border:1px solid var(--border-2);font-size:12.5px;font-weight:600;color:var(--text-2);white-space:nowrap;transition:all .15s ease}
.adm .crt .btn:hover{border-color:var(--text-4);color:var(--text)}
.adm .crt .btn.pri{background:var(--em-600);border-color:var(--em-600);color:#fff}
.adm .crt .btn.pri:hover{background:var(--em-500);border-color:var(--em-500);color:#fff}
.adm .crt .btn.sm{height:29px;padding:0 10px;font-size:11.5px;border-radius:8px}
.adm .crt .btn.xs{height:24px;padding:0 8px;font-size:11px;border-radius:7px;color:var(--text-3);border-color:var(--border)}
.adm .crt .btn.dgr{color:var(--rose);border-color:rgba(220,74,110,.3)}
.adm .crt .btn.dgr:hover{background:var(--rose-50);border-color:var(--rose);color:var(--rose)}
.adm .crt .btn.lnk{border:0;background:none;padding:0 2px;height:auto;color:var(--em-600)}
.adm .crt .btn.lnk:hover{color:var(--em-500);text-decoration:underline}
.adm .crt .btn svg{width:14px;height:14px}
.adm .crt .tag{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:7px;background:var(--surface-3);font-size:11px;font-weight:600;color:var(--text-2);white-space:nowrap}
.adm .crt .tag.em{background:var(--em-50);color:var(--em-600)}
.adm .crt .tag.amb{background:var(--amber-50);color:var(--amber-ink)}
.adm .crt .tag.mut{background:transparent;border:1px solid var(--border-2);color:var(--text-3)}
.adm .crt .tag.xs{height:17px;padding:0 6px;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase}
.adm .crt .dot{width:8px;height:8px;border-radius:99px;flex:none;display:inline-block}
.adm .crt .pos{color:var(--em-600)!important}
.adm .crt .neg{color:var(--rose)!important}
.adm .crt .pnl{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--sh-xs);overflow:hidden}
.adm .crt .pnl>.hd{padding:13px 17px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.adm .crt .pnl>.hd h3{font-size:14px;letter-spacing:-.015em}
.adm .crt .pnl>.hd .hint{margin-left:auto}
.adm .crt .hint{font-size:11.5px;color:var(--text-3);line-height:1.5}
.adm .crt .hint b{color:var(--text-2);font-weight:600}
.adm .crt .kpis{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}
.adm .crt .kpi{background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:var(--sh-xs);padding:12px 13px 13px;min-width:0}
.adm .crt .kpi .l{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-3);white-space:nowrap}
.adm .crt .kpi .v{margin-top:8px;font-family:var(--ff-display);font-size:21px;font-weight:600;letter-spacing:-.035em;line-height:1;white-space:nowrap}
.adm .crt .kpi .s{margin-top:6px;font-size:10.5px;color:var(--text-3);white-space:nowrap}
.adm .crt .kpi.em .v{color:var(--em-600)}
.adm .crt .sortbar{display:flex;gap:3px;padding:3px;border-radius:10px;background:var(--surface-3);margin-left:auto}
.adm .crt .sbtn{height:26px;padding:0 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:var(--text-3);white-space:nowrap}
.adm .crt .sbtn:hover{color:var(--text)}
.adm .crt .sbtn.on{background:var(--surface);color:var(--em-600);box-shadow:var(--sh-xs)}
.adm .crt .sel{height:32px;width:auto;font-size:11.5px;font-weight:600;color:var(--text-2);padding:0 30px 0 11px;border-radius:9px;background-color:var(--surface)}
.adm .crt select.sel{background-position:calc(100% - 14px) 14px,calc(100% - 9px) 14px}
.adm .crt .emptyrow{padding:22px;text-align:center;font-size:12.5px;color:var(--text-3)}
.adm .crt td.hi{background:var(--em-50)}
.adm .crt #dg th, .adm .crt #dg td{padding-left:8px;padding-right:8px;font-size:12px;white-space:nowrap}
.adm .crt #dg th:first-child, .adm .crt #dg td:first-child{padding-left:16px}
.adm .crt #dg td b{font-weight:700;color:var(--text)}
.adm .crt tr.tot td{background:var(--surface-2);border-top:1px solid var(--border-2)}
.adm .crt table{width:100%;border-collapse:collapse}
.adm .crt th{text-align:left;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--text-3);padding:10px 10px 8px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2)}
.adm .crt td{padding:10px;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--text-2);vertical-align:middle}
.adm .crt tbody tr:last-child td{border-bottom:0}
.adm .crt th.r, .adm .crt td.r{text-align:right}
.adm .crt td .big{font-size:13px;font-weight:600;color:var(--text);line-height:1.2}
.adm .crt td .sub{margin-top:2px;font-size:10.5px;color:var(--text-3);white-space:nowrap}
.adm .crt td .emb{font-size:13.5px;font-weight:700;color:var(--em-600)}
.adm .crt td .dash{color:var(--text-4)}
.adm .crt tr.dim td{opacity:.55}
.adm .crt tr.click{cursor:pointer}
.adm .crt tr.click:hover td{background:var(--em-50)}
.adm .crt .rank{width:22px;height:22px;border-radius:7px;background:var(--surface-3);display:inline-grid;place-items:center;font-size:11px;font-weight:700;color:var(--text-2)}
.adm .crt .rank.g{background:var(--em-600);color:#fff}
.adm .crt .vid{display:flex;align-items:center;gap:9px;min-width:0}
.adm .crt .vid .n{font-weight:600;color:var(--text);white-space:nowrap}
.adm .crt .vid .c{font-size:11px;color:var(--text-3);white-space:nowrap}
.adm .crt .who{display:flex;align-items:center;gap:10px}
.adm .crt .who .av{width:30px;height:30px;border-radius:10px;background:var(--em-50);color:var(--em-600);display:grid;place-items:center;font-family:var(--ff-display);font-weight:700;font-size:12px;flex:none}
.adm .crt .who .n{font-weight:600;color:var(--text)}
.adm .crt .who .h{font-size:11px;color:var(--text-3)}
.adm .crt .chev{width:14px;height:14px;color:var(--text-4)}
.adm .crt .two{display:grid;grid-template-columns:1fr;gap:16px}
.adm .crt .dhead{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--sh-sm);padding:18px 20px;display:flex;align-items:flex-start;gap:18px}
.adm .crt .dhead .id{flex:1;min-width:0}
.adm .crt .dhead h1{font-size:22px;letter-spacing:-.03em;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.adm .crt .dhead .notes{margin-top:7px;font-size:12.5px;color:var(--text-3);line-height:1.5}
.adm .crt .dhead .acts{display:flex;gap:8px;flex:none}
.adm .crt .rep{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:12px;color:var(--text-3)}
.adm .crt .rep code{font-family:var(--ff-mono);font-size:11.5px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);padding:3px 8px;border-radius:7px}
.adm .crt .sum3{display:grid;grid-template-columns:1.15fr 1fr 1.05fr;gap:12px}
.adm .crt .sc{background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:var(--sh-xs);padding:14px 16px 15px;display:flex;flex-direction:column;gap:11px}
.adm .crt .sc .t{display:flex;align-items:center;gap:8px}
.adm .crt .sc .t h3{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.adm .crt .sc .t .btn{margin-left:auto}
.adm .crt .sc .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.adm .crt .sc .g4 .l{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.adm .crt .sc .g4 .v{margin-top:6px;font-family:var(--ff-display);font-size:22px;font-weight:600;letter-spacing:-.035em;line-height:1}
.adm .crt .sc .g4 .v.em{color:var(--em-600)}
.adm .crt .lines{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-2)}
.adm .crt .lines div{display:flex;align-items:baseline;gap:8px}
.adm .crt .lines b{margin-left:auto;font-weight:600;color:var(--text);white-space:nowrap}
.adm .crt .lines .tt{margin-top:4px;padding-top:8px;border-top:1px solid var(--border);font-weight:600;color:var(--text)}
.adm .crt .lines .tt b{font-family:var(--ff-display);font-size:20px;letter-spacing:-.03em;color:var(--em-600)}
.adm .crt .lines .tt b.dark{color:var(--text)}
.adm .crt .eff{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:var(--text-3);padding-top:8px;border-top:1px dashed var(--border)}
.adm .crt .eff b{font-weight:700;color:var(--text-2)}
.adm .crt .sech{display:flex;align-items:center;gap:12px;margin-top:8px}
.adm .crt .sech h2{font-size:16px;letter-spacing:-.02em}
.adm .crt .sech .rule{flex:1;height:1px;background:var(--border)}
.adm .crt .proj{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--sh-xs);overflow:hidden}
.adm .crt .proj.arch{opacity:.6}
.adm .crt .proj .phd{padding:12px 16px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border)}
.adm .crt .proj .phd h3{font-size:14.5px;letter-spacing:-.015em}
.adm .crt .proj .phd .sp{margin-left:auto;display:flex;gap:7px;align-items:center}
.adm .crt .proj .phd .meta{font-size:11.5px;color:var(--text-3);margin-left:4px}
.adm .crt .lcell{display:flex;align-items:center;gap:6px;white-space:nowrap}
.adm .crt .lcell code{font-family:var(--ff-mono);font-size:11.5px;color:var(--text-2)}
.adm .crt .lcell .st{font-size:11px;color:var(--text-3)}
.adm .crt .pl{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text);white-space:nowrap}
.adm .crt tr.stopped td{opacity:.5}
.adm .crt td .man{display:inline-flex;align-items:center;height:15px;padding:0 5px;border-radius:5px;background:var(--amber-50);color:var(--amber-ink);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-left:5px;vertical-align:middle}
.adm .crt .coll{border-top:1px solid var(--border)}
.adm .crt .coll>summary{list-style:none;cursor:pointer;padding:10px 16px;display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--text-2);background:var(--surface-2)}
.adm .crt .coll>summary::-webkit-details-marker{display:none}
.adm .crt .coll>summary .cv{width:13px;height:13px;transition:transform .18s ease;color:var(--text-3)}
.adm .crt .coll[open]>summary .cv{transform:rotate(90deg)}
.adm .crt .coll>summary .hint{margin-left:auto}
.adm .crt .coll.inner{border-top:1px solid var(--border);margin-top:12px;border-radius:12px;border:1px solid var(--border);overflow:hidden}
.adm .crt .coll.inner>summary{padding:9px 13px;font-size:12px}
.adm .crt .demo{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px;padding:14px 16px}
.adm .crt .demo .dl{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-3);margin-bottom:9px}
.adm .crt .bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--surface-3);margin-bottom:9px}
.adm .crt .bar i{display:block;height:100%}
.adm .crt .legend{display:flex;flex-direction:column;gap:5px}
.adm .crt .legend div{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-2)}
.adm .crt .legend b{margin-left:auto;font-weight:600;color:var(--text)}
.adm .crt .ages{display:flex;align-items:flex-end;gap:7px;height:56px}
.adm .crt .ages .a{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;height:100%}
.adm .crt .ages .a i{display:block;width:100%;border-radius:5px 5px 2px 2px;background:var(--em-200)}
.adm .crt .ages .a.top i{background:var(--em-400)}
.adm .crt .ages .a span{font-size:10px;color:var(--text-3);white-space:nowrap}
.adm .crt .ages .a b{font-size:10.5px;font-weight:700;color:var(--text-2)}
.adm .crt .avg{font-family:var(--ff-display);font-size:19px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}
.adm .crt .avg span{font-size:11.5px;font-weight:500;color:var(--text-3);font-family:var(--ff-body)}
.adm .crt .tw{padding:0 16px 14px}
.adm .crt .empty{padding:36px 20px;text-align:center}
.adm .crt .empty h4{font-size:15px;letter-spacing:-.015em}
.adm .crt .empty p{margin-top:8px;font-size:12.5px;color:var(--text-3);line-height:1.6;max-width:50ch;margin-inline:auto}
.adm .crt .empty .btn{margin-top:14px}
.adm .crt .scrim{position:fixed;inset:0;background:rgba(10,16,14,.28);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}
.adm .crt .drawer{position:fixed;top:0;right:0;bottom:0;width:440px;background:var(--surface);box-shadow:var(--sh-lg);transform:translateX(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);z-index:51;display:flex;flex-direction:column}
.adm .crt.dopen .scrim{opacity:1;pointer-events:auto}
.adm .crt.dopen .drawer{transform:none}
.adm .crt .drawer .dh{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px}
.adm .crt .drawer .dh h2{font-size:17px;letter-spacing:-.02em}
.adm .crt .drawer .dh p{margin-top:4px;font-size:12px;color:var(--text-3)}
.adm .crt .drawer .x{margin-left:auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--text-3);border:1px solid var(--border)}
.adm .crt .drawer .x:hover{color:var(--text);border-color:var(--text-4)}
.adm .crt .drawer .x svg{width:14px;height:14px}
.adm .crt .drawer .db{padding:18px 22px 28px;overflow:auto;display:flex;flex-direction:column;gap:22px}
.adm .crt .dpane{display:none;flex-direction:column;height:100%}
.adm .crt .dpane.on{display:flex}
.adm .crt .sec>h4{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-3);margin-bottom:10px}
.adm .crt .sec>.hint{margin-top:8px}
.adm .crt .fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.adm .crt .fld label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.adm .crt .inp{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface-2);font-size:13px;outline:0;min-width:0;width:100%}
.adm .crt .inp:focus{border-color:var(--em-300);background:var(--surface);box-shadow:0 0 0 3px var(--em-50)}
.adm .crt .inp::placeholder{color:var(--text-4)}
.adm .crt select.inp{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 15px) 16px,calc(100% - 10px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.adm .crt .row{display:flex;gap:9px;align-items:flex-end}
.adm .crt .row .fld{flex:1}
.adm .crt .row>.btn{flex:none}
.adm .crt .g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}
.adm .crt .stack{display:flex;flex-direction:column;gap:10px}
.adm .crt .chips{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.adm .crt .pchip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1px dashed var(--border-2);font-size:12px;font-weight:600;color:var(--text-2)}
.adm .crt .pchip:hover{border-style:solid;border-color:var(--em-300);background:var(--em-50);color:var(--em-600)}
.adm .crt .chips .inp{height:30px;width:150px;font-size:12px;border-radius:999px}
.adm .crt .kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border);font-size:12.5px}
.adm .crt .kv .v{font-family:var(--ff-display);font-size:18px;font-weight:600;letter-spacing:-.03em}
.adm .crt .blog{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:11px;overflow:hidden}
.adm .crt .blog div{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border);font-size:12.5px}
.adm .crt .blog div:last-child{border-bottom:0}
.adm .crt .blog .d{font-size:11px;color:var(--text-3);white-space:nowrap}
.adm .crt .blog .a{margin-left:auto;font-weight:600;white-space:nowrap}
.adm .crt .blog .tot{background:var(--surface-2);font-weight:700}
.adm .crt .danger{border:1px solid rgba(220,74,110,.3);border-radius:13px;padding:13px 14px;background:var(--rose-50)}
.adm .crt .danger p{font-size:12px;color:var(--text-2);line-height:1.5;margin-bottom:10px}
.adm .crt .urlbox{display:flex;align-items:center;gap:8px;height:36px;padding:0 5px 0 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}
.adm .crt .urlbox code{font-family:var(--ff-mono);font-size:11.5px;color:var(--text-2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}