:root{--navy-950:#08121f;--navy-900:#0f2030;--navy-800:#173247;--cyan-400:#53dce6;--white-ice:#edf6fa;--steel-blue:#a6bbc8;--green-400:#35c99b;--amber-400:#f2b65d;--red-400:#f0757d;--blue-400:#83a9ff;--border-standard:#244354;--color-bg-primary:var(--navy-950);--color-bg-surface:var(--navy-900);--color-bg-elevated:var(--navy-800);--color-text-primary:var(--white-ice);--color-text-secondary:var(--steel-blue);--color-accent:var(--cyan-400);--color-primary:var(--color-accent);--color-on-accent:var(--navy-950);--color-status-normal:var(--green-400);--color-status-warning:var(--amber-400);--color-status-critical:var(--red-400);--color-status-info:var(--blue-400);--color-border:var(--border-standard);--color-border-active:var(--color-accent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--border-width:1px;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-size-h1:2rem;--font-size-h2:1.75rem;--font-size-h3:1.375rem;--font-size-panel-title:1.125rem;--font-size-body:1rem;--font-size-helper:.875rem;--line-height-heading:1.2;--line-height-body:1.6;--shell-header-bg:var(--color-bg-surface);--navigation-bg-active:var(--color-bg-elevated);--navigation-border-active:var(--color-border-active);--navigation-radius:var(--radius-sm);--surface-operational:linear-gradient(155deg, color-mix(in srgb, var(--color-bg-elevated) 35%, var(--color-bg-surface)), var(--color-bg-surface) 60%);--shadow-operational:inset 0 1px 0 color-mix(in srgb, var(--color-accent) 8%, transparent), 0 4px 12px color-mix(in srgb, var(--color-bg-primary) 45%, transparent)}@media (width>=1024px){:root{--font-size-h1:3rem;--font-size-h2:2.25rem;--font-size-h3:1.5rem}}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/inter-latin-ext-DO1Apj_S.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 600;font-display:swap;src:url(/assets/space-grotesk-latin-ext-D9tNdqV9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 600;font-display:swap;src:url(/assets/space-grotesk-latin-BhU9QXUp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}:root{font-family:var(--font-ui);font-weight:var(--font-weight-regular);font-variant-numeric:tabular-nums;color:var(--color-text-primary);background-color:var(--color-bg-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility}body{font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-wrap:anywhere;margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin:0}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}small{font-size:var(--font-size-helper)}code,pre,kbd,samp{font-family:var(--font-mono)}p{margin:0}a{color:var(--color-accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--color-accent);outline-offset:var(--space-1)}button,input,select,textarea{font:inherit}img,svg{max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ui-card{gap:var(--space-4);min-inline-size:0;max-inline-size:100%;padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);background-color:var(--color-bg-surface);overflow-wrap:anywhere;flex-direction:column;display:flex}.ui-card>*{min-inline-size:0;max-inline-size:100%}.page-content{width:100%}.page-heading{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.content-panel,.panel-grid{width:100%;min-width:0}.content-panel>.ui-card{height:100%}.control-layout>.page-content .content-panel>.ui-card{background-image:var(--surface-operational);box-shadow:var(--shadow-operational)}.content-panel h2{font-size:var(--font-size-h3)}.content-panel h3{font-size:var(--font-size-panel-title)}.panel-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.panel-grid>*{min-width:0}.module-chart{gap:var(--space-2);overflow-wrap:anywhere;min-inline-size:0;display:grid}.module-chart-track{inline-size:100%;min-inline-size:0;block-size:var(--space-3);margin-block:var(--space-2);background:var(--color-bg-elevated);border-radius:var(--radius-sm)}.module-chart-fill{background:var(--color-accent);border-radius:inherit;height:100%}.module-chart-fill[data-severity=normal]{background:var(--color-status-normal)}.module-chart-fill[data-severity=warning]{background:var(--color-status-warning)}.module-chart-fill[data-severity=critical]{background:var(--color-status-critical)}@media (width>=480px){.panel-grid--summary,.panel-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.panel-grid--summary{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.panel-grid--main-detail{grid-template-columns:repeat(12,minmax(0,1fr))}.panel-grid--main-detail>:first-child{grid-column:span 8}.panel-grid--main-detail>:last-child{grid-column:span 4}}.ui-button{min-block-size:44px;min-inline-size:44px;max-inline-size:100%;padding:var(--space-2) var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);overflow-wrap:anywhere;white-space:normal;cursor:pointer}.ui-button--primary{color:var(--color-on-accent);background-color:var(--color-primary)}.ui-button--secondary{color:var(--color-text-primary);background-color:var(--color-bg-surface);border-color:var(--color-text-secondary)}.ui-button--tertiary{color:var(--color-accent);background-color:#0000}.ui-button--destructive{color:var(--color-status-critical);background-color:var(--color-bg-surface);border-color:var(--color-status-critical)}.ui-button:enabled:hover{text-decoration:underline}.ui-button--secondary:enabled:hover,.ui-button--tertiary:enabled:hover,.ui-button--destructive:enabled:hover{background-color:var(--color-bg-elevated)}.ui-button:focus-visible{outline:var(--space-1) solid var(--color-accent);outline-offset:var(--space-1)}.ui-button:disabled{color:var(--color-text-secondary);background-color:var(--color-bg-surface);border-color:var(--color-border);cursor:not-allowed;border-style:dashed}.ui-button-status{max-inline-size:100%;color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--font-size-helper);line-height:var(--line-height-body);overflow-wrap:anywhere;margin-inline-start:var(--space-2);display:inline-block}.ui-badge{align-self:flex-start;align-items:baseline;gap:var(--space-1);min-inline-size:0;max-inline-size:100%;padding:var(--space-1) var(--space-2);border:var(--border-width) solid currentColor;border-radius:var(--radius-sm);background-color:var(--color-bg-surface);font-family:var(--font-ui);font-size:var(--font-size-helper);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);overflow-wrap:anywhere;display:inline-flex}.ui-badge>span:last-child{min-inline-size:0}.ui-badge--neutral{color:var(--color-text-secondary)}.ui-badge--info{color:var(--color-status-info)}.ui-badge--normal{color:var(--color-status-normal)}.ui-badge--warning{color:var(--color-status-warning)}.ui-badge--critical{color:var(--color-status-critical)}.map-traffic-pill rect{fill:var(--color-bg-primary);stroke:var(--color-status-info);stroke-opacity:.6;stroke-width:1px}.map-traffic-pill text{fill:var(--color-text-primary);font-family:var(--font-ui);text-anchor:middle;font-size:12px}.map-traffic-pill[data-traffic-highest=true] rect{stroke-opacity:1;stroke-width:2px}.map-alarm-marker{color:var(--color-status-warning)}.map-alarm-marker[data-severity=critical]{color:var(--color-status-critical)}.map-alarm-backplate{fill:var(--color-bg-primary);stroke:var(--color-bg-primary);stroke-width:6px;vector-effect:non-scaling-stroke}.map-alarm-frame,.map-alarm-marker path{fill:var(--color-bg-primary);stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}.map-alarm-marker text{fill:currentColor;font-family:var(--font-ui);font-weight:var(--font-weight-semibold);text-anchor:middle}.map-alarm-symbol{font-size:15px}.map-alarm-status-text{font-size:12px}.map-active-alarm-summary{gap:var(--space-2);min-width:0;margin:0 var(--space-3) var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-helper);overflow-wrap:anywhere;display:grid}.map-active-alarm-summary p{margin:0}.map-active-alarm-summary>p:last-child{color:var(--color-text-secondary)}.map-active-alarm-summary ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.map-active-alarm-summary li{min-width:0;max-width:100%}.map-active-alarm-summary .ui-badge{background:var(--color-bg-primary);border-width:2px}.map-hud-readout{margin-inline:var(--space-3);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-helper)}.map-hud-readout ul{gap:var(--space-2);padding-inline-start:var(--space-4);display:grid}.map-hud-readout li{overflow-wrap:anywhere}.map-hud-readout li>span{display:block}.map-hud-readout [data-traffic-highest=true]>span{color:var(--color-status-info);font-weight:var(--font-weight-semibold)}.ui-field{gap:var(--space-2);min-inline-size:0;max-inline-size:100%;color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-wrap:anywhere;flex-direction:column;display:flex}.ui-control,.ui-range{box-sizing:border-box;min-block-size:44px;inline-size:100%;min-inline-size:0;max-inline-size:100%;font:inherit;margin:0}.ui-control{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-text-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary);background-color:var(--color-bg-surface)}.ui-control[aria-invalid=true]{border-color:var(--color-status-critical)}.ui-control:enabled:hover:not([aria-invalid=true]){border-color:var(--color-accent)}.ui-choice:has(input:enabled):hover>span:first-of-type{text-decoration:underline}.ui-field:has(.ui-range:enabled:hover)>label{text-decoration:underline}.ui-field-help{color:var(--color-text-secondary);font-size:var(--font-size-helper)}.ui-field-error{color:var(--color-status-critical);font-size:var(--font-size-helper)}.ui-field-help,.ui-field-error{margin:0}.ui-choice{align-items:center;gap:var(--space-2);box-sizing:border-box;min-block-size:44px;min-inline-size:44px;max-inline-size:100%;padding:var(--space-2);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-wrap:anywhere;cursor:pointer;display:flex}.ui-choice>span{min-inline-size:0}.ui-switch{row-gap:var(--space-1);grid-template-columns:auto minmax(0,1fr);display:grid}.ui-switch>input{grid-row:span 2}.ui-switch-state{white-space:nowrap;grid-column:2}.ui-choice-input{inline-size:var(--space-6);block-size:var(--space-6);flex:none;margin:0}.ui-choice-input,.ui-range{accent-color:var(--color-accent)}.ui-control:focus-visible,.ui-range:focus-visible,.ui-choice-input:focus-visible{outline:var(--space-1) solid var(--color-accent);outline-offset:var(--space-1)}.ui-control:disabled{color:var(--color-text-secondary);cursor:not-allowed;border-style:dashed}.ui-choice:has(input:disabled){color:var(--color-text-secondary);cursor:not-allowed}.ui-choice-input:disabled,.ui-range:disabled{cursor:not-allowed}.city-map{--map-district-center:#182f45;--map-district-living:#152b40;--map-district-production:#1b334a;--map-district-logistics:#142b42;--map-district-ecology:#1a3042;--map-district-border:#3d5b73;--map-connection:#70899e;isolation:isolate;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:100%;max-width:100%;height:auto;display:block;overflow:hidden}.city-map-ground-start{stop-color:var(--color-bg-surface)}.city-map-ground-end{stop-color:var(--color-bg-primary)}.city-map-grid{opacity:.22}.city-map-grid-line{stroke:var(--color-border);stroke-width:.75px}.city-map-district{cursor:pointer;fill:var(--map-district-center);stroke:var(--map-district-border);stroke-width:1.25px;stroke-linejoin:round}.city-map-district:focus-visible,.city-map-node:focus-visible{outline:var(--space-1) solid var(--color-accent);outline-offset:var(--space-1)}@media (hover:hover){.city-map-district:hover:not(:focus-visible),.city-map-node:hover:not(:focus-visible),.city-map-node-hit-target:hover+.city-map-node:not(:focus-visible){outline:var(--border-width) solid var(--color-text-primary);outline-offset:var(--space-1)}}.city-map [data-layer=labels]{pointer-events:none}.city-map-district[data-district-id=district-02]{fill:var(--map-district-living)}.city-map-district[data-district-id=district-03]{fill:var(--map-district-production)}.city-map-district[data-district-id=district-04]{fill:var(--map-district-logistics)}.city-map-district[data-district-id=district-05]{fill:var(--map-district-ecology)}.city-map-district[data-environment-severity]{stroke-width:3px}.city-map-district[data-environment-severity=normal]{stroke:var(--color-status-normal)}.city-map-district[data-environment-severity=warning]{stroke:var(--color-status-warning)}.city-map-district[data-environment-severity=critical]{stroke:var(--color-status-critical)}.city-map-district[data-selected=true]{vector-effect:non-scaling-stroke;stroke-width:calc(var(--border-width) * 3);stroke-dasharray:10 5}.city-map-connection{pointer-events:stroke;stroke:var(--map-connection);stroke-opacity:.45;stroke-width:1px;fill:none}.city-map-connection--energy-line{stroke-dasharray:8 5}.city-map-connection--water-line{stroke-dasharray:2 5;stroke-linecap:round}.city-map-connection[data-line-faulted=true]{stroke:var(--color-status-warning);stroke-opacity:1;stroke-width:3px;stroke-dasharray:8 3}.city-map-data,.city-map-data-list{gap:var(--space-4);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.city-map-selection-info,.city-map-connection-info{overflow-wrap:anywhere;min-width:0}.city-map-connection-info summary{cursor:pointer}.city-map-connection-info summary:focus-visible{outline:var(--space-1) solid var(--color-accent);outline-offset:var(--space-1)}.ui-field.city-map-mobile-selection{display:none}@media (width<768px){.ui-field.city-map-mobile-selection{margin-block:var(--space-4);display:flex}}.city-map-data-list{gap:var(--space-2);margin-block:var(--space-2) var(--space-4);overflow-wrap:anywhere;padding-inline-start:var(--space-6)}.city-map-node{cursor:pointer;fill:var(--color-text-secondary);stroke:var(--color-bg-primary);stroke-width:2px}.city-map-node-hit-target{fill:#0000;stroke:none;pointer-events:all;cursor:pointer}.city-map-node[data-selected=true]{vector-effect:non-scaling-stroke;stroke:var(--color-text-primary);stroke-width:calc(var(--border-width) * 3);stroke-dasharray:3 2}.city-map-node[data-scope=citywide]{fill:var(--color-text-primary)}.city-map-node-ring{fill:none;stroke:var(--color-text-secondary);stroke-opacity:.7;stroke-width:1px}.city-map-label,.city-map-node-label{fill:var(--color-text-primary);font-family:var(--font-ui);text-anchor:middle;paint-order:stroke fill;stroke:var(--color-bg-surface);stroke-width:4px;stroke-linejoin:round}.city-map-label{font-size:20px;font-weight:var(--font-weight-semibold);letter-spacing:.35px}.city-map-node-label{fill:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px;font-weight:var(--font-weight-medium);stroke-width:3px}@media (width<=600px){.city-map-label{letter-spacing:0;font-size:26px}.city-map-node-label{font-size:13px}}.city-map--cinematic .city-map-district{fill:color-mix(in srgb, var(--color-bg-primary) 7%, transparent);stroke-width:1px;stroke-opacity:.4;vector-effect:non-scaling-stroke}.city-map--cinematic .city-map-district[data-environment-severity=warning],.city-map--cinematic .city-map-district[data-environment-severity=critical]{stroke-width:1.75px;stroke-opacity:.9}.city-map--cinematic .city-map-district[data-selected=true]{fill:color-mix(in srgb, var(--color-accent) 6%, transparent);stroke-width:2px;stroke-opacity:1}.city-map--cinematic .city-map-district:focus-visible{stroke-width:2px;stroke-opacity:1}@media (hover:hover){.city-map--cinematic .city-map-district:hover:not(:focus-visible){stroke-width:2px;stroke-opacity:1;outline:none}}.city-map--cinematic .city-map-connection{stroke:var(--color-text-primary);stroke-opacity:.55;stroke-width:1px;vector-effect:non-scaling-stroke}.city-map--cinematic .city-map-connection[data-line-faulted=true]{stroke:var(--color-status-warning);stroke-opacity:1;stroke-width:3px}.city-map--cinematic .city-map-node{fill:var(--color-text-primary);stroke-width:3px}.city-map--cinematic .city-map-node[data-selected=true]{stroke:var(--color-accent)}.city-map-selection-rim{fill:none;stroke:var(--color-accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.city-map-label-backing{fill:color-mix(in srgb, var(--color-bg-primary) 94%, transparent);stroke:color-mix(in srgb, var(--color-accent) 18%, var(--color-border));stroke-width:1px}.city-map--cinematic .city-map-label{font-family:var(--font-display);font-size:17px;font-weight:var(--font-weight-medium);letter-spacing:0;stroke-width:2px}.city-map-region-count{fill:var(--color-text-secondary);font-family:var(--font-ui);text-anchor:middle;font-size:13px}.city-map-data-disclosure{min-width:0;font-size:var(--font-size-helper);overflow-wrap:anywhere}.city-map-data-disclosure>summary{min-height:44px;padding-block:var(--space-2);color:var(--color-text-secondary);cursor:pointer}.city-map-data-disclosure>div{padding-block:var(--space-3)}.city-center-detail{gap:var(--space-3);min-width:0;display:grid}.city-center-detail>h3,.city-center-detail-note,.city-center-detail-select,.city-center-connections{margin-inline:var(--space-3)}.city-center-environment-summary{align-items:center;gap:var(--space-2);min-width:0;margin-inline:var(--space-3);padding:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);font-size:var(--font-size-helper);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.city-center-environment-summary p{color:var(--color-text-secondary);flex-basis:100%;margin:0}.city-center-detail-note,.city-center-connections{color:var(--color-text-secondary);font-size:var(--font-size-helper);overflow-wrap:anywhere}.city-center-detail-map{background:var(--color-bg-primary);width:100%;height:auto;display:block;overflow:hidden}.city-center-edge{fill:none;stroke:var(--color-text-primary);stroke-opacity:.7;stroke-width:1px;vector-effect:non-scaling-stroke}.city-center-edge--energy-line{stroke-dasharray:8 5}.city-center-edge--water-line{stroke-dasharray:2 5}.city-center-edge[data-line-faulted=true]{stroke:var(--color-status-warning);stroke-opacity:1;stroke-width:3px}.city-center-node-target{fill:#0000;pointer-events:all;cursor:pointer}.city-center-node{fill:var(--color-accent);stroke:var(--color-bg-primary);stroke-width:1px;vector-effect:non-scaling-stroke;cursor:pointer}.city-center-node[data-selected=true]{stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:3 2}.city-center-node-light{fill:color-mix(in srgb, var(--color-accent) 12%, transparent);stroke:var(--color-accent);stroke-opacity:.65;stroke-width:1px;vector-effect:non-scaling-stroke}.city-center-node-selection{fill:none;stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.city-center-node[data-health=normal]{fill:var(--color-status-normal)}.city-center-node[data-health=warning]{fill:var(--color-status-warning)}.city-center-node[data-health=critical]{fill:var(--color-status-critical)}.city-center-node[data-health=offline]{fill:var(--color-text-secondary)}.city-center-health-label rect{fill:var(--color-bg-primary)}.city-center-health-label text{fill:var(--color-text-secondary);font:4.5px var(--font-ui);text-anchor:middle}.city-center-health-label[data-health=normal] text{fill:var(--color-status-normal)}.city-center-health-label[data-health=warning] text{fill:var(--color-status-warning)}.city-center-health-label[data-health=critical] text{fill:var(--color-status-critical)}.city-center-node:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@media (hover:hover){.city-center-node:hover:not(:focus-visible),.city-center-node-target:hover+.city-center-node:not(:focus-visible){outline:1px solid var(--color-text-primary);outline-offset:3px}}.city-center-node-label-bg{fill:color-mix(in srgb, var(--color-bg-primary) 72%, transparent);stroke:var(--color-accent);stroke-opacity:.35;stroke-width:.75px;vector-effect:non-scaling-stroke}.city-center-node-label{fill:var(--color-text-primary);font-family:var(--font-ui);text-anchor:middle;font-size:4.5px}.city-center-connections summary{min-height:44px;padding-block:var(--space-2);cursor:pointer}.city-center-connections ul{padding-inline-start:var(--space-4)}.city-center-scene-actions{padding:0 var(--space-3) var(--space-3)}.app-main:has(.dashboard-screen){max-width:1840px;padding-block-start:var(--space-3)}.dashboard-screen{gap:var(--space-4)}.dashboard-screen>.page-heading{gap:var(--space-2)}.dashboard-screen .page-heading h1{font-size:var(--font-size-h2)}.control-layout>.dashboard-screen .dashboard-summary>.ui-card{box-shadow:none;background:0 0;border:0;gap:0;padding:0;position:relative}.dashboard-screen .dashboard-summary h2{font-size:var(--font-size-helper);color:var(--color-text-secondary);font-family:var(--font-ui);font-weight:var(--font-weight-medium)}.dashboard-screen .panel-grid--summary{gap:var(--space-4)}.dashboard-screen .dashboard-kpi{align-content:start;align-items:center;column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-3) var(--space-4);border-color:color-mix(in srgb, var(--color-accent) 32%, var(--color-border));background:linear-gradient(145deg, var(--color-bg-surface), var(--color-bg-primary));box-shadow:var(--shadow-operational);grid-template-columns:44px minmax(0,1fr);display:grid;position:relative}.dashboard-screen .dashboard-kpi>.control-navigation-icon{width:44px;height:44px;padding:var(--space-2);color:var(--color-accent);background:var(--color-bg-elevated);border-radius:50%;grid-area:1/1/3}.dashboard-screen .dashboard-kpi h3{font-family:var(--font-ui);font-size:var(--font-size-body);grid-area:1/2;line-height:1.25}.dashboard-screen .dashboard-kpi>p{grid-column:1/-1}.dashboard-screen .dashboard-kpi>.dashboard-kpi-value{font-family:var(--font-display);font-size:2rem;line-height:1.25;font-weight:var(--font-weight-semibold);grid-area:2/2}.dashboard-screen .dashboard-kpi-source-value,.dashboard-screen .dashboard-summary h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dashboard-screen .dashboard-kpi-status{font-size:var(--font-size-helper)}.dashboard-screen .dashboard-kpi-status[data-severity=normal]{color:var(--color-status-normal)}.dashboard-screen .dashboard-kpi-status[data-severity=warning]{color:var(--color-status-warning)}.dashboard-screen .dashboard-kpi-status[data-severity=critical]{color:var(--color-status-critical)}.dashboard-screen .dashboard-kpi>p:last-child{color:var(--color-text-secondary);font-size:var(--font-size-helper);line-height:1.45}.dashboard-screen .dashboard-city-panel>.ui-card,.dashboard-screen .dashboard-detail-panel>.ui-card{padding:var(--space-4);border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-border))}.dashboard-screen .dashboard-city-panel>.ui-card{gap:var(--space-2);grid-template-columns:minmax(0,1fr);padding:0;display:grid}.dashboard-screen .dashboard-city-panel>.ui-card>h2,.dashboard-screen .dashboard-city-panel>.ui-card>.dashboard-map-caption{padding:var(--space-3) var(--space-3) 0}.dashboard-screen .dashboard-city-panel>.ui-card>h2{font-family:var(--font-ui);font-size:var(--font-size-body)}.dashboard-screen .dashboard-city-panel .city-map{border:0;border-radius:0}.dashboard-scene-host{min-width:0}.dashboard-selection-summary{gap:var(--space-3);min-width:0;display:grid}.dashboard-screen .dashboard-selection-summary h3{font-family:var(--font-display);font-size:var(--font-size-h3)}.dashboard-screen .dashboard-selection-summary p{color:var(--color-text-secondary);font-size:var(--font-size-helper)}.dashboard-screen .dashboard-hud-metrics dd{font-family:var(--font-display);font-size:var(--font-size-panel-title);color:var(--color-text-primary)}.dashboard-technical-details{min-width:0;font-size:var(--font-size-helper);color:var(--color-text-secondary)}.dashboard-technical-details>summary{min-height:44px;padding-block:var(--space-2);cursor:pointer}.event-record{border-inline-start:3px solid var(--color-status-info);padding-inline-start:var(--space-3)}.event-record[data-severity=warning]{border-inline-start-color:var(--color-status-warning)}.event-record[data-severity=critical]{border-inline-start-color:var(--color-status-critical)}.event-record[data-severity=normal]{border-inline-start-color:var(--color-status-normal)}.dashboard-screen .dashboard-city-panel .city-map-data-disclosure,.dashboard-screen .dashboard-city-panel .dashboard-map-legend,.dashboard-screen .dashboard-city-panel .city-map-mobile-selection{margin-inline:var(--space-3)}.dashboard-screen .dashboard-city-panel .dashboard-map-legend{max-width:none;margin-block-end:var(--space-3);line-height:1.45}@media (width>=640px){.dashboard-screen .dashboard-city-panel>.ui-card{grid-template-columns:auto minmax(0,1fr)}.dashboard-screen .dashboard-city-panel>.ui-card>*{grid-column:1/-1}.dashboard-screen .dashboard-city-panel>.ui-card>h2{grid-area:1/1}.dashboard-screen .dashboard-city-panel>.ui-card>.dashboard-map-caption{text-align:end;grid-area:1/2}}.dashboard-screen .dashboard-map-caption,.dashboard-screen .dashboard-map-legend{color:var(--color-text-secondary);font-size:var(--font-size-helper)}.dashboard-screen .city-map-data{gap:var(--space-4);font-size:var(--font-size-helper)}.dashboard-screen .city-map-data>*{min-width:0}.dashboard-screen .city-map-data-list{padding-inline-start:var(--space-4)}.dashboard-screen .city-map-selection-info{gap:var(--space-4);display:grid}.dashboard-screen .city-map-selection-info dl{gap:var(--space-1);margin:0;display:grid}.dashboard-screen .city-map-selection-info dt{font-size:var(--font-size-helper);color:var(--color-text-secondary)}.dashboard-screen .city-map-selection-info dd{margin:0 0 var(--space-2)}.dashboard-screen .dashboard-region-sources{gap:var(--space-3);display:grid}.dashboard-screen .dashboard-region-art{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-height:180px;display:block}.dashboard-screen .dashboard-region-sources>div{padding-block:var(--space-3);border-top:var(--border-width) solid var(--color-border);font-size:var(--font-size-helper)}.dashboard-bottom,.control-event-panel{width:100%;min-width:0}.dashboard-bottom{gap:var(--space-4);display:grid}.dashboard-screen .dashboard-events-panel ul{gap:var(--space-3);padding-inline-start:var(--space-4);display:grid}.dashboard-screen .dashboard-events-panel li{padding-block:var(--space-2);border-bottom:var(--border-width) solid var(--color-border)}.dashboard-screen .dashboard-scenario-link{min-height:44px;padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-bg-primary);justify-content:center;align-items:center;display:inline-flex}@media (width>=768px){.dashboard-screen .city-map-data{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-screen .city-map-connection-info{grid-column:1/-1}}@media (width>=1024px) and (width<=1279px){.dashboard-screen .panel-grid--summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1280px){.dashboard-screen>.page-heading{align-items:center;gap:var(--space-6);grid-template-columns:auto minmax(0,1fr);display:grid}.dashboard-screen>.panel-grid--main-detail,.dashboard-bottom{gap:var(--space-4);grid-template-columns:minmax(0,3fr) minmax(260px,1fr);align-items:start}.dashboard-screen>.panel-grid--main-detail>:first-child,.dashboard-screen>.panel-grid--main-detail>:last-child{grid-column:auto}}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-container{width:100%;min-width:0;max-width:1440px;padding-inline:var(--space-4);margin-inline:auto}.app-header{background-color:var(--shell-header-bg)}.app-header-inner{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-6);min-height:64px;padding-block:var(--space-3);flex-wrap:wrap;display:flex}.app-brand{min-height:44px;font-family:var(--font-display);font-size:var(--font-size-panel-title);font-weight:var(--font-weight-semibold);letter-spacing:.04em;align-items:center;display:inline-flex}.app-description,.page-description{color:var(--color-text-secondary)}.app-description{font-size:var(--font-size-helper)}.app-header-context{gap:var(--space-1);flex-direction:column;min-width:0;max-width:100%;display:flex}.app-current-view{font-size:var(--font-size-helper)}.app-navigation{min-width:0;max-width:100%}.app-navigation a{min-width:44px;max-width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);align-items:center;display:inline-flex}.app-navigation a[aria-current=page]{font-weight:var(--font-weight-semibold)}.app-main{padding-block:var(--space-6) var(--space-12);flex:1}.control-layout{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.control-navigation{min-width:0}.control-navigation-shell{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.control-menu-toggle{min-width:44px;max-width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--navigation-radius);color:var(--color-text-primary);background-color:var(--color-bg-surface);text-align:start;overflow-wrap:anywhere;cursor:pointer;align-self:flex-start}.control-menu-toggle:hover{text-decoration:underline}.control-menu-toggle[aria-expanded=true]{border-color:var(--navigation-border-active);font-weight:var(--font-weight-semibold)}.control-navigation ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.control-navigation li{min-width:0}.control-navigation a{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--navigation-radius);color:var(--color-text-primary);border-inline-start:3px solid #0000;text-decoration:none;display:flex}.control-navigation-icon{flex:0 0 20px}.control-navigation a span{min-width:0}.control-navigation a:hover{background-color:var(--color-bg-surface);text-decoration:underline}.control-navigation a[aria-current=page]{border-inline-start-color:var(--navigation-border-active);background-color:var(--navigation-bg-active);color:var(--color-accent);font-weight:var(--font-weight-semibold);text-decoration:underline}.page-content{align-items:flex-start;gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.page-content>*{max-width:100%}.page-content p{max-width:65ch}.page-content>a{min-height:44px;padding-block:var(--space-2);align-items:center;display:inline-flex}.skip-link{z-index:1;max-width:calc(100% - var(--space-8));padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-on-accent);background-color:var(--color-accent);transform:translateY(calc(-100% - var(--space-4)));position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-4)}.skip-link:focus{transform:none}@media (width>=768px){.app-container{padding-inline:var(--space-6)}.control-navigation ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.control-layout{grid-template-columns:240px minmax(0,1fr)}.control-navigation{padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);background-image:var(--surface-operational);box-shadow:var(--shadow-operational)}.control-navigation ul{grid-template-columns:minmax(0,1fr)}}.landing-page{width:100%;min-width:0}.landing-page>.page-content{align-items:start;gap:var(--space-6);padding-block:var(--space-6) var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.landing-page .page-heading{gap:var(--space-6)}.landing-page .page-heading:before{content:"";width:var(--space-12);height:var(--space-1);background:var(--color-accent)}.landing-page h1{letter-spacing:-.035em;font-size:2.5rem;line-height:1.2}.landing-page .page-description{color:var(--color-text-primary);font-size:var(--font-size-panel-title)}.landing-page .landing-hero-copy{gap:var(--space-6);min-width:0;color:var(--color-text-secondary);display:grid}.landing-page .landing-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-page .landing-link{max-width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-text-secondary);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);text-align:center;justify-content:center;justify-self:start;align-items:center;text-decoration:none;display:inline-flex}.landing-page .landing-link--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.landing-page .landing-link--secondary{background:var(--color-bg-surface);color:var(--color-text-primary)}.landing-page .landing-link:hover{text-underline-offset:var(--space-1);text-decoration:underline}.landing-page .landing-artwork{border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 60%, var(--color-bg-elevated), var(--color-bg-primary) 70%);width:100%;min-width:0}.landing-page .landing-artwork img{width:100%;height:auto;display:block}.landing-page #sistemler{scroll-margin-block-start:var(--space-6)}.landing-page #sistemler>.content-panel>.ui-card,.landing-page .landing-simulation>.content-panel>.ui-card{padding:var(--space-8) 0 0;border:0;border-top:var(--border-width) solid var(--color-border);gap:var(--space-6);background:0 0;border-radius:0}.landing-page .content-panel h2{font-size:var(--font-size-h2)}.landing-page .content-panel h3{font-size:var(--font-size-h3)}.landing-page .landing-system{gap:var(--space-4);background:linear-gradient(145deg, var(--color-bg-elevated), var(--color-bg-surface) 65%)}.landing-page .landing-system .control-navigation-icon{width:var(--space-8);height:var(--space-8);color:var(--color-accent)}.landing-page .landing-system p,.landing-page .landing-overview p,.landing-page .landing-simulation p,.landing-page .landing-closing p{color:var(--color-text-secondary)}.landing-page .landing-overview,.landing-page .landing-simulation,.landing-page .landing-closing{width:100%;min-width:0;margin-top:var(--space-8)}.landing-page .landing-overview>.content-panel>.ui-card{padding:var(--space-6);border-inline-start:var(--space-1) solid var(--color-accent);background:linear-gradient(120deg, var(--color-bg-elevated), var(--color-bg-surface))}.landing-page .landing-simulation p{padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.landing-page .landing-closing>.content-panel>.ui-card{align-items:flex-start;gap:var(--space-6);padding:var(--space-6);border-color:var(--color-accent);background:radial-gradient(ellipse at top right, var(--color-bg-elevated), var(--color-bg-surface) 70%)}@media (width>=768px){.landing-page .landing-overview>.content-panel>.ui-card,.landing-page .landing-closing>.content-panel>.ui-card{padding:var(--space-12)}.landing-page .landing-simulation>.content-panel>.ui-card{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.landing-page .landing-simulation h2{grid-column:1/-1}}@media (width>=1024px){.landing-page>.page-content{column-gap:var(--space-12);padding-top:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.landing-page .page-heading{grid-area:1/1}.landing-page h1{font-size:4.5rem}.landing-page .landing-hero-copy{grid-area:2/1}.landing-page .landing-artwork{grid-area:1/2/3;align-self:center}.landing-page #sistemler,.landing-page .landing-overview,.landing-page .landing-simulation,.landing-page .landing-closing{grid-column:1/-1}.landing-page #sistemler{margin-top:var(--space-12)}}@media (width>=1280px){.landing-page #sistemler .panel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}