:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#0b111c;--color-surface:#111c2b;--color-surface-subtle:#19283b;--color-surface-hover:#24364b;--color-text:#edf2fa;--color-text-secondary:#a8b7cc;--color-text-tertiary:#98abc4;--color-border:#304157;--color-control-border:#6d839f;--color-primary:#a9cfff;--color-primary-hover:#c5deff;--color-on-primary:#0b1c32;--color-primary-subtle:#1c3350;--color-focus:#a9cfff;--color-ok:#7be0b0;--color-ok-subtle:#15352c;--color-warn:#ffcf75;--color-warn-subtle:#362d1d;--color-critical:#ff9b9e;--color-critical-subtle:#38232d;--color-recovered:#b6c1d1;--color-recovered-subtle:#233044;--color-no-data:#a8b7cc;--color-no-data-subtle:#223043;--color-chart-1:#a9cfff;--color-chart-2:#c8b6f3;--color-chart-3:#7bddd6;--color-chart-grid:#304157;--color-category-host:#c8b6f3;--color-category-service:#a9cfff;--color-scrim:#000000a3;--shadow-sm:0 2px 5px #00000014;--shadow-md:0 8px 24px #00000026;--shadow-lg:0 24px 64px #00000040;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--line-body:1.6;--line-heading:1.3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--icon-size:20px;--control-size:44px;--sidebar-width:224px;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.25s;--ease-out:cubic-bezier(.2, .8, .2, 1);--bg:var(--color-background);--surface:var(--color-surface);--text:var(--color-text);--muted:var(--color-text-secondary);--border:var(--color-border);--accent:var(--color-primary);--ok:var(--color-ok);--warn:var(--color-warn);--bad:var(--color-critical)}@keyframes view-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes busy-pulse{50%{opacity:.3}}.route-view{min-width:0;min-height:min(640px,70dvh);animation:view-enter var(--duration-normal) var(--ease-out)}.content-reveal,.wf-details,details[open]>.disclosure-content{animation:view-enter var(--duration-normal) var(--ease-out)}.presence{opacity:1;transition:opacity var(--duration-fast), transform var(--duration-fast) var(--ease-out);transform:translateY(0)}.presence[data-visible=false]{opacity:0;animation:none;transform:translateY(-2px)}.loading-state{margin-block:var(--space-4)}.loading-caption{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-4);display:block}.skeleton-layout{border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton-layout:after{content:"";background:linear-gradient(90deg, transparent, var(--color-surface-hover), transparent);opacity:.35;pointer-events:none;animation:1.8s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}.skeleton{border-radius:var(--radius-sm);background:var(--color-surface-subtle);min-height:12px;display:block}.skeleton-heading{gap:var(--space-3);padding-block:var(--space-2) var(--space-6);display:grid}.skeleton-heading .skeleton:first-child{width:40%;height:28px}.skeleton-heading .skeleton:last-child{width:60%}.skeleton-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.loading-detail .skeleton-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-stats>div{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.skeleton-label{width:55%;margin-bottom:var(--space-4)}.skeleton-value{width:72%;height:32px}.skeleton-stat{width:65%;height:1.3em}.skeleton-collection{margin-bottom:var(--space-8);background:var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;overflow:hidden}.skeleton-collection>div{padding:var(--space-5) var(--space-6);border:0;border-radius:0}.skeleton-collection .skeleton-label{height:calc(var(--text-xs) * var(--line-body));margin-bottom:var(--space-3)}.skeleton-collection .skeleton-value{height:calc(clamp(var(--text-xl), 2vw, var(--text-3xl)) * var(--line-heading))}.skeleton-section{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.skeleton-section>span:first-child{height:calc(var(--text-lg) * var(--line-heading));width:40%}.skeleton-section>span:last-child{height:calc(var(--text-sm) * var(--line-body));width:60%}.skeleton-table{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.skeleton-table>div{gap:var(--space-5);padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr;min-height:80px;display:grid}.skeleton-table>div:last-child{border:0}.skeleton-table .skeleton{align-self:center}.skeleton-table>div:first-child{background:var(--color-background);min-height:52px}.skeleton-form{gap:var(--space-5);max-width:680px;padding-block:var(--space-2);display:grid}.skeleton-input{height:var(--control-size);border:1px solid var(--border)}.skeleton-charts{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.skeleton-chart{border:1px solid var(--border);background:var(--surface);height:280px}.loading-wallboard .skeleton-stats>div{min-height:200px}.button-progress{border-radius:var(--radius-pill);background:currentColor;width:32%;height:2px;animation:1s ease-in-out infinite busy-pulse;position:absolute;bottom:4px}.nav-drawer{border:0;border-right:1px solid var(--border);width:min(336px,100% - 32px);max-width:none;height:100dvh;max-height:none;color:var(--text);background:var(--surface);box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--duration-fast), transform var(--duration-normal) var(--ease-out), display var(--duration-normal) allow-discrete, overlay var(--duration-normal) allow-discrete;margin:0;padding:0;position:fixed;inset:0 auto 0 0;transform:translate(-16px)}.nav-drawer[open]{opacity:1;transform:translate(0)}.nav-drawer::backdrop{background:var(--color-scrim);opacity:0;transition:opacity var(--duration-normal), display var(--duration-normal) allow-discrete, overlay var(--duration-normal) allow-discrete}.nav-drawer[open]::backdrop{opacity:1}details::details-content{opacity:0;transition:opacity var(--duration-normal), content-visibility var(--duration-normal) allow-discrete}details[open]::details-content{opacity:1}@starting-style{.nav-drawer[open]{opacity:0;transform:translate(-16px)}.nav-drawer[open]::backdrop{opacity:0}details[open]::details-content{opacity:0}}@media (width<=768px){.skeleton-stats,.loading-detail .skeleton-stats{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.loading-wallboard .skeleton-stats{grid-template-columns:1fr}.loading-wallboard .skeleton-stats>div{min-height:140px}.skeleton-stats>div{padding:var(--space-4)}.skeleton-collection{gap:1px}}.tone-neutral{--tone:var(--color-text-secondary);--tone-subtle:var(--color-surface-subtle)}.tone-accent{--tone:var(--color-primary);--tone-subtle:var(--color-primary-subtle)}.tone-ok{--tone:var(--color-ok);--tone-subtle:var(--color-ok-subtle)}.tone-warn{--tone:var(--color-warn);--tone-subtle:var(--color-warn-subtle)}.tone-critical{--tone:var(--color-critical);--tone-subtle:var(--color-critical-subtle)}.page-title-line{align-items:center;gap:var(--space-3);display:flex}.page-icon{width:44px;height:44px;color:var(--accent);background:var(--color-primary-subtle);border:1px solid var(--border);border-radius:var(--radius-md);flex:none;place-items:center;display:grid}.page-description{max-width:64ch;color:var(--muted);font-size:var(--text-sm);margin:var(--space-3) 0 0}.signal-panel{gap:var(--space-6);padding:var(--space-6);margin-block:var(--space-6);background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--tone);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.signal-panel:has(.signal-aside){grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.signal-panel-main{align-items:flex-start;gap:var(--space-5);min-width:0;display:flex}.signal-beacon{border:1px solid var(--tone);background:var(--tone-subtle);width:56px;height:56px;color:var(--tone);border-radius:50%;flex:none;place-items:center;display:grid}.signal-beacon>span{background:currentColor;border-radius:50%;width:18px;height:18px}.tone-warn .signal-beacon>span{border-radius:2px;width:15px;height:15px;transform:rotate(45deg)}.tone-critical .signal-beacon>span{border-radius:3px}.tone-neutral .signal-beacon>span{background:0 0;border:2px solid}.signal-copy{flex:1;min-width:0}.signal-panel .signal-label{color:var(--muted);font-size:var(--text-xs);margin:0 0 var(--space-2);letter-spacing:.04em}.signal-panel h2{font-size:clamp(var(--text-lg), 1.6vw, var(--text-xl));margin:0;line-height:1.6}.signal-description{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-3);max-width:66ch}.signal-description p{margin:var(--space-2) 0 0}.signal-actions{align-items:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.signal-aside{justify-content:center;gap:var(--space-4);border-left:1px solid var(--border);padding-left:var(--space-6);flex-direction:column;min-width:0;display:flex}.signal-aside .stats{margin:0}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-8) 0 var(--space-4);flex-wrap:wrap;display:flex}.section-heading h2{font-size:var(--text-lg);margin:0}.section-heading p{font-size:var(--text-sm);color:var(--muted);margin:var(--space-2) 0 0;max-width:64ch}.section-heading-extra{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;display:flex}.section-count{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-subtle);color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.stat-signal{background:var(--tone);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.tone-warn>dt .stat-signal{border-radius:1px;transform:rotate(45deg)}.tone-critical>dt .stat-signal{border-radius:0}.meter{width:100%;min-width:88px;font-size:var(--text-sm)}.meter-label{justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.meter-label>span{color:var(--muted)}.meter-label strong{font-variant-numeric:tabular-nums;font-weight:600}.meter-track{background:var(--color-surface-hover);border-radius:var(--radius-pill);height:5px;overflow:hidden}.meter-track>span{background:var(--tone);border-radius:inherit;height:100%;display:block}.meter-missing{border:1px dashed var(--border);background:0 0}.health-distribution{gap:var(--space-3);display:grid}.health-distribution-row{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.health-distribution-row>strong{font-family:var(--font-mono);font-size:var(--text-lg)}.identity{align-items:center;gap:var(--space-3);display:flex}.identity .icon{color:var(--muted)}.identity-meta{color:var(--muted);font-size:var(--text-xs);font-weight:400;display:block}.resource-link-list{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.workspace-split{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);display:grid}.workspace-split>*,.settings-sections>*,.install-workspace>*,.map-workspace>*{min-width:0}.workspace-split .section-heading:first-child{margin-top:0}.workspace-split .card>.section-heading:first-child{margin-bottom:var(--space-5)}.context-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.context-panel h2{margin:0 0 var(--space-4);font-size:var(--text-base)}.context-panel>p{color:var(--muted);font-size:var(--text-sm)}.context-panel .meter+.meter{margin-top:var(--space-5)}.context-panel .context-links{gap:var(--space-2);margin-top:var(--space-5);border-top:1px solid var(--border);padding-top:var(--space-4);font-size:var(--text-sm);display:grid}.context-links a{justify-content:space-between;gap:var(--space-3);text-decoration:none}.context-links a:hover{text-decoration:underline}.context-links .icon{width:16px}.overview .problem{border-left:3px solid var(--tone,var(--warn))}.overview .overview-summary{color:var(--text)}.overview .problem-title{margin-block:var(--space-3)}.overview .problem-list{gap:var(--space-5)}.map-workspace{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(220px,.3fr);align-items:start;display:grid}.map-surface{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);min-width:0;overflow:hidden}.map-surface .map-legend{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);margin:0}.map-surface .service-map-chart{border:0;border-radius:0}.map-context .map-problems{font-size:var(--text-sm);margin:0;line-height:1.8}.map-context .map-problems[role=status]{border-left-color:var(--warn);background:var(--color-warn-subtle)}.traces .filters,.trace-detail .signal-panel{margin-top:0}.trace-facts{gap:var(--space-4);grid-template-columns:1fr 1fr;margin:0;display:grid}.trace-facts dt{color:var(--muted);font-size:var(--text-xs)}.trace-facts dd{font-size:var(--text-lg);margin:var(--space-1) 0 0;font-variant-numeric:tabular-nums;font-weight:600}.trace-detail .wf-track{background:repeating-linear-gradient(to right, var(--border) 0 1px, var(--color-background) 1px 25%);height:16px}.trace-detail .wf-toggle>.icon{width:14px;height:14px;transition:transform var(--duration-normal) var(--ease-out);transform:rotate(-90deg)}.trace-detail .wf-toggle[aria-expanded=true]>.icon{transform:rotate(0)}.incident-queue .problem{gap:var(--space-3) var(--space-5);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) minmax(130px,.35fr);align-items:start;display:grid}.incident-queue .problem .problem-title{margin:0 0 var(--space-2)}.incident-queue .problem .problem-title a{min-height:var(--control-size)}.incident-queue .problem .problem-impact{font-size:var(--text-sm);padding-left:var(--space-5);border-left:1px solid var(--border)}.incident-detail .incident-main{gap:var(--space-5);display:grid}.incident-detail .incident-main>.card>h2{font-size:var(--text-base)}.incident-detail .signal-panel{margin:0}.settings-sections{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.settings-sections>.settings-panel{margin:0}.settings-sections>.settings-panel:last-child{grid-column:1/-1}.panel-heading{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.panel-heading>.icon{color:var(--accent)}.panel-heading h2{font-size:var(--text-lg);margin:0}.panel-description{color:var(--muted);font-size:var(--text-sm);margin:0 0 var(--space-5);max-width:64ch}.alerts-workspace{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);align-items:start;display:grid}.alerts-workspace>.settings-panel{margin:0}.rules-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.rules-grid>.rule-form{margin:0}.rules-grid>.rule-form:last-child:nth-child(odd){grid-column:1/-1}.rule-form .rule-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.rule-heading h3{font-size:var(--text-sm);margin:0}.rule-heading .rule-type{margin-bottom:var(--space-2);color:var(--accent);font-size:var(--text-base);font-weight:600;display:block}.rule-form .parameter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.usage-overview{gap:var(--space-6);margin-block:var(--space-6);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.usage-overview>.signal-panel{margin:0}.usage-overview>.usage-policy{max-width:none}.allowance-value{color:var(--text);font-size:clamp(var(--text-2xl), 2.5vw, var(--text-3xl));margin-block:var(--space-3) var(--space-5);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-weight:650;display:block}.usage-workspace .chart-grid{grid-template-columns:1fr;margin:0}.usage-workspace .table-scroll{max-height:520px}.usage-workspace .table th{position:sticky;top:0}.install-progress{margin:var(--space-6) 0;gap:var(--space-3);counter-reset:install-progress;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.install-progress li{counter-increment:install-progress;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.install-progress li:before{content:counter(install-progress, decimal-leading-zero);font-family:var(--font-mono);color:var(--accent);font-size:var(--text-lg)}.install-progress li[aria-current=step]{border-color:var(--accent);background:var(--color-primary-subtle)}.install-workspace{gap:var(--space-6);grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);align-items:start;display:grid}.install-workspace .stack-form{max-width:none}.install-workspace .stack-form>.section-heading{margin:0}.install-commands>.section-heading,.install-commands .install-steps{margin-top:0}.install-receive{margin-top:var(--space-6)}.install-receive h2{margin-top:0}@media (width<=1400px){.alerts-workspace,.map-workspace{grid-template-columns:minmax(0,1fr)}.map-context{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.map-context .context-links{border:0;margin:0;padding:0}}@media (width<=1100px){.workspace-split,.usage-overview,.install-workspace{grid-template-columns:minmax(0,1fr)}.signal-panel:has(.signal-aside){grid-template-columns:minmax(0,1fr)}.signal-aside{padding-left:0;padding-top:var(--space-5);border-left:0;border-top:1px solid var(--border)}.incident-queue .problem{grid-template-columns:auto minmax(0,1fr)}.incident-queue .problem .problem-impact{border:0;grid-column:2;margin:0;padding:0}}@media (width<=768px){.settings-sections,.rules-grid,.map-context{grid-template-columns:minmax(0,1fr)}.settings-sections>.settings-panel:last-child,.rules-grid>.rule-form:last-child:nth-child(odd){grid-column:auto}.signal-panel{padding:var(--space-5);gap:var(--space-5)}.signal-panel-main{gap:var(--space-3)}.signal-beacon{width:40px;height:40px}.signal-beacon>span{width:14px;height:14px}.signal-copy h2{font-size:var(--text-lg)}.context-panel{padding:var(--space-5)}.install-progress{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.install-progress li{padding-block:var(--space-3)}.incident-queue .problem{grid-template-columns:minmax(0,1fr)}.incident-queue .problem .problem-impact{grid-column:auto}}*{box-sizing:border-box}html{scroll-padding-block:var(--space-6);scrollbar-gutter:stable}body{font:var(--text-base)/var(--line-body) var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{color:var(--text);line-height:var(--line-heading);text-wrap:balance}h1{font-size:clamp(var(--text-xl), 2.2vw, var(--text-2xl));letter-spacing:-.035em}h2{font-size:var(--text-lg);margin:var(--space-8) 0 var(--space-4)}h3{font-size:var(--text-base)}p{margin:var(--space-3) 0}a{min-height:var(--control-size);min-width:var(--control-size);color:var(--accent);text-underline-offset:4px;align-items:center;text-decoration-thickness:1px;display:inline-flex}a:hover{text-decoration:underline}button,select,input,textarea{font:inherit;color:var(--text)}button,select,summary,a{-webkit-tap-highlight-color:var(--color-primary-subtle);touch-action:manipulation}button,select,summary{cursor:pointer}button,input:not([type=checkbox]),select,textarea{border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--surface);min-height:var(--control-size);padding:var(--space-2) var(--space-3);max-width:100%}button{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--control-size);font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast), box-shadow var(--duration-normal), opacity var(--duration-fast);font-weight:600;display:inline-flex;position:relative}button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--accent)}button:active:not(:disabled),a:active{background-color:var(--color-primary-subtle);opacity:.8}button:disabled,input:disabled,select:disabled,fieldset:disabled{cursor:not-allowed;color:var(--muted)}button:disabled,input:disabled,select:disabled{background:var(--color-surface-subtle);border-style:dashed}input:read-only,textarea:read-only{background:var(--color-surface-subtle)}input,select,textarea{min-width:0;accent-color:var(--accent)}input[type=checkbox]{width:20px;height:20px;margin:0 var(--space-2) 0 0;flex-shrink:0}label:has(input[type=checkbox]){min-height:var(--control-size);padding:var(--space-2);align-items:center;gap:var(--space-1);display:inline-flex}textarea{resize:vertical;width:100%;min-height:112px}fieldset{min-width:0}legend{margin-bottom:var(--space-2);font-weight:600}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}:where(input,select,textarea):focus-visible{outline-offset:2px}:where(a,button,input,select,textarea,summary){scroll-margin-block:var(--space-6)}code,pre{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.875em}summary{min-height:var(--control-size);padding:var(--space-2) 0}.icon{width:var(--icon-size);height:var(--icon-size);vertical-align:middle;flex-shrink:0;display:inline-block}.small{font-size:var(--text-sm)}.resource-alert-status,.host-reporting-status>small,.host-usage>small{font-size:var(--text-xs);margin-top:var(--space-1);display:block}.host-reporting-status .badge{white-space:normal}.table tr.host-inactive,.host-cards .host-inactive,.hosts-page .signal-panel.tone-neutral{background:var(--color-no-data-subtle);border-color:var(--color-no-data)}.host-cards{gap:var(--space-4);display:grid}.host-cards .section-heading{margin-top:0}.host-card-values{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.muted{color:var(--muted)}.center{max-width:480px;padding:var(--space-6);text-align:center;margin:20vh auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-4);z-index:20;background:var(--surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.button-primary,.cta,button[type=submit]:not(.link-button){background:var(--accent);color:var(--color-on-primary);border-color:var(--accent)}.button-primary:hover:not(:disabled),.cta:hover:not(:disabled),button[type=submit]:not(.link-button):hover:not(:disabled),.button-primary:active:not(:disabled),.cta:active:not(:disabled),button[type=submit]:not(.link-button):active:not(:disabled){background:var(--color-primary-hover);color:var(--color-on-primary)}.button-danger{color:var(--bad);border-color:var(--bad);background:var(--color-critical-subtle)}.button-danger:hover:not(:disabled){color:var(--bad);border-color:var(--bad);background:var(--color-surface-hover)}:is(.button-primary,.cta,button[type=submit]):disabled{background:var(--color-surface-subtle);color:var(--muted);border-color:var(--border)}.link-button{color:var(--accent);padding-inline:var(--space-2);text-align:left;background:0 0;border-color:#0000}.stack,.stack-form{gap:var(--space-4);display:grid}.stack label,.stack-form label,.parameter-grid label,.field{gap:var(--space-2);font-size:var(--text-sm);font-weight:500;display:grid}.stack input,.stack select,.stack-form input,.stack-form select{width:100%}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--bad)}input:autofill{box-shadow:0 0 0 1000px var(--color-surface-subtle) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}.layout{background:var(--bg);min-height:100dvh;color:var(--text);display:flex}.sidebar{width:var(--sidebar-width);padding:max(var(--space-8), env(safe-area-inset-top)) var(--space-4) max(var(--space-6), env(safe-area-inset-bottom));background:var(--surface);border-right:1px solid var(--border);gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.desktop-sidebar{align-self:flex-start;height:100dvh;position:sticky;top:0;overflow-y:auto}.mobile-sidebar{border:0;width:100%;min-height:100%}.sidebar-brand{justify-content:space-between;align-items:center;gap:var(--space-3);padding-inline:var(--space-3);margin-bottom:var(--space-6);display:flex}.brand{align-items:center;gap:var(--space-2);font-size:var(--text-xl);letter-spacing:-.04em;color:var(--text);font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius-md);background:var(--accent);width:34px;height:34px;color:var(--color-on-primary);place-items:center;display:grid}.nav-group{gap:var(--space-1);display:grid}.nav-group+.nav-group{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.nav-group-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0 var(--space-3) var(--space-2);letter-spacing:.06em;font-weight:600}.sidebar a:not(.brand){align-items:center;gap:var(--space-3);min-height:var(--control-size);padding:var(--space-2) var(--space-3);color:var(--muted);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:color var(--duration-fast), background var(--duration-fast);text-decoration:none;display:flex}.sidebar a:hover{background:var(--color-surface-subtle);color:var(--text)}.sidebar a.active{color:var(--accent);background:var(--color-primary-subtle);box-shadow:inset 3px 0 var(--accent);font-weight:650}.sidebar-note{padding:var(--space-8) var(--space-3) 0;color:var(--color-text-tertiary);font-size:var(--text-xs);margin-top:auto}.sidebar-note .icon{margin-right:var(--space-2)}.main{flex:1;min-width:0}.banner{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-8);background:var(--color-primary-subtle);border-bottom:1px solid var(--border);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.banner-label{align-items:center;gap:var(--space-2);color:var(--accent);font-weight:650;display:inline-flex}.banner a{min-height:var(--control-size);align-items:center;font-weight:600;display:inline-flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-8) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface);min-height:72px;display:flex}.topbar-context{font-size:var(--text-sm);color:var(--muted)}.topbar-actions{justify-content:flex-end;align-items:center;gap:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.topbar-actions label{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;display:flex}.topbar-actions a{min-height:var(--control-size);align-items:center;display:inline-flex}.menu-button,.topbar-brand{display:none}.content{padding:var(--space-8);overflow-wrap:anywhere;max-width:1600px;margin:0 auto}.content:focus{outline:none}.layout[data-keyboard=true] .content:focus-visible:not([data-route-focus]){outline:2px solid var(--color-focus);outline-offset:-2px}body:has(.nav-drawer[open]){overflow:hidden}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-heading{min-width:0}.topbar-context{overflow-wrap:anywhere;min-width:0}.page-heading h1{margin:0}.page-meta{font-size:var(--text-sm);margin-top:var(--space-2)}.page-header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header-actions label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;display:inline-flex}.back-link{min-height:var(--control-size);margin-bottom:var(--space-2);font-size:var(--text-sm);align-items:center;display:inline-flex}.card,.settings-panel,.rule-form,.problem,.chart-grid figure,.charts>section,.relation{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);min-width:0}.card>h2:first-child,.settings-panel>h2:first-child,.rule-form>h3:first-child,.relation>h2,.charts>section>h2{margin-top:0}.settings-panel,.rule-form{margin-bottom:var(--space-6)}.rule-form{background:var(--color-background);box-shadow:none;padding:var(--space-5)}.rule-form fieldset{border:0;margin:0;padding:0}.rule-form fieldset>label:not(:has(input[type=checkbox])){gap:var(--space-2);margin:0 var(--space-4) var(--space-3) 0;display:inline-grid}.stats{margin:var(--space-6) 0;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:1px;display:grid;overflow:hidden}.stats>div{padding:var(--space-5) var(--space-6);background:var(--surface);min-width:0}.stats dt{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);display:flex}.stats dd{color:var(--tone);font-size:clamp(var(--text-xl), 2vw, var(--text-3xl));letter-spacing:-.035em;font-weight:650;line-height:var(--line-heading);margin:var(--space-3) 0 0;font-variant-numeric:tabular-nums}.stats .tone-neutral dd{color:var(--text)}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;max-width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{color:var(--muted);background:var(--color-background);white-space:nowrap;font-weight:600}.table th,.table td{padding:var(--space-4) var(--space-5);text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover,.table tbody tr:focus-within{background:var(--color-surface-subtle)}.table td a{min-height:var(--control-size);align-items:center;font-weight:500;display:inline-flex}.table .num,.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.badge,.status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;color:var(--color-no-data);background:var(--color-no-data-subtle);font-weight:650;display:inline-flex}.badge:before,.status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-ok,.status-ok{color:var(--ok);background:var(--color-ok-subtle)}.badge-resolved{color:var(--color-recovered);background:var(--color-recovered-subtle)}.badge-resolved:before,.badge-no_data:before,.status-no_data:before{background:0 0;border:1px solid}.badge-degraded,.status-degraded,.badge-open,.badge-kind-slow,.badge-kind-traffic_drop,.badge-kind-host_resource{color:var(--warn);background:var(--color-warn-subtle)}.badge-degraded:before,.status-degraded:before,.badge-open:before,[class*=badge-kind-]:before{border-radius:1px;transform:rotate(45deg)}.badge-down,.status-down,.badge-kind-failing{color:var(--bad);background:var(--color-critical-subtle)}.badge-down:before,.status-down:before,.badge-kind-failing:before{border-radius:0}.feedback{align-items:center;gap:var(--space-4);padding:var(--space-6);margin:var(--space-4) 0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:flex}.empty-state{padding-block:var(--space-12);text-align:center;color:var(--muted);flex-direction:column}.empty-state .icon{width:32px;height:32px}.empty-state p{max-width:40em;margin:0}.error-state,p[role=alert]{color:var(--bad);background:var(--color-critical-subtle);border:1px solid var(--bad);border-radius:var(--radius-md);padding:var(--space-4)}.error-state{flex-wrap:wrap}.field-error{color:var(--bad);font-size:var(--text-sm);margin:0}.error-state button{margin-left:auto}.notice,.secret,p[role=status]:not(.center){padding:var(--space-4) var(--space-5);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--color-primary-subtle)}.status-box{padding:var(--space-6);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-lg);background:var(--surface)}.status-box-ok{border-left-color:var(--ok);background:var(--color-ok-subtle)}.status-box-degraded{border-left-color:var(--warn);background:var(--color-warn-subtle)}.status-box-down{border-left-color:var(--bad);background:var(--color-critical-subtle)}.eyebrow{font-size:var(--text-sm);color:var(--muted);margin:var(--space-8) 0 var(--space-4);font-weight:600}.status-box .eyebrow{margin:0 0 var(--space-3)}.overview-summary{font-size:var(--text-xl);margin:0;font-weight:650;line-height:1.65}.overview-summary .badge{vertical-align:middle;margin-right:var(--space-2)}.problem-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.problem{overflow-wrap:anywhere}.problem p{margin:var(--space-2) 0}.problem-title{font-size:var(--text-lg);font-weight:600;line-height:var(--line-body)}.problem-impact{font-size:var(--text-sm);font-weight:600}.problem-links{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.problem-links a,.inline-link{min-height:var(--control-size);font-size:var(--text-sm);align-items:center;display:inline-flex}.incident-detail{gap:var(--space-6);display:grid}.event-timeline{padding:0 0 0 var(--space-4);border-left:2px solid var(--border);margin:0;list-style:none}.event-timeline li{padding:var(--space-3) 0 var(--space-3) var(--space-3);overflow-wrap:anywhere;position:relative}.event-timeline li:before{content:"";background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:22px;left:-22px}.install-steps{gap:var(--space-4);padding-left:var(--space-6);display:grid}.install-steps>li{padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.install-steps>li::marker{color:var(--accent);font-weight:650}.usage-policy{max-width:72ch}.row-problem td:first-child{box-shadow:inset 3px 0 var(--bad)}.chart-grid,.charts,.relations{gap:var(--space-5);margin-block:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.chart-grid figure{margin:0}.chart-grid figcaption{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-4)}.chart{width:100%;height:228px}.chart-empty{min-height:228px;margin:0}.chart-data{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-xs)}.chart-data .table-scroll{max-height:280px}.chart-data summary{font-weight:500}.chart-data.advanced{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);box-shadow:none}.chart-data .disclosure-content{padding-block:var(--space-2)}.map-loading .skeleton-chart{height:520px}.relation ul,.record-list{overflow-wrap:anywhere;margin:0;padding:0;list-style:none}.relation li,.record-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.relation li:last-child,.record-list li:last-child{border-bottom:0}.relation a{min-height:var(--control-size);align-items:center;display:inline-flex}.relation-numbers{color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;display:block}.advanced{margin-top:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.advanced>summary{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:600;list-style:none;display:flex}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary .icon{transition:transform var(--duration-normal) var(--ease-out)}.advanced[open]>summary .icon{transform:rotate(180deg)}.disclosure-content{padding-block:var(--space-2);min-width:0}.attributes>div{gap:var(--space-4);padding:var(--space-2) 0;grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.attributes dd{margin:0}.filters{align-items:end;gap:var(--space-4);padding:var(--space-5);margin:var(--space-5) 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;display:flex}.filters label{gap:var(--space-2);min-width:0;font-size:var(--text-sm);flex:150px;font-weight:500;display:grid}.filters select{width:100%}.stack-form{max-width:680px}.inline-form{align-items:end;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.inline-form>label{gap:var(--space-2);min-width:0;max-width:100%;font-size:var(--text-sm);display:inline-grid}.inline-form input{width:100%}.parameter-grid{gap:var(--space-4);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));display:grid}.secret{margin:var(--space-4) 0;overflow-wrap:anywhere}.secret pre{white-space:pre-wrap;word-break:break-all}.command{padding:var(--space-5);background:var(--color-surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.inline-link{margin-right:var(--space-2)}.map-problems{font-weight:600}.service-map-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);touch-action:pan-y;width:100%;height:520px}.map-legend{gap:var(--space-2) var(--space-5);margin:var(--space-4) 0;font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.map-legend li{align-items:center;gap:var(--space-2);display:inline-flex}.map-legend path{fill:var(--surface);stroke:var(--ok)}.map-legend .legend-problem{fill:var(--warn);stroke:var(--warn)}.trace-summary p{margin:var(--space-1) 0}.h1-code{font-size:.7em;font-weight:500}.waterfall{background:var(--surface);min-width:720px}.wf-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);grid-template-columns:minmax(260px,38%) 1fr 90px;display:grid}.wf-head{font-size:var(--text-sm);color:var(--muted);background:var(--color-background);min-height:52px;font-weight:600}.wf-failed{background:var(--color-critical-subtle)}.wf-open{background:var(--color-primary-subtle)}.wf-name{align-items:center;gap:var(--space-2);min-width:0;display:flex}.wf-toggle{text-align:left;color:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:start;min-width:0;padding-inline:0;overflow:hidden}.wf-service{font-weight:650}.wf-step{font-family:var(--font-mono);font-size:var(--text-xs)}.wf-tag{padding:var(--space-1) var(--space-2)}.wf-track{background:var(--color-surface-subtle);border-radius:var(--radius-sm);height:12px;position:relative}.wf-bar{background:var(--accent);border-radius:var(--radius-sm);min-width:2px;position:absolute;inset-block:0}.wf-failed .wf-bar{background:var(--bad)}.wf-duration{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.wf-details{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--color-background)}.wf-details h3,.wf-details h4{margin:var(--space-3) 0 var(--space-2)}.wf-events{padding-left:var(--space-5)}.auth-page{width:min(440px, calc(100% - var(--space-8)));padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow-wrap:anywhere;margin:clamp(24px,8vh,96px) auto}.auth-brand{margin-bottom:var(--space-8)}.auth-page h1{margin:0 0 var(--space-6)}.auth-page h2{margin:0 0 var(--space-2);font-size:var(--text-xl)}.auth-page .stack>button[type=submit]{margin-top:var(--space-2)}.auth-page{animation:view-enter var(--duration-slow) var(--ease-out)}.auth-page p{font-size:var(--text-sm)}.auth-page>p a,.auth-page>a{min-height:var(--control-size);align-items:center;display:inline-flex}.landing{max-width:1280px;padding:0 var(--space-10);overflow-wrap:anywhere;margin:0 auto}.landing-top{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:96px;padding-block:var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.landing-top-actions{gap:var(--space-5);font-size:var(--text-sm);align-items:center;display:flex}.landing-top-actions a{min-height:var(--control-size);align-items:center;display:inline-flex}.hero-grid{align-items:center;gap:var(--space-12);padding:var(--space-16) 0;grid-template-columns:1.05fr 1fr;display:grid}.hero{padding-block:var(--space-8)}.hero .eyebrow{color:var(--accent);align-items:center;gap:var(--space-2);margin:0 0 var(--space-5);display:inline-flex}.hero h1{letter-spacing:-.045em;max-width:14em;margin:0 0 var(--space-6);font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.35}.hero-body{font-size:var(--text-lg);max-width:32em;margin:0 0 var(--space-8);color:var(--muted);line-height:1.85}.cta{border-radius:var(--radius-md);min-height:52px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);box-shadow:var(--shadow-sm)}.hero .small{max-width:30em}.preview{min-width:0;position:relative}.preview figure{margin:0}.preview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.preview .preview-card{border-top:2px solid var(--accent)}.preview-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);font-size:var(--text-xs);display:flex}.preview-toolbar .brand{font-size:var(--text-sm)}.preview-inner{padding:var(--space-6)}.preview-status{align-items:center;gap:var(--space-2);font-weight:650;font-size:var(--text-sm);color:var(--warn);background:var(--color-warn-subtle);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-5);display:flex}.preview-map{align-items:center;gap:var(--space-2);padding:var(--space-5) 0 var(--space-8);display:flex}.preview-node{text-align:center;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-3) var(--space-2);background:var(--color-primary-subtle);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);flex:1}.preview-node:last-child{background:var(--color-critical-subtle);border-color:var(--bad);color:var(--bad)}.preview-map>.icon{color:var(--muted);width:16px}.preview-problem{gap:var(--space-2);border-left:3px solid var(--bad);padding-left:var(--space-4);font-size:var(--text-sm);display:grid}.preview-problem strong{color:var(--bad)}.preview figcaption{text-align:center;margin-top:var(--space-4);font-size:var(--text-xs)}.features{padding:var(--space-12) 0;border-top:1px solid var(--border)}.features h2{font-size:var(--text-2xl);margin:0 0 var(--space-8);letter-spacing:-.025em}.feature-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.feature{padding:var(--space-6) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.feature-icon{width:40px;height:40px;color:var(--accent);background:var(--color-primary-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-5);place-items:center;display:grid}.feature h3{font-size:var(--text-base);margin:0 0 var(--space-3)}.feature p,.landing-notes p{font-size:var(--text-sm);color:var(--muted);margin:0;line-height:1.85}.landing-notes{gap:var(--space-12);padding:var(--space-8) 0 var(--space-12);grid-template-columns:1fr 1fr;display:grid}.landing-notes h2{margin:0 0 var(--space-4)}.hero-bottom{padding:var(--space-10);border-radius:var(--radius-xl);background:var(--color-primary-subtle);justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.hero-bottom h2{font-size:var(--text-xl);max-width:24em;margin:0}.landing-footer{border-top:1px solid var(--border);padding:var(--space-6) 0 var(--space-8);font-size:var(--text-xs)}@media (width>=1600px){.content{padding:var(--space-10)}}@media (width<=1100px){.topbar-context{display:none}.topbar{justify-content:flex-end}.hero-grid{gap:var(--space-8)}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.hero-grid{padding:var(--space-8) 0 var(--space-12);grid-template-columns:1fr}.hero{padding-bottom:0}.hero h1{max-width:18em}.preview{width:100%;max-width:640px;margin:0 auto}}@media (width<=768px){.layout{display:block}.desktop-sidebar{display:none}.main{width:100%}.topbar{justify-content:start;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.menu-button{display:inline-flex}.topbar-brand{margin-right:auto;font-weight:700;display:inline-flex}.topbar-actions{justify-content:flex-start;gap:var(--space-3);width:100%}.topbar-actions label{flex-wrap:wrap}input,select,textarea{font-size:var(--text-base)}.topbar-context{display:none}.banner{padding:var(--space-3) var(--space-4);gap:var(--space-1)}.content{padding:var(--space-6) var(--space-4) max(var(--space-8), env(safe-area-inset-bottom))}.card,.settings-panel,.problem,.chart-grid figure,.charts>section,.relation{padding:var(--space-5)}.page-header{align-items:start}.page-header-actions{width:100%}.table th,.table td{white-space:nowrap;padding:var(--space-3) var(--space-4)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div:last-child:nth-child(odd){grid-column:1/-1}.stats>div{padding:var(--space-4)}.stats dd{overflow-wrap:anywhere}.attributes>div{gap:var(--space-1);grid-template-columns:1fr}.service-map-chart,.map-loading .skeleton-chart{height:560px}.landing{padding-inline:var(--space-5)}.landing-top{min-height:80px}.landing-top-actions{gap:var(--space-3)}.landing-notes{gap:var(--space-6);grid-template-columns:1fr}.hero-bottom{padding:var(--space-6)}}@media (width<=480px){.auth-page{padding:var(--space-6)}.feature-grid{gap:var(--space-3);grid-template-columns:1fr}.hero h1{font-size:2rem}.preview-inner{padding:var(--space-4)}.preview-map{gap:var(--space-1)}.preview-map>.icon{width:12px}.preview-node{padding-inline:var(--space-1)}.banner-label{width:100%}.filters{padding:var(--space-4)}.landing-top-actions{justify-content:space-between;width:100%}}@media (orientation:landscape) and (width<=1000px){.content,.topbar,.banner,.landing{padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{scroll-behavior:auto!important;transition:none!important;animation:none!important}::details-content{scroll-behavior:auto!important;transition:none!important;animation:none!important}.presence[data-visible=false]{display:none}}