:root{color-scheme:dark;--background: 0 0% 4%;--foreground: 0 0% 93%;--card: 0 0% 7%;--muted-foreground: 0 0% 64%;--border: 0 0% 15%;--primary: 0 72% 51%;--primary-foreground: 0 0% 100%;--destructive: 0 63% 54%;--success: 142 71% 45%;--warning: 38 92% 50%;--radius: .75rem;--glow-color: 0 72% 51%;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Oswald", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-family:var(--font-sans);line-height:1.5;font-weight:400;font-feature-settings:"rlig" 1,"calt" 1;color:hsl(var(--foreground));background:hsl(var(--background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{transition:background-color .3s ease,color .3s ease}body{margin:0;min-height:100vh}a{color:hsl(var(--primary));text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 100% 80% at 20% 30%,hsl(0 72% 51% / .18) 0px,transparent 60%),radial-gradient(ellipse 80% 60% at 80% 10%,hsl(0 72% 51% / .12) 0px,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 80%,hsl(0 72% 51% / .08) 0px,transparent 50%),hsl(var(--background))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1.25rem;min-height:3rem;border-bottom:1px solid hsl(var(--border) / .7);background:hsl(var(--card) / .82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.625rem;min-width:0}.brand-copy{min-width:0}.brand-title{margin:0;font-family:var(--font-display);font-size:.9375rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}.clausum-logo{display:inline-flex;align-items:flex-end;flex-shrink:0}.clausum-logo-text{font-family:var(--font-display);font-weight:900;text-transform:uppercase;line-height:1;letter-spacing:.08em;color:hsl(var(--foreground))}.clausum-logo-dot{flex-shrink:0;margin-bottom:2px;background:hsl(var(--primary));transition-property:border-radius;transition-timing-function:ease-in-out}.topbar-actions{display:flex;gap:.5rem;flex-shrink:0}.ghost-btn{border:1px solid hsl(var(--border));background:hsl(var(--card) / .9);color:hsl(var(--foreground));border-radius:calc(var(--radius) - .125rem);padding:.3rem .55rem;min-width:2rem;min-height:2rem;cursor:pointer;font:inherit;font-size:.75rem;font-weight:500;line-height:1;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.ghost-btn:hover{border-color:hsl(var(--primary) / .35);background:hsl(var(--card))}.ghost-btn:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--primary) / .45)}.container{width:min(960px,calc(100% - 2rem));margin:0 auto;padding:1.75rem 0 3rem;display:grid;gap:1.125rem}.hero{border-radius:calc(var(--radius) + .25rem);padding:1.5rem 1.625rem;border:1px solid hsl(var(--border) / .8);box-shadow:0 0 0 1px hsl(var(--border) / .35),0 1px 2px hsl(var(--foreground) / .03),0 8px 24px hsl(var(--foreground) / .04)}.banner-green{background:linear-gradient(135deg,hsl(var(--success) / .14),hsl(var(--card) / .55)),hsl(var(--card) / .72);border-color:hsl(var(--success) / .22)}.banner-amber{background:linear-gradient(135deg,hsl(var(--warning) / .16),hsl(var(--card) / .55)),hsl(var(--card) / .72);border-color:hsl(var(--warning) / .22)}.banner-red{background:linear-gradient(135deg,hsl(var(--destructive) / .16),hsl(var(--card) / .55)),hsl(var(--card) / .72);border-color:hsl(var(--destructive) / .22)}.banner-gray{background:linear-gradient(135deg,hsl(var(--muted-foreground) / .08),hsl(var(--card) / .72)),hsl(var(--card) / .82)}.hero-row{display:flex;gap:1rem;align-items:flex-start}.hero-label{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.hero-status{margin:.35rem 0 .25rem;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.05;letter-spacing:.02em;text-transform:uppercase}.hero-summary{margin:0;font-size:.9375rem;opacity:.92;max-width:52ch}.hero-meta{margin:1.125rem 0 0;padding-top:1rem;border-top:1px solid hsl(var(--border) / .55);font-size:.8125rem;color:hsl(var(--muted-foreground));display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .6rem;font-size:.6875rem;font-weight:600;letter-spacing:.02em;border:1px solid hsl(var(--border))}.pill-live{background:hsl(var(--primary) / .12);color:hsl(var(--primary));border-color:hsl(var(--primary) / .25)}.pill-muted{background:hsl(var(--card) / .85)}.panel{background:hsl(var(--card) / .88);border:1px solid hsl(var(--border) / .8);border-radius:calc(var(--radius) + .25rem);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px hsl(var(--border) / .35),0 1px 2px hsl(var(--foreground) / .03),0 8px 24px hsl(var(--foreground) / .04)}.panel-muted{padding:1.25rem 1.375rem}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid hsl(var(--border) / .75);background:hsl(var(--foreground) / .015)}.panel-head h3,.panel-muted h3{margin:0;font-family:var(--font-display);font-size:.9375rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.panel-sub{font-size:.75rem;color:hsl(var(--muted-foreground))}.component-list,.incident-list,.tips{list-style:none;margin:0;padding:0}.component-item{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid hsl(var(--border) / .65);transition:background-color .15s ease}.component-item:hover{background:hsl(var(--foreground) / .02)}.component-item:first-child{border-top:0}.component-main{display:flex;gap:.875rem;min-width:0}.component-name{margin:0;font-weight:600;font-size:.9375rem}.component-desc,.component-msg{margin:.2rem 0 0;font-size:.8125rem;color:hsl(var(--muted-foreground))}.component-msg{color:hsl(var(--foreground) / .72)}.component-side{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.badge{font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid hsl(var(--border));border-radius:999px;padding:.2rem .55rem;white-space:nowrap;background:hsl(var(--card))}.latency{font-family:var(--font-mono);font-size:.75rem;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.status-dot{width:.75rem;height:.75rem;border-radius:999px;margin-top:.35rem;flex-shrink:0}.dot-green{background:hsl(var(--success));box-shadow:0 0 0 4px hsl(var(--success) / .18)}.dot-amber{background:hsl(var(--warning));box-shadow:0 0 0 4px hsl(var(--warning) / .18)}.dot-red{background:hsl(var(--destructive));box-shadow:0 0 0 4px hsl(var(--destructive) / .18)}.dot-gray{background:hsl(var(--muted-foreground));box-shadow:0 0 0 4px hsl(var(--muted-foreground) / .14)}.text-green-950{color:#b1f2c8}.text-amber-950{color:#fbdca7}.text-red-950{color:#f8abab}.text-gray-800{color:hsl(var(--foreground) / .88)}.alert{padding:1rem 1.25rem;border-radius:var(--radius);border:1px solid hsl(var(--border))}.alert-red{background:hsl(var(--destructive) / .12);border-color:hsl(var(--destructive) / .25);color:hsl(var(--foreground))}.alert-amber{background:#f59f0a1f;border-color:#f59f0a40;color:hsl(var(--foreground))}.tips{padding-left:1.1rem;display:grid;gap:.5rem;margin-top:.75rem;color:hsl(var(--muted-foreground));font-size:.875rem}.incident-item{padding:1rem 1.25rem;border-top:1px solid hsl(var(--border) / .65)}.incident-item:first-child{border-top:0}.incident-title{margin:0;font-weight:600;font-size:.9375rem}.incident-time{margin:.35rem 0 .5rem;font-family:var(--font-mono);font-size:.75rem;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.incident-services{margin:0 0 .5rem;font-size:.8125rem;color:hsl(var(--primary));font-weight:500}.incident-msg{margin:0;font-size:.875rem;color:hsl(var(--muted-foreground));white-space:pre-wrap}.footer{margin-top:auto;padding:1.25rem 1.5rem 2rem;text-align:center;color:hsl(var(--muted-foreground));font-size:.8125rem;border-top:1px solid hsl(var(--border) / .7);background:hsl(var(--card) / .55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer p{margin:0}.footer a{color:hsl(var(--muted-foreground));font-weight:500}.footer a:hover{color:hsl(var(--primary))}@media(max-width:640px){.topbar{padding:.5rem .875rem;min-height:2.75rem}.brand{gap:.5rem}.brand-title{font-size:.8125rem;letter-spacing:.04em}.ghost-btn{padding:.25rem .45rem;min-width:1.875rem;min-height:1.875rem;font-size:.6875rem}.component-item{flex-direction:column}.component-side{flex-direction:row;align-items:center}}.page-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-tab{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--muted-foreground));border-radius:999px;padding:.45rem 1rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.page-tab:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary) / .35)}.page-tab-active{color:hsl(var(--primary-foreground));background:hsl(var(--primary));border-color:hsl(var(--primary))}.panel-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tab-row{display:flex;gap:.35rem;flex-wrap:wrap}.tab-btn{border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--muted-foreground));border-radius:.5rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;cursor:pointer}.tab-btn-active{color:hsl(var(--foreground));border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .12)}.uptime-panel{display:flex;flex-direction:column;gap:1rem}.sla-summary{margin:0}.sla-card{border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem 1.125rem;background:hsl(var(--card))}.sla-label{margin:0;font-size:.8125rem;color:hsl(var(--muted-foreground))}.sla-value{margin:.25rem 0 0;font-family:var(--font-display);font-size:2rem;letter-spacing:.02em}.sla-value.sla-ok{color:hsl(var(--success))}.sla-value.sla-breach,.uptime-percent.sla-breach{color:hsl(var(--destructive))}.uptime-percent.sla-ok{color:hsl(var(--success))}.sla-meta{margin:.35rem 0 .75rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.uptime-bars{display:flex;gap:2px;align-items:flex-end;min-height:2.5rem}.uptime-bar-wrap{position:relative;flex:1 1 0;min-width:3px;display:flex;align-items:flex-end;outline:none}.uptime-bar-wrap:focus-visible .uptime-bar{outline:2px solid hsl(var(--primary));outline-offset:1px}.uptime-bar-wrap:hover .uptime-bar-tip,.uptime-bar-wrap:focus-visible .uptime-bar-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.uptime-bar-tip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%) translateY(4px);padding:.35rem .55rem;border-radius:.375rem;background:#1f1f1f;border:1px solid hsl(var(--border));color:hsl(var(--foreground));font-size:.6875rem;line-height:1.35;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,transform .12s ease,visibility .12s;z-index:20;box-shadow:0 8px 24px #00000059}.uptime-bars-compact .uptime-bar-tip{font-size:.625rem;max-width:14rem;white-space:normal;text-align:center}.uptime-bars-compact{min-height:1.25rem}.uptime-bar{width:100%;height:2rem;border-radius:2px;background:hsl(var(--border))}.uptime-bars-compact .uptime-bar{height:.75rem}.bar-green{background:hsl(var(--success))}.bar-amber{background:hsl(var(--warning))}.bar-red{background:hsl(var(--destructive))}.bar-empty{background:hsl(var(--border));opacity:.55}.uptime-component-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.uptime-component-item{border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.75rem .875rem;background:hsl(var(--card))}.uptime-component-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.uptime-percent{margin:0;font-family:var(--font-mono);font-size:.875rem;font-weight:600}