:root{--ink:#13242d;--nav:#102c3a;--blue:#0878a3;--cyan:#12a9c7;--paper:#f3f7f8;--line:#d8e3e7;--muted:#647882;--low:#e9b949;--ok:#25a66a;--high:#d94b45}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}.top{height:72px;background:var(--nav);color:white;display:flex;align-items:center;padding:0 4vw;gap:28px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:18px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.08em;color:#a9c4cf}.mark{background:linear-gradient(135deg,#0798bd,#50cad5);padding:8px 10px;border-radius:6px;font-weight:900;letter-spacing:.06em;color:white}.mark.large{font-size:24px;display:inline-block}.top nav{display:flex;gap:5px;flex:1}.top nav a{color:#cce0e7;text-decoration:none;padding:8px 9px;border-radius:5px}.top nav a:hover{background:#214655;color:white}.account{display:flex;gap:12px;align-items:center;font-size:12px}.account form{margin:0}.link{border:0;background:none;color:#67d7e5;cursor:pointer}.nav-toggle{display:none;background:none;color:white;border:0;font-size:22px}.demo-banner{text-align:center;background:#f6c84e;color:#332700;font-weight:800;font-size:11px;letter-spacing:.12em;padding:6px}main{max-width:1420px;margin:0 auto;padding:32px 4vw;min-height:calc(100vh - 142px)}footer{text-align:center;padding:25px;color:var(--muted)}footer a{color:var(--blue)}h1{font-size:32px;line-height:1.1;margin:5px 0}h2{margin:0 0 14px}.eyebrow{color:var(--blue);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.16em}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-head p{color:var(--muted);margin:7px 0}.button{text-decoration:none;display:inline-block}.primary,button{border:0;border-radius:6px;padding:11px 17px;font-weight:700;cursor:pointer;background:#dbe6ea;color:var(--ink)}.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white}.secondary{background:#dce7ea}.danger{background:#b83c38;color:white;border:0;padding:11px 17px;border-radius:6px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 3px 14px #16313b0d;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}.cards article{background:white;padding:18px;border-radius:9px;border-top:4px solid var(--blue);box-shadow:0 3px 14px #16313b0d}.cards article.low{border-color:var(--low)}.cards article.ok{border-color:var(--ok)}.cards article.high{border-color:var(--high)}.cards small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.cards strong{font-size:30px}.cards span{float:right;margin-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:var(--muted);background:#f5f8f9}th,td{padding:11px;border-bottom:1px solid var(--line)}.status{padding:4px 9px;border-radius:99px;font-weight:800;font-size:11px}.status.low{background:#fff0bd;color:#684d00}.status.ok{background:#ccefdc;color:#075d36}.status.high{background:#ffd6d3;color:#7b1611}.status.neutral{background:#e7eef1}.form-panel summary,details summary{cursor:pointer;font-weight:800}.grid-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.grid-form label,.controls label,.filters label,.login-card label,.danger-zone label{font-size:12px;font-weight:700;color:var(--muted)}input,select{display:block;width:100%;margin-top:5px;border:1px solid #bdccd2;border-radius:6px;padding:10px;background:white;color:var(--ink)}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.inline-form{display:grid;gap:6px;min-width:220px}.scale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scale-card>div{display:flex;align-items:center;gap:8px}.device-dot{width:10px;height:10px;border-radius:50%;background:#999}.device-dot.online{background:var(--ok);box-shadow:0 0 0 5px #25a66a22}.scale-card h2{margin:18px 0 0}.scale-card dl{display:grid;grid-template-columns:1fr 1fr}.scale-card dt{color:var(--muted)}.scale-card dd{text-align:right}.demo-chip{background:#f6c84e;color:#332700;padding:7px 12px;border-radius:4px;font-weight:900;letter-spacing:.1em}.weigh-layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.controls{display:flex;flex-direction:column;gap:15px}.scale-face{background:#152a34;color:white}.stability{display:flex;justify-content:flex-end;gap:12px;align-items:center}.switch input{display:none}.switch span{display:block;width:48px;height:25px;border-radius:99px;background:#52666f;position:relative}.switch span:after{content:'';width:19px;height:19px;background:white;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s}.switch input:checked+span{background:var(--ok)}.switch input:checked+span:after{left:26px}.weight-entry{display:block;text-align:center;color:#a8bec7;margin:20px}.weight-entry span{display:block;color:white;font-size:25px}.weight-entry input{display:inline-block;width:250px;background:#09191f;border:1px solid #42616e;color:#6ee0ed;font:700 48px monospace;text-align:right}.readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.readouts div{background:#203b47;padding:14px;border-radius:7px}.readouts small,.readouts strong{display:block}.tower{display:flex;justify-content:center;gap:20px;margin:28px}.lamp{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#273a42;color:#71858e;font-weight:900;border:8px solid #0c1d24}.lamp.low.on{background:var(--low);color:#382800;box-shadow:0 0 28px var(--low)}.lamp.ok.on{background:var(--ok);color:white;box-shadow:0 0 28px var(--ok)}.lamp.high.on{background:var(--high);color:white;box-shadow:0 0 28px var(--high)}.decision{text-align:center;padding:13px;background:#284653;border-radius:6px;font-size:22px;font-weight:900}.decision.low{background:var(--low);color:#332700}.decision.ok{background:var(--ok)}.decision.high{background:var(--high)}.actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.actions button:disabled{opacity:.45;cursor:not-allowed}.filters{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end}.pagination{display:flex;justify-content:flex-end;gap:15px;padding-top:15px}.bars>div{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;gap:10px;margin:14px}.bars i{height:18px;min-width:2px;border-radius:99px}.bars i.low{background:var(--low)}.bars i.ok{background:var(--ok)}.bars i.high{background:var(--high)}.flash,.error{padding:12px;border-radius:6px;margin-bottom:18px;background:#d9edf4;border:1px solid #9ccbd9}.error{background:#ffe0de;border-color:#e7a5a1}.login-shell{min-height:70vh;display:grid;grid-template-columns:1.2fr .8fr;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #15333f25}.login-visual{background:linear-gradient(135deg,#0b2d3b,#086887);color:white;padding:8vw 6vw;position:relative}.login-visual h1{font-size:48px}.login-visual p{max-width:500px;color:#c7e4eb;font-size:17px}.login-card{background:white;padding:65px 55px;display:flex;flex-direction:column;gap:18px}.login-card h2{font-size:28px;margin:0}.login-card>p,.login-card>small{color:var(--muted)}.danger-zone{max-width:650px;margin:5vh auto}.danger-zone form{display:grid;gap:20px;margin-top:25px}@media(max-width:1050px){.top nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--nav);padding:15px;flex-wrap:wrap}.top nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.account span{display:none}.cards{grid-template-columns:repeat(3,1fr)}.grid-form{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){main{padding:22px 15px}.top{padding:0 15px}.brand small{display:none}.page-head{align-items:flex-start;gap:15px}.page-head h1{font-size:27px}.cards{grid-template-columns:repeat(2,1fr)}.grid-form,.scale-grid,.weigh-layout,.login-shell{grid-template-columns:1fr}.login-visual{padding:40px 25px}.login-visual h1{font-size:34px}.login-card{padding:35px 25px}.readouts{grid-template-columns:1fr}.lamp{width:68px;height:68px}.weight-entry input{font-size:37px;width:210px}.filters{grid-template-columns:repeat(2,1fr)}}