:root{--bg:#f3f5f7;--card:#fff;--text:#16202a;--muted:#697684;--line:#dfe5ea;--accent:#1769aa;--ok:#16824b;--warn:#bd7b00;--fault:#bd2c2c;--off:#77818b}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}.top{background:#152433;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}.top a{color:#fff}.wrap{max-width:1180px;margin:24px auto;padding:0 16px}.nav{display:flex;gap:14px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.metric{font-size:28px;font-weight:700}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#edf1f4}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.fault{background:var(--fault)}.dot.off{background:var(--off)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{font-size:13px;color:var(--muted)}input,select,textarea,button{font:inherit;padding:10px;border:1px solid #c9d2da;border-radius:7px}input,select,textarea{width:100%}button,.btn{display:inline-block;background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:7px;cursor:pointer}.btn.danger{background:var(--fault)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.login{max-width:420px;margin:80px auto}.error{background:#ffe7e7;color:#861b1b;padding:10px;border-radius:7px}.success{background:#e4f7eb;color:#126a3d;padding:10px;border-radius:7px}.right{text-align:right}@media(max-width:650px){.top{align-items:flex-start;gap:10px;flex-direction:column}th:nth-child(3),td:nth-child(3){display:none}}