html{height:100%;--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #003737);--mat-sys-on-tertiary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-tertiary-fixed: light-dark(#002020, #002020);--mat-sys-on-tertiary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#006a6a, #00dddd);--mat-sys-tertiary-container: light-dark(#00fbfb, #004f4f);--mat-sys-tertiary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-tertiary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter, Cairo, Roboto, sans-serif;--mat-sys-body-large-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter, Cairo, Roboto, sans-serif;--mat-sys-body-medium-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter, Cairo, Roboto, sans-serif;--mat-sys-body-small-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter, Cairo, Roboto, sans-serif;--mat-sys-display-large-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter, Cairo, Roboto, sans-serif;--mat-sys-display-medium-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter, Cairo, Roboto, sans-serif;--mat-sys-display-small-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter, Cairo, Roboto, sans-serif;--mat-sys-headline-large-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter, Cairo, Roboto, sans-serif;--mat-sys-headline-medium-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter, Cairo, Roboto, sans-serif;--mat-sys-headline-small-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter, Cairo, Roboto, sans-serif;--mat-sys-label-large-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter, Cairo, Roboto, sans-serif;--mat-sys-label-medium-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter, Cairo, Roboto, sans-serif;--mat-sys-label-small-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter, Cairo, Roboto, sans-serif;--mat-sys-title-large-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter, Cairo, Roboto, sans-serif;--mat-sys-title-medium-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter, Cairo, Roboto, sans-serif;--mat-sys-title-small-font: Inter, Cairo, Roboto, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--brand-50: #f5f3ff;--brand-100: #ede9fe;--brand-200: #ddd6fe;--brand-300: #c4b5fd;--brand-400: #a78bfa;--brand-500: #8b5cf6;--brand-600: #7c3aed;--brand-700: #6d28d9;--brand-800: #5b21b6;--brand-900: #4c1d95;--role-director: #1E3A8A;--role-teacher: #0F766E;--role-parent: #B45309;--role-student: #7C3AED;--role-staff: #475569;--m3-primary: var(--brand-700);--m3-on-primary: #ffffff;--m3-primary-container: var(--brand-100);--m3-on-primary-container: var(--brand-900);--m3-secondary: #625b71;--m3-secondary-container: #e8def8;--m3-on-secondary-container: #1d192b;--m3-tertiary: #7d5260;--m3-tertiary-container: #ffd8e4;--m3-on-tertiary-container: #31111d;--m3-error: #b3261e;--m3-error-container: #f9dedc;--m3-on-error-container: #410e0b;--m3-warning: #b45309;--m3-success: #15803d;--m3-surface: #ffffff;--m3-surface-1: #faf9fb;--m3-surface-2: #f4f3f7;--m3-surface-3: #ecebf0;--m3-surface-4: #e7e0ec;--m3-surface-tint: rgba(109, 40, 217, .04);--m3-on-surface: #1c1b1f;--m3-on-surface-strong: #0f0d12;--m3-on-surface-variant:#49454f;--m3-on-surface-muted: #6b6772;--m3-outline: #cac4d0;--m3-outline-variant: #e7e0ec;--side-bg: #1a1722;--side-bg-hover: #2a2438;--side-fg: #d5d2dc;--side-fg-muted: #8a8595;--side-active: #ede9fe;--side-active-bg: #3a2e5a;--side-border: rgba(255, 255, 255, .06);--status-ok-bg: #dcfce7;--status-ok-fg: #166534;--status-warn-bg: #fef3c7;--status-warn-fg: #92400e;--status-err-bg: #fee2e2;--status-err-fg: #991b1b;--status-info-bg: #dbeafe;--status-info-fg: #1e40af;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 28px;--radius-full: 9999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 8px -2px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-3: 0 12px 28px -8px rgba(0, 0, 0, .18), 0 8px 16px -8px rgba(0, 0, 0, .1);--shadow-modal: 0 24px 48px -12px rgba(0, 0, 0, .25), 0 12px 24px -8px rgba(0, 0, 0, .15);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font-sans: "Inter", "Roboto", system-ui, sans-serif;--font-arabic: "Cairo", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--sidebar-w: 260px;--topbar-h: 64px;--iqra-sidebar-width: var(--sidebar-w);--iqra-topbar-height: var(--topbar-h)}[data-theme=dark]{color-scheme:dark;--m3-primary: var(--brand-300);--m3-on-primary: var(--brand-900);--m3-primary-container: #4c1d95;--m3-on-primary-container: #ede9fe;--m3-secondary: #ccc2dc;--m3-secondary-container: #4a4458;--m3-on-secondary-container: #e8def8;--m3-error: #f2b8b5;--m3-error-container: #8c1d18;--m3-on-error-container: #f9dedc;--m3-surface: #141218;--m3-surface-1: #1d1b20;--m3-surface-2: #211f26;--m3-surface-3: #28252d;--m3-surface-4: #2f2a37;--m3-surface-tint: rgba(207, 188, 255, .05);--m3-on-surface: #e6e0e9;--m3-on-surface-strong: #f5f0fa;--m3-on-surface-variant:#cac4d0;--m3-on-surface-muted: #938f99;--m3-outline: #534f5a;--m3-outline-variant: #2f2a37;--side-bg: #0e0c12;--side-bg-hover: #1f1b29;--side-fg: #d5d2dc;--side-fg-muted: #7a7589;--side-active: #ede9fe;--side-active-bg: #3a2e5a;--side-border: rgba(255, 255, 255, .06);--status-ok-bg: #052e1c;--status-ok-fg: #86efac;--status-warn-bg: #3b2710;--status-warn-fg: #fbbf24;--status-err-bg: #3f1212;--status-err-fg: #fca5a5;--status-info-bg: #0c2547;--status-info-fg: #93c5fd;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 8px -2px rgba(0, 0, 0, .4);--shadow-3: 0 12px 28px -8px rgba(0, 0, 0, .5);--shadow-modal: 0 24px 48px -12px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--m3-surface-2);color:var(--m3-on-surface);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}[data-lang=ar] body{font-family:var(--font-arabic);letter-spacing:0}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;flex-shrink:0}.iqra-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.iqra-body{display:flex;flex:1;overflow:hidden}.iqra-content{flex:1;overflow-y:auto;padding:var(--sp-6);background:var(--m3-surface-2)}@media(max-width:768px){.iqra-content{padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + 64px)}}[dir=rtl] .iqra-content{margin-inline-end:var(--sidebar-w);margin-inline-start:0}.page{padding:24px 32px 48px;display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.page{padding:16px 14px 80px}}.page__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page__title{font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0 0 4px;color:var(--m3-on-surface-strong);line-height:1.15}@media(max-width:768px){.page__title{font-size:22px}}.page__subtitle{color:var(--m3-on-surface-variant);font-size:13px}.page__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card{background:var(--m3-surface);border-radius:var(--radius-md);border:1px solid var(--m3-outline-variant);overflow:hidden}.card__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--m3-outline-variant);gap:8px}.card__title{font-weight:600;font-size:14px;margin:0}.card__sub{color:var(--m3-on-surface-variant);font-size:12px;margin-top:2px}.card__body{padding:16px}.kpi{background:var(--m3-surface);border:1px solid var(--m3-outline-variant);border-top:3px solid var(--kpi-accent, var(--m3-primary));border-radius:var(--radius-md);padding:18px 20px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:box-shadow .15s}.kpi:hover{box-shadow:var(--shadow-2)}.kpi__label{font-size:11px;color:var(--m3-on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.kpi__value-row{display:flex;align-items:baseline;gap:4px}.kpi__value{font-size:36px;font-weight:700;letter-spacing:-.025em;color:var(--m3-on-surface-strong);line-height:1.1}.kpi__unit{font-size:18px;font-weight:600;color:var(--m3-on-surface-variant)}.kpi__delta{font-size:12px;display:inline-flex;align-items:center;gap:3px}.kpi__delta .material-symbols-rounded{font-size:14px!important}.kpi__delta--up{color:var(--m3-success)}.kpi__delta--down{color:var(--m3-error)}.kpi__icon-bg{position:absolute;top:12px;inset-inline-end:12px;width:38px;height:38px;border-radius:var(--radius-md);background:var(--m3-primary-container);color:var(--m3-on-primary-container);display:grid;place-items:center}.kpi__icon-bg .material-symbols-rounded{font-size:20px!important}.avatar{border-radius:50%;background:var(--m3-primary-container);color:var(--m3-on-primary-container);display:inline-grid;place-items:center;font-weight:600;flex-shrink:0}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:56px;height:56px;font-size:18px}.avatar--orange{background:#fed7aa;color:#9a3412}.avatar--green{background:#bbf7d0;color:#14532d}.avatar--blue{background:#bfdbfe;color:#1e3a8a}.avatar--pink{background:#fbcfe8;color:#9d174d}.avatar--amber{background:#fef3c7;color:#78350f}.avatar--teal{background:#99f6e4;color:#134e4a}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:var(--radius-full)}.status--ok{background:var(--status-ok-bg);color:var(--status-ok-fg)}.status--warn{background:var(--status-warn-bg);color:var(--status-warn-fg)}.status--err{background:var(--status-err-bg);color:var(--status-err-fg)}.status--info{background:var(--status-info-bg);color:var(--status-info-fg)}.chip-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--radius-full);background:var(--m3-surface);border:1px solid var(--m3-outline);color:var(--m3-on-surface);font-size:12.5px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;font-family:var(--font-sans)}.chip:hover{background:var(--m3-surface-2)}.chip.is-active{background:var(--m3-primary-container);border-color:var(--m3-primary-container);color:var(--m3-on-primary-container)}.chip .material-symbols-rounded{font-size:16px!important}.muted{color:var(--m3-on-surface-variant)}.strong{color:var(--m3-on-surface-strong);font-weight:600}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.text-xs{font-size:11.5px}.text-sm{font-size:12.5px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:26px}.text-3xl{font-size:34px;letter-spacing:-.025em}.text-4xl{font-size:44px;letter-spacing:-.03em;line-height:1.1}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.uppercase{text-transform:uppercase;letter-spacing:.06em}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.w-full{width:100%}.dialog-form{display:flex;flex-direction:column;gap:16px;padding-top:8px;min-width:min(480px,90vw)}.dialog-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-form mat-form-field,.dialog-form .full-width{width:100%}mat-dialog-content{max-height:72vh!important}.staff-eleve-panel .mat-mdc-dialog-container{padding:0!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-modal)!important;overflow:hidden}.staff-eleve-panel .mat-mdc-dialog-container .mdc-dialog__surface{padding:0!important;border-radius:var(--radius-md)!important}.spinner-wrap{display:flex;justify-content:center;align-items:center;padding:48px 0}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-full);background:var(--m3-surface-3);font-size:12px;font-weight:600;color:var(--m3-on-surface-variant)}.filter-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-bar mat-form-field{min-width:200px}.mat-mdc-table{background:var(--m3-surface);--mat-table-background-color: var(--m3-surface);--mat-table-header-headline-color: var(--m3-on-surface-variant);--mat-table-row-item-label-text-color: var(--m3-on-surface);--mat-table-row-item-outline-color: var(--m3-outline-variant);--mat-table-footer-supporting-text-color: var(--m3-on-surface-variant);font-family:var(--font-sans)}.mat-mdc-header-row{background:var(--m3-surface-2)!important;--mat-table-header-container-color: var(--m3-surface-2)}.mat-mdc-row{background:var(--m3-surface)}.mat-mdc-row:hover{background:var(--m3-surface-1)!important;--mat-row-item-hover-state-layer-color: transparent}.mat-mdc-form-field{--mdc-outlined-text-field-container-shape: var(--radius-xs);--mdc-outlined-text-field-outline-color: var(--m3-outline);--mdc-outlined-text-field-hover-outline-color: var(--m3-on-surface);--mdc-outlined-text-field-focus-outline-color: var(--m3-primary);--mdc-outlined-text-field-focus-outline-width: 2px;--mdc-outlined-text-field-disabled-outline-color: var(--m3-outline-variant);--mdc-outlined-text-field-error-outline-color: var(--m3-error);--mdc-outlined-text-field-error-hover-outline-color: var(--m3-error);--mdc-outlined-text-field-error-focus-outline-color: var(--m3-error);--mdc-outlined-text-field-input-text-font: var(--font-sans);--mdc-outlined-text-field-input-text-size: 14.5px;--mdc-outlined-text-field-input-text-color: var(--m3-on-surface);--mdc-outlined-text-field-disabled-input-text-color: var(--m3-on-surface-variant);--mdc-outlined-text-field-label-text-font: var(--font-sans);--mdc-outlined-text-field-label-text-size: 14.5px;--mdc-outlined-text-field-label-text-color: var(--m3-on-surface-variant);--mdc-outlined-text-field-hover-label-text-color: var(--m3-on-surface);--mdc-outlined-text-field-focus-label-text-color: var(--m3-primary);--mdc-outlined-text-field-error-label-text-color: var(--m3-error);--mdc-outlined-text-field-error-focus-label-text-color: var(--m3-error);--mdc-outlined-text-field-error-hover-label-text-color: var(--m3-error);--mdc-outlined-text-field-disabled-label-text-color: var(--m3-on-surface-variant);--mdc-outlined-text-field-container-color: var(--m3-surface);--mat-form-field-container-height: 52px;--mat-form-field-container-vertical-padding:14px;--mat-form-field-container-text-font: var(--font-sans);--mat-form-field-container-text-size: 14.5px;--mat-form-field-subscript-text-font: var(--font-sans);--mat-form-field-subscript-text-size: 11.5px;--mat-form-field-subscript-text-line-height:16px;--mat-form-field-supporting-text-color: var(--m3-on-surface-variant);--mat-form-field-error-text-color: var(--m3-error);--mat-select-trigger-text-font: var(--font-sans);--mat-select-trigger-text-size: 14.5px;font-family:var(--font-sans)}.mat-mdc-form-field .mdc-floating-label--float-above{font-size:15.3333333333px!important;font-weight:500}.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{margin-top:4px;padding:0 14px}.mat-mdc-form-field.mat-mdc-form-field-type-mat-input textarea.mat-mdc-input-element{min-height:96px;resize:vertical;line-height:1.5;padding-top:6px}.mat-mdc-option{font-family:var(--font-sans);font-size:14.5px;--mat-option-label-text-font: var(--font-sans);--mat-option-label-text-size: 14.5px;--mat-option-selected-state-label-text-color: var(--m3-primary)}.search{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:var(--m3-surface);border-radius:var(--radius-xl);border:1px solid var(--m3-outline-variant);transition:border-color .15s;min-width:200px}.search:focus-within{border-color:var(--m3-primary)}.search .material-symbols-rounded{color:var(--m3-on-surface-variant);font-size:20px;flex-shrink:0}.search input{flex:1;border:0;background:transparent;outline:none;font:inherit;font-size:14px;color:var(--m3-on-surface);min-width:0}.search input::placeholder{color:var(--m3-on-surface-variant)}.mat-mdc-form-field.select-filter{--mdc-outlined-text-field-container-shape: var(--radius-md);--mdc-outlined-text-field-outline-color: var(--m3-outline-variant);--mdc-outlined-text-field-hover-outline-color: var(--m3-outline);--mdc-outlined-text-field-focus-outline-color: var(--m3-primary);--mdc-outlined-text-field-container-color: var(--m3-surface);--mat-form-field-container-height: 40px;--mat-form-field-container-vertical-padding: 8px}.mat-mdc-form-field.select-filter .mat-mdc-form-field-subscript-wrapper{display:none}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-outlined-button{--mdc-text-button-container-height: 40px;--mdc-filled-button-container-height: 40px;--mdc-outlined-button-container-height: 40px;--mdc-text-button-container-shape: var(--radius-xl);--mdc-filled-button-container-shape: var(--radius-xl);--mdc-outlined-button-container-shape: var(--radius-xl);border-radius:var(--radius-xl)!important;font-size:13.5px;font-weight:500;letter-spacing:-.005em;padding:0 18px}.mat-mdc-button.btn-sm,.mat-mdc-unelevated-button.btn-sm,.mat-mdc-outlined-button.btn-sm{--mdc-text-button-container-height: 32px;--mdc-filled-button-container-height: 32px;--mdc-outlined-button-container-height: 32px;height:32px;padding:0 14px;font-size:12.5px}.mat-mdc-button.btn-lg,.mat-mdc-unelevated-button.btn-lg,.mat-mdc-outlined-button.btn-lg{--mdc-text-button-container-height: 48px;--mdc-filled-button-container-height: 48px;--mdc-outlined-button-container-height: 48px;height:48px;padding:0 24px;font-size:14.5px}