:root{ --brand:#1e637e; }
*{ box-sizing:border-box }
body{ margin:0; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; background:#f1f5f9; color:#0f172a; }
.wrap{ max-width:1000px; margin:28px auto; padding:0 16px; }
.card{ background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 10px 20px rgba(2,6,23,.06); overflow:hidden; }
.card__head{ background:linear-gradient(135deg,var(--brand),#124452); color:#fff; padding:20px 22px; }
h1{ margin:0; font-size:22px }
.meta{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin:16px 0 18px; }
.meta input{ width:100%; padding:10px 12px; border:1px solid #e5e7f0; border-radius:10px; }
.table{ width:100%; border-collapse:collapse; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden }
.table th,.table td{ border:1px solid #e5e7eb; padding:8px 10px; vertical-align:top }
.table thead th{ background:#e9f1f4; font-weight:700; color:#0f172a }
.sec-head{ background:#0f172a; color:#fff; font-weight:700; }
.submit{ margin:18px 0 22px }
button{ background:var(--brand); color:#fff; border:none; border-radius:12px; padding:12px 16px; font-weight:700; cursor:pointer }
button:hover{ filter:brightness(1.05) }
.alert{ max-width:1000px; margin:16px auto 0; padding:12px 14px; border-radius:10px; border:1px solid; font-weight:600 }
.alert.ok{ background:#ecfdf5; color:#065f46; border-color:#10b981 }
.alert.err{ background:#fef2f2; color:#991b1b; border-color:#ef4444 }
.logo{ max-width:160px; display:block; margin:0 0 10px 0 }