body { font-family: Arial, Helvetica, sans-serif; margin: 0; background:#f7f7f7; color:#222; }
.container { width: min(1200px, 92%); margin: 0 auto; }
.header, .footer { background:#0f766e; color:#fff; }
.nav { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 0; }
.nav a, .logo { color:#fff; text-decoration:none; font-weight:700; }
.hero { padding:2rem 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:1rem; margin:1rem 0 2rem; }
.card { background:#fff; border-radius:12px; padding:1rem; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.table { width:100%; border-collapse: collapse; background:#fff; }
.table th, .table td { border:1px solid #ddd; padding:.75rem; text-align:left; }
.form-group { margin-bottom:1rem; display:flex; flex-direction:column; gap:.4rem; }
.form-control { padding:.65rem; border:1px solid #ccc; border-radius:8px; }
button { padding:.7rem 1rem; border:none; border-radius:8px; background:#0f766e; color:#fff; cursor:pointer; }
.alert { background:#dcfce7; padding:1rem; border-radius:10px; margin:1rem 0; }
main.container { min-height: 75vh; padding: 1rem 0 3rem; }