@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";:root{--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-accent: #9184d9;--color-accent-2: #a7a1db;--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--color-neutral-100: #f3f5fe;--color-neutral-800: #3f424d;--color-accent-100: #f5f4ff;--color-accent-800: #423a6a;--font-heading-weight: 500;--space-1: 2.8px;--space-2: 5.6px;--space-3: 8.4px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 0 0 1px #3f424d;--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0,0,0,.55);--shadow-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0,0,0,.65)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{font-size:13px}h6{letter-spacing:.08em;text-transform:uppercase}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img{display:block;max-width:100%}figure{margin:0}figcaption{font-size:12px;margin-top:var(--space-1);color:color-mix(in srgb,var(--color-text) 55%,transparent)}.text-muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.btn-primary:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.field>label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{min-height:90px;resize:vertical}.radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.radio input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio .dot{width:16px;height:16px;flex:none;border-radius:50%;border:1.5px solid var(--color-divider)}.radio:hover .dot{border-color:var(--color-accent)}.radio input:checked+.dot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-bg)}.radio input:focus-visible+.dot{outline:2px solid var(--color-accent);outline-offset:2px}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface)}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.tag{display:inline-flex;align-items:center;font-size:12px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-accent{background:var(--color-accent-800);color:var(--color-accent-100)}.tag-neutral{background:var(--color-neutral-800);color:var(--color-neutral-100)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:var(--space-2);border-bottom:1px solid transparent}.table td{padding:var(--space-2);border-bottom:1px solid transparent}.table thead tr{background:linear-gradient(to right,transparent,var(--color-divider) 48px,var(--color-divider) calc(100% - 48px),transparent) no-repeat bottom / 100% 1px}.table tbody tr{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color-text) 8%,transparent) 48px,color-mix(in srgb,var(--color-text) 8%,transparent) calc(100% - 48px),transparent) no-repeat bottom / 100% 1px}.table tbody tr:hover{background:linear-gradient(color-mix(in srgb,var(--color-text) 4%,transparent),color-mix(in srgb,var(--color-text) 4%,transparent)) no-repeat 0 0 / 100% 100%,linear-gradient(to right,transparent,color-mix(in srgb,var(--color-text) 8%,transparent) 48px,color-mix(in srgb,var(--color-text) 8%,transparent) calc(100% - 48px),transparent) no-repeat bottom / 100% 1px}:root{--font-heading: "Space Grotesk", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--font-body: "Space Grotesk", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-heading-weight: 500}:root{--color-bg: #eef1f6;--color-surface: #ffffff;--color-text: #0a0e1a;--color-divider: rgba(10, 14, 26, .12);--color-accent: #1f57c4;--accent-brand: #4f8cff;--accent-on-fill: #0a0e1a;--accent-soft: #e4edff;--accent-soft-text: #14336f;--surface-sunken: #e1e6ee;--border-input: #6b7384;--text-muted: #2a3242;--text-faint: #6b7384;--warn-soft: #fdf1dc;--warn-soft-text: #6d4700;--warn-text: #8a5a00;--ok: #1c7a43;--ok-soft: #e6f4ec;--scrollbar: #b6bcc9;--chart-in: #4f8cff;--chart-out: #6b7384;--shadow-sm: 0 0 0 1px rgba(10, 14, 26, .12);--shadow-md: 0 0 0 1px rgba(10, 14, 26, .14), 0 6px 20px rgba(10, 14, 26, .07);--shadow-lg: 0 0 0 1px rgba(10, 14, 26, .16), 0 18px 44px rgba(10, 14, 26, .13)}[data-theme=dark]{--color-bg: #0a0e1a;--color-surface: #151a28;--color-text: #eef1f6;--color-divider: rgba(238, 241, 246, .14);--color-accent: #7aa6ff;--accent-brand: #4f8cff;--accent-on-fill: #0a0e1a;--accent-soft: #1b2a4d;--accent-soft-text: #cfe0ff;--surface-sunken: #1e2434;--border-input: #4a5468;--text-muted: #a6adbe;--text-faint: #8b93a7;--warn-soft: #3a2c10;--warn-soft-text: #ffe0aa;--warn-text: #ffc46b;--ok: #6fd08a;--ok-soft: rgba(111, 208, 138, .14);--scrollbar: #3a4256;--chart-in: #4f8cff;--chart-out: #8b93a7;--shadow-sm: 0 0 0 1px rgba(238, 241, 246, .12);--shadow-md: 0 0 0 1px rgba(238, 241, 246, .14), 0 6px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 0 0 1px rgba(238, 241, 246, .18), 0 18px 44px rgba(0, 0, 0, .6)}.trail-panel,tr.expanded,.tl-track{--text-muted: #2a3242}[data-theme=dark] .trail-panel,[data-theme=dark] tr.expanded,[data-theme=dark] .tl-track{--text-muted: #a6adbe;--color-accent: #9dbcff}.card{border:1px solid var(--color-divider);border-radius:14px}.elev-sm,.elev-md{box-shadow:none}.elev-lg{box-shadow:var(--shadow-lg)}:root{--text-scale: 1;font-size:calc(17px * var(--text-scale))}body{font-size:1rem;line-height:1.5}.t-stat{font:500 2rem/1.08 var(--font-heading);letter-spacing:-.025em;font-feature-settings:"tnum" 1}.t-lead{font:500 1.42rem/1.18 var(--font-heading);letter-spacing:-.02em}.t-title{font:500 1.3rem/1.18 var(--font-heading);letter-spacing:-.018em}.t-card{font:500 1.12rem/1.2 var(--font-heading)}.t-sm{font-size:.82rem}.t-xs{font-size:.76rem}.t-kicker{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.text-muted{color:var(--text-muted)}.input{min-height:2.7rem;font-size:.94rem;padding:.45rem .7rem;border-color:var(--border-input)}.btn{font-size:.88rem;min-height:2.35rem;padding:.45rem .82rem}.btn-icon{width:2.7rem;height:2.7rem;padding:0;min-height:0}.tag{font-size:.76rem;padding:.22rem .62rem}:root:not([data-theme=dark]) .tag-neutral{background:var(--surface-sunken);color:var(--color-text)}.table{font-size:.94rem}.table th,.table td{padding:.82rem 1.18rem}.users-table th,.users-table td{padding-inline:.6rem}.users-table th{white-space:normal}#root,.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.app-main{flex:1;padding:1.65rem;max-width:90rem;width:100%;margin:0 auto;box-sizing:border-box}.brand-text{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}.brand-primary{font:600 1rem var(--font-heading)}.brand-secondary{font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.pillset{display:flex;flex-wrap:wrap;align-items:center;gap:.24rem;padding:.24rem;max-width:100%;background:var(--surface-sunken);border-radius:1.2rem;flex-shrink:0}.pill{min-height:1.9rem;padding:0 .82rem;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:.76rem;white-space:nowrap;cursor:pointer}.pill:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}.pill[aria-pressed=true]{background:var(--accent-brand);color:var(--accent-on-fill);font-weight:500}.conn{min-height:2rem;padding:0 .82rem;border-radius:999px;display:flex;align-items:center;gap:.47rem;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:.82rem;white-space:nowrap;flex-shrink:0}.conn.reconnecting{border-color:var(--warn-text)}.conn .dot{width:.47rem;height:.47rem;border-radius:50%;background:var(--ok)}.conn.reconnecting .dot{background:var(--warn-text)}.banner-stale{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.65rem;background:var(--warn-soft);color:var(--warn-soft-text);border-bottom:1px solid var(--color-divider);font-size:.82rem}.search{position:relative;flex:none;width:16.5rem}.search svg{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-faint)}.search .input{padding-left:1.9rem;min-height:2.25rem;font-size:.82rem;width:100%}.search-results{position:absolute;top:2.6rem;left:0;width:max(100%,min(26rem,calc(100vw - 2rem)));z-index:30;padding:.35rem;max-height:21rem;overflow:auto}.search-result{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .7rem;border:none;border-radius:6px;background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.search-result:hover,.search-result[data-active=true]{background:var(--surface-sunken)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.94rem;margin-bottom:1.3rem}.summary-grid .card{padding:1.06rem 1.18rem}.toolbar{display:flex;align-items:center;gap:.82rem;flex-wrap:wrap;padding:1.06rem 1.18rem;border-bottom:1px solid var(--color-divider)}.toolbar .search{flex:1;min-width:min(15rem,100%);width:auto}.toolbar .search .input{min-height:2.7rem;font-size:.94rem;padding-left:2.25rem}.toolbar .search svg{left:.82rem}.toolbar .pill{min-height:2.1rem}.table-scroll{max-height:31rem;overflow:auto}.table-scroll::-webkit-scrollbar{width:8px;height:8px}.table-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:8px}.table thead tr{position:sticky;top:0;z-index:1;background-color:var(--color-surface)}.table tr.expanded{background-color:var(--surface-sunken)}.trail-panel{padding:.35rem 1.18rem 1.06rem;background:var(--surface-sunken)}.trail-row{display:flex;gap:.6rem;align-items:baseline;font-size:.88rem}.trail-row time{width:3.8rem;flex:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.76rem}.kind-in{font-weight:500;color:var(--ok)}.kind-out{font-weight:500;color:var(--warn-text)}.pager{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;padding:.82rem 1.18rem;border-top:1px solid var(--color-divider)}.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.18rem}.zone-card{padding:1.3rem 1.4rem;gap:.82rem}.zone-count{font:500 2.6rem/1.02 var(--font-heading);letter-spacing:-.03em;font-feature-settings:"tnum" 1}.trend{font-size:.76rem;padding:.18rem .53rem;border-radius:6px;white-space:nowrap;background:var(--warn-soft);color:var(--warn-text)}.trend.up{background:var(--ok-soft);color:var(--ok)}.chip{font-size:.76rem;font-family:var(--font-mono);padding:.18rem .53rem}.chip-btn{border:1px solid transparent;cursor:pointer;font-weight:500;transition:transform .06s ease}.tag-outline.chip-btn{border-color:var(--color-accent)}.chip-btn:hover{background:var(--accent-brand);color:var(--accent-on-fill);border-color:var(--accent-brand)}.chip-btn:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.chip-btn{transition:none}.chip-btn:active{transform:none}}.replay-banner{display:flex;align-items:center;gap:.6rem;padding:.82rem 1.18rem;margin-bottom:1.3rem;background:var(--accent-soft);color:var(--accent-soft-text);border:1px solid var(--color-divider);border-left:4px solid var(--accent-brand);border-radius:var(--radius-md);font-size:.88rem;font-weight:500}.replay-banner svg{color:var(--accent-brand);flex:none}.timeline{display:flex;flex-direction:column;gap:.35rem}.tl-row{display:grid;grid-template-columns:8.5rem 1fr;align-items:center;gap:.7rem}.tl-label{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-track{position:relative;height:1.5rem;background:var(--surface-sunken);border-radius:var(--radius-sm)}.tl-bar{position:absolute;top:0;bottom:0;min-width:3px;background:var(--accent-brand);border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 .35rem;box-sizing:border-box}.tl-bar span{font-size:.72rem;color:var(--accent-on-fill);white-space:nowrap;overflow:hidden}.tl-bar.open{background:linear-gradient(to right,var(--accent-brand) 70%,color-mix(in srgb,var(--accent-brand) 25%,transparent))}.tl-bar.clipped-start{border-top-left-radius:0;border-bottom-left-radius:0;background:linear-gradient(to left,var(--accent-brand) 70%,color-mix(in srgb,var(--accent-brand) 25%,transparent))}.tl-axis{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-faint);font-family:var(--font-mono);margin-top:.24rem}.stay-list{display:flex;flex-direction:column;gap:.35rem}.stay{display:flex;gap:.7rem;align-items:baseline;flex-wrap:wrap;font-size:.88rem}.stay time{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);white-space:nowrap}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,color-mix(in srgb,var(--color-text) 12%,var(--surface-sunken)) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}@media(max-width:64em){.summary-grid,.zone-grid{grid-template-columns:repeat(2,1fr)}.app-main{padding:1.18rem .94rem}.tl-row{grid-template-columns:6.5rem 1fr}}@media(max-width:42em){.summary-grid,.zone-grid{grid-template-columns:1fr}}.login-error,.login-notice{padding:.7rem .82rem;border-radius:var(--radius-md);background:var(--warn-soft);color:var(--warn-soft-text);border-left:3px solid var(--warn-text)}.login-notice{background:var(--accent-soft);color:var(--accent-soft-text);border-left-color:var(--accent-brand)}.bars{display:flex;align-items:flex-end;gap:1px;height:4.2rem;margin-top:.35rem;padding:0 .12rem;background:var(--surface-sunken);border-radius:var(--radius-sm);overflow:hidden}.bar{flex:1 1 0;min-width:2px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;cursor:default}.bar:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}.bar-in{background:var(--chart-in);min-height:0}.bar-out{background:var(--chart-out);min-height:0}.pagenums{display:flex;align-items:center;gap:.24rem;flex-wrap:wrap}.pagenum{min-width:2.1rem;min-height:2.1rem;padding:0 .35rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--color-accent);font:inherit;font-size:.82rem;font-family:var(--font-mono);cursor:pointer}.pagenum:hover{background:var(--surface-sunken)}.pagenum[aria-current=page]{background:var(--accent-brand);color:var(--accent-on-fill);font-weight:500;cursor:default}.pagenum-gap{padding:0 .24rem;color:var(--text-faint);font-size:.82rem}.dot-nudge{width:.47rem;height:.47rem;border-radius:50%;background:var(--accent-brand);margin-left:.35rem;display:inline-block;flex:none}.field{display:flex;flex-direction:column;gap:.29rem}.field>.t-kicker{margin-bottom:0}.zone-quiet{display:flex;flex-direction:column;gap:.29rem;align-items:flex-start;color:var(--warn-text)}.tag-warn{background:var(--warn-soft);color:var(--warn-soft-text)}.conn-group{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.conn-age{display:inline-flex;align-items:baseline;gap:.35rem;flex-shrink:0;font-size:.82rem;color:var(--text-muted);white-space:nowrap}.conn-age time{font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text)}:root{--crit-text: #b42318;--crit-soft: #fde8e6}[data-theme=dark]{--crit-text: #f97066;--crit-soft: #3a1512}.tag-crit{background:var(--crit-soft);color:var(--crit-text)}.tag-ok{background:var(--ok-soft);color:var(--ok)}.ov-grid{display:grid;grid-template-columns:3fr 2fr;gap:1.18rem;align-items:start}.gw-mini{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;width:100%;text-align:left;padding:.6rem .8rem .6rem .9rem;border:1px solid var(--color-divider);border-left:4px solid var(--text-faint);border-radius:10px;background:var(--surface-sunken);color:inherit;cursor:pointer}.gw-mini:hover{border-color:var(--color-accent)}.gw-mini[data-health=healthy],.gw-card[data-health=healthy]{border-left-color:var(--ok)}.gw-mini[data-health=warning],.gw-card[data-health=warning]{border-left-color:var(--warn-text)}.gw-mini[data-health=offline],.gw-card[data-health=offline]{border-left-color:var(--crit-text)}.gw-card{padding:1.18rem 1.3rem;display:flex;flex-direction:column;gap:.82rem;border-left:4px solid var(--text-faint)}.gw-card[data-selected=true]{outline:2px solid var(--color-accent);outline-offset:-2px}.gw-body{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}@media(max-width:30em){.gw-body{grid-template-columns:1fr}}.gw-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;border-top:1px solid var(--color-divider);padding-top:.7rem}.gauge{display:flex;flex-direction:column;gap:.2rem;min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.6rem}.stat-tile{display:flex;flex-direction:column;gap:.1rem;padding:.6rem .7rem;border:1px solid var(--color-divider);border-radius:10px;background:var(--surface-sunken);color:inherit;text-align:left;min-width:0}button.stat-tile{cursor:pointer}button.stat-tile:hover,.stat-tile[aria-pressed=true]{border-color:var(--color-accent)}.stat-value{font:500 1.35rem/1.15 var(--font-heading);letter-spacing:-.02em;font-feature-settings:"tnum" 1;margin:.15rem 0}.sensors-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:1.18rem;align-items:start}.sensor-latest{display:block;width:100%;text-align:left;background:none;border:none;padding:.5rem 0 0;color:inherit;cursor:pointer}.spark{display:block;max-width:100%}.ring-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;line-height:0}.ring-btn:hover{box-shadow:0 0 0 3px var(--accent-soft)}.batt-bar{display:inline-block;width:3.2rem;height:.5rem;border-radius:4px;background:var(--color-divider);overflow:hidden}.batt-bar i{display:block;height:100%}.modal::backdrop{background:#080b128c}.modal{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-divider);border-radius:14px;width:min(920px,100%);max-height:92vh;overflow:auto;padding:0;box-shadow:var(--shadow-lg)}.chart-wrap{position:relative;width:100%}.chart-tip{position:absolute;pointer-events:none;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:8px;padding:.4rem .6rem;font-size:.76rem;box-shadow:var(--shadow-md);white-space:nowrap}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.76rem}.legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.35rem;vertical-align:middle}.alert-row{display:flex;gap:.7rem;padding:.6rem 0;border-top:1px solid var(--color-divider)}.alert-row i{width:4px;border-radius:2px;background:var(--warn-text);flex:none}.alert-row[data-kind=gateway_offline] i{background:var(--crit-text)}@media(max-width:64em){.ov-grid,.sensors-grid{grid-template-columns:1fr}}:root{--font-heading: "Geist", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--font-body: "Geist", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-heading-weight: 600;--color-bg: #f4f6f8;--color-surface: #ffffff;--color-text: #101728;--color-divider: #e6e9ef;--color-accent: #0f766e;--accent: #0d9488;--accent-brand: #0f766e;--accent-on-fill: #ffffff;--accent-soft: #d4f4ee;--accent-soft-text: #0f766e;--surface-sunken: #eef1f5;--border-input: #7d8799;--text-muted: #586275;--text-faint: #636d80;--warn-soft: #fdf0d5;--warn-soft-text: #7a4a05;--warn-text: #9a5b0a;--ok: #15803d;--ok-soft: #dcfce7;--crit-text: #dc2626;--crit-soft: #fde6e6;--scrollbar: #d6dbe3;--chart-in: #0d9488;--chart-out: #8b95a6;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 0 0 1px #e6e9ef, 0 1px 2px rgba(16, 23, 40, .04);--shadow-md: 0 0 0 1px #e6e9ef, 0 6px 18px rgba(16, 23, 40, .07);--shadow-lg: 0 0 0 1px #e6e9ef, 0 18px 44px rgba(16, 23, 40, .14)}[data-theme=dark]{--color-bg: #080b12;--color-surface: #121826;--color-text: #e8edf4;--color-divider: #222c3c;--color-accent: #2dd4bf;--accent: #2dd4bf;--accent-brand: #2dd4bf;--accent-on-fill: #04201c;--accent-soft: #16312f;--accent-soft-text: #5eead4;--surface-sunken: #19212f;--border-input: #5a6578;--text-muted: #9aa5b7;--text-faint: #7c879b;--warn-soft: #3a2c10;--warn-soft-text: #fde68a;--warn-text: #fbbf24;--ok: #34d399;--ok-soft: rgba(52, 211, 153, .14);--crit-text: #f87171;--crit-soft: #3a1512;--scrollbar: #2c3749;--chart-in: #2dd4bf;--chart-out: #7c879b;--shadow-sm: 0 0 0 1px #222c3c;--shadow-md: 0 0 0 1px #222c3c, 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 0 0 1px #2c3749, 0 18px 44px rgba(0, 0, 0, .6)}.card{border-radius:var(--radius-lg)}.tag{white-space:nowrap}.t-card{overflow-wrap:anywhere}body{font-feature-settings:"cv01","ss01"}.mono,code{font-feature-settings:"zero"}.app-shell>.layout{display:flex;min-height:100vh}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar{width:252px;flex:none;position:sticky;top:0;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;gap:.4rem;padding:1.1rem .85rem;background:var(--color-surface);border-right:1px solid var(--color-divider);overflow-y:auto}.side-brand{display:flex;align-items:center;gap:.7rem;padding:.2rem .4rem .9rem}.side-mark{width:2.35rem;height:2.35rem;border-radius:12px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;box-shadow:0 6px 16px #0d948847}[data-theme=dark] .side-mark{color:#04201c}.side-close{display:none;margin-left:auto;border:none;background:transparent;color:var(--text-muted);cursor:pointer}.side-nav{display:flex;flex-direction:column;gap:.2rem}.side-group{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.6rem}.side-group-label{font-size:.66rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);padding:.8rem .75rem .35rem}.nav-item{display:flex;align-items:center;gap:.7rem;width:100%;box-sizing:border-box;padding:.55rem .75rem;border:none;border-radius:10px;background:transparent;color:var(--text-muted);font:inherit;font-size:.88rem;text-align:left;white-space:nowrap;cursor:pointer}.nav-item:hover{background:var(--surface-sunken);color:var(--color-text)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent-soft-text);font-weight:500}.nav-item svg{flex:none}.fleet-pill{margin-top:auto;display:flex;align-items:center;gap:.65rem;width:100%;box-sizing:border-box;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--color-divider);background:var(--color-surface);box-shadow:var(--shadow-sm);color:inherit;font:inherit;text-align:left;cursor:pointer}.fleet-dot{width:.6rem;height:.6rem;border-radius:50%;flex:none;background:var(--ok)}.fleet-pill[data-tone=warn] .fleet-dot{background:var(--warn-text)}.fleet-pill[data-tone=crit] .fleet-dot{background:var(--crit-text)}.fleet-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.fleet-title{font-weight:600;font-size:.88rem}.fleet-sub{font-size:.72rem;color:var(--text-muted)}.side-scrim{display:none}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-height:66px;box-sizing:border-box;padding:.6rem 1.6rem;border-bottom:1px solid var(--color-divider);color:var(--color-text)}.topbar:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--color-surface) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.menu-btn{display:none;border:none;background:transparent;color:var(--color-text);cursor:pointer}.page-meta{min-width:0;margin-right:.6rem}.page-title{margin:0;font:600 1.15rem/1.2 var(--font-heading);letter-spacing:-.01em;white-space:nowrap}.page-sub{font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .search{flex:1 1 7rem;max-width:21rem}.topbar{container:topbar / inline-size}@container topbar (max-width: 58rem){.page-sub,.conn-label{display:none}}@container topbar (max-width: 46rem){.topbar .search{flex-basis:100%;max-width:none;order:10}}.env-chip{padding:.25rem .6rem;border-radius:8px;font-size:.76rem;font-weight:600;background:var(--warn-soft);color:var(--warn-soft-text);border:1px solid color-mix(in srgb,var(--warn-text) 35%,transparent);white-space:nowrap}.bell{position:relative;width:2.4rem;height:2.4rem;border-radius:10px;flex:none;border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text);cursor:pointer;display:grid;place-items:center}.bell:hover{background:var(--surface-sunken)}.bell-badge{position:absolute;top:-.35rem;right:-.35rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;box-sizing:border-box;border-radius:999px;background:var(--crit-text);color:#fff;font:700 .66rem/1.1rem var(--font-body);text-align:center}.app-main{max-width:1480px;padding:1.75rem 2rem}.ctrl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(22rem,100%),1fr));gap:1.1rem}.ctrl-times{display:flex;flex-direction:column;gap:.6rem}.ctrl-hint{padding:.5rem .7rem;border-radius:10px;background:var(--warn-soft);color:var(--warn-soft-text)}.gw-card[data-health=offline] .ctrl-hint{background:var(--crit-soft);color:var(--crit-text)}@media(max-width:64em){.sidebar{position:fixed;left:0;top:0;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.side-close{display:grid;place-items:center;width:2rem;height:2rem}.side-scrim{display:block;position:fixed;inset:0;z-index:50;background:#080b1273}.menu-btn{display:grid;place-items:center;width:2.2rem;height:2.2rem}.topbar{padding:.55rem .9rem}.topbar .search{flex-basis:100%;max-width:none;order:10}.page-sub,.conn-age{display:none}.app-main{padding:1.18rem .94rem}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.btn-primary{background:var(--accent-brand);border-color:var(--accent-brand);color:var(--accent-on-fill)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent-brand) 88%,#000)}.btn-primary:active:not(:disabled){background:color-mix(in srgb,var(--accent-brand) 78%,#000)}.fleet-title,.fleet-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gw-card .t-card{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}:root{--color-accent-800: #0f766e;--color-accent-100: #f0fdfa}[data-theme=dark]{--color-accent-800: #134e4a;--color-accent-100: #99f6e4}.modal:has(.loc-picker){width:min(46rem,100%);max-width:46rem}.loc-picker{display:flex;flex-direction:column;gap:.5rem}.loc-search{position:relative;display:flex;gap:.5rem}.loc-search .input{flex:1}.loc-hits{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;max-height:16rem;overflow:auto;padding:.3rem}.loc-hits .search-result{display:flex;justify-content:space-between;gap:.8rem;width:100%}.loc-map{position:relative;z-index:0;height:320px;border-radius:12px;overflow:hidden;border:1px solid var(--color-divider)}.loc-map-loading{display:grid;place-items:center}.map-pin{background:none;border:none}.leaflet-container{font:inherit}.account-avatar{position:relative;width:2.4rem;height:2.4rem;border-radius:10px;flex:none;border:none;cursor:pointer;background:var(--accent-brand);color:var(--accent-on-fill);font:600 .8rem var(--font-body);letter-spacing:.02em;display:grid;place-items:center}.account-avatar .dot-nudge{position:absolute;top:-.25rem;right:-.25rem}.page-sub{max-width:15rem}.ctrl-grid>*,.zone-grid>*,.sensors-grid>*,.ov-grid>*{min-width:0}.side-mark{font:700 1.15rem/1 var(--font-heading)}