:root{--zeam-purple-primary: #5a1aa6;--zeam-purple-dark: #380772;--zeam-purple-baby: #9431e0;--zeam-green-on: #16a34a;--zeam-blue-off: #2563eb;--zeam-bg: #f8f7ff;--zeam-text-main: #0f172a;--status-planned: #bfbfbf;--status-dev: #d86dcd;--status-testing: #6f7293;--status-online: #5b3594;--status-outage: #fde600;--status-offline: #e97132}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Poppins,sans-serif;background-color:var(--zeam-bg);color:var(--zeam-text-main)}#root{height:100vh}.zeam-app-shell{display:flex;flex-direction:column;height:100%}.zeam-header{padding:1rem 1.5rem;background:linear-gradient(135deg,var(--zeam-purple-primary),var(--zeam-purple-dark));color:#fff}.zeam-header-title{margin:0;font-size:1.25rem;font-weight:600}.zeam-main{flex:1;display:flex;flex-direction:column;padding:1rem 1.5rem 1.5rem;gap:1rem}@media (min-width: 960px){.zeam-main{flex-direction:row}}.zeam-filters-panel{flex-shrink:0;max-width:320px}.zeam-map-panel{flex:1;min-height:400px}.zeam-section-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.zeam-filters-group{margin-bottom:.75rem}.zeam-filters-row{display:flex;flex-wrap:wrap;gap:.5rem}.filter-pill{border-radius:999px;padding:.35rem .9rem;font-size:.8rem;border:1px solid rgba(15,23,42,.15);background-color:#fffc;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .05s ease}.filter-pill:hover{transform:translateY(-1px)}.filter-pill.on{border-color:#16a34a99}.filter-pill.off{border-color:#2563eb99}.filter-pill.selected.on{background-color:var(--zeam-green-on);border-color:var(--zeam-green-on);color:#fff}.filter-pill.selected.off{background-color:var(--zeam-blue-off);border-color:var(--zeam-blue-off);color:#fff}.filter-pill-label{font-weight:500}.zeam-map-container{width:100%;height:100%;background:radial-gradient(circle at top left,#fff,#e2d9ff);border-radius:1rem;box-shadow:0 18px 45px #0f172a2e;padding:.75rem}.zeam-map-inner{width:100%;height:100%}.zeam-map-tooltip{background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 8px 24px #0f172a2e;font-size:.85rem;min-width:250px;max-width:350px}.zeam-map-tooltip-title{font-weight:700;font-size:1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(15,23,42,.1)}.zeam-map-tooltip-body{display:flex;flex-direction:column;gap:.5rem}.zeam-tooltip-status-section{display:flex;flex-direction:column;gap:.25rem}.zeam-tooltip-status-title{font-weight:700;font-size:.875rem;color:var(--zeam-text-main)}.zeam-tooltip-status-content{display:flex;flex-wrap:wrap;gap:.375rem;margin-left:.5rem;font-size:.8rem;color:#0f172acc}.zeam-tooltip-method{white-space:nowrap}.zeam-city-tooltip{background-color:#fff;padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 8px 24px #0f172a2e;font-size:.875rem;min-width:200px;border-left:4px solid var(--zeam-purple-primary)}.zeam-city-tooltip-name{font-weight:700;font-size:.95rem;color:var(--zeam-text-main);margin-bottom:.25rem}.zeam-city-tooltip-location{font-size:.8rem;color:#0f172ab3;margin-bottom:.35rem}.zeam-city-tooltip-type{font-size:.8rem;font-weight:600;color:var(--zeam-purple-primary);text-transform:uppercase;letter-spacing:.05em}.zeam-legend-above-map{margin-bottom:1rem}.zeam-legend{display:flex;flex-direction:column;gap:.5rem}.zeam-legend-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.zeam-legend-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.zeam-legend-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;cursor:pointer;transition:background-color .15s ease,transform .05s ease,border-color .15s ease;border:2px solid transparent;background-color:#fffc}.zeam-legend-item:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0f172a1a}.zeam-legend-item:focus{outline:2px solid var(--zeam-purple-primary);outline-offset:2px}.zeam-legend-item.selected{border-color:var(--zeam-purple-primary);background-color:#5a1aa614;box-shadow:0 2px 8px #5a1aa626}.zeam-legend-swatch{width:1rem;height:1rem;border-radius:.25rem;flex-shrink:0;border:1px solid rgba(15,23,42,.15)}.zeam-legend-label{font-size:.875rem;font-weight:500}.filter-pill.filter-pill-status{border-color:var(--status-color, rgba(15, 23, 42, .15))}.filter-pill.filter-pill-status.selected{background-color:var(--status-color);border-color:var(--status-color);color:#0f172a;font-weight:600}.filter-pill.filter-pill-status.status-outage.selected,.filter-pill.filter-pill-status.status-planned.selected{color:#0f172a}.filter-pill.filter-pill-type.selected,.filter-pill.filter-pill-method.selected{background-color:var(--zeam-purple-primary);border-color:var(--zeam-purple-primary);color:#fff}