body{color:#0f172a;background:#f8fafc;margin:0;font-family:Inter,system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:32px}header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.logo{color:#fff;background:#0f172a;border-radius:18px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}h1{margin:0;font-size:34px}p{color:#64748b;margin:4px 0}.login{gap:8px;margin-bottom:16px;display:flex}input{border:1px solid #cbd5e1;border-radius:14px;min-width:320px;padding:12px}button{color:#fff;background:#0f172a;border:0;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 1px 2px #0001}.card strong{margin-top:10px;font-size:28px;display:block}.card span{color:#64748b}.panel{margin-top:20px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid #e2e8f0;padding:12px}th{color:#64748b;background:#f8fafc}.badge{border:1px solid;border-radius:999px;padding:4px 10px;font-size:12px}.ok{color:#166534;background:#dcfce7;border-color:#bbf7d0}.warn{color:#92400e;background:#fef3c7;border-color:#fde68a}.off{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.error{color:#991b1b;background:#fee2e2;border-radius:14px;margin-bottom:16px;padding:12px}@media (width<=800px){.stats{grid-template-columns:1fr}.login{flex-direction:column}input{min-width:0}}.notice{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;margin:12px 0;padding:12px}.muted{color:#64748b;font-size:14px}.formgrid{grid-template-columns:1fr;gap:12px;margin:14px 0;display:grid}.formgrid label{color:#475569;flex-direction:column;gap:6px;font-size:14px;display:flex}.formgrid input{border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actions button:disabled{opacity:.6;cursor:not-allowed}@media (width>=900px){.formgrid{grid-template-columns:180px 1fr 1fr}}