.system-status-page{color:#f4f5f8;background:#0d1018;min-height:100vh;padding:0 50px 60px;font-family:Arial,Noto Sans Thai,sans-serif}.status-nav{border-bottom:1px solid #272c37;align-items:center;max-width:920px;height:62px;margin:auto;display:flex}.status-brand{color:#fff;background:linear-gradient(145deg,#718cff,#f47686);border-radius:50%;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.status-nav nav{gap:12px;margin:auto;display:flex}.status-nav nav a,.status-home{color:#969bac;border-radius:9px;padding:9px 14px;font-size:13px}.status-nav nav a.active,.status-home{color:#fff;background:#20242e}.status-home{border:1px solid #303641}.status-hero{text-align:center;padding:80px 20px 48px}.status-symbol{border:4px solid #333b48;border-radius:50%;place-items:center;width:40px;height:40px;margin:auto;font-size:22px;font-weight:800;display:grid}.status-operational .status-symbol{background:#1dcf8a;border-color:#185f4c}.status-degraded .status-symbol{background:#f5b94c;border-color:#705a2e}.status-major_outage .status-symbol{background:#ff6c75;border-color:#65353d}.status-hero h1{margin:13px 0 9px;font-size:34px}.status-hero p{color:#8fa0c8;margin:0;font-size:13px}.status-hero button{color:#fff;background:#1b1f29;border:1px solid #323846;border-radius:7px;margin-top:18px;padding:9px 13px;font-size:11px}.status-hero button:disabled{opacity:.55}.status-card,.status-note{background:#191c25;border:1px solid #282d38;border-radius:13px;max-width:820px;margin:auto;padding:24px}.status-card-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.status-card-head h2{margin:0;font-size:13px}.overall-pill,.service-pill{background:#282d38;border-radius:999px;padding:7px 10px;font-size:11px}.overall-pill.status-operational{color:#53dfa8}.overall-pill.status-degraded{color:#ffd06b}.overall-pill.status-major_outage{color:#ff8188}.status-service{padding:22px 0}.status-service+.status-service{border-top:1px solid #272c36}.service-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.service-title h3{align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.service-title>div{align-items:center;gap:12px;display:flex}.service-title b{font-size:12px}.dot{border-radius:50%;width:13px;height:13px;display:inline-block}.dot.operational,.uptime-bars i.operational{background:#13c98a}.dot.degraded,.uptime-bars i.degraded{background:#f5bd54}.dot.down,.uptime-bars i.down{background:#ff6872}.service-pill{padding:5px 8px}.service-pill.operational{color:#4bddaa}.service-pill.degraded{color:#ffd273}.service-pill.down{color:#ff858c}.uptime-bars{grid-template-columns:repeat(90,1fr);gap:2px;height:32px;display:grid}.uptime-bars i{background:#2a303b;border-radius:2px;display:block}.uptime-bars i.unknown{background:#272c36}.bar-label{color:#7e8dae;grid-template-columns:1fr auto 1fr;margin-top:7px;font-size:11px;display:grid}.bar-label span:last-child{text-align:right}.status-loading{color:#798398;place-items:center;height:120px;display:grid}.status-note{margin-top:18px;padding:18px 22px}.status-note strong{font-size:12px}.status-note p{color:#919aab;margin:6px 0 0;font-size:11px;line-height:1.7}@media (max-width:700px){.system-status-page{padding:0 15px 35px}.status-nav nav{display:none}.status-home{margin-left:auto}.status-hero{padding-top:55px}.status-hero h1{font-size:27px}.status-card{padding:18px}.status-card-head{align-items:flex-start;gap:12px}.service-title{align-items:flex-start}.service-title>div{flex-direction:column;align-items:flex-end;gap:6px}.uptime-bars{gap:1px;height:26px}.uptime-bars i:nth-child(-n+45){display:none}.status-note{padding:16px}}