:root{--ink:#061944;--muted:#59688d;--line:#dfe6f2;--blue:#0874f9;--pink:#f40752;--green:#10b85a;--green-dark:#009b46;--amber:#d97800;--maintenance:#0874f9;--unknown:#667085;--red:#d9363e;--surface:hsla(0,0%,100%,.38);--glass-border:hsla(0,0%,100%,.56);--glass-shadow:0 24px 64px rgba(6,25,68,.14);--radius-panel:14px;--radius-item:12px;background:#fff;color:var(--ink);font-family:Quicksand,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{background:radial-gradient(circle at 2% 12%,rgba(244,7,82,.2),transparent 15rem),radial-gradient(circle at 96% 17%,rgba(8,116,249,.2),transparent 21rem),radial-gradient(circle at 52% 74%,rgba(16,184,90,.12),transparent 18rem),linear-gradient(180deg,#fff,#f7fbff 52%,#fff);margin:0;min-height:100vh;min-width:320px}button{font:inherit}.status-shell{min-height:100svh;overflow-x:hidden;padding:clamp(12px,1.6vh,20px) 24px clamp(12px,2vh,24px);position:relative}.hero{--pulse-rgb:16,184,90;--status-color:var(--green-dark);display:grid;min-height:clamp(116px,16vh,144px);padding:clamp(10px,1.5vh,18px) 0;place-items:center;position:relative}.hero-inner{align-items:center;display:grid;gap:6px;grid-template-columns:1fr;justify-content:center;margin:0 auto;position:relative;text-align:center;width:min(860px,100%);z-index:2}.brand-logo-wrap{animation:logoFloat 5s ease-in-out infinite;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);background:hsla(0,0%,100%,.34);border:1px solid hsla(0,0%,100%,.68);border-radius:50%;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.84),0 12px 26px rgba(244,7,82,.12);display:grid;height:clamp(46px,4.6vw,58px);justify-self:center;place-items:center;width:clamp(46px,4.6vw,58px)}.brand-logo-wrap img{max-height:82%;-o-object-fit:contain;object-fit:contain;width:82%}.hero h1{color:var(--ink);font-size:clamp(1.58rem,2.45vw,2.18rem);letter-spacing:0;line-height:1.08;margin:0 0 12px;text-align:center}.hero-copy{display:grid;justify-items:center}.status-pill{align-items:center;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);background:rgba(var(--pulse-rgb),.08);border:1px solid rgba(var(--pulse-rgb),.32);border-radius:999px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.72),0 10px 24px rgba(var(--pulse-rgb),.11);color:var(--status-color);display:inline-flex;font-size:.95rem;font-weight:800;gap:12px;padding:5px 13px}.hero.degraded{--pulse-rgb:217,120,0;--status-color:var(--amber)}.hero.maintenance{--pulse-rgb:8,116,249;--status-color:var(--maintenance)}.hero.major_outage{--pulse-rgb:217,54,62;--status-color:var(--red)}.hero.unknown{--pulse-rgb:102,112,133;--status-color:var(--unknown)}.check-icon,.mini-check{background:rgb(var(--pulse-rgb));border-radius:50%;color:#fff;display:inline-grid;font-weight:900;place-items:center}.check-icon{animation:statusPulse 2s ease-out infinite;box-shadow:0 0 0 0 rgba(var(--pulse-rgb),.3);height:23px;width:23px}.ambient{pointer-events:none;position:absolute}.ambient-pink{animation:ambientDrift 10s ease-in-out infinite;background:rgba(244,7,82,.1);border-radius:50%;height:390px;left:-150px;top:-225px;width:390px}.ambient-blue{animation:ambientDrift 12s ease-in-out infinite reverse;background:rgba(8,116,249,.09);border-radius:0 0 0 340px;height:340px;right:-96px;top:-100px;width:340px}.ambient-blue-soft{animation:ambientDrift 11s ease-in-out infinite;background:rgba(8,116,249,.07);border-radius:50%;bottom:-196px;height:300px;right:74px;width:300px}.ambient-ring{border:4px solid rgba(8,116,249,.13);height:48px;right:23%;top:4px;width:48px}.ambient-dot,.ambient-ring{border-radius:50%;position:absolute}.ambient-dot{background:rgba(244,7,82,.15);height:18px;left:14%;top:92px;width:18px}.notice{backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);background:hsla(0,0%,100%,.64);border:1px solid var(--glass-border);border-radius:var(--radius-panel);box-shadow:var(--glass-shadow);color:var(--muted);font-weight:800;margin:24px auto;padding:18px;width:min(1080px,100%)}.notice.error{border-color:rgba(217,54,62,.2);color:var(--red)}.dashboard-grid{align-items:start;gap:10px;margin:clamp(8px,1.3vh,12px) auto 0;position:relative;width:min(1080px,100%);z-index:2}.dashboard-grid,.side-column{display:grid;grid-template-columns:1fr}.panel{backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);background:linear-gradient(135deg,hsla(0,0%,100%,.54),hsla(0,0%,100%,.22)),var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-panel);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.78),var(--glass-shadow);overflow:hidden;position:relative}.panel:before{background:linear-gradient(135deg,hsla(0,0%,100%,.72),hsla(0,0%,100%,0) 38%),radial-gradient(circle at 20% 0,hsla(0,0%,100%,.38),transparent 34%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.panel>*{position:relative;z-index:1}.live-services,.overview-panel{padding:clamp(12px,1.35vw,16px)}.panel-header{align-items:center;display:flex;gap:16px;justify-content:space-between}h2{color:var(--ink);font-size:clamp(1.08rem,1.5vw,1.28rem);letter-spacing:0;line-height:1.1;margin:0}.refresh-button{backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);background:rgba(244,248,255,.58);border:1px solid hsla(0,0%,100%,.66);border-radius:999px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.75),0 10px 22px rgba(8,116,249,.08);color:var(--blue);cursor:pointer;font-weight:800;padding:8px 13px;transition:transform .16s ease,border-color .16s ease}.refresh-button:hover{border-color:rgba(8,116,249,.42);transform:translateY(-1px)}.refresh-button:disabled{opacity:.7}.service-list{display:grid;gap:7px;margin-top:11px}.service-row{--pulse-rgb:16,184,90;--status-color:var(--green-dark);align-items:center;animation:rowArrive .38s ease both;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);background:hsla(0,0%,100%,.58);border:1px solid rgba(214,224,241,.86);border-radius:var(--radius-item);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.76),0 6px 18px rgba(6,25,68,.04);color:var(--ink);display:grid;gap:14px;grid-template-columns:54px minmax(0,1fr) auto;min-height:clamp(46px,6vh,52px);padding:8px 13px}.service-icon{background:rgba(232,242,255,.8);border:1px solid hsla(0,0%,100%,.58);border-radius:11px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.72);color:var(--blue);display:grid;height:34px;place-items:center;width:34px}.service-icon.website{background:rgba(233,246,255,.72)}.service-icon.web-app{background:rgba(232,243,255,.72)}.service-icon.api{background:rgba(231,243,255,.7)}.service-icon.database{background:rgba(237,244,255,.7)}.service-icon.payments{background:rgba(235,248,255,.72)}.service-icon.messaging{background:rgba(238,246,255,.72)}.service-icon.email{background:rgba(235,247,255,.72)}.service-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;height:22px;width:22px}.service-name{min-width:0}.service-name strong{color:var(--ink);display:block;font-size:.98rem;font-weight:700}.service-name small{color:var(--muted);display:block;font-size:.8rem;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-status{align-items:center;color:var(--status-color);display:inline-flex;font-weight:700;gap:9px}.service-row.degraded{--pulse-rgb:217,120,0;--status-color:var(--amber)}.service-row.maintenance{--pulse-rgb:8,116,249;--status-color:var(--maintenance)}.service-row.major_outage{--pulse-rgb:217,54,62;--status-color:var(--red)}.service-row.unknown{--pulse-rgb:102,112,133;--status-color:var(--unknown)}.mini-check{animation:statusPulse 2.2s ease-out infinite;box-shadow:0 0 0 0 rgba(var(--pulse-rgb),.24);font-size:.78rem;height:21px;width:21px}.panel-foot{align-items:center;color:#425276;display:inline-flex;font-size:.94rem;font-weight:800;gap:9px;margin-top:10px}.clock-icon{color:var(--blue);display:grid;height:22px;place-items:center;width:22px}.clock-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;height:20px;width:20px}.overview-grid{display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.metric-box{backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);background:hsla(0,0%,100%,.32);border:1px solid hsla(0,0%,100%,.66);border-radius:var(--radius-item);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.68);display:grid;gap:3px;justify-items:center;min-height:clamp(66px,8.6vh,78px);padding:8px 7px 7px;text-align:center}.metric-icon{background:rgba(232,242,255,.78);border-radius:50%;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.78),0 8px 18px rgba(8,116,249,.08);color:var(--blue);display:grid;height:24px;place-items:center;width:24px}.metric-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;height:15px;width:15px}.metric-box>span{color:var(--muted);font-size:.72rem;font-weight:700}.metric-box strong{color:var(--ink);font-size:clamp(.92rem,1.55vw,1.16rem);line-height:1}@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(var(--pulse-rgb),.32)}70%{box-shadow:0 0 0 9px rgba(var(--pulse-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--pulse-rgb),0)}}@keyframes pillGlow{0%,to{box-shadow:0 10px 24px rgba(16,184,90,.11);transform:translateY(0)}50%{box-shadow:0 14px 30px rgba(16,184,90,.18);transform:translateY(-1px)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ambientDrift{0%,to{transform:translateZ(0)}50%{transform:translate3d(8px,6px,0)}}@keyframes rowArrive{0%{opacity:0}to{opacity:1}}@media (min-width:1081px) and (min-height:720px){body{overflow:hidden}.status-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100svh;padding-bottom:6px;padding-top:6px}.hero{min-height:132px;padding:5px 0 6px}.hero-inner{gap:3px}.brand-logo-wrap{height:42px;width:42px}.hero h1{font-size:1.58rem;margin-bottom:10px}.status-pill{padding:4px 12px}.dashboard-grid{align-self:start}.live-services,.overview-panel{padding:10px}.service-list{gap:6px;margin-top:9px}}@media (max-width:760px){.status-shell{padding:18px 12px 28px}.hero{min-height:auto;padding:34px 0 28px}.hero-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.dashboard-grid{width:100%}.service-row{grid-template-columns:1fr;justify-items:start}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.overview-grid{grid-template-columns:1fr}.live-services,.overview-panel{padding:20px}}

/*# sourceMappingURL=app.css.map*/