*{box-sizing:border-box}body{margin:0;background:#f1f5f9;font-family:Arial,sans-serif;color:#172033}.header{background:#111827;color:#fff;padding:20px;text-align:center}.header h1{margin:0}.wrap{max-width:950px;margin:30px auto;padding:15px}.card{background:#fff;border-radius:14px;padding:25px;box-shadow:0 6px 24px #0001}.form{max-width:520px;margin:auto}.field{margin-bottom:16px}label{display:block;font-weight:700;margin-bottom:7px}input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px}button,.btn{display:inline-block;border:0;border-radius:8px;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer}.primary{background:#2563eb;color:#fff}.green{background:#16a34a;color:#fff}.red{background:#dc2626;color:#fff}.muted{color:#64748b}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px;margin-bottom:15px}.success{background:#dcfce7;color:#166534;padding:10px;border-radius:8px;margin-bottom:15px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat{padding:22px;border-radius:12px;background:#eef2ff}.stat b{display:block;font-size:30px;margin-top:8px}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.table{width:100%;border-collapse:collapse;margin-top:15px}.table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}@media(max-width:650px){.stats{grid-template-columns:1fr}}