.aio-wrap { max-width: 1200px; margin: 0 auto; font-family: "Noto Nastaliq Urdu", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.aio-title { text-align:center; font-weight:800; font-size:28px; margin-bottom:16px; }
.aio-grid { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:10px; margin-bottom:12px; }
@media (max-width: 900px){ .aio-grid { grid-template-columns: 1fr; } }
.aio-input { width:100%; padding:12px; border:1px solid #cbd5e1; border-radius:10px; text-align:right; height:56px; }
.aio-dob { display:flex; gap:6px; }
.aio-select { flex:1; padding:10px; border:1px solid #cbd5e1; border-radius:10px; text-align:right; }
.aio-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; background:#2563eb; color:#fff; padding:12px 16px; border-radius:10px; border:none; cursor:pointer; }
.aio-btn:hover { background:#1d4ed8; }
.section { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin-top:16px; }
table.aio-table { width:100%; border-collapse:collapse; text-align:center; }
.aio-table th, .aio-table td { border:1px solid #e2e8f0; padding:8px; }
.aio-head { background:#f8fafc; font-weight:700; }
.bg-red-100 { background:#fee2e2; }
.bg-yellow-100 { background:#fef9c3; }
.bg-blue-100 { background:#dbeafe; }
.bg-green-100 { background:#dcfce7; }
.note { color:#64748b; font-size:14px; }