:root{--primary: #4838d1;--primary-light: #9487f1;--primary-dim: rgba(72, 56, 209, .15);--primary-glow: rgba(72, 56, 209, .35);--accent: #f77a55;--accent-dim: rgba(247, 122, 85, .15);--bg: #0f0f29;--bg-2: #1c1c4d;--bg-3: #2e2e5d;--border: #494974;--border-soft: rgba(73, 73, 116, .5);--text-1: #ffffff;--text-2: #b8b8c7;--text-3: #6a6a8b;--green: #22c55e;--green-dim: rgba(34, 197, 94, .12);--green-glow: rgba(34, 197, 94, .25);--red: #ef4444;--red-dim: rgba(239, 68, 68, .12);--red-glow: rgba(239, 68, 68, .25);--yellow: #f59e0b;--yellow-dim: rgba(245, 158, 11, .12);--day-good: #4838d1;--day-warn: #f59e0b;--day-bad: #ef4444;--day-empty: rgba(73, 73, 116, .4);font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-1);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.aurora{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:500px;border-radius:50%;filter:blur(140px);opacity:.12;pointer-events:none;z-index:0;transition:background 1.5s ease}.aurora--operational{background:radial-gradient(ellipse,#4838d1,#22c55e 70%)}.aurora--partial_outage{background:radial-gradient(ellipse,#4838d1,#f59e0b 70%)}.aurora--major_outage{background:radial-gradient(ellipse,#4838d1,#ef4444 70%)}.header{position:sticky;top:0;z-index:20;background:#0f0f29d9;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--border-soft)}.header__inner{max-width:920px;margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between}.header__brand{display:flex;align-items:center;gap:12px}.header__logo-wrap{width:36px;height:36px;border-radius:10px;background:var(--primary-dim);border:1px solid rgba(72,56,209,.3);display:flex;align-items:center;justify-content:center;font-size:1.1rem;filter:drop-shadow(0 0 8px var(--primary-glow))}.header__title{font-size:1rem;font-weight:800;color:var(--text-1);letter-spacing:-.02em}.header__pill{font-size:.65rem;font-weight:700;background:var(--primary-dim);color:var(--primary-light);border:1px solid rgba(72,56,209,.3);border-radius:20px;padding:2px 10px;text-transform:uppercase;letter-spacing:.08em}.header__meta{display:flex;align-items:center;gap:10px}.header__updated{font-size:.72rem;color:var(--text-3);font-weight:500}.header__refresh{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-soft);background:var(--bg-2);color:var(--text-2);font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.header__refresh:hover{background:var(--bg-3);color:var(--text-1);border-color:var(--border)}.header__refresh--spinning{animation:spin .8s linear infinite}.main{flex:1;position:relative;z-index:1;max-width:920px;width:100%;margin:0 auto;padding:40px 24px 72px;display:flex;flex-direction:column;gap:28px}.banner{border-radius:18px;border:1px solid;padding:22px 28px;display:flex;align-items:center;gap:18px;animation:fadeUp .45s ease both}.banner--green{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,var(--bg-2) 100%);border-color:#22c55e40}.banner--yellow{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,var(--bg-2) 100%);border-color:#f59e0b40}.banner--red{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,var(--bg-2) 100%);border-color:#ef444440}.banner__icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;font-weight:900}.banner--green .banner__icon{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.3)}.banner--yellow .banner__icon{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(245,158,11,.3)}.banner--red .banner__icon{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.3)}.banner__text{display:flex;flex-direction:column;gap:3px}.banner__label{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;color:var(--text-1)}.banner__sub{font-size:.82rem;color:var(--text-2);font-weight:500}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;animation:fadeUp .45s .06s ease both}.stat{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:16px;padding:20px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:border-color .2s}.stat:hover{border-color:var(--border)}.stat__value{font-size:2rem;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--text-1)}.stat__value--green{color:var(--green);text-shadow:0 0 24px var(--green-glow)}.stat__value--red{color:var(--red);text-shadow:0 0 24px var(--red-glow)}.stat__value--muted{color:var(--text-3)}.stat__value--purple{color:var(--primary-light);text-shadow:0 0 24px var(--primary-glow)}.stat__label{font-size:.67rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;font-weight:600;line-height:1.3}.legend{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--text-3);font-weight:500;padding:0 2px}.legend__range{white-space:nowrap}.legend__items{display:flex;align-items:center;gap:14px}.legend__dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}.legend__dot--good{background:var(--day-good)}.legend__dot--warn{background:var(--day-warn)}.legend__dot--bad{background:var(--day-bad)}.legend__dot--empty{background:var(--day-empty);border:1px solid var(--border)}.groups{display:flex;flex-direction:column;gap:20px}.group{animation:fadeUp .45s ease both}.group__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 4px}.group__icon{font-size:.8rem;color:var(--primary-light)}.group__name{font-size:.68rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;flex:1}.group__badge{font-size:.65rem;font-weight:700;padding:2px 9px;border-radius:20px;letter-spacing:.03em}.group__badge--ok{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.2)}.group__badge--issue{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.2)}.group__rows{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:16px;overflow:hidden}.service-row{display:flex;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--border-soft);transition:background .15s;animation:fadeIn .4s ease both}.service-row:last-child{border-bottom:none}.service-row:hover{background:var(--bg-3)}.service-row__left{display:flex;align-items:center;gap:10px;width:185px;flex-shrink:0;min-width:0}.service-row__name{font-size:.84rem;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-row__rt{font-size:.65rem;padding:1px 6px;border-radius:5px;font-weight:700;flex-shrink:0}.rt--fast{background:var(--green-dim);color:var(--green)}.rt--ok{background:var(--yellow-dim);color:var(--yellow)}.rt--slow{background:var(--red-dim);color:var(--red)}.service-row__right{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.service-row__uptime{font-size:.72rem;font-weight:700;color:var(--text-3);width:44px;text-align:right;flex-shrink:0}.status-dot{position:relative;width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.status-dot--up{background:var(--green);box-shadow:0 0 7px var(--green-glow)}.status-dot--unknown{background:var(--text-3)}.status-dot--down{background:var(--accent);box-shadow:0 0 7px #f77a5566}.status-dot__ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid var(--accent);opacity:.5;animation:ring-pulse 1.6s ease-out infinite}.uptime-bars{position:relative;flex:1;display:flex;gap:2px;align-items:stretch;height:28px;min-width:0}.uptime-bar{flex:1;border-radius:3px;cursor:default;transition:transform .1s,opacity .1s;min-width:0}.uptime-bar--good{background:var(--day-good);opacity:.8}.uptime-bar--warn{background:var(--day-warn)}.uptime-bar--bad{background:var(--day-bad)}.uptime-bar--empty{background:var(--day-empty)}.uptime-bar:hover{transform:scaleY(1.18);opacity:1}.uptime-tooltip{position:fixed;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:7px 11px;font-size:.7rem;color:var(--text-1);white-space:nowrap;pointer-events:none;z-index:100;font-weight:600;box-shadow:0 8px 32px #00000080}.loading{display:flex;align-items:center;gap:12px;color:var(--text-3);font-size:.82rem;font-weight:600;justify-content:center;padding:60px 0}.loading__spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.footer{position:relative;z-index:1;max-width:920px;width:100%;margin:0 auto;padding:18px 24px;border-top:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--text-3);font-weight:500}.footer__sep{margin:0 4px;opacity:.4}.footer__link{color:var(--text-3);text-decoration:none;transition:color .15s}.footer__link:hover{color:var(--primary-light)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ring-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2.4);opacity:0}}@media (max-width: 700px){.header__inner{padding:0 16px}.header__pill{display:none}.main{padding:28px 16px 56px;gap:20px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:16px 12px 14px}.stat__value{font-size:1.6rem}.service-row{padding:12px 14px;gap:10px}.service-row__left{width:140px}.legend__items{display:none}.footer{flex-direction:column;gap:3px;align-items:flex-start;padding:14px 16px}}@media (max-width: 420px){.stats{grid-template-columns:repeat(2,1fr)}.service-row__left{width:120px}.service-row__name{font-size:.76rem}}