.hero-card{display:grid;grid-template-columns:auto 1fr auto;grid-gap:1.75rem;gap:1.75rem;align-items:center;position:relative;overflow:hidden;margin-bottom:1.5rem}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 90% at 100% 0,var(--glow-ambient),transparent 65%);opacity:.35;pointer-events:none}.uptime-ring{position:relative;flex-shrink:0}.uptime-ring-track{stroke:var(--bg-elevated-2)}.uptime-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.uptime-ring-label .v{font-family:var(--font-mono);font-size:1.25rem;font-weight:650;letter-spacing:-.02em}.uptime-ring-label .l{font-family:var(--font-mono);font-size:.625rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.ring-tick{stroke:var(--text-faint);stroke-width:1.5}.uptime-scale-label{font-family:var(--font-mono);font-size:6.5px;fill:var(--text-faint);text-transform:uppercase;letter-spacing:.02em}.uptime-bar{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.uptime-bar-track{fill:var(--bg-elevated-2)}.uptime-axis-line{stroke:var(--border-hover);stroke-width:1}.uptime-bar-value{display:flex;align-items:baseline;gap:.4rem;font-family:var(--font-mono)}.uptime-bar-value .v{font-size:1.0625rem;font-weight:650;letter-spacing:-.02em}.uptime-bar-value .l{font-size:.625rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.uptime-value-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;flex-shrink:0;min-width:4.5rem;font-family:var(--font-mono)}.uptime-value-badge .v{font-size:1.5rem;font-weight:650;letter-spacing:-.02em}.uptime-value-badge .l{font-size:.625rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.line-chart-gridline{stroke:var(--border-hover);stroke-width:1;stroke-dasharray:2 2}.hero-mid{min-width:0;position:relative}.hero-name{font-size:1.375rem;font-weight:650;letter-spacing:-.01em;margin-bottom:.35rem}.hero-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.8438rem;color:var(--text-muted);margin-bottom:1.1rem}.hero-status .dot{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 16%,transparent)}.hero-status.down .dot{background:var(--down);box-shadow:0 0 0 3px color-mix(in srgb,var(--down) 16%,transparent)}.sparkline-row{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}.sparkline-figures{display:flex;gap:1.6rem}.sparkline-figures .n{font-family:var(--font-mono);font-size:1.0625rem;font-weight:650}.sparkline-figures .l{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.hero-actions{display:flex;flex-direction:column;gap:.5rem;position:relative}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,10.5rem);justify-content:center;grid-gap:1.1rem;gap:1.1rem;margin-bottom:1.5rem}.cat-card{padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.7rem}.cat-icon{width:34px;height:34px;border-radius:8px;background:color-mix(in srgb,var(--chart) 14%,transparent);color:var(--chart);display:flex;align-items:center;justify-content:center}.cat-card:nth-child(2n) .cat-icon{background:color-mix(in srgb,var(--chart-alt) 14%,transparent);color:var(--chart-alt)}.cat-card:nth-child(2n) .cat-bar span{background:var(--chart-alt)}.cat-count{font-size:1.5rem;font-weight:650;letter-spacing:-.02em}.cat-count,.cat-label{font-family:var(--font-mono)}.cat-label{font-size:.75rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.cat-bar{height:4px;border-radius:999px;background:var(--bg-elevated-2);overflow:hidden}.cat-bar span{display:block;height:100%;background:var(--chart);border-radius:999px}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.chip{font-family:inherit;font-size:.8125rem;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);display:inline-flex;align-items:center;gap:.4rem;background:none;cursor:pointer}.chip:hover{border-color:var(--border-hover);color:var(--text)}.chip.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}.chip .x{color:var(--text-faint)}.theme-preset-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.theme-preset-chip{font-family:inherit;font-size:.8125rem;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);display:inline-flex;align-items:center;gap:.5rem;background:none;cursor:pointer}.theme-preset-chip:hover{border-color:var(--border-hover);color:var(--text)}.theme-preset-chip.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}.theme-preset-swatches{display:inline-flex;gap:2px}.theme-preset-swatches span{width:10px;height:10px;border-radius:50%;display:inline-block}.device-list{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.device-row{display:grid;grid-template-columns:.7rem 1.6rem 1fr auto auto 6rem 4.5rem 4.5rem 4.5rem;align-items:center;grid-gap:.9rem;gap:.9rem;padding:.8rem 1.1rem;font-size:.8438rem}.device-item+.device-item,.device-row+.device-row,.device-row.head+.device-item{border-top:1px solid var(--bg-elevated-2)}summary.device-row{cursor:pointer;list-style:none}summary.device-row::-webkit-details-marker{display:none}.device-item[open]>summary.device-row,summary.device-row:hover{background:var(--bg-elevated-2)}.device-chevron{width:.7rem;height:.7rem;border-right:1.5px solid var(--text-faint);border-bottom:1.5px solid var(--text-faint);transform:rotate(-45deg) translate(-.1rem,-.1rem);transition:transform .15s ease}.device-item[open]>summary.device-row .device-chevron{transform:rotate(45deg) translate(-.05rem,-.15rem)}.device-detail{background:var(--bg-elevated-2);border-top:1px solid var(--border);padding:.65rem 1.1rem .9rem}.device-detail-row{display:grid;grid-template-columns:minmax(4.5rem,1.1fr) minmax(4rem,.9fr) 6rem minmax(5rem,1fr) minmax(5rem,1fr) 4.5rem 4.5rem 4.5rem;align-items:center;grid-gap:.9rem;gap:.9rem;padding:.4rem 0;font-size:.8125rem}.device-detail-row .badge{justify-self:start}.device-detail-row.head{font-family:var(--font-mono);color:var(--text-faint);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.device-detail-dur,.device-detail-source{color:var(--text-muted)}.device-detail-dur{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.device-list-note{color:var(--text-faint);font-size:.75rem;line-height:1.5;margin-top:.6rem;max-width:80ch}.device-row.head{font-family:var(--font-mono);color:var(--text-faint);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.6rem}.device-row:nth-child(2n) .device-icon{background:color-mix(in srgb,var(--chart-alt) 14%,transparent);color:var(--chart-alt)}.device-icon{width:26px;height:26px;border-radius:7px;background:color-mix(in srgb,var(--chart) 14%,transparent);color:var(--chart);display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-name{font-weight:500}.device-cat{color:var(--text-muted);font-size:.75rem}.device-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.device-lastseen,.device-num{font-family:var(--font-mono);color:var(--text-muted)}.device-lastseen{font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.source-dots{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.source-dot-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.6875rem;color:var(--text-muted);cursor:default}.source-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.source-dot-up{background:var(--up)}.source-dot-down{background:var(--down)}.source-dot-neutral{background:var(--no-data)}.isp-banner{border-color:var(--down);background:color-mix(in srgb,var(--down) 8%,var(--bg-elevated));margin-bottom:1.5rem}.isp-banner-title{font-size:.9375rem;font-weight:650;color:var(--down);margin-bottom:.35rem}.outage-card{border-color:color-mix(in srgb,var(--down) 30%,var(--border));margin-bottom:1.5rem}.outage-list{display:flex;flex-direction:column;gap:.15rem}.outage-row{display:grid;grid-template-columns:1.6rem 1fr auto;align-items:center;grid-gap:.9rem;gap:.9rem;padding:.55rem .6rem;border-radius:var(--radius-sm);font-size:.8438rem;color:var(--text);text-decoration:none}.outage-row:hover{background:var(--bg-elevated-2)}.outage-icon-dot{width:7px;height:7px;border-radius:50%;background:var(--down);justify-self:center}.outage-icon{width:26px;height:26px;border-radius:7px;background:color-mix(in srgb,var(--down) 16%,transparent);color:var(--down);display:flex;align-items:center;justify-content:center;flex-shrink:0}.outage-device{font-weight:500}.outage-client{color:var(--text-muted);font-size:.75rem;text-align:right}.leaderboard-card{margin-bottom:1.5rem}.leaderboard-list{display:flex;flex-direction:column;gap:.15rem}.leaderboard-row{display:grid;grid-template-columns:.5rem 1fr auto 3.5rem;align-items:center;grid-gap:.9rem;gap:.9rem;padding:.55rem .6rem;border-radius:var(--radius-sm);font-size:.8438rem;color:var(--text);text-decoration:none}.leaderboard-row:hover{background:var(--bg-elevated-2)}.leaderboard-dot{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 16%,transparent)}.leaderboard-dot.down{background:var(--down);box-shadow:0 0 0 3px color-mix(in srgb,var(--down) 16%,transparent)}.leaderboard-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.leaderboard-devices{color:var(--text-faint);font-size:.75rem}.leaderboard-pct{font-family:var(--font-mono);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}@keyframes sync-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb,var(--chart) 45%,transparent)}50%{opacity:.55;box-shadow:0 0 0 4px color-mix(in srgb,var(--chart) 0%,transparent)}}@keyframes sync-row-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.sync-status{display:flex;align-items:center;gap:.45rem;font-size:.75rem;color:var(--text-muted);margin-top:.4rem}.sync-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--chart)}.sync-status-dot.pending{animation:sync-pulse 1.1s ease-in-out infinite}.sync-status-dot.ok{background:var(--up)}.sync-status-dot.error{background:var(--down)}.sync-all-log{display:flex;flex-direction:column-reverse;gap:.15rem;max-height:14rem;overflow-y:auto;margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--bg-elevated-2)}.sync-all-row{display:flex;align-items:baseline;gap:.5rem;font-size:.75rem;padding:.2rem 0;animation:sync-row-in .25s ease-out}.sync-all-row .sync-status-dot{margin-top:.2rem}.sync-all-client{font-weight:500;color:var(--text);flex-shrink:0}.sync-all-message{color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.admin-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem;margin-top:1.75rem}.admin-card{padding:1.2rem 1.3rem;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.admin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 75%);opacity:.7}.admin-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-card),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.kv-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8438rem}.kv-row+.kv-row{border-top:1px solid var(--bg-elevated-2)}.kv-row .k,.status-teaser{color:var(--text-muted)}.status-teaser{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.45rem 1rem;font-size:.8125rem;margin:0 auto 1rem;width:-moz-fit-content;width:fit-content}.status-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem;width:100%}.status-stat{text-align:center}.status-stat .n{font-family:var(--font-mono);font-size:1.25rem;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.status-stat .l{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.audience-choice{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;margin-bottom:1.5rem}.audience-option{font-family:inherit;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem .7rem;text-align:center;font-size:.8125rem;color:var(--text-muted);cursor:pointer}.audience-option:hover{border-color:var(--border-hover)}.audience-option.chosen{border-color:var(--accent);background:var(--accent-glow);color:var(--text)}.audience-label{display:block;font-weight:600;margin-bottom:.15rem;color:var(--text)}.signin-stepper{justify-content:center;padding:.5rem 0}.signin-step,.signin-stepper{display:flex;align-items:center;gap:.4rem}.signin-step-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;background:var(--bg-elevated-2);color:var(--text-faint);border:1px solid var(--border);flex-shrink:0}.signin-step.done .signin-step-dot{background:var(--accent);color:#fff;border-color:var(--accent)}.signin-step.active .signin-step-dot{border-color:var(--accent);color:var(--accent)}.signin-step-label{font-size:.75rem;color:var(--text-faint);white-space:nowrap}.signin-step.active .signin-step-label,.signin-step.done .signin-step-label{color:var(--text)}.signin-step-line{width:1.2rem;height:1px;background:var(--border)}.super-admin-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.danger-zone{margin-top:1.5rem;border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 5%,transparent);padding:0;overflow:hidden}.danger-zone-summary{cursor:pointer;list-style:none;padding:.85rem 1.1rem;font-size:.875rem;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.danger-zone-summary::-webkit-details-marker{display:none}.danger-zone-summary:before{content:"▸";font-size:.75rem;transition:transform .15s ease}.danger-zone[open] .danger-zone-summary:before{transform:rotate(90deg)}.danger-zone-body{border-top:1px solid color-mix(in srgb,var(--danger) 20%,transparent);padding:1rem 1.1rem 1.1rem}.health-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin-top:.75rem}.health-log-lines{max-height:220px;overflow-y:auto;background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.health-log-line+.health-log-line{border-top:1px dashed var(--border);padding-top:.3rem;margin-top:.3rem}.device-vis{--device-vis-bg:var(--bg);--device-vis-panel:var(--bg-elevated);--device-vis-accent:var(--accent);--device-vis-border:var(--border);--device-vis-border-hover:var(--border-hover);--device-vis-mono:var(--font-mono);background:var(--device-vis-bg);border:1px solid var(--device-vis-border);border-radius:var(--radius);padding:1rem}.device-vis-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.9rem}.device-vis-control{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.device-vis-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.device-vis-hidden-toggle{cursor:pointer}.device-vis-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));grid-gap:.6rem;gap:.6rem;margin-bottom:.9rem}.device-vis-tile{font-family:inherit;min-width:0;text-align:left;background:var(--device-vis-panel);border:1px solid var(--device-vis-border);border-radius:var(--radius-sm);padding:.7rem .8rem;display:flex;flex-direction:column;gap:.35rem;color:var(--text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.device-vis-tile:hover{border-color:var(--device-vis-border-hover);background:color-mix(in srgb,var(--device-vis-accent) 6%,var(--device-vis-panel))}.device-vis-tile:active{transform:scale(.98)}.device-vis-tile.active{border-color:var(--device-vis-accent);background:color-mix(in srgb,var(--device-vis-accent) 14%,var(--device-vis-panel));box-shadow:0 0 0 1px var(--device-vis-accent) inset}.device-vis-tile-name{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-vis-tile.active .device-vis-tile-name{color:var(--device-vis-accent)}.device-vis-tile-count{font-family:var(--device-vis-mono);font-size:1.125rem;font-weight:650;letter-spacing:-.01em}.device-vis-tile.active .device-vis-tile-count{color:var(--device-vis-accent)}.device-vis-tile-hidden{font-family:var(--device-vis-mono);font-size:.625rem;color:var(--text-faint)}.device-vis-search-input{margin-bottom:.9rem}.device-vis-search-input:focus{border-color:var(--device-vis-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--device-vis-accent) 25%,transparent)}.device-vis-list .data-table tbody tr:hover td{background:color-mix(in srgb,var(--device-vis-accent) 6%,transparent)}.topology-section{margin-top:1.75rem}.topology-section:first-child{margin-top:0}.topology-subhead{margin-bottom:.6rem;font-size:.85rem;font-weight:600;color:var(--text-muted)}.topology-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;font-size:.8rem;color:var(--text-muted)}.topology-legend-item{display:inline-flex;align-items:center;gap:.35rem}.topology-legend-swatch{display:inline-block;width:1.1rem;height:0;border-top:2px solid var(--text-muted)}.topology-legend-swatch-manual{border-top-style:dashed;border-top-color:var(--accent)}.topology-diagram{position:relative;overflow:auto;padding:.5rem 0}.topology-diagram-svg{position:absolute;top:0;left:0;z-index:0;pointer-events:none;overflow:visible}.topology-edge line{stroke:var(--text-muted);stroke-width:1.5;fill:none}.topology-edge-manual line{stroke:var(--accent);stroke-dasharray:4 3}.topology-edge marker path{fill:var(--text-muted)}.topology-edge text{fill:var(--text-faint);font-size:.65rem;text-anchor:middle;paint-order:stroke;stroke:var(--bg);stroke-width:3px}.topology-canvas{position:relative;z-index:1}.topology-node{display:flex;flex-direction:column;gap:.3rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-elevated);z-index:0}.topology-node-handle{cursor:-webkit-grab;cursor:grab;margin:-.15rem -.25rem;padding:.15rem .25rem;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.topology-node-handle-dragging{cursor:-webkit-grabbing;cursor:grabbing}.topology-node:has(.topology-node-handle-dragging){z-index:2;box-shadow:0 4px 16px color-mix(in srgb,var(--text) 18%,transparent)}.topology-node-reset{align-self:flex-start;padding:0;border:none;background:none;font-size:.7rem;color:var(--text-muted);text-decoration:underline;cursor:pointer}.topology-node-reset:hover{color:var(--text)}.topology-node[data-criticality=critical]{border-color:var(--tier-critical)}.topology-node[data-criticality=high]{border-color:var(--tier-high)}.topology-node-name{font-weight:600;font-size:.85rem}.topology-node-meta{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--text-muted)}.topology-node-criticality{margin-top:.1rem}.topology-node-criticality select{width:100%}.topology-node-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--text-muted)}.topology-node-dot[data-criticality=critical]{background:var(--tier-critical)}.topology-node-dot[data-criticality=high]{background:var(--tier-high)}.topology-isolated-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.topology-isolated-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);font-size:.75rem}.topology-edge-table{margin-top:0}.topology-add-form{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:.75rem}.topology-add-field{display:flex;flex-direction:column;gap:.25rem}.topology-add-arrow{align-self:center;padding-bottom:.4rem;font-size:.75rem;color:var(--text-faint)}.bg-effect{position:fixed;inset:0;z-index:-1;pointer-events:none}.bg-effect[data-effect=scanlines]{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 80%,transparent) 0,color-mix(in srgb,var(--accent) 80%,transparent) 1px,transparent 1px,transparent 4px);opacity:.1;animation:bg-effect-scan 10s linear infinite}@keyframes bg-effect-scan{0%{background-position:0 0}to{background-position:0 -120px}}.bg-effect[data-effect=grid]{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 55%,transparent) 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent) 0 1px,transparent 1px 64px);opacity:.07;animation:bg-effect-grid-drift 50s linear infinite}.bg-effect[data-effect=grid]:after,.bg-effect[data-effect=grid]:before{content:"";position:absolute;inset:0}.bg-effect[data-effect=grid]:before{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 45%,transparent) 0 1px,transparent 1px 192px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 45%,transparent) 0 1px,transparent 1px 192px);opacity:.05;animation:bg-effect-grid-drift-coarse 90s linear infinite}.bg-effect[data-effect=grid]:after{background-image:radial-gradient(40vw circle,color-mix(in srgb,var(--accent) 70%,transparent) 0,transparent 70%);background-repeat:no-repeat;opacity:0;animation:bg-effect-grid-sweep 17s ease-in-out infinite}@keyframes bg-effect-grid-drift{0%{background-position:0 0}to{background-position:64px 64px}}@keyframes bg-effect-grid-drift-coarse{0%{background-position:0 0}to{background-position:-192px 192px}}@keyframes bg-effect-grid-sweep{0%,to{background-position:-20% 10%;opacity:0}45%{opacity:.4}50%{background-position:70% 60%;opacity:.5}55%{opacity:.4}}.bg-effect[data-effect=stars]{background-image:radial-gradient(1.5px 1.5px at 12% 22%,color-mix(in srgb,var(--text) 85%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 32% 68%,color-mix(in srgb,var(--text) 45%,transparent) 55%,transparent 100%),radial-gradient(2px 2px at 58% 14%,color-mix(in srgb,var(--text) 70%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 78% 52%,color-mix(in srgb,var(--text) 55%,transparent) 55%,transparent 100%),radial-gradient(1.5px 1.5px at 6% 86%,color-mix(in srgb,var(--text) 90%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 91% 33%,color-mix(in srgb,var(--text) 40%,transparent) 55%,transparent 100%),radial-gradient(1.5px 1.5px at 22% 47%,color-mix(in srgb,var(--text) 60%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 68% 92%,color-mix(in srgb,var(--text) 50%,transparent) 55%,transparent 100%),radial-gradient(2px 2px at 85% 8%,color-mix(in srgb,var(--text) 75%,transparent) 55%,transparent 100%);background-repeat:no-repeat;opacity:.16;animation:bg-effect-twinkle-a 4.5s ease-in-out infinite}.bg-effect[data-effect=stars]:after,.bg-effect[data-effect=stars]:before{content:"";position:absolute;inset:0}.bg-effect[data-effect=stars]:before{background-image:radial-gradient(1px 1px at 15% 58%,color-mix(in srgb,var(--text) 55%,transparent) 55%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 30%,color-mix(in srgb,var(--text) 80%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 64% 76%,color-mix(in srgb,var(--text) 40%,transparent) 55%,transparent 100%),radial-gradient(2px 2px at 49% 6%,color-mix(in srgb,var(--text) 65%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 96% 62%,color-mix(in srgb,var(--text) 50%,transparent) 55%,transparent 100%),radial-gradient(1.5px 1.5px at 5% 12%,color-mix(in srgb,var(--text) 70%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 30% 95%,color-mix(in srgb,var(--text) 45%,transparent) 55%,transparent 100%),radial-gradient(1.5px 1.5px at 74% 40%,color-mix(in srgb,var(--text) 60%,transparent) 55%,transparent 100%);background-repeat:no-repeat;opacity:.16;animation:bg-effect-twinkle-b 6s ease-in-out 1.8s infinite}.bg-effect[data-effect=stars]:after{background-image:linear-gradient(115deg,transparent 0,color-mix(in srgb,var(--text) 85%,transparent) 45%,color-mix(in srgb,var(--text) 30%,transparent) 60%,transparent 100%);background-repeat:no-repeat;background-size:140px 2px;opacity:0;animation:bg-effect-shooting-star 9s linear infinite}@keyframes bg-effect-twinkle-a{0%,to{opacity:.16}50%{opacity:.05}}@keyframes bg-effect-twinkle-b{0%,to{opacity:.14}50%{opacity:.04}}@keyframes bg-effect-shooting-star{0%,72%{opacity:0;background-position:-15vw 5vh}76%{opacity:.7}86%{opacity:.7;background-position:100vw 55vh}90%,to{opacity:0;background-position:115vw 65vh}}html[data-mode=light] .bg-effect[data-effect=scanlines]{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--text) 60%,transparent) 0,color-mix(in srgb,var(--text) 60%,transparent) 1px,transparent 1px,transparent 5px);opacity:.05}html[data-mode=light] .bg-effect[data-effect=grid]{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--text) 45%,transparent) 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--text) 45%,transparent) 0 1px,transparent 1px 64px);opacity:.06}html[data-mode=light] .bg-effect[data-effect=grid]:before{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--text) 35%,transparent) 0 1px,transparent 1px 192px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--text) 35%,transparent) 0 1px,transparent 1px 192px);opacity:.045}html[data-mode=light] .bg-effect[data-effect=grid]:after{background-image:radial-gradient(40vw circle,color-mix(in srgb,var(--accent) 55%,transparent) 0,transparent 70%);background-repeat:no-repeat}.fx-swatch{position:relative;width:100%;height:3rem;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg);border:1px solid var(--border)}.fx-swatch:after{content:"";position:absolute;inset:0}.fx-swatch[data-effect=matrix-rain]:after{background-image:repeating-linear-gradient(115deg,var(--accent) 0,var(--accent) 2px,transparent 2px,transparent 14px);opacity:.45}.fx-swatch[data-effect=scanlines]:after{background-image:repeating-linear-gradient(0deg,var(--accent) 0,var(--accent) 1px,transparent 1px,transparent 4px);opacity:.5}.fx-swatch[data-effect=grid]:after{background-image:repeating-linear-gradient(0deg,var(--accent) 0 1px,transparent 1px 14px),repeating-linear-gradient(90deg,var(--accent) 0 1px,transparent 1px 14px),radial-gradient(70% 90% at 30% 30%,color-mix(in srgb,var(--accent) 65%,transparent) 0,transparent 75%);background-position:0 0,0 0,0 0;opacity:.4;animation:fx-swatch-grid-sweep 4s ease-in-out infinite}@keyframes fx-swatch-grid-sweep{0%,to{background-position:0 0,0 0,0 0}50%{background-position:0 0,0 0,100% 100%}}.fx-swatch[data-effect=stars]:after{background-image:radial-gradient(1.5px 1.5px at 20% 30%,color-mix(in srgb,var(--text) 90%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 55% 65%,color-mix(in srgb,var(--text) 45%,transparent) 55%,transparent 100%),radial-gradient(1.5px 1.5px at 78% 25%,color-mix(in srgb,var(--text) 75%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 38% 80%,color-mix(in srgb,var(--text) 55%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 12% 62%,color-mix(in srgb,var(--text) 65%,transparent) 55%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 55%,color-mix(in srgb,var(--text) 40%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 65% 10%,color-mix(in srgb,var(--text) 80%,transparent) 55%,transparent 100%),radial-gradient(1px 1px at 8% 15%,color-mix(in srgb,var(--text) 50%,transparent) 55%,transparent 100%);background-repeat:no-repeat;opacity:.85;animation:fx-swatch-twinkle 2.4s ease-in-out infinite}.fx-swatch[data-effect=stars]:before{content:"";position:absolute;inset:0;background-image:linear-gradient(115deg,transparent 0,color-mix(in srgb,var(--text) 90%,transparent) 45%,transparent 100%);background-repeat:no-repeat;background-size:45% 2px;opacity:0;animation:fx-swatch-shooting-star 3.2s linear infinite}@keyframes fx-swatch-twinkle{0%,to{opacity:.85}50%{opacity:.35}}@keyframes fx-swatch-shooting-star{0%,55%{opacity:0;background-position:-20% 10%}62%{opacity:.9}75%{opacity:.9;background-position:120% 70%}80%,to{opacity:0;background-position:130% 80%}}.bg-effect-game{overflow:hidden}.bg-effect-canvas{display:block;width:100%;height:100%}.bg-effect-game[data-playing=true]{z-index:1000}.bg-effect-hint{position:absolute;left:50%;bottom:2.5rem;transform:translateX(-50%);margin:0;padding:0;font:600 .8rem var(--font-mono,monospace);letter-spacing:.02em;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.5);opacity:0;animation:bg-effect-hint-in .6s ease forwards;white-space:nowrap}@keyframes bg-effect-hint-in{to{opacity:.85}}.fx-swatch[data-effect=galaga]:after{background-image:radial-gradient(1px 1px at 20% 20%,var(--text) 60%,transparent 100%),radial-gradient(1px 1px at 70% 40%,var(--text) 60%,transparent 100%),radial-gradient(1px 1px at 40% 75%,var(--text) 60%,transparent 100%),conic-gradient(from 180deg at 50% 78%,transparent 40%,var(--accent) 50%,transparent 60%),repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 11px);background-repeat:no-repeat;background-position:0 0,0 0,0 0,0 0,0 22%;background-size:100% 100%,100% 100%,100% 100%,16px 16px,100% 3px;opacity:.75}.fx-swatch[data-effect=tetris]:after{background-image:linear-gradient(var(--accent) 0 100%),linear-gradient(var(--accent) 0 100%),linear-gradient(var(--accent-hover,var(--accent)) 0 100%);background-repeat:no-repeat;background-position:20% 55%,40% 75%,65% 35%;background-size:10px 20px,10px 10px,10px 30px;opacity:.6}.fx-swatch[data-effect=racing]:after{background-image:radial-gradient(ellipse 42% 32% at 50% 50%,transparent 60%,var(--accent) 62%,var(--accent) 74%,transparent 76%);opacity:.55}.badge-duration{font-weight:500;opacity:.72}@media (max-width:64rem){.shell-app{--sidebar-w:4rem}.shell-brand-text,.shell-nav-label,.shell-nav-text,.shell-user-meta{display:none}.shell-nav-group+.shell-nav-group{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.shell-brand,.shell-nav-item,.shell-user{justify-content:center;padding-left:0;padding-right:0}.shell-nav-badge{position:absolute;margin-left:0;transform:translate(.75rem,-.75rem);min-width:.5rem;height:.5rem;padding:0;font-size:0;line-height:0}.shell-nav-item{position:relative}.shell-content{padding:var(--space-5)}}@media (max-width:40rem){.shell-app{grid-template-columns:minmax(0,1fr)}.shell-sidebar{position:fixed;top:0;left:0;z-index:50;width:min(17rem,82vw);transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility .22s;box-shadow:var(--elev-3)}.shell-sidebar[data-open=true]{transform:translateX(0);visibility:visible}.shell-brand-text,.shell-nav-label,.shell-nav-text,.shell-user-meta{display:block}.shell-brand,.shell-nav-item,.shell-user{justify-content:flex-start;padding-left:var(--space-3);padding-right:var(--space-3)}.shell-nav-badge{position:static;transform:none;margin-left:auto;min-width:auto;height:auto;padding:.1875rem .375rem;font-size:.6875rem;line-height:1}.shell-nav-group+.shell-nav-group{margin-top:var(--space-5);padding-top:0;border-top:0}.shell-nav-item{min-height:2.75rem;font-size:.9375rem}.shell-menu-btn,.shell-scrim{display:flex}.shell-topbar{padding:0 var(--space-4);gap:var(--space-2)}.shell-content{padding:var(--space-4) var(--space-4) var(--space-10);gap:var(--space-3)}}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){@media (pointer:fine){.shell-topbar{background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}}@media (pointer:fine){.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.shell-sidebar{transition:none}.bg-effect[data-effect=grid],.bg-effect[data-effect=grid]:after,.bg-effect[data-effect=grid]:before,.bg-effect[data-effect=scanlines],.bg-effect[data-effect=stars],.bg-effect[data-effect=stars]:after,.bg-effect[data-effect=stars]:before,.data-table tbody tr,.overdue-dot,.sync-all-row,.sync-status-dot.pending{animation:none}}.bg-effect[data-effect-paused=true],.bg-effect[data-effect-paused=true]:after,.bg-effect[data-effect-paused=true]:before{animation:none}@media (pointer:coarse){.input,.select-sm,select,textarea{font-size:16px}.btn,.btn-sm,.chart-style-chip,.chip,.client-picker select,.filter-bar select.input,.select-sm{min-height:2.75rem}.btn-sm{padding-inline:.875rem}.section-reorder-controls{position:static;width:100%;justify-content:flex-end;gap:.375rem;margin-bottom:var(--space-2);opacity:1}.section-reorder-controls button{width:2.75rem;height:2.75rem}.data-table tbody tr:hover,.device-row:hover,.leaderboard-row:hover,.outage-row:hover{background:inherit}html[data-glow=full],html[data-glow=subtle]{--glow-accent:0 0 6px var(--accent-glow);--glow-amber:0 0 6px var(--accent-amber-glow);--glow-danger:0 0 6px var(--danger-glow);--glow-card:0 0 0 0 transparent;--glow-ambient:transparent}.bg-effect[data-effect=scanlines],.bg-effect[data-effect=stars]{animation:none}html[data-density=compact]{--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem}}@media (max-width:40rem){.hero-card{grid-template-columns:1fr;text-align:center}.hero-card .hero-actions,.hero-card .uptime-ring{justify-self:center}.admin-cards,.hero-row{grid-template-columns:1fr}.inline-form,.row{flex-wrap:wrap}.inline-form .input{flex:1 1 100%}.card{padding:1.5rem 1.25rem}.setting-row{flex-direction:column;gap:var(--space-2)}.setting-control,.setting-row{align-items:stretch}.setting-hint{text-align:left}.section-header-action{margin-left:0;width:100%}.banner,.section-header{flex-wrap:wrap}.banner-action{margin-left:2.625rem}.kpi-strip{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.kpi-value{font-size:1.375rem}.status-row{grid-template-columns:minmax(0,1fr);gap:.25rem}.panel-actions{margin-left:0;width:100%}.client-head{flex-wrap:wrap}.client-head-actions{width:100%;margin-left:0}.ltable thead{display:none}.ltable,.ltable tbody,.ltable td,.ltable tr{display:block}.ltable tr{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.ltable tbody tr:last-child,.ltable td{border-bottom:0}.ltable td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.1875rem 0}.ltable td:before{content:attr(data-label);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.ltable td:first-child{margin-bottom:.125rem}.ltable td:first-child:before{display:none}.ltable td:first-child .ltable-link{font-size:.9375rem}.data-table--clients thead{display:none}.data-table--clients,.data-table--clients tbody,.data-table--clients td,.data-table--clients tr{display:block}.data-table--clients tr{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.data-table--clients tbody tr:last-child{border-bottom:0}.data-table--clients tbody td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.1875rem 0;border-bottom:0}.data-table--clients td:before{content:attr(data-label);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.data-table--clients td:empty{display:none}.data-table--clients td:first-child:not([colspan]){margin-bottom:.125rem;font-weight:550}.data-table--clients td:first-child:before{display:none}.data-table--clients td:last-child:not([colspan]){margin-top:var(--space-1)}.data-table--clients td:last-child:before{display:none}.data-table--clients td:last-child .btn{width:100%}}@media (min-width:40.0625rem) and (max-width:64rem){.kpi-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:64rem){.studio{grid-template-columns:minmax(0,1fr)}.studio-preview{position:static}.studio-preview-frame{min-height:16rem}}@media (min-width:40.0625rem){.portal-bar-inner,.portal-foot,.portal-main{padding-left:var(--space-6);padding-right:var(--space-6)}.portal-main{gap:var(--space-4);padding-top:var(--space-8)}.portal-hero{flex-direction:row;align-items:center;gap:var(--space-4);padding:var(--space-6)}.portal-hero-text{flex:1 1;min-width:0}.portal-stats{grid-template-columns:repeat(3,minmax(4.5rem,auto));padding-top:0;padding-left:var(--space-5);border-top:0;border-left:1px solid var(--border);text-align:right}.portal-hero-title{font-size:1.625rem}.portal-card{padding:var(--space-5)}.portal-service{grid-template-columns:1fr auto auto;grid-template-areas:"name pct badge";gap:var(--space-4)}}@media (max-width:48rem){.device-list{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.device-detail,.device-row{min-width:46rem}}@media (max-width:28rem){.signin-stepper{flex-direction:column;align-items:flex-start;gap:.6rem}.signin-step-line{display:none}}