*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#172033}
nav{display:flex;gap:22px;padding:18px 7%;background:#101828;color:#fff}nav a{color:#fff;text-decoration:none}.brand{font-size:24px;font-weight:800;margin-right:auto}
main{max-width:1120px;margin:35px auto;padding:0 20px}.hero,.panel,.stat{background:#fff;border-radius:18px;padding:28px;margin-bottom:22px;box-shadow:0 8px 30px #10182812}
.hero{background:linear-gradient(120deg,#172554,#2563eb);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.stat strong{font-size:30px;display:block}.btn{display:inline-block;padding:12px 18px;border:0;border-radius:10px;background:#2563eb;color:#fff;text-decoration:none;cursor:pointer}
input,textarea,select{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:9px;margin:7px 0 15px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eaecf0;text-align:left}