*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#111522;color:#f5f6fb}aside{position:fixed;left:0;top:0;bottom:0;width:225px;background:#181d2c;padding:24px 16px;border-right:1px solid #2a3043}.brand{font-size:26px;margin:4px 10px 28px;color:#ff6a22}.brand b{color:#fff}.brand small{font-size:11px;letter-spacing:4px;color:#8e95aa}aside a{display:block;color:#cfd3df;text-decoration:none;padding:12px 14px;margin:5px 0;border-radius:10px}aside a:hover{background:#262c40;color:#fff}main{margin-left:225px;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0;font-size:27px}header p{margin:6px 0;color:#8e95aa}.pill{background:#153a2c;color:#61e8a4;padding:8px 12px;border-radius:20px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:#1a2030;border:1px solid #2a3146;border-radius:15px;padding:18px}.card small{color:#969db2}.card strong{display:block;font-size:29px;margin:10px 0}.card span{font-size:12px;color:#737b91}.panel{margin-top:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #2a3146;font-size:14px}th{color:#8f97ad}.btn{display:inline-block;background:#7457ff;color:white;border:0;border-radius:9px;padding:9px 13px;text-decoration:none;cursor:pointer}.btn.alt{background:#2b3248}.btn.red{background:#c84257}input,select,textarea{width:100%;padding:10px 12px;background:#111522;color:#fff;border:1px solid #343c55;border-radius:9px;margin:5px 0 12px}label{font-size:13px;color:#aab0c0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.status-on{color:#5ee79f}.status-off{color:#ff6577}.flash{background:#173829;padding:10px;border-radius:9px;margin-bottom:15px}@media(max-width:900px){aside{position:relative;width:100%;height:auto}main{margin:0}.grid,.cols{grid-template-columns:1fr 1fr}}