:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#e8f3f6;background:radial-gradient(circle at top left,rgba(39,114,141,.22),transparent 28%),linear-gradient(180deg,#17262d,#101d23);color-scheme:dark;--surface: rgba(18, 31, 38, .92);--surface-soft: rgba(23, 38, 45, .84);--surface-float: rgba(15, 24, 29, .88);--border: rgba(192, 214, 220, .14);--text-muted: #9ab1b9;--safe: #57d88d;--warning: #ffd166;--danger: #ff6b6b;--shadow: 0 18px 60px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);background:linear-gradient(180deg,#ffffff05,#fff0)}.sidebar{display:grid;align-content:start;gap:22px;padding:28px 22px;background:#16242b;border-right:1px solid var(--border)}.brand-block h1{margin-top:8px;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(2rem,3vw,3rem);line-height:.95;max-width:9ch}.eyebrow,.panel-kicker,.sidebar-label,.floating-label{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#8eb5bf}.sidebar-copy{margin-top:14px;color:var(--text-muted);line-height:1.65}.sidebar-section,.metric-nav{display:grid;gap:10px}.metric-button,.selected-card,.mini-stat,.drawer-panel,.trend-card,.alert-item,.comparison-row,.ranking-item,.floating-card,.map-overlay{border:1px solid var(--border);background:var(--surface-soft);box-shadow:var(--shadow)}.metric-button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 16px;border-radius:18px;color:#e8f3f6;cursor:pointer}.metric-button span{font-weight:600}.metric-button small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.metric-button.is-active{background:linear-gradient(135deg,#3f6e7acc,#263c44f2);border-color:#bcd6dd47}.selected-card,.mini-stat,.drawer-panel{border-radius:22px;padding:16px}.selected-card p,.mini-stat span,.alert-item p,.comparison-row p,.rank-copy p,.floating-card span,.map-overlay p{color:var(--text-muted)}.selected-card{display:grid;gap:14px}.selected-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.selected-header span{display:block;color:var(--text-muted);margin-top:4px}.selected-metric{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:12px;border-top:1px solid var(--border)}.selected-metric span{color:var(--text-muted)}.selected-metric strong{font-size:1.1rem}.sensor-feed-card,.sensor-feed-item{border:1px solid var(--border);border-radius:18px;background:#ffffff08}.sensor-feed-card{display:grid;gap:12px;padding:14px}.sensor-feed-path,.sensor-feed-message,.sensor-feed-item p{color:var(--text-muted)}.sensor-feed-path{font-size:.84rem}.sensor-feed-message{font-size:.86rem}.sensor-feed-message.ready{color:var(--safe)}.sensor-feed-message.partial{color:var(--warning)}.sensor-feed-message.offline{color:var(--danger)}.sensor-feed-list{display:grid;gap:10px}.sensor-feed-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;color:#e8f3f6;cursor:pointer}.sensor-feed-item.is-active{border-color:#bcd6dd47;background:#3f6e7a2e}.sensor-feed-meta{display:grid;justify-items:end;gap:8px}.sidebar-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-stat strong{display:block;margin-top:8px;font-size:1.2rem}.status-pill,.risk-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#ffffff0d;font-weight:700}.status-pill.safe,.risk-badge.safe{color:var(--safe)}.status-pill.warning,.risk-badge.warning{color:var(--warning)}.status-pill.danger,.risk-badge.danger{color:var(--danger)}.map-workspace{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;background:#1a252b}.map-stage{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:68vh}.workspace-header{display:flex;justify-content:space-between;gap:18px;align-items:start;padding:18px 20px 16px;border-bottom:1px solid var(--border);background:#16242bdb}.workspace-header h2,.drawer-header h3{font-family:Space Grotesk,IBM Plex Sans,sans-serif}.header-diagnostic-card{max-width:420px;border:1px solid var(--border);border-radius:18px;padding:14px 16px;background:#ffffff0a;box-shadow:var(--shadow)}.map-diagnostic-card{position:absolute;top:20px;left:20px;z-index:1;max-width:320px;border:1px solid var(--border);border-radius:18px;padding:14px 16px;background:#121f26e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.map-selected-card{position:absolute;left:20px;bottom:20px;z-index:1;width:min(300px,calc(100% - 500px));border:1px solid var(--border);border-radius:22px;padding:14px 15px;background:#121f26e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.map-selected-card .selected-header{align-items:center;gap:10px}.map-selected-card .selected-header strong{font-size:1rem}.map-selected-card .selected-header span{margin-top:2px;font-size:.82rem}.map-selected-card p{margin-top:10px;color:var(--text-muted);line-height:1.45;font-size:.9rem}.map-selected-card .selected-metric{margin-top:12px;padding-top:10px}.legend{display:flex;flex-wrap:wrap;gap:14px}.legend-item{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.88rem}.legend-dot{width:10px;height:10px;border-radius:999px}.reef-map{position:relative;min-height:0;background:#151d22}.map-icon-button{position:absolute;top:20px;right:20px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;background:#121f26e0;color:#e8f3f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);cursor:pointer}.map-icon-button:hover{background:#1c2d35f2}.map-icon-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.map-stage.is-fullscreen{background:#121c21}.map-stage.is-fullscreen .reef-map{min-height:calc(100vh - 82px)}.map-stage.is-fullscreen .workspace-header{padding-inline:24px}.google-map-canvas{position:absolute;inset:0}.map-fallback{position:absolute;inset:0;display:grid;place-items:center;gap:10px;padding:24px;text-align:center;background:linear-gradient(180deg,#243b4566,#161d2299),linear-gradient(135deg,#142027fa,#1b272efa)}.map-fallback p{max-width:34ch;line-height:1.6}.map-overlay{position:absolute;z-index:1;border-radius:18px;padding:14px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-overlay strong{display:block;margin-top:6px}.diagnostic-list{display:grid;gap:10px;margin-top:8px}.diagnostic-list div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.diagnostic-list span{color:var(--text-muted);font-size:.82rem}.map-overlay{right:20px;bottom:20px;display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:14px;width:min(420px,calc(100% - 40px))}.map-marker-badge{position:absolute;transform:translate(-50%,calc(-100% - 18px));padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0f181deb;color:#f2fbff;font-size:.82rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:0 10px 24px #00000042;pointer-events:none}.map-marker-badge:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#0f181deb;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);transform:translate(-50%) rotate(45deg)}.bottom-drawer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px;border-top:1px solid var(--border);background:#152128}.drawer-panel{min-width:0;background:linear-gradient(180deg,#ffffff08,#ffffff04),var(--surface-soft)}.drawer-panel-wide{grid-column:1 / -1}.drawer-header{margin-bottom:16px}.trend-grid,.alert-list,.comparison-table,.ranking-list{display:grid;gap:12px}.trend-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px}.trend-card,.alert-item,.comparison-row,.ranking-item{border-radius:18px;padding:14px}.trend-header,.alert-item,.comparison-row,.ranking-item{display:flex;justify-content:space-between;gap:12px;align-items:center}.trend-card{display:grid;gap:12px;padding:18px;background:linear-gradient(180deg,#ffffff08,#ffffff04),var(--surface-soft)}.trend-header{align-items:start}.trend-header p{color:var(--text-muted);margin-bottom:6px}.trend-header strong{font-size:1.35rem}.trend-subheader,.trend-stats{display:flex;justify-content:space-between;gap:12px}.trend-subheader{color:var(--text-muted);font-size:.82rem}.trend-delta{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:8px 10px;border-radius:999px;font-weight:700;background:#ffffff0d}.trend-delta.up{color:#ffb284}.trend-delta.down{color:#79d7ff}.trend-delta.flat{color:var(--text-muted)}.chart-shell{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:stretch}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;color:var(--text-muted);font-size:.75rem}.sparkline{width:100%;height:132px;overflow:visible}.sparkline path{fill:none;stroke:#9bd8e6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-gridline{stroke:#ffffff17;stroke-width:.8;stroke-dasharray:2 3}.trend-stats{padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.trend-stats span{display:block;color:var(--text-muted);font-size:.78rem;margin-bottom:4px}.trend-stats strong{font-size:1rem}.trend-ticks{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:.78rem}.alert-item span{max-width:40ch;line-height:1.5}.alert-item{align-items:start}.alert-item.critical{border-color:#ff6b6b4d}.alert-item.warning{border-color:#ffd1664d}.alert-item.info{border-color:#9bd8e64d}.rank-index{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ffffff0d;font-weight:700}.rank-copy{flex:1}.zone-callout{display:grid;gap:6px;margin-bottom:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.zone-callout span,.zone-callout p{color:var(--text-muted)}@media(max-width:1180px){.app-shell{grid-template-columns:280px minmax(0,1fr)}.bottom-drawer,.trend-grid{grid-template-columns:1fr}.drawer-panel-wide{grid-column:auto}}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}}@media(max-width:720px){.sidebar{padding:20px 16px}.workspace-header,.bottom-drawer{padding:14px}.map-diagnostic-card{top:14px;left:14px;max-width:calc(100% - 72px)}.map-selected-card{left:14px;bottom:14px;width:calc(100% - 28px)}.workspace-header,.selected-header,.trend-header,.trend-subheader,.trend-stats,.alert-item,.comparison-row,.ranking-item,.map-overlay{grid-template-columns:1fr;flex-direction:column;align-items:start}.sidebar-split,.map-overlay{grid-template-columns:1fr}.map-icon-button{top:14px;right:14px}.map-overlay{right:14px;bottom:14px}}