@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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}}}.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--max-w:960px;--brand:#52006a;--brand-dark:#3d004f;--font-th:var(--font-ibm-plex-sans-thai), -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:var(--font-jetbrains-mono), monospace;--ok:#16a34a;--ok-bg:#dcfce7;--ok-text:#166534;--warn:#ca8a04;--warn-bg:#fef9c3;--warn-text:#854d0e;--err:#dc2626;--err-bg:#fee2e2;--err-text:#991b1b;--gray:#6b7280;--gray-bg:#f3f4f6;--card-bg:#fdfcff;--card-border:#e9e4f0;--page-bg:#f5f3f8;--text:#111827;--text-muted:#6b7280;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}:root.dark-theme{--card-bg:#130d1c;--card-border:#2a1f35;--page-bg:#080510;--text:#f3eeff;--text-muted:#9ca3af;--brand-light:var(--brand-light)}@media (prefers-color-scheme:dark){:root:not(.light-theme){--card-bg:#130d1c;--card-border:#2a1f35;--page-bg:#080510;--text:#f3eeff;--text-muted:#9ca3af;--brand-light:var(--brand-light)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-th);background:var(--page-bg);color:var(--text);line-height:1.6}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark)}.page-wrap{max-width:var(--max-w);transition:opacity .16s var(--ease-out-quart);margin:0 auto;padding:2rem 2rem 4rem}.page-wrap.brand-fade{opacity:0}.about-blurb{border-left:3px solid var(--brand);color:var(--text-muted);margin-bottom:2rem;padding-left:1rem;font-size:.925rem;line-height:1.7}:root.dark-theme .about-blurb{border-left-color:var(--brand-light)}@media (prefers-color-scheme:dark){:root:not(.light-theme) .about-blurb{border-left-color:var(--brand-light)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes urgent{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes badge-in{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes refresh-flash{0%{opacity:1}40%{opacity:.3;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-wrap,.page-wrap.brand-fade{opacity:1!important;transition:none!important}}.badge{letter-spacing:.01em;animation:badge-in .3s var(--ease-out-expo) both;border-radius:99px;flex-shrink:0;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge.loading{background:var(--gray-bg);color:var(--gray)}.badge.loading .dot{background:var(--gray);animation:1.5s infinite pulse}.badge.down .dot{animation:.9s ease-in-out infinite urgent}.badge.operational{background:var(--ok-bg);color:var(--ok-text)}.badge.operational .dot{background:var(--ok)}.badge.degraded{background:var(--warn-bg);color:var(--warn-text)}.badge.degraded .dot{background:var(--warn)}.badge.down{background:var(--err-bg);color:var(--err-text)}.badge.down .dot{background:var(--err)}:root.dark-theme .badge.operational{color:#4ade80;background:#16a34a33}:root.dark-theme .badge.degraded{color:#facc15;background:#ca8a0433}:root.dark-theme .badge.down{color:#f87171;background:#dc262633}:root.dark-theme .dot.operational{background:#4ade80}@media (prefers-color-scheme:dark){:root:not(.light-theme) .badge.operational{color:#4ade80;background:#16a34a33}:root:not(.light-theme) .badge.degraded{color:#facc15;background:#ca8a0433}:root:not(.light-theme) .badge.down{color:#f87171;background:#dc262633}:root:not(.light-theme) .dot.operational{background:#4ade80}}.card,.api-card,.incident-card,.components-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px}.api-card,.incident-card{padding:1.5rem}:root.dark-theme .api-card,:root.dark-theme .incident-card{background:#0e0818;border-color:#2a1f35}@media (prefers-color-scheme:dark){:root:not(.light-theme) .api-card,:root:not(.light-theme) .incident-card{background:#0e0818;border-color:#2a1f35}}.uptime-bars{align-items:stretch;gap:2px;width:100%;height:32px;display:flex}.uptime-bar{cursor:pointer;min-width:2px;transition:opacity .18s var(--ease-out-quart), transform .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart);transform-origin:bottom;border-radius:2px;flex:1}.uptime-bar:hover:not(.selected){opacity:.75;transform:scaleY(1.18)}.uptime-bar.operational{background:var(--ok)}.uptime-bar.degraded{background:var(--warn)}.uptime-bar.down{background:var(--err)}.skeleton-row{border-bottom:1px solid var(--card-border);padding:1.25rem 1.5rem}.skeleton-row:last-child{border-bottom:none}.sk-top{align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.sk{background:var(--gray-bg);border-radius:4px;animation:1.5s infinite shimmer}:root.dark-theme .sk{background:#ffffff14}@media (prefers-color-scheme:dark){:root:not(.light-theme) .sk{background:#ffffff14}}.sk-icon{width:20px;height:20px}.sk-name{width:140px;height:14px}.sk-badge{border-radius:99px;width:70px;height:22px}.sk-bars{border-radius:3px;height:28px}.section{animation:fade-up .45s var(--ease-out-quart) .15s both;margin-bottom:2.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-meta{color:var(--text-muted);font-size:.8rem;font-weight:500}.section-title{color:var(--brand);letter-spacing:-.01em;border-top:2px solid var(--brand);padding-top:.6rem;font-size:1.25rem;font-weight:700;display:inline-block}:root.dark-theme .section-title{color:var(--brand-light);border-top-color:var(--brand-light)}@media (prefers-color-scheme:dark){:root:not(.light-theme) .section-title{color:var(--brand-light);border-top-color:var(--brand-light)}}.response-time{font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;background:#00000012;border-radius:6px;padding:.15rem .4rem;font-size:.75rem}:root.dark-theme .response-time{background:#ffffff14}@media (prefers-color-scheme:dark){:root:not(.light-theme) .response-time{background:#ffffff14}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}:root.dark-theme :focus-visible{outline-color:var(--brand-light)}@media (prefers-color-scheme:dark){:root:not(.light-theme) :focus-visible{outline-color:var(--brand-light)}}.spin{transform-origin:50%;animation:1s linear infinite spin}:root.sagelga-brand{--brand:#3b4a8c;--brand-dark:#2d3a6e;--accent:var(--accent);--accent-dark:var(--accent-dark)}:root.sagelga-brand.light-theme{--page-bg:#f4f2ee;--card-bg:#faf8f5;--card-border:#e0dbd3;--text:#1c1a16;--text-muted:#7a7166;--gray-bg:#eceae5}:root.sagelga-brand.dark-theme{--page-bg:#1a1814;--card-bg:#252219;--card-border:#f0ead617;--text:#f0ead6;--text-muted:#9a9485;--gray-bg:#f0ead60f;--ok:#22c55e;--ok-bg:#22c55e26;--ok-text:#86efac;--warn:#f59e0b;--warn-bg:#f59e0b26;--warn-text:#fcd34d;--err:#ef4444;--err-bg:#ef444426;--err-text:#fca5a5}@media (prefers-color-scheme:dark){:root.sagelga-brand:not(.light-theme){--page-bg:#1a1814;--card-bg:#252219;--card-border:#f0ead617;--text:#f0ead6;--text-muted:#9a9485;--gray-bg:#f0ead60f;--ok:#22c55e;--ok-bg:#22c55e26;--ok-text:#86efac;--warn:#f59e0b;--warn-bg:#f59e0b26;--warn-text:#fcd34d;--err:#ef4444;--err-bg:#ef444426;--err-text:#fca5a5}}:root.sagelga-brand a{color:var(--accent)}:root.sagelga-brand a:hover{color:var(--accent-dark)}:root.sagelga-brand .navbar{background:var(--brand);box-shadow:0 2px 8px #0000004d}:root.sagelga-brand .nav-top{border-bottom-color:#ffffff26}:root.sagelga-brand .nav-bottom{background:#00000026}:root.sagelga-brand .footer{background:var(--page-bg);color:var(--text-muted)}:root.sagelga-brand .footer-divider{border-top-color:var(--card-border)}:root.sagelga-brand .footer-col-title{color:var(--text)}:root.sagelga-brand .footer-col a{color:var(--text-muted)!important}:root.sagelga-brand .footer-col a:hover{color:var(--accent)!important}:root.sagelga-brand .footer-bottom{color:var(--text-muted);border-top-color:var(--card-border)}:root.sagelga-brand .footer-logo-text{color:var(--text)}:root.sagelga-brand .footer-tagline{color:var(--text-muted)}:root.sagelga-brand .footer-toggle-btn{background:var(--card-bg);border-color:var(--card-border);color:var(--text-muted)}:root.sagelga-brand .footer-toggle-btn:hover{border-color:var(--accent);color:var(--text)}:root.sagelga-brand .footer-theme-toggle{color:var(--text-muted)}:root.sagelga-brand .theme-switch--on .theme-switch-track{background:var(--brand)}:root.sagelga-brand .footer-author{color:var(--accent)!important}:root.sagelga-brand .footer-author:hover{color:var(--accent-dark)!important}:root.sagelga-brand .api-card,:root.sagelga-brand .incident-card{background:var(--card-bg);border-color:var(--card-border)}:root.sagelga-brand .section-title{color:var(--accent);border-top-color:var(--accent)}:root.sagelga-brand .about-blurb{border-left-color:var(--accent)}:root.sagelga-brand :focus-visible{outline-color:var(--accent)}:root.sagelga-brand .sk{background:#645c4b1a}:root.sagelga-brand.dark-theme .sk{background:#f0ead612}@media (prefers-color-scheme:dark){:root.sagelga-brand:not(.light-theme) .sk{background:#f0ead612}}:root.sagelga-brand .uptime-bar.nodata,:root.sagelga-brand .uptime-legend-dot.nodata{background:#645c4b26}:root.sagelga-brand.dark-theme .uptime-bar.nodata,:root.sagelga-brand.dark-theme .uptime-legend-dot.nodata{background:#f0ead61a}@media (prefers-color-scheme:dark){:root.sagelga-brand:not(.light-theme) .uptime-bar.nodata,:root.sagelga-brand:not(.light-theme) .uptime-legend-dot.nodata{background:#f0ead61a}}:root.sagelga-brand .mosaic-cell.nodata{background:#645c4b1f}:root.sagelga-brand .mosaic-half-grid.mosaic-loading .mosaic-cell{background:#645c4b1a}:root.sagelga-brand.dark-theme .mosaic-cell.nodata,:root.sagelga-brand.dark-theme .mosaic-half-grid.mosaic-loading .mosaic-cell{background:#f0ead612}@media (prefers-color-scheme:dark){:root.sagelga-brand:not(.light-theme) .mosaic-cell.nodata,:root.sagelga-brand:not(.light-theme) .mosaic-half-grid.mosaic-loading .mosaic-cell{background:#f0ead612}}:root.sagelga-brand .response-time{background:#645c4b1a}:root.sagelga-brand.dark-theme .response-time{background:#f0ead612}@media (prefers-color-scheme:dark){:root.sagelga-brand:not(.light-theme) .response-time{background:#f0ead612}}:root.sagelga-brand .brand-toggle-btn.active,:root.sagelga-brand.dark-theme .brand-toggle-btn.active,:root.sagelga-brand:not(.light-theme) .brand-toggle-btn.active{background:var(--brand);color:#fff;box-shadow:0 1px 6px #3b4a8c66}:root.sagelga-brand .brand-toggle-btn:hover:not(.active){color:var(--text);background:#3b4a8c14}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{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}
