*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6fb;color:#172033}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#101827,#263954)}.card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 10px 28px #0001}.login .card{width:min(420px,92vw)}.logo{max-width:180px;max-height:70px;object-fit:contain}.field{display:grid;gap:6px;margin:12px 0}.field input,.field select,.field textarea{padding:11px;border:1px solid #d7deea;border-radius:9px;width:100%}.btn{border:0;border-radius:9px;padding:10px 14px;background:#172033;color:#fff;cursor:pointer}.btn.alt{background:#eef2f7;color:#172033}.btn.good{background:#137a48}.btn.warn{background:#b66a00}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#101827;color:#fff;padding:20px 14px}.side h2{font-size:18px}.nav button{display:block;width:100%;text-align:left;background:transparent;color:#dbe6f6;border:0;padding:11px;border-radius:8px;cursor:pointer}.nav button:hover,.nav button.active{background:#22324a;color:#fff}.main{padding:24px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric b{font-size:28px;display:block}.section{margin-top:18px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:10px;border-bottom:1px solid #edf0f5;text-align:left;font-size:14px}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f7}.pill.online{background:#dcfce7;color:#166534}.pill.offline{background:#fee2e2;color:#991b1b}.row{display:flex;gap:8px;flex-wrap:wrap}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:16px}.modal .card{width:min(650px,96vw);max-height:90vh;overflow:auto}.hidden{display:none!important}.notice{padding:10px 12px;background:#eaf3ff;border-radius:9px;margin:10px 0}.error{background:#fee2e2;color:#991b1b}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:static}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}.main{padding:14px}.top{align-items:flex-start;flex-direction:column}.table{display:block;overflow:auto}}