@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{color:#dae2fd;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b1326;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:1.5;overflow-x:hidden}button{appearance:none;cursor:pointer;font:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}:focus-visible{outline-offset:2px;border-radius:.125rem;outline:2px solid #adc6ffb3}.loading-screen{z-index:200;background:#0b1326;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loading-screen__spinner{border:2px solid #adc6ff1f;border-top-color:#adc6ff;border-radius:9999px;width:36px;height:36px;animation:.75s linear infinite loading-spin}.loading-screen__message{color:#8c909f;letter-spacing:.04em;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:400}@keyframes loading-spin{to{transform:rotate(360deg)}}.badge{letter-spacing:.04em;white-space:nowrap;border:1px solid #0000;border-radius:9999px;align-items:center;font-family:JetBrains Mono,Fira Code,monospace;font-weight:500;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),filter .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.badge--sm{padding:2px 8px;font-size:11px;line-height:14px}.badge--md{padding:4px 10px;font-size:12px;line-height:16px}.badge--clickable{cursor:pointer}.badge--tag{color:#8c909f;background:0 0;border-color:#424754}.badge--tag.badge--clickable:hover{color:#adc6ff;background:#adc6ff0f;border-color:#adc6ff66}.badge--tag-active{color:#002e6a;cursor:pointer;background:#adc6ff;border-color:#adc6ff}.badge--tag-active:hover{filter:brightness(.88)}.badge--status-up{color:#4edea3;background:#4edea31a;border-color:#4edea34d}.badge--status-down{color:#ffb4ab;background:#ffb4ab1a;border-color:#ffb4ab4d}.badge--status-unknown{color:#8c909f;background:0 0;border-color:#8c909f33}.topbar{-webkit-backdrop-filter:blur(16px);background:#060e20e0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}@media (width<=640px){.topbar{height:56px;padding:0 16px}}.topbar__brand{align-items:center;gap:16px;min-width:0;display:flex}@media (width<=640px){.topbar__brand{gap:8px}}.topbar__logo{object-fit:contain;border-radius:.5rem;flex-shrink:0;width:auto;height:3rem}@media (width<=640px){.topbar__logo{height:2.5rem}}.topbar__titles{flex-direction:column;gap:1px;min-width:0;display:flex}.topbar__title{color:#dae2fd;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:17px;font-weight:600;line-height:22px;overflow:hidden}@media (width<=640px){.topbar__title{font-size:15px;line-height:20px}}.topbar__subtitle{color:#8c909f;letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;font-weight:500;line-height:14px}@media (width<=640px){.topbar__subtitle{display:none}}.topbar__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=640px){.topbar__actions{gap:4px}}.topbar__user{color:#c2c6d6;background:#222a3d99;border:1px solid #ffffff14;border-radius:.75rem;align-items:center;gap:4px;padding:6px 8px;display:flex}.topbar__user svg{flex-shrink:0;width:15px;height:15px}@media (width<=640px){.topbar__user{display:none}}.topbar__user-name{color:#c2c6d6;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:400;overflow:hidden}@media (width<=640px){.topbar__user-name{display:none}}.topbar__logout{color:#c2c6d6;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #424754;border-radius:.375rem;align-items:center;gap:4px;padding:6px 16px;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:400;transition:border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.topbar__logout svg{flex-shrink:0;width:15px;height:15px}@media (width<=640px){.topbar__logout{background:#222a3d99;border-color:#ffffff14;border-radius:9999px;padding:6px}}.topbar__logout:hover{color:#ffb4ab;background:#ffb4ab14;border-color:#ffb4ab}@media (width<=640px){.topbar__logout-label{display:none}}.tag-filter-bar{-webkit-backdrop-filter:blur(10px);background:#060e20bf;border-bottom:1px solid #ffffff14;align-items:flex-start;padding:8px 24px;display:flex}@media (width<=640px){.tag-filter-bar{padding:8px 16px}}.tag-filter-bar__list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;list-style:none;display:flex;overflow-x:auto}.tag-filter-bar__list::-webkit-scrollbar{display:none}@media (width<=640px){.tag-filter-bar__list{flex-wrap:wrap;gap:4px;padding-block:2px;overflow-x:visible}}.tag-filter-bar__separator{background:#424754;flex-shrink:0;width:1px;height:16px}@media (width<=640px){.tag-filter-bar__separator{display:none}}.tag-filter-bar__label{color:#8c909f;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-self:center;margin-right:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;font-weight:500}@media (width<=640px){.tag-filter-bar__label{display:none}}.service-group{--accent:#adc6ff;--accent-08:#adc6ff14;--accent-10:#adc6ff1a;--accent-15:#adc6ff26;--accent-20:#adc6ff33;--accent-25:#adc6ff40;background:#131b2e;border:1px solid #ffffff14;border-radius:.5rem;transition:border-color .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.service-group:has([style*=--accent]){border-color:var(--accent-20)}.service-group__header{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:#171f33;border:none;align-items:center;gap:8px;width:100%;min-height:52px;padding:8px 24px;transition:background .15s cubic-bezier(.4,0,.2,1);display:flex}.service-group__header:hover{background:#222a3d}@media (width<=640px){.service-group__header{padding:4px 16px}}.service-group__header-icon{color:var(--accent);flex-shrink:0;align-items:center;font-size:18px;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.service-group__header-title{color:#dae2fd;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;line-height:24px;overflow:hidden}@media (width<=640px){.service-group__header-title{font-size:14px}}.service-group__header-status{flex-shrink:0;align-items:center;gap:4px;display:flex}.service-group__status-pill{letter-spacing:.03em;white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;font-weight:500;display:inline-flex}.service-group__status-pill--up{color:#4edea3;background:#4edea31f}.service-group__status-pill--down{color:#ffb4ab;background:#ffb4ab24}.service-group__status-pill--checking{color:#ffb95f;background:#ffb95f1f}.service-group__status-dot{border-radius:9999px;flex-shrink:0;width:5px;height:5px}.service-group__status-dot--up{background:#4edea3;animation:2.5s ease-in-out infinite sg-pulse}.service-group__status-dot--down{background:#ffb4ab}.service-group__status-dot--checking{background:#ffb95f;animation:1s ease-in-out infinite sg-check}.service-group__header-tags{flex-wrap:nowrap;flex-shrink:1;gap:4px;display:flex;overflow:hidden}@media (width<=640px){.service-group__header-tags{display:none}}.service-group__header-chevron{color:#8c909f;flex-shrink:0;align-items:center;font-size:20px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}.service-group__header-chevron--collapsed{transform:rotate(-90deg)}.service-group__content{border-top:1px solid #ffffff14;max-height:5000px;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.service-group__content--collapsed{border-top-color:#0000;max-height:0}.service-group__grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;padding:24px;display:grid}@media (width>=768px){.service-group__grid{background:#060e2066}}@media (width<=768px){.service-group__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:16px}}@media (width<=640px){.service-group__grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px 16px}}@media (width<=360px){.service-group__grid{grid-template-columns:1fr}}.service-group__empty{color:#8c909f;text-align:center;background:#060e2066;padding:24px;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:14px}@keyframes sg-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes sg-check{0%,to{opacity:1}50%{opacity:.3}}.service-card{--accent:#adc6ff;--accent-05:#adc6ff0d;--accent-08:#adc6ff14;--accent-10:#adc6ff1a;--accent-15:#adc6ff26;--accent-20:#adc6ff33;--accent-25:#adc6ff40;--accent-35:#adc6ff59;-webkit-backdrop-filter:blur(12px);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:#171f3399;border:1px solid #ffffff14;border-radius:.5rem;flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (width<=640px){.service-card{gap:4px;padding:8px}}.service-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent-05) 0%, transparent 55%);opacity:0;pointer-events:none;transition:opacity .15s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}@media (hover:hover){.service-card:hover{border-color:var(--accent-25);box-shadow:0 8px 32px #00000059, 0 0 0 1px var(--accent-10);background:#171f33d1;transform:translateY(-2px)}.service-card:hover:before{opacity:1}.service-card:hover .service-card__icon-wrapper{background:var(--accent-15)}.service-card:hover .service-card__external-icon{color:#c2c6d6;opacity:1}}.service-card:active{border-color:var(--accent-20);background:#171f33d1;transform:scale(.97)}.service-card:active:before{opacity:1}.service-card__header{align-items:flex-start;gap:8px;display:flex}@media (width<=640px){.service-card__header{gap:4px}}.service-card__icon-wrapper{background:var(--accent-10);width:40px;height:40px;color:var(--accent);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;transition:background .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=640px){.service-card__icon-wrapper{border-radius:.25rem;width:34px;height:34px;font-size:18px}}.service-card__header-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.service-card__external-icon{color:#8c909f;opacity:.4;width:13px;height:13px;transition:opacity .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}@media (hover:none){.service-card__external-icon{opacity:.6}}.service-card__status-dot{border-radius:9999px;flex-shrink:0;width:8px;height:8px}.service-card__status-dot--up{background:#4edea3;animation:2.5s ease-in-out infinite status-pulse;box-shadow:0 0 6px #4edea399}.service-card__status-dot--down{background:#ffb4ab}.service-card__status-dot--unknown{opacity:.5;background:#8c909f}.service-card__status-dot--checking{background:#ffb95f;animation:1s ease-in-out infinite status-check}.service-card__body{flex-direction:column;flex:1;gap:3px;display:flex}.service-card__name{color:#dae2fd;white-space:nowrap;text-overflow:ellipsis;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}@media (width<=640px){.service-card__name{font-size:13px;line-height:18px}}.service-card__description{color:#c2c6d6;white-space:nowrap;text-overflow:ellipsis;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}@media (width<=640px){.service-card__description{display:none}}.service-card__tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}@media (width<=640px){.service-card__tags{display:none}}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 6px #4edea399}50%{opacity:.7;box-shadow:0 0 10px #4edea340}}@keyframes status-check{0%,to{opacity:1}50%{opacity:.35}}.dashboard-page{background-color:#0b1326;background-image:radial-gradient(60% 50% at 15% 0,#adc6ff0e 0%,#0000 70%),radial-gradient(50% 40% at 85% 100%,#4edea30a 0%,#0000 70%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;overflow-x:hidden}.dashboard-page__header{z-index:100;position:sticky;top:0}.dashboard-page__main{padding-top:24px;padding-bottom:40px;width:100%;max-width:1600px;margin:0 auto;padding-inline:24px}@media (width<=768px){.dashboard-page__main{padding-inline:16px}}@media (width<=640px){.dashboard-page__main{padding-top:16px;padding-inline:8px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}}.dashboard-page__groups{flex-direction:column;gap:24px;display:flex}@media (width<=640px){.dashboard-page__groups{gap:16px}}.dashboard-page__empty{color:#8c909f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 0;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:14px;display:flex}.auth-error{color:#dae2fd;text-align:center;background:#0b1326;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;font-family:Geist,system-ui,-apple-system,sans-serif;display:flex}.auth-error__message{color:#ffb4ab;max-width:400px;font-size:14px}.auth-error__retry{color:#c2c6d6;cursor:pointer;background:0 0;border:1px solid #424754;border-radius:.375rem;min-height:44px;padding:8px 24px;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:14px;transition:all .15s cubic-bezier(.4,0,.2,1)}.auth-error__retry:hover{color:#adc6ff;border-color:#adc6ff}.monitoring-bar{background:#131b2e;border:1px solid #ffffff14;border-radius:.5rem;margin-bottom:24px;transition:border-color .25s cubic-bezier(.4,0,.2,1);overflow:hidden}@media (width<=640px){.monitoring-bar{margin-bottom:16px}}.monitoring-bar--has-down{border-color:#ffb4ab47}.monitoring-bar--has-down .monitoring-bar__header{background:#ffb4ab0f}.monitoring-bar__header{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:#171f33;border:none;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 24px;transition:background .15s cubic-bezier(.4,0,.2,1);display:flex}.monitoring-bar__header:hover{background:#222a3d}@media (width<=640px){.monitoring-bar__header{padding:4px 16px}}.monitoring-bar__icon{color:#8c909f;flex-shrink:0;font-size:16px}.monitoring-bar__title{letter-spacing:.06em;text-transform:uppercase;color:#8c909f;white-space:nowrap;flex-shrink:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;font-weight:500}.monitoring-bar__stats{flex-wrap:wrap;flex:1;align-items:center;gap:16px;display:flex}@media (width<=640px){.monitoring-bar__stats{gap:8px}}.monitoring-bar__stat{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:5px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:500;display:inline-flex}.monitoring-bar__stat--up{color:#4edea3}.monitoring-bar__stat--down{color:#ffb4ab}.monitoring-bar__stat--checking{color:#ffb95f}.monitoring-bar__chevron{color:#8c909f;flex-shrink:0;align-items:center;font-size:20px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}.monitoring-bar__chevron--open{transform:rotate(90deg)}.monitoring-bar__dot{border-radius:9999px;flex-shrink:0;width:7px;height:7px;display:inline-block}.monitoring-bar__dot--up{background:#4edea3;animation:2.5s ease-in-out infinite mon-pulse;box-shadow:0 0 5px #4edea38c}.monitoring-bar__dot--down{background:#ffb4ab}.monitoring-bar__dot--checking{background:#ffb95f;animation:1s ease-in-out infinite mon-check}.monitoring-bar__content{border-top:1px solid #ffffff14;max-height:800px;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.monitoring-bar__content--collapsed{border-top-color:#0000;max-height:0}.monitoring-bar__list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 8px;padding:8px 16px 16px;list-style:none;display:grid}@media (width<=640px){.monitoring-bar__list{grid-template-columns:1fr;gap:8px;padding:16px 8px}}.monitoring-bar__item{background:#171f338c;border:1px solid #ffffff14;border-radius:.375rem;align-items:center;gap:4px;padding:5px 8px;transition:background .15s cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.monitoring-bar__item:hover{background:#222a3da6}}.monitoring-bar__item--up .monitoring-bar__item-name{color:#c2c6d6}.monitoring-bar__item--down{background:#ffb4ab0f}.monitoring-bar__item--down .monitoring-bar__item-name{color:#dae2fd;font-weight:500}.monitoring-bar__item--checking{border-left-color:#ffb95f}.monitoring-bar__item-name{color:#c2c6d6;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:400;overflow:hidden}.monitoring-bar__item-group{color:#8c909f;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:10px}@keyframes mon-pulse{0%,to{opacity:1;box-shadow:0 0 5px #4edea38c}50%{opacity:.7;box-shadow:0 0 8px #4edea333}}@keyframes mon-check{0%,to{opacity:1}50%{opacity:.3}}
