*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit}:root{--color-bg: #0A0A0B;--color-bg-secondary: #141416;--color-bg-tertiary: #1E1E21;--color-border: #28282B;--color-text: #F5F5F7;--color-text-secondary: #A1A1A6;--color-text-muted: #6E6E73;--color-operational: #0BB867;--color-degraded: #FF9500;--color-outage: #F43137;--color-unknown: #636366;--color-maintenance: #636366;--color-bar-good: #0BB86780;--color-bar-degraded: #FF9500cc;--color-bar-bad: #F43137cc;--color-bar-none: #63636640;--color-accent: #2772F5;--color-accent-hover: #3478F6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--max-width: 100%;--header-height: 56px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--fs-base: 16px;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base-text: 13px;--fs-lg: 15px;--fs-xl: 16px;--fs-2xl: 18px;--fs-3xl: 20px;--fs-icon: 32px;color-scheme:dark}[data-theme=light]{--color-bg: #FFFFFF;--color-bg-secondary: #F5F6F7;--color-bg-tertiary: #EDEDF0;--color-border: #D1D1D6;--color-text: #1E1E1E;--color-text-secondary: #636366;--color-text-muted: #8E8E93;--color-operational: #0BB867;--color-degraded: #FF9500;--color-outage: #F43137;--color-unknown: #8E8E93;--color-maintenance: #8E8E93;--color-bar-good: #0BB867;--color-bar-degraded: #FF9500;--color-bar-bad: #F43137;--color-bar-none: #D1D1D6;--color-accent: #2772F5;--color-accent-hover: #1A5FD6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);color-scheme:light}html{font-family:Inter,sans-serif;font-size:var(--fs-base);line-height:1.5;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-y:auto;scroll-behavior:smooth}body{margin:0;display:flex;flex-direction:column;min-height:100vh}main{flex:1}.nodes-page{width:100%;max-width:var(--max-width);margin:0 auto;padding:32px 16px 48px}@media(min-width:1200px){.nodes-page{padding-left:32px;padding-right:32px}}.nodes-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.nodes-page__heading{display:flex;flex-direction:column}.nodes-page__title{font-size:var(--fs-2xl);font-weight:700;margin-bottom:4px}.nodes-page__actions{display:flex;align-items:center;gap:12px}.nodes-page__add-btn{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 14px;font-size:var(--fs-md);font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--transition)}.nodes-page__add-btn:hover{background:var(--color-accent-hover)}.page-size-select{display:inline-flex;align-items:center;gap:8px}.page-size-select__label{font-size:var(--fs-md);color:var(--color-text-muted)}.page-size-select__control{appearance:none;-webkit-appearance:none;background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 28px 6px 10px;font-size:var(--fs-md);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23A1A1A6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 1 5 5 9 1'/></svg>");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--transition)}.page-size-select__control:hover,.page-size-select__control:focus{border-color:var(--color-text-muted);outline:none}.nodes-page__subtitle{font-size:var(--fs-md);color:var(--color-text-muted)}.nodes-table-wrap{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:auto}.nodes-table{width:100%;border-collapse:collapse;font-size:var(--fs-base-text)}.nodes-table th,.nodes-table td{padding:10px 16px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border)}.nodes-table tbody tr:last-child td{border-bottom:none}.nodes-table th{font-weight:500;font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-tertiary);position:sticky;top:0;padding:0}.nodes-table__sort-btn{width:100%;background:none;border:none;padding:10px 16px;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;transition:color var(--transition)}.nodes-table__sort-btn:hover{color:var(--color-text)}.nodes-table__sort-arrow{display:inline-block;margin-left:4px;color:var(--color-accent)}.nodes-table tbody tr{transition:background var(--transition)}.nodes-table tbody tr:hover{background:var(--color-bg-tertiary)}.nodes-table__num{text-align:right;font-variant-numeric:tabular-nums}.nodes-table__name{font-weight:500;white-space:nowrap}.nodes-table__name>*{vertical-align:middle}.nodes-table__name .status-dot{margin-right:8px}.nodes-table__edit-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition),color var(--transition),background var(--transition)}.nodes-table tbody tr:hover .nodes-table__edit-btn,.nodes-table__edit-btn:focus-visible{opacity:1;pointer-events:auto}.nodes-table__edit-btn:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-tertiary)}.nodes-table__edit-btn:disabled{cursor:not-allowed}.nodes-table__chain a{color:inherit;text-decoration:none}.nodes-table__chain a:hover{color:var(--color-accent);text-decoration:underline}.mode-tag{display:inline-block;padding:2px 8px;font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.mode-tag--full{color:#4ade80;border-color:#4ade8059;background:#4ade8014}.mode-tag--archive{color:#818cf8;border-color:#818cf859;background:#818cf814}.mode-tag--default{color:var(--color-text-secondary)}.mode-tag--pruned{color:#fbbf24;border-color:#fbbf2459;background:#fbbf2414}.nodes-table tfoot td{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);border-bottom:none}.nodes-table__total-label{text-align:right;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.nodes-table__total-amount{font-weight:600}.account-page{width:100%;max-width:var(--max-width);margin:0 auto;padding:32px 16px;display:flex;flex-direction:column;min-height:100%}@media(min-width:1200px){.account-page{padding-left:32px;padding-right:32px}}.account-page__title{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:24px}.account-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 24px;margin-bottom:16px;max-width:720px}.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;flex:1}.billing-layout__col{min-width:0}.billing-layout__col .account-section{max-width:none}.billing-layout__col--fill{display:flex;flex-direction:column}.billing-layout__col--fill>.account-section:last-child{flex:1;margin-bottom:0}@media(max-width:900px){.billing-layout{grid-template-columns:1fr}}.account-section__title{font-size:var(--fs-lg);font-weight:600;color:var(--color-text);margin-bottom:8px}.account-section__header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.account-section__header .account-section__title{margin-bottom:0}.account-section__action{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);padding:4px 10px;font-size:var(--fs-md);font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--transition)}.account-section__action:hover{background:var(--color-accent-hover)}.account-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:var(--fs-base-text)}.account-row:last-child{border-bottom:none}.account-row__label{color:var(--color-text-secondary)}.account-row__badge{display:inline-block;margin-left:8px;padding:1px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.payment-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding-top:4px}.payment-card{position:relative;height:140px;padding:18px 22px;border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:var(--shadow-md)}.payment-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% -20%,rgba(255,255,255,.18),transparent 55%),radial-gradient(circle at -10% 110%,rgba(255,255,255,.12),transparent 50%);pointer-events:none}.payment-card--visa{background:linear-gradient(135deg,#1a1f71,#2756c2)}.payment-card--mastercard{background:linear-gradient(135deg,#c4001a,#f79e1b)}.payment-card--sepa{background:linear-gradient(135deg,#039,#06c)}.payment-card--paypal{background:linear-gradient(135deg,#003087,#009cde)}.payment-card__brand{position:relative;font-size:var(--fs-md);font-weight:600;text-transform:uppercase;letter-spacing:1px}.payment-card__identifier{position:relative;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-lg);letter-spacing:1px}.payment-card__default{position:absolute;top:14px;right:14px;padding:2px 8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#fff;z-index:1}.info-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;vertical-align:middle;color:var(--color-text-muted);cursor:help;transition:color var(--transition)}.info-icon:hover,.info-icon:focus-visible{color:var(--color-text);outline:none}.info-icon:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);min-width:160px;max-width:240px;padding:8px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text);font-size:var(--fs-xs);font-weight:400;line-height:1.4;text-align:center;text-transform:none;letter-spacing:0;white-space:normal;opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition);z-index:100}.info-icon:hover:after,.info-icon:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.account-row__value{color:var(--color-text);font-weight:500;text-align:right}.account-row__value code,.account-row__label code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);background:var(--color-bg-tertiary);padding:1px 6px;border-radius:var(--radius-sm)}.overview-page{width:100%;max-width:var(--max-width);margin:0 auto;padding:32px 16px 48px}@media(min-width:1200px){.overview-page{padding-left:32px;padding-right:32px}}.overview-page__title{font-size:var(--fs-2xl);font-weight:700;margin-bottom:24px}.overview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.overview-kpi{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 20px}.overview-kpi__label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:8px}.overview-kpi__value{font-size:28px;font-weight:700;line-height:1.1;color:var(--color-text);font-variant-numeric:tabular-nums;margin-bottom:4px;white-space:nowrap}.overview-kpi__value--alert{color:var(--color-degraded)}.overview-kpi__total{font-size:var(--fs-base-text);font-weight:500;color:var(--color-text-muted)}.overview-kpi__unit{font-size:var(--fs-lg);font-weight:500;color:var(--color-text-muted);margin-left:2px}.overview-kpi__sub{font-size:var(--fs-sm);color:var(--color-text-muted)}.overview-section-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;margin-bottom:12px}.overview-section__title{font-size:var(--fs-lg);font-weight:600;color:var(--color-text)}.overview-grid{display:flex;flex-wrap:wrap;gap:16px}.overview-grid--equal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.overview-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 20px;min-width:0}.overview-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.overview-card__title{font-size:var(--fs-md);font-weight:600;color:var(--color-text)}.overview-card__link{font-size:var(--fs-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.overview-card__link:hover{color:var(--color-accent)}.overview-card__empty{padding:16px 0;color:var(--color-text-muted);font-size:var(--fs-sm)}.overview-incidents{list-style:none;margin:0;padding:0}.overview-incidents__item+.overview-incidents__item{border-top:1px solid var(--color-border)}.overview-incidents__link{display:flex;align-items:flex-start;gap:12px;padding:10px 0;text-decoration:none;color:inherit}.overview-incidents__link .status-dot{margin-top:5px}.overview-incidents__body{min-width:0;flex:1}.overview-incidents__name{font-size:var(--fs-base-text);color:var(--color-text);margin-bottom:2px}.overview-incidents__meta{font-size:var(--fs-sm);color:var(--color-text-muted)}.chain-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.chain-bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label count" "track track";row-gap:4px;column-gap:8px;align-items:center}.chain-bar__label{grid-area:label;font-size:var(--fs-base-text);color:var(--color-text);text-decoration:none;transition:color var(--transition)}.chain-bar__label:hover{color:var(--color-accent)}.chain-bar__count{grid-area:count;font-size:var(--fs-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.chain-bar__track{grid-area:track;height:4px;background:var(--color-bg-tertiary);border-radius:999px;overflow:hidden}.chain-bar__fill{height:100%;background:var(--color-accent);border-radius:999px}.overview-forecast{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.overview-forecast__item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 18px}.overview-forecast__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:6px}.overview-forecast__value{font-size:var(--fs-xl);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.usage-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px;min-width:320px;max-width:100%}.usage-panel__stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.usage-stat__label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:8px}.usage-stat__value{font-size:32px;font-weight:700;line-height:1.1;color:var(--color-text);font-variant-numeric:tabular-nums;margin-bottom:4px;white-space:nowrap}.usage-stat__value--good{color:var(--color-operational)}.usage-stat__sub{font-size:var(--fs-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}@media(max-width:480px){.usage-panel__stats{grid-template-columns:1fr}}.page-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;max-width:var(--max-width);margin:0 auto;padding:48px 16px 12px}@media(min-width:1200px){.page-toolbar{padding-left:32px;padding-right:32px}}.page{display:flex;align-items:stretch;flex:1}.page--no-sidebar{display:block}.page__main{flex:1;min-width:0}.sidebar{flex:0 0 220px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);position:sticky;top:var(--header-height);align-self:flex-start;height:calc(100vh - var(--header-height) - 1px);overflow:hidden;transition:flex-basis .22s cubic-bezier(.4,0,.2,1),background var(--transition)}.sidebar--collapsed{flex:0 0 40px;cursor:pointer}.sidebar--collapsed:hover{background:var(--color-bg-tertiary)}.sidebar__inner{width:220px;height:100%;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;transition:opacity .16s cubic-bezier(.4,0,.2,1)}.sidebar__account{margin-top:auto;padding-bottom:8px}.sidebar--collapsed .sidebar__inner{opacity:0;pointer-events:none}.sidebar__head{display:flex;align-items:center;justify-content:flex-end;padding:0 8px 8px}.sidebar__section-title{padding:12px 20px 6px;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.sidebar__toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:background var(--transition),color var(--transition)}.sidebar__toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.sidebar__rail{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:18px;color:var(--color-text-muted);opacity:0;pointer-events:none;transition:opacity .16s cubic-bezier(.4,0,.2,1),color var(--transition)}.sidebar--collapsed .sidebar__rail{opacity:1}.sidebar--collapsed:hover .sidebar__rail{color:var(--color-text)}.sidebar__list{list-style:none;margin:0;padding:0 8px}.sidebar__item{display:block;padding:6px 11px;margin:1px 0;color:var(--color-text-secondary);text-decoration:none;font-size:var(--fs-base-text);border:1px solid transparent;border-radius:8px;transition:border-color var(--transition),color var(--transition)}.sidebar__item:hover{border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);color:var(--color-text);text-decoration:none}.sidebar__item--active{border-color:var(--color-accent);color:var(--color-text);font-weight:500}@media(max-width:768px){.page{display:block}.sidebar{position:static;flex:0 0 auto;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.sidebar--collapsed{border-bottom-color:transparent}.sidebar__inner{width:100%}}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover);text-decoration:underline}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding-inline:16px}@media(min-width:1200px){.container{padding-inline:32px}}.main-layout{padding-bottom:24px}.main-layout__chains{min-width:0;padding-top:16px}.main-layout__sidebar{min-width:0;overflow-wrap:break-word;word-break:break-word;padding-top:16px}@media(min-width:1200px){.main-layout{display:flex;gap:24px;align-items:flex-start}.main-layout__chains{flex:1 1 0%}.main-layout__sidebar{flex:0 0 400px;align-self:flex-start;position:sticky;top:var(--header-height);padding-top:0}.main-layout--stacked{display:block}.main-layout--stacked .main-layout__sidebar{position:static;padding-top:16px}}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.header__row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 16px}.header__row--top{height:var(--header-height);gap:16px}.header__row--top{position:relative}.header__search{position:absolute;inset:0;margin:auto;width:min(420px,42vw);height:32px;flex:0 0 auto}.header__search .search-trigger{width:100%;min-width:0}.header__row--filters{border-top:1px solid var(--color-border);padding-top:0;padding-bottom:0}.header__row--filters .filters{padding:8px 0;width:100%}.header__brand{display:flex;align-items:center;gap:8px;font-size:var(--fs-2xl);font-weight:600;color:var(--color-text);text-decoration:none}.header__brand-icon{height:32px;width:auto;display:block}.header__brand:hover{text-decoration:none;color:var(--color-text)}.header__right{display:flex;align-items:center;gap:16px}.header__links{display:none;align-items:center;gap:16px;font-size:var(--fs-md)}.header__links a{display:inline-flex;align-items:center;height:32px;line-height:1;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition)}.header__links a:hover{color:var(--color-text);text-decoration:none}@media(min-width:768px){.header__links{display:flex}}.header__left{display:flex;align-items:center;gap:16px}.sliding-tabs{position:relative;display:flex;gap:2px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:2px;border:1px solid var(--color-border);height:32px}.sliding-tabs__indicator{position:absolute;top:2px;left:0;height:calc(100% - 4px);background:var(--color-bg);border-radius:calc(var(--radius-md) - 3px);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:0}.sliding-tabs__btn{position:relative;z-index:1;padding:0 12px;border:none;background:none;color:var(--color-text-secondary);font-size:var(--fs-md);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition);white-space:nowrap}.sliding-tabs__btn:hover,.sliding-tabs__btn--active{color:var(--color-text)}.status-banner{padding:20px 0;text-align:center;border-bottom:1px solid var(--color-border)}.status-banner__text{font-size:var(--fs-3xl);font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot--operational{background:var(--color-operational);box-shadow:0 0 6px var(--color-operational)}.status-dot--degraded{background:var(--color-degraded);box-shadow:0 0 6px var(--color-degraded)}.status-dot--outage{background:var(--color-outage);box-shadow:0 0 6px var(--color-outage)}.status-dot--unknown{background:var(--color-unknown)}.status-dot--maintenance{background:var(--color-maintenance)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-dot--outage,.status-dot--degraded{animation:pulse 2s ease-in-out infinite}.chain-pills{display:flex;flex-wrap:wrap;gap:6px;padding:16px 0;border-bottom:1px solid var(--color-border)}.chain-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-size:var(--fs-sm);font-weight:500;color:var(--color-text-secondary);cursor:default;transition:border-color var(--transition);position:relative}.chain-pill:hover{border-color:var(--color-text-muted)}.chain-pill .status-dot{width:6px;height:6px}.chain-pill__tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;font-size:var(--fs-sm);white-space:nowrap;box-shadow:var(--shadow-md);z-index:100;pointer-events:none}.chain-pill:hover .chain-pill__tooltip{display:block}.filters{display:flex;align-items:center;gap:12px;padding:16px 0;flex-wrap:wrap}.search-trigger{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 6px 0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:var(--fs-md);cursor:text;text-align:left;transition:border-color var(--transition)}.search-trigger:hover{border-color:var(--color-text-muted)}.search-trigger:focus-visible{outline:none;border-color:var(--color-accent)}.search-trigger__placeholder{flex:1}.search-input__kbd{font-family:inherit;font-size:var(--fs-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px;user-select:none}.search-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:80px 16px 16px;animation:search-fade-in .15s ease-out}@keyframes search-fade-in{0%{opacity:0}to{opacity:1}}.search-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(640px,100%);max-height:calc(100vh - 160px);display:flex;flex-direction:column;box-shadow:var(--shadow-md);overflow:hidden;animation:search-modal-in .18s cubic-bezier(.4,0,.2,1)}@keyframes search-modal-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-modal__input{height:56px;padding:0 20px;border:none;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);font-size:var(--fs-xl);outline:none;width:100%}.search-modal__input::placeholder{color:var(--color-text-muted)}.search-modal__results{overflow-y:auto;padding:8px;min-height:80px}.search-modal__result{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--fs-base-text)}.search-modal__result:hover{background:var(--color-bg-tertiary);text-decoration:none;color:var(--color-text)}.search-modal__result-name{flex:1;font-weight:500}.search-modal__result-meta{font-size:var(--fs-sm);color:var(--color-text-muted)}.search-modal__empty{padding:32px 20px;text-align:center;color:var(--color-text-muted);font-size:var(--fs-md)}.chain-group{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden}.chain-group--loaded{animation:chain-fade-in .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes chain-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chain-group__header{display:flex;align-items:center;justify-content:space-between;padding:0;background:var(--color-bg-secondary);cursor:pointer;user-select:none;transition:background var(--transition);min-height:44px;position:relative;overflow:hidden}.chain-group__header:hover{background:var(--color-bg-tertiary)}.chain-group__left{display:flex;align-items:center;gap:10px;padding:12px 16px;flex-shrink:0;position:relative;z-index:1}.chain-group__chevron{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--transition)}.chain-group--expanded .chain-group__chevron{transform:rotate(90deg)}.chain-group__name{font-weight:600;font-size:var(--fs-lg)}.chain-group__name a{color:var(--color-text)}.chain-group__name a:hover{color:var(--color-accent);text-decoration:none}.mini-uptime{position:absolute;inset:0;display:flex;gap:0;pointer-events:none;user-select:none;opacity:.35}.mini-uptime__bar{flex:1;min-width:0;border-radius:0}.chain-group__body-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.chain-group--expanded .chain-group__body-wrapper{grid-template-rows:1fr}.chain-group__body{overflow:hidden}.chain-group--expanded .chain-group__body{border-top:1px solid var(--color-border)}.chain-group__body>div{border-bottom:1px solid var(--color-border)}.chain-group__body>div:last-child{border-bottom:none}.service-row{display:flex;align-items:center;padding:10px 16px 10px 42px;font-size:var(--fs-base-text)}.service-row__name{flex:1;display:flex;align-items:center;gap:8px}.service-row__protocol{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.service-row__network{color:var(--color-text-secondary);font-size:var(--fs-md)}.service-row__location{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-size:var(--fs-2xs);font-weight:500;color:var(--color-text-muted);text-transform:lowercase}.service-row__metrics{display:flex;align-items:center;gap:20px;font-size:var(--fs-md);color:var(--color-text-secondary)}.service-row__metric{min-width:65px;text-align:right}.uptime-chart-combo{position:relative;padding:0 16px 0 42px}.uptime-chart-combo__latency{display:block;width:100%;height:24px;margin-bottom:2px}.uptime-bars{display:flex;gap:1px;height:20px;align-items:flex-end}.uptime-bar{flex:1;min-width:2px;height:20px;border-radius:1px;position:relative;cursor:default}.uptime-bar--good{background:var(--color-bar-good)}.uptime-bar--degraded{background:var(--color-bar-degraded)}.uptime-bar--bad{background:var(--color-bar-bad)}.uptime-bar--none{background:var(--color-bar-none)}.uptime-bar__tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 10px;font-size:var(--fs-xs);white-space:nowrap;box-shadow:var(--shadow-md);z-index:100;pointer-events:none;color:var(--color-text)}.uptime-bar:hover .uptime-bar__tooltip{display:block}.uptime-bars__label{display:flex;justify-content:space-between;padding:4px 16px 8px 42px;font-size:var(--fs-xs);color:var(--color-text-muted)}.incidents-section{padding:12px 0}.incidents-section__title{font-size:var(--fs-lg);font-weight:600;margin-bottom:8px;color:var(--color-text)}.incident-item{display:block;padding:8px 0;border-bottom:1px solid var(--color-border);transition:background var(--transition)}.incident-item:last-child{border-bottom:none}.incident-item__header{display:flex;align-items:center;gap:8px}.incident-item__name{font-weight:500;font-size:var(--fs-base-text);flex:1;min-width:0}.incident-item__meta{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:2px}.incident-item__desc{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.incident-item__badge{font-size:var(--fs-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0;background:var(--color-bg-tertiary)}.incident-item__badge--operational{color:var(--color-operational)}.incident-item__badge--outage{color:var(--color-outage)}.incident-item__badge--degraded{color:var(--color-degraded)}.incident-item__badge--unknown{color:var(--color-unknown)}.incident-item__update-status{font-weight:600;font-size:var(--fs-sm)}.maintenance-item{display:block;padding:8px 0;border-bottom:1px solid var(--color-border)}.maintenance-item:last-child{border-bottom:none}.maintenance-item__header{display:flex;align-items:center;gap:8px}.maintenance-item__name{font-weight:500;font-size:var(--fs-base-text);flex:1;min-width:0}.maintenance-item__badge{font-size:var(--fs-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0}.maintenance-item__badge--scheduled{color:var(--color-maintenance);background:var(--color-bg-tertiary)}.maintenance-item__badge--in_progress{color:var(--color-degraded);background:var(--color-bg-tertiary)}.maintenance-item__badge--completed{color:var(--color-operational);background:var(--color-bg-tertiary)}.maintenance-item__desc{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.maintenance-item__meta{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:var(--fs-xs);color:var(--color-text-muted);flex-wrap:wrap}.maintenance-item__chains{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.maintenance-item__chain{padding:1px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--fs-xs);text-transform:capitalize}.incident-timeline{display:flex;flex-direction:column}.timeline-entry{display:flex;gap:16px}.timeline-entry__rail{display:flex;flex-direction:column;align-items:center;width:10px;flex-shrink:0;padding-top:5px}.timeline-entry__rail .status-dot{flex-shrink:0}.timeline-entry__line{width:2px;flex:1;background:var(--color-border);margin:4px 0}.timeline-entry__content{flex:1;padding-bottom:24px}.timeline-entry:last-child .timeline-entry__content{padding-bottom:0}.timeline-entry__header{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.timeline-entry__status{font-size:var(--fs-base-text);font-weight:600}.timeline-entry__time{font-size:var(--fs-sm);color:var(--color-text-muted)}.timeline-entry__message{font-size:var(--fs-base-text);color:var(--color-text-secondary);line-height:1.5}.footer{margin-top:auto;border-top:1px solid var(--color-border);padding:24px 0;background:var(--color-bg-secondary)}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.footer__links{display:flex;gap:16px;font-size:var(--fs-md)}.footer__badge{font-size:var(--fs-sm);color:var(--color-text-muted)}.footer__badge code{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--fs-xs)}.footer__powered{font-size:var(--fs-sm);color:var(--color-text-muted)}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 8px;cursor:pointer;color:var(--color-text-secondary);font-size:var(--fs-xl);line-height:1;transition:all var(--transition);display:flex;align-items:center}.theme-toggle:hover{border-color:var(--color-text-muted);color:var(--color-text)}.height{font-size:var(--fs-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}@media(max-width:640px){.service-row{flex-direction:column;align-items:flex-start;gap:6px;padding-left:28px}.service-row__metrics{gap:12px;font-size:var(--fs-sm)}.uptime-chart-combo,.uptime-bars__label{padding-left:28px}.filters{flex-direction:column;align-items:stretch}.search-trigger{min-width:0}.chain-pills{gap:4px}}.empty-state{padding:48px 16px;text-align:center;color:var(--color-text-muted)}.empty-state__icon{font-size:var(--fs-icon);margin-bottom:12px}.empty-state__text{font-size:var(--fs-base-text)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:80px 0}.loading-spinner__ring{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chain-list{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.chain-list--enter{animation:chain-slide-in .25s cubic-bezier(0,0,.2,1) forwards}.chain-list--exit{animation:chain-slide-out .2s cubic-bezier(.4,0,1,1) forwards}@keyframes chain-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes chain-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.login-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;max-width:360px;width:calc(100% - 32px);box-shadow:var(--shadow-md)}.login-modal__title{font-size:var(--fs-2xl);font-weight:600;margin-bottom:8px}.login-modal__text{font-size:var(--fs-base-text);color:var(--color-text-secondary);margin-bottom:20px;line-height:1.5}.login-modal__actions{display:flex;gap:8px;justify-content:flex-end}.login-modal__btn{padding:8px 16px;border-radius:var(--radius-md);font-size:var(--fs-base-text);font-weight:500;cursor:pointer;border:1px solid var(--color-border);text-decoration:none;display:inline-flex;align-items:center}.login-modal__btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.login-modal__btn--secondary:hover{color:var(--color-text)}.login-modal__btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.login-modal__btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);text-decoration:none;color:#fff}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}