*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#172033}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#0d1424;padding:24px 16px;color:#fff}aside .brand{font-size:20px;font-weight:800;margin:0 8px 28px}aside a{display:block;color:#aebbd0;text-decoration:none;padding:12px;border-radius:9px;margin:3px 0}aside a:hover{background:#1d2940;color:#fff}main{margin-left:235px;padding:24px 30px 60px}header{display:flex;justify-content:flex-end;margin-bottom:20px}header small,td small,.logs small{display:block;color:#788399;margin-top:4px}section{margin-bottom:34px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel-form,.table-wrap,.logs{background:#fff;border:1px solid #e4e9f1;border-radius:14px;box-shadow:0 8px 30px #18243b0b}.card{padding:20px}.card span{color:#748097}.card strong{display:block;font-size:27px;margin-top:8px}.section-head{display:flex;align-items:center;justify-content:space-between}.btn,button{background:#2563eb;color:#fff;border:0;border-radius:9px;padding:11px 16px;text-decoration:none;font-weight:700;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf0f5;white-space:nowrap}.actions{display:flex;gap:8px;align-items:center}.actions form{display:inline}.link{background:none;color:#2563eb;padding:0}.danger{color:#dc2626}.status{background:#fee2e2;color:#991b1b;padding:5px 9px;border-radius:20px;font-size:12px}.status.on{background:#dcfce7;color:#166534}.panel-form{padding:22px}.grid2,.grid3{display:grid;gap:15px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:13px;font-weight:700;color:#4c5870}input,select{width:100%;margin-top:7px;padding:11px;border:1px solid #d9e0ea;border-radius:8px;background:#fff}.panel-form button{margin-top:18px}.logs div{padding:13px 16px;border-bottom:1px solid #edf0f5}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0e1729,#1f4fd4)}.login-card{width:min(430px,92vw);background:#fff;border-radius:18px;padding:30px;box-shadow:0 30px 80px #0005}.login-card.wide{width:min(760px,94vw)}.login-card h1{margin-top:0}.login-card button{width:100%;margin-top:18px}.alert,.success{padding:12px 15px;border-radius:8px;margin:12px 0}.alert{background:#fee2e2;color:#991b1b}.success{background:#dcfce7;color:#166534}@media(max-width:900px){aside{position:static;width:auto}aside a{display:inline-block}main{margin:0;padding:18px}.cards,.grid3{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cards,.grid2,.grid3{grid-template-columns:1fr}.actions{flex-wrap:wrap}}