:root{--orange: #c96918;--orange-mid: #e87a12;--orange-deep: #a15011;--orange-dark: #6b350b;--orange-light: #fb9a52;--orange-300: #fcbe94;--orange-pale: #feebde;--cream: #f9fafb;--navy: #1f2a37;--white: #ffffff;--color-primary: var(--orange);--color-primary-hover: var(--orange-deep);--color-primary-strong: var(--orange-deep);--color-primary-soft: var(--orange-pale);--color-primary-fill: var(--orange-deep);--color-primary-fill-hover: #8a440e;--color-primary-ink: var(--white);--color-ink: var(--navy);--color-ink-soft: #384250;--color-muted: #6c737f;--color-subtle: #4d5761;--color-bg: var(--white);--color-surface: var(--white);--color-surface-alt: #f3f4f6;--color-border: #e5e7eb;--color-dark: var(--navy);--color-success: #1e7a4e;--color-success-soft: #e3f4ea;--color-warning: #9a6200;--color-warning-soft: #fff4d6;--color-danger: #b42318;--color-danger-soft: #fdecea;--color-info: #1d5fa8;--color-info-soft: #e6f0fb;--font-body: "Poppins", "Cairo", system-ui, sans-serif;--font-display: "Poppins", "Cairo", system-ui, sans-serif;--font-arabic: "Cairo", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgb(31 42 55 / 6%);--shadow-md: 0 8px 24px rgb(31 42 55 / 8%);--focus-ring: 0 0 0 3px rgb(201 105 24 / 45%);--space-page: clamp(1rem, 4vw, 2.5rem);--content-width: 1180px}:root[lang=ar]{--font-body: var(--font-arabic);--font-display: var(--font-arabic)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .5em;font-family:var(--font-display);line-height:1.2;font-weight:700}p{margin:0 0 1em}a{color:var(--color-primary-strong)}img,svg{max-width:100%}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--space-page)}.eyebrow{display:inline-block;margin-block-end:.75rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-strong)}:root[lang=ar] .eyebrow{letter-spacing:0}.muted{color:var(--color-ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.35rem;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary-fill);color:var(--color-primary-ink)}.btn--primary:hover:not(:disabled){background:var(--color-primary-fill-hover)}.btn--dark{background:var(--color-dark);color:#fff}.btn--dark:hover:not(:disabled){background:#000}.btn--outline{background:transparent;border-color:var(--color-border);color:var(--color-ink)}.btn--outline:hover:not(:disabled){border-color:var(--color-ink)}.btn--ghost{background:transparent;color:var(--color-ink)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt)}.btn--danger{background:var(--color-danger);color:#fff}.btn--sm{min-height:34px;padding:.35rem .9rem;font-size:.875rem}.btn--block{width:100%}.arrow{display:inline-block}:root[dir=rtl] .arrow{transform:scaleX(-1)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:clamp(1rem,3vw,1.75rem)}.form-grid{display:grid;gap:1.25rem}@media(min-width:900px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem}}@media(min-width:900px){.form-grid .span-2{grid-column:1/-1}}.field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.field__label{font-weight:600;font-size:.95rem}.field__hint{font-size:.85rem;color:var(--color-ink-soft)}.field__error{font-size:.85rem;color:var(--color-danger)}.input,.select,.textarea{width:100%;min-height:46px;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input.ng-invalid.ng-touched,.select.ng-invalid.ng-touched,.textarea.ng-invalid.ng-touched{border-color:var(--color-danger)}.textarea{min-height:120px;resize:vertical}.input-affix{position:relative;display:flex;align-items:center}.input-affix .input{padding-inline-end:3.5rem}.input-affix span{position:absolute;inset-inline-end:.85rem;color:var(--color-muted);font-size:.9rem}.choice-group{display:flex;flex-wrap:wrap;gap:.6rem}.choice{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer}.choice input{accent-color:var(--color-primary-strong)}.choice:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.choice:has(input:focus-visible){box-shadow:var(--focus-ring)}.checkbox{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer}.checkbox input{margin-block-start:.3rem;width:18px;height:18px;accent-color:var(--color-primary-strong);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;background:var(--color-surface-alt);color:var(--color-ink-soft)}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary-strong)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.alert{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1.1rem;border-radius:var(--radius-sm);background:var(--color-info-soft);color:var(--color-info)}.alert p:last-child{margin:0}.alert--success{background:var(--color-success-soft);color:var(--color-success)}.alert--warning{background:var(--color-warning-soft);color:var(--color-warning)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--color-bg: var(--cream)}.page-title{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-block-end:1.5rem}.page-title h1{margin:0;font-size:clamp(1.5rem,3vw,2rem)}.page-title p{margin:.25rem 0 0;color:var(--color-ink-soft)}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-block-end:1rem}.toolbar .input,.toolbar .select{width:auto;min-height:40px;padding-block:.4rem}.toolbar .input[type=search]{flex:1 1 220px}.table-wrap{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:.7rem .9rem;text-align:start;border-block-end:1px solid var(--color-border);white-space:nowrap}.table th{position:sticky;top:0;background:var(--color-surface-alt);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft)}.table tbody tr:last-child td{border-block-end:0}.table tbody tr:hover{background:var(--color-primary-soft)}.table .num{text-align:end;font-variant-numeric:tabular-nums}.table a{color:var(--color-ink);font-weight:600;text-decoration:none}:root[lang=ar] .table th{letter-spacing:0}.grade{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;font-size:.8rem;font-weight:700}.grade--A{background:var(--color-success-soft);color:var(--color-success)}.grade--B{background:var(--color-warning-soft);color:var(--color-warning)}.grade--C{background:var(--color-danger-soft);color:var(--color-danger)}.panel-grid{display:grid;gap:1rem}@media(min-width:1200px){.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card h2{font-family:var(--font-body);font-size:1.05rem}.empty{padding:2rem;text-align:center;color:var(--color-muted)}
