/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-red-600:oklch(57.7% .245 27.325);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-bold:700;--radius-sm:.25rem;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite}}@layer base,components;@layer utilities{.visible{visibility:visible}.static{position:static}.mx-auto{margin-inline:auto}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-12{height:calc(var(--spacing) * 12)}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-12{width:calc(var(--spacing) * 12)}.max-w-md{max-width:var(--container-md)}.grow{flex-grow:1}.animate-spin{animation:var(--animate-spin)}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-gray-200{border-color:var(--color-gray-200)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}:root{--bg:#f6f5f4;--surface:#fff;--sunk:#efedeb;--fg:#1d1b1a;--muted:#6b6562;--line:#e0dcd9;--accent:#b3121f;--accent-fg:#fff;--accent-soft:#f9e3e4;--ok:#1f7a4d;--ok-soft:#e1f2e8;--warn:#9a5b00;--warn-soft:#fbefd9;--bad:#b3121f;--bad-soft:#f9e3e4;--info:#2a5b9a;--info-soft:#e3ecf8;--f-body:"IBM Plex Sans Thai",system-ui,"Segoe UI",Tahoma,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;--r:8px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161413;--surface:#1f1c1b;--sunk:#292524;--fg:#f1edea;--muted:#a59d98;--line:#38322f;--accent:#ff5a63;--accent-fg:#1a0002;--accent-soft:#3a1a1c;--ok:#5fd39a;--ok-soft:#173326;--warn:#f2b35b;--warn-soft:#3a2b14;--bad:#ff6b73;--bad-soft:#3d1a1d;--info:#8db7ef;--info-soft:#1b2a3d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#161413;--surface:#1f1c1b;--sunk:#292524;--fg:#f1edea;--muted:#a59d98;--line:#38322f;--accent:#ff5a63;--accent-fg:#1a0002;--accent-soft:#3a1a1c;--ok:#5fd39a;--ok-soft:#173326;--warn:#f2b35b;--warn-soft:#3a2b14;--bad:#ff6b73;--bad-soft:#3d1a1d;--info:#8db7ef;--info-soft:#1b2a3d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);margin:0;font-size:14px;line-height:1.55}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface);position:fixed;inset:0 0 auto}.wrap{max-width:1240px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}header{top:env(safe-area-inset-top,0px);z-index:5;background:var(--surface);border-bottom:1px solid var(--line);position:sticky}.hrow{flex-wrap:wrap;align-items:center;gap:12px;padding-block:12px;display:flex}.brand{flex:1;align-items:center;gap:10px;min-width:220px;display:flex}.mark{background:var(--accent);width:34px;height:34px;color:var(--accent-fg);border-radius:8px;place-items:center;font-size:15px;font-weight:700;display:grid}h1{text-wrap:balance;margin:0;font-size:17px;font-weight:700}.sub{color:var(--muted);font-size:12px}.actions{flex-wrap:wrap;gap:8px;display:flex}button,.btn{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:var(--r);cursor:pointer;white-space:nowrap;padding:7px 14px;font-weight:500}button:hover{border-color:var(--muted)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button.primary:hover{filter:brightness(1.08)}button.ghost{background:0 0}button.danger{color:var(--bad);border-color:var(--bad)}button.sm{padding:4px 10px;font-size:13px}button:disabled{opacity:.5;cursor:not-allowed}nav.tabs{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}nav.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:10px 14px}nav.tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}.count{background:var(--bad);min-width:20px;color:var(--accent-fg);text-align:center;border-radius:10px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:600;line-height:18px;display:inline-block}main{padding-block:20px 60px}[hidden]{display:none!important}.banner{border-radius:var(--r);background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.banner{border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}}.banner.bad{background:var(--bad-soft);color:var(--bad);border-color:var(--bad)}@supports (color:color-mix(in lab, red, red)){.banner.bad{border-color:color-mix(in srgb,var(--bad) 30%,transparent)}}.banner.ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.banner.ok{border-color:color-mix(in srgb,var(--ok) 30%,transparent)}}.banner b{font-weight:700}.banner .grow{flex:1;min-width:200px}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.kpi .l{color:var(--muted);letter-spacing:.02em;font-size:12px}.kpi .v{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.3}.kpi .s{color:var(--muted);font-size:12px}.kpi.alert .v{color:var(--bad)}.grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:16px}.panel h2{margin:0 0 12px;font-size:15px;font-weight:600}.panel h2 small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.bars{gap:8px;display:grid}.bar{grid-template-columns:120px 1fr minmax(60px,auto);align-items:center;gap:10px;font-size:13px;display:grid}.bar .track{background:var(--sunk);border-radius:4px;height:14px;overflow:hidden}.bar .fill{background:var(--accent);border-radius:4px;height:100%}.bar .fill.warn{background:var(--warn)}.bar .n{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar .grow{flex:1;min-width:200px}input,select,textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);width:100%;padding:7px 10px}.toolbar select,.toolbar input{width:auto}.toolbar input.grow{width:100%}.tablebox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle;padding:8px 10px}th{background:var(--sunk);color:var(--muted);font-size:12px;font-weight:600;position:sticky;top:0}tbody tr:hover{background:var(--sunk)}@supports (color:color-mix(in lab, red, red)){tbody tr:hover{background:color-mix(in srgb,var(--sunk) 60%,transparent)}}tbody tr.click{cursor:pointer}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.mono{font-family:var(--f-mono);font-size:12px}td.wrap{white-space:normal;min-width:180px}.pill{border-radius:999px;padding:1px 9px;font-size:12px;font-weight:500;display:inline-block}.p-ok{background:var(--ok-soft);color:var(--ok)}.p-warn{background:var(--warn-soft);color:var(--warn)}.p-bad{background:var(--bad-soft);color:var(--bad)}.p-info{background:var(--info-soft);color:var(--info)}.p-mute{background:var(--sunk);color:var(--muted)}.days{font-variant-numeric:tabular-nums;font-weight:600}.pager{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.empty{text-align:center;color:var(--muted);padding:40px 16px}.form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;display:grid}.field{gap:4px;min-width:0;display:grid}.field label{color:var(--muted);font-size:12px;font-weight:500}.field.full{grid-column:1/-1}.calc{background:var(--sunk);border-radius:var(--r);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:4px;padding:12px;display:grid}.calc div{display:grid}.calc span{color:var(--muted);font-size:12px}.calc b{font-variant-numeric:tabular-nums;font-size:18px}.calc .tot b{color:var(--accent)}.hint{color:var(--muted);font-size:12px}.selbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.selbar .grow{min-width:160px;color:var(--muted);flex:1;font-size:13px}td.chk,th.chk{text-align:center;width:34px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.dupgrp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden}.dupgrp .gh{background:var(--sunk);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.dupwarn{border:1px solid var(--warn)}@supports (color:color-mix(in lab, red, red)){.dupwarn{border:1px solid color-mix(in srgb,var(--warn) 40%,transparent)}}.dupwarn{background:var(--warn-soft);color:var(--warn);border-radius:var(--r);margin-top:10px;padding:10px 12px;font-size:13px}.dupwarn ul{margin:6px 0;padding-left:18px}.topup{border:1px solid var(--info)}@supports (color:color-mix(in lab, red, red)){.topup{border:1px solid color-mix(in srgb,var(--info) 40%,transparent)}}.topup{background:var(--info-soft);color:var(--fg);border-radius:var(--r);margin-top:10px;padding:12px;font-size:13px}.topup b.big{color:var(--info);font-size:16px}.acttbl select{width:auto;padding:4px 8px;font-size:13px}.thdate{grid-template-columns:72px minmax(0,1fr) 96px;gap:6px;display:grid}.err{color:var(--bad);font-size:12px}.rowbtns{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}dialog{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:12px;width:min(760px,100vw - 32px);max-height:calc(100vh - 40px);padding:0}dialog::backdrop{background:#00000073}.dhead{border-bottom:1px solid var(--line);background:var(--surface);z-index:1;align-items:center;gap:10px;padding:14px 18px;display:flex;position:sticky;top:0}.dhead h3{flex:1;margin:0;font-size:16px}.dbody{padding:18px}.drop{border:2px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--muted);padding:28px}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.progress{background:var(--sunk);border-radius:4px;height:8px;margin-top:10px;overflow:hidden}.progress div{background:var(--accent);width:0;height:100%;transition:width .2s}.toast{right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);border-radius:var(--r);z-index:50;max-width:calc(100vw - 32px);padding:10px 16px;font-size:13px;position:fixed}.status-line{color:var(--muted);padding-block:4px;font-size:12px}.hist{color:var(--muted);gap:4px;max-height:140px;margin-top:8px;font-size:12px;display:grid;overflow:auto}.confirm{border-radius:var(--r);background:var(--bad-soft);color:var(--bad);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px;display:flex}.seg{border:1px solid var(--line);border-radius:var(--r);display:inline-flex;overflow:hidden}.seg button{border:none;border-radius:0;padding:6px 12px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}@media (width<=560px){.bar{grid-template-columns:90px 1fr 70px}.kpi .v{font-size:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}header{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 4px 14px #0000000f}.hbar{color:#fff;background:radial-gradient(70% 160% at 0 0,#ffffff1f,#fff0 60%),radial-gradient(50% 140% at 100% 100%,#c8102e38,#c8102e00 70%),linear-gradient(110deg,#083522 0%,#0c4f2e 50%,#13703f 100%)}.hbar .hrow{padding-block:14px}.hbar h1{color:#fff;letter-spacing:.01em}.hbar .sub{color:#ffffffbf}.hbar .mark{color:#c8102e;letter-spacing:.02em;background:#fff;border-radius:12px;width:42px;height:42px;font-size:15px;font-weight:800;box-shadow:0 4px 12px #00000040}.hbar .actions{align-items:center}.hbar .actions button{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-color:#ffffff4d;transition:background .15s,transform .15s}.hbar .actions button:hover{background:#ffffff38;transform:translateY(-1px)}.hbar .actions button.primary{color:#fff;background:#c8102e;border-color:#e2364f;box-shadow:0 4px 14px #c8102e73}.hbar .actions button.primary:hover{background:#d91838}.hbar .userchip{color:#fff;background:#0000002e;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;max-width:260px;padding:4px 12px 4px 4px;display:flex}.hbar .userchip:empty{display:none}.hbar .userchip:before{content:"";background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e5a34' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E") 50%/16px no-repeat;border-radius:50%;flex:none;width:28px;height:28px}.hbar .userchip b{color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hstripe{background:linear-gradient(90deg,#c8102e 0 33.3%,#fff 33.3% 66.6%,#1c8a4f 66.6% 100%);height:4px}header nav.tabs{gap:4px;padding-block:8px}header nav.tabs button{color:var(--muted);white-space:nowrap;border:0;border-radius:999px;padding:8px 16px;font-weight:500;transition:background .15s,color .15s}header nav.tabs button:hover{background:var(--sunk);color:var(--fg)}header nav.tabs button[aria-selected=true]{background:var(--sg-green)}@supports (color:color-mix(in lab, red, red)){header nav.tabs button[aria-selected=true]{background:color-mix(in srgb,var(--sg-green) 13%,transparent)}}header nav.tabs button[aria-selected=true]{color:var(--sg-green);box-shadow:inset 0 0 0 1px var(--sg-green);font-weight:700}@supports (color:color-mix(in lab, red, red)){header nav.tabs button[aria-selected=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sg-green) 28%,transparent)}}header nav.tabs button[aria-selected=true]:before{content:"";background:var(--sg-red);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}@media (width<=760px){header{position:static}.hbar .hrow{padding-block:10px}}#authGate{z-index:60;background:radial-gradient(900px 520px at 8% 0%,var(--sg-red),transparent 70%),radial-gradient(900px 560px at 100% 100%,var(--sg-green),transparent 70%),var(--bg);flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}@supports (color:color-mix(in lab, red, red)){#authGate{background:radial-gradient(900px 520px at 8% 0%,color-mix(in srgb,var(--sg-red) 13%,transparent),transparent 70%),radial-gradient(900px 560px at 100% 100%,color-mix(in srgb,var(--sg-green) 15%,transparent),transparent 70%),var(--bg)}}.authShell{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:minmax(300px,380px) minmax(0,440px);width:min(820px,100%);display:grid;overflow:hidden;box-shadow:0 18px 50px #0000001a}.authShell .authCard{box-shadow:none;border:0;border-radius:0;width:auto;padding:30px 32px}.brandPanel{color:#fff;background:radial-gradient(120% 70% at 50% 100%,#1c7a4a 0%,#1c7a4a00 60%),linear-gradient(165deg,#0e5a34 0%,#0a4128 60%,#073220 100%);flex-direction:column;min-height:560px;display:flex;position:relative;overflow:hidden}.bpText{z-index:2;padding:34px 30px 0;position:relative}.bpHi{letter-spacing:.08em;opacity:.85;font-size:14px;font-weight:600}.bpBar{background:var(--sg-red);border-radius:2px;width:40px;height:4px;margin:12px 0;box-shadow:0 0 0 1px #ffffff26}.bpSlogan{text-shadow:0 2px 10px #00000040;gap:2px;font-size:30px;font-weight:700;line-height:1.2;display:grid}.bpSlogan .l2{color:#a8ecc4}.bpGlow{z-index:1;background:radial-gradient(circle,#ffffff38 0%,#ffffff14 45%,#fff0 70%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.bpGlow:after{content:"";background:radial-gradient(#00000059,#0000 70%);border-radius:50%;width:210px;height:26px;position:absolute;bottom:-62px;left:50%;transform:translate(-50%)}.bpMascot{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 14px #00000047);flex:1 1 0;width:100%;height:auto;min-height:0;max-height:440px;margin:18px 0 16px;animation:.7s cubic-bezier(.2,.8,.2,1) both mascotIn;display:block;position:relative}.bpShield{z-index:1;filter:drop-shadow(0 8px 20px #0000002e);width:250px;height:auto;animation:1s .15s both shieldIn;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}@keyframes shieldIn{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)}}.valueRow{grid-template-columns:repeat(3,1fr);gap:12px;width:min(820px,100%);display:grid}.val{background:var(--surface);align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.val{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.val{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px #0000000d}.val .vi{width:44px;height:44px;color:var(--sg-green);background:var(--sg-green);border-radius:12px;flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.val .vi{background:color-mix(in srgb,var(--sg-green) 12%,transparent)}}.val:nth-child(2) .vi{color:var(--sg-red);background:var(--sg-red)}@supports (color:color-mix(in lab, red, red)){.val:nth-child(2) .vi{background:color-mix(in srgb,var(--sg-red) 10%,transparent)}}.val .vi svg{width:26px;height:26px}.val b{font-size:14px;line-height:1.3;display:block}.val small{color:var(--muted);font-size:12px;line-height:1.35;display:block}.bpStripe{z-index:3;background:linear-gradient(90deg,var(--sg-red) 0 33.3%,#fff 33.3% 66.6%,#1c8a4f 66.6% 100%);height:8px;position:absolute;bottom:0;left:0;right:0}@keyframes mascotIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=820px){.authShell{grid-template-columns:1fr;width:min(460px,100%)}.bpShield{opacity:.8;width:150px;bottom:6px;left:auto;right:6px;transform:none}@keyframes shieldIn{0%{opacity:0}to{opacity:.8}}.valueRow{gap:8px;width:min(460px,100%)}.val{text-align:center;flex-direction:column;gap:6px;padding:10px 6px}.val small{display:none}.val b{font-size:12px}.val .vi{width:38px;height:38px}.brandPanel{min-height:188px}.bpText{max-width:62%;padding:24px 22px}.bpHi{font-size:12px}.bpBar{margin:9px 0}.bpSlogan{font-size:23px}.bpGlow{width:230px;height:230px;bottom:-40px;left:auto;right:-30px;transform:none}.bpGlow:after{display:none}.bpMascot{flex:none;width:auto;height:178px;max-height:none;margin:0;position:absolute;bottom:8px;left:auto;right:18px}@keyframes mascotIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.authShell .authCard{padding:24px 22px}}@media (prefers-reduced-motion:reduce){.bpMascot,.bpShield{animation:none}}#authGate[hidden]{display:none}#authGate>.authShell{flex:none;margin-top:auto}#authGate>.valueRow{flex:none;margin-bottom:auto}.authCard{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:12px;width:min(440px,100%);padding:24px;display:grid;position:relative;box-shadow:0 10px 30px #0000000f}.authCard h2{margin:0;font-size:18px}.authCard .brand{align-items:center;gap:10px;display:flex}.authCard .brand b{font-size:15px;line-height:1.35}.userchip{color:var(--muted);align-self:center;max-width:280px;font-size:12px;line-height:1.35}.userchip b{color:var(--fg);font-weight:600}.chkrow{flex-wrap:wrap;gap:14px;padding:6px 0;display:flex}.chkrow label{color:var(--fg);align-items:center;gap:6px;font-size:13px;display:flex}.chkrow input{width:auto}:root{--sg-red:#c8102e;--sg-green:#0b4a2a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sg-red:#ff5a63;--sg-green:#4cc483}}:root[data-theme=dark]{--sg-red:#ff5a63;--sg-green:#4cc483}.sgLogo{text-align:center;border-bottom:1px solid var(--line);padding:4px 0 14px}.sgLogo .wm{font-family:"Segoe UI","Helvetica Neue",Arial,var(--f-body);letter-spacing:.02em;white-space:nowrap;font-size:clamp(34px,10vw,48px);font-weight:500;line-height:1}.sgLogo .sg{color:var(--sg-red);margin-right:.28em}.sgLogo .bk{color:var(--sg-green)}.sgLogo .th{color:var(--sg-green);margin-top:10px;font-size:clamp(15px,4.4vw,19px);font-weight:700;line-height:1.3}.sgLogo .en{color:var(--sg-green);letter-spacing:.01em;margin-top:2px;font-size:clamp(11px,3.1vw,13px)}.authCard .sysname{text-align:center;color:var(--fg);font-size:15px;font-weight:600}.authCard .who{border-radius:var(--r);background:var(--sunk);min-height:40px;padding:9px 12px;font-weight:600}.authCard .newpw{background:var(--warn-soft);color:var(--fg);border-radius:var(--r);padding:10px 12px;font-size:13px}.mailbox{background:var(--ok-soft);border:1px solid var(--line);border-radius:var(--r);gap:8px;margin:8px 0;padding:12px;display:grid}.mailbox .pw{font-family:var(--f-mono);letter-spacing:.5px;-webkit-user-select:all;user-select:all;font-size:16px;font-weight:600}#root{min-height:100vh}.hbar .actions a.btn{text-decoration:none}.spin{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}