:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17233b;background:#f3f6fb;font-family:Arial,Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#1454c5;border:0;border-radius:10px;padding:10px 16px;font-weight:600}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}input,select{background:#fff;border:1px solid #cad4e3;border-radius:9px;min-width:0;padding:10px 12px}label{flex-direction:column;gap:7px;font-size:.87rem;font-weight:600;display:flex}.appShell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e7edfa;background:#101f3b;flex-direction:column;gap:42px;padding:27px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand b{letter-spacing:.08em;display:block}.brand small{color:#aebedc;margin-top:2px;display:block}.brandMark{background:#3479ee;border-radius:12px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:800;display:grid}.sidebar nav{gap:7px;display:grid}.sidebar nav a{color:#d8e3f8;border-radius:9px;padding:11px 13px}.sidebar nav a:hover,.sidebar nav a:focus-visible{background:#273e66}.sidebarFooter{overflow-wrap:anywhere;gap:12px;margin-top:auto;display:grid}.textButton{color:#c6d8fb;background:0 0;padding:0}.content{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:36px}.pageHead{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.pageHead h1,.loginCard h1{margin:5px 0 8px;font-size:clamp(1.65rem,3vw,2.2rem)}.pageHead p{color:#63718a;margin:0}.eyebrow{letter-spacing:.13em;font-weight:800;color:#2463cf!important;font-size:.73rem!important}.metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.metric,.card{background:#fff;border:1px solid #e2e8f2;border-radius:16px;box-shadow:0 3px 20px #16315a08}.metric{gap:12px;padding:20px;display:grid}.metric span{color:#65738b;font-size:.86rem}.metric strong{font-size:1.75rem}.card{min-width:0;margin-bottom:20px;padding:22px}.card h2{margin:0 0 17px;font-size:1.08rem}.card p{color:#64738a}.grid2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.statusList{margin:0;padding:0;list-style:none}.statusList li{border-bottom:1px solid #edf1f7;justify-content:space-between;padding:10px 0;display:flex}.statusList li:last-child{border:0}.hint{font-size:.83rem}.tableWrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:.86rem}th{color:#697a94;font-size:.76rem;font-weight:700}th,td{vertical-align:top;border-bottom:1px solid #edf1f7;padding:12px 10px}tbody tr:last-child td{border-bottom:0}.mono,code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace}.pill{color:#2053a3;background:#edf4ff;border-radius:100px;padding:5px 9px;display:inline-block}.empty{color:#7a879c;padding:18px 0}.filters,.formrow{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:20px;display:flex}.formrow{margin-bottom:0}.filters label,.formrow label{min-width:190px}.pagination{justify-content:flex-end;gap:20px;padding:0 5px;display:flex}.pagination a{color:#1454c5}.secret{background:#fff7db;border:1px solid #f2cf72;border-radius:10px;gap:12px;margin-top:18px;padding:16px;display:grid}.secret code{-webkit-user-select:all;user-select:all;font-size:.9rem}.danger{color:#a73025;background:#fff0ed}.error{color:#ae3329!important}.loginShell{background:radial-gradient(circle at 10% 0,#d7e7ff,#0000 40%),#f3f6fb;place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:32px;box-shadow:0 15px 55px #122a4c1a}.loginCard>p{color:#68768c}.stack{gap:18px;margin-top:25px;display:grid}.stack button{margin-top:4px}@media (max-width:1050px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.appShell{display:block}.sidebar{gap:15px;padding:18px}.sidebar nav{white-space:nowrap;display:flex;overflow-x:auto}.sidebarFooter{display:none}.content{padding:22px 14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}.card{padding:16px}.metric{padding:15px}}@media (max-width:380px){.metrics{grid-template-columns:1fr}}
@media (max-width:720px){.sidebarFooter{justify-content:space-between;align-items:center;gap:10px;display:flex}.pageHead{flex-wrap:wrap;gap:12px}}