:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#ffb4ab;--color-on-primary:#690006;--color-primary-container:#e21b22;--color-on-primary-container:#fff8f7;--color-inverse-primary:#c00014;--gradient-primary:linear-gradient(135deg, #e21b22 0%, #c00014 100%);--gradient-primary-hover:linear-gradient(135deg, #ea2c33 0%, #d10017 100%);--color-secondary:#c8c6c6;--color-on-secondary:#303030;--color-secondary-container:#474747;--color-on-secondary-container:#b6b5b4;--color-tertiary:#c7c6c6;--color-on-tertiary:#2f3131;--color-tertiary-container:#727373;--color-on-tertiary-container:#fbf9f9;--color-success:#7ee2a8;--color-on-success:#00391d;--color-success-container:#14532d;--color-on-success-container:#a7f3c1;--color-warning:#ffd27a;--color-on-warning:#402d00;--color-warning-container:#5b4200;--color-on-warning-container:#ffdea1;--color-error:#ff8a80;--color-on-error:#510008;--color-error-container:#93000a;--color-on-error-container:#ffdad6;--color-background:#131313;--color-on-background:#e5e2e1;--color-surface:#131313;--color-on-surface:#e5e2e1;--color-surface-dim:#131313;--color-surface-variant:#353534;--color-on-surface-variant:#b6b5b4;--color-surface-container-lowest:#0e0e0e;--color-surface-container-low:#1c1b1b;--color-surface-container:#201f1f;--color-surface-container-high:#2a2a2a;--color-surface-container-highest:#353534;--color-surface-bright:#393939;--color-outline:#ae888333;--color-outline-variant:#5d3f3c33;--color-outline-subtle:#ffffff14;--color-outline-strong:#ffffff29;--color-focus-ring:#e21b22;--color-focus-glow:0 0 0 3px #e21b2240;--shadow-ambient:0 24px 48px #00000080;--shadow-hud:0 12px 32px #00000073;--shadow-card:0 4px 16px #00000059;--font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sidebar-width:270px;--sidebar-collapsed-width:76px;--header-height:58px;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%}body{min-height:100dvh;font-family:var(--font-family);font-synthesis:none;text-rendering:optimizelegibility;background-color:var(--color-background);color:var(--color-on-background);margin:0;overflow-x:hidden}:where(h1,h2,h3,h4,h5,h6){color:var(--color-on-surface);font-family:var(--font-family);margin:0;line-height:1.25}.ui-page-title,.ui-section-title,.ui-dialog-title{color:var(--color-on-surface);letter-spacing:-.02em;align-items:center;gap:.65rem;min-width:0;margin:0;font-weight:650;display:flex}.ui-page-title{font-size:clamp(1.35rem,1.4vw + .75rem,1.6rem)}.ui-section-title{font-size:1.05rem}.ui-dialog-title{font-size:1.25rem}:where(.ui-page-title,.ui-section-title,.ui-dialog-title)>svg{color:var(--color-primary-container);flex:none}.micro-label,.eyebrow-label{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:750}.subtle-description{color:var(--color-on-surface-variant);margin:.3rem 0 0;font-size:.85rem;line-height:1.45}.data-readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}:where(button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dashboard-grid{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);width:100%;min-width:0;height:auto;transition:grid-template-columns .2s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;inset:0;overflow:hidden}.dashboard-grid.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.sidebar{z-index:40;background-color:var(--color-surface-container-low);min-width:0;box-shadow:1px 0 0 var(--color-outline-subtle);flex-direction:column;gap:1.25rem;padding:1.5rem 1rem;display:flex;position:relative;overflow:hidden auto}.sidebar__header{justify-content:space-between;align-items:center;gap:.5rem;min-height:36px;padding:0 .5rem;display:flex}.sidebar h2{min-width:0;color:var(--color-on-surface);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.6rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.sidebar h2:before{content:"";background-color:var(--color-primary-container);border-radius:999px;width:3px;height:1.35rem;display:inline-block}.sidebar__collapse-button,.sidebar__mobile-close,.app-header__menu-button,.app-dialog__close{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:0;flex:0 0 34px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.sidebar__collapse-button:hover,.sidebar__mobile-close:hover,.app-header__menu-button:hover,.app-dialog__close:hover{background:var(--color-surface-container-highest);color:var(--color-on-surface)}.sidebar__mobile-close,.app-header__menu-button,.sidebar-backdrop{display:none}.sidebar__links{flex-direction:column;gap:.35rem;display:flex}.nav-link{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-on-surface-variant);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.88rem;font-weight:550;line-height:1.2;transition:color .15s,background-color .15s,transform .12s;display:flex;position:relative}.nav-link>svg{opacity:.85;flex:none}.nav-link__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-link__badge{background:var(--color-primary-container);min-width:20px;height:20px;color:var(--color-on-primary-container);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 .4rem;font-size:.7rem;font-weight:750;display:inline-flex}.nav-link:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.nav-link.active,.nav-link[aria-current=page]{background-color:var(--color-surface-container-high);color:var(--color-on-surface);box-shadow:inset 3px 0 0 var(--color-primary-container);font-weight:650}.nav-link.active>svg,.nav-link[aria-current=page]>svg{color:var(--color-primary-container);opacity:1}.sidebar-collapsed .sidebar{align-items:center;padding:1.5rem .65rem}.sidebar-collapsed .sidebar__header{justify-content:center;padding:0}.sidebar-collapsed .sidebar h2,.sidebar-collapsed .nav-link__label{display:none}.sidebar-collapsed .sidebar__links,.sidebar-collapsed .nav-link{width:100%}.sidebar-collapsed .nav-link{justify-content:center;padding-inline:0}.sidebar-collapsed .nav-link__badge{min-width:16px;height:16px;padding:0 .2rem;font-size:.6rem;position:absolute;top:2px;right:2px}.main-content{background-color:var(--color-surface);flex-direction:column;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.app-header{min-height:var(--header-height);background:var(--color-surface-container-lowest);box-shadow:0 1px 0 var(--color-outline-subtle);z-index:20;flex:none;justify-content:space-between;align-items:center;gap:1.25rem;padding:.5rem 1.75rem;display:flex}.app-header__project{align-items:center;gap:.75rem;min-width:0;display:flex}.app-header__project-title{color:var(--color-on-surface);align-items:center;gap:.5rem;min-width:0;font-size:.95rem;font-weight:650;display:flex}.app-header__project-title svg{color:var(--color-primary-container);flex:none}.app-header__site-select{background:var(--color-surface-container);border:1px solid var(--color-outline-subtle);color:var(--color-on-surface);border-radius:var(--radius-sm);cursor:pointer;text-overflow:ellipsis;outline:none;max-width:240px;padding:.35rem .65rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s}.app-header__site-select:hover{background:var(--color-surface-container-high);border-color:var(--color-outline-strong)}.app-header__site-select:focus{border-color:var(--color-primary-container);box-shadow:var(--color-focus-glow)}.app-header__actions{justify-content:flex-end;align-items:center;gap:.75rem;min-width:0;display:flex}.app-header__station-status{border-radius:var(--radius-sm);background:var(--color-surface-container);color:var(--color-on-surface-variant);white-space:nowrap;align-items:center;gap:.55rem;padding:.35rem .75rem;font-size:.82rem;font-weight:550;display:flex}.app-header__station-status.is-online{color:var(--color-on-surface);background:var(--color-surface-container-high)}.app-header__station-status-compact,.app-header__atmosphere-compact{display:none}.app-header__organization{border-radius:var(--radius-sm);background:var(--color-surface-container);max-width:220px;min-height:32px;color:var(--color-on-surface);align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.82rem;font-weight:550;display:flex}.app-header__organization svg{color:var(--color-secondary)}.app-header__organization span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-notice{border-left:3px solid #0000;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.75rem;font-size:.85rem;display:flex}.app-notice--warning{background:color-mix(in srgb, var(--color-warning-container) 35%, var(--color-surface-container-low));color:var(--color-on-warning-container);border-left-color:var(--color-warning)}.app-notice--info{background:var(--color-surface-container-high);color:var(--color-on-surface);border-left-color:var(--color-primary-container)}.app-notice__message{align-items:center;gap:.65rem;min-width:0;display:flex}.app-notice__message svg{flex:none}.app-alert-region{flex:none;width:100%}.app-alert-banner{background:color-mix(in srgb, var(--color-warning-container) 35%, var(--color-surface-container-low));width:100%;color:var(--color-on-surface);border:0;border-left:4px solid var(--color-warning);text-align:left;cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1.75rem;font-size:.86rem;transition:filter .15s;display:flex}.app-alert-banner.is-critical{background:color-mix(in srgb, var(--color-error-container) 45%, var(--color-surface-container-low));border-left-color:var(--color-primary-container)}.app-alert-banner:hover{filter:brightness(1.15)}.app-route-container{flex:1;min-width:0;min-height:0;overflow:hidden}.app-route{width:100%;min-width:0;height:100%;min-height:0}.app-route[hidden]{display:none!important}.app-context-return{background:var(--color-surface-container-low);color:var(--color-on-surface-variant);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.65rem 1rem;font-size:.8rem;display:flex}.app-context-return button{align-items:center;gap:.3rem;display:inline-flex}.app-route--scroll{overflow-y:auto}.app-route--monitoring{flex-direction:column;gap:1.75rem;padding:1.75rem;display:flex;overflow:auto}.app-module-loading{height:100%;min-height:180px;color:var(--color-on-surface-variant);justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.loading-spinner{border:2.5px solid var(--color-surface-container-highest);border-top-color:var(--color-primary-container);border-radius:999px;width:22px;height:22px;display:inline-block}.module-card,.tactical-card{border-radius:var(--radius-md);background-color:var(--color-surface-container-low);box-shadow:var(--shadow-card);padding:1.5rem;transition:background-color .16s}.module-card:is(button,a,[role=button],.module-card--interactive):hover,.tactical-card:is(button,a,[role=button],.tactical-card--interactive):hover{background-color:var(--color-surface-container)}.hud-panel{border-radius:var(--radius-md);box-shadow:var(--shadow-ambient);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff0f, var(--shadow-hud);background-color:#201f1fd9;padding:1.25rem}.glass-card{border-radius:var(--radius-md);background:linear-gradient(145deg, var(--color-surface-container-high) 0%, var(--color-surface-container-low) 100%);box-shadow:var(--shadow-ambient);padding:1.5rem}.btn,.btn-secondary,.btn-ghost{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:.45rem;min-height:38px;padding:.55rem 1.15rem;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background .16s,color .16s,opacity .16s,transform .12s,box-shadow .16s;display:inline-flex}.btn{background:var(--gradient-primary);color:var(--color-on-primary-container);box-shadow:inset 0 1px #ffffff38,0 2px 6px #c0001459}.btn:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:inset 0 1px #ffffff4d,0 4px 12px #e21b2266}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0000004d}.btn-secondary{background:var(--color-surface-container-highest);color:var(--color-on-surface);box-shadow:inset 0 1px #ffffff14}.btn-secondary:hover:not(:disabled){background:var(--color-surface-bright);color:var(--color-on-surface)}.btn-secondary:active:not(:disabled){transform:translateY(1px)}.btn-ghost{color:var(--color-on-surface-variant);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-container-high);color:var(--color-on-surface)}.btn-danger,.btn-ghost.btn-danger{color:var(--color-error)}.btn.btn-danger{background:linear-gradient(135deg, var(--color-error-container), #700008);color:var(--color-on-error-container);box-shadow:inset 0 1px #ffffff29,0 2px 6px #70000852}.btn.btn-danger:hover:not(:disabled){background:linear-gradient(135deg, #a80a15, var(--color-error-container));color:#fff}.btn-danger:hover:not(:disabled),.btn-ghost.btn-danger:hover:not(:disabled){color:var(--color-error);background:#93000a40}.btn-warning{background:var(--color-warning-container);color:var(--color-on-warning-container)}.btn-warning:hover:not(:disabled){background:var(--color-warning);color:var(--color-on-warning)}.btn-compact{min-height:32px;padding:.35rem .75rem;font-size:.8rem}.btn:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.input-field,select.input-field,textarea.input-field{border:1px solid var(--color-outline-subtle);border-radius:var(--radius-sm);background-color:var(--color-surface-container-lowest);min-height:38px;color:var(--color-on-surface);outline:none;padding:.55rem .8rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.input-field:hover:not(:disabled){border-color:var(--color-outline-strong)}.input-field:focus,.input-field:focus-visible{border-color:var(--color-primary-container);box-shadow:var(--color-focus-glow);background-color:var(--color-surface-container-lowest)}.input-field::placeholder{color:var(--color-on-surface-variant);opacity:.6}.status-pip{border-radius:9999px;flex:0 0 8px;width:8px;height:8px;display:inline-block}@keyframes status-pulse{0%{box-shadow:0 0 #7ee2a899}70%{box-shadow:0 0 0 6px #7ee2a800}to{box-shadow:0 0 #7ee2a800}}.status-pip.online{background-color:var(--color-success);animation:2.2s infinite status-pulse}.status-pip.offline{background-color:var(--color-surface-variant)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.cad-grid-void{background-color:var(--color-surface-container-lowest);background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px}.app-dialog-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.app-dialog{border-radius:var(--radius-lg);width:min(420px,100%);max-height:calc(100dvh - 2rem);position:relative;overflow-y:auto}.app-dialog h2{color:var(--color-on-surface);margin:0 2.5rem 1rem 0;font-size:1.25rem}.app-dialog__close{position:absolute;top:.75rem;right:.75rem}.app-dialog__loading{min-height:120px;color:var(--color-on-surface-variant);justify-content:center;align-items:center;gap:.75rem;display:flex}@media (width<=1200px){.dashboard-grid,.dashboard-grid.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.dashboard-grid .sidebar,.dashboard-grid.sidebar-collapsed .sidebar{visibility:hidden;pointer-events:none;align-items:stretch;width:min(300px,100vw - 3rem);padding:1.5rem;transition:transform .18s cubic-bezier(.16,1,.3,1),visibility 0s linear .18s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:20px 0 50px #0000008c}.dashboard-grid.mobile-nav-open .sidebar{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.dashboard-grid.sidebar-collapsed .sidebar__header{justify-content:space-between}.dashboard-grid.sidebar-collapsed .sidebar h2,.dashboard-grid.sidebar-collapsed .nav-link__label{display:flex}.dashboard-grid.sidebar-collapsed .sidebar__links,.dashboard-grid.sidebar-collapsed .nav-link{width:100%}.dashboard-grid.sidebar-collapsed .nav-link{justify-content:flex-start;padding:.7rem .85rem}.dashboard-grid.sidebar-collapsed .nav-link__badge{min-width:20px;height:20px;margin-left:auto;padding:0 .4rem;font-size:.7rem;position:static}.sidebar__collapse-button{display:none}.sidebar__mobile-close{flex-basis:44px;width:44px;height:44px}.sidebar__mobile-close,.app-header__menu-button{display:inline-flex}.mobile-nav-open .sidebar-backdrop{z-index:30;cursor:default;background:#000000a6;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}}@media (width<=760px){.app-header{gap:.5rem;min-height:52px;padding:.25rem 1rem}.app-header__project{flex:150px;font-size:.9rem}.app-header__menu-button{flex-basis:44px;width:44px;height:44px}.app-header__site-select,.btn,.btn-secondary,.btn-ghost,.btn-compact{min-height:44px}.app-header__project-title>svg{display:none}.app-header__actions{flex:none;gap:.4rem}.app-header__organization{display:none}.app-header__station-status{padding:.25rem .5rem;font-size:.75rem}.app-header__optional-text{display:none}.app-notice{flex-direction:column;align-items:flex-start;padding:.75rem 1rem}.app-route--monitoring{gap:1rem;padding:1rem}}@media (width<=520px){.app-header__station-status-full,.app-header__atmosphere-full{display:none}.app-header__station-status-compact,.app-header__atmosphere-compact{display:inline}.app-header__atmosphere{min-width:44px;padding-inline:.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
