:root{--primary:#6d28d9;--dark:#111827;--muted:#6b7280;--bg:#f6f7fb;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#111827}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#111827;color:#fff;padding:20px}.brand{font-weight:800;font-size:22px;margin-bottom:24px}.sidebar a{display:block;color:#d1d5db;text-decoration:none;padding:12px;border-radius:12px;margin:4px 0}.sidebar a:hover{background:#1f2937;color:#fff}.content{margin-left:240px;padding:28px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--card);border-radius:18px;padding:20px;box-shadow:0 10px 25px rgba(15,23,42,.06);margin-bottom:18px}.stat{font-size:30px;font-weight:800;color:var(--primary)}.muted{color:var(--muted)}.btn{display:inline-block;border:0;background:var(--primary);color:#fff;text-decoration:none;padding:11px 16px;border-radius:12px;cursor:pointer}.btn.secondary{background:#374151}.btn.danger{background:#dc2626}input,select,textarea{width:100%;padding:11px;border:1px solid #ddd;border-radius:12px;margin:6px 0 12px;background:#fff}label{font-weight:700;font-size:14px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee}th{background:#f3f4f6}.actions{display:flex;gap:8px;flex-wrap:wrap}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#6d28d9,#111827)}.login .box{width:100%;max-width:420px;background:#fff;border-radius:24px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.25)}@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto}.content{margin-left:0;padding:16px}.grid{grid-template-columns:1fr}}