*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#0f172a}.topbar{background:linear-gradient(90deg,#0f1b3d,#2563eb);color:#fff;padding:18px 34px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #173b8a22}.brand{font-size:23px;font-weight:800}.nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:700}.container{max-width:1180px;margin:28px auto;padding:0 18px}.hero{background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;border-radius:28px;padding:58px 54px;box-shadow:0 24px 70px #2563eb33}.hero h1{font-size:48px;line-height:1.1;margin:0 0 16px}.hero p{font-size:18px}.btn{border:0;background:#2563eb;color:white;padding:13px 20px;border-radius:12px;font-weight:800;text-decoration:none;display:inline-block;cursor:pointer}.btn.dark{background:#0f172a}.btn.red{background:#dc2626}.btn.green{background:#16a34a}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border-radius:20px;padding:24px;box-shadow:0 14px 40px #10265e12;border:1px solid #e6edf7}.card h3{margin-top:0}.loginbox{max-width:520px;margin:36px auto;background:#fff;padding:28px;border-radius:24px;box-shadow:0 20px 60px #10265e18}.input,select,textarea{width:100%;padding:13px;border:1px solid #d5e0ef;border-radius:12px;margin:7px 0 15px;background:#fff}label{font-weight:800}.alert{padding:14px 18px;border-radius:14px;margin:12px 0}.alert.red{background:#fee2e2;color:#991b1b}.alert.green{background:#dcfce7;color:#166534}.dashboard{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 70px)}.sidebar{background:#0f172a;color:#fff;padding:24px}.sidebar a{display:block;color:#dbeafe;text-decoration:none;padding:12px 10px;border-radius:10px;margin-bottom:6px}.sidebar a:hover{background:#1e3a8a}.main{padding:26px}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:linear-gradient(135deg,#fff,#eef5ff);border:1px solid #dbeafe;border-radius:18px;padding:22px}.stat b{font-size:34px}table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #10265e10}th,td{padding:13px;border-bottom:1px solid #eef2f7;text-align:left}th{background:#eff6ff}.badge{padding:6px 10px;border-radius:50px;background:#dbeafe;color:#1d4ed8;font-weight:800;font-size:12px}.actions a{margin-right:8px}.footer{text-align:center;color:#64748b;padding:30px}@media(max-width:850px){.grid,.statgrid{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.sidebar{position:relative}.hero{padding:34px 24px}.hero h1{font-size:32px}.topbar{padding:16px}.nav a{margin-left:8px}}