@layer base-ui{.lucide{width:1em;height:1em}.lucide-inline{vertical-align:-.125em}.appbar{background:var(--color-bg-1);border-bottom:1px solid var(--color-border-0);border-image:var(--gradient-brand-rule) 1;height:var(--header-height);flex-shrink:0;align-items:center;padding:0 16px;display:flex;& .appbar-brand{font-size:var(--font-size-5);user-select:none;margin-right:24px}& .appbar-nav{flex:1;gap:4px;display:flex;& .appbar-link{color:color-mix(in srgb, var(--color-text-1) 40%, var(--color-text-2));font-size:var(--font-size-3);border-radius:var(--radius-0);cursor:pointer;padding:8px 12px;text-decoration:none;&:hover{color:var(--color-text-1);background:var(--color-bg-5)}&.appbar-link-active{color:var(--color-text-0);background:var(--color-bg-5)}}}& .appbar-right{align-items:center;display:flex;position:relative;& .appbar-user-button{border-radius:var(--radius-0);width:32px;height:32px;color:var(--color-text-2);cursor:pointer;justify-content:center;align-items:center;display:flex;& svg{width:18px;height:18px}&:hover,&.open{color:var(--color-text-1);background:var(--color-bg-5)}}& .appbar-menu{background:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:var(--radius-1);min-width:160px;box-shadow:var(--shadow-float);z-index:var(--z-bar);padding:4px;position:absolute;top:calc(100% + 10px);right:0;& .appbar-menu-item{border-radius:var(--radius-0);font-size:var(--font-size-3);cursor:pointer;user-select:none;padding:8px 12px;&:hover{background:var(--color-bg-5)}}}}}.button{border-radius:var(--radius-0);font-family:inherit;font-size:var(--font-size-2);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:6px 12px;font-weight:600;display:inline-flex;&.button-disabled,&:disabled{cursor:default;pointer-events:none;filter:none}}.button-primary{background-color:var(--color-primary);color:var(--color-on-primary);&:hover{filter:brightness(var(--hover-brightness))}&.button-disabled,&:disabled{background-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-bg-4))}}.button-secondary{background-color:var(--color-bg-4);border-color:var(--color-border-0);color:var(--color-text-1);&:hover{background-color:var(--color-bg-5);border-color:var(--color-border-1)}&.button-disabled,&:disabled{color:var(--color-text-2)}}.dialog{z-index:1;width:80vw;position:relative;&.dialog-quarter{max-width:600px;margin:auto 0}&.dialog-half{max-width:800px;margin-top:10vh}&.dialog-full{max-width:1000px;margin-top:5vh}& .dialog-frame{background:var(--color-bg-1);border:1px solid var(--color-border-0);border-radius:var(--radius-1);max-height:90vh;box-shadow:var(--shadow-float);flex-direction:column;display:flex;overflow:hidden}&.dialog-half .dialog-frame{max-height:80vh}&.dialog-error .dialog-header{border-bottom:2px solid var(--color-error)}&.dialog-warning .dialog-header{border-bottom:2px solid var(--color-warn)}&.dialog-success .dialog-header{border-bottom:2px solid var(--color-ok)}& .dialog-header{background-color:var(--color-bg-4);user-select:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}& .dialog-title{font-size:var(--font-size-5);color:var(--color-text-0);margin:0;font-weight:500}& .dialog-close{color:var(--color-text-2);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:26px;line-height:1;&:hover{color:var(--color-text-0)}}& .dialog-body{isolation:isolate;flex:1;padding:16px;position:relative;overflow-y:auto;&:before{content:"";z-index:-1;background-image:var(--image-contour);background-repeat:repeat;background-size:var(--contour-tile);opacity:.5;pointer-events:none;position:absolute;inset:0}}& .dialog-footer{border-top:1px solid var(--color-border-0);justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}}body.dialog-window{margin:0;& .dialog{margin:0;&.dialog-quarter{width:600px}&.dialog-half{width:800px}&.dialog-full{width:1000px}}& .dialog .dialog-frame{max-height:var(--dialog-max-height,100vh);box-shadow:none;border:none;border-radius:0}& .dialog-header{-webkit-app-region:drag}& .dialog-close{-webkit-app-region:no-drag}}.breadcrumbs{user-select:none;align-items:flex-end;gap:10px;display:flex;& .breadcrumbs-part{align-items:flex-end;gap:10px;font-size:1.3em;font-weight:600;display:flex}& .breadcrumbs-item{color:var(--color-text-0);flex-direction:column;display:flex;&.breadcrumbs-item-active{cursor:pointer;&:hover{color:var(--color-primary)}}}& .breadcrumbs-spacer{color:var(--color-text-2);&:after{content:"/"}}& .breadcrumbs-category{text-transform:uppercase;color:var(--color-text-2);font-size:.6em;font-weight:600;line-height:1.2}}.dialog-host{z-index:var(--z-modal);position:fixed;inset:0;& .dialog-mask{background:var(--mask-1);animation:.3s dialog-mask-in;position:absolute;inset:0}& .dialog-layer{translate:calc(var(--dialog-depth,0) * 2vh) calc(var(--dialog-depth,0) * 1vh);justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}}@keyframes dialog-mask-in{0%{opacity:0}to{opacity:1}}.form{flex-direction:column;gap:14px;display:flex;& .form-info{font-size:var(--font-size-3);color:var(--color-text-2);background:var(--color-bg-4);border-radius:var(--radius-0);padding:10px 12px}& .form-token{font-family:var(--font-mono);font-size:var(--font-size-2);color:var(--color-text-0);background:var(--color-bg-4);border:1px solid var(--color-border-0);border-radius:var(--radius-0);word-break:break-all;user-select:all;padding:10px 12px}& .form-error{color:var(--color-error);font-size:var(--font-size-3);background:var(--color-bg-4);border-left:3px solid var(--color-error);border-radius:2px;padding:8px 12px}}.field{grid-template-columns:120px 300px 1fr;align-items:center;gap:0 20px;display:grid;& .field-description{font-size:var(--font-size-2);color:var(--color-text-2)}& .field-input{& input,& select{width:100%}}}.field-label{font-size:var(--font-size-2);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.footer-bar{width:100%;height:var(--footer-height);min-height:var(--footer-height);user-select:none;white-space:pre;font-size:var(--font-size-3);color:var(--color-text-1);background-color:var(--color-bg-1);justify-content:space-between;align-items:center;padding:0 10px;display:flex;& .footer-bar-left,& .footer-bar-right{align-items:center;height:100%;display:flex}& .footer-bar-right>*{margin-left:10px}& .footer-bar-right .footer-bar-stat{justify-content:flex-end}& .footer-bar-stat{align-items:baseline;display:flex;overflow:hidden}& .footer-bar-label,& .footer-bar-unit{font-size:var(--font-size-0);text-transform:uppercase;color:var(--color-text-2)}& .footer-bar-label{margin-right:3px}& .footer-bar-unit{margin-left:3px}& .footer-bar-indicator{color:var(--color-inactive);& svg{fill:currentColor;width:10px;height:10px}&.footer-bar-indicator-active{color:var(--color-red)}}}.select{appearance:base-select;height:var(--control-height);line-height:calc(var(--control-height) - 2px);background:var(--color-bg-4);border:1px solid var(--color-border-0);border-radius:var(--radius-0);color:var(--color-text-1);font-family:inherit;font-size:var(--font-size-3);cursor:pointer;padding:0 10px;&:hover{border-color:var(--color-primary)}&:disabled{color:var(--color-text-2);cursor:default;&:hover{border-color:var(--color-border-0)}}&:focus{border-color:var(--color-primary);outline:none}&:open{border-color:var(--color-bg-0);box-shadow:0 0 8px 2px color-mix(in srgb, var(--color-primary) 40%, transparent);clip-path:inset(-20px -20px 0);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}&::picker(select){appearance:base-select;background:var(--color-bg-3);border:1px solid var(--color-bg-0);border-radius:0 0 var(--radius-0) var(--radius-0);box-shadow:0 0 8px 2px color-mix(in srgb, var(--color-primary) 40%, transparent);clip-path:inset(0 -20px -20px);position-try-order:normal;border-top:0;margin:0}&.select-up{&:open{border-top-color:#0000;border-bottom-color:var(--color-bg-0);border-radius:0 0 var(--radius-0) var(--radius-0);clip-path:inset(0 -20px -20px)}&::picker(select){position-area:block-start span-inline-end;border-top:1px solid var(--color-bg-0);border-radius:var(--radius-0) var(--radius-0) 0 0;clip-path:inset(-20px -20px 0);border-bottom:0}}& option{background:var(--color-bg-3);color:var(--color-text-1);font:inherit;cursor:pointer;padding:8px 10px;line-height:1.4;&:hover,&:focus{background:var(--color-bg-5)}&:checked{background-color:var(--color-primary);color:var(--color-on-primary)}}}.input{height:var(--control-height);background:var(--color-bg-4);border:1px solid var(--color-border-0);border-radius:var(--radius-0);color:var(--color-text-1);font-family:inherit;font-size:var(--font-size-3);padding:0 10px;&:hover,&:focus{border-color:var(--color-primary)}&:focus{outline:none}}.loading-bar{clip-path:inset(-12px 0);border-radius:2px;width:100%;height:3px;position:relative;&:before{content:"";border-radius:inherit;background-image:linear-gradient(90deg, transparent 0%, var(--color-primary) 45%, var(--color-accent) 100%);width:40%;box-shadow:0 0 12px 1px color-mix(in srgb, var(--color-primary) 55%, transparent);animation:1.6s cubic-bezier(.4,0,.2,1) infinite loading-bar;position:absolute;inset:0 auto 0 0}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.login-wall{background-color:var(--color-bg-0);background-image:var(--image-topo);z-index:var(--z-modal);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-wall-legal{color:var(--color-text-1);font-size:var(--font-size-2);user-select:none;line-height:1.5;position:absolute;top:12px;left:12px}.login-wall-modal{isolation:isolate;background-color:var(--color-bg-1);border:1px solid var(--color-border-1);width:386px;color:var(--color-text-1);font-family:var(--font);border-radius:8px;flex-direction:column;align-items:stretch;gap:16px;padding:32px;display:flex;position:relative;&:before{content:"";z-index:-1;border-radius:inherit;background-image:var(--image-contour);background-repeat:repeat;background-size:var(--contour-tile);opacity:.5;pointer-events:none;position:absolute;inset:0}}.login-wall-logo{width:96px;height:auto;margin:0 auto 4px}.login-wall-title{white-space:pre-line;text-align:center;margin-bottom:8px;font-size:48px;line-height:1}.login-wall-field{flex-direction:column;gap:4px;display:flex}.login-wall-label{font-size:var(--font-size-2);color:var(--color-text-2);user-select:none}.login-wall-error{background-color:var(--color-bg-5);border-radius:var(--radius-1);color:var(--color-error);font-size:var(--font-size-4);text-align:center;padding:14px 10px}.login-wall-error-detail{font-family:var(--font-mono);font-size:var(--font-size-1);margin-top:6px}.login-wall-link{font-size:var(--font-size-3);text-align:center;& a{color:var(--color-text-2);cursor:pointer}& a:hover{color:var(--color-text-1);text-decoration:underline}}.login-wall-sso{flex-direction:column;align-items:stretch;margin-top:4px;display:flex}.login-wall-language{width:300px;max-width:50%;position:absolute;bottom:10px;right:10px;& .select{width:100%}}.page-header-card{background:color-mix(in srgb, var(--color-bg-1) 50%, var(--color-bg-4));border-top:2px solid var(--color-primary);border-radius:0 0 var(--radius-1) var(--radius-1);height:50px;font-size:var(--font-size-2);align-items:center;margin-bottom:16px;padding:0 16px;display:flex;& .page-header-tools{align-items:center;gap:10px;margin-left:auto;display:flex}}.table-wrapper{margin:calc(var(--module-height) / 2) 0 16px 0;position:relative;& .table-card{background:var(--color-bg-1);border:1px solid var(--color-border-0);border-radius:var(--radius-1);overflow:hidden}& .table-title{top:calc(var(--module-height) / -2);z-index:1;height:var(--module-height);background:var(--color-bg-4);border:1px solid var(--color-bg-0);border-radius:var(--radius-0);font-size:var(--font-size-2);color:var(--color-text-2);text-transform:uppercase;align-items:center;padding:0 10px;font-weight:600;display:flex;position:absolute;left:20px}& .table-tools{top:calc(var(--module-height) / -2);z-index:1;height:var(--module-height);background:var(--color-bg-4);border:1px solid var(--color-bg-0);border-radius:var(--radius-0);align-items:center;gap:10px;padding:0 10px;display:flex;position:absolute;right:20px}& .table-tool{color:var(--color-text-1);font-size:var(--font-size-5);cursor:pointer;background:0 0;border:none;padding:0;line-height:1;&:hover{color:var(--color-primary)}}& .table{border-collapse:collapse;width:100%;font-size:var(--font-size-3);& th{text-align:left;background:var(--lift-2);color:var(--color-text-0);font-weight:600;font-size:var(--font-size-3);padding:12px}& td{color:var(--color-text-1);padding:11px 12px}& tbody tr:nth-child(2n) td{background:var(--lift-1)}& tbody tr.table-row-clickable:hover td{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg-1))}}& .table-th-sortable{cursor:pointer;user-select:none;&:hover{color:var(--color-primary)}}& .table-sort-indicator{color:var(--color-primary);margin-left:6px;font-size:9px}& .table-row-clickable{cursor:pointer}& .table-bool-yes{color:var(--color-ok);font-weight:600}& .table-bool-no{color:var(--color-error);font-weight:600}& .table-footer{background:var(--color-bg-1);border-top:1px solid var(--color-border-0);align-items:center;gap:10px;padding:8px 12px;display:flex;& select,& input{font-size:var(--font-size-2);padding:0 8px}}& .table-footer-left{align-items:center;gap:10px;display:flex}& .table-size-select{width:80px}& .table-footer-status{text-align:center;font-size:var(--font-size-2);color:var(--color-text-2);flex:1}& .table-footer-right,& .table-filter{align-items:center;gap:6px;display:flex}& .table-filter-label{font-size:var(--font-size-1);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em}& .table-error{color:var(--color-error)}& .table-filters-button{border:1px solid var(--color-border-0);border-radius:var(--radius-0);min-width:30px;height:30px;color:var(--color-text-1);font-size:var(--font-size-4);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-family:inherit;display:inline-flex;&:hover{background:var(--lift-2);border-color:var(--color-border-1)}&.table-filters-button-active{border-color:var(--color-primary);color:var(--color-primary)}}& .table-filters-count{font-size:var(--font-size-1);font-weight:600}& .table-icon-button{border:1px solid var(--color-border-0);border-radius:var(--radius-0);width:30px;height:30px;color:var(--color-text-1);font-size:var(--font-size-4);cursor:pointer;background:0 0;justify-content:center;align-items:center;line-height:1;display:inline-flex;&:hover{background:var(--lift-2);border-color:var(--color-border-1)}&.table-icon-button-disabled{opacity:.4;cursor:not-allowed}}}.time-slider{z-index:2;user-select:none;position:absolute;bottom:12px;left:16px;right:16px;& .time-slider-track{border:1px solid var(--color-border-0);border-radius:var(--radius-1);touch-action:none;background:#0009;height:36px;position:relative;overflow:hidden}& .time-slider-tick{pointer-events:none;background:#dcdcdc2e;width:1px;position:absolute;top:0;bottom:0}& .time-slider-tick-label{font-size:var(--font-size-0);color:var(--color-text-2);white-space:nowrap;position:absolute;bottom:3px;left:4px}& .time-slider-playhead{background:linear-gradient(to right, transparent 7px, var(--color-accent) 7px 9px, transparent 9px);cursor:pointer;z-index:1;width:16px;height:36px;margin-left:-8px;position:absolute;top:0}}:root{--font:"Segoe UI", "Noto Sans", "Open Sans", Arial;--font-mono:"SFMono-Regular", Consolas, "Roboto Mono", monospace;--font-size-0:10px;--font-size-1:11px;--font-size-2:12px;--font-size-3:13px;--font-size-4:14px;--font-size-5:16px;--font-size-6:20px;--color-bg-0:#000;--color-bg-1:#151515;--color-bg-2:#161616;--color-bg-3:#1b1b1b;--color-bg-4:#212121;--color-bg-5:#2b2b2b;--color-bg-6:#3a3a3a;--lift-1:color-mix(in srgb, var(--color-text-1) 5%, transparent);--lift-2:color-mix(in srgb, var(--color-text-1) 8%, transparent);--mask-0:#000000d4;--mask-1:#000000b3;--mask-2:#33333380;--color-border-0:#454545;--color-border-1:#6a6a6a;--color-panel:#323232;--color-panel-header:#232323;--color-panel-border-0:#0f0f0f;--color-panel-border-1:#1a1a1a;--color-panel-border-2:#565656;--color-primary:#00c2cc;--color-primary-light:#69dae0;--color-accent:#ca00e9;--color-accent-light:#d459f3;--color-on-primary:#1a1a1a;--color-ok:#34d434;--color-warn:#f09f25;--color-error:#dd2727;--color-inactive:#6c6c6c;--color-red:#da0000;--color-palette-1:#ff5c5c;--color-palette-2:#ff9f6e;--color-palette-3:#e8902c;--color-palette-4:#e3b341;--color-palette-5:#f2e35b;--color-palette-6:#9bd35a;--color-palette-7:#34d434;--color-palette-8:#4de3c1;--color-palette-9:#00c2cc;--color-palette-10:#5aa9ff;--color-palette-11:#2b74c9;--color-palette-12:#8b6cf0;--color-palette-13:#d459f3;--color-palette-14:#ff7ab6;--color-palette-15:#c9a27e;--color-palette-16:#a7b0bd;--color-ext-csv:var(--color-palette-16);--color-ext-dm:var(--color-palette-7);--color-ext-dmx:var(--color-palette-6);--color-ext-dxf:var(--color-palette-9);--color-ext-ffo:#e87729;--color-ext-op3:#1d63ae;--color-ext-str:var(--color-palette-13);--color-text-0:#fff;--color-text-1:#ddd;--color-text-2:#bcbcbc;--color-axis-x:#ff4d4d;--color-axis-y:#4dff4d;--color-axis-z:#4d8cff;--radius-0:4px;--radius-1:6px;--module-height:30px;--control-height:34px;--icon-button-height:32px;--scrollbar-width:12px;--z-scene:0;--z-hud:10;--z-controls:20;--z-panel:40;--z-bar:100;--z-sleep:500;--z-modal:1000;--z-overlay:1001;--z-drop:2000;--z-splash:3000;--z-titlebar:4000;--titlebar-height:30px;--header-height:45px;--footer-height:24px;--nav-width:50px;--image-contour:url(./contour-DkQxLdKU.svg);--image-topo:url(./watermark-topo-BK37YYpj.svg);--contour-tile:384px 384px;--gradient-brand:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-accent) 80%, var(--color-accent) 100%);--gradient-brand-rule:linear-gradient(to right, var(--color-primary) 40%, var(--color-accent));--shadow-float:0 8px 24px #0006;--shadow-glow:0 0 4px 2px var(--color-primary-light);--hover-brightness:1.4;--focus-ring:2px solid var(--color-primary);--electronbar-height:var(--titlebar-height);--electronbar-z:var(--z-titlebar);--electronbar-bg:var(--color-bg-3);--electronbar-edge:var(--color-bg-0);--electronbar-hover:var(--color-bg-5);--electronbar-menu-bg:var(--color-bg-5);--electronbar-menu-hover:var(--color-bg-6);--electronbar-text:var(--color-text-1);--electronbar-text-muted:var(--color-text-2);--electronbar-separator:var(--color-border-0);--electronbar-close:var(--color-red)}@font-face{font-family:Saira;src:url(./saira-italic-CnAPqcB6.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}.brand-text{letter-spacing:.02em;text-transform:uppercase;background:var(--gradient-brand);color:#0000;filter:drop-shadow(2px 0 0 var(--color-bg-0)) drop-shadow(-2px 0 0 var(--color-bg-0)) drop-shadow(0 2px 0 var(--color-bg-0)) drop-shadow(0 -2px 0 var(--color-bg-0));-webkit-background-clip:text;background-clip:text;padding:0 .15em;font-family:Saira,sans-serif;font-style:italic;font-weight:900}*{box-sizing:border-box}html{color-scheme:dark;font-family:var(--font);font-size:var(--font-size-4);line-height:1.4}:focus-visible{outline:var(--focus-ring);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-on-primary)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--color-bg-1)}::-webkit-scrollbar-thumb{background-color:var(--color-border-1);border-radius:var(--radius-0)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-2)}::-webkit-scrollbar-thumb:active{background-color:var(--color-text-1)}::-webkit-scrollbar-button{display:none}.pending{pointer-events:none;position:relative;&:after{content:"";border:2px solid #0000;border-top-color:var(--color-inactive);border-radius:50%;animation:1s linear infinite pending-spin;position:absolute;inset:-4px}}@keyframes pending-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.color-ok{color:var(--color-ok)}.color-warn{color:var(--color-warn)}.color-error{color:var(--color-error)}html,body{background-color:var(--color-bg-0);height:100%;color:var(--color-text-1);margin:0}#root{height:100%}.shell{background-image:var(--image-topo);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:100%;display:flex}.page{flex-direction:column;flex:1;display:flex;overflow-y:auto;&.page-full{overflow:hidden}& .page-inner{flex:1 0 auto;width:100%;max-width:1400px;margin:0 auto;padding:24px 24px 0}}.page-placeholder{color:var(--color-text-2);font-size:var(--font-size-3);text-align:center;user-select:none;padding:48px 0}.card{background:var(--color-bg-1);border:1px solid var(--color-border-0);border-radius:var(--radius-1);margin:calc(var(--module-height) / 2) 0 16px 0;padding:16px;position:relative;& .card-title{top:calc(var(--module-height) / -2);z-index:1;height:var(--module-height);background:var(--color-bg-4);border:1px solid var(--color-bg-0);border-radius:var(--radius-0);font-size:var(--font-size-2);color:var(--color-text-2);text-transform:uppercase;align-items:center;margin:0;padding:0 10px;font-weight:600;display:flex;position:absolute;left:20px}& .card-tools{top:calc(var(--module-height) / -2);z-index:1;height:var(--module-height);background:var(--color-bg-4);border:1px solid var(--color-bg-0);border-radius:var(--radius-0);align-items:center;gap:10px;padding:0 10px;display:flex;position:absolute;right:20px}}.card-empty{color:var(--color-text-2);font-style:italic}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:16px;display:grid;& .card{margin-bottom:0}}.status-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid;& .status-item{background:var(--color-bg-4);border-radius:var(--radius-0);padding:10px 12px;& .status-label{font-size:var(--font-size-2);color:var(--color-text-2);margin-bottom:4px}& .status-value{font-size:var(--font-size-4);color:var(--color-text-1);&.status-value-unknown{color:var(--color-inactive)}&.status-value-ok,&.status-value-up{color:var(--color-ok)}&.status-value-warn{color:var(--color-warn)}&.status-value-error,&.status-value-down{color:var(--color-error)}}}}.page>.footer-bar{background-color:var(--mask-1);background-image:url(./logo-C0itVtgW.png);background-position:50%;background-repeat:no-repeat;background-size:auto 32px;flex-shrink:0;height:48px;min-height:48px;margin-top:16px;padding:0 16px;& .footer-bar-right{font-size:var(--font-size-1);color:var(--color-text-2);flex-direction:column;justify-content:center;align-items:flex-end;line-height:1.5;&>*{margin-left:0}}}}.equipment-panel{z-index:var(--z-hud);background:var(--mask-1);border:1px solid var(--color-border-0);border-radius:var(--radius-1);min-width:260px;font-size:var(--font-size-1);user-select:none;padding:8px 12px;position:absolute;top:12px;left:12px;& table{border-collapse:collapse;width:100%}& th{text-align:left;color:var(--color-text-2);padding:2px 12px 4px 0;font-weight:600}& td{color:var(--color-text-1);white-space:nowrap;padding:2px 12px 2px 0}& .status-online{color:var(--color-ok)}& .status-offline{color:var(--color-inactive)}& .equipment-panel-empty{color:var(--color-text-2);padding:2px 0;font-style:italic}}.time-display{z-index:var(--z-hud);background:var(--mask-1);border:1px solid var(--color-border-0);border-radius:var(--radius-1);font-size:var(--font-size-2);color:var(--color-text-1);user-select:none;padding:6px 10px;position:absolute;top:12px;right:12px}.map-canvas-frame{height:100%;position:relative}.map-canvas{background:var(--color-bg-0);height:100%;& canvas{touch-action:none;width:100%;height:100%;display:block}}@layer app{.config-editor{background:var(--color-bg-0);border:1px solid var(--color-border-0);border-radius:var(--radius-1);width:100%;color:var(--color-text-1);font-family:var(--font-mono);font-size:var(--font-size-3);resize:vertical;padding:8px}}