:root{--n:#071a3a;--b:#176cff;--g:#16894c;--r:#d93642;--o:#e28a18;--bg:#f4f7fb;--silver:#dfe7f1;--muted:#68788f}*{box-sizing:border-box}body{margin:0;font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:#10213f}.head{background:linear-gradient(135deg,#071a3a,#0b4ead);color:white;padding:20px 24px}.headin{max-width:1250px;margin:auto;display:flex;align-items:center;gap:16px}.logo{width:74px;height:74px;border-radius:50%;object-fit:cover;box-shadow:0 3px 14px #0004}.head h1{margin:0}.head p{margin:4px 0 0;color:#d8e7fb}.wrap{max-width:1250px;margin:auto;padding:20px}.card{background:white;border:1px solid var(--silver);border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:0 5px 18px rgba(18,45,79,.04)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{font-size:28px;font-weight:bold}.muted{color:var(--muted)}.bar{height:18px;background:#e4ebf4;border-radius:20px;overflow:hidden}.bar div{height:100%;background:var(--b)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn,button{border:0;border-radius:10px;padding:13px;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:var(--b);color:white}.good{background:#e8f6ee;color:var(--g)}.warn{background:#fff1f1;color:var(--r)}.neutral{background:#edf2f7;color:#10213f}.orange{background:#fff1db;color:#9b5d00}.route{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.step{padding:8px 10px;background:#edf2f7;border-radius:9px;font-weight:bold}.final{background:#e8f6ee;color:var(--g)}.notice{padding:12px;border-radius:10px;background:#fff8e7}.ok{color:var(--g)}.bad{color:var(--r)}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.nav a{background:white;border:1px solid var(--silver);border-radius:10px;padding:10px 12px;color:#0d376b;text-decoration:none;font-weight:bold}.pill{font-weight:800;padding:7px 10px;border-radius:999px;background:#eef3f8}.PRODUCTION{background:#e7f7ed}.DOWNTIME{background:#ffe8e8}.QUALITY{background:#e6f1ff}.SETUP{background:#fff1db}.OFFLINE{background:#edf0f4}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.stat{background:white;border:1px solid var(--silver);border-radius:16px;padding:16px}.stat b{font-size:27px;display:block}.machine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.machine{display:flex;justify-content:space-between;align-items:center}.alert{color:#b00020;font-weight:800}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#dcecff,#f4f7fb 45%,#fff)}.login-card{width:min(92%,470px);background:white;border:1px solid var(--silver);border-radius:22px;padding:30px;box-shadow:0 24px 70px #071a3a22}.login-card .logo{display:block;width:140px;height:140px;margin:0 auto 18px}.login-card input{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:10px;margin:7px 0 12px}.error{background:#fff1f1;color:#9d2630;padding:11px;border-radius:10px}.success{background:#e8f6ee;color:#166a3e;padding:11px;border-radius:10px}select,input,textarea{padding:10px;border:1px solid #cbd5e1;border-radius:9px;max-width:100%}textarea{width:100%}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf0f4}@media(max-width:1000px){.machine-grid{grid-template-columns:1fr 1fr}.stats,.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.grid,.actions,.machine-grid,.stats,.grid4{grid-template-columns:1fr}.headin{align-items:flex-start}.logo{width:60px;height:60px}.topline{align-items:flex-start;flex-direction:column}}