*{box-sizing:border-box}body{margin:0;background:#0b1016;color:#dfe7ee;font-family:Inter,Arial,sans-serif}a{color:#8fc8ff;text-decoration:none}.top{padding:18px 26px;border-bottom:1px solid #26313c;display:flex;justify-content:space-between;align-items:center}.brand b{letter-spacing:2px}.brand small{display:block;color:#81909e;margin-top:5px}.nav a{margin-left:18px}.wrap{padding:24px;max-width:1500px;margin:auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{background:#111922;border:1px solid #26313c;border-radius:10px;padding:18px}.metric{font-size:30px;font-weight:700}.muted{color:#8796a5}.panel{margin-top:16px}.cols{display:grid;grid-template-columns:2fr 1fr;gap:16px}.item{padding:12px 0;border-bottom:1px solid #222d37}.tag{display:inline-block;padding:3px 8px;border:1px solid #3b4b59;border-radius:20px;font-size:12px;margin-right:5px}button,.btn{background:#e8eef4;color:#101820;border:0;border-radius:6px;padding:10px 14px;font-weight:700;cursor:pointer}input,select,textarea{background:#0b1118;color:#e5edf5;border:1px solid #344352;border-radius:6px;padding:10px}.login{max-width:420px;margin:12vh auto;padding:30px}.login input{width:100%;margin:8px 0}.alert{padding:10px;background:#422;margin:10px 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #25313b}@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}}