:root{--bg:#061321;--panel:#0b2032;--panel2:#0e2d43;--line:#1e6179;--cyan:#58e1f5;--text:#dcf7ff;--muted:#82aabd;--green:#25d5a8;--red:#ff6681;--amber:#ffd166}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#10334a 0,#061321 42%,#040d16 100%);color:var(--text);font:14px "Segoe UI",Arial,sans-serif;min-height:100vh}.shell{max-width:1500px;margin:auto;padding:22px}.topbar,.statusbar,.panel,.login-card{background:rgba(11,32,50,.95);border:1px solid var(--line);box-shadow:0 8px 25px #0006}.topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-radius:4px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:#087887;border:1px solid #4bd9e8;border-radius:4px;color:#bffaff;font-size:25px}.brand-mark.small{width:39px;height:39px;font-size:19px}.eyebrow{margin:0 0 4px;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:1.8px}.topbar h1{font-size:22px;margin:0}.top-actions{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:12px}.ghost{background:transparent;border:1px solid #35748a;color:#a8e9f4;padding:8px 12px;border-radius:3px}.statusbar{display:flex;gap:18px;align-items:center;padding:9px 14px;margin-top:10px;border-radius:3px;font-size:11px}.station{color:var(--cyan2);font-weight:700;letter-spacing:.7px}.pill{margin-left:auto;padding:5px 10px;border-radius:3px;font-weight:700}.pill.on{background:#0b493e;color:var(--green);border:1px solid #1dbd9e}.pill.off{background:#4b202e;color:var(--red);border:1px solid #b64a62}.muted{color:var(--muted)}.overview{margin-top:13px}.grid3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px}.panel{border-radius:4px;overflow:hidden}.panel h2{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--cyan);background:#0d3048;border-bottom:1px solid var(--line);margin:0;padding:10px 13px}.panel> :not(h2){margin-left:15px;margin-right:15px}.device{display:flex;align-items:center;gap:12px;padding-top:15px}.device-icon{width:43px;height:43px;display:grid;place-items:center;background:#103b4b;border:1px solid #259ab1;color:var(--cyan);font-size:22px}.device strong,.device span{display:block}.device span{color:var(--muted);font-size:11px;margin-top:4px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px 0}.kv div{padding:9px 10px;background:#0d2a3d;border:1px solid #174a62}.kv small{display:block;color:var(--muted);font-size:9px}.kv b{display:block;color:#a8efff;font-size:13px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health{display:flex;justify-content:space-between;border-bottom:1px solid #17465b;padding:12px 0;color:var(--muted);font-size:12px}.health:last-child{border:0}.health b{color:var(--cyan2)}.good{color:var(--green)!important}.bad{color:var(--red)!important}.warn{color:var(--amber)!important}.big-number{padding:17px 0 8px}.big-number b{font-size:38px;color:var(--cyan)}.big-number span{color:var(--muted);font-size:12px}.progress{height:9px;background:#102e42;border:1px solid #1b5268}.progress i{display:block;height:100%;width:0;background:var(--green);transition:.25s}.io-panel,.control-panel{margin-top:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;background:#0d3048;border-bottom:1px solid var(--line)}.panel-head h2{border:0}.section-tag{margin-right:13px;color:var(--green);font-size:10px;font-weight:700}.motor-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding-top:15px;padding-bottom:15px}.motor{background:#0d293c;border:1px solid #1a536b;padding:14px 8px;text-align:center}.motor.is-on{background:#0d3b3a;border-color:#20b697}.motor-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;margin:auto auto 8px;background:#263c49;border:2px solid #537381;color:#809ba8;font-size:18px}.motor.is-on .motor-icon{background:#20cfa4;color:#063c36;border-color:#a1ffe4;box-shadow:0 0 14px #20cfa4}.motor strong,.motor span,.motor b{display:block}.motor strong{font-size:13px}.motor span{font-size:10px;color:var(--muted);margin-top:4px}.motor b{font-size:10px;color:#819ca8;margin-top:8px}.motor.is-on b{color:var(--green)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:15px}.control-row{display:grid;grid-template-columns:34px 1fr auto 49px;align-items:center;gap:9px;padding:9px 10px;background:#0d293c;border:1px solid #1a536b}.control-row.is-on{background:#0d393a;border-color:#20a98f}.channel{width:27px;height:27px;display:grid;place-items:center;border:1px solid #28738b;color:var(--cyan);font-weight:700}.control-row strong,.control-row small{display:block}.control-row small{color:var(--muted);font-size:9px;margin-top:3px}.row-state{font-size:10px;color:#829eaa}.control-row.is-on .row-state{color:var(--green)}.switch{width:48px;height:24px;padding:0;border:1px solid #4d7080;background:#253d4b;border-radius:15px;position:relative}.switch:after{content:"";position:absolute;width:18px;height:18px;top:2px;left:3px;border-radius:50%;background:#b4c9d0;transition:.2s}.switch.on{background:#078c7d;border-color:#40dfc0}.switch.on:after{left:25px;background:#fff}.switch:disabled{opacity:.3}.actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;padding:13px 0}.lock{margin-right:auto;color:var(--red);font-size:11px}.primary,.danger{border:1px solid;padding:9px 15px;border-radius:3px;font-weight:700;color:white}.primary{background:#087e86;border-color:#25d0ba}.danger{background:#552533;border-color:#ad4861}.primary:disabled,.danger:disabled{opacity:.35}.login-card{max-width:390px;margin:12vh auto;padding:30px;border-radius:5px}.login-card h1{margin:8px 0;font-size:25px}.login-card label{display:block;color:var(--muted);font-size:12px;margin-top:15px}.login-card input{display:block;width:100%;margin-top:6px;padding:11px;background:#071827;border:1px solid #28677e;color:var(--text);border-radius:3px}.wide{width:100%;margin-top:20px}.error{color:var(--red);min-height:18px;font-size:12px}@media(max-width:950px){.grid3{grid-template-columns:1fr 1fr}.summary{grid-column:1/-1}.motor-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.shell{padding:10px}.topbar{align-items:flex-start}.top-actions{display:block;text-align:right}.top-actions button{margin-top:8px}.statusbar{flex-wrap:wrap}.pill{margin-left:0}.grid3{grid-template-columns:1fr}.summary{grid-column:auto}.motor-grid{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr}.scada{} }
.user-badge{color:#8be8f5;border:1px solid #23647a;background:#0d3047;padding:7px 9px;border-radius:3px;font-size:10px}.admin-panel{margin-top:13px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:15px}.admin-box{border:1px solid #1a536b;background:#0d293c;padding:15px}.admin-box h3{margin:0 0 13px;color:var(--cyan);font-size:13px;text-transform:uppercase;letter-spacing:.7px}.admin-box label{display:block;color:var(--muted);font-size:11px;margin:10px 0}.admin-box input,.admin-box select{display:block;width:100%;margin-top:5px;padding:9px;background:#071827;border:1px solid #28677e;color:var(--text);border-radius:3px}.admin-box select{padding:9px}.form-message{min-height:16px;font-size:11px;margin:10px 0 0}.admin-list{max-height:210px;overflow:auto}.admin-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #17465b;padding:9px 0;font-size:11px}.admin-row strong{color:#dff8ff}.admin-row span{color:var(--muted);text-align:right}.admin-row.audit{display:block}.admin-row.audit span{display:block;text-align:left;margin-top:4px;line-height:1.5}@media(max-width:700px){.admin-grid{grid-template-columns:1fr}.user-badge{display:none}}