:root{--red:#d71920;--dark:#171717;--bg:#f6f5f3;--card:#fff;--muted:#777;--line:#e9e5e2;--green:#18864b}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--dark)}
header{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:12px}.brand small,.who,.muted,small{display:block;color:var(--muted);font-size:12px}.mark,.logoBig{background:var(--red);color:#fff;border-radius:50%;font-weight:900;display:grid;place-items:center}.mark{width:40px;height:40px}.logoBig{width:72px;height:72px;font-size:36px;margin:auto}
.who a{margin-left:12px;color:var(--red)}nav{background:#fff;display:flex;gap:4px;padding:10px 22px;border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap}nav a{padding:9px 12px;border-radius:10px;color:#444;text-decoration:none;font-size:14px}nav a:hover{background:#fff1f1;color:var(--red)}
main{max-width:1250px;margin:0 auto;padding:28px}h1{margin:0 0 20px;font-size:30px}h2{font-size:17px;margin:0 0 16px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.hero h1{margin:0}.hero p{color:var(--muted);margin:6px 0}
.grid2,.grid4{display:grid;gap:18px;margin-bottom:18px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 2px 8px #00000008}.metric b{font-size:30px}.metric span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.row,.station,.task,.equipment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child,.station:last-child,.task:last-child,.equipment:last-child{border-bottom:0}
.station>div,.task>div,.equipment>div{flex:1}.feed{padding:13px 0;border-bottom:1px solid var(--line)}.feed p{margin:6px 0}.temp{font-weight:800;font-size:19px}
form{margin:0}label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d9d4d0;background:#fff;border-radius:10px;padding:11px;font:inherit}textarea{resize:vertical}
button,.button{border:0;border-radius:10px;background:var(--red);color:#fff;padding:11px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.mini{padding:7px 10px;font-size:12px}.danger{background:#333}.link{color:var(--red);font-weight:700;text-decoration:none;display:inline-block;margin-top:12px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.wide{grid-column:1/-1}.filters{display:flex;gap:10px;margin-bottom:18px}.filters input,.filters select{margin:0;max-width:220px}.filters button{white-space:nowrap}
.pill{display:inline-block;background:#f1eeee;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.good{color:var(--green)}.bad,.equipment.alert>strong{color:var(--red)}.task.done{opacity:.55}.task.running{background:#fff8e7}.equipment.alert{background:#fff1f1;margin:0 -10px;padding:12px 10px;border-radius:10px}
.question{padding:18px 0;border-bottom:1px solid var(--line)}.choices{display:flex;gap:22px;margin:12px 0}.choices label{font-weight:500}.choices input{width:auto;margin:0 5px 0 0}.check{display:flex;align-items:center;gap:8px;font-weight:500}.check input{width:auto;margin:0}
.login{width:min(420px,92vw);margin:9vh auto;background:#fff;border-radius:22px;padding:30px;border:1px solid var(--line);text-align:center}.login form{text-align:left;margin-top:24px}.login button{width:100%}.login h1{margin:14px 0 0}.flash{padding:12px 16px;border-radius:10px;margin-bottom:16px}.flash.ok{background:#e9f8ef;color:#126b3b}.flash.error{background:#ffe9e9;color:#a11}
.empty{color:var(--muted);padding:18px 0}.actions{display:flex;gap:6px}
@media(max-width:850px){header{padding:0 15px}.who{font-size:0}.who a{font-size:12px}.grid2,.grid4{grid-template-columns:1fr}main{padding:18px}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}nav{padding:8px 10px}.hero{align-items:flex-start}.hero h1{font-size:25px}}