:root{color-scheme:light;--color-bg: #f5f4f0;--color-surface: #f9f8f4;--color-surface-2: #fdfcf9;--color-surface-offset: #eeece7;--color-divider: #d8d6d0;--color-border: #ccc9c2;--color-text: #1e1c17;--color-text-muted: #6b6a65;--color-text-faint: #b0ae9e;--color-primary: #c06000;--color-primary-hover: #9c4d00;--color-success: #3a7a1e;--color-danger: #a33a2a;--font-display: "Google Sans", "Helvetica Neue", sans-serif;--font-body: "Google Sans", "Helvetica Neue", sans-serif;--font-brand: "Instrument Sans", var(--font-body);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius: .5rem;--sidebar-w: 240px;--safe-bottom: max(1.25rem, env(safe-area-inset-bottom))}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.45}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{min-height:100dvh}.app-shell--bare .app-bare-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;padding:.6rem 1.25rem;padding-top:max(.6rem,env(safe-area-inset-top));border-bottom:1px solid var(--color-divider);background:var(--color-surface)}.app-brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-brand);font-weight:600;font-size:1.0625rem;letter-spacing:-.025em;text-decoration:none;color:var(--color-text)}.app-brand:hover{color:var(--color-text)}.app-brand-logo{width:26px;height:26px;display:block;flex-shrink:0}.app-bare-main{width:min(40rem,calc(100% - 2rem));margin:2rem auto 3rem}.app-shell--console{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100dvh}.app-sidebar{display:flex;flex-direction:column;gap:1.25rem;padding:1rem .85rem 1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-right:1px solid var(--color-divider)}.app-sidebar-top{display:grid;gap:1.1rem}.app-nav-group{display:grid;gap:.15rem}.app-nav-label{margin:0 .65rem .35rem;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint)}.app-nav-link{display:flex;align-items:center;min-height:36px;padding:.35rem .65rem;border-radius:var(--radius);color:var(--color-text-muted);text-decoration:none}.app-nav-link:hover,.app-nav-link.active{color:var(--color-text);background:var(--color-surface-offset)}.app-nav-link.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.app-sidebar-foot{margin-top:auto;display:grid;gap:.35rem}.app-sidebar-foot button{min-height:36px;padding:.35rem .65rem;border:0;border-radius:var(--radius);background:transparent;color:var(--color-text-muted);text-align:left;cursor:pointer}.app-sidebar-foot button:hover{color:var(--color-text)}.site-switcher{position:relative}.site-switcher summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:40px;padding:.4rem .65rem;border:1px solid var(--color-divider);border-radius:var(--radius);background:var(--color-surface-2);font-family:var(--font-brand);font-weight:600;cursor:pointer}.site-switcher summary::-webkit-details-marker{display:none}.site-switcher-menu{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;display:grid;padding:.35rem;border:1px solid var(--color-divider);border-radius:var(--radius);background:var(--color-surface-2);box-shadow:0 8px 24px color-mix(in srgb,var(--color-text) 8%,transparent)}.site-switcher-menu a{padding:.45rem .55rem;border-radius:.35rem;text-decoration:none;color:var(--color-text)}.site-switcher-menu a:hover{background:var(--color-surface-offset)}.site-switcher-menu a.is-current{color:var(--color-primary)}.app-menu-toggle{display:none;min-height:40px;padding:0 .75rem;border:1px solid var(--color-divider);border-radius:var(--radius);background:var(--color-surface);cursor:pointer}.app-content{min-width:0;background:var(--color-bg)}.app-content-inner{width:min(52rem,calc(100% - 3rem));margin:2rem auto 3rem}.page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin:0}.page-lead{margin:.35rem 0 0;color:var(--color-text-muted)}.page-search{width:min(16rem,100%);min-height:40px;padding:.45rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2)}.page-tabs{display:flex;gap:1.25rem;margin:0 0 1.5rem;border-bottom:1px solid var(--color-divider)}.page-tabs a,.page-tabs span{padding:.65rem 0;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--color-text-muted);text-decoration:none;font-weight:500}.page-tabs a:hover{color:var(--color-text)}.page-tabs a.active,.page-tabs span.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.stack{display:grid;gap:.85rem}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-weight:600;text-decoration:none;cursor:pointer}.btn:hover{background:var(--color-primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-link{background:transparent;color:var(--color-primary);border:0;min-height:auto;padding:0;font-weight:600;cursor:pointer}.btn-link:hover{color:var(--color-primary-hover);background:transparent}.card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius);padding:1rem;min-width:0}.card-title{margin:0 0 .25rem;font-weight:600}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono);font-size:.85em;overflow-wrap:anywhere;word-break:break-all}label{display:grid;gap:.35rem;font-size:.9rem;font-weight:500}input,textarea,select{width:100%;min-height:40px;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2);color:var(--color-text)}textarea{min-height:8rem;resize:vertical}.banner{padding:.75rem .9rem;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-divider)}.banner.error{border-color:var(--color-danger);color:var(--color-danger)}.pill{display:inline-flex;align-items:center;min-height:1.6rem;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.pill-up{background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success)}.pill-down{background:color-mix(in srgb,var(--color-danger) 16%,transparent);color:var(--color-danger)}.pill-warn{background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-primary)}.empty-state{display:grid;justify-items:center;text-align:center;gap:.6rem;margin-top:1.5rem;padding:3.5rem 1.25rem 4rem;border:1px dashed var(--color-divider);border-radius:var(--radius);background:color-mix(in srgb,var(--color-surface) 70%,transparent)}.empty-state h2{margin:0;font-size:1.15rem;font-weight:700}.empty-state p{margin:0 0 .5rem;max-width:26rem;color:var(--color-text-muted)}.empty-state .mono{word-break:normal}.incident-row{display:grid;gap:.2rem;padding:.9rem 0;border-bottom:1px solid var(--color-divider);text-decoration:none;color:inherit}.incident-row:hover .incident-row-title{color:var(--color-primary)}.incident-row-title{font-weight:600}.component-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--color-divider)}.component-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--color-text-faint)}.component-dot.up{background:var(--color-success)}.component-name{margin:0;font-weight:600}.component-meta{margin:.15rem 0 0;font-size:.85rem;color:var(--color-text-muted)}.uptime-bars{display:flex;gap:1px;width:4.5rem;height:18px}.uptime-bars span{flex:1 1 0;min-width:0;border-radius:1px;background:var(--color-divider)}.uptime-bars span.up{background:var(--color-success)}.uptime-bars span.down{background:var(--color-danger)}.timeline{display:grid;gap:.75rem}.timeline-item{padding-left:.75rem;border-left:2px solid var(--color-divider)}.checkboxes{display:grid;gap:.4rem;border:0;margin:0;padding:0}.checkboxes label{display:flex;align-items:center;gap:.55rem;min-height:40px;font-weight:400}.checkboxes input{width:auto;min-height:1.1rem}.back-link{color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--color-text)}@media(max-width:800px){.app-shell--console{grid-template-columns:1fr}.app-menu-toggle{display:inline-flex}.app-sidebar{display:none;position:sticky;top:0;z-index:30;border-right:0;border-bottom:1px solid var(--color-divider)}.app-shell--menu .app-sidebar{display:flex}.app-content-inner{width:calc(100% - 2rem);margin:1.25rem auto 2.5rem}.component-row{grid-template-columns:auto minmax(0,1fr)}.uptime-bars{grid-column:2;width:100%}}