:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#e2e8f0;background:#07111f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(14,165,233,.22),transparent 34rem),linear-gradient(135deg,#07111f,#0f172a 58%,#111827)}button,input{font:inherit}code{font-size:.9em;color:#bae6fd}.dashboard-shell{width:min(1440px,100%);margin:0 auto;padding:24px}.hero-card,.panel-card,.map-panel{border:1px solid rgba(148,163,184,.22);background:#0f172ac2;box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px;padding:24px;border-radius:28px}.eyebrow,.section-heading p,.alerts-list p{margin:0;color:#38bdf8;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{max-width:860px;margin:8px 0 10px;font-size:clamp(2rem,4vw,4.8rem);line-height:.96;letter-spacing:-.065em}.hero-copy{max-width:740px;margin:0;color:#cbd5e1;font-size:1rem}.socket-pill{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:10px 14px;border-radius:999px;color:#e2e8f0;background:#0f172adb;border:1px solid rgba(148,163,184,.24);font-size:.84rem;font-weight:700;text-transform:capitalize}.socket-pill span{width:9px;height:9px;border-radius:999px;background:#facc15;box-shadow:0 0 16px #facc15}.socket-pill.live span{background:#22c55e;box-shadow:0 0 16px #22c55e}.socket-pill.offline span{background:#ef4444;box-shadow:0 0 16px #ef4444}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:stretch}.map-panel{position:relative;min-height:720px;overflow:hidden;border-radius:28px}.map-container{position:absolute;top:0;right:0;bottom:0;left:0}.legend-card{position:absolute;z-index:2;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:#0f172adb;color:#e2e8f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.map-toolbar{position:absolute;top:16px;left:16px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:min(760px,calc(100% - 32px));padding:10px;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:#0f172ae0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.map-toolbar label,.language-switcher{display:inline-grid;gap:4px;color:#cbd5e1;font-size:.74rem;font-weight:800;text-transform:uppercase}.map-toolbar select{min-width:150px;border:1px solid rgba(148,163,184,.32);border-radius:10px;color:#e2e8f0;background:#0f172a;padding:7px 9px}.layer-sync{color:#bae6fd;font-size:.8rem;font-weight:700}.layer-sync.error{color:#fecaca}.legend-card{right:16px;bottom:28px;display:grid;gap:8px;min-width:180px;padding:14px;font-size:.86rem}.legend-card strong{color:#f8fafc}.legend-card span{display:flex;align-items:center;gap:8px;color:#cbd5e1}.legend-card i{width:12px;height:12px;border-radius:4px}.day-zero-swatch{background:#7f1d1d;animation:day-zero-pulse 1.4s infinite}.day-zero-threat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:3px solid rgba(127,29,29,.72);box-shadow:inset 0 0 32px #7f1d1d8f;animation:day-zero-pulse 1.4s infinite}.ward-popup-card{position:absolute;left:16px;bottom:92px;z-index:3;display:grid;gap:4px;max-width:300px;padding:14px;border:1px solid rgba(148,163,184,.28);border-radius:18px;color:#e2e8f0;background:#0f172ae0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ward-popup-card strong{color:#f8fafc}.ward-popup-card span{color:#cbd5e1;font-size:.86rem}.map-attribution{position:absolute;left:16px;bottom:16px;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(148,163,184,.28);border-radius:999px;color:#f8fafc;background:#0f172aeb;font-size:.78rem;font-weight:800;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.map-attribution img{width:24px;height:24px;object-fit:contain}.ward-popup h3{margin:0 0 8px}.ward-popup p{margin:4px 0}@keyframes day-zero-pulse{0%,to{opacity:1}50%{opacity:.52}}.insight-panel{display:grid;gap:20px}.panel-card{border-radius:24px;padding:18px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading strong{color:#f8fafc;text-align:right}.selected-ward{display:grid;gap:16px}.stress-badge{width:fit-content;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:uppercase}.stress-badge.critical{color:#fecaca;background:#ef44442e}.stress-badge.watch{color:#fef08a;background:#facc152e}.stress-badge.stable{color:#bbf7d0;background:#22c55e2e}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics-grid article{padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#02061761}.metrics-grid span,.transaction-item span,.alert-item span{display:block;color:#94a3b8;font-size:.78rem}.metrics-grid strong{display:block;margin-top:6px;color:#f8fafc;font-size:1.45rem}.alerts-list{display:grid;gap:8px}.alerts-list span{display:block;padding:10px 12px;border-radius:14px;color:#dbeafe;background:#3b82f61f}.feed-list{display:grid;gap:10px;max-height:320px;overflow:auto;padding-right:4px}.feed-list::-webkit-scrollbar{width:8px}.feed-list::-webkit-scrollbar-thumb{border-radius:999px;background:#94a3b857}.alert-item,.transaction-item{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#02061757}.alert-item{padding:12px;border-left:4px solid #38bdf8}.alert-item.critical{border-left-color:#ef4444}.alert-item.warning{border-left-color:#facc15}.alert-item strong{display:block;margin-top:5px;color:#f8fafc}.alert-item p,.transaction-item p{margin:6px 0 0;color:#cbd5e1;font-size:.88rem;line-height:1.45}.transaction-item{display:grid;gap:8px;padding:12px}.transaction-item div{display:flex;justify-content:space-between;gap:12px}.transaction-item strong{color:#f8fafc}.transaction-item em{width:fit-content;padding:4px 8px;border-radius:999px;font-size:.72rem;font-style:normal;font-weight:800;text-transform:uppercase}.transaction-item em.settled{color:#bbf7d0;background:#22c55e2e}.transaction-item em.pending{color:#bae6fd;background:#0ea5e92e}.transaction-item em.flagged{color:#fed7aa;background:#f973162e}@media (max-width: 1100px){.layout-grid{grid-template-columns:1fr}.map-panel{min-height:620px}}@media (max-width: 720px){.dashboard-shell{padding:12px}.hero-card{flex-direction:column;border-radius:22px}.map-panel{min-height:520px;border-radius:22px}.metrics-grid{grid-template-columns:1fr}}