:root{--bg:#f4f6f8;--bg-panel:#fff;--bg-elevated:#eef1f4;--border:#d6dbe1;--text:#1b2027;--text-dim:#5b6472;--accent:#c2410c;--status-normal:#16a34a;--status-normal-bg:#16a34a1f;--status-prealarm:#d97706;--status-prealarm-bg:#d9770624;--status-alarm:#dc2626;--status-alarm-bg:#dc262624;--status-fault:#6b7280;--status-fault-bg:#6b728024;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 6px 18px #0f172a17;--shadow-lg:0 12px 32px #0f172a1f;--ring:#c2410c59;font:15px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0d12;--bg-panel:#12151c;--bg-elevated:#1a1e28;--border:#262b36;--text:#e5e8ee;--text-dim:#8b93a3;--accent:#fb923c;--status-normal:#22c55e;--status-normal-bg:#22c55e24;--status-prealarm:#f59e0b;--status-prealarm-bg:#f59e0b29;--status-alarm:#ef4444;--status-alarm-bg:#ef44442e;--status-fault:#8b93a3;--status-fault-bg:#8b93a324;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 6px 18px #00000059;--shadow-lg:0 16px 40px #00000080;--ring:#fb923c59}}:root[data-theme=dark]{--bg:#0b0d12;--bg-panel:#12151c;--bg-elevated:#1a1e28;--border:#262b36;--text:#e5e8ee;--text-dim:#8b93a3;--accent:#fb923c;--status-normal:#22c55e;--status-normal-bg:#22c55e24;--status-prealarm:#f59e0b;--status-prealarm-bg:#f59e0b29;--status-alarm:#ef4444;--status-alarm-bg:#ef44442e;--status-fault:#8b93a3;--status-fault-bg:#8b93a324}:root[data-theme=light]{--bg:#f4f6f8;--bg-panel:#fff;--bg-elevated:#eef1f4;--border:#d6dbe1;--text:#1b2027;--text-dim:#5b6472;--accent:#c2410c;--status-normal:#16a34a;--status-normal-bg:#16a34a1f;--status-prealarm:#d97706;--status-prealarm-bg:#d9770624;--status-alarm:#dc2626;--status-alarm-bg:#dc262624;--status-fault:#6b7280;--status-fault-bg:#6b728024}*{box-sizing:border-box}.login-shell{color:#f4ede7;background:radial-gradient(circle at 15% 10%,#fb923c38,#0000 45%),radial-gradient(circle at 85% 90%,#dc262633,#0000 50%),linear-gradient(160deg,#14100c 0%,#0e0b09 55%,#0a0706 100%);justify-content:center;align-items:center;min-height:100svh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.login-shell:before{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#ffffff05 0 2px,#0000 2px 60px);position:absolute;inset:0}.login-bezel{z-index:1;background:linear-gradient(#1c1712 0%,#171310 100%);border:1px solid #ffffff17;border-radius:18px;width:420px;max-width:100%;padding:26px 30px 30px;position:relative;box-shadow:0 24px 60px #0000008c,inset 0 0 0 1px #0006,inset 0 1px #ffffff0f}.login-bezel-bolt{background:radial-gradient(circle at 35% 30%,#9a9a9a,#3a3a3a 65%,#1a1a1a 100%);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 1px 1px #0009,0 0 0 1px #0006}.login-bezel-bolt:after{content:"";background:#0000008c;width:6px;height:1px;margin:auto;position:absolute;inset:0;transform:rotate(35deg)}.login-bezel-bolt.tl{top:12px;left:12px}.login-bezel-bolt.tr{top:12px;right:12px}.login-bezel-bolt.bl{bottom:12px;left:12px}.login-bezel-bolt.br{bottom:12px;right:12px}.login-bezel-lights{justify-content:center;align-items:center;gap:10px;padding:4px 0 16px;display:flex}.login-bezel-light{background:#1f3a24;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #00000080}.login-bezel-light.on{background:#22c55e;box-shadow:0 0 5px 1px #22c55ebf,inset 0 0 0 1px #0006}.login-bezel-light.alert{background:#ef4444;animation:1.4s ease-in-out infinite bezel-pulse;box-shadow:0 0 6px 2px #ef4444d9,inset 0 0 0 1px #0006}@keyframes bezel-pulse{0%,to{opacity:1;box-shadow:0 0 6px 2px #ef4444d9,inset 0 0 0 1px #0006}50%{opacity:.35;box-shadow:0 0 2px #ef444466,inset 0 0 0 1px #0006}}.login-bezel-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.login-bezel-logo{background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.login-bezel-badge{letter-spacing:.03em;text-transform:uppercase;color:#f4ede7d9;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.login-bezel-panel{background:#00000038;border:1px solid #ffffff12;border-radius:12px;padding:18px 18px 20px}.login-bezel-footer{text-align:center;color:#f4ede766;margin-top:16px;font-size:11px}.input-icon-wrap{position:relative}.input-icon-wrap input{padding-left:34px!important}.input-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}@media (width<=480px){.login-bezel{padding:22px 18px 24px}}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4{letter-spacing:-.2px;margin:0 0 8px;font-weight:600}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:10px;height:10px}.app-topbar,.app-nav-backdrop{display:none}@media (width<=860px){.app-shell{flex-direction:column}.app-topbar{border-bottom:1px solid var(--border);background:var(--bg-panel);z-index:40;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.app-hamburger{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:18px}.app-sidebar{z-index:50;transition:transform .2s;top:0;left:0;transform:translate(-100%);height:100svh!important;position:fixed!important}.app-sidebar.open{transform:translate(0)}.app-nav-backdrop.open{z-index:45;background:#00000073;display:block;position:fixed;inset:0}.app-main{padding:16px!important}.app-main table thead th{position:static}}@media (width<=600px){.app-main{padding:12px!important}.app-main>div>div[style*=grid-template-columns]{gap:10px!important}}::-webkit-scrollbar-thumb{background:var(--text-dim);opacity:.4;border-radius:6px}.app-nav-scroll{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.sidebar-link{transition:background-color .15s,color .15s;position:relative}.sidebar-link:hover{background:var(--bg-elevated);color:var(--text)}.sidebar-link svg{opacity:.85;flex-shrink:0}.sidebar-link.active{box-shadow:inset 0 0 0 1px var(--border)}.sidebar-link.active svg{opacity:1}.brand-mark{color:#fff;background:linear-gradient(150deg, var(--accent), #7c2d12);width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-link.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.app-nav-fade{background:linear-gradient(to bottom, transparent, var(--bg-panel));pointer-events:none;height:18px;margin-top:-18px;position:sticky;bottom:0;left:0;right:0}.app-shell button:not(:disabled),.login-bezel button:not(:disabled){cursor:pointer;transition:filter .15s,box-shadow .15s,transform .1s,border-color .15s,background-color .15s}.app-shell button:disabled{opacity:.55;cursor:not-allowed}.app-shell button:not(:disabled):hover,.login-bezel button:not(:disabled):hover{filter:brightness(1.07)}.app-shell button:not(:disabled):active,.login-bezel button:not(:disabled):active{transform:translateY(1px)}.app-shell aside button:not(:disabled):hover{background:var(--bg-elevated);border-color:var(--accent)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{box-shadow:0 0 0 3px var(--ring);border-color:var(--accent);outline:none}.app-main input,.app-main select,.app-main textarea{transition:border-color .15s,box-shadow .15s}.app-main div[style*="border-radius: 12px"]{transition:box-shadow .2s,border-color .2s}.app-main div[style*="border-radius: 12px"]:hover{box-shadow:var(--shadow-md)}.app-main table tbody tr{transition:background-color .12s}.app-main table tbody tr:hover{background:var(--bg-elevated)}.app-main table thead th{background:var(--bg-panel);z-index:1;position:sticky;top:0}::-webkit-scrollbar-corner{background:0 0}
