:root{--bg:#F3F6FB;--surface:#FFFFFF;--surface2:#F7FAFE;--border:#E1E8F1;--ink:#152131;--muted:#586475;--faint:#6B7789;--accent:#1C64D6;--accentBg:#E7F0FC;--accentInk:#124088;--amber:#9A6512;--amberBg:#FBF0DA;--red:#C0392B;--redBg:#FBEAE7;--green:#177A4C;--greenBg:#E5F5EC;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r1:8px;--r2:11px;--r3:14px;--r4:20px;--z-mesh:-1;--z-base:0;--z-header:20;--z-drawer:30;--z-overlay:40;--z-login:50;--z-toast:60;--lg-bg:rgba(255,255,255,.44);--lg-bg-strong:rgba(255,255,255,.62);--lg-bg-stronger:rgba(255,255,255,.8);--lg-bd:rgba(255,255,255,.66);--lg-bd-strong:rgba(255,255,255,.9);--lg-blur:blur(26px) saturate(180%);--lg-blur-heavy:blur(42px) saturate(190%);--lg-shadow:0 1px 2px rgba(21,33,49,.04),0 6px 18px rgba(21,33,49,.07),0 18px 40px rgba(21,33,49,.06),inset 0 1px 0 rgba(255,255,255,.72);--lg-shadow-lift:0 24px 64px rgba(21,33,49,.16),inset 0 1px 0 rgba(255,255,255,.85);--lg-mesh-base:#dae4f4;--lg-scrim:rgba(255,255,255,.05);--lg-rim:rgba(255,255,255,1);color-scheme:light}html[data-theme=dark]{--bg:#0B121D;--surface:#141D2B;--surface2:#1A2536;--border:#26334A;--ink:#E8EEF6;--muted:#98A4B5;--faint:#8A97AA;--accent:#3D8BF2;--accentBg:#14243D;--accentInk:#84B6F9;--amber:#E3AB47;--amberBg:#2A2415;--red:#E8695B;--redBg:#2B1917;--green:#4CC08A;--greenBg:#132A21;--lg-bg:rgba(255,255,255,.055);--lg-bg-strong:rgba(255,255,255,.085);--lg-bg-stronger:rgba(255,255,255,.13);--lg-bd:rgba(255,255,255,.1);--lg-bd-strong:rgba(255,255,255,.18);--lg-shadow:0 2px 4px rgba(0,0,0,.14),0 8px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09);--lg-shadow-lift:0 24px 64px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.15);--lg-mesh-base:#070c15;--lg-scrim:rgba(7,12,21,.42);--lg-rim:rgba(255,255,255,.75);color-scheme:dark}*{box-sizing:border-box}html,body{background:transparent}body{margin:0;font-family:Inter,system-ui,Sarabun,sans-serif;color:var(--ink);font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%}.disp{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.01em}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}a{color:var(--accent)}::placeholder{color:var(--faint);opacity:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:var(--s4);top:-60px;z-index:var(--z-toast);background:var(--accent);color:#fff;padding:var(--s2) var(--s4);border-radius:var(--r1);transition:top .15s}.skip:focus{top:var(--s4)}.lg-mesh{position:fixed;inset:0;z-index:var(--z-mesh);overflow:hidden;pointer-events:none;background:var(--lg-mesh-base)}.lg-mesh:after{content:"";position:absolute;inset:0;background:var(--lg-scrim)}.lg-blob{position:absolute;border-radius:50%;filter:blur(72px);will-change:transform}.lg-b1{top:-28%;left:-14%;width:86vw;height:86vw;background:radial-gradient(circle,#9FC0EC 0%,transparent 62%);opacity:.8;animation:lgA 68s ease-in-out infinite}.lg-b2{top:-16%;right:-18%;width:74vw;height:74vw;background:radial-gradient(circle,#C3C8EF 0%,transparent 62%);opacity:.7}.lg-b3{bottom:-32%;left:2%;width:88vw;height:88vw;background:radial-gradient(circle,#AFDCC9 0%,transparent 62%);opacity:.54;animation:lgB 86s ease-in-out infinite}.lg-b4{bottom:-24%;right:-8%;width:70vw;height:70vw;background:radial-gradient(circle,#EEDCC2 0%,transparent 62%);opacity:.56}.lg-b5{top:26%;left:24%;width:58vw;height:58vw;background:radial-gradient(circle,#BBD2F4 0%,transparent 62%);opacity:.56;animation:lgC 74s ease-in-out infinite}html[data-theme=dark] .lg-b1{background:radial-gradient(circle,#1C64D6 0%,transparent 62%);opacity:.46}html[data-theme=dark] .lg-b2{background:radial-gradient(circle,#3A2F8E 0%,transparent 62%);opacity:.44}html[data-theme=dark] .lg-b3{background:radial-gradient(circle,#0E5C78 0%,transparent 62%);opacity:.4}html[data-theme=dark] .lg-b4{background:radial-gradient(circle,#6E3358 0%,transparent 62%);opacity:.32}html[data-theme=dark] .lg-b5{background:radial-gradient(circle,#154474 0%,transparent 62%);opacity:.42}.lg-noise{position:absolute;inset:0;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}@keyframes lgA{0%,to{transform:translateZ(0)}50%{transform:translate3d(4%,-3%,0)}}@keyframes lgB{0%,to{transform:translateZ(0)}50%{transform:translate3d(-5%,4%,0)}}@keyframes lgC{0%,to{transform:translateZ(0)}50%{transform:translate3d(3%,5%,0)}}.shell{display:grid;grid-template-columns:1fr;min-height:100dvh}.shell>*,main,.wrap,.panel,.tscroll,.tbar,.head,.toolbar{min-width:0}.tbar>.brand{min-width:0;overflow:hidden}.tbar>.brand b,.tbar>.brand span{overflow:hidden;text-overflow:ellipsis}.side{display:none}.topbar{position:sticky;top:0;z-index:var(--z-header);background:var(--lg-bg-strong);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);border-bottom:1px solid var(--lg-bd)}.tbar{display:flex;align-items:center;gap:var(--s2);height:60px;padding:0 var(--s4);max-width:1400px;margin:0 auto}.brand{display:flex;align-items:center;gap:var(--s2);min-width:0}.brand .mark{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,var(--accent),#0f3f7a);color:#fff;font-weight:700;font-size:12px;letter-spacing:.4px}.brand b{font-size:15px;white-space:nowrap}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:-2px;white-space:nowrap}.spacer{flex:1}.hicon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;cursor:pointer;background:var(--lg-bg);border:1px solid var(--lg-bd);border-radius:var(--r2);color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .16s,color .16s}.hicon:hover{background:var(--lg-bg-strong);color:var(--ink)}.hicon:active{transform:scale(.96)}.conn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}.conn i{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:0 0 8px}.conn.ok i{background:var(--green)}.conn.bad i{background:var(--red)}.navscroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.navscroll::-webkit-scrollbar{display:none}.tabs{display:flex;gap:2px;padding:0 var(--s4);max-width:1400px;margin:0 auto;min-width:max-content}.tab{display:flex;align-items:center;gap:7px;min-height:46px;padding:0 var(--s3);cursor:pointer;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:600 14px/1 inherit;font-family:inherit;white-space:nowrap}.tab:hover{color:var(--ink)}.tab[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.tab .tbadge{font:700 10px/1 IBM Plex Mono,monospace;padding:3px 6px;border-radius:999px;background:var(--redBg);color:var(--red)}main{padding:var(--s5) 0 var(--s7);min-height:calc(100dvh - 60px)}.wrap{max-width:1400px;margin:0 auto;padding:0 var(--s4)}@media (min-width:1024px){.shell{grid-template-columns:236px 1fr}.side{display:flex;flex-direction:column;gap:var(--s1);position:sticky;top:0;height:100dvh;padding:var(--s4) var(--s3);background:var(--lg-bg-strong);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);border-right:1px solid var(--lg-bd);overflow-y:auto}.side .brand{padding:var(--s2) var(--s2) var(--s5)}.navgroup{font:700 10px/1 IBM Plex Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:var(--s4) var(--s2) var(--s2)}.side .tab{width:100%;min-height:42px;border:0;border-radius:var(--r2);padding:0 var(--s3);justify-content:flex-start;font-size:14px}.side .tab:hover{background:var(--lg-bg)}.side .tab[aria-current=page]{background:var(--accentBg);color:var(--accentInk)}.topbar{border-bottom:1px solid var(--lg-bd)}.topbar .brand,.navscroll{display:none}.wrap{padding:0 var(--s5)}}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s5);flex-wrap:wrap}.head h1{margin:0;font-size:24px;line-height:1.25}.head p{margin:4px 0 0;color:var(--muted);font-size:13.5px}.crumb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin-bottom:var(--s2)}.crumb a{color:var(--muted)}.crumb a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 var(--s4);border:0;border-radius:var(--r2);cursor:pointer;font:600 14.5px/1 inherit;font-family:inherit;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 62%,#0b2a55));box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px #ffffff4d;transition:filter .16s,transform .12s}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.ghost{background:var(--lg-bg);color:var(--ink);font-weight:500;border:1px solid var(--lg-bd);box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.btn.ghost:hover:not(:disabled){background:var(--lg-bg-strong);border-color:var(--lg-bd-strong);filter:none}.btn.danger{background:var(--red);box-shadow:0 6px 20px color-mix(in srgb,var(--red) 28%,transparent)}.btn.sm{min-height:36px;padding:0 var(--s3);font-size:13px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s3);margin-bottom:var(--s5)}@media (min-width:1000px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{--tone:var(--accent);--mx:50%;--my:0%;position:relative;overflow:hidden;padding:var(--s4) var(--s5);border-radius:var(--r3);background:var(--lg-bg-strong);border:1px solid var(--lg-bd);box-shadow:var(--lg-shadow);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s}a.kpi{color:inherit;text-decoration:none;display:block}.kpi.amber{--tone:var(--amber)}.kpi.red{--tone:var(--red)}.kpi.green{--tone:var(--green)}.kpi:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 78% at 0% 0%,color-mix(in srgb,var(--tone) 16%,transparent) 0%,transparent 64%)}.kpi:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;background:radial-gradient(170px circle at var(--mx) var(--my),var(--lg-rim) 0%,transparent 68%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:opacity .22s}.kpi:hover{transform:translateY(-2px);box-shadow:var(--lg-shadow-lift)}.kpi:hover:after{opacity:1}.kpi .label{position:relative;display:flex;align-items:center;gap:6px;color:var(--muted);font:600 11.5px/1.3 inherit;text-transform:uppercase;letter-spacing:.05em}.kpi .val{position:relative;font-size:32px;font-weight:600;margin-top:var(--s2);color:var(--tone)}.kpi .sub{position:relative;font-size:12px;color:var(--muted);margin-top:2px}.panel{border-radius:var(--r3);overflow:hidden;margin-bottom:var(--s4);background:var(--lg-bg-strong);border:1px solid var(--lg-bd);box-shadow:var(--lg-shadow);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}.toolbar{display:flex;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);border-bottom:1px solid var(--lg-bd);flex-wrap:wrap}.toolbar b{font-size:14.5px}.search{flex:1;min-width:180px;position:relative;display:flex;align-items:center}.search input{width:100%;min-height:44px;padding:0 var(--s3) 0 38px;border-radius:var(--r2);border:1px solid var(--lg-bd);background:var(--lg-bg);color:var(--ink);font:400 15px/1 inherit;font-family:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);outline:none;transition:border-color .16s}.search input:focus{border-color:var(--accent);background:var(--lg-bg-strong)}.search svg{position:absolute;left:12px;color:var(--faint);pointer-events:none}.count{color:var(--muted);font-size:13px;white-space:nowrap}.tscroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}caption{text-align:left;padding:0 var(--s4) var(--s2);color:var(--muted);font-size:12.5px}th{text-align:left;padding:var(--s3) var(--s4);border-bottom:1px solid var(--lg-bd);font:700 11.5px/1.3 inherit;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);white-space:nowrap}th.sortable button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;cursor:pointer;color:inherit;font:inherit;padding:var(--s1) 0;min-height:32px}th.sortable button:hover{color:var(--ink)}th .sort-ind{opacity:.35;transition:opacity .15s}th[aria-sort]:not([aria-sort=none]) .sort-ind{opacity:1;color:var(--accent)}td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--lg-bd);vertical-align:middle}tbody tr{transition:background .14s}tbody tr:hover{background:var(--lg-bg)}tbody tr:last-child td{border-bottom:0}.chip{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:12.5px;padding:3px 9px;border-radius:var(--r1);background:var(--lg-bg);border:1px solid var(--lg-bd);white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}.p-green{color:var(--green);background:var(--greenBg)}.p-amber{color:var(--amber);background:var(--amberBg)}.p-red{color:var(--red);background:var(--redBg)}.p-accent{color:var(--accentInk);background:var(--accentBg)}.p-gray{color:var(--muted);background:var(--lg-bg);border:1px solid var(--lg-bd)}.rowbtns{display:flex;gap:var(--s1);justify-content:flex-end}.iconbtn{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;cursor:pointer;border-radius:var(--r1);background:none;border:1px solid transparent;color:var(--muted);transition:background .15s,color .15s,border-color .15s}.iconbtn:hover{background:var(--lg-bg);border-color:var(--lg-bd);color:var(--ink)}.iconbtn.del:hover{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,transparent)}.linkbtn{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:13px;min-height:36px}.empty{padding:var(--s7) var(--s4);text-align:center;color:var(--muted)}.empty h3{margin:0 0 var(--s2);font-size:16px;color:var(--ink)}.empty p{margin:0 0 var(--s4);font-size:13.5px}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-top:1px solid var(--lg-bd);flex-wrap:wrap}.pager .grp{display:flex;gap:var(--s1)}.sk{background:linear-gradient(90deg,var(--lg-bg) 25%,var(--lg-bg-strong) 37%,var(--lg-bg) 63%);background-size:400% 100%;animation:shim 1.4s ease infinite;border-radius:var(--r1)}@keyframes shim{0%{background-position:100% 0}to{background-position:0 0}}.sk-row{height:18px;margin:var(--s4)}.spin{width:16px;height:16px;border:2px solid var(--lg-bd);border-top-color:currentColor;border-radius:50%;animation:sp .7s linear infinite;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:var(--s4);background:#15213173;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=dark] .overlay{background:#04080f94}.modal{width:100%;max-width:560px;max-height:90dvh;display:flex;flex-direction:column;border-radius:var(--r4);background:var(--lg-bg-stronger);border:1px solid var(--lg-bd-strong);box-shadow:var(--lg-shadow-lift);-webkit-backdrop-filter:var(--lg-blur-heavy);backdrop-filter:var(--lg-blur-heavy)}.modal-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--lg-bd)}.modal-head h2{margin:0;font-size:17px;flex:1}.modal-body{padding:var(--s4) var(--s5);overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:var(--s2);padding:var(--s4) var(--s5);border-top:1px solid var(--lg-bd)}.form{display:grid;gap:var(--s4)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}@media (max-width:680px){.grid2{grid-template-columns:1fr}}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:600}.field .req{color:var(--red);margin-left:2px}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:10px var(--s3);border-radius:var(--r2);border:1px solid var(--lg-bd);background:var(--lg-bg);color:var(--ink);font:400 15px/1.4 inherit;font-family:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);outline:none;transition:border-color .16s}.field textarea{min-height:84px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:var(--lg-bg-strong)}.field .hint{font-size:12px;color:var(--muted);margin-top:5px}.field.bad input,.field.bad select,.field.bad textarea{border-color:var(--red)}.field .fielderr{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--red);margin-top:5px}@media (max-width:768px){.field input,.field select,.field textarea,.search input{font-size:16px}}.toasts{position:fixed;left:50%;bottom:var(--s5);transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--s2);width:calc(100% - 32px);max-width:420px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r2);background:var(--lg-bg-stronger);border:1px solid var(--lg-bd-strong);box-shadow:var(--lg-shadow-lift);-webkit-backdrop-filter:var(--lg-blur-heavy);backdrop-filter:var(--lg-blur-heavy);color:var(--ink);font-size:14px;pointer-events:auto;animation:tin .22s ease-out both}@keyframes tin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast .tmsg{flex:1}.toast button{background:none;border:0;cursor:pointer;color:var(--accent);font:600 13.5px/1 inherit;font-family:inherit;min-height:36px;padding:0 var(--s2);border-radius:var(--r1)}.toast button:hover{background:var(--lg-bg)}.rec{display:grid;gap:var(--s4)}.sec{border-radius:var(--r3);overflow:hidden;background:var(--lg-bg-strong);border:1px solid var(--lg-bd);box-shadow:var(--lg-shadow);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}.sec>h3{margin:0;padding:var(--s3) var(--s5);border-bottom:1px solid var(--lg-bd);font-size:15px;display:flex;align-items:center;gap:var(--s2)}.sec>h3 .count{margin-left:auto}.sec-body{padding:var(--s5)}.chk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);align-items:center;padding:var(--s3) var(--s5);border-bottom:1px solid var(--lg-bd);transition:background .14s}.chk:hover{background:var(--lg-bg)}.chk:has(.seg button.fail[aria-pressed=true]){background:color-mix(in srgb,var(--red) 7%,transparent)}@media (max-width:560px){.chk{grid-template-columns:1fr}.chk .seg{justify-self:stretch}.chk .seg button{flex:1}}.chk:last-child{border-bottom:0}.chk-t{font-size:14px}.chk-t small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.seg{display:inline-flex;padding:4px;gap:3px;border-radius:999px;background:var(--lg-bg);border:1px solid var(--lg-bd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seg button{min-height:44px;min-width:64px;padding:0 var(--s3);border:0;border-radius:999px;cursor:pointer;background:none;color:var(--muted);font:600 13.5px/1 inherit;font-family:inherit;transition:background .15s,color .15s,box-shadow .15s}.seg button:hover:not([aria-pressed=true]){background:var(--lg-bg-strong);color:var(--ink)}.seg button[aria-pressed=true]{box-shadow:0 2px 8px #0000002e}.seg button[aria-pressed=true]{color:#fff}.seg button.pass[aria-pressed=true]{background:var(--green)}.seg button.fail[aria-pressed=true]{background:var(--red)}.seg button.na[aria-pressed=true]{background:var(--muted)}.chk-note{grid-column:1/-1;margin-top:var(--s1)}.chk-note.bad input{border-color:var(--red)}.progress{height:6px;border-radius:999px;background:var(--lg-bg);overflow:hidden;border:1px solid var(--lg-bd)}.progress i{display:block;height:100%;background:var(--accent);transition:width .3s ease-out}.stickybar{position:sticky;bottom:var(--s4);z-index:var(--z-header);display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4);padding:var(--s3) var(--s5);border-radius:var(--r3);flex-wrap:wrap;background:var(--lg-bg-stronger);border:1px solid var(--lg-bd-strong);box-shadow:var(--lg-shadow-lift);-webkit-backdrop-filter:var(--lg-blur-heavy);backdrop-filter:var(--lg-blur-heavy)}:root .stickybar{background:#ffffffe0}html[data-theme=dark] .stickybar{background:#101825e6}body:has(.stickybar) .toasts{bottom:calc(var(--s5) + 84px)}body:has(.stickybar) main{padding-bottom:120px}#login{position:fixed;inset:0;z-index:var(--z-login);display:flex;align-items:center;justify-content:center;padding:var(--s6) var(--s4);overflow-y:auto}.lgn{--mx:50%;--my:0%;position:relative;width:100%;max-width:392px;border-radius:var(--r4);background:var(--lg-bg-strong);box-shadow:var(--lg-shadow-lift);-webkit-backdrop-filter:var(--lg-blur-heavy);backdrop-filter:var(--lg-blur-heavy);animation:lgnRise .5s cubic-bezier(.2,.8,.25,1) both}@keyframes lgnRise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.lgn-rim{position:absolute;inset:0;border-radius:inherit;padding:1.2px;pointer-events:none;background:radial-gradient(230px circle at var(--mx) var(--my),var(--lg-rim) 0%,transparent 62%),linear-gradient(180deg,var(--lg-bd-strong) 0%,var(--lg-bd) 46%,var(--lg-bd) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.lgn:after{content:"";position:absolute;left:14%;right:14%;top:0;height:72px;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 100% at 50% 0%,color-mix(in srgb,var(--lg-rim) 55%,transparent) 0%,transparent 72%)}.lgn-in{position:relative;z-index:1;padding:var(--s6) var(--s6) var(--s5)}.lgn-mark{width:52px;height:52px;border-radius:15px;margin:0 auto var(--s4);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;letter-spacing:.4px;background:linear-gradient(140deg,var(--accent),#0f3f7a);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 1px #ffffff80}.lgn-eyebrow{font:600 10px/1 IBM Plex Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);text-align:center;margin-bottom:var(--s2)}.lgn h1{margin:0 0 6px;font-size:23px;text-align:center}.lgn-sub{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--muted);text-align:center;margin-bottom:var(--s5)}.lgn label{display:block;font:700 11px/1 inherit;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.lgn-field{position:relative;display:flex;align-items:center}.lgn-field input{width:100%;min-height:46px;padding:0 50px 0 var(--s3);border-radius:var(--r2);border:1px solid var(--lg-bd);background:var(--lg-bg);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:IBM Plex Mono,monospace;font-size:16px;letter-spacing:.16em;outline:none;transition:border-color .16s}.lgn-field input::placeholder{letter-spacing:normal;font-family:Inter,sans-serif}.lgn-field input:focus{border-color:var(--accent);background:var(--lg-bg-strong)}.lgn-eye{position:absolute;right:3px;width:42px;height:42px;display:none;place-items:center;background:none;border:0;border-radius:var(--r1);cursor:pointer;color:var(--muted)}.lgn-eye:hover{background:var(--lg-bg);color:var(--ink)}.lgn-note{min-height:34px;margin:var(--s2) 0 2px;font-size:12.5px;line-height:1.45;text-align:center;color:var(--amber)}.lgn-note.bad{color:var(--red)}.lgn .btn{width:100%;margin-top:var(--s1)}.lgn-rule{height:1px;margin:var(--s5) 0 var(--s3);background:var(--lg-bd)}.lgn-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.lgn-foot .ver{font:400 10.5px/1 IBM Plex Mono,monospace;color:var(--faint)}.lgn-hint{margin-top:var(--s3);text-align:center;font-size:11.5px;color:var(--faint);line-height:1.5}@keyframes lgnShake{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(4px)}50%{transform:translate(-4px)}}.lgn-shake{animation:lgnShake .32s ease}@media (max-width:420px){.lgn-in{padding:var(--s5) var(--s4) var(--s4)}.lgn h1{font-size:20px}}.rolechip{font:600 10px/1 IBM Plex Mono,monospace;letter-spacing:.08em;padding:5px 9px;border-radius:999px;background:var(--accentBg);color:var(--accentInk);white-space:nowrap}html[data-role=user] .rolechip{background:var(--lg-bg);border:1px solid var(--lg-bd);color:var(--muted)}html[data-role=user] [data-admin-only]{display:none!important}@media (max-width:680px){.rolechip,.conn span{display:none}}.sidefoot{margin-top:auto;padding:var(--s4) var(--s2) var(--s2);display:flex;align-items:center;justify-content:space-between;gap:var(--s2);font:400 10.5px/1 IBM Plex Mono,monospace;color:var(--faint)}.setup{max-width:660px;margin:var(--s7) auto;padding:var(--s6);border-radius:var(--r3);background:var(--lg-bg-strong);border:1px solid var(--lg-bd);box-shadow:var(--lg-shadow);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}.setup code{background:var(--lg-bg);border:1px solid var(--lg-bd);padding:2px 7px;border-radius:6px;font-family:IBM Plex Mono,monospace;font-size:12.5px}.setup ol{padding-left:var(--s4);line-height:1.95}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.kpi:hover{transform:none}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--lg-bg:rgba(255,255,255,.9);--lg-bg-strong:rgba(255,255,255,.94);--lg-bg-stronger:rgba(255,255,255,.98)}html[data-theme=dark]{--lg-bg:rgba(20,29,43,.88);--lg-bg-strong:rgba(20,29,43,.93);--lg-bg-stronger:rgba(20,29,43,.97)}}