.site-picker{display:inline-flex;align-items:center;gap:6px;font:inherit;color:inherit}.site-picker-label{font-size:.8em;opacity:.75;text-transform:uppercase;letter-spacing:.06em}.site-picker select{max-width:22em;font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:4px;padding:2px 6px}.site-picker select option{color:initial}:root{--brand-navy: #0b2740;--brand-orange: #ff7a33;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: ui-monospace, Menlo, "SF Mono", Consolas, monospace;--radius: 0px}:root,:root[data-theme=dark]{--bg: #061727;--panel: #0b2740;--panel-2: #0f2f4c;--panel-3: #153a5a;--line: rgba(150,186,222,.2);--line-2: rgba(150,186,222,.09);--ink: #edf2f7;--ink-dim: #93a9bf;--accent: #ff7a33;--accent-2: #c85a20;--accent-text: #ff9a63;--accent-ink: #0b2740;--accent-fill: rgba(255,122,51,.14);--water: #081f35;--water-2: #0d2c48;--land: #1e3549;--crit: #e66a64;--warn: #e8c05c;--ok: #6fb392;--shadow-panel: 0 10px 26px rgba(0,0,0,.45)}:root[data-theme=light]{--bg: #eef2f6;--panel: #ffffff;--panel-2: #f4f7fa;--panel-3: #e6ecf2;--line: rgba(11,39,64,.18);--line-2: rgba(11,39,64,.08);--ink: #0b2740;--ink-dim: #52677c;--accent: #ff7a33;--accent-2: #d9611f;--accent-text: #b8480d;--accent-ink: #0b2740;--accent-fill: rgba(255,122,51,.12);--water: #dde9f3;--water-2: #c8dbea;--land: #ddd8ca;--crit: #a2382f;--warn: #7d5a10;--ok: #2f6349;--shadow-panel: 0 4px 14px rgba(11,39,64,.12)}*{box-sizing:border-box}html,body{height:100%}html{scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;transition:background .14s ease,color .14s ease}#root{min-height:100%;display:flex;flex-direction:column}button,input{font-family:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.shell{padding:0 20px 48px;display:flex;flex-direction:column;flex:1;min-height:0}.housing{--ink: #edf2f7;--ink-dim: #93a9bf;--line: rgba(150,186,222,.22);--accent-text: #ff9a63;--accent-fill: rgba(255,122,51,.16);background:var(--brand-navy);color:var(--ink);border-bottom:2px solid var(--brand-orange)}.housing-inner{padding:0 20px;display:flex;align-items:center;gap:0;height:56px}.wordmark{display:flex;align-items:center;gap:12px;margin-right:24px;flex:none}.wordmark h1{display:flex;align-items:center;gap:.32em;font-family:var(--font-heading);font-weight:700;font-size:19px;line-height:1;margin:0;letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}.wordmark-optics{display:inline-flex;align-items:center}.wordmark-o{width:1.02em;height:1.02em;margin-right:.04em;flex:none}.brand-mark{display:block;color:inherit}.wordmark .tag{font:500 9.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--accent-text);text-transform:uppercase;padding:3px 6px;border:1px solid rgba(255,122,51,.45)}.tabrail{display:flex;align-self:stretch;align-items:stretch;gap:0}.tabrail button{display:flex;align-items:center;gap:6px;padding:0 15px;border:none;background:none;font:600 12px/1 var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);box-shadow:inset 0 -3px 0 transparent}.tabrail button.active{color:var(--ink);background:var(--accent-fill);box-shadow:inset 0 -3px 0 var(--accent)}.tabrail button:hover:not(.active){color:var(--ink)}.tab-badge{font:700 9.5px/1 var(--font-mono);padding:2px 5px;background:var(--crit);color:#fff}.header-tools{display:flex;align-items:center;gap:12px;margin-left:auto}@media (max-width: 1560px){.housing-inner{flex-wrap:wrap;height:auto;min-height:56px;row-gap:8px;padding-top:6px;padding-bottom:6px}.tabrail{min-height:44px}.header-tools{flex-wrap:wrap;min-width:0;row-gap:8px}.header-tools .site-picker{min-width:0;max-width:100%}.header-tools .site-picker select{min-width:0;max-width:min(22em,70vw)}}.clock{font:500 12px/1 var(--font-mono);color:var(--ink);white-space:nowrap;padding-left:12px;border-left:1px solid var(--line)}.admin-link{font:600 10px/1 var(--font-heading);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--accent);border:1px solid var(--accent);padding:5px 9px;white-space:nowrap}.admin-link:hover,.admin-link:focus-visible{background:var(--accent);color:var(--accent-ink)}.theme-toggle{display:flex;border:1px solid var(--line)}.theme-toggle button{padding:5px 9px;font:600 10px/1 var(--font-heading);letter-spacing:.1em;border:none;background:none;color:var(--ink-dim)}.theme-toggle button.active{background:var(--accent);color:var(--accent-ink)}.segmented{display:inline-flex;border:1px solid var(--line)}.segmented button{border:none;background:transparent;color:var(--ink-dim);padding:6px 11px;font:600 11px/1 var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--line)}.segmented button:first-child{border-left:none}.segmented button.active{background:var(--accent);color:var(--accent-ink)}.segmented button:hover:not(.active){background:var(--accent-fill);color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font:600 11.5px/1 var(--font-heading);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);background:transparent;color:var(--ink-dim);white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{opacity:.9}.btn-secondary:hover{color:var(--ink);border-color:var(--accent)}.paper{background:var(--panel);border-radius:var(--radius);border:1px solid var(--line);position:relative}.paper-pad{padding:16px 18px}.paper-title{font-family:var(--font-heading);font-size:14px;font-weight:600;margin:0 0 4px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}.paper-sub{font-size:12.5px;color:var(--ink-dim);margin:0 0 14px;line-height:1.5}.dash-grid{display:grid;grid-template-columns:1.05fr 1.4fr;gap:1px;background:var(--line);align-items:stretch;border:1px solid var(--line)}.dash-grid>.paper{border:none}@media (max-width: 860px){.dash-grid{grid-template-columns:1fr}}.analytics-maps-split{height:580px;min-height:260px;margin-bottom:14px;resize:vertical;overflow:hidden}.analytics-maps-panel{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.analytics-maps-card{flex:1;min-height:0;display:flex;flex-direction:column}.analytics-maps-chart{flex:1;min-height:0}.analytics-maps-splitter{flex:0 0 8px;background:var(--line);cursor:col-resize;margin:0 1px}.analytics-maps-splitter:hover,.analytics-maps-splitter[data-resize-handle-active],.analytics-maps-splitter[data-separator-state=active]{background:var(--accent)}.analytics-maps-split.stacked{height:820px}.analytics-maps-split.stacked .analytics-maps-splitter{cursor:row-resize}.zones-panel{flex:1;min-height:0;display:flex;flex-direction:column}.zones-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.zones-toolbar .chip-btn{padding:4px 8px;font:600 10px/1 var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-dim);background:none}.zones-toolbar .chip-btn.active{background:var(--accent-fill);border-color:var(--accent);color:var(--ink)}.zones-toolbar .chip-btn:disabled{opacity:.4;cursor:default}.zones-toolbar .icon-btn{width:24px;height:24px;font-size:13px}.zones-body{display:flex;gap:14px;flex:1;min-height:0}.zones-map-wrap{position:relative;flex:1;min-width:0;min-height:0;background:var(--water);border:1px solid var(--line)}.zones-list{width:240px;flex:none;overflow-y:auto;display:flex;flex-direction:column;gap:8px}@media (max-width: 860px){.zones-body{flex-direction:column}.zones-map-wrap{flex:none;height:320px}.zones-list{width:100%;max-height:260px}}.zone-card{border:1px solid var(--line);background:var(--panel-2);padding:9px 11px;cursor:pointer}.zone-card:hover{border-color:var(--accent-2)}.zone-card.selected{border-color:var(--accent);background:var(--accent-fill)}.zone-card-head{display:flex;align-items:center;gap:7px}.zone-kind-dot{width:8px;height:8px;border-radius:50%;flex:none}.zone-name-input{flex:1;min-width:0;border:none;background:none;color:var(--ink);font:600 12px/1.2 var(--font-body);padding:2px 0}.zone-name-input:focus{outline:1px solid var(--accent)}.zone-delete{background:none;border:none;color:var(--ink-dim);font-size:16px;line-height:1;cursor:pointer;flex:none;padding:0 2px}.zone-delete:hover{color:var(--crit)}.zone-delete:disabled{opacity:.35;cursor:default}.zone-delete:disabled:hover{color:var(--ink-dim)}.zone-lock-btn{background:none;border:none;font-size:13px;line-height:1;cursor:pointer;flex:none;padding:0 2px;opacity:.85}.zone-lock-btn:hover{opacity:1}.zone-card-count{font-size:12px;color:var(--ink);margin-top:5px}.zone-card-sub{font-size:10.5px;color:var(--ink-dim);margin-top:2px}.zone-label{font:600 10px/1 var(--font-heading);letter-spacing:.04em}.stat-plate{display:flex;flex-direction:column;gap:2px}.stat-plate .big{font-family:var(--font-heading);font-size:44px;font-weight:600;line-height:1;color:var(--ink);margin-top:6px}.stat-plate .caption{font-size:13px;color:var(--ink-dim);margin-top:6px;max-width:34ch}.delta{display:inline-flex;align-items:center;gap:5px;font-size:12px;margin-top:10px;font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--crit)}.trend-row{display:flex;align-items:flex-end;gap:3px;height:64px;margin-top:16px}.trend-row .bar{flex:1;background:var(--accent-fill);min-height:2px}.trend-row .bar.last{background:var(--accent)}.trend-labels{display:flex;justify-content:space-between;font:500 10px/1 var(--font-mono);color:var(--ink-dim);margin-top:6px}.ledger{display:flex;flex-direction:column}.ledger-group-label{font:600 10px/1 var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin:14px 0 8px}.ledger-group-label:first-child{margin-top:2px}.ledger-row{display:grid;grid-template-columns:140px 1fr 56px;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line-2)}.ledger-row:last-child{border-bottom:none}.ledger-name{font-size:12.5px;display:flex;align-items:center;gap:8px;color:var(--ink)}.swatch{width:8px;height:8px;flex:none}.ledger-bar-track{height:8px;background:var(--panel-3);overflow:hidden}.ledger-bar-fill{height:100%}.ledger-count{font:600 12.5px/1 var(--font-mono);text-align:right;color:var(--ink)}.live-grid{display:grid;grid-template-columns:1fr 336px;grid-auto-rows:minmax(0,1fr);gap:1px;background:var(--line);border:1px solid var(--line);flex:1;min-height:0}.live-grid>*{background:var(--panel)}@media (max-width: 1100px){.live-grid{grid-template-columns:1fr;grid-template-rows:420px minmax(320px,1fr)}}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.kpi-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-dim);margin:0 0 10px}.kpi-row b{color:var(--ink);font-weight:600}.kpi-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.chart-wrap{position:relative;background:var(--water);flex:1;min-height:0}.leaflet-chart-wrap{--map-bg: var(--water);--map-font: var(--font-body);--map-camera: #ff3d00;--map-camera-ring: #fff;--map-panel: var(--panel);--map-ink: var(--ink-dim);--map-line: var(--line)}.leaflet-chart .vessel-icon{background:none;border:none;cursor:pointer}.leaflet-chart .vessel-icon svg{overflow:visible;display:block}.leaflet-chart .vessel-tooltip-leaflet{font-size:12px;line-height:1.35}.slider-bar{display:flex;align-items:center;gap:12px;margin-top:14px}.slider-bar input[type=range]{flex:1;-webkit-appearance:none;height:3px;background:var(--line);outline:none}.slider-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--accent-2);cursor:pointer}.slider-bar input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);cursor:pointer}.icon-btn{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);width:30px;height:30px;cursor:pointer;font-size:12px;flex:none;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:disabled:hover{background:var(--panel-2);color:var(--ink);border-color:var(--line)}.time-readout{font:500 12.5px/1 var(--font-mono);color:var(--ink-dim);min-width:150px;text-align:right}.time-readout b{color:var(--ink);font-weight:600}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:14px;font-size:11.5px;color:var(--ink-dim)}.legend-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.legend-group-title{font-weight:600;color:var(--ink);margin-right:2px}.legend-item{display:flex;align-items:center;gap:5px}.live-stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.live-stat-cell{padding:11px 13px}.live-stat-cell+.live-stat-cell{border-left:1px solid var(--line)}.live-stat-cell .lbl{font:600 9.5px/1 var(--font-heading);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-dim)}.live-stat-cell .num{font:600 32px/1 var(--font-heading);color:var(--ink);margin-top:5px}.live-stat-cell .num.crit{color:var(--crit)}.live-stat-cell .sub{font-size:10.5px;color:var(--ink-dim);margin-top:4px}.panel-head{padding:11px 13px 8px;display:flex;align-items:baseline;gap:9px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font:600 13px/1 var(--font-heading);letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}.panel-head .count{margin-left:auto;font:500 10.5px/1 var(--font-mono);color:var(--ink-dim)}.annunciator-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-2);border-bottom:1px solid var(--line)}.annunciator-cell{background:var(--panel-2);padding:8px 11px;display:flex;align-items:center;gap:7px}.annunciator-cell .dot{width:8px;height:8px;border-radius:50%;flex:none}.annunciator-cell .lbl{font:500 11px/1 var(--font-body);color:var(--ink)}.annunciator-cell .n{margin-left:auto;font:700 12px/1 var(--font-mono);color:var(--ink)}.annunciator-cell.zero .lbl,.annunciator-cell.zero .n{color:var(--ink-dim)}.event-log{flex:1;overflow-y:auto;min-height:0;scrollbar-gutter:stable}.event-row{display:flex;gap:9px;padding:8px 13px;border-top:1px solid var(--line-2);cursor:pointer;background:none;border-left:none;border-right:none;border-bottom:none;width:100%;text-align:left}.event-row:hover{background:var(--panel-2)}.event-time{font:500 10px/1.5 var(--font-mono);color:var(--ink-dim);flex:none}.event-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex:none}.event-msg{font:400 11.5px/1.4 var(--font-body);color:var(--ink)}.event-msg b{font-weight:600}.event-log-empty{padding:14px 13px;font-size:12px;color:var(--ink-dim)}.vessels-grid{display:grid;grid-template-columns:268px 1fr;gap:1px;background:var(--line);border:1px solid var(--line);min-height:520px}.vessels-grid>*{background:var(--panel)}@media (max-width: 900px){.vessels-grid{grid-template-columns:1fr}}.vessel-filter-row{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line)}.vessel-filter-row .chip-btn{padding:4px 8px;font:600 10px/1 var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-dim);background:none}.vessel-filter-row .chip-btn.active{background:var(--accent-fill);border-color:var(--accent);color:var(--ink)}.vessel-list{overflow-y:auto;max-height:70vh}.vessel-row{display:block;width:100%;text-align:left;padding:9px 12px;border-top:1px solid var(--line-2);background:none;border-left:3px solid transparent}.vessel-row:hover{background:var(--panel-2)}.vessel-row.selected{background:var(--accent-fill);border-left-color:var(--accent)}.vessel-row-top{display:flex;align-items:baseline;gap:7px}.vessel-row-name{font:500 13px/1.1 var(--font-body);color:var(--ink)}.vessel-row-speed{margin-left:auto;font:500 10px/1 var(--font-mono);color:var(--ink-dim)}.vessel-row-speed.warn{color:var(--warn);font-weight:700}.vessel-row-meta{font-size:10.5px;color:var(--ink-dim);margin-top:3px}.vessel-row-warn{color:var(--crit);margin-right:4px}.vessel-empty{padding:30px 14px;font-size:12.5px;color:var(--ink-dim);text-align:center}.vessel-detail-head{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}.vessel-detail-icon{width:38px;height:38px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:none}.vessel-detail-head h2{margin:0;font:600 24px/1 var(--font-heading);letter-spacing:.02em;color:var(--ink)}.vessel-detail-sub{font:500 11px/1 var(--font-mono);color:var(--ink-dim);margin-top:7px}.vessel-track-map{padding:14px 18px}.vessel-breach-list{padding:0 18px 14px}.vessel-breach-row{display:flex;gap:9px;padding:9px 0;border-top:1px solid var(--line-2)}.vessel-breach-row .bar{width:3px;flex:none}.vessel-breach-row .title{font:600 12px/1.2 var(--font-body);color:var(--ink)}.vessel-breach-row .meta{font-size:10.5px;color:var(--ink-dim);margin-top:2px}.detail-panel{position:fixed;top:0;right:0;height:100%;width:min(400px,92vw);background:var(--panel);border-left:1px solid var(--line);box-shadow:var(--shadow-panel);padding:18px 20px 30px;overflow-y:auto;z-index:1100;transform:translate(0);transition:transform .16s ease}.detail-panel.hidden{transform:translate(100%);pointer-events:none}.detail-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:20px;color:var(--ink-dim);cursor:pointer;line-height:1}.detail-close:hover{color:var(--ink)}.detail-head{display:flex;align-items:center;gap:10px;margin:4px 30px 4px 0}.detail-head .swatch{width:12px;height:12px}.detail-head h3{font-family:var(--font-heading);font-size:20px;margin:0;font-weight:600;letter-spacing:.01em;text-transform:uppercase}.chip-row{display:flex;gap:6px;margin:10px 0 16px;flex-wrap:wrap}.chip{font:700 10px/1 var(--font-mono);padding:3px 7px;font-weight:600;letter-spacing:.03em;border:1px solid transparent}.chip.ais{background:var(--accent-fill);color:var(--accent-text);border-color:var(--accent)}.chip.camera{background:#e8c05c29;color:var(--warn);border-color:#e8c05c66}.chip.breach{background:#e66a6429;color:var(--crit);border-color:#e66a6466}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-bottom:18px}.info-cell{font-size:11.5px}.info-cell .label{color:var(--ink-dim);margin-bottom:2px}.info-cell .value{font-weight:600;font-size:13px;font-family:var(--font-mono);color:var(--ink)}.section-label{font:600 11px/1 var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin:4px 0 10px;display:flex;align-items:center;gap:8px}.capture-count{color:var(--ink-dim);font:500 10.5px/1 var(--font-mono);text-transform:none;letter-spacing:normal}.ais-card{border:1px solid var(--line);padding:12px;margin-bottom:16px;background:var(--panel-2);font:12px/1.6 var(--font-mono);color:var(--ink)}.no-capture-note{font-size:12px;color:var(--ink-dim);margin-bottom:14px}.capture-carousel{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.capture-frame{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--sky-a,#101821),var(--sky-b,#1a2833))}.capture-frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.capture-frame.capture-photo{background:var(--panel-3, #0c1218)}.capture-frame.capture-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.capture-frame .scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.4}.reticle{position:absolute;width:14px;height:14px;border-color:var(--accent);opacity:.7}.reticle.tl{top:6px;left:6px;border-top:2px solid;border-left:2px solid}.reticle.tr{top:6px;right:6px;border-top:2px solid;border-right:2px solid}.reticle.bl{bottom:6px;left:6px;border-bottom:2px solid;border-left:2px solid}.reticle.br{bottom:6px;right:6px;border-bottom:2px solid;border-right:2px solid}.capture-meta{position:absolute;bottom:6px;left:8px;font:600 10px/1 var(--font-mono);color:var(--ink);background:var(--panel);padding:2px 5px}.capture-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);opacity:.85;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;cursor:pointer}.capture-nav:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);opacity:1}.capture-nav.prev{left:8px}.capture-nav.next{right:8px}.capture-dots{display:flex;justify-content:center;gap:6px}.capture-dot{width:7px;height:7px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);cursor:pointer}.capture-dot.active{background:var(--accent);border-color:var(--accent)}.capture-time{font-size:11px;color:var(--ink-dim)}.empty-note{font-size:13px;color:var(--ink-dim);padding:30px 4px;text-align:center}.cameras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.camera-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.camera-card-map-wrap{position:relative;height:220px;background:var(--water);border:1px solid var(--line)}.camera-live-btn{flex:none;padding:4px 8px;font:600 10px/1 var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-dim);background:none}.camera-live-btn:hover{background:var(--accent-fill);border-color:var(--accent);color:var(--ink)}.camera-live-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.camera-live-modal{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-panel);width:min(900px,100%);max-height:90vh;overflow:auto}.camera-live-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.camera-live-head h3{margin:0;font-family:var(--font-heading);font-size:16px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}.camera-live-picture{padding:16px}.camera-live-wait{padding:0 16px 20px;margin:0}.alarm-zone-modal{width:min(1100px,100%)}.alarm-zone-map-wrap{position:relative;height:420px;margin:0 16px;background:var(--water);border:1px solid var(--line)}.alarm-zone-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px}.alarm-zone-limit{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-dim)}.alarm-zone-limit input{width:90px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);padding:5px 7px;font:inherit}.alarm-zone-name input{width:160px}.alarm-zone-actions{display:flex;align-items:center;gap:6px}.email-input{flex:1;min-width:0;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);padding:6px 9px;font:inherit}.email-input:focus{outline:1px solid var(--accent)}.day-input{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);padding:4px 8px;font:inherit;color-scheme:light dark}.day-input:focus{outline:1px solid var(--accent)}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.confirm-modal{background:var(--panel);border:2px solid var(--accent);box-shadow:var(--shadow-panel);width:min(380px,100%);padding:18px 20px}.confirm-title{margin:0 0 8px;font-family:var(--font-heading);font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--ink)}.confirm-body{margin:0 0 16px;font-size:13px;color:var(--ink-dim);line-height:1.45}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-danger-btn{background:var(--crit);color:#fff;border:1px solid var(--crit);padding:7px 14px;font:600 12px/1 var(--font-heading);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.confirm-danger-btn:hover{filter:brightness(1.1)}.settings-zone-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.footer-note{font-size:11px;color:var(--ink-dim);margin-top:20px;text-align:center;line-height:1.6}@media (max-width:600px){.info-grid{grid-template-columns:1fr 1fr}.wordmark h1{font-size:15px}.wordmark .tag{display:none}.stat-plate .big{font-size:34px}}.tabrail{position:fixed;top:56px;left:0;bottom:0;z-index:90;display:flex;flex-direction:column;align-items:stretch;width:190px;background:var(--brand-navy);border-right:1px solid var(--line);padding-top:10px;overflow-y:auto}.tabrail-tabs{display:flex;flex-direction:column}.tabrail button{justify-content:flex-start;height:44px;box-shadow:inset 3px 0 0 transparent}.tabrail button.active{box-shadow:inset 3px 0 0 var(--accent)}.shell{padding-left:210px}.connections{margin-top:auto;padding:12px 15px 16px;border-top:1px solid var(--line)}.connections-title{margin:0 0 8px;font:600 10.5px/1 var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.connection-row{display:flex;align-items:center;gap:8px;height:24px;font:500 12px/1 var(--font-heading);color:var(--ink)}.connection-dot{width:9px;height:9px;border-radius:50%;flex:none}.connection-dot.ok{background:#3fb389}.connection-dot.down{background:var(--crit)}.connection-dot.unknown{background:var(--ink-dim);opacity:.5}@media (max-width: 1560px){.tabrail{top:auto;position:static;width:auto;flex-direction:row;border-right:none}.tabrail-tabs{flex-direction:row}.connections{margin-top:0;margin-left:auto;padding:0 15px;border-top:none;flex-direction:row;display:flex;align-items:center;gap:14px}.connections-title{margin:0}.shell{padding-left:20px}}@keyframes pulseRing{0%{opacity:.9;r:8}to{opacity:0;r:16}}.pulse-ring{animation:pulseRing 1.4s ease-out infinite}@keyframes alarmBlink{0%,to{opacity:1}50%{opacity:.15}}.alarm-ring{animation:alarmBlink 1s steps(2) infinite}.leaflet-bar a,.leaflet-control-zoom a{font-family:var(--font-body)}