*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial;background:#f4f6f8;color:#18202a}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#111820;color:#fff;padding:28px 20px}.side h2{margin:0 0 30px}.side a{display:block;color:#d9dee5;text-decoration:none;padding:12px 14px;border-radius:10px;margin:5px 0}.side a:hover{background:#8f1018;color:#fff}.main{padding:34px}.card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 8px 30px rgba(0,0,0,.06);margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric{font-size:32px;font-weight:800}.muted{color:#6b7280}input,textarea{width:100%;padding:12px;border:1px solid #dfe3e8;border-radius:10px;margin:6px 0 14px}button,.button{background:#8f1018;color:#fff;border:0;border-radius:10px;padding:11px 16px;text-decoration:none;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee}.login{max-width:420px;margin:10vh auto}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{padding:18px}.grid{grid-template-columns:1fr}}