:root{color-scheme:dark;--bg:#080d18;--panel:#101a2b;--line:#203553;--blue:#2583ff;--muted:#9aabc4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#10264a 0,transparent 35%),var(--bg);color:#edf4ff;font:15px Arial,'Noto Sans Thai',sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 5%;border-bottom:1px solid var(--line);background:#080d18dd;position:sticky;top:0}a{color:#8fc0ff;text-decoration:none}.brand{font-weight:800;color:white;letter-spacing:1px}nav{display:flex;gap:16px;flex-wrap:wrap}main{max-width:1100px;margin:34px auto;padding:0 18px;min-height:75vh}.lang,footer,.muted{color:var(--muted)}.lang{text-align:right;font-size:12px}.card{background:linear-gradient(145deg,#111e32,#0d1524);border:1px solid var(--line);border-radius:16px;padding:22px;margin:16px 0;box-shadow:0 12px 35px #0004}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.stat{font-size:30px;font-weight:800;color:#72b2ff}h1{font-size:27px}h2{font-size:19px}label{display:block;margin:12px 0 6px;color:#b9cbe5}input,select{width:100%;padding:12px;border:1px solid #2b4263;border-radius:9px;background:#081221;color:white}button,.btn{display:inline-block;border:0;border-radius:9px;background:var(--blue);color:white;padding:11px 17px;font-weight:700;cursor:pointer}.btn.secondary,button.secondary{background:#233754}.notice{padding:12px;background:#102d4e;border:1px solid #245a91;border-radius:9px;margin:14px 0}.danger{color:#ff9b9b}table{width:100%;border-collapse:collapse;overflow-wrap:anywhere}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}th{color:#9ec8ff}footer{text-align:center;padding:25px;border-top:1px solid var(--line)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.small{font-size:12px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}nav{gap:10px}table{font-size:12px}}