body { font-family: 'Cairo', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background:#f7f7fb; margin:0; color:#111; }
.container { max-width: 980px; margin: 2rem auto; background:#fff; padding: 1.5rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.06); }
h1 { margin: 0 0 1rem; font-size: 1.6rem; }
h2 { margin-top: 2rem; font-size: 1.2rem; border-right: 4px solid #6366f1; padding-right: .5rem; }
.grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem 1rem; }
.field { display:flex; flex-direction:column; gap:.25rem; }
label { font-weight:600; font-size:.95rem; }
input[type=text], select, textarea { border:1px solid #e5e7eb; border-radius:10px; padding:.6rem .75rem; font-size:.95rem; background:#fff; color:#111; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; }
textarea { min-height: 120px; resize: vertical; line-height: 1.8; border-radius:12px; padding:.65rem .8rem; }
input::placeholder, textarea::placeholder { color:#9ca3af; }
input[type=text]:focus, select:focus, textarea:focus { outline:none; border-color:#6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.15); }
.section { margin-top: 1rem; padding: .75rem 1rem; border:1px solid #e5e7eb; border-radius: 10px; }
.q { margin:.5rem 0; padding:.5rem; border-bottom:1px dashed #eee; }
.q:last-child { border-bottom:0; }
.choices { display:flex; flex-wrap:wrap; gap:.75rem 1rem; margin-top:.35rem; }
.actions { margin-top: 1.5rem; display:flex; gap:.75rem; }
.btn { background:#4f46e5; color:#fff; border:none; padding:.7rem 1.2rem; border-radius:10px; font-weight:700; cursor:pointer; }
.status { background:#ecfdf5; color:#065f46; padding:.6rem .8rem; border-radius:8px; margin-bottom: 1rem; font-weight:600; }
.intro { background:#eef2ff; color:#1e3a8a; padding:.75rem .9rem; border-radius:8px; margin-bottom: 1rem; line-height:1.9; }
.brand { display:flex; align-items:center; gap:.75rem; margin-bottom: 1rem; }
.brand img { width: 56px; height:56px; object-fit:contain; }
.brand .uni { font-weight:800; font-size:1.1rem; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.toggle { background:#111827; color:#f9fafb; border:none; padding:.45rem .75rem; border-radius:8px; cursor:pointer; font-weight:700; }
/* ترقيم تلقائي داخل كل قسم */
.section[data-sec] { counter-reset: q; }
.section[data-sec] .q > label::before { content: attr(data-sec) "." counter(q) " "; counter-increment: q; font-weight:700; }
.section[data-sec].grid .field > label::before { content: attr(data-sec) "." counter(q) " "; counter-increment: q; font-weight:700; }
small { color:#dc2626; }

/* Dark mode */
.dark body { background:#0b1020; color:#e5e7eb; }
.dark .container { background:#0f172a; box-shadow: 0 4px 20px rgba(0,0,0,.3); }
.dark h2 { border-right-color:#7c3aed; }
.dark .section { border-color:#334155; }
.dark .q { border-bottom-color:#334155; }
.dark input[type=text], .dark select, .dark textarea { background:#0b1020; color:#e5e7eb; border-color:#334155; }
.dark input[type=text]:focus, .dark select:focus, .dark textarea:focus { border-color:#7c3aed; box-shadow: 0 0 0 3px rgba(124,58,237,.25); }
.dark input::placeholder, .dark textarea::placeholder { color:#94a3b8; }
.dark .intro { background:#1f2937; color:#dbeafe; }
.dark .status { background:#052e2b; color:#a7f3d0; }
.dark .toggle { background:#f3f4f6; color:#111827; }