*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.top-0{top:0}.z-10{z-index:10}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.table{display:table}.grid{display:grid}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-full{height:100%}.max-h-60{max-height:15rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-full{width:100%}.flex-grow{flex-grow:1}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#344364\]{--tw-border-opacity: 1;border-color:rgb(52 67 100 / var(--tw-border-opacity, 1))}.border-\[\#66d7e6\]\/30{border-color:#66d7e64d}.border-amber-500\/30{border-color:#f59e0b4d}.border-green-500\/30{border-color:#22c55e4d}.border-red-500\/30{border-color:#ef44444d}.border-slate-500\/30{border-color:#64748b4d}.border-transparent{border-color:transparent}.bg-\[\#0b1223\]{--tw-bg-opacity: 1;background-color:rgb(11 18 35 / var(--tw-bg-opacity, 1))}.bg-\[\#101a33\]{--tw-bg-opacity: 1;background-color:rgb(16 26 51 / var(--tw-bg-opacity, 1))}.bg-\[\#172341\]{--tw-bg-opacity: 1;background-color:rgb(23 35 65 / var(--tw-bg-opacity, 1))}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-400\/80{background-color:#fbbf24cc}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/20{background-color:#f59e0b33}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/80{background-color:#3b82f6cc}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/20{background-color:#22c55e33}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/80{background-color:#ef4444cc}.bg-slate-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.bg-slate-500\/20{background-color:#64748b33}.bg-transparent{background-color:transparent}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-\[1px\]{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#66d7e6\]{--tw-text-opacity: 1;color:rgb(102 215 230 / var(--tw-text-opacity, 1))}.text-\[\#aeb9d5\]{--tw-text-opacity: 1;color:rgb(174 185 213 / var(--tw-text-opacity, 1))}.text-\[\#f8fbff\]{--tw-text-opacity: 1;color:rgb(248 251 255 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{font-family:Segoe UI Variable Text,Aptos,Segoe UI,Trebuchet MS,sans-serif;background:radial-gradient(circle at top left,rgb(102 215 230 / 12%),transparent 28%),radial-gradient(circle at top right,rgb(126 211 75 / 12%),transparent 24%),linear-gradient(180deg,#081022,#0b1326 42%,#0f1730);color:#f8fbff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button,input,select,textarea{font:inherit}.hover\:text-\[\#f8fbff\]:hover{--tw-text-opacity: 1;color:rgb(248 251 255 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}:root{--ink: #071020;--ink-2: #0e1730;--panel: #13203c;--panel-2: #1b2946;--line: #2f4064;--muted: #b8c3de;--paper: #f5f7fb;--paper-2: #e6ebf7;--text: #f8fbff;--cyan: #66d7e6;--green: #75da5d;--red: #ff6b72;--amber: #f5b14b;--shadow-lg: 0 24px 70px rgb(5 11 24 / 34%);--shadow-md: 0 14px 30px rgb(5 11 24 / 22%)}#root{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.signin-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,720px) 440px;justify-content:center;align-items:center;gap:clamp(48px,8vw,120px);padding:64px 5vw;background:radial-gradient(circle at 18% 18%,rgb(102 215 230 / 16%),transparent 24%),radial-gradient(circle at 82% 14%,rgb(117 218 93 / 12%),transparent 22%),linear-gradient(160deg,#071020,#101b35 55%,#08111f);color:var(--text)}.signin-brand{display:flex;align-items:center;gap:40px}.signin-brand h1{margin:0;display:grid;gap:18px;font-size:38px;line-height:1;letter-spacing:5px;text-wrap:balance}.signin-brand span{display:block}.signin-card{min-height:420px;border:1px solid rgb(255 255 255 / 10%);border-radius:26px;padding:46px 40px;background:linear-gradient(180deg,#e9eef8fa,#dbe4f4f5);color:#090f1f;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.signin-card h2{margin:0 0 18px;font-size:34px}.signin-card p{margin:0 0 34px;color:#29334a}.signin-card label{display:grid;gap:8px;margin-bottom:16px;font-weight:800}.signin-card input,.signin-card select{width:100%;min-height:52px;border:1px solid rgb(17 26 48 / 20%);border-radius:16px;padding:0 16px;background:#f8fbff;box-shadow:inset 0 1px #fff9}.signin-card button{width:100%;min-height:44px;border:0;border-radius:16px;margin-top:10px;background:linear-gradient(135deg,#0e1730,#1f2e55);color:#fff;font-weight:900;box-shadow:0 12px 28px #0c142747;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.signin-card button:hover,.signin-card button:focus-visible,.nav-list button:hover,.nav-list button:focus-visible,.actions button:hover,.actions button:focus-visible,.schedule-table button:hover,.schedule-table button:focus-visible,.settings-actions button:hover,.settings-actions button:focus-visible{transform:translateY(-1px);box-shadow:0 16px 34px #0c142738;filter:brightness(1.04);outline:none}.signin-links{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;font-size:13px}.signin-links a{color:#111a30;text-decoration:none}.remember{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important;margin:0!important;font-weight:600!important}.remember input{width:14px;min-height:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr);background:radial-gradient(circle at top right,rgb(102 215 230 / 8%),transparent 24%),linear-gradient(180deg,#09111f,#0c152b 30%,#101b34);color:var(--text)}.sidebar{position:sticky;top:0;align-self:start;min-height:100vh;background:linear-gradient(180deg,#07101e,#0d172d 60%,#091120);border-right:1px solid rgb(255 255 255 / 6%);box-shadow:inset -1px 0 #ffffff0a}.nav-list{display:grid;gap:3px}.nav-list button{min-height:58px;border:0;border-top:1px solid rgb(255 255 255 / 5%);border-bottom:1px solid rgb(5 11 24 / 72%);display:flex;align-items:center;gap:14px;padding:0 18px;background:linear-gradient(90deg,#ffffff05,#fff0);color:var(--text);text-align:left;font-weight:900;transition:background-color .2s ease,transform .2s ease,border-color .2s ease}.nav-list button.active{background:linear-gradient(90deg,#66d7e62e,#1f2d52eb);border-color:#66d7e63d;box-shadow:inset 3px 0 0 var(--cyan)}.nav-list svg{color:#dfe8fb}.workspace{min-width:0;padding:18px 22px 28px}.page-header{min-height:74px;margin:0 0 18px;display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:0 24px;border:1px solid rgb(255 255 255 / 8%);border-radius:22px;background:#eef3fb;color:#071020;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-header-icon{display:grid;flex:0 0 52px;place-items:center;width:52px;height:52px;border:1px solid rgb(96 165 250 / 35%);border-radius:15px;background:#dbeafe;color:#1e3a5f;box-shadow:0 8px 18px #18364b26}.page-header-copy{min-width:0}.page-eyebrow{display:block;margin-bottom:7px;color:#52617c;font-size:10px;font-weight:900;letter-spacing:.14em;line-height:1}.page-header h1{margin:0;color:#071020;font-size:26px;letter-spacing:0;line-height:1}.page-header-copy p{margin:7px 0 0;color:#52617c;font-size:12px;font-weight:700}.page-live-badge{display:inline-flex;align-items:center;gap:7px;margin-left:auto;border:1px solid rgb(60 142 93 / 32%);border-radius:999px;padding:7px 11px;background:#3c8e5d1a;color:#28663f;font-size:11px;font-weight:900;white-space:nowrap}.page-live-badge i{width:7px;height:7px;border-radius:50%;background:#3c8e5d;box-shadow:0 0 0 4px #3c8e5d1f}.status-strip,.metric-strip,.content-grid,.dashboard-grid,.two-column,.settings-grid{display:grid;gap:14px}.dashboard-kpi-strip{display:grid;grid-template-columns:minmax(190px,1.4fr) repeat(3,minmax(140px,1fr));gap:10px;margin-bottom:14px}.dashboard-kpi-strip article{display:grid;gap:7px;min-height:76px;align-content:center;border:1px solid rgb(255 255 255 / 8%);border-radius:12px;padding:12px 14px;background:linear-gradient(180deg,#13203cf5,#0d162bf5);box-shadow:0 10px 24px #050b1829}.dashboard-kpi-strip span{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.dashboard-kpi-strip strong{color:var(--text);font-size:20px;line-height:1}.dashboard-kpi-strip strong.normal{color:var(--green)}.dashboard-kpi-strip strong.warning{color:var(--amber)}.dashboard-kpi-strip strong.critical{color:var(--red)}.dashboard-layout{min-width:0}.status-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:16px}.status-card,.metric-panel,.section-card{border:1px solid rgb(255 255 255 / 7%);border-radius:18px;background:linear-gradient(180deg,#13203cfa,#0d162bfa);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.status-card:hover,.metric-panel:hover,.section-card:hover,.ups-unit:hover,.load-card:hover,.phase-card:hover,.ups-add-card:hover{transform:translateY(-2px);border-color:#66d7e633;box-shadow:0 20px 40px #050b1847}.status-card{display:grid;flex:1 1 220px;grid-template-rows:minmax(42px,auto) 1px auto;align-items:center;min-height:108px;max-width:280px;padding:16px 18px;text-align:center;cursor:pointer}.status-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.status-card h2,.metric-panel h2,.section-title h2{margin:0;font-size:16px}.status-card h2{font-size:17px;line-height:1.3}.status-card .divider{width:100%;margin:8px 0}.status-card .status-pill{margin:0;justify-self:center;border-radius:0;padding:0;background:transparent;box-shadow:none;font-size:18px}.status-card .status-pill.normal{background:transparent;color:#22c55e}.status-card .status-pill.warning{background:transparent;color:#f59e0b}.status-card .status-pill.critical{background:transparent;color:#ef4444}.status-card .status-pill.offline{background:transparent;color:#94a3b8}.divider{height:1px;margin:13px 0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 36%),transparent)}.status-pill,.white-pill,.status-chip{width:-moz-fit-content;width:fit-content;border-radius:999px;margin:0 auto;padding:8px 18px;background:#fffffff5;color:#071022;font-weight:900;box-shadow:0 8px 18px #050b181a}.status-pill.normal{background:#3c8e5d;color:#fff}.status-pill.warning{background:#b7791f;color:#fff}.status-pill.critical{background:#c53b3b;color:#fff}.status-pill.offline{background:#64748b;color:#fff}.status-chip{background:#fff}.dashboard-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);align-items:start}.dashboard-stack{min-width:0;display:grid;gap:14px}.two-column{grid-template-columns:.9fr 1.1fr}.two-even{grid-template-columns:repeat(2,minmax(0,1fr))}.main-side{grid-template-columns:minmax(0,2fr) minmax(320px,.9fr);margin-top:14px}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric-panel{min-height:118px;padding:16px 16px 14px}.panel-heading,.section-title{display:flex;align-items:center;gap:10px}.metric-value{margin:0;color:#fff;font-size:20px;font-weight:900}.metric-note{display:block;margin-top:4px;color:#d5ddf3;font-size:12px;font-weight:800}.section-card{padding:16px 16px 18px}.system-overview{border:1px solid #253a62;border-radius:18px;padding:18px;background:#101c35;color:#edf4ff;box-shadow:none}.system-overview h2{margin:0;text-align:center;color:#dbeafe;font-size:24px}.flow-map{display:grid;gap:16px;padding:16px 8px}.flow-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.flow-node,.source{min-height:38px;display:grid;place-items:center;border-radius:3px;padding:7px 12px;color:#fff;font-size:12px;font-weight:900}.flow-node.danger,.source.danger{background:#df4444}.flow-node.green,.source.green{background:#7db453}.flow-node.blue,.source.blue{background:#3e5d98}.flow-node.normal{background:#3c8e5d}.flow-node.warning{background:#b7791f}.flow-node.critical{background:#c53b3b}.flow-node.offline{background:#64748b}.flow-node small{font-size:10px;opacity:.9}.flow-arrow.normal{color:#3c8e5d}.flow-arrow.warning{color:#b7791f}.flow-arrow.critical{color:#c53b3b}.flow-arrow.offline{color:#64748b}.source.teal{background:#34a6a8}.source.inactive{background:#64748b}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;padding:12px;background:#f8fbff}.legend span{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:7px;color:#fff;font-weight:800}.legend i{width:8px;height:8px;border-radius:999px;background:#ffffffdb}.legend .normal{background:#3c8e5d}.legend .warning{background:#b7791f}.legend .critical{background:#c53b3b}.legend .offline{background:#64748b}.system-overview-note{margin:6px 0 0;color:#526082;font-size:12px;font-weight:700;text-align:center}.topology-groups{display:grid;gap:12px;padding:16px 0 4px}.topology-group{padding:12px;border:1px solid #cbd7ea;border-radius:12px;background:#f8fbffc2}.topology-group h3{margin:0 0 10px;color:#526082;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.topology-nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.topology-node{display:grid;gap:4px;min-height:58px;padding:10px 12px;border-radius:9px;color:#fff}.topology-node strong{font-size:12px;letter-spacing:.02em}.topology-node small{font-size:10px;font-weight:800;opacity:.92}.topology-node.normal{background:#3c8e5d}.topology-node.warning{background:#b7791f}.topology-node.critical{background:#c53b3b}.topology-node.offline{background:#64748b}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;border-bottom:1px solid rgb(184 196 223 / 36%);padding-bottom:8px}.tabs button{border:1px solid #263b63;border-radius:999px;padding:8px 14px;background:#0f1b33;color:#e7edf8;font-size:12px;font-weight:800;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.tabs .selected{color:#052e1a;background:#22c55e;border-color:#22c55e}.tabs .right-tab{margin-left:auto}.alarm-table{display:grid;gap:8px}.alarm-list-shell.scrollable{max-height:310px;overflow-y:auto;padding-right:6px;scrollbar-gutter:stable}.alarm-list-shell.scrollable::-webkit-scrollbar{width:10px}.alarm-list-shell.scrollable::-webkit-scrollbar-track{background:#101b341a;border-radius:999px}.alarm-list-shell.scrollable::-webkit-scrollbar-thumb{border-radius:999px;background:#31517f;border:2px solid #0f1b33}.alarm-row{min-height:38px;display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:12px;border-radius:14px;padding:10px 12px;border:1px solid #253a62;background:#101c35;color:#edf4ff;font-size:13px;box-shadow:none}.alarm-row.compact{cursor:pointer}.alarm-row.compact:hover,.alarm-row.compact:focus-visible{background:#142542;box-shadow:none;outline:none}.alarm-row strong{color:#f8fafc}.alarm-main{display:grid;gap:4px;min-width:0}.alarm-main span{display:grid;gap:2px;color:#b7c4dc;font-size:12px;font-weight:700}.alarm-main b{color:#edf4ff;font-size:12px}.alarm-meta{display:grid;justify-items:end;gap:4px}.alarm-status{margin:0;padding:3px 9px;border-radius:999px;background:#223456;color:#dbeafe;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.alarm-status.acknowledged{background:#f59e0b;color:#111827}.alarm-status.active{background:#1e3a5f;color:#fff}.alarm-status.resolved{background:#22c55e;color:#052e1a}.alarm-row time{font-weight:900;white-space:nowrap}.alarm-severity{margin:0;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:#22c55e;color:#052e1a}.alarm-severity.critical{background:#ef4444;color:#fff}.alarm-severity.warning{background:#f59e0b;color:#111827}.alarm-row small{display:block;margin-top:2px;color:#b7c4dc;font-size:11px;font-weight:800}.alarm-row button,.actions button,.schedule-table button{border:1px solid #3b5480;border-radius:999px;min-height:30px;padding:0 14px;background:#1e3a5f;color:#fff;font-size:12px;font-weight:900;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.alarm-row .alarm-action{justify-self:end;white-space:nowrap;background:#1e3a5f;box-shadow:none}.alarm-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.alarm-row button.secondary,.alarm-row .alarm-action.secondary{display:inline-flex;align-items:center;gap:5px;border-color:#3b5480;background:#1e3a5f}.alarm-row .alarm-action:hover{filter:brightness(1.12);transform:translateY(-1px)}.alarm-row.acknowledged{opacity:.74}.alarm-row button:disabled{cursor:default;border-color:#334766;background:#334155}.empty-state{margin:0;border:1px dashed #53617d;border-radius:5px;padding:16px;color:#c9d3ea;font-size:13px;font-weight:800;text-align:center}.severity{display:grid;place-items:center;color:var(--amber)}.severity.danger{color:var(--red)}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.actions button{display:inline-flex;align-items:center;gap:6px;background:transparent}.kv-list,.parameter-list,.phase-card dl,.load-card dl{display:grid;gap:8px;margin:0}.kv-list div,.parameter-list div,.phase-card dl div,.load-card dl div{display:flex;justify-content:space-between;gap:14px}dt{color:#d2daf0;font-weight:700}dd{margin:0;font-weight:900}.diagnosis-banner{margin:0 0 14px;border-radius:7px;padding:9px 12px;background:var(--cyan);color:#071022;text-align:center;font-weight:900}.fault-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.fault-timeline span{border:1px solid #3e4d6c;border-radius:4px;padding:7px 8px;background:#111a31;color:#dce6f7;font-size:11px;font-weight:900}.section-card h3{margin:14px 0 6px;font-size:14px}.compact-list{margin:0;padding-left:18px;color:#eaf0fb;font-size:13px}.mini-chart,.telemetry-chart{min-height:96px;border-radius:12px;border:1px solid rgb(119 151 204 / 35%);background:linear-gradient(160deg,#0d1a31,#132846);box-shadow:inset 0 1px #b9d1f814}.mini-chart.warm{margin-top:14px;background:linear-gradient(150deg,transparent 0 49%,#ff8b2d 50% 52%,transparent 53%),linear-gradient(15deg,transparent 0 48%,#7bd347 49% 51%,transparent 52%),linear-gradient(160deg,#f9fbff,#e6ebf7)}.telemetry-chart{position:relative;min-height:206px;display:grid;align-items:center;padding:14px 16px 8px}.telemetry-chart svg{width:100%;height:150px}.telemetry-chart path{fill:none;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.telemetry-chart .chart-grid-lines path{stroke:#52709b;stroke-width:1;opacity:.62}.telemetry-chart .telemetry-line{stroke-width:5}.chart-legend{display:flex;gap:14px;margin-top:10px;color:#c7d5eb;font-size:12px;font-weight:800}.chart-legend span:before{content:"";display:inline-block;width:20px;height:5px;border-radius:999px;margin-right:7px;background:var(--legend-color, #79cf6b);vertical-align:middle}.axis-labels{display:flex;justify-content:space-between;margin-top:4px;color:#8ea4c7;font-size:11px;font-weight:800}.telemetry-scale{position:absolute;inset:22px 8px 22px auto;display:flex;flex-direction:column;justify-content:space-between;color:#9fb4d5;font-size:10px;font-weight:800;text-align:right}.condition-trends{display:grid;gap:14px}.condition-trend{border:1px solid rgb(112 145 197 / 28%);border-radius:12px;padding:12px;background:linear-gradient(145deg,#0f1d35,#142845)}.condition-trend-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#c6d3e9;font-size:12px;font-weight:800}.condition-trend-heading strong{color:#fff;font-size:16px}.condition-trend svg{display:block;width:100%;height:58px;margin-top:8px}.condition-trend path{fill:none;stroke-linecap:round;stroke-linejoin:round}.condition-trend .condition-baseline{stroke:#486485;stroke-width:1}.condition-trend .condition-line{stroke-width:4}.condition-trend small{color:#90a6c8;font-size:10px;font-weight:700}.ats-schematic{display:grid;grid-template-columns:minmax(132px,1fr) 72px minmax(132px,1fr) 72px minmax(132px,1fr);align-items:center;min-height:244px;gap:0;border:1px solid rgb(93 122 176 / 30%);border-radius:14px;padding:20px;background:radial-gradient(circle at 50% 50%,rgb(62 113 177 / 15%),transparent 48%),linear-gradient(145deg,#101d37,#142746)}.schematic-sources{display:grid;gap:14px}.schematic-node{display:grid;gap:4px;min-height:82px;align-content:center;border:1px solid rgb(148 168 209 / 34%);border-radius:12px;padding:12px 14px;background:#22395f;color:#f4f8ff;box-shadow:0 10px 20px #020a1a3d}.schematic-node span{color:#bdcbe5;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.schematic-node strong{font-size:18px}.schematic-node small{color:#c9d6ed;font-size:11px;font-weight:700}.schematic-node.active,.schematic-node.normal{border-color:#77d97e9e;background:linear-gradient(145deg,#246642,#2e8552)}.schematic-node.standby{background:linear-gradient(145deg,#344866,#425978)}.schematic-node.fault{border-color:#ff7070b8;background:linear-gradient(145deg,#9e343e,#d9484b)}.schematic-node.ats,.schematic-node.load{justify-self:stretch;text-align:center}.schematic-node.load{border-color:#64a1ffa6;background:linear-gradient(145deg,#2f538f,#3d6db6)}.schematic-connector{position:relative;height:4px;margin:0 -1px;background:#496887}.schematic-connector:after{position:absolute;top:50%;right:-1px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid currentColor;color:inherit;content:"";transform:translateY(-50%)}.schematic-connector span{position:absolute;top:-23px;left:50%;color:#bcd0ef;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transform:translate(-50%)}.schematic-connector.normal{color:#77d97e;background:#77d97e}.schematic-connector.fault{color:#ff7474;background:#ff7474}@media(max-width:1180px){.ats-schematic{grid-template-columns:1fr;gap:10px}.schematic-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.schematic-connector{width:4px;height:26px;margin:-1px auto}.schematic-connector:after{top:auto;right:50%;bottom:-1px;border-top:10px solid currentColor;border-right:7px solid transparent;border-bottom:0;border-left:7px solid transparent;transform:translate(50%)}.schematic-connector span{top:50%;left:18px;white-space:nowrap;transform:translateY(-50%)}}.phase{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-left:4px;color:#091122;font-size:12px}.phase.r{background:#69e05f}.phase.y{background:#e92835;color:#fff}.phase.b{background:#6cc45a}.ups-layout{display:grid;gap:16px}.ups-fleet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ups-selected-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid rgb(255 255 255 / 8%);border-radius:18px;padding:14px 16px;margin-bottom:14px;background:linear-gradient(180deg,#121d36f5,#0c1527fa)}.ups-selected-summary strong,.ups-selected-summary span,.ups-selected-label,.ups-selected-note{display:block}.ups-selected-label{margin:0 0 4px;color:#b9c6e1;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ups-selected-summary strong{margin-bottom:4px;font-size:18px}.ups-selected-summary span{color:#d4def1;font-size:12px;font-weight:800}.ups-selected-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:0}.ups-selected-metrics div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff0a}.ups-selected-metrics dt,.ups-selected-metrics dd{margin:0}.ups-selected-metrics dt{color:#bac7e2;font-size:11px;font-weight:800}.ups-selected-metrics dd{color:#f8fbff;font-weight:900}.ups-selected-note{margin:12px 0 16px;color:#cfd8ec;font-size:13px;font-weight:700}.ups-unit,.ups-add-card{min-height:190px;border:1px solid rgb(255 255 255 / 7%);border-radius:18px;background:linear-gradient(180deg,#13203cfa,#0d162bfa);box-shadow:var(--shadow-md)}.ups-unit{padding:14px}.ups-unit.selected{border-color:#66d7e67a;box-shadow:0 0 0 1px #66d7e62e,var(--shadow-md)}.ups-unit[role=button]{cursor:pointer}.ups-unit-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.ups-unit-head strong,.ups-unit-head span{display:block}.ups-unit-head strong{font-size:16px}.ups-unit-head span{margin-top:4px;color:#cfd8ed;font-size:12px;font-weight:800}.ups-unit dl{display:grid;gap:8px;margin:0}.ups-unit dl div{display:flex;justify-content:space-between;gap:10px}.mode-chip,.unit-alert{width:-moz-fit-content;width:fit-content;border-radius:5px;padding:5px 10px;margin:0;color:#061322;font-size:11px;font-weight:900;white-space:nowrap}.mode-chip.danger,.unit-alert.danger{background:#ffc4c8}.mode-chip.ok,.unit-alert.ok{background:#c7f8d0}.mode-chip.warning,.unit-alert.warning{background:#ffe0a9}.unit-alert{margin-top:16px;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.ups-add-card{display:grid;place-items:center;color:#edf3ff;background:linear-gradient(160deg,#233458,#15213d)}.ups-add-card svg{stroke-width:1.7}.grouped-alarms{display:grid;gap:12px}.grouped-alarm{display:grid;gap:6px}.grouped-alarm p{margin:0;color:#d7dfef;font-weight:900}.mdp-layout{display:grid;gap:14px}.state-bar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:0;font-weight:900}.state-bar strong,.phase-card .good{border-radius:6px;padding:3px 8px;background:#20e37a;color:#061322}.phase-grid,.load-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.phase-card,.load-card{border-radius:18px;padding:14px;border:1px solid rgb(58 75 112 / 88%);background:linear-gradient(180deg,#27355a,#1a2745);box-shadow:0 10px 24px #0710202e}.phase-card h3,.load-card h3{margin:0 0 12px}.phase-card h3{border-bottom:1px solid rgb(74 90 125 / 80%);padding-bottom:9px;color:#dfe8fb}.settings-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.settings-actions button{min-width:132px;border-radius:999px;padding:0 18px;background:linear-gradient(135deg,#7ee7f0,#9de45f);color:#071022}.settings-actions .ghost{background:transparent;color:#f8fbff;border-color:#fff3}.toast{position:fixed;right:26px;bottom:22px;z-index:50;min-width:240px;border:1px solid rgb(126 228 95 / 30%);border-radius:999px;padding:12px 18px;background:#071020e5;color:#f5fbff;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:1180px){.signin-page{grid-template-columns:minmax(0,620px);gap:40px}.signin-page .signin-card{width:100%;max-width:440px;justify-self:center}.signin-page .signin-brand{justify-content:center}.signin-page .signin-logo{width:200px;height:200px}.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.nav-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.dashboard-grid,.main-side,.two-even,.metric-strip,.status-strip,.ups-fleet,.phase-grid,.load-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.workspace{padding-inline:14px}.page-header{padding-inline:18px;border-radius:18px}.status-strip,.metric-strip,.dashboard-grid,.two-column,.two-even,.main-side,.ups-fleet,.phase-grid,.load-grid,.nav-list{grid-template-columns:1fr}.signin-card,.section-card,.metric-panel,.status-card,.ups-unit,.phase-card,.load-card{border-radius:16px}.alarm-row{grid-template-columns:24px minmax(0,1fr);align-items:start}.alarm-meta,.alarm-row button{grid-column:2;justify-self:start}}.phase-card .bad{color:var(--red)}.load-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.load-card h3{min-height:38px;color:#f5f8ff;font-size:14px}.status-chip{margin:0 0 12px;padding:5px 18px}.status-chip.warning{background:#f4e3bd}.schedule-table{display:grid;gap:6px;font-size:12px}.schedule-table div{display:grid;grid-template-columns:1.4fr 1fr .8fr auto;gap:10px;align-items:center;border:1px solid #3d4e72;border-radius:4px;padding:8px;background:#1a2748}.schedule-table div:first-child{background:#111a31;color:#dce6f7}.schedule-table em{border-radius:99px;padding:4px 8px;background:#a7d8ff;color:#061322;font-style:normal;font-weight:900;text-align:center}.large-status{display:flex;justify-content:space-between;border-radius:5px;padding:12px 14px;background:#c7f8d0;color:#061322;font-weight:900}.prediction-panel,.diagnosis-panel{min-width:0}.panel-state{display:flex;align-items:center;gap:10px;border:1px solid #344364;border-radius:6px;padding:10px;color:#c7d2ee;font-size:12px;font-weight:800}.panel-state.error{border-color:#f871716b;background:#7f1d1d2e;color:#fecaca}.panel-state button,.prediction-toolbar button{display:inline-flex;align-items:center;border:1px solid #344364;border-radius:6px;min-height:30px;padding:0 10px;background:#101a33;color:#f8fbff;font-size:12px;font-weight:900}.prediction-summary{display:grid;gap:14px}.prediction-score{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #344364;border-radius:7px;padding:14px;background:#101a33}.prediction-score span,.prediction-details dt,.prediction-row span,.prediction-toolbar{color:#aeb9d5;font-size:12px;font-weight:800}.prediction-summary.high .prediction-score{border-color:#f871717f;background:#7f1d1d33}.prediction-summary.medium .prediction-score{border-color:#fbbf2473;background:#78350f2e}.prediction-summary.low .prediction-score{border-color:#4ade8059;background:#14532d29}.prediction-details,.ups-selected-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prediction-details div,.prediction-actions,.diagnosis-item{border:1px solid #344364;border-radius:7px;padding:12px;background:#101a33}.diagnosis-columns>div,.prediction-actions{border:1px solid rgb(102 215 230 / 22%);border-radius:7px;padding:12px;background:#080f1f7f}.prediction-details dd,.prediction-row strong{margin:4px 0 0;color:#f8fbff;font-size:13px;font-weight:900;overflow-wrap:anywhere}.prediction-risk-badge{display:inline-flex;align-items:center;justify-self:start;gap:0;border:1px solid #344364;border-radius:7px;min-height:32px;overflow:hidden;color:#c7d2ee;font-weight:900;text-transform:uppercase}.prediction-risk-badge span{display:inline-flex;align-items:center;align-self:stretch;padding:0 10px;background:#66d7e61a;color:#86efac;font-size:11px}.prediction-risk-badge strong{display:inline-flex;align-items:center;padding:0 10px;color:#f8fbff;font-size:18px;line-height:1}.prediction-risk-badge.high{border-color:#f871717f;color:#fecaca}.prediction-risk-badge.high span{background:#7f1d1d59;color:#fca5a5}.prediction-risk-badge.medium{border-color:#fbbf2473;color:#fde68a}.prediction-risk-badge.medium span{background:#78350f52;color:#fbbf24}.prediction-risk-badge.low{border-color:#4ade8059;color:#86efac}.prediction-risk-badge.low span{background:#14532d3d;color:#86efac}.mini-heading{display:flex;align-items:center;margin-bottom:10px;color:#66d7e6;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.diagnosis-points{display:grid;gap:8px;margin:0;padding:0;list-style:none}.diagnosis-points li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:start;color:#e6edf9;font-size:13px;line-height:1.45}.diagnosis-points li span{display:block;border-radius:999px;width:7px;height:7px;margin-top:6px;background:#66d7e6}.prediction-actions p{margin:0;color:#aeb9d5;font-size:12px}.diagnosis-list{display:grid;gap:12px}.diagnosis-item header{display:flex;align-items:center;justify-content:space-between;gap:12px}.diagnosis-item header strong{color:#f8fbff;font-size:13px}.diagnosis-item header span{border:1px solid #344364;border-radius:999px;padding:3px 8px;color:#c7d2ee;font-size:10px;font-weight:900}.diagnosis-item p{margin:10px 0;color:#c7d2ee;font-size:13px;line-height:1.5}.diagnosis-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.predictions-page{display:grid;gap:14px}.prediction-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.prediction-summary-strip article{border:1px solid #344364;border-radius:7px;padding:14px;background:#101a33}.prediction-summary-strip span{color:#aeb9d5;font-size:12px;font-weight:800}.prediction-summary-strip strong{display:block;margin-top:6px;color:#f8fbff;font-size:28px;line-height:1}.prediction-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.prediction-toolbar-actions,.ml-health{display:inline-flex;align-items:center;gap:8px}.prediction-empty{display:grid;justify-items:center;gap:12px;border:1px dashed #53617d;border-radius:5px;padding:24px 16px;color:#d7e3fb;text-align:center;font-size:13px;font-weight:900}.prediction-empty p{margin:0}.prediction-empty button{border:0;border-radius:7px;min-height:34px;padding:0 14px;background:var(--cyan);color:#071022;font-size:12px;font-weight:900}.prediction-run-note{color:#86efac;font-size:12px;font-weight:900}.prediction-run-note.error{color:#fecaca}.ml-health{border:1px solid #344364;border-radius:999px;min-height:30px;padding:0 10px;background:#101a33;color:#c7d2ee;font-size:12px;font-weight:900}.ml-health.online{border-color:#4ade8059;color:#86efac}.ml-health.offline{border-color:#f8717173;color:#fecaca}.prediction-run-message{margin:0 0 12px;color:#86efac;font-size:12px;font-weight:900}.prediction-table{display:grid;gap:12px}.prediction-row{display:grid;grid-template-columns:minmax(160px,1.05fr) minmax(210px,1.25fr) minmax(140px,.8fr) minmax(110px,.7fr) minmax(130px,.75fr);gap:16px;align-items:stretch;border:1px solid #344364;border-left-width:4px;border-radius:7px;padding:14px;background:#101a33;cursor:pointer}.prediction-row>div{display:grid;align-content:center;gap:5px;min-width:0}.prediction-equipment-cell{border-right:1px solid rgb(52 67 100 / 75%);padding-right:14px}.prediction-equipment-cell strong{font-size:14px}.prediction-equipment-cell span{font-size:11px;color:#66d7e6}.prediction-row.selected{outline:1px solid rgb(52 67 100 / 80%);outline-offset:1px}.prediction-row.high{border-left-color:#ef4444}.prediction-row.medium{border-left-color:#f59e0b}.prediction-row.low{border-left-color:#22c55e}.prediction-history{display:grid;gap:8px}.prediction-history article{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(150px,.8fr) 190px;gap:12px;align-items:center;border:1px solid #344364;border-radius:7px;padding:10px 12px;background:#101a33;color:#c7d2ee;font-size:12px;font-weight:800}.prediction-history strong{color:#f8fbff;font-size:16px}.large-status+.large-status{margin-top:10px}.action-queue,.snapshot-grid{display:grid;gap:8px}.action-queue article,.snapshot-grid article{border:1px solid #3d4e72;border-radius:4px;padding:10px;background:#1a2748}.action-queue article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.action-queue strong,.snapshot-grid strong{color:#fff}.action-queue span{border-radius:999px;padding:3px 8px;background:#ffe0a9;color:#061322;font-size:11px;font-weight:900}.action-queue p{grid-column:1 / -1;margin:0;color:#cbd6ec;font-size:12px;font-weight:700}.snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.snapshot-grid span{display:block;margin-bottom:6px;color:#cbd6ec;font-size:12px;font-weight:800}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-line{display:grid;grid-template-columns:1fr minmax(160px,220px);align-items:center;gap:12px;margin:10px 0;color:#d8e0f3;font-weight:800}.setting-line input,.setting-line select{min-height:36px;border:1px solid #3e4d6c;border-radius:4px;padding:0 10px;background:#111a31;color:#fff}.slider-control{display:grid;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.45;grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:10px}.slider-control input{padding:0;min-height:22px;accent-color:var(--cyan)}.slider-control strong{min-width:42px;color:#fff;font-size:12px;text-align:right}.check-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.check-row label{display:inline-flex;align-items:center;gap:6px;border:1px solid #3e4d6c;border-radius:4px;padding:7px 10px;background:#111a31;color:#d8e0f3;font-size:12px;font-weight:800}.check-row input{accent-color:var(--cyan)}.setting-line.check input{justify-self:start;width:18px;min-height:18px}.settings-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}.settings-actions button{border:0;border-radius:7px;min-height:38px;padding:0 18px;background:var(--cyan);color:#071022;font-weight:900}.settings-actions .ghost{background:#273554;color:#fff}.toast{position:fixed;right:22px;bottom:22px;z-index:20;border:1px solid #bdebf2;border-radius:8px;padding:12px 16px;background:#0d172c;color:#f8fbff;box-shadow:0 18px 50px #00000052;font-size:13px;font-weight:900}@media(max-width:1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.status-strip,.metric-strip,.load-grid,.ups-fleet,.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.main-side,.settings-grid{grid-template-columns:1fr}}@media(max-width:1380px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.signin-page,.app-shell{grid-template-columns:1fr}.signin-page{gap:28px;padding:32px 18px}.signin-brand h1{gap:14px;font-size:28px}.signin-page .signin-brand{gap:20px}.signin-page .signin-logo{width:110px;height:110px}.sidebar{border-right:0}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.nav-list button{border:1px solid #263653;min-height:48px;border-radius:4px}.workspace{padding:0 12px 18px}.page-header{min-height:84px;margin:0 -12px 14px;padding:0 16px}.page-header h1{font-size:30px}.status-strip,.metric-strip,.prediction-summary-strip,.two-column,.two-even,.phase-grid,.load-grid,.ups-fleet,.snapshot-grid,.fault-timeline,.diagnosis-columns,.prediction-details,.prediction-row{grid-template-columns:1fr}.prediction-history article{grid-template-columns:1fr}.status-card{flex-basis:100%;max-width:none}.alarm-row{grid-template-columns:24px minmax(0,1fr)}.alarm-meta,.alarm-row button{grid-column:2;justify-self:start}.actions,.signin-links{flex-direction:column;align-items:stretch}.setting-line,.schedule-table div{grid-template-columns:1fr}}.operations-page{display:flex;flex-direction:column;gap:20px}.operations-nav-tabs{display:flex;gap:12px;border-bottom:2px solid var(--line);padding-bottom:12px}.operations-nav-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-weight:600;transition:all .2s ease}.operations-nav-tabs .tab-btn:hover{color:var(--text);background:var(--panel-2)}.operations-nav-tabs .tab-btn.active{background:#1e3a8a;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.operations-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-group{display:flex;align-items:center;gap:10px}.result-count{color:var(--muted);font-size:12px;font-weight:800}.operation-feedback{margin:0 0 14px;border-radius:7px;padding:10px 12px;font-size:12px;font-weight:800}.operation-feedback.success{border:1px solid rgb(117 218 93 / 32%);background:#75da5d1a;color:#9be68a}.operation-feedback.error{border:1px solid rgb(255 107 114 / 40%);background:#ff6b721a;color:#ffb5b9}.ticket-skeleton-list{display:grid;gap:8px}.ticket-skeleton{height:56px;border-radius:7px;background:linear-gradient(90deg,#1b2946e5,#344364bf,#1b2946e5);background-size:200% 100%;animation:ticket-skeleton-shimmer 1.4s ease-in-out infinite}@keyframes ticket-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.filter-group select,.status-select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 12px}.primary-btn{display:flex;align-items:center;gap:6px;background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.primary-btn:hover{background:#1d4ed8}.tickets-table-wrapper{overflow-x:auto}.tickets-table{width:100%;border-collapse:collapse;text-align:left}.tickets-table th,.tickets-table td{padding:12px 16px;border-bottom:1px solid var(--line)}.tickets-table th{color:var(--muted);font-weight:600;font-size:13px;text-transform:uppercase}.ticket-title-cell strong{display:block;color:var(--text)}.ticket-title-cell span{font-size:12px;color:var(--cyan)}.ticket-desc{margin:4px 0 0;font-size:12px;color:var(--muted)}.priority-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.priority-badge.critical,.priority-badge.high{background:#ef444433;color:#f87171;border:1px solid #ef4444}.priority-badge.medium{background:#f59e0b33;color:#fbbf24;border:1px solid #f59e0b}.priority-badge.low{background:#3b82f633;color:#60a5fa;border:1px solid #3b82f6}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.status-badge.open{background:#ef444433;color:#f87171}.status-badge.in_progress{background:#f59e0b33;color:#fbbf24}.status-badge.closed{background:#22c55e33;color:#4ade80}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;width:500px;max-width:90vw;box-shadow:var(--shadow-lg)}.modal-card h3{margin-top:0;color:var(--text)}.modal-card form{display:flex;flex-direction:column;gap:14px}.modal-card label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.modal-card input,.modal-card select,.modal-card textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:6px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.ghost-btn{background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 16px;border-radius:6px}.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.reports-form{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.form-grid input,.form-grid select{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:6px}.report-message{padding:10px 14px;border-radius:6px;font-size:13px}.report-message.info{background:#3b82f626;color:#60a5fa;border:1px solid #3b82f6}.report-message.warning{background:#f59e0b26;color:#fbbf24;border:1px solid #f59e0b}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.equipment-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.equipment-card.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.equipment-header{display:flex;justify-content:space-between;align-items:flex-start}.equipment-header strong{display:block;color:var(--text)}.equipment-header span{font-size:12px;color:var(--muted)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#374151;transition:.3s;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#22c55e}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.equipment-status{margin-top:12px}.badge.online{color:#4ade80}.badge.offline{color:#f87171}.thresholds-table{display:flex;flex-direction:column;gap:12px}.threshold-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--panel-2);border-radius:6px}.threshold-row label span{font-weight:600;color:var(--text)}.threshold-row input{width:100px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:4px 8px;border-radius:4px;text-align:right}.trend-chart-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;position:relative;margin-bottom:16px}.trend-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.trend-chart-header h4{margin:0;color:var(--text);font-size:15px}.trend-chart-legend{display:flex;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.legend-color{width:10px;height:10px;border-radius:2px}.trend-chart-svg{width:100%;height:auto;display:block}.trend-chart-tooltip{position:absolute;top:40px;background:#0f172af2;border:1px solid #38bdf8;padding:8px 12px;border-radius:6px;font-size:11px;color:#f8fafc;pointer-events:none;box-shadow:0 8px 20px #0006;z-index:10}@media(max-width:760px){.dashboard-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpi-strip article:first-child{grid-column:1 / -1}.ups-workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ups-workspace-tabs button{width:100%}.ups-mini-trends{grid-template-columns:1fr}}.ups-workspace-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:4px;border:1px solid rgb(255 255 255 / 8%);border-radius:12px;background:#07102073}.ups-workspace-tabs button{border:1px solid transparent;border-radius:8px;min-height:36px;padding:0 14px;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.ups-workspace-tabs button:hover,.ups-workspace-tabs button.active{border-color:#66d7e659;background:#66d7e61f;color:var(--text)}.ups-fleet-compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px}.ups-fleet-compact .ups-unit{min-height:0;padding:12px}.ups-fleet-compact .ups-unit dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 0}.ups-fleet-compact .ups-unit dl div{display:grid;gap:3px;justify-content:start}.ups-fleet-compact .ups-unit dt{color:var(--muted);font-size:12px}.ups-fleet-compact .ups-unit dd{margin:0;font-weight:800;white-space:nowrap}.ups-fleet-compact .ups-unit .unit-alert{margin-top:8px}.ups-mini-trends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ups-mini-trend{min-width:0;border:1px solid #344364;border-radius:8px;padding:12px;background:#101a33}.ups-mini-trend-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.ups-mini-trend-heading strong{color:var(--text);font-size:13px}.ups-mini-bars{display:flex;align-items:end;gap:4px;height:52px;margin-top:12px;border-bottom:1px solid rgb(184 196 223 / 20%)}.ups-mini-bars i{flex:1;min-width:4px;border-radius:3px 3px 0 0;opacity:.8}.ups-mini-empty{align-self:center;width:100%;color:var(--muted);font-size:11px;text-align:center}.operations-empty{display:grid;justify-items:center;gap:9px;border:1px dashed #53617d;border-radius:8px;padding:28px 18px;color:var(--muted);text-align:center}.operations-empty svg{color:var(--amber)}.operations-empty strong{color:var(--text);font-size:15px}.operations-empty span{max-width:420px;font-size:12px}button,select,input,textarea,.equipment-card,.prediction-row,.ups-unit,.operations-nav-tabs .tab-btn,.tickets-table tbody tr{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,filter .18s ease,transform .18s ease}button:not(:disabled):hover,.operations-nav-tabs .tab-btn:hover,.equipment-card:hover,.prediction-row:hover,.tickets-table tbody tr:hover{filter:brightness(1.06)}button:not(:disabled):active,.operations-nav-tabs .tab-btn:active,.equipment-card:active,.prediction-row:active{transform:translateY(1px);filter:brightness(.98)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,.equipment-card:focus-visible,.prediction-row:focus-visible,.ups-unit:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.58}.tabs button:not(.selected):hover{border-color:#66d7e659;background:#66d7e61a;color:var(--text)}.prediction-toolbar button:hover,.panel-state button:hover,.prediction-empty button:hover,.settings-actions button:hover,.primary-btn:hover,.ghost-btn:hover{border-color:var(--cyan);box-shadow:0 8px 18px #050b183d}.setting-line input:hover,.setting-line select:hover,.filter-group select:hover,.status-select:hover,.modal-card input:hover,.modal-card select:hover,.modal-card textarea:hover,.form-grid input:hover,.form-grid select:hover,.threshold-row input:hover{border-color:#66d7e6a6}.empty-state,.prediction-empty,.panel-state{animation:state-enter .22s ease-out}@keyframes state-enter{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.report-message.error{background:#ff6b721f;color:var(--red);border:1px solid rgba(255,107,114,.6)}.signin-logo{display:block;flex-shrink:0;width:250px;height:250px;margin:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 14px 40px #050b1873}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px 20px 4px}.sidebar-brand img{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.sidebar-brand strong{display:block;font-size:14px;font-weight:900;letter-spacing:2px}.sidebar-brand span{color:var(--muted);font-size:11px;font-weight:700}.profile-page{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;max-width:1180px}.profile-card,.profile-panel{border:1px solid rgb(255 255 255 / 7%);border-radius:18px;background:linear-gradient(180deg,#13203cfa,#0d162bfa);box-shadow:var(--shadow-md)}.profile-card{position:sticky;top:20px;display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px;text-align:center}.profile-avatar{width:96px;height:96px;display:grid;place-items:center;margin-bottom:16px;border-radius:50%;background:linear-gradient(135deg,#1f4aa8,#3b82f6);box-shadow:0 0 0 5px #3b82f629,0 12px 30px #050b1866;color:#fff;font-size:34px;font-weight:900}.profile-card h2{margin:0;font-size:22px;overflow-wrap:anywhere}.profile-username{margin:4px 0 12px;color:var(--muted);font-size:13px}.profile-role{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;background:#66d7e61f;border:1px solid rgb(102 215 230 / 35%);color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:1px}.profile-contact{width:100%;margin:24px 0;padding:20px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:16px;text-align:left}.profile-contact li{display:flex;align-items:flex-start;gap:12px}.profile-contact svg{flex-shrink:0;margin-top:2px;color:var(--cyan)}.profile-contact div{min-width:0;display:grid;gap:2px}.profile-contact span{color:var(--muted);font-size:12px}.profile-contact strong{font-size:14px;overflow-wrap:anywhere}.profile-contact em{color:#b8c3de99;font-size:14px}.profile-signout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid rgb(255 107 114 / 35%);border-radius:10px;background:#ff6b7214;color:#ff9ca1;font-weight:700;cursor:pointer;transition:background-color .2s ease}.profile-signout:hover{background:#ff6b7229}.profile-forms{display:grid;gap:20px}.profile-panel header{display:flex;align-items:flex-start;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}.profile-panel header svg{flex-shrink:0;margin-top:3px;color:var(--cyan)}.profile-panel h3{margin:0;font-size:16px}.profile-panel header p{margin:4px 0 0;color:var(--muted);font-size:13px}.profile-panel form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding:22px 24px 24px}.profile-panel .wide{grid-column:1 / -1}.profile-field{display:grid;gap:7px}.profile-field span{color:var(--muted);font-size:13px;font-weight:600}.profile-field input{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.profile-field input:hover{border-color:#66d7e673}.profile-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #66d7e626;outline:none}.profile-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.profile-actions button{min-height:40px;padding:0 18px;border-radius:10px}.primary-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.profile-page{grid-template-columns:1fr}.profile-card{position:static}}@media(max-width:560px){.profile-panel form{grid-template-columns:1fr}}.settings-page{display:grid;gap:20px;max-width:1180px}.settings-panel{border:1px solid rgb(255 255 255 / 7%);border-radius:18px;background:linear-gradient(180deg,#13203cfa,#0d162bfa);box-shadow:var(--shadow-md);overflow:hidden}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.settings-panel-header h3{margin:0;font-size:16px}.settings-panel-header p{margin:4px 0 0;color:var(--muted);font-size:13px}.settings-panel-header button{flex-shrink:0;display:flex;align-items:center;gap:6px;min-height:38px;border-radius:10px;cursor:pointer}.settings-empty{margin:20px 24px}.settings-hint,.settings-muted{margin:0;color:var(--muted);font-size:13px}.settings-table-wrapper{overflow-x:auto}.settings-table{width:100%;border-collapse:collapse}.settings-table th{padding:12px 24px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase}.settings-table td{padding:14px 24px;border-top:1px solid rgb(47 64 100 / 60%);vertical-align:middle}.settings-table tbody tr:hover{background:#ffffff05}.settings-table td>strong{display:block;font-size:14px}.settings-table td>span:not(.status-pill):not(.settings-muted){display:block;margin-top:2px;color:var(--muted);font-size:12px}.settings-table select,.settings-modal select{min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text)}.settings-table select:disabled{opacity:.55;cursor:not-allowed}.settings-status{display:flex;align-items:center;gap:10px}.settings-status .toggle-switch input:disabled+.slider{opacity:.45;cursor:not-allowed}.settings-row-actions{text-align:right}.settings-row-actions button,.threshold-actions button{display:inline-flex;align-items:center;gap:6px;min-height:34px;border-radius:8px;cursor:pointer;white-space:nowrap}.status-pill{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.status-pill.on{background:#75da5d1f;border-color:#75da5d66;color:var(--green)}.status-pill.off{background:#ff6b721a;border-color:#ff6b7266;color:var(--red)}.status-pill.custom{background:#f5b14b1f;border-color:#f5b14b66;color:var(--amber)}.status-pill.default{background:#b8c3de14;border-color:#b8c3de40;color:var(--muted)}.status-pill.risk-high{background:#ff6b721f;border-color:#ff6b7273;color:var(--red)}.status-pill.risk-medium{background:#f5b14b1f;border-color:#f5b14b73;color:var(--amber)}.status-pill.risk-low{background:#75da5d1f;border-color:#75da5d66;color:var(--green)}.status-pill.risk-unknown{color:var(--muted)}.settings-modal h3{margin-bottom:18px}.settings-modal .primary-btn,.settings-modal .ghost-btn{min-height:38px;border-radius:8px;cursor:pointer}.settings-equipment{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:start;gap:20px}.settings-equipment-list{margin:0;padding:8px;list-style:none;display:grid;gap:4px}.settings-equipment-list li{display:flex;align-items:center;gap:12px;padding-right:12px;border:1px solid transparent;border-radius:12px;transition:background-color .2s ease,border-color .2s ease}.settings-equipment-list li:hover{background:#ffffff08}.settings-equipment-list li.selected{background:#3b82f61f;border-color:#3b82f673}.settings-equipment-select{flex:1;min-width:0;display:grid;gap:2px;padding:12px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.settings-equipment-select span{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threshold-list{margin:0;padding:0;list-style:none}.threshold-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:16px 24px;border-top:1px solid rgb(47 64 100 / 60%)}.threshold-list li:first-child{border-top:0}.threshold-info strong{display:block;font-size:14px}.threshold-info span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.threshold-input{display:flex;align-items:center;gap:6px}.threshold-input input{width:96px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);text-align:right}.threshold-input input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #66d7e626;outline:none}.threshold-input span{width:20px;color:var(--muted);font-size:13px}.threshold-actions{display:flex;gap:8px}.threshold-actions .ghost-btn{padding:0 10px}.settings-system{display:grid;gap:20px}.system-health{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:20px;padding:20px 24px 24px}.system-health-status{display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;border:1px solid var(--line);background:#ffffff05}.system-health-status strong{display:block;font-size:18px}.system-health-status span:not(.dot){display:block;margin-top:3px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.system-health-status.up{border-color:#75da5d66}.system-health-status.down{border-color:#ff6b7266}.dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--muted)}.system-health-status.up .dot,.dot.up{background:var(--green);box-shadow:0 0 0 4px #75da5d2e}.system-health-status.down .dot,.dot.down{background:var(--red);box-shadow:0 0 0 4px #ff6b722e}.system-models{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-models li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.system-models strong{display:block;font-size:13px}.system-models span:not(.dot){display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.spin{animation:settings-spin 1s linear infinite}@keyframes settings-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.settings-equipment,.system-health{grid-template-columns:1fr}}@media(max-width:640px){.settings-panel-header{flex-direction:column;align-items:stretch}.threshold-list li{grid-template-columns:1fr auto}.threshold-info{grid-column:1 / -1}.system-models{grid-template-columns:1fr}}