@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Rajdhani:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#040912;--bg2:#070e1c;--surf:#0a1426;--surf2:#0f1e36;--surf3:#162544;--border:#1c2f52;--border2:#243660;--acc:#00d4ff;--acc2:#05f;--green:#00f0a0;--yellow:#ffe135;--red:#ff2d55;--orange:#ff7730;--purple:#a855ff;--text:#dce8ff;--text2:#6680aa;--text3:#2d4470;--glow-b:0 0 24px #00c8ff40;--glow-g:0 0 24px #00f0a040;--glow-r:0 0 24px #ff2d5540;--font:"Rajdhani",sans-serif;--mono:"JetBrains Mono",monospace;--r:10px;--r2:14px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#040912;background:var(--bg);color:#dce8ff;color:var(--text);font-family:Rajdhani,sans-serif;font-family:var(--font);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:#0a1426;background:var(--surf)}::-webkit-scrollbar-thumb{background:#243660;background:var(--border2);border-radius:2px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-wrap{display:flex;min-height:100vh}.sidebar{background:#0a1426;background:var(--surf);border-right:1px solid #1c2f52;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;position:sticky;top:0;width:248px;z-index:100}.sidebar-top{background:linear-gradient(180deg,#0055ff0f,#0000);border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);padding:22px 20px 18px}.logo-row{gap:11px;margin-bottom:0}.logo-hex,.logo-row{align-items:center;display:flex}.logo-hex{background:linear-gradient(135deg,#05f,#00d4ff);background:linear-gradient(135deg,var(--acc2) 0,var(--acc) 100%);border-radius:10px;box-shadow:0 0 24px #00c8ff40;box-shadow:var(--glow-b);flex-shrink:0;font-size:18px;height:38px;justify-content:center;position:relative;width:38px}.logo-hex:after{border:1px solid #00c8ff4d;border-radius:11px;content:"";inset:-1px;pointer-events:none;position:absolute}.logo-name{font-size:20px;font-weight:700;letter-spacing:1px;line-height:1.1}.logo-sub{color:#2d4470;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;letter-spacing:3px;text-transform:uppercase}.sidebar-user{border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);gap:11px;padding:14px 20px}.avatar,.sidebar-user{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#05f,#00d4ff);background:linear-gradient(135deg,var(--acc2),var(--acc));border-radius:9px;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.user-info-name{font-size:13px;font-weight:600;line-height:1.2}.user-info-role{border-radius:4px;display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1.5px;margin-top:3px;padding:2px 7px;text-transform:uppercase}.role-plant{background:#00f0a01f;color:#00f0a0;color:var(--green)}.role-manager{background:#00d4ff1f;color:#00d4ff;color:var(--acc)}.role-head{background:#ffe1351f;color:#ffe135;color:var(--yellow)}.role-admin{background:#ff2d551f;color:#ff2d55;color:var(--red)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px}.nav-sect-title{color:#2d4470;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:8px;letter-spacing:3px;padding:10px 10px 6px;text-transform:uppercase}.nav-item{align-items:center;border:1px solid #0000;border-radius:8px;color:#6680aa;color:var(--text2);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;letter-spacing:.3px;margin-bottom:1px;padding:9px 12px;transition:all .18s;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#0f1e36;background:var(--surf2);color:#dce8ff;color:var(--text)}.nav-item.active{background:linear-gradient(90deg,#0055ff2e,#0055ff0f);border-color:#05f3;box-shadow:inset 2px 0 0 #05f;box-shadow:inset 2px 0 0 var(--acc2);color:#00d4ff;color:var(--acc)}.nav-ic{flex-shrink:0;font-size:15px;text-align:center;width:18px}.nav-badge{background:#ff2d55;background:var(--red);border-radius:20px;color:#fff;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:8px;font-weight:700;margin-left:auto;min-width:16px;padding:2px 6px;text-align:center}.sidebar-bot{border-top:1px solid #1c2f52;border-top:1px solid var(--border);padding:14px 16px}.btn-logout{align-items:center;background:#0000;border:1px solid #1c2f52;border:1px solid var(--border);border-radius:7px;color:#6680aa;color:var(--text2);cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-family:var(--font);font-size:13px;gap:8px;justify-content:center;padding:8px 12px;transition:all .18s;width:100%}.btn-logout:hover{background:#ff2d550d;border-color:#ff2d55;border-color:var(--red);color:#ff2d55;color:var(--red)}.topbar{align-items:center;background:#0a1426;background:var(--surf);border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;height:58px;padding:0 28px;position:sticky;top:0;z-index:50}.topbar-title{flex:1 1;font-size:22px;font-weight:700;letter-spacing:.5px}.topbar-pill{align-items:center;border:1px solid #1c2f52;border:1px solid var(--border);border-radius:20px;color:#6680aa;color:var(--text2);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;font-weight:600;gap:6px;padding:5px 12px}.live-dot{animation:pulse-dot 2s ease infinite;background:#00f0a0;background:var(--green);border-radius:50%;box-shadow:0 0 8px #00f0a0;box-shadow:0 0 8px var(--green);flex-shrink:0;height:7px;width:7px}.topbar-clock{color:#6680aa;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:14px;letter-spacing:1px}.topbar-notif{align-items:center;background:#0f1e36;background:var(--surf2);border:1px solid #1c2f52;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:relative;transition:all .18s;width:36px}.topbar-notif:hover{border-color:#00d4ff;border-color:var(--acc)}.notif-count{background:#ff2d55;background:var(--red);border-radius:8px;color:#fff;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:8px;font-weight:700;min-width:14px;padding:1px 4px;position:absolute;right:-4px;text-align:center;top:-4px}.main-wrap{display:flex;flex:1 1;flex-direction:column;min-width:0}.content{animation:fadeUp .35s ease;flex:1 1;overflow-y:auto;padding:24px 28px}.breadcrumb{align-items:center;color:#6680aa;color:var(--text2);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;gap:6px;margin-bottom:20px}.bc-link{color:#00d4ff;color:var(--acc);cursor:pointer;transition:opacity .15s}.bc-link:hover{opacity:.7}.bc-sep{color:#2d4470;color:var(--text3)}.stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin-bottom:22px}.stat-card{background:#0a1426;background:var(--surf);border:1px solid #1c2f52;border:1px solid var(--border);border-radius:14px;border-radius:var(--r2);cursor:default;overflow:hidden;padding:18px 20px;position:relative;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.stat-card:before{background:#00d4ff;background:var(--acc);height:2px;left:0}.stat-card:after,.stat-card:before{bottom:0;content:"";position:absolute;right:0}.stat-card:after{background:linear-gradient(90deg,#0000,hsla(0,0%,100%,.015));pointer-events:none;top:0;width:60px}.stat-icon{font-size:20px;opacity:.2;position:absolute;right:16px;top:14px}.stat-lbl{color:#6680aa;color:var(--text2);font-size:9px;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.stat-lbl,.stat-val{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.stat-val{color:#00d4ff;color:var(--acc);font-size:30px;font-weight:700;line-height:1}.stat-sub{color:#6680aa;color:var(--text2);font-size:11px;margin-top:5px}.panel{background:#0a1426;background:var(--surf);border-radius:14px;border-radius:var(--r2)}.panel-head{align-items:center;border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:14px 18px}.panel-title{font-size:14px;font-weight:700;letter-spacing:.4px}.panel-meta{color:#6680aa;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px}.panel-body{padding:18px}.g2{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-bottom:18px}.g3{grid-gap:14px;grid-template-columns:1fr 1fr 1fr}.g3,.g4{display:grid;gap:14px;margin-bottom:18px}.g4{grid-gap:14px;grid-template-columns:repeat(4,1fr)}.g65{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.6fr 1fr}.g65,.mb{margin-bottom:18px}.machine-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.mc{background:#0a1426;background:var(--surf);border:1px solid #1c2f52;border-radius:14px;border-radius:var(--r2);border-top:2px solid #2d4470;border:1px solid var(--border);border-top:2px solid,var(--text3);cursor:pointer;overflow:hidden;padding:18px;position:relative;transition:all .25s}.mc:hover{border-color:#243660;border-color:var(--border2);box-shadow:0 10px 30px #00000059;transform:translateY(-3px)}.mc.warning{animation:border-blink 2.5s ease infinite}.mc-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.mc-name{font-size:16px;font-weight:700;letter-spacing:.3px}.mc-model{color:#6680aa;color:var(--text2);font-size:10px;margin-top:2px}.mc-badge,.mc-model{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.mc-badge{border-radius:20px;font-size:9px;font-weight:700;letter-spacing:1.5px;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.mc-badge.running{background:#00f0a01f;color:#00f0a0;color:var(--green)}.mc-badge.idle{background:#6478a01f;color:#6680aa;color:var(--text2)}.mc-badge.warning{background:#ff2d5526;color:#ff2d55;color:var(--red)}.mc-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:13px}.mc-m{background:#0f1e36;background:var(--surf2);border-radius:8px;padding:9px 10px}.mc-m-val{color:#00d4ff;color:var(--acc);font-size:16px;font-weight:700;line-height:1}.mc-m-lbl,.mc-m-val{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.mc-m-lbl{color:#6680aa;color:var(--text2);font-size:8px;letter-spacing:1.5px;margin-top:3px;text-transform:uppercase}.mc-foot{align-items:center;display:flex;justify-content:space-between}.mc-batch{color:#6680aa;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px}.mc-prod{color:#dce8ff;color:var(--text);font-size:11px;font-weight:600}.mc-alert-bar{align-items:center;background:#ff2d5514;border:1px solid #ff2d552e;border-radius:6px;color:#ff2d55;color:var(--red);display:flex;font-size:10px;gap:6px;margin-top:11px;padding:7px 11px}.mc-sparkline{border-radius:4px;height:28px;margin-bottom:10px;overflow:hidden}.gauge-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.gauge-wrap{background:#0f1e36;background:var(--surf2);border-radius:10px;padding:10px 6px;text-align:center}.gauge-lbl{color:#6680aa;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;margin-top:6px;text-transform:uppercase}.chart-box{overflow:hidden;width:100%}.chart-svg{display:block;width:100%}.chart-axis{color:#2d4470;color:var(--text3);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;justify-content:space-between;margin-top:6px}.alert-list{display:flex;flex-direction:column;gap:7px}.alert-item{align-items:flex-start;border:1px solid #0000;border-radius:9px;display:flex;gap:11px;padding:12px 14px;transition:all .18s}.alert-item.critical{background:#ff2d5512;border-color:#ff2d5526}.alert-item.warning{background:#ffe1350d;border-color:#ffe1351f}.alert-item.info{background:#00d4ff0d;border-color:#00d4ff1f}.alert-ic{align-items:center;border-radius:7px;display:flex;flex-shrink:0;font-size:13px;height:30px;justify-content:center;margin-top:1px;width:30px}.critical .alert-ic{background:#ff2d552e;color:#ff2d55;color:var(--red)}.warning .alert-ic{background:#ffe13526;color:#ffe135;color:var(--yellow)}.info .alert-ic{background:#00d4ff26;color:#00d4ff;color:var(--acc)}.alert-msg{font-size:13px;font-weight:600;letter-spacing:.2px}.alert-meta{font-size:10px;margin-top:2px}.alert-meta,.btn-ack{color:#6680aa;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--mono)}.btn-ack{background:#0000;border:1px solid #243660;border:1px solid var(--border2);border-radius:5px;cursor:pointer;flex-shrink:0;font-size:9px;letter-spacing:1px;margin-left:auto;padding:4px 11px;text-transform:uppercase;transition:all .18s}.btn-ack:hover{border-color:#00f0a0;border-color:var(--green)}.btn-ack.acked,.btn-ack:hover{color:#00f0a0;color:var(--green)}.btn-ack.acked{border-color:#00f0a04d;cursor:default;opacity:.55}.tbl{border-collapse:collapse;width:100%}.tbl th{border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);color:#6680aa;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;letter-spacing:2px;padding:9px 13px;text-align:left;text-transform:uppercase;white-space:nowrap}.tbl td{border-bottom:1px solid #1c2f5273;font-size:13px;padding:11px 13px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:hsla(0,0%,100%,.015)}.tbl-acc,.tbl-num{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.tbl-acc{color:#00d4ff;color:var(--acc)}.sdot{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;margin-right:5px;width:7px}.sdot.g{background:#00f0a0;background:var(--green);box-shadow:0 0 6px #00f0a0;box-shadow:0 0 6px var(--green)}.sdot.y{background:#ffe135;background:var(--yellow);box-shadow:0 0 6px #ffe135;box-shadow:0 0 6px var(--yellow)}.sdot.r{background:#ff2d55;background:var(--red);box-shadow:0 0 6px #ff2d55;box-shadow:0 0 6px var(--red)}.sdot.n{background:#2d4470;background:var(--text3)}.tabs{background:#0a1426;background:var(--surf);border:1px solid #1c2f52;border:1px solid var(--border);border-radius:10px;display:flex;gap:3px;margin-bottom:18px;padding:4px}.tab{background:#0000;border:none;border-radius:7px;color:#6680aa;color:var(--text2);cursor:pointer;font-family:Rajdhani,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.3px;padding:7px 18px;transition:all .18s}.tab.active{background:#0f1e36;background:var(--surf2);box-shadow:0 0 0 1px #243660;box-shadow:0 0 0 1px var(--border2);color:#00d4ff;color:var(--acc)}.prog-track{background:#162544;background:var(--surf3);border-radius:4px;height:5px;overflow:hidden}.prog-fill{border-radius:4px;height:100%;transition:width .8s ease}.btn-primary{background:linear-gradient(135deg,#05f,#00d4ff);background:linear-gradient(135deg,var(--acc2),var(--acc));border:none;border-radius:7px;box-shadow:0 3px 12px #0055ff4d;color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 18px;transition:all .18s}.btn-primary:hover{box-shadow:0 5px 18px #05f6;transform:translateY(-1px)}.btn-sm{background:#0000;border:1px solid #243660;border:1px solid var(--border2);border-radius:5px;color:#6680aa;color:var(--text2);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;letter-spacing:.5px;padding:4px 12px;transition:all .18s}.btn-sm:hover{border-color:#00d4ff;border-color:var(--acc);color:#00d4ff;color:var(--acc)}.btn-danger{border-color:#ff2d554d;color:#ff2d55;color:var(--red)}.btn-danger:hover{background:#ff2d5514;border-color:#ff2d55;border-color:var(--red)}.tag{border-radius:4px;display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1.5px;padding:2px 8px;text-transform:uppercase}.tag-green{background:#00f0a01f;color:#00f0a0;color:var(--green)}.tag-blue{background:#00d4ff1f;color:#00d4ff;color:var(--acc)}.tag-yellow{background:#ffe1351f;color:#ffe135;color:var(--yellow)}.tag-red{background:#ff2d551f;color:#ff2d55;color:var(--red)}.tag-gray{background:#6478a01a;color:#6680aa;color:var(--text2)}.form-row{margin-bottom:14px}.form-lbl{color:#6680aa;color:var(--text2);display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.form-input,.form-lbl{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.form-input{background:#0f1e36;background:var(--surf2);border:1px solid #1c2f52;border:1px solid var(--border);border-radius:7px;color:#dce8ff;color:var(--text);font-size:13px;outline:none;padding:10px 14px;transition:all .18s;width:100%}.form-input:focus{border-color:#00d4ff;border-color:var(--acc);box-shadow:0 0 0 2px #00c8ff1f}.form-input::placeholder{color:#2d4470;color:var(--text3)}.tl-item{border-bottom:1px solid #1c2f5266;display:flex;gap:14px;padding:11px 0}.tl-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:3px;width:10px}.tl-line{background:#1c2f52;background:var(--border);flex:1 1;margin-top:4px;width:1px}.tl-dot-wrap{flex-direction:column;flex-shrink:0;gap:3px;width:10px}.tl-dot-wrap,.user-row{align-items:center;display:flex}.user-row{border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);gap:13px;padding:12px 0}.user-row:last-child{border-bottom:none}.u-avatar{align-items:center;background:linear-gradient(135deg,#05f,#00d4ff);background:linear-gradient(135deg,var(--acc2),var(--acc));border-radius:9px;display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;font-weight:700;height:36px;justify-content:center;width:36px}.u-name{font-size:14px;font-weight:600;line-height:1.2}.u-email{color:#6680aa;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px}.sys-card{background:#0f1e36;background:var(--surf2);border:1px solid #1c2f52;border:1px solid var(--border);border-radius:10px;padding:16px;transition:all .18s}.sys-card:hover{border-color:#243660;border-color:var(--border2)}.sys-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sys-name{font-size:13px;font-weight:700}.sys-val{font-size:12px}.sys-sub,.sys-val{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.sys-sub{color:#6680aa;color:var(--text2);font-size:10px}.log-row{border-bottom:1px solid #1c2f5266;display:flex;font-size:12px;gap:14px;padding:9px 0}.prod-metric{background:#0f1e36;background:var(--surf2);border-radius:10px;padding:15px 16px}.prod-val{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:26px;font-weight:700;line-height:1}.prod-lbl{color:#6680aa;color:var(--text2);font-size:10px;letter-spacing:.5px;margin-top:5px}.batch-status{border-radius:4px;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;text-transform:uppercase}.login-wrap{align-items:center;background:radial-gradient(ellipse 80% 60% at 30% 50%,#061430 0,#040912 65%);background:radial-gradient(ellipse 80% 60% at 30% 50%,#061430 0,var(--bg) 65%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg-grid{background-image:linear-gradient(#1c2f52 1px,#0000 0),linear-gradient(90deg,#1c2f52 1px,#0000 0);background-image:linear-gradient(var(--border) 1px,#0000 1px),linear-gradient(90deg,var(--border) 1px,#0000 1px);background-size:48px 48px;inset:0;opacity:.22}.login-bg-glow,.login-bg-grid{pointer-events:none;position:absolute}.login-bg-glow{background:radial-gradient(circle,#0055ff1f 0,#0000 70%);border-radius:50%;height:600px;left:25%;top:50%;transform:translate(-50%,-50%);width:600px}.login-card{animation:fadeUp .5s ease both;background:#0a1426;background:var(--surf);border:1px solid #243660;border:1px solid var(--border2);border-radius:18px;box-shadow:0 0 80px #0055ff26,0 30px 60px #00000080;padding:46px 40px;position:relative;width:440px;z-index:1}.login-card:before{background:linear-gradient(135deg,#0055ff0a,#0000 60%);border-radius:18px;content:"";inset:0;pointer-events:none;position:absolute}.login-logo-row{align-items:center;display:flex;gap:13px;margin-bottom:30px}.login-logo-box{align-items:center;background:linear-gradient(135deg,#05f,#00d4ff);background:linear-gradient(135deg,var(--acc2),var(--acc));border-radius:12px;box-shadow:0 0 24px #00c8ff40;box-shadow:var(--glow-b);display:flex;font-size:22px;height:46px;justify-content:center;width:46px}.login-brand{font-size:24px;font-weight:700;letter-spacing:1px}.login-brand-sub{color:#2d4470;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;letter-spacing:4px;margin-top:2px;text-transform:uppercase}.login-title{font-size:28px;font-weight:700;margin-bottom:6px}.login-sub{color:#6680aa;color:var(--text2);font-size:13px;margin-bottom:30px}.login-btn{background:linear-gradient(135deg,#05f,#00d4ff);background:linear-gradient(135deg,var(--acc2),var(--acc));border:none;border-radius:8px;box-shadow:0 4px 20px #05f6;color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:1px;margin-top:6px;padding:13px;transition:all .2s;width:100%}.login-btn:hover{box-shadow:0 6px 28px #0055ff80;transform:translateY(-1px)}.login-divider{align-items:center;display:flex;gap:12px;margin:22px 0 14px}.login-divider:after,.login-divider:before{background:#1c2f52;background:var(--border);content:"";flex:1 1;height:1px}.login-divider span{font-size:10px;letter-spacing:2px}.login-demo-title,.login-divider span{color:#2d4470;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono)}.login-demo-title{font-size:9px;letter-spacing:2.5px;margin-bottom:10px;text-transform:uppercase}.demo-pills{display:flex;flex-wrap:wrap;gap:7px}.demo-pill{background:#0f1e36;background:var(--surf2);border:1px solid #1c2f52;border:1px solid var(--border);border-radius:6px;color:#6680aa;color:var(--text2);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px;padding:5px 11px;transition:all .15s}.demo-pill:hover{border-color:#00d4ff;border-color:var(--acc);color:#00d4ff;color:var(--acc)}.login-err{color:#ff2d55;color:var(--red);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;margin-top:7px;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes border-blink{0%,to{border-top-color:#ff2d55;border-top-color:var(--red)}50%{border-top-color:#0000}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-bottom:18px}.detail-kv{background:#0f1e36;background:var(--surf2);border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:10px 14px}.detail-k{color:#6680aa;color:var(--text2);font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.detail-k,.detail-v{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.detail-v{color:#00d4ff;color:var(--acc);font-size:15px;font-weight:600}.detail-kvs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}@media (max-width:1100px){.stats-row{grid-template-columns:repeat(3,1fr)}.g2,.g65{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{width:60px}.logo-name,.logo-sub,.nav-item span,.nav-sect-title,.sidebar-bot,.sidebar-user{display:none}.content{padding:16px}}.scada-root{background:#040912;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,#00e5ff0f 0,#0000 60%),linear-gradient(#00e5ff05 1px,#0000 0),linear-gradient(90deg,#00e5ff05 1px,#0000 0);background-size:100% 100%,48px 48px,48px 48px;min-height:100vh;padding:0}.hdr{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#00e5ff0f,#0000);border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 24px;position:sticky;top:0;z-index:100}.hdr-logo{color:var(--accent);font-family:var(--display);font-size:1.05rem;font-weight:900;letter-spacing:4px}.hdr-logo span{color:#00f0a0;color:var(--green)}.hdr-title{text-align:center}.hdr-title h1{color:#6680aa;color:var(--text2);font-family:var(--display);font-size:.7rem;letter-spacing:5px}.hdr-title p{color:var(--accent);font-size:.65rem;margin-top:2px}.hdr-right,.hdr-title p{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.hdr-right{color:#6680aa;color:var(--text2);font-size:.7rem;text-align:right}.clock{color:var(--accent);display:block;font-size:1rem}.online-dot{animation:blink 1.4s ease infinite;background:var(--ok);border-radius:50%;box-shadow:0 0 8px var(--ok);display:inline-block;height:7px;margin-right:5px;width:7px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.devbar{background:var(--surface);border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);color:#6680aa;color:var(--text2);flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.62rem;gap:6px 16px;padding:6px 24px}.dev,.devbar{align-items:center;display:flex}.dev{gap:5px}.dev-dot{border-radius:50%;height:6px;width:6px}.dev-dot.on{background:var(--ok);box-shadow:0 0 5px var(--ok)}.dev-dot.warn{background:var(--warn);box-shadow:0 0 5px var(--warn)}.dev-sep{background:#1c2f52;background:var(--border);height:14px;width:1px}.main{display:flex;flex-direction:column;gap:14px;padding:14px 20px}.kpi-strip{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.kpi{background:var(--surface);border:1px solid #1c2f52;border:1px solid var(--border);overflow:hidden;padding:10px 14px;position:relative}.kpi:after{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.kpi-val{color:var(--accent);font-family:var(--display);font-size:1.3rem;font-weight:700;line-height:1}.kpi-lbl{color:#6680aa;color:var(--text2);font-size:.6rem;letter-spacing:2px;margin-top:3px;text-transform:uppercase}.panel{background:var(--surface);border:1px solid #1c2f52;border:1px solid var(--border);overflow:hidden;position:relative}.panel:before{background:linear-gradient(90deg,#0000,#243660,#0000);background:linear-gradient(90deg,#0000,var(--border2),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.panel-hdr{background:#00e5ff05;border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 16px}.panel-hdr,.panel-title{align-items:center;display:flex}.panel-title{color:#6680aa;color:var(--text2);font-family:var(--display);font-size:.6rem;gap:8px;letter-spacing:3px;text-transform:uppercase}.panel-title:before{color:var(--accent);content:"▸"}.panel-body{padding:14px 16px}.top-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:280px 1fr 220px}.tank-outer{align-items:center;display:flex;flex-direction:column;gap:10px;padding:16px}.tank-container{background:var(--surface2);border:2px solid #243660;border:2px solid var(--border2);border-radius:4px 4px 10px 10px;height:240px;overflow:hidden;position:relative;width:110px}.tank-water{background:linear-gradient(180deg,#00e5ffcc,#005096f2);bottom:0;left:0;position:absolute;right:0;transition:height 1.2s cubic-bezier(.25,.46,.45,.94)}.tank-water:after{animation:wave 2.5s ease-in-out infinite alternate;background:#ffffff26;content:"";height:6px;left:-100%;position:absolute;top:0;width:300%}@keyframes wave{0%{transform:translateX(0)}to{transform:translateX(10%)}}.tank-water.low{background:linear-gradient(180deg,#ff3d57d9,#96141ef2)}.tank-water.high{background:linear-gradient(180deg,#ffc107d9,#967800f2)}.tank-pct-lbl{color:#fff;font-family:var(--display);font-size:1rem;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px #000c;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.marker-line{align-items:center;display:flex;height:2px;left:0;position:absolute;right:0}.marker-line-inner{flex:1 1;height:1px}.marker-label{font-size:.55rem;padding:0 4px;white-space:nowrap}.marker-label,.tank-scale{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.tank-scale{bottom:0;color:#2d4470;color:var(--text3);font-size:.5rem;justify-content:space-between;position:absolute;right:-44px;top:0}.tank-scale,.tank-stats{display:flex;flex-direction:column}.tank-stats{gap:6px;width:100%}.tstat{align-items:center;display:flex;font-size:.72rem;justify-content:space-between}.tstat-lbl{color:#6680aa;color:var(--text2);letter-spacing:1px}.tstat-val{color:var(--accent);font-family:JetBrains Mono,monospace;font-family:var(--mono)}.ch-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:14px}.ch-card{background:var(--surface2);border:1px solid #1c2f52;border:1px solid var(--border);overflow:hidden;padding:12px;position:relative}.ch-card:before{bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.ch-card.A:before{background:var(--accent);box-shadow:0 0 12px var(--accent)}.ch-card.B:before{background:#00f0a0;background:var(--green);box-shadow:0 0 12px #00f0a0;box-shadow:0 0 12px var(--green)}.ch-card.C:before{background:#ff7730;background:var(--orange);box-shadow:0 0 12px #ff7730;box-shadow:0 0 12px var(--orange)}.ch-card.D:before{background:#a855ff;background:var(--purple);box-shadow:0 0 12px #a855ff;box-shadow:0 0 12px var(--purple)}.ch-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ch-id{font-family:var(--display);font-size:.9rem;font-weight:900}.ch-id.A{color:var(--accent)}.ch-id.B{color:#00f0a0;color:var(--green)}.ch-id.C{color:#ff7730;color:var(--orange)}.ch-id.D{color:#a855ff;color:var(--purple)}.ch-badges{display:flex;gap:5px}.badge{border:1px solid;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.55rem;letter-spacing:1px;padding:2px 7px}.badge.ok{background:#00e67614;border-color:var(--ok);color:var(--ok)}.badge.alert{animation:alertPulse 1s ease infinite;background:#ff3d571f;border-color:var(--danger);color:var(--danger)}.badge.warn{background:#ffc10714;border-color:var(--warn);color:var(--warn)}@keyframes alertPulse{0%,to{opacity:1}50%{opacity:.5}}.ch-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.metric{background:#00e5ff05;border:1px solid #1c2f52;border:1px solid var(--border);padding:8px}.metric-lbl{color:#6680aa;color:var(--text2);font-size:.58rem;letter-spacing:2px;text-transform:uppercase}.metric-val{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:1rem;margin-top:2px}.metric-sub{color:#2d4470;color:var(--text3);font-size:.6rem;margin-top:2px}.diff-row{display:flex;gap:6px;margin-top:8px}.diff-pill{align-items:center;border:1px solid;display:flex;flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.6rem;justify-content:space-between;padding:4px 8px}.diff-pill.ok{background:#00e6760d;border-color:var(--ok);color:var(--ok)}.diff-pill.alert{background:#ff3d5714;border-color:var(--danger);color:var(--danger)}.diff-pill.warn{background:#ffc1070d;border-color:var(--warn);color:var(--warn)}.motor-wrap{flex-direction:column;gap:12px;padding:16px}.motor-ring-outer,.motor-wrap{align-items:center;display:flex}.motor-ring-outer{border:3px solid #243660;border:3px solid var(--border2);border-radius:50%;height:100px;justify-content:center;position:relative;width:100px}.motor-ring-outer.running{border-color:var(--ok);box-shadow:0 0 20px #00e67666,inset 0 0 20px #00e6761a}.motor-ring-spin{border:3px solid #0000;border-radius:50%;border-top:3px solid var(--ok);inset:0;position:absolute}.motor-ring-spin.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.motor-ring-inner{color:#6680aa;color:var(--text2);font-family:var(--display);font-size:.55rem;letter-spacing:2px;text-align:center}.motor-ring-inner .mstate{display:block;font-size:.7rem;font-weight:700;margin-top:2px}.motor-ring-inner .mstate.running{color:var(--ok)}.motor-ring-inner .mstate.stopped{color:var(--danger)}.motor-info{display:flex;flex-direction:column;gap:6px;width:100%}.mrow{background:var(--surface2);border:1px solid #1c2f52;border:1px solid var(--border);display:flex;font-size:.7rem;justify-content:space-between;padding:5px 8px}.mrow-lbl{color:#6680aa;color:var(--text2)}.mrow-val{color:var(--accent);font-family:JetBrains Mono,monospace;font-family:var(--mono)}.motor-btns{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr 1fr;width:100%}.mbtn{background:#0000;border:1px solid #1c2f52;border:1px solid var(--border);color:#6680aa;color:var(--text2);cursor:pointer;font-family:var(--display);font-size:.5rem;letter-spacing:2px;padding:7px 4px;text-transform:uppercase;transition:all .2s}.mbtn:hover{background:#00e5ff14;border-color:var(--accent);color:var(--accent)}.mbtn.active-on{background:#00e6761a;border-color:var(--ok);color:var(--ok)}.mbtn.active-off{background:#ff3d5714;border-color:var(--danger);color:var(--danger)}.mbtn.active-auto{background:#ffc10714;border-color:var(--warn);color:var(--warn)}.auto-hint{color:#6680aa;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.58rem;line-height:1.6;text-align:center}.auto-hint span{color:var(--accent)}.mid-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.chart-wrap{height:200px;padding:0 8px 8px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#0d3a5299}.recharts-text{fill:#4a7a96;font-family:Share Tech Mono;font-size:10px}.bot-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 380px}.alert-feed{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding:10px 16px}.alert-feed::-webkit-scrollbar{width:3px}.alert-feed::-webkit-scrollbar-thumb{background:#243660;background:var(--border2)}.alert-entry{align-items:flex-start;animation:slideIn .3s ease;background:var(--surface2);border:1px solid #1c2f52;border:1px solid var(--border);display:flex;gap:10px;padding:7px 10px}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}.alert-entry.danger{border-left:3px solid var(--danger)}.alert-entry.warn{border-left:3px solid var(--warn)}.alert-entry.ok{border-left:3px solid var(--ok)}.alert-entry.info{border-left:3px solid var(--accent)}.alert-icon{flex-shrink:0;font-size:.9rem;margin-top:1px}.alert-body{flex:1 1}.alert-msg{font-size:.72rem;line-height:1.4}.alert-msg.danger{color:var(--danger)}.alert-msg.warn{color:var(--warn)}.alert-msg.ok{color:var(--ok)}.alert-msg.info{color:var(--accent)}.alert-time{color:#2d4470;color:var(--text3);font-size:.58rem;margin-top:2px}.alert-time,.log-table{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.log-table{border-collapse:collapse;font-size:.63rem;width:100%}.log-table th{background:var(--surface2);border-bottom:1px solid #1c2f52;border-bottom:1px solid var(--border);color:#6680aa;color:var(--text2);font-family:var(--body);font-size:.55rem;font-weight:600;letter-spacing:1px;padding:5px 8px;text-align:left;text-transform:uppercase}.log-table td{border-bottom:1px solid #0d3a524d;color:#dce8ff;color:var(--text);padding:5px 8px}.log-table tr:hover td{background:#00e5ff05}.col-ok{color:var(--ok)}.col-warn{color:var(--warn)}.col-alert{color:var(--danger)}.log-scroll{max-height:220px;overflow-y:auto}.log-scroll::-webkit-scrollbar{width:3px}.log-scroll::-webkit-scrollbar-thumb{background:#243660;background:var(--border2)}.email-body{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.erow{align-items:center;display:flex;gap:8px}.elbl{color:#6680aa;color:var(--text2);flex-shrink:0;font-family:var(--body);font-size:.6rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;width:72px}.einput{background:var(--surface2);border:1px solid #1c2f52;border:1px solid var(--border);color:#dce8ff;color:var(--text);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.72rem;outline:none;padding:6px 10px;transition:border-color .2s}.einput:focus{border-color:var(--accent);box-shadow:0 0 8px #00e5ff26}.ethr-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.ethr{align-items:center;background:var(--surface2);border:1px solid #1c2f52;border:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 10px}.ethr-lbl{color:#6680aa;color:var(--text2);font-size:.6rem;letter-spacing:1px}.ethr-val{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.8rem}.ethr-val.alert{color:var(--danger)}.ethr-val.warn{color:var(--warn)}.echk-grid{display:flex;flex-wrap:wrap;gap:6px}.echk{align-items:center;background:var(--surface2);border:1px solid #1c2f52;border:1px solid var(--border);color:#6680aa;color:var(--text2);cursor:pointer;display:flex;font-size:.65rem;gap:5px;padding:4px 8px}.echk input[type=checkbox]{accent-color:var(--accent)}.ebtn-row{display:flex;gap:8px}.ebtn{background:#0000;border:1px solid;cursor:pointer;flex:1 1;font-family:var(--display);font-size:.55rem;letter-spacing:2px;padding:8px;text-transform:uppercase;transition:all .2s}.ebtn.primary{border-color:var(--accent);color:var(--accent)}.ebtn.primary:hover{background:#00e5ff1a;box-shadow:var(--glow-a)}.ebtn.secondary{border-color:#00f0a0;border-color:var(--green);color:#00f0a0;color:var(--green)}.ebtn.secondary:hover{background:#00ff9d14}.estatus{display:none;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.65rem;padding:6px 10px}.estatus.visible{display:block}.estatus.sent{background:#00e67612;border:1px solid var(--ok);color:var(--ok)}.estatus.err{background:#ff3d5712;border:1px solid var(--danger);color:var(--danger)}.elog{color:#2d4470;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.6rem}.trend-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:1200px){.kpi-strip{grid-template-columns:repeat(3,1fr)}.top-row{grid-template-columns:260px 1fr}.bot-row{grid-template-columns:1fr 1fr}}@media (max-width:900px){.bot-row,.mid-row,.top-row,.trend-row{grid-template-columns:1fr}.kpi-strip{grid-template-columns:repeat(2,1fr)}.ch-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5011e535.css.map*/