*{box-sizing:border-box}body{margin:0;background:#f1f5f9;color:#263238;font-family:Arial,sans-serif}header{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;padding:14px 0}.wrap{max-width:1000px;margin:auto;padding:0 15px}.logo{font-size:22px;font-weight:800;color:#fff;text-decoration:none}nav{float:right;margin-top:2px}nav a{color:#fff;text-decoration:none;margin-left:14px;font-weight:600}.btn{background:#ff9800;padding:9px 13px;border-radius:8px}.hero{margin:25px 0;background:#fff;border-radius:14px;padding:35px;box-shadow:0 4px 18px #0001}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 3px 12px #00000012}.stat{font-size:26px;font-weight:800;color:#1976d2}.small{color:#607d8b}.form{max-width:500px;margin:30px auto}.form input,.form select{width:100%;padding:12px;margin:6px 0 12px;border:1px solid #ccd6df;border-radius:8px}.button{border:0;background:#1976d2;color:#fff;padding:11px 16px;border-radius:8px;cursor:pointer}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#eaf3ff}.success{background:#dcfce7;padding:12px;border-radius:8px}.error{background:#fee2e2;padding:12px;border-radius:8px}footer{margin-top:40px;background:#263238;color:#fff;padding:25px 0}@media(max-width:700px){nav{float:none;margin-top:12px;line-height:2}.hero{padding:22px}}

textarea{border:1px solid #ccd6df;border-radius:8px}a.card{text-decoration:none;color:inherit;display:block}.card:hover{transform:translateY(-1px)}