:root{--bg0: #041014;--bg1: #071f27;--panel: #0f2b34;--panel-border: #1f4a57;--text: #e8f3f4;--subtle: #90aeb3;--accent: #ff8a00;--accent-2: #00d9a3}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% -10%,#15586f 0,transparent 35%),radial-gradient(circle at 85% 10%,#6d2f09 0,transparent 40%),linear-gradient(135deg,var(--bg0),var(--bg1));font-family:IBM Plex Sans Thai,Space Grotesk,sans-serif}.layout{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,#041014 75%,transparent);border-bottom:1px solid #1a3945}.topbar h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.1rem}.topbar nav{display:flex;flex-wrap:wrap;gap:.75rem}.topbar a{color:var(--text);text-decoration:none;border:1px solid transparent;padding:.4rem .7rem;border-radius:999px}.topbar a:hover{border-color:var(--accent)}.content{max-width:1200px;margin:0 auto;padding:1.25rem}.panel{background:color-mix(in srgb,var(--panel) 92%,#000 8%);border:1px solid var(--panel-border);border-radius:16px;padding:1rem;box-shadow:0 10px 24px #0000004d}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.card{border:1px solid #21505f;border-radius:12px;padding:.85rem;display:flex;gap:.75rem;align-items:center;background:#11333f}.card h3{margin:0;font-size:.85rem;color:var(--subtle)}.card p{margin:.2rem 0 0;font-size:1.1rem;font-weight:700}.section-title{margin-top:1.5rem}.table-shell{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.65rem;border-bottom:1px solid #21444f;text-align:left;font-size:.92rem}th{color:var(--subtle);font-weight:600}.row-link{color:var(--accent-2);text-decoration:none}.monitor-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dot{border-radius:999px;font-size:.85rem;padding:.25rem .7rem;border:1px solid}.dot-live{color:#0be685;border-color:#0be685}.dot-offline{color:#ff6161;border-color:#ff6161}.events{margin-top:1rem;display:grid;gap:.65rem}.event-row{display:flex;gap:.6rem;align-items:flex-start;border:1px solid #21444f;border-radius:12px;padding:.7rem}.event-row p{margin:.15rem 0 0;color:var(--subtle)}@media (max-width: 900px){.cards-grid{grid-template-columns:1fr}}