:root{color:#16231e;background:#eef1ec;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--surface: #f8faf7;--surface-strong: #ffffff;--ink: #16231e;--muted: #66736e;--line: #d9dfd8;--line-strong: #bdc9c0;--green: #1f6f55;--green-deep: #134536;--yellow: #f2d16b;--orange: #ec8b3a;--red: #d84a32;--blue: #2c6e9f;--shadow: 0 18px 45px rgb(33 45 39 / 14%)}*{box-sizing:border-box}html{background:var(--surface)}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgb(44 110 159 / 40%);outline-offset:2px}.dashboard-shell{min-height:100vh;padding:24px;background:linear-gradient(180deg,#ffffffb8,#eef1ece0),radial-gradient(circle at top left,rgb(31 111 85 / 12%),transparent 36rem),#eef1ec}.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1520px;margin:0 auto 18px}.eyebrow{margin:0 0 6px;color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:6px;color:var(--ink);font-size:clamp(2.1rem,4vw,4.2rem);line-height:.96;letter-spacing:0}h2{margin-bottom:0;color:var(--ink);font-size:1.08rem;letter-spacing:0}.header-copy{max-width:720px;margin-bottom:0;color:var(--muted);font-size:1rem}.live-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgb(31 111 85 / 20%);border-radius:999px;background:#ffffffc2;color:var(--green-deep);font-weight:800;white-space:nowrap;box-shadow:0 8px 22px #1f6f551a}.api-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1520px;min-height:46px;margin:0 auto 16px;padding:12px 14px;border:1px solid rgb(216 74 50 / 36%);border-radius:8px;background:#fff5f1f0;color:#7c2a1c;box-shadow:0 10px 26px #d84a321a}.api-alert strong,.api-alert span{min-width:0}.api-alert span{overflow-wrap:anywhere;color:#6d5149;font-size:.9rem;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1520px;margin:0 auto 16px}.metric-tile{display:flex;align-items:center;gap:12px;min-height:86px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffffd1;box-shadow:0 10px 30px #212d2714}.metric-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:50%;background:#1f6f551a;color:var(--green)}.metric-tile p{margin-bottom:2px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.metric-tile strong{display:block;color:var(--ink);font-size:1.6rem;line-height:1}.workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(420px,1fr) minmax(300px,360px);gap:16px;max-width:1520px;min-height:660px;margin:0 auto}.control-panel,.detail-panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#f8faf7eb;box-shadow:var(--shadow)}.control-panel{display:flex;flex-direction:column;gap:18px}.panel-heading{display:flex;align-items:center;gap:8px}fieldset{min-width:0;margin:0;padding:0;border:0}legend,.range-control span,.select-control span{display:block;margin-bottom:8px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.segmented-control button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--muted);cursor:pointer;font-weight:800}.segmented-control button.is-active{border-color:#1f6f555c;background:var(--green);color:#fff}.status-checks{display:grid;grid-template-columns:1fr;gap:8px}.status-checks label{display:flex;align-items:center;gap:9px;color:#34443e;font-weight:700}.status-checks input{width:18px;height:18px;accent-color:var(--green)}.range-control{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.range-control span,.select-control span{grid-column:1 / -1}.range-control input{width:100%;accent-color:var(--green)}.range-control strong{min-width:44px;color:var(--ink);text-align:right}.select-control select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--ink)}.candidate-list{display:grid;gap:8px;overflow:auto;padding-right:2px}.empty-state{margin:0;padding:14px;border:1px dashed var(--line-strong);border-radius:8px;background:#ffffffb8;color:var(--muted);font-size:.9rem;font-weight:700}.candidate-row{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:center;min-height:66px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.candidate-row-selected{border-color:#1f6f5575;background:#edf6f1}.candidate-row strong,.candidate-row small{display:block}.candidate-row strong{margin-bottom:2px;color:var(--ink);font-size:.9rem}.candidate-row small{color:var(--muted)}.severity-dot{width:12px;height:12px;border-radius:50%}.severity-low{background:var(--yellow)}.severity-medium{background:var(--orange)}.severity-high{background:var(--red)}.map-canvas,.map-fallback{position:relative;min-height:660px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#dce3df;box-shadow:var(--shadow)}.map-fallback{isolation:isolate}.map-grid{position:absolute;inset:0;background:linear-gradient(27deg,transparent 0 47%,rgb(255 255 255 / 55%) 47% 51%,transparent 51%),linear-gradient(113deg,transparent 0 48%,rgb(255 255 255 / 50%) 48% 52%,transparent 52%),linear-gradient(90deg,rgb(31 111 85 / 8%) 1px,transparent 1px),linear-gradient(0deg,rgb(31 111 85 / 8%) 1px,transparent 1px),#dfe7e2;background-size:340px 220px,420px 260px,52px 52px,52px 52px,auto}.map-pin{position:absolute;z-index:1;display:grid;width:52px;height:52px;place-items:center;border:2px solid rgb(255 255 255 / 90%);border-radius:50%;color:#1b211d;cursor:pointer;font-weight:900;transform:translate(-50%,-50%);box-shadow:0 12px 30px #1f2d273d}.map-pin-low{background:#f2d16bc7}.map-pin-medium{background:#ec8b3acc}.map-pin-high{background:#d84a32d6;color:#fff}.map-pin-selected{width:66px;height:66px;outline:6px solid rgb(255 255 255 / 58%)}.map-token-note{position:absolute;right:18px;bottom:18px;max-width:min(340px,calc(100% - 36px));padding:10px 12px;border:1px solid rgb(22 35 30 / 12%);border-radius:8px;background:#ffffffe0;color:var(--muted);font-size:.86rem;font-weight:700}.detail-panel{display:flex;flex-direction:column;gap:22px}.detail-empty p:last-child{margin-bottom:0;color:var(--muted);font-weight:700}.detail-panel h2{margin-bottom:10px;font-size:1.4rem;line-height:1.1}.severity-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;color:#211c12;font-size:.78rem;font-weight:900}.severity-pill.severity-high{color:#fff}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.detail-grid div{min-height:78px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.detail-grid dt{margin-bottom:6px;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.detail-grid dd{margin:0;color:var(--ink);font-size:1.18rem;font-weight:850;overflow-wrap:anywhere}@media(max-width:1180px){.workspace{grid-template-columns:minmax(270px,320px) minmax(420px,1fr)}.detail-panel{grid-column:1 / -1}}@media(max-width:860px){.dashboard-shell{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.api-alert{align-items:flex-start;flex-direction:column}.map-canvas,.map-fallback{min-height:520px}}@media(max-width:560px){h1{font-size:2.35rem}.metric-grid,.detail-grid{grid-template-columns:1fr}.control-panel,.detail-panel{padding:14px}.segmented-control{grid-template-columns:1fr}}