@charset "UTF-8";@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary-50: #fff5f2;--color-primary-100: #fee8e2;--color-primary-200: #fcd0c5;--color-primary-300: #f9a793;--color-primary-400: #f47354;--color-primary-500: #ef4523;--color-primary-600: #d6381a;--color-primary-700: #a7240c;--color-primary-800: #881e0a;--color-primary-900: #701c0d;--color-brand-primary: #094060;--color-brand-secondary: #1a6fa3;--color-brand-dark: #062b40;--color-brand-icon: #0f5580;--color-brand-light: #e4ecf1;--color-brand-highlight: #388bff;--color-brand-hover: #2f7aeb;--color-accent-blue-700: #0f5580;--color-accent-blue-500: #1a6fa3;--color-accent-blue-900: #094060;--color-neutral-0: #ffffff;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-bg-body: #f8fafc;--color-bg-surface: #ffffff;--color-bg-subtle: #f8fbfd;--color-bg-active: #eff6ff;--color-bg-hover: #f1f5f9;--color-bg-card: #ffffff;--color-bg-sidebar: #094060;--color-bg-navbar: #ffffff;--color-border-subtle: #e4ecf1;--color-border-default: #e2e8f0;--color-border-strong: #cbd5e1;--color-border-focus: #ef4523;--color-border-divider: #eef2fb;--color-text-primary: #094060;--color-text-body: #0f172a;--color-text-secondary: #6b7aa0;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-text-link: #ef4523;--color-text-link-hover: #d6381a;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #16a34a;--color-success-600: #15803d;--color-success-700: #166534;--color-success-text: #166534;--color-success-bg: #dcfce7;--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-text: #991b1b;--color-danger-bg: #fee2e2;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-text: #92400e;--color-warning-bg: #fef3c7;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-text: #1e40af;--color-info-bg: #dbeafe;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .06);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(239, 69, 35, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-sidebar: 300;--z-navbar: 400;--z-modal-backdrop: 500;--z-modal: 600;--z-toast: 700;--z-tooltip: 800;--ds-color-primary: var(--color-primary-500);--ds-color-primary-hover: var(--color-primary-600);--ds-color-brand-primary: var(--color-brand-primary);--ds-color-brand-secondary: var(--color-brand-secondary);--ds-color-bg-surface: var(--color-bg-surface);--ds-color-bg-body: var(--color-bg-body);--ds-color-text-primary: var(--color-text-primary);--ds-color-text-secondary: var(--color-text-secondary);--ds-color-border: var(--color-border-default);--ds-breadcrumb-font-family: var(--font-family-base);--ds-breadcrumb-font-size: var(--font-size-base);--ds-breadcrumb-font-weight: var(--font-weight-medium);--ds-breadcrumb-line-height: 24px;--ds-breadcrumb-gap: var(--space-2);--ds-breadcrumb-padding: 0 var(--space-6) var(--space-4) var(--space-6);--ds-breadcrumb-link-color: var(--color-primary-500);--ds-breadcrumb-current-color: var(--color-brand-primary);--ds-breadcrumb-separator-color: #c0c8da}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}small{font-size:80%}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;border:0;background:transparent}button,[role=button]{cursor:pointer}button::-moz-focus-inner{border-style:none;padding:0}table{text-indent:0;border-color:inherit;border-collapse:collapse}img,svg,video,canvas{display:block;max-width:100%}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-border-focus, #4f46e5);outline-offset:2px}router-outlet{display:none!important}.heading-3xl{font-size:2.25rem;font-weight:700;line-height:1.25;color:#0f172a}.heading-2xl{font-size:1.875rem;font-weight:700;line-height:1.25;color:#0f172a}.heading-xl{font-size:1.5rem;font-weight:600;line-height:1.25;color:#0f172a}.heading-lg{font-size:1.25rem;font-weight:600;line-height:1.25;color:#0f172a}.heading-md{font-size:1.125rem;font-weight:600;line-height:1.5;color:#0f172a}.text-base{font-size:1rem;font-weight:400;line-height:1.5;color:#0f172a}.text-sm{font-size:.875rem;font-weight:400;line-height:1.5;color:#0f172a}.text-xs{font-size:.75rem;font-weight:400;line-height:1.5;color:#64748b}.text-muted{color:#94a3b8}.text-secondary{color:#64748b}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-medium{font-weight:500}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#0f172a;background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ds-color-primary: #ef4523;--ds-color-primary-hover: #d6381a;--ds-color-primary-light: #fff5f2;--ds-color-primary-dark: #a7240c;--ds-color-secondary: #64748b;--ds-color-secondary-hover: #475569;--ds-color-brand-primary: #094060;--ds-color-brand-secondary: #1a6fa3;--ds-color-brand-icon: #0f5580;--neutral-50: #f8fbfd;--neutral-200: #e4ecf1;--neutral-500: #1a6fa3;--neutral-600: #0f5580;--neutral-700: #094060;--ds-color-white: #ffffff;--ds-color-black: #000000;--ds-color-gray-50: #f8fafc;--ds-color-gray-100: #f1f5f9;--ds-color-gray-200: #e2e8f0;--ds-color-gray-300: #cbd5e1;--ds-color-gray-400: #94a3b8;--ds-color-gray-500: #64748b;--ds-color-gray-600: #475569;--ds-color-gray-700: #334155;--ds-color-gray-800: #1e293b;--ds-color-gray-900: #0f172a;--ds-color-success: #22c55e;--ds-color-success-light: #dcfce7;--ds-color-warning: #f59e0b;--ds-color-warning-light: #fef3c7;--ds-color-warning-50: #fff7ed;--ds-color-warning-700: #ea580c;--ds-color-danger: #ef4444;--ds-color-danger-light: #fee2e2;--ds-color-info: #3b82f6;--ds-color-info-light: #dbeafe;--ds-color-active-bg: #eff6ff;--ds-color-bg-body: #f8fafc;--ds-color-bg-surface: #ffffff;--ds-color-bg-sidebar: #1e293b;--ds-color-bg-navbar: #ffffff;--ds-color-text-primary: #0f172a;--ds-color-text-secondary: #64748b;--ds-color-text-muted: #94a3b8;--ds-color-text-inverse: #ffffff;--ds-color-border: #e2e8f0;--ds-color-border-focus: #4f46e5;--ds-font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--ds-font-family-mono: JetBrains Mono, Fira Code, monospace;--ds-font-size-xs: .75rem;--ds-font-size-sm: .875rem;--ds-font-size-base: 1rem;--ds-font-size-md: 1.125rem;--ds-font-size-lg: 1.25rem;--ds-font-size-xl: 1.5rem;--ds-font-size-2xl: 1.875rem;--ds-font-size-3xl: 2.25rem;--ds-font-weight-regular: 400;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 600;--ds-font-weight-bold: 700;--ds-line-height-tight: 1.25;--ds-line-height-base: 1.5;--ds-line-height-relaxed: 1.75;--ds-spacing-0: 0;--ds-spacing-1: .25rem;--ds-spacing-2: .5rem;--ds-spacing-3: .75rem;--ds-spacing-4: 1rem;--ds-spacing-5: 1.25rem;--ds-spacing-6: 1.5rem;--ds-spacing-8: 2rem;--ds-spacing-10: 2.5rem;--ds-spacing-12: 3rem;--ds-spacing-16: 4rem;--ds-radius-sm: .25rem;--ds-radius-md: .375rem;--ds-radius-component: .75rem;--ds-radius-lg: .5rem;--ds-radius-xl: .75rem;--ds-radius-2xl: 1rem;--ds-radius-full: 9999px;--ds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--ds-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ds-shadow-focus-ring: 0 0 0 3px rgba(79, 70, 229, .15);--ds-transition-fast: .15s ease;--ds-transition-base: .2s ease;--ds-transition-slow: .3s ease;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-sidebar: 300;--ds-z-navbar: 400;--ds-z-modal-backdrop: 500;--ds-z-modal: 600;--ds-z-toaster: 700;--ds-z-tooltip: 800;--ds-sidebar-width: 260px;--ds-sidebar-collapsed-width: 72px;--ds-navbar-height: 64px;--ds-content-max-width: 1280px;--ds-school-color-primary: #0e3d8b;--ds-school-color-secondary: #c026d3}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}body::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background-color:#fff5f2;color:#a7240c}a{color:#ef4523;transition:color .2s ease}a:hover{color:#d6381a}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:1024px){.container{padding-left:1.5rem;padding-right:1.5rem}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:1.5rem}.card-sm{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:1rem}.divider{border:none;border-top:1px solid #e2e8f0;margin:1rem 0}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px;line-height:1}.badge-success{background-color:#dcfce7;color:#1a9a49}.badge-warning{background-color:#fef3c7;color:#c57f08}.badge-danger{background-color:#fee2e2;color:#eb1515}.badge-info{background-color:#dbeafe;color:#0b63f3}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fade-in .2s ease forwards}.animate-slide-up{animation:slide-up .3s ease forwards}.animate-scale-in{animation:scale-in .2s ease forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.btn,.ui-btn,:where(button[btn-primary],button[btn-primary-sm],button[btn-primary-md],button[btn-primary-lg],button[btn-secondary],button[btn-secondary-sm],button[btn-secondary-md],button[btn-secondary-lg],button[btn-outline],button[btn-outline-sm],button[btn-outline-md],button[btn-outline-lg],button[btn-ghost],button[btn-ghost-sm],button[btn-ghost-md],button[btn-ghost-lg],button[btn-danger],button[btn-danger-sm],button[btn-danger-md],button[btn-danger-lg],button[btn-icon],button[btn-icon-only]){display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-family:var(--font-family-base, "Inter", sans-serif);font-size:var(--font-size-base, 14px);font-weight:var(--font-weight-medium, 500);line-height:var(--line-height-tight, 1.25);text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-lg, 10px);height:40px;padding:0 var(--space-4, 16px);background-color:transparent;color:var(--color-text-primary, #094060);transition:all var(--transition-fast, .15s ease);box-sizing:border-box}.btn:focus-visible,.ui-btn:focus-visible,:where(button[btn-primary],button[btn-primary-sm],button[btn-primary-md],button[btn-primary-lg],button[btn-secondary],button[btn-secondary-sm],button[btn-secondary-md],button[btn-secondary-lg],button[btn-outline],button[btn-outline-sm],button[btn-outline-md],button[btn-outline-lg],button[btn-ghost],button[btn-ghost-sm],button[btn-ghost-md],button[btn-ghost-lg],button[btn-danger],button[btn-danger-sm],button[btn-danger-md],button[btn-danger-lg],button[btn-icon],button[btn-icon-only]):focus-visible{outline:none;box-shadow:var(--shadow-focus, 0 0 0 3px rgba(239, 69, 35, .2))}.btn:disabled,.btn[disabled],.btn.btn--disabled,.ui-btn:disabled,.ui-btn[disabled],.ui-btn.btn--disabled,:where(button[btn-primary],button[btn-primary-sm],button[btn-primary-md],button[btn-primary-lg],button[btn-secondary],button[btn-secondary-sm],button[btn-secondary-md],button[btn-secondary-lg],button[btn-outline],button[btn-outline-sm],button[btn-outline-md],button[btn-outline-lg],button[btn-ghost],button[btn-ghost-sm],button[btn-ghost-md],button[btn-ghost-lg],button[btn-danger],button[btn-danger-sm],button[btn-danger-md],button[btn-danger-lg],button[btn-icon],button[btn-icon-only]):disabled,:where(button[btn-primary],button[btn-primary-sm],button[btn-primary-md],button[btn-primary-lg],button[btn-secondary],button[btn-secondary-sm],button[btn-secondary-md],button[btn-secondary-lg],button[btn-outline],button[btn-outline-sm],button[btn-outline-md],button[btn-outline-lg],button[btn-ghost],button[btn-ghost-sm],button[btn-ghost-md],button[btn-ghost-lg],button[btn-danger],button[btn-danger-sm],button[btn-danger-md],button[btn-danger-lg],button[btn-icon],button[btn-icon-only])[disabled],:where(button[btn-primary],button[btn-primary-sm],button[btn-primary-md],button[btn-primary-lg],button[btn-secondary],button[btn-secondary-sm],button[btn-secondary-md],button[btn-secondary-lg],button[btn-outline],button[btn-outline-sm],button[btn-outline-md],button[btn-outline-lg],button[btn-ghost],button[btn-ghost-sm],button[btn-ghost-md],button[btn-ghost-lg],button[btn-danger],button[btn-danger-sm],button[btn-danger-md],button[btn-danger-lg],button[btn-icon],button[btn-icon-only]).btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none!important}.btn--primary,.ui-btn--primary,.btn-primary,button[btn-primary],button[btn-primary-sm],button[btn-primary-md],button[btn-primary-lg]{background-color:var(--color-primary-500, #ef4523);border-color:var(--color-primary-500, #ef4523);color:var(--color-neutral-0, #ffffff);font-weight:var(--font-weight-semibold, 600)}.btn--primary:hover:not(:disabled),.ui-btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled),button[btn-primary]:hover:not(:disabled),button[btn-primary-sm]:hover:not(:disabled),button[btn-primary-md]:hover:not(:disabled),button[btn-primary-lg]:hover:not(:disabled){background-color:var(--color-primary-600, #dc3615);border-color:var(--color-primary-600, #dc3615);color:var(--color-neutral-0, #ffffff);box-shadow:0 4px 12px #ef452340}.btn--primary:active:not(:disabled),.ui-btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled),button[btn-primary]:active:not(:disabled),button[btn-primary-sm]:active:not(:disabled),button[btn-primary-md]:active:not(:disabled),button[btn-primary-lg]:active:not(:disabled){background-color:var(--color-primary-700, #b92b0f);border-color:var(--color-primary-700, #b92b0f);transform:scale(.99)}.btn--outline,.btn--outline-primary,.btn-outline,button[btn-outline],button[btn-outline-sm],button[btn-outline-md],button[btn-outline-lg]{background-color:var(--color-bg-surface, #ffffff);border:1.5px solid var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523);font-weight:var(--font-weight-semibold, 600)}.btn--outline:hover:not(:disabled),.btn--outline-primary:hover:not(:disabled),.btn-outline:hover:not(:disabled),button[btn-outline]:hover:not(:disabled),button[btn-outline-sm]:hover:not(:disabled),button[btn-outline-md]:hover:not(:disabled),button[btn-outline-lg]:hover:not(:disabled){background-color:var(--color-primary-50, #fff5f2);border-color:var(--color-primary-600, #dc3615);color:var(--color-primary-600, #dc3615)}.btn--outline:active:not(:disabled),.btn--outline-primary:active:not(:disabled),.btn-outline:active:not(:disabled),button[btn-outline]:active:not(:disabled),button[btn-outline-sm]:active:not(:disabled),button[btn-outline-md]:active:not(:disabled),button[btn-outline-lg]:active:not(:disabled){background-color:var(--color-primary-100, #fee8e2)}.btn--secondary,.ui-btn--secondary,.btn-secondary,button[btn-secondary],button[btn-secondary-sm],button[btn-secondary-md],button[btn-secondary-lg]{background-color:var(--color-bg-surface, #ffffff);border-color:var(--color-border-default, #e4ecf1);color:var(--color-brand-primary, #094060);font-weight:var(--font-weight-medium, 500)}.btn--secondary:hover:not(:disabled),.ui-btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),button[btn-secondary]:hover:not(:disabled),button[btn-secondary-sm]:hover:not(:disabled),button[btn-secondary-md]:hover:not(:disabled),button[btn-secondary-lg]:hover:not(:disabled){background-color:var(--color-neutral-50, #f8fbfd);border-color:var(--color-border-strong, #cbd5e1);color:var(--color-brand-primary, #094060)}.btn--secondary:active:not(:disabled),.ui-btn--secondary:active:not(:disabled),.btn-secondary:active:not(:disabled),button[btn-secondary]:active:not(:disabled),button[btn-secondary-sm]:active:not(:disabled),button[btn-secondary-md]:active:not(:disabled),button[btn-secondary-lg]:active:not(:disabled){background-color:var(--color-neutral-100, #f1f5f9)}.btn--brand,.ui-btn--brand{background-color:var(--color-brand-primary, #094060);border-color:var(--color-brand-primary, #094060);color:var(--color-neutral-0, #ffffff);font-weight:var(--font-weight-semibold, 600)}.btn--brand:hover:not(:disabled),.ui-btn--brand:hover:not(:disabled){background-color:var(--color-brand-secondary, #1a6fa3);border-color:var(--color-brand-secondary, #1a6fa3)}.btn--danger,.ui-btn--danger,button[btn-danger],button[btn-danger-sm],button[btn-danger-md],button[btn-danger-lg]{background-color:var(--color-danger-500, #ef4444);border-color:var(--color-danger-500, #ef4444);color:var(--color-neutral-0, #ffffff);font-weight:var(--font-weight-semibold, 600)}.btn--danger:hover:not(:disabled),.ui-btn--danger:hover:not(:disabled),button[btn-danger]:hover:not(:disabled),button[btn-danger-sm]:hover:not(:disabled),button[btn-danger-md]:hover:not(:disabled),button[btn-danger-lg]:hover:not(:disabled){background-color:var(--color-danger-600, #dc2626);border-color:var(--color-danger-600, #dc2626)}.btn--danger:active:not(:disabled),.ui-btn--danger:active:not(:disabled),button[btn-danger]:active:not(:disabled),button[btn-danger-sm]:active:not(:disabled),button[btn-danger-md]:active:not(:disabled),button[btn-danger-lg]:active:not(:disabled){background-color:var(--color-danger-700, #b91c1c)}.btn--ghost,.ui-btn--ghost,button[btn-ghost],button[btn-ghost-sm],button[btn-ghost-md],button[btn-ghost-lg]{background-color:transparent;border-color:transparent;color:var(--color-text-secondary, #6b7aa0)}.btn--ghost:hover:not(:disabled),.ui-btn--ghost:hover:not(:disabled),button[btn-ghost]:hover:not(:disabled),button[btn-ghost-sm]:hover:not(:disabled),button[btn-ghost-md]:hover:not(:disabled),button[btn-ghost-lg]:hover:not(:disabled){background-color:var(--color-neutral-100, #f1f5f9);color:var(--color-text-primary, #094060)}.btn--icon,.ui-btn--icon,button[btn-icon],button[btn-icon-only],.btn-icon-only{padding:0;width:38px;height:38px;border-radius:var(--radius-lg, 8px);border:1px solid var(--color-border-subtle, #e4ecf1);background-color:var(--color-bg-surface, #ffffff);color:var(--color-brand-primary, #094060);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.btn--icon:hover:not(:disabled),.ui-btn--icon:hover:not(:disabled),button[btn-icon]:hover:not(:disabled),button[btn-icon-only]:hover:not(:disabled),.btn-icon-only:hover:not(:disabled){background-color:var(--color-neutral-50, #f8fbfd);border-color:var(--color-border-default, #cbd5e1);color:var(--color-primary-500, #ef4523)}.btn--small,.btn--sm,.ui-btn--small,.ui-btn--sm,button[size-sm],button[btn-primary-sm],button[btn-secondary-sm],button[btn-outline-sm],button[btn-ghost-sm],button[btn-danger-sm]{height:32px;padding:0 var(--space-3, 12px);font-size:var(--font-size-sm, 12px);border-radius:var(--radius-md, 6px)}.btn--small.btn--icon,.btn--small.ui-btn--icon,.btn--small.btn-icon-only,.btn--sm.btn--icon,.btn--sm.ui-btn--icon,.btn--sm.btn-icon-only,.ui-btn--small.btn--icon,.ui-btn--small.ui-btn--icon,.ui-btn--small.btn-icon-only,.ui-btn--sm.btn--icon,.ui-btn--sm.ui-btn--icon,.ui-btn--sm.btn-icon-only,button[size-sm].btn--icon,button[size-sm].ui-btn--icon,button[size-sm].btn-icon-only,button[btn-primary-sm].btn--icon,button[btn-primary-sm].ui-btn--icon,button[btn-primary-sm].btn-icon-only,button[btn-secondary-sm].btn--icon,button[btn-secondary-sm].ui-btn--icon,button[btn-secondary-sm].btn-icon-only,button[btn-outline-sm].btn--icon,button[btn-outline-sm].ui-btn--icon,button[btn-outline-sm].btn-icon-only,button[btn-ghost-sm].btn--icon,button[btn-ghost-sm].ui-btn--icon,button[btn-ghost-sm].btn-icon-only,button[btn-danger-sm].btn--icon,button[btn-danger-sm].ui-btn--icon,button[btn-danger-sm].btn-icon-only{width:32px;height:32px}.btn--medium,.btn--md,.ui-btn--medium,.ui-btn--md,button[size-md],button[btn-primary-md],button[btn-secondary-md],button[btn-outline-md],button[btn-ghost-md],button[btn-danger-md]{height:40px;padding:0 var(--space-4, 16px);font-size:var(--font-size-base, 14px);border-radius:var(--radius-lg, 10px)}.btn--large,.btn--lg,.ui-btn--large,.ui-btn--lg,button[size-lg],button[btn-primary-lg],button[btn-secondary-lg],button[btn-outline-lg],button[btn-ghost-lg],button[btn-danger-lg]{height:48px;padding:0 var(--space-6, 24px);font-size:var(--font-size-md, 16px);border-radius:var(--radius-lg, 10px)}.btn--large.btn--icon,.btn--large.ui-btn--icon,.btn--large.btn-icon-only,.btn--lg.btn--icon,.btn--lg.ui-btn--icon,.btn--lg.btn-icon-only,.ui-btn--large.btn--icon,.ui-btn--large.ui-btn--icon,.ui-btn--large.btn-icon-only,.ui-btn--lg.btn--icon,.ui-btn--lg.ui-btn--icon,.ui-btn--lg.btn-icon-only,button[size-lg].btn--icon,button[size-lg].ui-btn--icon,button[size-lg].btn-icon-only,button[btn-primary-lg].btn--icon,button[btn-primary-lg].ui-btn--icon,button[btn-primary-lg].btn-icon-only,button[btn-secondary-lg].btn--icon,button[btn-secondary-lg].ui-btn--icon,button[btn-secondary-lg].btn-icon-only,button[btn-outline-lg].btn--icon,button[btn-outline-lg].ui-btn--icon,button[btn-outline-lg].btn-icon-only,button[btn-ghost-lg].btn--icon,button[btn-ghost-lg].ui-btn--icon,button[btn-ghost-lg].btn-icon-only,button[btn-danger-lg].btn--icon,button[btn-danger-lg].ui-btn--icon,button[btn-danger-lg].btn-icon-only{width:48px;height:48px}.btn--full,.btn--block,button[full-width],button[btn-block]{width:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;font-size:.9em}.btn__label{display:inline-block}.input,.form-input,:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input:not([type])):not(.ui-search__input):not(.top-bar__search-input):not(.login-input__field):not(.login-otp-input):not(.form-input-with-icon__field):not(.file-input-hidden),textarea.input,textarea.form-textarea{width:100%;height:40px;padding:0 var(--space-3, 12px);font-family:var(--font-family-base, "Inter", sans-serif);font-size:var(--font-size-base, 14px);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-tight, 1.25);color:var(--color-text-body, #094060);background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-default, #e4ecf1);border-radius:var(--radius-lg, 8px);box-sizing:border-box;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.input::placeholder,.form-input::placeholder,:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input:not([type])):not(.ui-search__input):not(.top-bar__search-input):not(.login-input__field):not(.login-otp-input):not(.form-input-with-icon__field):not(.file-input-hidden)::placeholder,textarea.input::placeholder,textarea.form-textarea::placeholder{color:var(--color-text-muted, #1a6fa3);opacity:.7;font-weight:var(--font-weight-regular, 400)}.input:hover:not(:disabled):not(:focus),.form-input:hover:not(:disabled):not(:focus),:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input:not([type])):not(.ui-search__input):not(.top-bar__search-input):not(.login-input__field):not(.login-otp-input):not(.form-input-with-icon__field):not(.file-input-hidden):hover:not(:disabled):not(:focus),textarea.input:hover:not(:disabled):not(:focus),textarea.form-textarea:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong, #c5d4e0)}.input:focus,.form-input:focus,:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input:not([type])):not(.ui-search__input):not(.top-bar__search-input):not(.login-input__field):not(.login-otp-input):not(.form-input-with-icon__field):not(.file-input-hidden):focus,textarea.input:focus,textarea.form-textarea:focus{outline:none;border-color:var(--ds-color-primary, #ef4523);box-shadow:0 0 0 3px #ef452326}.input:disabled,.input[disabled],.form-input:disabled,.form-input[disabled],:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input:not([type])):not(.ui-search__input):not(.top-bar__search-input):not(.login-input__field):not(.login-otp-input):not(.form-input-with-icon__field):not(.file-input-hidden):disabled,:where(input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input:not([type])):not(.ui-search__input):not(.top-bar__search-input):not(.login-input__field):not(.login-otp-input):not(.form-input-with-icon__field):not(.file-input-hidden)[disabled],textarea.input:disabled,textarea.input[disabled],textarea.form-textarea:disabled,textarea.form-textarea[disabled]{background-color:var(--color-neutral-100, #f8faff);color:var(--color-text-muted, #90a1b9);cursor:not-allowed;border-color:var(--color-border-subtle, #eef2fb)}textarea.input,textarea.form-textarea{height:auto;min-height:80px;padding:var(--space-2, 8px) var(--space-3, 12px);resize:vertical}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231a6fa3' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px;cursor:pointer;width:18px;height:18px;opacity:.75;transition:opacity .15s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.select,.form-select,select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:40px;padding:0 32px 0 var(--space-3, 12px);font-family:var(--font-family-base, "Inter", sans-serif);font-size:var(--font-size-base, 14px);color:var(--color-text-body, #094060);background-color:var(--color-bg-surface, #ffffff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231a6fa3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;border:1px solid var(--color-border-default, #e4ecf1);border-radius:var(--radius-lg, 8px);cursor:pointer;box-sizing:border-box;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.select:hover:not(:disabled):not(:focus),.form-select:hover:not(:disabled):not(:focus),select.input:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong, #c5d4e0)}.select:focus,.form-select:focus,select.input:focus{outline:none;border-color:var(--ds-color-primary, #ef4523);box-shadow:0 0 0 3px #ef452326}.select:disabled,.select[disabled],.form-select:disabled,.form-select[disabled],select.input:disabled,select.input[disabled]{background-color:var(--color-neutral-100, #f8faff);color:var(--color-text-muted, #90a1b9);cursor:not-allowed;border-color:var(--color-border-subtle, #eef2fb)}.input--error,.form-input--error,.select--error,.form-select--error,.is-invalid,.ng-invalid.ng-touched{border-color:var(--color-danger-500, #ef4444)!important}.input--error:focus,.form-input--error:focus,.select--error:focus,.form-select--error:focus,.is-invalid:focus,.ng-invalid.ng-touched:focus{box-shadow:0 0 0 3px #ef444433!important}.input--success,.form-input--success{border-color:var(--color-success-500, #22c55e)}.input--success:focus,.form-input--success:focus{box-shadow:0 0 0 3px #22c55e33}.input--small,.input--sm,.form-input--sm,.select--small,.select--sm,.form-select--sm{height:32px;font-size:var(--font-size-sm, 12px);padding:0 var(--space-2, 8px)}.input--large,.input--lg,.form-input--lg,.select--large,.select--lg,.form-select--lg{height:48px;font-size:var(--font-size-md, 16px);padding:0 var(--space-4, 16px)}.form-group{display:flex;flex-direction:column;gap:var(--space-1, 4px);margin-bottom:var(--space-4, 16px);width:100%}.form-label{font-family:var(--font-family-base, "Inter", sans-serif);font-size:var(--font-size-sm, 12px);font-weight:var(--font-weight-medium, 600);color:var(--color-text-primary, #094060);display:flex;align-items:center;gap:var(--space-1, 4px);margin:0 0 4px}.form-label--required:after,.form-label-required:after{content:"*";color:var(--color-danger-500, #ef4444);margin-left:2px}.form-hint{font-family:var(--font-family-base, "Inter", sans-serif);font-size:var(--font-size-xs, 11px);color:var(--color-text-muted, #1a6fa3);margin-top:2px}.form-error{font-family:var(--font-family-base, "Inter", sans-serif);font-size:var(--font-size-xs, 11px);color:var(--color-danger-500, #ef4444);font-weight:var(--font-weight-medium, 500);margin-top:2px}p-datepicker,.p-datepicker{display:inline-block;position:relative;font-family:var(--font-family-base, "Poppins", sans-serif);box-sizing:border-box}p-datepicker .p-datepicker-input,p-datepicker input.p-inputtext,p-datepicker input.p-datepicker-input,.p-datepicker .p-datepicker-input,.p-datepicker input.p-inputtext,.p-datepicker input.p-datepicker-input{font-family:var(--font-family-base, "Poppins", sans-serif);font-size:13px;font-weight:500;color:var(--color-brand-primary, #094060);background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:8px;padding:8px 36px 8px 14px;height:40px;outline:none;box-sizing:border-box;box-shadow:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}p-datepicker .p-datepicker-input:hover,p-datepicker input.p-inputtext:hover,p-datepicker input.p-datepicker-input:hover,.p-datepicker .p-datepicker-input:hover,.p-datepicker input.p-inputtext:hover,.p-datepicker input.p-datepicker-input:hover{border-color:#cbd5e1}p-datepicker .p-datepicker-input:focus,p-datepicker .p-datepicker-input:focus-visible,p-datepicker input.p-inputtext:focus,p-datepicker input.p-inputtext:focus-visible,p-datepicker input.p-datepicker-input:focus,p-datepicker input.p-datepicker-input:focus-visible,.p-datepicker .p-datepicker-input:focus,.p-datepicker .p-datepicker-input:focus-visible,.p-datepicker input.p-inputtext:focus,.p-datepicker input.p-inputtext:focus-visible,.p-datepicker input.p-datepicker-input:focus,.p-datepicker input.p-datepicker-input:focus-visible{border-color:var(--color-primary-500, #ef4523)!important;box-shadow:0 0 0 3px #ef45231f!important}p-datepicker .p-datepicker-input::placeholder,p-datepicker input.p-inputtext::placeholder,p-datepicker input.p-datepicker-input::placeholder,.p-datepicker .p-datepicker-input::placeholder,.p-datepicker input.p-inputtext::placeholder,.p-datepicker input.p-datepicker-input::placeholder{color:var(--color-brand-secondary, #1a6fa3);opacity:.7}p-datepicker .p-datepicker-dropdown,p-datepicker .p-datepicker-input-icon-container,p-datepicker .p-datepicker-input-icon,p-datepicker .p-datepicker-icon,p-datepicker .p-icon,p-datepicker svg,.p-datepicker .p-datepicker-dropdown,.p-datepicker .p-datepicker-input-icon-container,.p-datepicker .p-datepicker-input-icon,.p-datepicker .p-datepicker-icon,.p-datepicker .p-icon,.p-datepicker svg{color:var(--color-brand-secondary, #1a6fa3);fill:var(--color-brand-secondary, #1a6fa3);transition:color .2s ease}p-datepicker .p-datepicker-dropdown:hover,p-datepicker .p-datepicker-input-icon-container:hover,p-datepicker .p-datepicker-input-icon:hover,p-datepicker .p-datepicker-icon:hover,p-datepicker .p-icon:hover,p-datepicker svg:hover,.p-datepicker .p-datepicker-dropdown:hover,.p-datepicker .p-datepicker-input-icon-container:hover,.p-datepicker .p-datepicker-input-icon:hover,.p-datepicker .p-datepicker-icon:hover,.p-datepicker .p-icon:hover,.p-datepicker svg:hover{color:var(--color-primary-500, #ef4523);fill:var(--color-primary-500, #ef4523)}.form-datepicker,p-datepicker.form-datepicker,.form-group p-datepicker,.form-datepicker-wrapper p-datepicker,.form-control p-datepicker{width:100%!important;display:block!important}.form-datepicker .p-datepicker,p-datepicker.form-datepicker .p-datepicker,.form-group p-datepicker .p-datepicker,.form-datepicker-wrapper p-datepicker .p-datepicker,.form-control p-datepicker .p-datepicker{width:100%!important;display:flex!important;align-items:center!important}.form-datepicker .p-datepicker-input,.form-datepicker input.p-inputtext,.form-datepicker input.p-datepicker-input,p-datepicker.form-datepicker .p-datepicker-input,p-datepicker.form-datepicker input.p-inputtext,p-datepicker.form-datepicker input.p-datepicker-input,.form-group p-datepicker .p-datepicker-input,.form-group p-datepicker input.p-inputtext,.form-group p-datepicker input.p-datepicker-input,.form-datepicker-wrapper p-datepicker .p-datepicker-input,.form-datepicker-wrapper p-datepicker input.p-inputtext,.form-datepicker-wrapper p-datepicker input.p-datepicker-input,.form-control p-datepicker .p-datepicker-input,.form-control p-datepicker input.p-inputtext,.form-control p-datepicker input.p-datepicker-input{width:100%!important;height:40px!important;line-height:38px!important}.form-datepicker.is-invalid .p-datepicker-input,.form-datepicker.is-invalid input,p-datepicker.form-datepicker.is-invalid .p-datepicker-input,p-datepicker.form-datepicker.is-invalid input,.form-group p-datepicker.is-invalid .p-datepicker-input,.form-group p-datepicker.is-invalid input,.form-datepicker-wrapper p-datepicker.is-invalid .p-datepicker-input,.form-datepicker-wrapper p-datepicker.is-invalid input,.form-control p-datepicker.is-invalid .p-datepicker-input,.form-control p-datepicker.is-invalid input{border-color:var(--color-danger-500, #ef4444)!important;background-color:#fff5f5!important}.att-clean-datepicker,p-datepicker.att-clean-datepicker,.att-control-bar__date-pill p-datepicker{background:transparent!important;border:none!important;display:inline-flex!important;align-items:center!important}.att-clean-datepicker .p-datepicker-input,.att-clean-datepicker input.p-inputtext,.att-clean-datepicker input.p-datepicker-input,.att-clean-datepicker input,p-datepicker.att-clean-datepicker .p-datepicker-input,p-datepicker.att-clean-datepicker input.p-inputtext,p-datepicker.att-clean-datepicker input.p-datepicker-input,p-datepicker.att-clean-datepicker input,.att-control-bar__date-pill p-datepicker .p-datepicker-input,.att-control-bar__date-pill p-datepicker input.p-inputtext,.att-control-bar__date-pill p-datepicker input.p-datepicker-input,.att-control-bar__date-pill p-datepicker input{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;font-family:var(--font-family-base, "Poppins", sans-serif)!important;font-size:13px!important;font-weight:500!important;color:var(--color-brand-primary, #094060)!important;padding:0!important;margin:0!important;cursor:pointer!important;height:auto!important;line-height:normal!important}.att-clean-datepicker .p-datepicker-input:focus,.att-clean-datepicker .p-datepicker-input:hover,.att-clean-datepicker input.p-inputtext:focus,.att-clean-datepicker input.p-inputtext:hover,.att-clean-datepicker input.p-datepicker-input:focus,.att-clean-datepicker input.p-datepicker-input:hover,.att-clean-datepicker input:focus,.att-clean-datepicker input:hover,p-datepicker.att-clean-datepicker .p-datepicker-input:focus,p-datepicker.att-clean-datepicker .p-datepicker-input:hover,p-datepicker.att-clean-datepicker input.p-inputtext:focus,p-datepicker.att-clean-datepicker input.p-inputtext:hover,p-datepicker.att-clean-datepicker input.p-datepicker-input:focus,p-datepicker.att-clean-datepicker input.p-datepicker-input:hover,p-datepicker.att-clean-datepicker input:focus,p-datepicker.att-clean-datepicker input:hover,.att-control-bar__date-pill p-datepicker .p-datepicker-input:focus,.att-control-bar__date-pill p-datepicker .p-datepicker-input:hover,.att-control-bar__date-pill p-datepicker input.p-inputtext:focus,.att-control-bar__date-pill p-datepicker input.p-inputtext:hover,.att-control-bar__date-pill p-datepicker input.p-datepicker-input:focus,.att-control-bar__date-pill p-datepicker input.p-datepicker-input:hover,.att-control-bar__date-pill p-datepicker input:focus,.att-control-bar__date-pill p-datepicker input:hover{border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important}.p-datepicker-panel,.att-clean-datepicker-panel,body .p-datepicker-panel,body .att-clean-datepicker-panel{border-radius:14px!important;border:1px solid var(--color-border-subtle, #e4ecf1)!important;box-shadow:0 12px 36px #0940602e!important;background:#fff!important;background-color:#fff!important;font-family:var(--font-family-base, "Poppins", sans-serif)!important;padding:16px!important;margin-top:6px!important;width:auto!important;min-width:280px!important;z-index:99999!important;position:absolute!important}.p-datepicker-panel .p-datepicker-header,.att-clean-datepicker-panel .p-datepicker-header,body .p-datepicker-panel .p-datepicker-header,body .att-clean-datepicker-panel .p-datepicker-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding-bottom:10px!important;margin-bottom:12px!important;color:var(--color-brand-primary, #094060)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.p-datepicker-panel .p-datepicker-title,.att-clean-datepicker-panel .p-datepicker-title,body .p-datepicker-panel .p-datepicker-title,body .att-clean-datepicker-panel .p-datepicker-title{display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--color-brand-primary, #094060)!important;font-size:15px!important;font-weight:700!important;margin:0 8px!important}.p-datepicker-panel .p-datepicker-title button,.p-datepicker-panel .p-datepicker-title span,.att-clean-datepicker-panel .p-datepicker-title button,.att-clean-datepicker-panel .p-datepicker-title span,body .p-datepicker-panel .p-datepicker-title button,body .p-datepicker-panel .p-datepicker-title span,body .att-clean-datepicker-panel .p-datepicker-title button,body .att-clean-datepicker-panel .p-datepicker-title span{font-family:var(--font-family-base, "Poppins", sans-serif)!important;font-size:15px!important;font-weight:700!important;color:var(--color-brand-primary, #094060)!important;background:transparent!important;border:none!important;padding:2px 6px!important;border-radius:6px!important;cursor:pointer!important}.p-datepicker-panel .p-datepicker-title button:hover,.p-datepicker-panel .p-datepicker-title span:hover,.att-clean-datepicker-panel .p-datepicker-title button:hover,.att-clean-datepicker-panel .p-datepicker-title span:hover,body .p-datepicker-panel .p-datepicker-title button:hover,body .p-datepicker-panel .p-datepicker-title span:hover,body .att-clean-datepicker-panel .p-datepicker-title button:hover,body .att-clean-datepicker-panel .p-datepicker-title span:hover{color:var(--color-primary-500, #ef4523)!important;background:#f8fafc!important}.p-datepicker-panel .p-datepicker-prev-button,.p-datepicker-panel .p-datepicker-next-button,.p-datepicker-panel .p-datepicker-prev-icon,.p-datepicker-panel .p-datepicker-next-icon,.p-datepicker-panel .p-datepicker-prev,.p-datepicker-panel .p-datepicker-next,.att-clean-datepicker-panel .p-datepicker-prev-button,.att-clean-datepicker-panel .p-datepicker-next-button,.att-clean-datepicker-panel .p-datepicker-prev-icon,.att-clean-datepicker-panel .p-datepicker-next-icon,.att-clean-datepicker-panel .p-datepicker-prev,.att-clean-datepicker-panel .p-datepicker-next,body .p-datepicker-panel .p-datepicker-prev-button,body .p-datepicker-panel .p-datepicker-next-button,body .p-datepicker-panel .p-datepicker-prev-icon,body .p-datepicker-panel .p-datepicker-next-icon,body .p-datepicker-panel .p-datepicker-prev,body .p-datepicker-panel .p-datepicker-next,body .att-clean-datepicker-panel .p-datepicker-prev-button,body .att-clean-datepicker-panel .p-datepicker-next-button,body .att-clean-datepicker-panel .p-datepicker-prev-icon,body .att-clean-datepicker-panel .p-datepicker-next-icon,body .att-clean-datepicker-panel .p-datepicker-prev,body .att-clean-datepicker-panel .p-datepicker-next{color:var(--color-primary-500, #ef4523)!important;cursor:pointer!important;background:transparent!important;border:none!important;padding:6px 8px!important;border-radius:6px!important;transition:all .15s ease!important}.p-datepicker-panel .p-datepicker-prev-button:hover,.p-datepicker-panel .p-datepicker-next-button:hover,.p-datepicker-panel .p-datepicker-prev-icon:hover,.p-datepicker-panel .p-datepicker-next-icon:hover,.p-datepicker-panel .p-datepicker-prev:hover,.p-datepicker-panel .p-datepicker-next:hover,.att-clean-datepicker-panel .p-datepicker-prev-button:hover,.att-clean-datepicker-panel .p-datepicker-next-button:hover,.att-clean-datepicker-panel .p-datepicker-prev-icon:hover,.att-clean-datepicker-panel .p-datepicker-next-icon:hover,.att-clean-datepicker-panel .p-datepicker-prev:hover,.att-clean-datepicker-panel .p-datepicker-next:hover,body .p-datepicker-panel .p-datepicker-prev-button:hover,body .p-datepicker-panel .p-datepicker-next-button:hover,body .p-datepicker-panel .p-datepicker-prev-icon:hover,body .p-datepicker-panel .p-datepicker-next-icon:hover,body .p-datepicker-panel .p-datepicker-prev:hover,body .p-datepicker-panel .p-datepicker-next:hover,body .att-clean-datepicker-panel .p-datepicker-prev-button:hover,body .att-clean-datepicker-panel .p-datepicker-next-button:hover,body .att-clean-datepicker-panel .p-datepicker-prev-icon:hover,body .att-clean-datepicker-panel .p-datepicker-next-icon:hover,body .att-clean-datepicker-panel .p-datepicker-prev:hover,body .att-clean-datepicker-panel .p-datepicker-next:hover{background:#fff5f2!important;color:#d6381a!important}.p-datepicker-panel .p-datepicker-monthpicker,.p-datepicker-panel .p-monthpicker,.att-clean-datepicker-panel .p-datepicker-monthpicker,.att-clean-datepicker-panel .p-monthpicker,body .p-datepicker-panel .p-datepicker-monthpicker,body .p-datepicker-panel .p-monthpicker,body .att-clean-datepicker-panel .p-datepicker-monthpicker,body .att-clean-datepicker-panel .p-monthpicker{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:8px 0!important;background:#fff!important}.p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month,.p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month,.p-datepicker-panel .p-datepicker-monthpicker button,.p-datepicker-panel .p-monthpicker .p-datepicker-month,.p-datepicker-panel .p-monthpicker .p-monthpicker-month,.p-datepicker-panel .p-monthpicker button,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month,.att-clean-datepicker-panel .p-datepicker-monthpicker button,.att-clean-datepicker-panel .p-monthpicker .p-datepicker-month,.att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month,.att-clean-datepicker-panel .p-monthpicker button,body .p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month,body .p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month,body .p-datepicker-panel .p-datepicker-monthpicker button,body .p-datepicker-panel .p-monthpicker .p-datepicker-month,body .p-datepicker-panel .p-monthpicker .p-monthpicker-month,body .p-datepicker-panel .p-monthpicker button,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month,body .att-clean-datepicker-panel .p-datepicker-monthpicker button,body .att-clean-datepicker-panel .p-monthpicker .p-datepicker-month,body .att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month,body .att-clean-datepicker-panel .p-monthpicker button{padding:10px 14px!important;border-radius:8px!important;font-family:var(--font-family-base, "Poppins", sans-serif)!important;font-size:13px!important;font-weight:600!important;color:var(--color-brand-primary, #094060)!important;text-align:center!important;cursor:pointer!important;transition:all .15s ease!important;background:transparent!important;border:none!important}.p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month:hover,.p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month:hover,.p-datepicker-panel .p-datepicker-monthpicker button:hover,.p-datepicker-panel .p-monthpicker .p-datepicker-month:hover,.p-datepicker-panel .p-monthpicker .p-monthpicker-month:hover,.p-datepicker-panel .p-monthpicker button:hover,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month:hover,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month:hover,.att-clean-datepicker-panel .p-datepicker-monthpicker button:hover,.att-clean-datepicker-panel .p-monthpicker .p-datepicker-month:hover,.att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month:hover,.att-clean-datepicker-panel .p-monthpicker button:hover,body .p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month:hover,body .p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month:hover,body .p-datepicker-panel .p-datepicker-monthpicker button:hover,body .p-datepicker-panel .p-monthpicker .p-datepicker-month:hover,body .p-datepicker-panel .p-monthpicker .p-monthpicker-month:hover,body .p-datepicker-panel .p-monthpicker button:hover,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month:hover,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month:hover,body .att-clean-datepicker-panel .p-datepicker-monthpicker button:hover,body .att-clean-datepicker-panel .p-monthpicker .p-datepicker-month:hover,body .att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month:hover,body .att-clean-datepicker-panel .p-monthpicker button:hover{background:#f1f5f9!important;color:var(--color-primary-500, #ef4523)!important}.p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-datepicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-monthpicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-highlight,.p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-datepicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-highlight,.p-datepicker-panel .p-datepicker-monthpicker button.p-datepicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker button.p-monthpicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker button.p-highlight,.p-datepicker-panel .p-monthpicker .p-datepicker-month.p-datepicker-month-selected,.p-datepicker-panel .p-monthpicker .p-datepicker-month.p-monthpicker-month-selected,.p-datepicker-panel .p-monthpicker .p-datepicker-month.p-highlight,.p-datepicker-panel .p-monthpicker .p-monthpicker-month.p-datepicker-month-selected,.p-datepicker-panel .p-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,.p-datepicker-panel .p-monthpicker .p-monthpicker-month.p-highlight,.p-datepicker-panel .p-monthpicker button.p-datepicker-month-selected,.p-datepicker-panel .p-monthpicker button.p-monthpicker-month-selected,.p-datepicker-panel .p-monthpicker button.p-highlight,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-datepicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-highlight,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-datepicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-highlight,.att-clean-datepicker-panel .p-datepicker-monthpicker button.p-datepicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker button.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker button.p-highlight,.att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-datepicker-month-selected,.att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-highlight,.att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-datepicker-month-selected,.att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-highlight,.att-clean-datepicker-panel .p-monthpicker button.p-datepicker-month-selected,.att-clean-datepicker-panel .p-monthpicker button.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-monthpicker button.p-highlight,body .p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-datepicker-month-selected,body .p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-monthpicker-month-selected,body .p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-highlight,body .p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-datepicker-month-selected,body .p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,body .p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-highlight,body .p-datepicker-panel .p-datepicker-monthpicker button.p-datepicker-month-selected,body .p-datepicker-panel .p-datepicker-monthpicker button.p-monthpicker-month-selected,body .p-datepicker-panel .p-datepicker-monthpicker button.p-highlight,body .p-datepicker-panel .p-monthpicker .p-datepicker-month.p-datepicker-month-selected,body .p-datepicker-panel .p-monthpicker .p-datepicker-month.p-monthpicker-month-selected,body .p-datepicker-panel .p-monthpicker .p-datepicker-month.p-highlight,body .p-datepicker-panel .p-monthpicker .p-monthpicker-month.p-datepicker-month-selected,body .p-datepicker-panel .p-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,body .p-datepicker-panel .p-monthpicker .p-monthpicker-month.p-highlight,body .p-datepicker-panel .p-monthpicker button.p-datepicker-month-selected,body .p-datepicker-panel .p-monthpicker button.p-monthpicker-month-selected,body .p-datepicker-panel .p-monthpicker button.p-highlight,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-highlight,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-highlight,body .att-clean-datepicker-panel .p-datepicker-monthpicker button.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker button.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker button.p-highlight,body .att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-highlight,body .att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-highlight,body .att-clean-datepicker-panel .p-monthpicker button.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker button.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker button.p-highlight{background:var(--color-primary-500, #ef4523)!important;color:#fff!important;font-weight:700!important}.p-datepicker-panel .p-datepicker-yearpicker,.p-datepicker-panel .p-yearpicker,.att-clean-datepicker-panel .p-datepicker-yearpicker,.att-clean-datepicker-panel .p-yearpicker,body .p-datepicker-panel .p-datepicker-yearpicker,body .p-datepicker-panel .p-yearpicker,body .att-clean-datepicker-panel .p-datepicker-yearpicker,body .att-clean-datepicker-panel .p-yearpicker{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:8px 0!important;background:#fff!important}.p-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year,.p-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year,.p-datepicker-panel .p-datepicker-yearpicker button,.p-datepicker-panel .p-yearpicker .p-datepicker-year,.p-datepicker-panel .p-yearpicker .p-yearpicker-year,.p-datepicker-panel .p-yearpicker button,.att-clean-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year,.att-clean-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year,.att-clean-datepicker-panel .p-datepicker-yearpicker button,.att-clean-datepicker-panel .p-yearpicker .p-datepicker-year,.att-clean-datepicker-panel .p-yearpicker .p-yearpicker-year,.att-clean-datepicker-panel .p-yearpicker button,body .p-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year,body .p-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year,body .p-datepicker-panel .p-datepicker-yearpicker button,body .p-datepicker-panel .p-yearpicker .p-datepicker-year,body .p-datepicker-panel .p-yearpicker .p-yearpicker-year,body .p-datepicker-panel .p-yearpicker button,body .att-clean-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year,body .att-clean-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year,body .att-clean-datepicker-panel .p-datepicker-yearpicker button,body .att-clean-datepicker-panel .p-yearpicker .p-datepicker-year,body .att-clean-datepicker-panel .p-yearpicker .p-yearpicker-year,body .att-clean-datepicker-panel .p-yearpicker button{padding:10px 14px!important;border-radius:8px!important;font-family:var(--font-family-base, "Poppins", sans-serif)!important;font-size:13px!important;font-weight:600!important;color:var(--color-brand-primary, #094060)!important;text-align:center!important;cursor:pointer!important;background:transparent!important;border:none!important}.p-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year:hover,.p-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year:hover,.p-datepicker-panel .p-datepicker-yearpicker button:hover,.p-datepicker-panel .p-yearpicker .p-datepicker-year:hover,.p-datepicker-panel .p-yearpicker .p-yearpicker-year:hover,.p-datepicker-panel .p-yearpicker button:hover,.att-clean-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year:hover,.att-clean-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year:hover,.att-clean-datepicker-panel .p-datepicker-yearpicker button:hover,.att-clean-datepicker-panel .p-yearpicker .p-datepicker-year:hover,.att-clean-datepicker-panel .p-yearpicker .p-yearpicker-year:hover,.att-clean-datepicker-panel .p-yearpicker button:hover,body .p-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year:hover,body .p-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year:hover,body .p-datepicker-panel .p-datepicker-yearpicker button:hover,body .p-datepicker-panel .p-yearpicker .p-datepicker-year:hover,body .p-datepicker-panel .p-yearpicker .p-yearpicker-year:hover,body .p-datepicker-panel .p-yearpicker button:hover,body .att-clean-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year:hover,body .att-clean-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year:hover,body .att-clean-datepicker-panel .p-datepicker-yearpicker button:hover,body .att-clean-datepicker-panel .p-yearpicker .p-datepicker-year:hover,body .att-clean-datepicker-panel .p-yearpicker .p-yearpicker-year:hover,body .att-clean-datepicker-panel .p-yearpicker button:hover{background:#f1f5f9!important;color:var(--color-primary-500, #ef4523)!important}.p-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year.p-datepicker-year-selected,.p-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year.p-highlight,.p-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year.p-datepicker-year-selected,.p-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year.p-highlight,.p-datepicker-panel .p-datepicker-yearpicker button.p-datepicker-year-selected,.p-datepicker-panel .p-datepicker-yearpicker button.p-highlight,.p-datepicker-panel .p-yearpicker .p-datepicker-year.p-datepicker-year-selected,.p-datepicker-panel .p-yearpicker .p-datepicker-year.p-highlight,.p-datepicker-panel .p-yearpicker .p-yearpicker-year.p-datepicker-year-selected,.p-datepicker-panel .p-yearpicker .p-yearpicker-year.p-highlight,.p-datepicker-panel .p-yearpicker button.p-datepicker-year-selected,.p-datepicker-panel .p-yearpicker button.p-highlight,.att-clean-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year.p-datepicker-year-selected,.att-clean-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year.p-highlight,.att-clean-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year.p-datepicker-year-selected,.att-clean-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year.p-highlight,.att-clean-datepicker-panel .p-datepicker-yearpicker button.p-datepicker-year-selected,.att-clean-datepicker-panel .p-datepicker-yearpicker button.p-highlight,.att-clean-datepicker-panel .p-yearpicker .p-datepicker-year.p-datepicker-year-selected,.att-clean-datepicker-panel .p-yearpicker .p-datepicker-year.p-highlight,.att-clean-datepicker-panel .p-yearpicker .p-yearpicker-year.p-datepicker-year-selected,.att-clean-datepicker-panel .p-yearpicker .p-yearpicker-year.p-highlight,.att-clean-datepicker-panel .p-yearpicker button.p-datepicker-year-selected,.att-clean-datepicker-panel .p-yearpicker button.p-highlight,body .p-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year.p-datepicker-year-selected,body .p-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year.p-highlight,body .p-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year.p-datepicker-year-selected,body .p-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year.p-highlight,body .p-datepicker-panel .p-datepicker-yearpicker button.p-datepicker-year-selected,body .p-datepicker-panel .p-datepicker-yearpicker button.p-highlight,body .p-datepicker-panel .p-yearpicker .p-datepicker-year.p-datepicker-year-selected,body .p-datepicker-panel .p-yearpicker .p-datepicker-year.p-highlight,body .p-datepicker-panel .p-yearpicker .p-yearpicker-year.p-datepicker-year-selected,body .p-datepicker-panel .p-yearpicker .p-yearpicker-year.p-highlight,body .p-datepicker-panel .p-yearpicker button.p-datepicker-year-selected,body .p-datepicker-panel .p-yearpicker button.p-highlight,body .att-clean-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year.p-datepicker-year-selected,body .att-clean-datepicker-panel .p-datepicker-yearpicker .p-datepicker-year.p-highlight,body .att-clean-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year.p-datepicker-year-selected,body .att-clean-datepicker-panel .p-datepicker-yearpicker .p-yearpicker-year.p-highlight,body .att-clean-datepicker-panel .p-datepicker-yearpicker button.p-datepicker-year-selected,body .att-clean-datepicker-panel .p-datepicker-yearpicker button.p-highlight,body .att-clean-datepicker-panel .p-yearpicker .p-datepicker-year.p-datepicker-year-selected,body .att-clean-datepicker-panel .p-yearpicker .p-datepicker-year.p-highlight,body .att-clean-datepicker-panel .p-yearpicker .p-yearpicker-year.p-datepicker-year-selected,body .att-clean-datepicker-panel .p-yearpicker .p-yearpicker-year.p-highlight,body .att-clean-datepicker-panel .p-yearpicker button.p-datepicker-year-selected,body .att-clean-datepicker-panel .p-yearpicker button.p-highlight{background:var(--color-primary-500, #ef4523)!important;color:#fff!important}.p-datepicker-panel .p-datepicker-calendar-container,.p-datepicker-panel .p-datepicker-group-container,.att-clean-datepicker-panel .p-datepicker-calendar-container,.att-clean-datepicker-panel .p-datepicker-group-container,body .p-datepicker-panel .p-datepicker-calendar-container,body .p-datepicker-panel .p-datepicker-group-container,body .att-clean-datepicker-panel .p-datepicker-calendar-container,body .att-clean-datepicker-panel .p-datepicker-group-container{display:flex!important;flex-direction:row!important;gap:24px!important}.p-datepicker-panel .p-datepicker-calendar,.p-datepicker-panel .p-datepicker-group,.att-clean-datepicker-panel .p-datepicker-calendar,.att-clean-datepicker-panel .p-datepicker-group,body .p-datepicker-panel .p-datepicker-calendar,body .p-datepicker-panel .p-datepicker-group,body .att-clean-datepicker-panel .p-datepicker-calendar,body .att-clean-datepicker-panel .p-datepicker-group{flex:1 1 0%!important;width:250px!important}.p-datepicker-panel .p-datepicker-weekday-cell,.p-datepicker-panel th,.att-clean-datepicker-panel .p-datepicker-weekday-cell,.att-clean-datepicker-panel th,body .p-datepicker-panel .p-datepicker-weekday-cell,body .p-datepicker-panel th,body .att-clean-datepicker-panel .p-datepicker-weekday-cell,body .att-clean-datepicker-panel th{padding:6px 0!important;text-align:center!important;font-size:12px!important;font-weight:600!important;color:var(--color-brand-secondary, #1a6fa3)!important}.p-datepicker-panel .p-datepicker-day-cell,.p-datepicker-panel td,.att-clean-datepicker-panel .p-datepicker-day-cell,.att-clean-datepicker-panel td,body .p-datepicker-panel .p-datepicker-day-cell,body .p-datepicker-panel td,body .att-clean-datepicker-panel .p-datepicker-day-cell,body .att-clean-datepicker-panel td{padding:2px!important;text-align:center!important}.p-datepicker-panel .p-datepicker-day,.att-clean-datepicker-panel .p-datepicker-day,body .p-datepicker-panel .p-datepicker-day,body .att-clean-datepicker-panel .p-datepicker-day{width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;font-size:13px!important;font-weight:500!important;color:var(--color-brand-primary, #094060)!important;transition:all .15s ease!important;margin:0 auto!important}.p-datepicker-panel .p-datepicker-day:hover,.att-clean-datepicker-panel .p-datepicker-day:hover,body .p-datepicker-panel .p-datepicker-day:hover,body .att-clean-datepicker-panel .p-datepicker-day:hover{background:#f1f5f9!important}.p-datepicker-panel .p-datepicker-day.p-datepicker-day-selected,.p-datepicker-panel .p-datepicker-day.p-highlight,.att-clean-datepicker-panel .p-datepicker-day.p-datepicker-day-selected,.att-clean-datepicker-panel .p-datepicker-day.p-highlight,body .p-datepicker-panel .p-datepicker-day.p-datepicker-day-selected,body .p-datepicker-panel .p-datepicker-day.p-highlight,body .att-clean-datepicker-panel .p-datepicker-day.p-datepicker-day-selected,body .att-clean-datepicker-panel .p-datepicker-day.p-highlight{background:var(--color-primary-500, #ef4523)!important;color:#fff!important;font-weight:700!important}.p-datepicker-panel .p-datepicker-range-start,.att-clean-datepicker-panel .p-datepicker-range-start,body .p-datepicker-panel .p-datepicker-range-start,body .att-clean-datepicker-panel .p-datepicker-range-start{background:var(--color-primary-500, #ef4523)!important;color:#fff!important;border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.p-datepicker-panel .p-datepicker-range-end,.att-clean-datepicker-panel .p-datepicker-range-end,body .p-datepicker-panel .p-datepicker-range-end,body .att-clean-datepicker-panel .p-datepicker-range-end{background:var(--color-primary-500, #ef4523)!important;color:#fff!important;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.p-datepicker-panel .p-datepicker-range-selected,.att-clean-datepicker-panel .p-datepicker-range-selected,body .p-datepicker-panel .p-datepicker-range-selected,body .att-clean-datepicker-panel .p-datepicker-range-selected{background:#fde8e4!important;color:var(--color-brand-primary, #094060)!important;border-radius:0!important}app-add-school-form,app-add-branch-form{display:flex;flex-direction:column;width:100%;flex:1;min-height:0}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-label{font-family:var(--font-family-base);font-size:12px;font-weight:600;color:var(--color-brand-primary, #094060);margin:0;display:block}.form-label-required:after{content:" *";color:#ef4444}.form-hint{font-family:var(--font-family-base);font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);margin:0;display:block}.form-label__required{color:#d32f2f;font-weight:700}.form-grid{display:flex;flex-direction:column;gap:16px;width:100%}.form-grid>.form-group,.form-grid>.form-row>.form-group{margin-bottom:0}.form-input,.form-select,.form-textarea{width:100%;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease;box-sizing:border-box}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-brand-secondary, #1a6fa3);opacity:.7}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#94a3b8}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ds-color-primary, #ef4523);box-shadow:0 0 0 3px #ef452326;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:#ef4444}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.form-input,.form-select{height:40px;padding:10px 14px}.form-textarea{padding:8px 12px;min-height:80px;resize:vertical}.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:32px}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px;cursor:pointer;width:16px;height:16px}.form-datepicker-wrapper{position:relative!important;display:block!important;width:100%!important;height:40px!important;box-sizing:border-box!important}p-datepicker,.form-datepicker,p-datepicker.form-datepicker{width:100%!important;height:40px!important;display:block!important;position:relative!important;box-sizing:border-box!important}p-datepicker .p-datepicker,.form-datepicker .p-datepicker,p-datepicker.form-datepicker .p-datepicker{width:100%!important;height:40px!important;position:relative!important;display:flex!important;align-items:center!important}p-datepicker .p-datepicker-input,p-datepicker input.p-inputtext,p-datepicker input.p-datepicker-input,.form-datepicker .p-datepicker-input,.form-datepicker input.p-inputtext,.form-datepicker input.p-datepicker-input,p-datepicker.form-datepicker .p-datepicker-input,p-datepicker.form-datepicker input.p-inputtext,p-datepicker.form-datepicker input.p-datepicker-input{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 42px 0 14px!important;font-size:13px!important;line-height:38px!important;font-family:var(--font-family-base, "Inter", sans-serif)!important;color:var(--color-brand-primary, #094060)!important;background-color:var(--color-bg-surface, #ffffff)!important;border:1px solid var(--color-border-subtle, #e4ecf1)!important;border-radius:8px!important;outline:none!important;box-sizing:border-box!important;box-shadow:none!important;cursor:pointer!important;transition:border-color .2s ease,box-shadow .2s ease!important}p-datepicker .p-datepicker-input:hover,p-datepicker input.p-inputtext:hover,p-datepicker input.p-datepicker-input:hover,.form-datepicker .p-datepicker-input:hover,.form-datepicker input.p-inputtext:hover,.form-datepicker input.p-datepicker-input:hover,p-datepicker.form-datepicker .p-datepicker-input:hover,p-datepicker.form-datepicker input.p-inputtext:hover,p-datepicker.form-datepicker input.p-datepicker-input:hover{border-color:#cbd5e1!important}p-datepicker .p-datepicker-input:focus,p-datepicker input.p-inputtext:focus,p-datepicker input.p-datepicker-input:focus,.form-datepicker .p-datepicker-input:focus,.form-datepicker input.p-inputtext:focus,.form-datepicker input.p-datepicker-input:focus,p-datepicker.form-datepicker .p-datepicker-input:focus,p-datepicker.form-datepicker input.p-inputtext:focus,p-datepicker.form-datepicker input.p-datepicker-input:focus{border-color:var(--color-primary-500, #ef4523)!important;box-shadow:0 0 0 3px #ef45231f!important}p-datepicker .p-datepicker-input::placeholder,p-datepicker input.p-inputtext::placeholder,p-datepicker input.p-datepicker-input::placeholder,.form-datepicker .p-datepicker-input::placeholder,.form-datepicker input.p-inputtext::placeholder,.form-datepicker input.p-datepicker-input::placeholder,p-datepicker.form-datepicker .p-datepicker-input::placeholder,p-datepicker.form-datepicker input.p-inputtext::placeholder,p-datepicker.form-datepicker input.p-datepicker-input::placeholder{color:var(--color-brand-secondary, #1a6fa3)!important}p-datepicker .p-datepicker-dropdown,p-datepicker .p-datepicker-input-icon-container,p-datepicker .p-datepicker-input-icon,p-datepicker .p-datepicker-icon,p-datepicker .p-icon,p-datepicker svg,p-datepicker i,p-datepicker button,.form-datepicker .p-datepicker-dropdown,.form-datepicker .p-datepicker-input-icon-container,.form-datepicker .p-datepicker-input-icon,.form-datepicker .p-datepicker-icon,.form-datepicker .p-icon,.form-datepicker svg,.form-datepicker i,.form-datepicker button,p-datepicker.form-datepicker .p-datepicker-dropdown,p-datepicker.form-datepicker .p-datepicker-input-icon-container,p-datepicker.form-datepicker .p-datepicker-input-icon,p-datepicker.form-datepicker .p-datepicker-icon,p-datepicker.form-datepicker .p-icon,p-datepicker.form-datepicker svg,p-datepicker.form-datepicker i,p-datepicker.form-datepicker button{position:absolute!important;inset:50% 14px auto auto!important;transform:translateY(-50%)!important;color:var(--color-brand-secondary, #1a6fa3)!important;fill:var(--color-brand-secondary, #1a6fa3)!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;cursor:pointer!important;pointer-events:auto!important;width:16px!important;height:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;z-index:5!important}p-datepicker .p-datepicker-dropdown:hover,p-datepicker .p-datepicker-input-icon-container:hover,p-datepicker .p-datepicker-input-icon:hover,p-datepicker .p-datepicker-icon:hover,p-datepicker .p-icon:hover,p-datepicker svg:hover,p-datepicker i:hover,p-datepicker button:hover,.form-datepicker .p-datepicker-dropdown:hover,.form-datepicker .p-datepicker-input-icon-container:hover,.form-datepicker .p-datepicker-input-icon:hover,.form-datepicker .p-datepicker-icon:hover,.form-datepicker .p-icon:hover,.form-datepicker svg:hover,.form-datepicker i:hover,.form-datepicker button:hover,p-datepicker.form-datepicker .p-datepicker-dropdown:hover,p-datepicker.form-datepicker .p-datepicker-input-icon-container:hover,p-datepicker.form-datepicker .p-datepicker-input-icon:hover,p-datepicker.form-datepicker .p-datepicker-icon:hover,p-datepicker.form-datepicker .p-icon:hover,p-datepicker.form-datepicker svg:hover,p-datepicker.form-datepicker i:hover,p-datepicker.form-datepicker button:hover{color:var(--color-primary-500, #ef4523)!important;fill:var(--color-primary-500, #ef4523)!important}p-datepicker.is-invalid .p-datepicker-input,p-datepicker.is-invalid input,.form-datepicker.is-invalid .p-datepicker-input,.form-datepicker.is-invalid input,p-datepicker.form-datepicker.is-invalid .p-datepicker-input,p-datepicker.form-datepicker.is-invalid input{border-color:var(--color-danger-500, #ef4444)!important;background-color:#fff5f5!important}input[type=date].form-input{position:relative;font-family:var(--font-family-base, "Inter", sans-serif);color:var(--color-brand-primary, #094060);cursor:pointer;padding-right:36px}input[type=date].form-input::-webkit-calendar-picker-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.75;filter:invert(38%) sepia(85%) saturate(718%) hue-rotate(167deg) brightness(90%) contrast(92%);transition:opacity .2s ease,filter .2s ease;width:16px;height:16px}input[type=date].form-input::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(35%) sepia(88%) saturate(2250%) hue-rotate(345deg) brightness(98%) contrast(95%)}input[type=date].form-input::-webkit-inner-spin-button,input[type=date].form-input::-webkit-clear-button{display:none;-webkit-appearance:none}.form-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;vertical-align:middle}.form-check input[type=radio]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--ds-color-gray-300);border-radius:var(--ds-radius-full);outline:none;background-color:var(--ds-color-bg-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--ds-transition-base);margin:0}.form-check input[type=radio]:hover:not(:disabled){border-color:var(--ds-color-gray-400)}.form-check input[type=radio]:checked{border-color:var(--ds-color-primary);background-color:var(--ds-color-bg-surface)}.form-check input[type=radio]:checked:after{content:"";width:8px;height:8px;border-radius:var(--ds-radius-full);background-color:var(--ds-color-primary);display:block}.form-check input[type=radio]:disabled{background-color:var(--ds-color-gray-100);border-color:var(--ds-color-border);cursor:not-allowed}.form-check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--ds-color-gray-300);border-radius:var(--ds-radius-sm);outline:none;background-color:var(--ds-color-bg-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--ds-transition-base);margin:0}.form-check input[type=checkbox]:hover:not(:disabled){border-color:var(--ds-color-gray-400)}.form-check input[type=checkbox]:checked{border-color:var(--ds-color-primary);background-color:var(--ds-color-primary)}.form-check input[type=checkbox]:checked:after{content:"";width:8px;height:5px;border-left:2px solid var(--ds-color-white);border-bottom:2px solid var(--ds-color-white);transform:rotate(-45deg);margin-top:-2px;display:block}.form-check input[type=checkbox]:disabled{background-color:var(--ds-color-gray-100);border-color:var(--ds-color-border);cursor:not-allowed}.form-check label{font-size:.875rem;font-weight:500;color:#0f172a;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.form-hint{font-size:.75rem;color:#94a3b8}.form-error{font-size:.75rem;color:#ef4444}.file-upload-box{border:1px dashed var(--ds-color-gray-300);border-radius:var(--ds-radius-component);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:var(--ds-color-bg-body);transition:all .2s ease}.file-upload-box:hover{border-color:var(--ds-color-primary);background-color:var(--ds-color-primary-light)}.file-upload-box:hover .file-upload-box__icon-container{background-color:var(--ds-color-primary-light);color:var(--ds-color-primary)}.file-upload-box__icon-container{width:42px;height:42px;border-radius:var(--ds-radius-full);background-color:var(--ds-color-gray-200);display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--ds-color-gray-600);transition:all .2s ease}.file-upload-box__icon{font-size:18px}.file-upload-box__text{font-size:11px;font-weight:500;color:var(--ds-color-gray-600);margin:0}.form-layout-cols{display:flex;flex-direction:row;gap:14px;width:100%}.form-left-col{width:282px;flex-shrink:0;display:flex;flex-direction:column}.form-right-col{flex:1;display:flex;flex-direction:column;gap:10px}.form-row{display:flex;flex-direction:row;gap:10px;width:100%}.form-row>*{flex:1;min-width:0;margin-bottom:0}.form-row--lg{gap:16px}.form-row--xl{gap:var(--ds-spacing-6)}.form-row-2-1{display:flex;flex-direction:row;gap:10px;width:100%}.form-row-2-1>*:nth-child(1){flex:2;min-width:0;margin-bottom:0}.form-row-2-1>*:nth-child(2){flex:1;min-width:0;margin-bottom:0}app-add-student-form,app-add-staff-form,app-add-admin-form,app-add-branch-form{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.form-chips{display:flex;flex-wrap:wrap;gap:8px;width:100%}.form-chips--invalid{padding:8px;border:1px solid #ef4444;border-radius:var(--ds-radius-component);background-color:#ef44440a}.form-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:99px;border:1px solid #e4ecf1;background-color:#fff;font-family:var(--font-family-base);font-size:12px;font-weight:600;line-height:normal;color:#6b7aa0;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:all .2s ease}.form-chip:hover{border-color:#7ab3ff;color:#ef4523}.form-chip--selected{background-color:#f0f6ff;border-color:#7ab3ff;color:#ef4523}.form-group--chips{gap:8px;margin-bottom:0}.form-grid--lg{gap:24px}.form-amenities{display:flex;flex-direction:column;gap:12px;width:100%}.form-amenities__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.form-amenities__title-row{display:flex;align-items:center;gap:8px;min-width:0}.form-amenities__count{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background-color:#f0f6ff;font-family:var(--font-family-base);font-size:11px;font-weight:600;color:#ef4523;white-space:nowrap}.form-amenities__select-all{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;border:1px solid #e4ecf1;background-color:#fff;font-family:var(--font-family-base);font-size:11px;font-weight:600;color:#6b7aa0;cursor:pointer;white-space:nowrap;transition:all .2s ease}.form-amenities__select-all:hover{border-color:#7ab3ff;color:#ef4523}.form-amenities__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.form-amenity-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:8px 14px;border-radius:99px;border:1px solid #e4ecf1;background-color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-self:start;max-width:100%;transition:all .2s ease}.form-amenity-chip:hover{border-color:#7ab3ff}.form-amenity-chip__check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;border:1.5px solid #1a6fa3;background-color:transparent;color:#fff;font-size:8px;flex-shrink:0;box-sizing:border-box}.form-amenity-chip__label{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#6b7aa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-amenity-chip--selected{background-color:#f0f6ff;border-color:#7ab3ff}.form-amenity-chip--selected .form-amenity-chip__check{border-color:#ef4523;background-color:#ef4523}.form-amenity-chip--selected .form-amenity-chip__label{color:#ef4523}.admin-picker__label-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;width:100%}.admin-picker__label-row .form-label,.admin-picker__label-row .form-hint{margin:0}.admin-picker__trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:2px dashed #e2e8f0;border-radius:11px;background-color:#fff;cursor:pointer;text-align:left;box-sizing:border-box;transition:all .2s ease}.admin-picker__trigger:hover{border-color:#7ab3ff}.admin-picker__trigger--selected{border-style:solid;border-color:#7ab3ff;background-color:#f8fbff}.admin-picker__trigger--invalid{border-style:solid;border-color:#ef4444;background-color:#ef44440a}.admin-picker__avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:14px;font-family:var(--font-family-base);font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.admin-picker__avatar--empty{width:32px;height:32px;border-radius:16px;background-color:#f1f5f9;color:#90a1b9;font-size:12px}.admin-picker__trigger-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.admin-picker__trigger-title{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:#45556c}.admin-picker__trigger-desc{font-family:var(--font-family-base);font-size:11px;font-weight:400;color:#90a1b9}.admin-picker__chevron{color:#90a1b9;font-size:12px;flex-shrink:0}.admin-picker__panel{display:flex;flex-direction:column;width:100%;border:1px solid #e2e8f0;border-radius:11px;overflow:hidden;background-color:#fff;box-sizing:border-box}.admin-picker__search{position:relative;padding:10px;border-bottom:1px solid #e2e8f0}.admin-picker__search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#90a1b9;font-size:12px;pointer-events:none}.admin-picker__search-input{width:100%;height:32px;padding:6px 12px 6px 32px;border:1px solid #e2e8f0;border-radius:6px;background-color:#f8fafc;font-family:var(--font-family-base);font-size:12px;color:#1d293d;box-sizing:border-box}.admin-picker__search-input::placeholder{color:#0f172a80}.admin-picker__search-input:focus{outline:none;border-color:#ef4523;background-color:#fff}.admin-picker__list{display:flex;flex-direction:column;max-height:280px;overflow-y:auto}.admin-picker__row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;border-bottom:1px solid #e2e8f0;background-color:#fff;cursor:pointer;text-align:left;box-sizing:border-box;transition:background-color .2s ease}.admin-picker__row:last-child{border-bottom:none}.admin-picker__row:hover,.admin-picker__row--active{background-color:#f8fbff}.admin-picker__row-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.admin-picker__row-name{font-family:var(--font-family-base);font-size:12px;font-weight:600;color:#1d293d}.admin-picker__row-role{font-family:var(--font-family-base);font-size:11px;font-weight:500;color:#62748e}.admin-picker__row-email{font-family:var(--font-family-base);font-size:11px;font-weight:500;color:#90a1b9}.admin-picker__row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;width:90px}.admin-picker__row-campus{font-family:var(--font-family-base);font-size:11px;font-weight:500;color:#615fff;text-align:right}.admin-picker__row-status{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-family-base);font-size:11px;font-weight:500;color:#90a1b9}.admin-picker__status-dot{width:6px;height:6px;border-radius:2px;background-color:#00d492;flex-shrink:0}.admin-picker__empty{margin:0;padding:24px 14px;text-align:center;font-family:var(--font-family-base);font-size:12px;color:#90a1b9}.admin-picker__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background-color:#f8fafc;border-top:1px solid #e2e8f0}.admin-picker__footer-count{font-family:var(--font-family-base);font-size:11px;color:#90a1b9}.admin-picker__footer-cancel{border:none;background:transparent;padding:0;font-family:var(--font-family-base);font-size:11px;font-weight:500;color:#62748e;cursor:pointer}.admin-picker__footer-cancel:hover{color:#ef4523}.form-info-callout{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px;border-radius:8px;border:1px solid #dde8ff;background-color:#f0f6ff;box-sizing:border-box}.form-info-callout__title-row{display:flex;align-items:center;gap:6px;font-family:var(--font-family-base);font-size:12px;font-weight:700;color:#ef4523}.form-info-callout__title-row fa-icon{font-size:14px}.form-info-callout__text{margin:0;font-family:var(--font-family-base);font-size:11px;font-weight:400;color:#6b7aa0;line-height:1.4}.enroll-stepper-layout{display:flex;flex-direction:column;gap:16px;width:100%;flex:1;min-height:0;align-items:stretch;box-sizing:border-box;padding:0 24px}.stepper-body-row{display:flex;flex-direction:row;justify-content:space-between;width:100%;flex:1;min-height:0;gap:24px;overflow:hidden}.stepper-sidebar{width:240px;display:flex;flex-direction:column;gap:16px;flex-shrink:0;height:100%}.stepper-sidebar__title{font-family:var(--font-family-base);font-weight:700;font-size:11px;line-height:16.5px;color:var(--color-brand-secondary, #1a6fa3);letter-spacing:.8px;text-transform:uppercase;margin:0}.stepper-steps{display:flex;flex-direction:column;gap:16px;width:100%}.stepper-step{display:flex;gap:12px;align-items:center;width:100%;cursor:pointer;box-sizing:border-box}.stepper-step__line{width:2px;height:24px;border-radius:1px;background-color:var(--color-border-default, #e4ecf1);flex-shrink:0}.stepper-step__line--active{background-color:#ef4523}.stepper-step__line--completed{background-color:#00d492}.stepper-step__circle{width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e4ecf1;background-color:transparent;flex-shrink:0;box-sizing:border-box;transition:all .2s ease-in-out}.stepper-step__circle--active{border-color:#ef4523;background-color:#ef4523}.stepper-step__circle--completed{border-color:#00d492;background-color:#e6fbf4}.stepper-step__check{display:block;width:10px;height:10px;flex-shrink:0}.stepper-step__number{font-family:var(--font-family-base);font-weight:700;font-size:11px;color:var(--color-brand-secondary, #1a6fa3);line-height:1}.stepper-step__number--active{color:#fff}.stepper-step__text{display:flex;flex-direction:column;gap:2px;min-width:0}.stepper-step__label{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}.stepper-step__label--active{color:#ef4523}.stepper-step__desc{font-family:var(--font-family-base);font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-content-panel{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch;overflow-y:auto;padding-right:16px;padding-bottom:40px}.stepper-content-panel::-webkit-scrollbar{width:6px;height:6px}.stepper-content-panel::-webkit-scrollbar-track{background:transparent}.stepper-content-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.stepper-content-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stepper-content-card{background-color:#fff;border:1px solid #e4ecf1;border-radius:16px;padding:18px 22px;display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box}.stepper-content-card__header{display:flex;gap:16px;align-items:center;width:100%}.stepper-content-card__icon{background-color:#ebf3ff;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#ef4523;font-size:20px;flex-shrink:0}.stepper-content-card__icon--small{width:32px;height:32px;border-radius:8px;font-size:14px}.stepper-content-card__text{display:flex;flex-direction:column;gap:4px;min-width:0}.stepper-content-card__title{font-family:var(--font-family-base);font-weight:700;font-size:16px;color:var(--color-brand-primary, #094060);margin:0}.stepper-content-card__desc{font-family:var(--font-family-base);font-size:13px;color:var(--color-brand-secondary, #1a6fa3);margin:0}.stepper-content-card__upload-dashed{background-color:#f8faff;border:2px dashed #ef4523;border-radius:12px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:100%;box-sizing:border-box;transition:background-color .2s ease-in-out}.stepper-content-card__upload-dashed:hover{background-color:#f0f6ff}.stepper-content-card__upload-text{font-family:var(--font-family-base);font-weight:500;font-size:14px;color:#ef4523;margin:0}.stepper-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:16px;border-top:1px solid #e4ecf1;margin-top:24px;box-sizing:border-box}.stepper-footer__info{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.stepper-footer__req-text{font-family:var(--font-family-base);font-size:11px;color:var(--color-brand-secondary, #1a6fa3);margin:0;line-height:1.4}.stepper-footer__req-star{color:#d32f2f;font-weight:700}.stepper-footer__desc-text{font-family:var(--font-family-base);font-size:13px;color:var(--color-brand-secondary, #1a6fa3);margin:0;line-height:1.4}.stepper-footer__actions{display:flex;gap:8px;align-items:center}.stepper-footer__actions .ui-btn{height:auto!important;min-height:36px!important;padding:10px 20px!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;gap:8px!important}.stepper-footer__actions .ui-btn--ghost{background-color:#fff!important;border:none!important;color:#ef4523!important}.stepper-footer__actions .ui-btn--ghost:hover:not(:disabled){background-color:#fff5f2!important;color:#ef4523!important}.stepper-footer__actions .ui-btn--outline{background-color:#fff!important;border:1.5px solid #ef4523!important;color:#ef4523!important}.stepper-footer__actions .ui-btn--outline:hover:not(:disabled){background-color:#fff5f2!important;border-color:#ef4523!important;color:#ef4523!important}.stepper-footer__actions .ui-btn--primary{background-color:#ef4523!important;border:none!important;color:#fff!important}.stepper-footer__actions .ui-btn--primary:hover:not(:disabled){background-color:#d6381a!important}.address-subcard{background-color:#f8faff;border:1px solid #e4ecf1;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.address-subcard__header{display:flex;align-items:center;gap:8px;color:var(--color-brand-primary, #094060)}.address-subcard__icon{font-size:14px;color:#ef4523}.address-subcard__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.switch-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch-toggle input{opacity:0;width:0;height:0}.switch-toggle input:checked+.slider-round{background-color:#ef4523}.switch-toggle input:focus+.slider-round{box-shadow:0 0 1px #ef4523}.switch-toggle input:checked+.slider-round:before{transform:translate(20px)}.slider-round{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border-default, #e4ecf1);transition:.3s;border-radius:24px}.slider-round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #00000026}.branch-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.branch-card{display:flex;align-items:center;gap:8px;padding:7px;background-color:#fff;border:1px solid #e4ecf1;border-radius:7px;cursor:pointer;box-sizing:border-box;transition:all var(--ds-transition-base)}.branch-card--selected{background-color:#f0f6ff;border-color:#ef4523}.branch-card__name{font-family:var(--font-family-base);font-weight:500;font-size:11px;color:var(--color-brand-primary, #094060)}.branch-card__input{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid #1a6fa3;border-radius:3px;outline:none;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--ds-transition-base);margin:0}.branch-card__input:checked{border-color:#ef4523;background-color:#ef4523}.branch-card__input:checked:after{content:"";width:8px;height:5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg);margin-top:-2px;display:block}.view-toggle{display:flex;align-items:center;background-color:var(--color-border-default, #e4ecf1);border:1px solid #e4ecf1;padding:4px;border-radius:8px;box-sizing:border-box}.view-toggle__btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;border:none;background:none;color:#6b7aa0;cursor:pointer;transition:all var(--ds-transition-base)}.view-toggle__btn:hover{color:#ef4523}.view-toggle__btn--active{background-color:#fff;color:#ef4523;box-shadow:0 1px 3px #00000014}.view-toggle__btn fa-icon{font-size:12px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.dropdown-trigger-btn{display:inline-flex;align-items:center;gap:8px;background-color:#f8faff;border:1px solid #e4ecf1;padding:10px 14px;border-radius:10px;font-family:var(--font-family-base);font-weight:500;font-size:14px;color:var(--color-brand-primary, #094060);cursor:pointer;box-sizing:border-box;transition:all var(--ds-transition-base);white-space:nowrap}.dropdown-trigger-btn:hover{border-color:#7ab3ff;color:#ef4523}.dropdown-trigger-btn fa-icon,.dropdown-trigger-btn ::ng-deep fa-icon{font-size:11px;color:var(--ds-color-text-secondary)}.form-card-container{background:#fff;border:1px solid #e4ecf1;border-radius:16px;padding:32px;margin:0 24px 24px;display:flex;flex-direction:column;gap:24px;box-sizing:border-box;width:calc(100% - 48px);align-self:stretch}.form-card-container__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:16px;width:100%}.form-setting-banner{background-color:var(--neutral-50, #f8fbfd);border:1px solid var(--neutral-200, #e4ecf1);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.form-setting-banner__top{display:flex;align-items:center;justify-content:space-between;width:100%}.form-setting-banner__title-group{display:flex;align-items:center;gap:8px}.form-setting-banner__icon{font-size:12px;color:var(--ds-color-primary, #ef4523);display:flex;align-items:center}.form-setting-banner__title{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--neutral-700, #094060)}.form-setting-banner__description{font-family:var(--font-family-base);font-size:12px;font-weight:400;color:var(--neutral-600, #0f5580);line-height:1.4;margin:0}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-with-icon .form-input,.input-with-icon input{padding-right:40px}.input-with-icon__icon{position:absolute;right:14px;color:var(--color-brand-secondary, #1a6fa3);font-size:14px;pointer-events:none;display:flex;align-items:center;justify-content:center}.form-actions-footer{background-color:#fff;border-top:1px solid #e4ecf1;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;box-sizing:border-box;width:100%;flex-shrink:0}.form-actions-footer__info{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.form-actions-footer__req-text{margin:0;font-family:var(--font-family-base);font-size:11px;color:var(--color-brand-secondary, #1a6fa3);line-height:1.4}.form-actions-footer__req-star{color:#d32f2f;font-weight:700}.form-actions-footer__desc-text{margin:0;font-family:var(--font-family-base);font-size:13px;color:var(--color-brand-secondary, #1a6fa3);line-height:1.4}.form-actions-footer__actions{display:flex;gap:12px;align-items:center}.stepper-content-card__icon--small{background-color:#f0f6ff}.stepper-content-card__icon--director{background-color:#ebf3ff;color:var(--ds-color-primary, #ef4523)}.enroll-header__text{display:flex;flex-direction:column;gap:2px;min-width:0}.enroll-header__subtitle{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.form-grid--compact{gap:12px}.form-input-with-icon{position:relative;width:100%}.form-input-with-icon .form-input{width:100%;padding-right:40px}.form-input-with-icon .form-input--date{cursor:pointer}.form-input-with-icon__trigger{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-brand-secondary, #1a6fa3);font-size:14px;cursor:pointer}.form-input-with-icon__trigger:hover{background-color:#f0f6ff;color:var(--ds-color-primary, #ef4523)}.form-input-with-icon__native-date{position:absolute;opacity:0;width:0;height:0;pointer-events:none;border:0;padding:0;margin:0}.form-select-with-icon{position:relative;width:100%}.form-select-with-icon__icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:12px;color:var(--color-brand-secondary, #1a6fa3);pointer-events:none}.school-logo-upload{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:64px;padding:20px;border:1.5px dashed #e4ecf1;border-radius:8px;background:transparent;cursor:pointer;box-sizing:border-box;transition:background-color .2s ease-in-out}.school-logo-upload:hover{background-color:#f8faff}.school-logo-upload__icon{font-size:16px;color:var(--ds-color-primary, #ef4523);flex-shrink:0}.school-logo-upload__text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400;color:#6b7aa0;white-space:nowrap}.school-logo-upload__link{font-weight:600;color:var(--ds-color-primary, #ef4523)}.school-logo-upload__hint{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);white-space:nowrap}.school-logo-upload__input{display:none}.form-choice-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px;border-radius:8px;background-color:#f8faff;box-sizing:border-box}.form-choice-bar__text{display:flex;flex-direction:column;gap:2px;min-width:0}.form-choice-bar__title{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060)}.form-choice-bar__desc{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3)}.form-choice-bar__options{display:flex;align-items:center;gap:8px;flex-shrink:0}.form-choice-bar__option{padding:6px 16px;border-radius:100px;border:1px solid #e4ecf1;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;color:#6b7aa0;cursor:pointer;transition:all .2s ease-in-out}.form-choice-bar__option--active{background-color:var(--ds-color-primary, #ef4523);border-color:var(--ds-color-primary, #ef4523);color:#fff}.management-section{display:flex;flex-direction:column;gap:8px;width:100%}.management-section__header{display:flex;align-items:center;justify-content:space-between;width:100%}.management-section__title{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;color:var(--color-brand-primary, #094060)}.management-section__add-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 0 0;border:none;background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;color:var(--ds-color-primary, #ef4523);cursor:pointer}.management-section__add-btn:hover{color:var(--ds-color-primary-dark, #dc3615)}.management-section__form-card{display:flex;flex-direction:column;gap:14px;width:100%;padding:16px;border:1.5px solid #dde8ff;border-radius:10px;background-color:#f8faff;box-sizing:border-box}.management-section__form-title{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:700;color:var(--ds-color-primary, #ef4523);text-transform:uppercase;letter-spacing:.02em}.management-section__form-row{display:flex;gap:12px;width:100%}.management-section__form-group{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.management-section__form-group .form-label{font-size:12px}.management-section__form-group .form-input,.management-section__form-group .form-select{height:36px;padding:8px 12px;border-radius:6px;font-size:13px}.management-section__form-group .form-select--with-search{appearance:none;-webkit-appearance:none;background-image:none;padding-right:32px}.management-section__form-actions{display:flex;justify-content:flex-end;gap:8px}.management-section__form-actions .ui-btn{height:36px!important;min-height:36px!important;padding:10px 20px!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important}.management-section__form-actions .ui-btn--outline{color:#6b7aa0!important;border:1.5px solid var(--ds-color-primary, #ef4523)!important;background-color:#fff!important}.management-section__save-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:10px 20px;border:none;border-radius:12px;background-color:var(--ds-color-primary, #ef4523);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;line-height:normal;color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:background-color .2s ease-in-out}.management-section__save-btn:hover{background-color:var(--ds-color-primary-dark, #dc3615)}.management-section__save-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ef452340}.management-section__table{width:100%;border:1px solid #e4ecf1;border-radius:8px;overflow:hidden;box-sizing:border-box}.management-section__thead,.management-section__row{display:flex;align-items:center;width:100%;box-sizing:border-box}.management-section__thead{padding:10px;background-color:#f8faff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:700;color:#6b7aa0}.management-section__row{padding:12px 10px;border-top:1px solid #e4ecf1;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--color-brand-primary, #094060)}.management-section__row--editing{background-color:#f8faff}.management-section__col-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.management-section__col-name--strong{font-weight:600}.management-section__col-designation,.management-section__col-phone{width:200px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.management-section__col-actions{display:flex;width:100px;flex-shrink:0;align-items:center;justify-content:flex-end;gap:8px;text-align:right;font-weight:700}.management-section__action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:1px solid #e4ecf1;border-radius:6px;background-color:#fff;cursor:pointer;box-sizing:border-box;flex-shrink:0}.management-section__action-btn--edit{color:#6b7aa0}.management-section__action-btn--edit:hover{background-color:#f8faff}.management-section__action-btn--delete{color:#d32f2f}.management-section__action-btn--delete:hover{background-color:#fff5f5}.management-section__action-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;line-height:1;color:#6b7aa0}.management-section__action-icon--delete{color:#d32f2f}.management-section__empty{display:flex;align-items:center;justify-content:center;min-height:48px;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-style:italic;color:var(--color-brand-secondary, #1a6fa3)}.admin-assignment{display:flex;flex-direction:column;gap:16px;width:100%}.admin-assignment__methods{display:flex;flex-direction:column;gap:12px;width:100%}.admin-assignment__methods-label{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);line-height:normal}.admin-assignment__option{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px;border:1px solid #e4ecf1;border-radius:12px;background-color:#fff;cursor:pointer;text-align:left;box-sizing:border-box}.admin-assignment__option--selected{background-color:#f8faff;border-color:var(--ds-color-primary, #ef4523)}.admin-assignment__radio{width:20px;height:20px;margin-top:1px;border:1px solid #e4ecf1;border-radius:10px;background-color:#fff;flex-shrink:0;box-sizing:border-box;position:relative}.admin-assignment__radio--selected{border-color:var(--ds-color-primary, #ef4523)}.admin-assignment__radio--selected:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background-color:var(--ds-color-primary, #ef4523);transform:translate(-50%,-50%)}.admin-assignment__option-body{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-assignment__option-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060);line-height:normal}.admin-assignment__option-desc{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.admin-assignment__summary{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px;border:1px solid #dde8ff;border-radius:12px;background-color:#f0f6ff;box-sizing:border-box}.admin-assignment__summary-header{display:flex;align-items:stretch;gap:12px;width:100%}.admin-assignment__summary-accent{width:4px;border-radius:2px;background-color:var(--ds-color-primary, #ef4523);flex-shrink:0;align-self:stretch;min-height:64px}.admin-assignment__summary-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0}.admin-assignment__summary-title{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.admin-assignment__summary-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:700;color:var(--ds-color-primary, #ef4523);line-height:normal;white-space:nowrap;flex-shrink:0}.admin-assignment__summary-note{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.admin-assignment__summary-meta{display:flex;flex-wrap:wrap;gap:24px;width:100%}.admin-assignment__summary-field{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-assignment__summary-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.admin-assignment__summary-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:400;color:var(--color-brand-primary, #094060);line-height:normal}.admin-assignment__manual{width:100%}.admin-assignment__info{display:flex;align-items:flex-start;gap:8px;width:100%;padding:12px;border:1px solid #dde8ff;border-radius:8px;background-color:#f0f6ff;box-sizing:border-box}.admin-assignment__info fa-icon{margin-top:1px;font-size:14px;color:var(--ds-color-primary, #ef4523);flex-shrink:0}.admin-assignment__info p{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:400;color:#6b7aa0;line-height:normal}.uploaded-files-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;width:100%}.uploaded-file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--neutral-50, #f8faff);border:1px solid var(--neutral-200, #e4ecf1);border-radius:8px;box-sizing:border-box}.uploaded-file-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--neutral-700, #094060);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:70%}.uploaded-file-remove{background:none;border:none;color:var(--ds-color-danger, #ef4444);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--ds-transition-fast)}.uploaded-file-remove:hover{background-color:var(--ds-color-danger-light, #fee2e2)}.medium-checkbox-group{display:flex;gap:16px;align-items:center;min-height:42px}.form-checkbox-label{display:inline-flex;align-items:center;gap:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--neutral-700, #094060);cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--ds-color-primary, #ef4523);cursor:pointer}.role-selector-wrapper{margin-bottom:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.role-select-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;color:var(--neutral-700, #094060)}.role-select-dropdown{height:38px;padding:0 14px;border:1px solid var(--neutral-200, #e4ecf1);border-radius:8px;background-color:var(--ds-color-bg-surface, #ffffff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--neutral-700, #094060);outline:none;cursor:pointer}@media(max-width:900px){.management-section__form-row{flex-wrap:wrap}.management-section__form-group{flex:1 1 calc(50% - 6px)}.management-section__col-designation,.management-section__col-phone{width:120px}.management-section__col-actions{width:72px}}@media(max-width:768px){.form-choice-bar{flex-direction:column;align-items:flex-start}.school-logo-upload{flex-wrap:wrap;justify-content:flex-start}}.card,.stat-card{background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);box-sizing:border-box;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.card--flat{background-color:var(--color-bg-subtle);border-color:var(--color-border-subtle);box-shadow:none}.card--elevated{box-shadow:var(--shadow-lg);border-color:transparent}.card--bordered{border:1px solid var(--color-border-default);box-shadow:none}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.card--compact{padding:var(--space-4)}.card--spacious{padding:var(--space-8)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-4)}.card__title{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.card__body{flex:1 1 auto}.card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-4)}.stats-container,.stat-cards-grid{display:flex;gap:var(--space-3, 12px);align-items:stretch;padding:0 var(--space-6, 24px);width:100%;box-sizing:border-box;margin-bottom:var(--space-2, 8px)}.stats-container--small,.stats-container--sm,.stat-cards-grid--small,.stat-cards-grid--sm{gap:var(--space-3, 12px);padding:0 var(--space-4, 16px)}.stats-container--medium,.stats-container--md,.stat-cards-grid--medium,.stat-cards-grid--md{gap:var(--space-4, 16px)}.stats-container--medium .stat-card,.stats-container--md .stat-card,.stat-cards-grid--medium .stat-card,.stat-cards-grid--md .stat-card{height:124px;padding:var(--space-4, 16px) var(--space-5, 20px)}.stats-container--medium .stat-card .stat-card__icon,.stats-container--md .stat-card .stat-card__icon,.stat-cards-grid--medium .stat-card .stat-card__icon,.stat-cards-grid--md .stat-card .stat-card__icon{width:36px;height:36px;font-size:var(--font-size-md, 15px);border-radius:var(--radius-lg, 8px)}.stats-container--medium .stat-card .stat-card__value,.stats-container--md .stat-card .stat-card__value,.stat-cards-grid--medium .stat-card .stat-card__value,.stat-cards-grid--md .stat-card .stat-card__value{font-size:var(--font-size-2xl, 22px)}.stats-container--medium .stat-card .stat-card__label,.stats-container--md .stat-card .stat-card__label,.stat-cards-grid--medium .stat-card .stat-card__label,.stat-cards-grid--md .stat-card .stat-card__label{font-size:var(--font-size-sm, 13px)}.stats-container--big,.stats-container--large,.stats-container--lg,.stat-cards-grid--big,.stat-cards-grid--large,.stat-cards-grid--lg{gap:var(--space-5, 20px);padding:0 var(--space-8, 32px)}.stats-container--big .stat-card,.stats-container--large .stat-card,.stats-container--lg .stat-card,.stat-cards-grid--big .stat-card,.stat-cards-grid--large .stat-card,.stat-cards-grid--lg .stat-card{height:156px;padding:var(--space-5, 20px) var(--space-6, 24px)}.stats-container--big .stat-card .stat-card__icon,.stats-container--large .stat-card .stat-card__icon,.stats-container--lg .stat-card .stat-card__icon,.stat-cards-grid--big .stat-card .stat-card__icon,.stat-cards-grid--large .stat-card .stat-card__icon,.stat-cards-grid--lg .stat-card .stat-card__icon{width:44px;height:44px;font-size:var(--font-size-lg, 18px);border-radius:var(--radius-xl, 12px)}.stats-container--big .stat-card .stat-card__value,.stats-container--large .stat-card .stat-card__value,.stats-container--lg .stat-card .stat-card__value,.stat-cards-grid--big .stat-card .stat-card__value,.stat-cards-grid--large .stat-card .stat-card__value,.stat-cards-grid--lg .stat-card .stat-card__value{font-size:var(--font-size-3xl, 28px)}.stats-container--big .stat-card .stat-card__label,.stats-container--large .stat-card .stat-card__label,.stats-container--lg .stat-card .stat-card__label,.stat-cards-grid--big .stat-card .stat-card__label,.stat-cards-grid--large .stat-card .stat-card__label,.stat-cards-grid--lg .stat-card .stat-card__label{font-size:var(--font-size-base, 14px)}.stat-card{display:flex;flex-direction:column;justify-content:space-between;height:100px;min-width:0;flex:1 1 0;background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-3, 12px) var(--space-4, 16px);box-shadow:var(--shadow-card);box-sizing:border-box;overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.stat-card--small,.stat-card--sm{height:100px;padding:var(--space-3, 12px) var(--space-4, 16px)}.stat-card--medium,.stat-card--md{height:124px;padding:var(--space-4, 16px) var(--space-5, 20px)}.stat-card--medium .stat-card__icon,.stat-card--md .stat-card__icon{width:36px;height:36px;font-size:var(--font-size-md);border-radius:var(--radius-lg)}.stat-card--medium .stat-card__value,.stat-card--md .stat-card__value{font-size:var(--font-size-2xl)}.stat-card--medium .stat-card__label,.stat-card--md .stat-card__label{font-size:var(--font-size-sm)}.stat-card--big,.stat-card--large,.stat-card--lg{height:156px;padding:var(--space-5, 20px) var(--space-6, 24px)}.stat-card--big .stat-card__icon,.stat-card--large .stat-card__icon,.stat-card--lg .stat-card__icon{width:44px;height:44px;font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.stat-card--big .stat-card__value,.stat-card--large .stat-card__value,.stat-card--lg .stat-card__value{font-size:var(--font-size-3xl)}.stat-card--big .stat-card__label,.stat-card--large .stat-card__label,.stat-card--lg .stat-card__label{font-size:var(--font-size-base)}.stat-card--horizontal{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-4)}.stat-card__top{display:flex;align-items:center;justify-content:space-between;width:100%}.stat-card__icon{display:flex;align-items:center;justify-content:center;gap:var(--space-3, 12px);width:28px;height:28px;border-radius:var(--radius-md, 6px);background-color:var(--color-neutral-0);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xs);color:var(--color-accent-blue-700);font-size:var(--font-size-sm, 12px);flex-shrink:0}.stat-card__icon-wrapper,.stat-card-icon-wrapper{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:var(--radius-md, 8px);background-color:var(--color-bg-subtle, #f8faff);border:1px solid var(--color-border-subtle, #e4ecf1);flex-shrink:0}.stat-card__icon-wrapper fa-icon,.stat-card__icon-wrapper ::ng-deep fa-icon,.stat-card-icon-wrapper fa-icon,.stat-card-icon-wrapper ::ng-deep fa-icon{font-size:18px}.stat-card__icon-wrapper--blue,.stat-card-icon-wrapper--blue{background-color:#eff6ff;color:#1d4ed8}.stat-card__icon-wrapper--blue fa-icon,.stat-card__icon-wrapper--blue ::ng-deep fa-icon,.stat-card-icon-wrapper--blue fa-icon,.stat-card-icon-wrapper--blue ::ng-deep fa-icon{color:#1d4ed8}.stat-card__icon-wrapper--orange,.stat-card-icon-wrapper--orange{background-color:#fff7ed;color:#c2410c}.stat-card__icon-wrapper--orange fa-icon,.stat-card__icon-wrapper--orange ::ng-deep fa-icon,.stat-card-icon-wrapper--orange fa-icon,.stat-card-icon-wrapper--orange ::ng-deep fa-icon{color:#ef4523}.stat-card__icon-wrapper--green,.stat-card-icon-wrapper--green{background-color:#f0fdf4;color:#15803d}.stat-card__icon-wrapper--green fa-icon,.stat-card__icon-wrapper--green ::ng-deep fa-icon,.stat-card-icon-wrapper--green fa-icon,.stat-card-icon-wrapper--green ::ng-deep fa-icon{color:#15803d}.stat-card__icon-wrapper--purple,.stat-card-icon-wrapper--purple{background-color:#faf5ff;color:#7e22ce}.stat-card__icon-wrapper--purple fa-icon,.stat-card__icon-wrapper--purple ::ng-deep fa-icon,.stat-card-icon-wrapper--purple fa-icon,.stat-card-icon-wrapper--purple ::ng-deep fa-icon{color:#7e22ce}.stats-summary-card,.stats-container--unified{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:var(--radius-lg, 10px);padding:12px 8px;box-sizing:border-box;width:calc(100% - 48px);margin:0 24px 12px}.stat-summary-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px;box-sizing:border-box}.stat-summary-item:not(:last-child){border-right:1px solid var(--color-border-subtle, #e4ecf1)}.stat-summary-item__icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.stat-summary-item__icon fa-icon,.stat-summary-item__icon ::ng-deep fa-icon{font-size:15px}.stat-summary-item__icon--blue{background-color:#eff6ff;color:#2563eb}.stat-summary-item__icon--blue fa-icon,.stat-summary-item__icon--blue ::ng-deep fa-icon{color:#2563eb}.stat-summary-item__icon--green{background-color:#f0fdf4;color:#16a34a}.stat-summary-item__icon--green fa-icon,.stat-summary-item__icon--green ::ng-deep fa-icon{color:#16a34a}.stat-summary-item__icon--orange{background-color:#fff7ed;color:#ea580c}.stat-summary-item__icon--orange fa-icon,.stat-summary-item__icon--orange ::ng-deep fa-icon{color:#ea580c}.stat-summary-item__icon--purple{background-color:#faf5ff;color:#9333ea}.stat-summary-item__icon--purple fa-icon,.stat-summary-item__icon--purple ::ng-deep fa-icon{color:#9333ea}.stat-summary-item__content{display:flex;flex-direction:column;gap:1px}.stat-summary-item__value{font-family:var(--font-family-base, "Inter", sans-serif);font-size:20px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:1.1;margin:0}.stat-summary-item__label{font-family:var(--font-family-base, "Inter", sans-serif);font-size:12px;font-weight:500;color:var(--color-text-secondary, #6b7aa0);line-height:1.2;margin:0}.stat-card__value{font-family:var(--font-family-base);font-size:var(--font-size-xl, 18px);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.stat-card__label{font-size:var(--font-size-xs, 11px);color:var(--color-text-secondary);margin-top:var(--space-1)}.onboarding-modal-body{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0}.onboarding-subtitle{font-size:13px;color:#64748b;margin:0;text-align:center}.onboarding-cards{display:flex;gap:16px;margin-top:1rem;width:100%;justify-content:center}.onboarding-card{position:relative;width:266px;height:200px;background-color:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease}.onboarding-card:hover{border-color:#cbd5e1;box-shadow:0 1px 2px #0000000d}.onboarding-card--selected{border-color:#ef4523!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.onboarding-card--selected .onboarding-card__select-indicator{border-color:#ef4523!important;background-color:#ef4523}.onboarding-card--selected .onboarding-card__select-indicator:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#fff}.onboarding-card__select-indicator{position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:9999px;border:2px solid #e2e8f0;background-color:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.onboarding-card__icon-wrapper{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.onboarding-card__icon-wrapper--staff{background-color:var(--ds-color-primary-light);color:var(--ds-color-primary)}.onboarding-card__icon-wrapper--student{background-color:var(--ds-color-warning-light);color:#d97706}.onboarding-card__icon{font-size:20px}.onboarding-card__title{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 .5rem}.onboarding-card__desc{font-size:11px;line-height:1.5;color:#64748b;text-align:center;margin:0;flex-grow:1}.onboarding-card__link{background:none;border:none;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;cursor:pointer;margin-top:.75rem;padding:0;transition:all .2s ease}.onboarding-card__link--staff{color:var(--ds-color-primary)}.onboarding-card__link--staff:hover{color:var(--ds-color-primary-dark)}.onboarding-card__link--student{color:#d97706}.onboarding-card__link--student:hover{color:#b45309}.onboarding-card__link-arrow{font-size:10px}.grade-card{background:#fff;border:1px solid #e4ecf1;border-radius:14px;padding:18px;box-shadow:0 4px 6px #2d2e4f08;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.grade-card__header{display:flex;align-items:center;justify-content:space-between;width:100%}.grade-card__title-group{display:flex;flex-direction:column;gap:2px;line-height:normal}.grade-card__title{font-family:var(--font-family-base);font-weight:700;font-size:16px;color:var(--color-brand-primary, #094060);margin:0}.grade-card__sections{font-family:var(--font-family-base);font-weight:500;font-size:12px;color:var(--color-brand-secondary, #1a6fa3);margin:0}.grade-card__students-badge{background-color:#f8faff;padding:4px 8px;border-radius:6px;font-family:var(--font-family-base);font-weight:600;font-size:11px;color:#388bff;white-space:nowrap}.grade-card__divider{height:1px;background-color:var(--color-border-subtle, #eef2fb);width:100%}.grade-card__footer,.grade-card__footer-simple{display:flex;align-items:center;justify-content:space-between;width:100%}.grade-card__actions-dropdown{display:flex;align-items:center;justify-content:center}.grade-card__view-details-btn{background:none;border:none;font-family:var(--font-family-base);font-weight:600;font-size:12px;color:#ef4523;cursor:pointer;padding:0;line-height:normal;white-space:nowrap!important}.grade-card__view-details-btn:hover{text-decoration:underline}.grade-card__subjects-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.grade-card__subjects-list-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.grade-card__subjects-label{font-family:var(--font-family-base);font-weight:600;font-size:11px;color:var(--color-brand-secondary, #1a6fa3);text-transform:uppercase;margin:0}.grade-card__subjects-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1;min-width:0}.grade-card__extra-count{font-family:var(--font-family-base);font-weight:700;font-size:11px;color:#ef4523;white-space:nowrap;padding:3px 6px}.hero-card{background-color:#fff;border:1px solid #eef2fb;border-left:4px solid #ef4523;padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;margin:0 24px 20px}.split-workspace{display:flex;gap:20px;width:100%;box-sizing:border-box;padding:0 24px 24px;align-items:flex-start}.left-workspace-panel{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.right-workspace-panel{width:340px;flex-shrink:0}.right-panel-card{background-color:#fff;border:1px solid #e4ecf1;border-radius:16px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.teacher-item-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2fb;padding-bottom:10px;margin-bottom:10px;box-sizing:border-box}.teacher-item-row:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.teacher-avatar-circle{width:28px;height:28px;border-radius:14px;background-color:#dde8ff;color:#ef4523;font-family:var(--font-family-base);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase}.section-tag-badge{background-color:#fff5f2;padding:4px 8px;border-radius:6px;font-family:var(--font-family-base);font-weight:600;font-size:12px;color:#ef4523;white-space:nowrap}.overview-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.overview-header .header-titles .page-title{font-size:24px;font-weight:700;color:var(--ds-color-gray-900, #111827);margin:0 0 4px;line-height:1.2}.overview-header .header-titles .page-subtitle{font-size:14px;color:var(--ds-color-gray-500, #6b7280);margin:0}.overview-header .btn-take-attendance{background-color:#f2562b;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease;box-shadow:0 2px 4px #f2562b33}.overview-header .btn-take-attendance:hover{background-color:#e0451a}.overview-header .btn-take-attendance:active{transform:translateY(1px)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}@media(max-width:1024px){.metrics-grid{grid-template-columns:1fr}}.metric-card{background:var(--ds-color-white, #ffffff);border:1px solid var(--ds-color-gray-200, #e5e7eb);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;box-shadow:0 1px 3px #00000008}.metric-card .card-top{display:flex;align-items:center;justify-content:space-between}.metric-card .card-top .icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.metric-card .card-top .icon-wrapper.icon-blue{background-color:#eff6ff;color:#2563eb}.metric-card .card-top .icon-wrapper.icon-green{background-color:#f0fdf4;color:#16a34a}.metric-card .card-top .icon-wrapper.icon-red{background-color:#fef2f2;color:#dc2626}.metric-card .card-top .card-tag{font-size:12px;font-weight:600;padding:3px 8px;border-radius:12px}.metric-card .card-top .card-tag.tag-blue{background-color:#eff6ff;color:#2563eb}.metric-card .card-top .card-tag.tag-green{background-color:#dcfce7;color:#16a34a}.metric-card .card-top .card-tag.tag-red{background-color:#fee2e2;color:#dc2626}.metric-card .card-bottom{margin-top:12px}.metric-card .card-bottom .metric-value{font-size:28px;font-weight:700;color:var(--ds-color-gray-900, #111827);line-height:1.1}.metric-card .card-bottom .metric-label{font-size:13px;color:var(--ds-color-gray-500, #6b7280);margin-top:2px}.attendance-overview-container{display:flex;flex-direction:column;gap:20px;width:100%;padding:24px;box-sizing:border-box}.dashboard-body-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;width:100%}@media(max-width:1100px){.dashboard-body-grid{grid-template-columns:1fr}}.left-column{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.right-column{display:flex;flex-direction:column;gap:20px;width:340px;flex-shrink:0}@media(max-width:1100px){.right-column{width:100%}}.content-card{background:var(--ds-color-white, #ffffff);border:1px solid var(--ds-color-gray-200, #e5e7eb);border-radius:14px;padding:20px;box-shadow:0 1px 3px #00000008}.content-card .card-title{font-size:16px;font-weight:700;color:var(--ds-color-gray-900, #111827);margin:0 0 16px}.card-header-with-legend{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header-with-legend .card-title{margin:0}.card-header-with-legend .chart-legend{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--ds-color-gray-600, #4b5563)}.card-header-with-legend .chart-legend .legend-item{display:flex;align-items:center;gap:6px}.card-header-with-legend .chart-legend .dot{width:8px;height:8px;border-radius:50%}.card-header-with-legend .chart-legend .dot.dot-present{background-color:#22c55e}.card-header-with-legend .chart-legend .dot.dot-absent{background-color:#ef4444}.card-header-with-legend .chart-legend .dot.dot-late{background-color:#f97316}.card-header-with-legend .chart-legend .dot.dot-leave{background-color:#eab308}.chart-container{padding:10px 0 0}.chart-container .bars-wrapper{display:flex;align-items:flex-end;justify-content:space-around;height:160px;border-bottom:1px solid var(--ds-color-gray-200, #e5e7eb);padding-bottom:8px}.chart-container .bar-column{display:flex;flex-direction:column;align-items:center;height:100%}.chart-container .bar-column .bar-track{flex:1;width:28px;display:flex;flex-direction:column-reverse;border-radius:6px;overflow:hidden;background-color:#f9fafb}.chart-container .bar-column .bar-segment{width:100%;transition:opacity .2s ease}.chart-container .bar-column .bar-segment:hover{opacity:.85}.chart-container .bar-column .bar-segment.seg-present{background-color:#22c55e}.chart-container .bar-column .bar-segment.seg-late{background-color:#f97316}.chart-container .bar-column .bar-segment.seg-absent{background-color:#ef4444}.chart-container .bar-column .bar-segment.seg-leave{background-color:#eab308}.chart-container .bar-column .day-label{margin-top:8px;font-size:12px;font-weight:500;color:var(--ds-color-gray-500, #6b7280)}.quick-actions-list{display:flex;flex-direction:column;gap:10px}.quick-action-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fafafa;border:1px solid var(--ds-color-gray-200, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .2s ease}.quick-action-item:hover{background:#f3f4f6;border-color:#d1d5db}.quick-action-item .action-left{display:flex;align-items:center;gap:12px}.quick-action-item .action-left .action-icon{width:34px;height:34px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:14px}.quick-action-item .action-left .action-info .action-title{font-size:14px;font-weight:600;color:var(--ds-color-gray-900, #111827)}.quick-action-item .action-left .action-info .action-subtitle{font-size:12px;color:var(--ds-color-gray-500, #6b7280)}.quick-action-item .action-right .chevron-icon{font-size:12px;color:var(--ds-color-gray-400, #9ca3af)}.recent-activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:flex-start;gap:12px}.activity-item .activity-dot-col{padding-top:4px}.activity-item .activity-dot-col .activity-dot{display:block;width:8px;height:8px;border-radius:50%;background-color:#f97316}.activity-item .activity-content .activity-text{font-size:13px;color:var(--ds-color-gray-700, #374151);line-height:1.4}.activity-item .activity-content .activity-time{font-size:11px;color:var(--ds-color-gray-400, #9ca3af);margin-top:2px}.badge,.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap;vertical-align:middle;border:1px solid transparent;box-sizing:border-box}.badge--success,.status-badge--active{background-color:var(--color-success-bg);border-color:#16a34a33;color:var(--color-success-text)}.badge--success:before,.status-badge--active:before{background-color:var(--color-success-500)}.badge--warning,.status-badge--pending,.student-badge{background-color:var(--color-warning-bg);border-color:#f59e0b33;color:var(--color-warning-text)}.badge--warning:before,.status-badge--pending:before,.student-badge:before{background-color:var(--color-warning-500)}.badge--danger,.status-badge--inactive,.status-badge--absent{background-color:var(--color-danger-bg);border-color:#ef444433;color:var(--color-danger-text)}.badge--danger:before,.status-badge--inactive:before,.status-badge--absent:before{background-color:var(--color-danger-500)}.badge--info,.status-badge--info{background-color:var(--color-info-bg);border-color:#3b82f633;color:var(--color-info-text)}.badge--info:before,.status-badge--info:before{background-color:var(--color-info-500)}.badge--neutral,.status-badge--neutral{background-color:var(--color-neutral-100);border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.badge--brand{background-color:var(--color-primary-50);border-color:#ef452333;color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.badge--small{font-size:11px;padding:2px 6px}.badge--medium{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.badge--dot:before,.status-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);margin-right:2px}.type-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:600;line-height:1.2}.type-badge--staff{background-color:var(--ds-color-gray-100, #f1f5f9);color:var(--ds-color-primary, #ef4523)}.type-badge--student{background-color:#fff7ed;color:#c2410c}.type-badge--admin{background-color:#faf5ff;color:#7e22ce}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:500;line-height:1.2}.status-pill__dot{font-size:6px}.status-pill--active{background-color:var(--ds-color-success-light);color:var(--ds-color-success)}.status-pill--active .status-pill__dot{color:var(--ds-color-success)}.status-pill--inactive{background-color:var(--ds-color-gray-100);color:var(--ds-color-text-secondary)}.status-pill--inactive .status-pill__dot{color:var(--ds-color-text-secondary)}.subject-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-family:var(--font-family-base);font-size:11px;font-weight:600;border:1px solid;line-height:normal;box-sizing:border-box}.subject-pill--english{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.subject-pill--maths{background-color:#f0f6ff;border-color:#dde8ff;color:#1d4ed8}.subject-pill--evs{background-color:#ecfeff;border-color:#c5f6fa;color:#0891b2}.subject-pill--hindi{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.subject-pill--science{background-color:#faf5ff;border-color:#e9d5ff;color:#6b21a8}.subject-pill--ss{background-color:#fffbeb;border-color:#fef3c7;color:#b45309}.status-badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;text-align:center}.status-badge.status-completed{background-color:#dcfce7;color:#15803d}.status-badge.status-in-progress{background-color:#fef9c3;color:#a16207}.status-badge.status-not-started{background-color:#f3f4f6;color:#6b7280}.table-card-container{display:flex;flex-direction:column;flex:1 1 0;min-height:0;width:calc(100% - 48px);max-width:calc(100% - 48px);align-self:stretch;background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-subtle, #eef2fb);border-radius:var(--radius-2xl, 16px);overflow:hidden;box-shadow:0 1px 3px #0000000a;margin:0 24px 16px;box-sizing:border-box}.table-card-scroll{flex:1 1 0;overflow-y:auto;overflow-x:auto;min-height:0;width:100%;max-width:100%}.table-card-scroll::-webkit-scrollbar{width:6px;height:6px}.table-card-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-card-scroll::-webkit-scrollbar-track{background:transparent}.table-container{width:calc(100% - 48px);margin:0 24px 16px;overflow-x:auto;background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:var(--radius-xl, 12px);box-sizing:border-box;box-shadow:0 1px 3px #00000008}.table,.ui-table,.data-table{width:100%;min-width:960px;border-collapse:separate;border-spacing:0;font-family:var(--font-family-base, "Inter", sans-serif);color:var(--color-brand-primary, #094060);text-align:left}.table thead th,.table__header-cell,.ui-table thead th,.ui-table__header-cell,.data-table thead th,.data-table__header-cell{background-color:var(--color-bg-subtle, #f8fbfd);color:var(--color-brand-secondary, #1a6fa3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle, #e4ecf1);white-space:nowrap;position:sticky;top:0;z-index:10}.table tbody tr,.table__row,.ui-table tbody tr,.ui-table__row,.data-table tbody tr,.data-table__row{height:56px;transition:background-color var(--transition-fast, .15s ease);box-sizing:border-box}.table tbody tr:not(:last-child) td,.table__row:not(:last-child) td,.ui-table tbody tr:not(:last-child) td,.ui-table__row:not(:last-child) td,.data-table tbody tr:not(:last-child) td,.data-table__row:not(:last-child) td{border-bottom:1px solid var(--color-border-subtle, #e4ecf1)}.table tbody tr:hover,.table__row:hover,.ui-table tbody tr:hover,.ui-table__row:hover,.data-table tbody tr:hover,.data-table__row:hover{background-color:var(--color-bg-subtle, #f8faff)}.table tbody td,.table__cell,.ui-table tbody td,.ui-table__cell,.data-table tbody td,.data-table__cell{padding:10px 16px;vertical-align:middle;color:var(--color-brand-primary, #094060);font-size:13.5px;box-sizing:border-box}.location-cell{display:inline-flex;align-items:center;gap:6px;color:var(--color-brand-primary, #094060);font-size:13px;font-weight:500;line-height:normal}.location-cell__icon{font-size:12px;color:var(--color-text-secondary, #6b7aa0);flex-shrink:0}.tabular-count{font-family:var(--font-family-base, "Inter", sans-serif);font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;color:var(--color-brand-primary, #094060)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 8px;border-radius:9999px;font-family:var(--font-family-base, "Inter", sans-serif);font-size:11px;font-weight:600;line-height:1}.count-badge--branches{background-color:#fef3c7;color:#b45309;border:1px solid #fde68a}.count-badge--staff{background-color:#faf5ff;color:#7e22ce;border:1px solid #f3e8ff}.count-badge--students{background-color:#f0fdf4;color:#15803d;border:1px solid #dcfce7}.code-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;background-color:#f1f5f9;border:1px solid #e2e8f0;font-family:var(--font-family-base, "Inter", sans-serif);font-size:11px;font-weight:600;color:var(--color-brand-primary, #094060);letter-spacing:.3px}.board-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;background-color:#eff6ff;border:1px solid #dbeafe;font-family:var(--font-family-base, "Inter", sans-serif);font-size:11px;font-weight:600;color:#1d4ed8;letter-spacing:.3px}.user-cell{display:flex;align-items:center;gap:8px;min-width:150px}.user-cell__avatar{width:30px;height:30px;border-radius:15px;object-fit:cover;flex-shrink:0}.user-cell__avatar--fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:11px;border-radius:15px}.user-cell__name{font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:500;color:var(--color-link, #2563eb);line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;display:inline-block}.user-cell__name:hover{text-decoration:underline;color:#1d4ed8}.yuktra-id-badge,.badge-yuktra{display:inline-flex;align-items:center;background-color:#fff;border:1px solid #e2e8f5;border-radius:6px;padding:4px 8px;font-family:var(--font-family-base, "Inter", sans-serif);font-size:12px;font-weight:600;color:#053248;letter-spacing:.3px;white-space:nowrap}.col-actions{width:48px;text-align:center}.actions-cell{display:flex;align-items:center;justify-content:center}.icon-btn,.icon-btn--more,.icon-btn--actions{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--color-text-secondary, #6b7aa0);font-size:14px;cursor:pointer;padding:0;border-radius:8px;transition:all .15s ease}.icon-btn fa-icon,.icon-btn--more fa-icon,.icon-btn--actions fa-icon{display:flex;align-items:center;justify-content:center}.icon-btn:hover,.icon-btn--more:hover,.icon-btn--actions:hover{color:var(--color-brand-primary, #094060);background-color:#f1f5f9}.btn-icon-only{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #e4ecf1;border-radius:10px;background-color:#fff;color:var(--color-brand-secondary, #1a6fa3);font-size:14px;cursor:pointer;transition:all .15s ease}.btn-icon-only:hover{border-color:var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523);background-color:#fff5f2}.action-bar{display:flex;align-items:center;justify-content:space-between;padding:0 24px 16px;width:100%;box-sizing:border-box}.action-bar__search{width:320px;flex-shrink:0}.action-bar__search .search-bar,.action-bar__search .ui-search-bar{width:100%;background-color:#f8fbfd;border:1px solid #e4ecf1;border-radius:10px;height:38px}.action-bar__buttons,.action-bar__actions{display:flex;align-items:center;gap:12px}.btn-filter-icon{width:38px;height:38px;border:1px solid #e4ecf1;border-radius:10px;background-color:#fff;color:var(--color-brand-secondary, #1a6fa3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-filter-icon:hover{border-color:#ef4523;color:#ef4523;background-color:#fff5f2}.btn-bulk-upload{height:36px;border:1.5px solid #ef4523;border-radius:12px;background-color:#fff;color:#ef4523;padding:0 20px;font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-bulk-upload:hover{background-color:#fff5f2}.btn-add-user{height:36px;border:none;border-radius:12px;background-color:#ef4523;color:#fff;padding:0 20px;font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-add-user:hover{background-color:#d6381a}.modal__backdrop,.ui-modal-backdrop,.att-modal-backdrop,.confirm-modal-backdrop{position:fixed;inset:0;background-color:#09406073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop, 500);display:flex;align-items:center;justify-content:center;padding:var(--space-4, 16px);box-sizing:border-box;animation:modalFadeIn var(--transition-fast, .15s ease-out) forwards}.modal,.ui-modal,.att-modal,.confirm-modal-card{position:relative;width:100%;max-width:540px;background-color:var(--color-bg-surface, #ffffff);border-radius:var(--radius-2xl, 16px);box-shadow:0 20px 30px -5px #09406026,0 8px 12px #09406014;display:flex;flex-direction:column;overflow:hidden;z-index:var(--z-modal, 600);box-sizing:border-box;animation:modalScaleIn var(--transition-base, .2s cubic-bezier(.34, 1.56, .64, 1)) forwards}.modal--small,.modal--sm,.ui-modal--sm{max-width:420px}.modal--medium,.modal--md,.ui-modal--md{max-width:580px}.modal--large,.modal--lg,.ui-modal--lg{max-width:840px}.modal--fullscreen{max-width:95vw;height:90vh}.modal__header,.ui-modal__header,.modal-custom-header,.att-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-subtle, #e4ecf1);box-sizing:border-box}.modal__title,.ui-modal__title,.modal-custom-title,.confirm-modal-title{font-family:var(--font-family-base, "Inter", sans-serif);font-size:18px;font-weight:700;color:var(--color-text-primary, #094060);margin:0;display:flex;align-items:center;gap:10px}.modal__subtitle,.modal-custom-subtitle,.confirm-modal-subtitle{font-size:13px;color:var(--color-text-secondary, #6b7aa0);margin-top:4px;margin-bottom:0}.modal__close,.ui-modal__close{background:transparent;border:none;color:var(--color-text-secondary, #6b7aa0);font-size:16px;cursor:pointer;width:32px;height:32px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal__close:hover,.ui-modal__close:hover{color:var(--color-text-primary, #094060);background-color:var(--color-neutral-100, #f1f5f9)}.modal__body,.ui-modal__body,.att-modal-body{padding:24px;overflow-y:auto;flex:1 1 auto;max-height:78vh;box-sizing:border-box}.modal__footer,.ui-modal__footer,.modal-actions,.att-modal-footer,.confirm-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background-color:var(--color-bg-subtle, #f8fbfd);border-top:1px solid var(--color-border-subtle, #e4ecf1);box-sizing:border-box}.add-user-modal{width:100%}.add-user-header{display:flex;align-items:center;justify-content:space-between;width:100%}.add-user-header__text{display:flex;flex-direction:column;gap:2px}.add-user-header__title{font-family:var(--font-family-base, "Inter", sans-serif);font-size:18px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.add-user-header__subtitle{font-size:13px;color:var(--color-text-secondary, #6b7aa0);margin:0}.add-user-header__close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary, #6b7aa0);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.add-user-header__close:hover{background-color:#f1f5f9;color:#094060}.add-user-body{display:flex;flex-direction:column;gap:16px;width:100%}.add-user-body__subtitle{font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);margin:0}.add-user-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.add-user-card{position:relative;background-color:var(--color-bg-surface, #ffffff);border:1.5px solid var(--color-border-subtle, #e4ecf1);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1)}.add-user-card:hover{border-color:var(--color-primary-500, #ef4523);box-shadow:0 8px 24px #09406014;transform:translateY(-3px)}.add-user-card:hover .add-user-card__link{gap:10px}.add-user-card--selected{border-color:var(--color-primary-500, #ef4523)!important;background-color:#fffaf8;box-shadow:0 4px 16px #ef45231f}.add-user-card__top{display:flex;justify-content:flex-end;width:100%;margin-bottom:8px}.add-user-card__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border-subtle, #e4ecf1);background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.add-user-card__radio--selected{border-color:var(--color-primary-500, #ef4523);background-color:var(--color-primary-500, #ef4523)}.add-user-card__radio--selected:after{content:"";width:6px;height:6px;border-radius:50%;background-color:#fff}.add-user-card__icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;flex-shrink:0}.add-user-card__icon fa-icon,.add-user-card__icon ::ng-deep fa-icon{font-size:22px}.add-user-card__icon--student{background-color:#f0fdf4;color:#16a34a}.add-user-card__icon--staff{background-color:#fff7ed;color:#ea580c}.add-user-card__icon--admin{background-color:#faf5ff;color:#9333ea}.add-user-card__title{font-family:var(--font-family-base, "Inter", sans-serif);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0 0 6px}.add-user-card__desc{font-family:var(--font-family-base, "Inter", sans-serif);font-size:13px;line-height:1.45;color:var(--color-text-secondary, #6b7aa0);margin:0 0 20px;flex:1}.add-user-card__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;border:none;background:transparent;padding:0;cursor:pointer;transition:all .15s ease}.add-user-card__link--student{color:#16a34a}.add-user-card__link--staff{color:#ea580c}.add-user-card__link--admin{color:#9333ea}.add-user-card__link fa-icon,.add-user-card__link ::ng-deep fa-icon{font-size:12px;transition:transform .15s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}:host{display:block;position:relative;width:100%}.ui-dropdown{position:relative;display:block;width:100%}.ui-dropdown__trigger{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%}.ui-dropdown__menu{position:absolute;right:0;z-index:var(--z-dropdown, 1000);min-width:140px;background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-subtle, #eef2fb);border-radius:var(--radius-lg, 10px);box-shadow:var(--shadow-md, 0px 4px 8px rgba(0, 0, 0, .1));padding:6px 0;display:flex;flex-direction:column}.ui-dropdown__menu--bottom{top:100%;margin-top:4px;animation:dropdown-fade-in .15s ease-out forwards}.ui-dropdown__menu--top{bottom:100%;margin-bottom:4px;animation:dropdown-fade-in-up .15s ease-out forwards}.ui-dropdown-menu-list{display:flex;flex-direction:column;width:100%;padding:0;margin:0;list-style:none}.ui-dropdown-menu-item{font-family:var(--font-family-base, "Inter", sans-serif);font-weight:var(--font-weight-medium, 500);font-size:var(--font-size-sm, 13px);color:var(--color-brand-primary, #094060);background:none;border:none;text-align:left;padding:8px 14px;width:100%;cursor:pointer;box-sizing:border-box;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.ui-dropdown-menu-item:hover{background-color:var(--color-bg-subtle, #f8faff);color:var(--color-primary-500, #ef4523)}.ui-dropdown-menu-item--danger{color:var(--color-danger-500, #d32f2f)}.ui-dropdown-menu-item--danger:hover{background-color:var(--color-danger-50, #fef2f2);color:var(--color-danger-600, #d32f2f)}.ui-dropdown-menu-divider{height:1px;background-color:var(--color-border-subtle, #eef2fb);margin:6px 0;width:100%}.dropdown-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:var(--radius-md, 8px);font-size:13px;color:var(--color-text-body, #094060);cursor:pointer;transition:all .15s ease}.dropdown-trigger-btn:hover{border-color:var(--color-primary-500, #ef4523)}.view-toggle{display:flex;align-items:center;background-color:#f1f5f9;border-radius:8px;padding:3px;gap:2px}.view-toggle__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background-color:transparent;color:#6b7aa0;cursor:pointer;font-size:14px;transition:all .15s ease}.view-toggle__btn:hover{color:#094060}.view-toggle__btn--active{background-color:#fff;color:#ef4523;box-shadow:0 1px 3px #0000001a}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.file-input-hidden{display:none!important}.avatar-uploader{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.avatar-uploader__label{font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-medium, 500);color:var(--color-text-body, #094060)}.avatar-uploader__container{display:flex;align-items:center;gap:var(--space-4, 16px)}.avatar-uploader__preview{position:relative;width:72px;height:72px;border-radius:var(--radius-full, 50%);overflow:hidden;background-color:var(--color-bg-subtle, #f8faff);border:2px dashed var(--color-border-subtle, #e4ecf1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-uploader__preview--loading{opacity:.7}.avatar-uploader__img{width:100%;height:100%;object-fit:cover}.avatar-uploader__initials{font-size:20px;font-weight:700;color:var(--color-primary-500, #ef4523);text-transform:uppercase}.avatar-uploader__overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff}.avatar-uploader__spin{font-size:20px}.avatar-uploader__actions{display:flex;gap:var(--space-2, 8px)}.avatar-uploader__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 13px);font-weight:500;cursor:pointer;border:1px solid var(--color-border-subtle, #e4ecf1);background:var(--color-bg-surface, #ffffff);color:var(--color-text-body, #094060);transition:all .15s ease}.avatar-uploader__btn:hover:not(:disabled){background:var(--color-bg-subtle, #f8faff);border-color:var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523)}.avatar-uploader__btn--delete{color:var(--color-danger-500, #dc2626);border-color:var(--color-danger-200, #fca5a5)}.avatar-uploader__btn--delete:hover:not(:disabled){background-color:var(--color-danger-50, #fef2f2)}.avatar-uploader__error{font-size:var(--font-size-xs, 12px);color:var(--color-danger-500, #dc2626)}.image-uploader{display:flex;flex-direction:column;gap:var(--space-2, 8px);width:100%}.image-uploader__label{font-size:var(--font-size-sm, 13px);font-weight:500;color:var(--color-text-body, #094060)}.image-uploader__dropzone{border:2px dashed var(--color-border-subtle, #e4ecf1);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 20px);text-align:center;background-color:var(--color-bg-subtle, #f8faff);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);min-height:140px;display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.image-uploader__dropzone:hover{border-color:var(--color-primary-500, #ef4523);background-color:#ef45230a;box-shadow:0 4px 16px #ef452314}.image-uploader__dropzone:hover .image-uploader__icon-badge{transform:translateY(-2px);background:#ef45231f;color:var(--color-primary-500, #ef4523)}.image-uploader__dropzone--drag-over{border-color:var(--color-primary-500, #ef4523)!important;background-color:#ef452314!important;transform:scale(1.01);box-shadow:0 8px 24px #ef452326!important}.image-uploader__dropzone--has-image{padding:var(--space-2, 8px);border-style:solid;border-color:var(--color-border-subtle, #e4ecf1);background-color:#fff;min-height:auto}.image-uploader__loading{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--color-primary-500, #ef4523);font-size:13px;font-weight:500}.image-uploader__preview-box{position:relative;max-height:180px;width:100%;overflow:hidden;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;background:#fafbfc;padding:12px}.image-uploader__preview-box:hover .image-uploader__actions-overlay{opacity:1;visibility:visible}.image-uploader__img{max-width:100%;max-height:150px;object-fit:contain;border-radius:var(--radius-md, 8px);box-shadow:0 2px 8px #0000000f}.image-uploader__actions-overlay{position:absolute;inset:0;background:#094060a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;visibility:hidden;transition:all .2s ease;border-radius:var(--radius-md, 8px)}.image-uploader__action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.image-uploader__action-btn--edit{background:#fff;color:var(--color-brand-primary, #094060)}.image-uploader__action-btn--edit:hover{background:var(--color-primary-500, #ef4523);color:#fff;transform:translateY(-1px)}.image-uploader__action-btn--change{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3)}.image-uploader__action-btn--change:hover{background:#ffffff59;transform:translateY(-1px)}.image-uploader__action-btn--delete{background:#dc2626e6;color:#fff;padding:7px 10px}.image-uploader__action-btn--delete:hover{background:#dc2626;transform:translateY(-1px)}.image-uploader__placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.image-uploader__icon-badge{width:48px;height:48px;border-radius:50%;background:#1a6fa314;color:var(--color-brand-secondary, #1a6fa3);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:4px;transition:all .25s ease}.image-uploader__text{font-size:13px;font-weight:500;color:var(--color-text-body, #094060)}.image-uploader__browse-link{color:var(--color-primary-500, #ef4523);font-weight:600;text-decoration:underline;text-underline-offset:2px}.image-uploader__hint{font-size:11px;color:var(--color-text-secondary, #6b7aa0)}.image-uploader__error{font-size:var(--font-size-xs, 12px);color:var(--color-danger-500, #dc2626);margin-top:4px;display:block}.image-crop-modal-overlay{position:fixed;inset:0;background:#091a28bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;animation:cropFadeIn .2s ease-out}@keyframes cropFadeIn{0%{opacity:0}to{opacity:1}}.image-crop-modal{background:#fff;border-radius:16px;width:100%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000047,0 0 1px #0003;overflow:hidden;animation:cropSlideUp .25s cubic-bezier(.16,1,.3,1)}.image-crop-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--color-border-subtle, #e4ecf1);background:#fff}.image-crop-modal__header-left{display:flex;align-items:center;gap:12px}.image-crop-modal__icon{width:38px;height:38px;border-radius:10px;background:#ef45231a;color:var(--color-primary-500, #ef4523);display:flex;align-items:center;justify-content:center;font-size:16px}.image-crop-modal__title{font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.image-crop-modal__subtitle{font-size:12px;color:var(--color-text-secondary, #6b7aa0);margin:2px 0 0}.image-crop-modal__close-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary, #6b7aa0);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .15s ease}.image-crop-modal__close-btn:hover{background:var(--color-bg-subtle, #f8faff);color:var(--color-brand-primary, #094060)}.image-crop-modal__body{display:grid;grid-template-columns:1fr 260px;gap:20px;padding:20px 24px;overflow-y:auto;background:#f8fbfd}@media(max-width:768px){.image-crop-modal__body{grid-template-columns:1fr}}.image-crop-modal__workspace{display:flex;flex-direction:column;gap:14px}.image-crop-modal__preview-sidebar{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:12px;padding:16px}.image-crop-modal__preview-title{font-size:13px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.image-crop-modal__preview-desc{font-size:11px;color:var(--color-text-secondary, #6b7aa0);margin:0;line-height:1.4}.image-crop-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--color-border-subtle, #e4ecf1);background:#fff}.image-crop-modal__footer-hints{font-size:12px;color:var(--color-text-secondary, #6b7aa0)}.image-crop-modal__footer-actions{display:flex;align-items:center;gap:10px}@keyframes cropSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.image-crop-workspace{position:relative;width:100%;height:320px;background:#111a24;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:inset 0 2px 10px #0006}.image-crop-workspace--dragging{cursor:grabbing}.image-crop-viewport{position:relative;width:260px;height:260px;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 0 9999px #0000008c,0 4px 20px #0006;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-crop-viewport--square{width:260px;height:260px}.image-crop-viewport--4-3{width:280px;height:210px}.image-crop-viewport--16-9{width:300px;height:168px}.image-crop-image{max-width:none;max-height:none;position:absolute;pointer-events:none;will-change:transform;transform-origin:center center}.image-crop-grid{position:absolute;inset:0;pointer-events:none}.image-crop-grid__line-v1,.image-crop-grid__line-v2{position:absolute;top:0;bottom:0;width:1px;background:#ffffff40}.image-crop-grid__line-v1{left:33.33%}.image-crop-grid__line-v2{left:66.66%}.image-crop-grid__line-h1,.image-crop-grid__line-h2{position:absolute;left:0;right:0;height:1px;background:#ffffff40}.image-crop-grid__line-h1{top:33.33%}.image-crop-grid__line-h2{top:66.66%}.image-crop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:10px;padding:10px 16px;box-shadow:0 2px 6px #00000008}.image-crop-toolbar__group{display:flex;align-items:center;gap:8px}.image-crop-toolbar__label{font-size:12px;font-weight:600;color:var(--color-brand-primary, #094060);margin-right:4px}.image-crop-toolbar__val{font-size:11px;font-weight:600;color:var(--color-text-secondary, #6b7aa0);min-width:36px}.image-crop-toolbar__divider{width:1px;height:20px;background:var(--color-border-subtle, #e4ecf1)}.image-crop-toolbar__btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--color-border-subtle, #e4ecf1);background:var(--color-bg-subtle, #f8faff);color:var(--color-brand-primary, #094060);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .15s ease}.image-crop-toolbar__btn:hover{background:var(--color-primary-50, #fff5f2);border-color:var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523)}.image-crop-toolbar__btn--reset{width:auto;padding:0 10px;gap:5px;font-size:11px;font-weight:600}.image-crop-slider{width:110px;accent-color:var(--color-primary-500, #ef4523);cursor:pointer}.image-crop-preview-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#f8fbfd;border-radius:10px;border:1px dashed var(--color-border-subtle, #e4ecf1)}.image-crop-preview-card__circle{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center}.image-crop-preview-card__square{width:64px;height:64px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center}.image-crop-preview-card__canvas{width:100%;height:100%;object-fit:cover}.image-crop-preview-card__label{font-size:11px;font-weight:600;color:var(--color-text-secondary, #6b7aa0)}.image-crop-aspect-selector{display:flex;flex-direction:column;gap:8px;margin-top:4px}.image-crop-aspect-selector__label{font-size:11px;font-weight:600;color:var(--color-brand-primary, #094060);text-transform:uppercase;letter-spacing:.5px}.image-crop-aspect-selector__chips{display:flex;flex-direction:column;gap:6px}.image-crop-aspect-chip{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid var(--color-border-subtle, #e4ecf1);background:#fff;color:var(--color-text-body, #094060);cursor:pointer;text-align:left;transition:all .15s ease}.image-crop-aspect-chip:hover{border-color:var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523)}.image-crop-aspect-chip--active{background:#ef452314;border-color:var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523);font-weight:600}.image-crop-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.image-crop-btn--secondary{background:#fff;border:1px solid var(--color-border-subtle, #e4ecf1);color:var(--color-text-body, #094060)}.image-crop-btn--secondary:hover{background:var(--color-bg-subtle, #f8faff)}.image-crop-btn--primary{background:var(--color-primary-500, #ef4523);color:#fff;box-shadow:0 4px 12px #ef452340}.image-crop-btn--primary:hover:not(:disabled){background:#d63717;transform:translateY(-1px);box-shadow:0 6px 16px #ef452359}.image-crop-btn--primary:disabled{opacity:.7;cursor:not-allowed}.stepper-content-card--compact{background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:var(--radius-xl, 12px);padding:16px 20px;margin-bottom:20px;box-sizing:border-box}.photo-card-compact{display:flex;align-items:center;gap:20px;width:100%;box-sizing:border-box}.photo-card-compact__circle{width:80px;height:80px;border-radius:50%;border:2px dashed var(--color-border-subtle, #e4ecf1);background-color:var(--color-bg-subtle, #f8fbfd);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;flex-shrink:0;transition:all .2s ease}.photo-card-compact__circle:hover{border-color:var(--color-primary-500, #ef4523);background-color:#fffaf8}.photo-card-compact__circle:hover .photo-card-compact__camera-icon,.photo-card-compact__circle:hover .photo-card-compact__upload-label{color:var(--color-primary-500, #ef4523)}.photo-card-compact__circle--preview{border-style:solid;border-color:var(--color-border-subtle, #e4ecf1);background-color:#fff}.photo-card-compact__img{width:100%;height:100%;object-fit:cover}.photo-card-compact__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none}.photo-card-compact__camera-icon{font-size:18px;color:var(--color-brand-secondary, #1a6fa3);transition:color .15s ease}.photo-card-compact__upload-label{font-family:var(--font-family-base, "Inter", sans-serif);font-size:10px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);text-transform:uppercase;letter-spacing:.5px;transition:color .15s ease}.photo-card-compact__body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.photo-card-compact__text{display:flex;flex-direction:column;gap:2px}.photo-card-compact__title{font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.photo-card-compact__desc{font-family:var(--font-family-base, "Inter", sans-serif);font-size:12px;color:var(--color-text-secondary, #6b7aa0);margin:0;line-height:1.4}.photo-card-compact__actions{display:flex;align-items:center;gap:8px}ui-search-bar{display:block;width:100%;max-width:320px}.search-bar,.ui-search{display:flex;align-items:center;gap:8px;width:100%;height:38px;background-color:var(--neutral-50, #f8fbfd);border:1px solid var(--neutral-200, #e4ecf1);border-radius:10px;padding:0 14px;box-sizing:border-box;transition:all .15s ease}.search-bar:focus-within,.ui-search:focus-within{background-color:var(--color-bg-surface, #ffffff);border-color:var(--color-primary-500, #ef4523);box-shadow:0 0 0 3px #ef452326}.search-bar__icon,.ui-search__icon{color:var(--neutral-600, #0f5580);font-size:14px;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-bar__input,.ui-search__input{flex:1;min-width:0;height:100%!important;border:none!important;background:transparent!important;padding:0!important;font-size:14px;font-family:var(--font-family-base, "Inter", sans-serif);font-weight:500;color:var(--neutral-700, #094060);outline:none!important;box-shadow:none!important;caret-color:var(--color-primary-500, #ef4523)}.search-bar__input::placeholder,.ui-search__input::placeholder{color:var(--neutral-500, #1a6fa3);opacity:1;font-family:var(--font-family-base, "Inter", sans-serif);font-weight:500;font-size:14px}.search-bar__clear,.ui-search__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:none;color:var(--neutral-500, #1a6fa3);cursor:pointer;border-radius:50%;padding:0;flex-shrink:0;transition:all .15s ease}.search-bar__clear:hover,.ui-search__clear:hover{background-color:var(--neutral-200, #e4ecf1);color:var(--neutral-700, #094060)}.empty-state,.ui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);background-color:var(--color-bg-surface);border-radius:var(--radius-xl);box-sizing:border-box}.empty-state__icon,.ui-empty-state__icon{font-size:48px;color:var(--color-text-secondary);margin-bottom:var(--space-4);opacity:.8}.empty-state__title,.ui-empty-state__title{font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.empty-state__desc,.empty-state__description,.ui-empty-state__desc,.ui-empty-state__description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:440px;margin:0 0 var(--space-6) 0;line-height:var(--line-height-base)}.empty-state__actions,.empty-state__action,.ui-empty-state__actions,.ui-empty-state__action{display:flex;gap:var(--space-3)}.pagination,.ui-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding:12px 20px;background-color:var(--color-bg-surface, #ffffff);border-top:1px solid var(--color-border-subtle, #e4ecf1);font-family:var(--font-family-base, "Inter", sans-serif);font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary, #6b7aa0);box-sizing:border-box;width:100%;flex-shrink:0}.pagination__left,.ui-pagination__left{display:flex;align-items:center;gap:16px}.pagination__limit,.ui-pagination__limit{display:flex;align-items:center;gap:8px}.pagination__limit-label,.ui-pagination__limit-label{font-family:var(--font-family-base, "Inter", sans-serif);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);white-space:nowrap}.pagination__limit-btn,.ui-pagination__limit-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:6px;background-color:var(--color-bg-surface, #ffffff);color:var(--color-brand-primary, #094060);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.pagination__limit-btn:hover:not(.pagination__limit-btn--active,.ui-pagination__limit-btn--active),.ui-pagination__limit-btn:hover:not(.pagination__limit-btn--active,.ui-pagination__limit-btn--active){border-color:var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523);background-color:var(--color-bg-subtle, #f8faff)}.pagination__limit-btn--active,.ui-pagination__limit-btn--active{background-color:var(--color-primary-500, #ef4523)!important;border-color:var(--color-primary-500, #ef4523)!important;color:#fff!important;font-weight:600;cursor:default}.pagination__divider,.ui-pagination__divider{width:1px;height:18px;background-color:var(--color-border-subtle, #e4ecf1)}.pagination__info,.ui-pagination__info{font-family:var(--font-family-base, "Inter", sans-serif);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);margin:0;white-space:nowrap}.pagination__nav,.ui-pagination__nav{display:flex;align-items:center;gap:6px}.pagination__btn,.ui-pagination__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:8px;background-color:var(--color-bg-surface, #ffffff);color:var(--color-brand-primary, #094060);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.pagination__btn:hover:not(:disabled),.ui-pagination__btn:hover:not(:disabled){border-color:var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523);background-color:var(--color-bg-subtle, #f8faff)}.pagination__btn:disabled,.ui-pagination__btn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--color-border-subtle, #e4ecf1)}.pagination__page-input,.ui-pagination__page-input{display:inline-flex;align-items:center;justify-content:center;width:48px;height:32px;border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:8px;background-color:var(--color-bg-subtle, #f8fbfd);color:var(--color-primary-500, #ef4523);font-weight:600;font-size:13px}.pagination__total-pages,.ui-pagination__total-pages{font-family:var(--font-family-base, "Inter", sans-serif);font-size:12px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);white-space:nowrap;padding-left:2px}.ui-toaster,.toast-container{position:fixed;top:24px;right:24px;z-index:var(--z-toast, 9999);display:flex;flex-direction:column;gap:10px;max-width:420px;min-width:320px;width:calc(100% - 48px);pointer-events:none}@media(max-width:480px){.ui-toaster,.toast-container{top:16px;right:16px;left:16px;width:auto;min-width:0}}.ui-toast,.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-subtle, #e4ecf1);border-left-width:4px;border-radius:var(--radius-xl, 12px);box-shadow:0 10px 25px -5px #0940601f,0 4px 10px -2px #0940600f;animation:toastSlideIn .25s cubic-bezier(.16,1,.3,1) forwards;transition:all .2s ease;box-sizing:border-box}.ui-toast.ui-toast--success,.ui-toast.toast--success,.toast.ui-toast--success,.toast.toast--success{border-left-color:#16a34a}.ui-toast.ui-toast--success .ui-toast__icon,.ui-toast.ui-toast--success .toast__icon,.ui-toast.toast--success .ui-toast__icon,.ui-toast.toast--success .toast__icon,.toast.ui-toast--success .ui-toast__icon,.toast.ui-toast--success .toast__icon,.toast.toast--success .ui-toast__icon,.toast.toast--success .toast__icon{color:#16a34a;background-color:#f0fdf4}.ui-toast.ui-toast--error,.ui-toast.toast--error,.ui-toast.ui-toast--danger,.ui-toast.toast--danger,.toast.ui-toast--error,.toast.toast--error,.toast.ui-toast--danger,.toast.toast--danger{border-left-color:var(--color-primary-500, #ef4523)}.ui-toast.ui-toast--error .ui-toast__icon,.ui-toast.ui-toast--error .toast__icon,.ui-toast.toast--error .ui-toast__icon,.ui-toast.toast--error .toast__icon,.ui-toast.ui-toast--danger .ui-toast__icon,.ui-toast.ui-toast--danger .toast__icon,.ui-toast.toast--danger .ui-toast__icon,.ui-toast.toast--danger .toast__icon,.toast.ui-toast--error .ui-toast__icon,.toast.ui-toast--error .toast__icon,.toast.toast--error .ui-toast__icon,.toast.toast--error .toast__icon,.toast.ui-toast--danger .ui-toast__icon,.toast.ui-toast--danger .toast__icon,.toast.toast--danger .ui-toast__icon,.toast.toast--danger .toast__icon{color:var(--color-primary-500, #ef4523);background-color:#fff5f2}.ui-toast.ui-toast--warning,.ui-toast.toast--warning,.toast.ui-toast--warning,.toast.toast--warning{border-left-color:#f59e0b}.ui-toast.ui-toast--warning .ui-toast__icon,.ui-toast.ui-toast--warning .toast__icon,.ui-toast.toast--warning .ui-toast__icon,.ui-toast.toast--warning .toast__icon,.toast.ui-toast--warning .ui-toast__icon,.toast.ui-toast--warning .toast__icon,.toast.toast--warning .ui-toast__icon,.toast.toast--warning .toast__icon{color:#d97706;background-color:#fffbeb}.ui-toast.ui-toast--info,.ui-toast.toast--info,.toast.ui-toast--info,.toast.toast--info{border-left-color:var(--color-brand-secondary, #1a6fa3)}.ui-toast.ui-toast--info .ui-toast__icon,.ui-toast.ui-toast--info .toast__icon,.ui-toast.toast--info .ui-toast__icon,.ui-toast.toast--info .toast__icon,.toast.ui-toast--info .ui-toast__icon,.toast.ui-toast--info .toast__icon,.toast.toast--info .ui-toast__icon,.toast.toast--info .toast__icon{color:var(--color-brand-secondary, #1a6fa3);background-color:#f0f7ff}.ui-toast__icon,.toast__icon{font-size:15px;flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ui-toast__content,.toast__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.ui-toast__message,.toast__message{font-family:var(--font-family-base, "Inter", sans-serif);font-size:13.5px;font-weight:500;color:var(--color-brand-primary, #094060);line-height:1.4;word-break:break-word}.ui-toast__title,.toast__title{font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060)}.ui-toast__dismiss,.ui-toast__close,.toast__dismiss,.toast__close{background:transparent;border:none;color:var(--color-text-secondary, #6b7aa0);cursor:pointer;padding:6px;border-radius:6px;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;line-height:1}.ui-toast__dismiss:hover,.ui-toast__close:hover,.toast__dismiss:hover,.toast__close:hover{color:var(--color-brand-primary, #094060);background-color:var(--color-bg-subtle, #f8fbfd)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}:root{--ds-breadcrumb-font-family: var(--font-family-base);--ds-breadcrumb-font-size: 14px;--ds-breadcrumb-font-weight: 500;--ds-breadcrumb-line-height: 24px;--ds-breadcrumb-gap: 6px;--ds-breadcrumb-padding: 0 24px 16px 24px;--ds-breadcrumb-link-color: #ef4523;--ds-breadcrumb-current-color: var( --color-brand-primary, #094060 );--ds-breadcrumb-separator-color: #c0c8da}.breadcrumbs,.branch-detail__crumbs{display:flex;align-items:center;gap:var(--ds-breadcrumb-gap);font-family:var(--ds-breadcrumb-font-family);font-size:var(--ds-breadcrumb-font-size);font-weight:var(--ds-breadcrumb-font-weight);line-height:var(--ds-breadcrumb-line-height);box-sizing:border-box}.breadcrumbs{padding:var(--ds-breadcrumb-padding)}.breadcrumbs__separator,.branch-detail__crumb-sep,.att-breadcrumb__separator{color:var(--ds-breadcrumb-separator-color)}.breadcrumbs__current,.branch-detail__crumb-current,.att-breadcrumb__active{color:var(--ds-breadcrumb-current-color)}.breadcrumbs__link,.branch-detail__crumb-link{color:var(--ds-breadcrumb-link-color);text-decoration:none;cursor:pointer;background:transparent;border:none;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit}.breadcrumbs__link:hover,.branch-detail__crumb-link:hover{text-decoration:underline}.att-breadcrumb{display:flex;align-items:center;gap:var(--ds-breadcrumb-gap);font-family:var(--ds-breadcrumb-font-family);font-size:var(--ds-breadcrumb-font-size);font-weight:var(--ds-breadcrumb-font-weight);line-height:var(--ds-breadcrumb-line-height);margin-bottom:8px}.att-breadcrumb span:not([class]){color:var(--ds-breadcrumb-link-color)}.tabs-container{padding:0 24px 8px;box-sizing:border-box;width:100%;flex-shrink:0}.tabs{display:flex;width:100%;border-bottom:1px solid var(--neutral-200, #e6e6e6);gap:0}.tab-btn{display:flex;align-items:center;gap:8px;height:38px;background:transparent;border:none;border-bottom:2px solid transparent;padding:8px 14px;font-family:var(--font-family-base);font-size:14px;font-style:normal;font-weight:500;color:var(--neutral-500, #1a6fa3);cursor:pointer;box-sizing:border-box;margin-bottom:-1px;transition:all .2s ease}.tab-btn:hover{color:var(--neutral-700, #094060)}.tab-btn--active{color:var(--ds-color-primary, #ef4523)!important;font-weight:600;border-bottom:3px solid var(--ds-color-primary, #ef4523)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:2px 7px;border-radius:99px;font-size:11px;font-weight:600;background-color:#e8eefa;color:var(--color-brand-secondary, #1a6fa3);box-sizing:border-box}.tab-badge--active{background-color:#ef4523;color:#fff}.accordion{display:flex;flex-direction:column;gap:.75rem;width:100%}.accordion-item{background-color:#fff;border:.653px solid var(--ds-color-border);border-radius:var(--ds-radius-component);overflow:hidden;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.accordion-item--open{border-color:var(--ds-color-gray-300)}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.accordion-header:hover{background-color:var(--ds-color-bg-body)}.accordion-header:focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:-2px}.accordion-header__left{display:flex;align-items:center;gap:10px}.accordion-icon-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--ds-radius-component);font-size:14px}.accordion-icon-badge--blue{background-color:var(--ds-color-info-light);color:#2563eb}.accordion-icon-badge--indigo{background-color:var(--ds-color-primary-light);color:var(--ds-color-primary)}.accordion-icon-badge--purple{background-color:#f3e8ff;color:#7c3aed}.accordion-icon-badge--green{background-color:var(--ds-color-success-light);color:#059669}.accordion-icon-badge--red{background-color:var(--ds-color-danger-light);color:#dc2626}.accordion-icon-badge--teal{background-color:#ccfbf1;color:#0d9488}.accordion-icon-badge--orange{background-color:var(--ds-color-warning-light);color:#d97706}.accordion-icon-badge--gray{background-color:var(--ds-color-gray-100);color:var(--ds-color-gray-600)}.accordion-info{display:flex;flex-direction:column;gap:2px}.accordion-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;line-height:1.25;color:var(--ds-color-gray-800);margin:0}.accordion-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:400;line-height:1.25;color:var(--ds-color-text-secondary);margin:0}.accordion-caret{color:var(--ds-color-text-muted);font-size:14px;transition:transform .2s ease}.accordion-caret--open{transform:rotate(180deg)}.accordion-content{padding:20px 20px 24px;background-color:#fff}app-add-student-form,app-add-staff-form,app-add-admin-form,app-users-bulkupload{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;width:100%;box-sizing:border-box;overflow:hidden}app-personal-info-step,app-address-step,app-student-academic-step,app-student-guardian-step,app-student-additional-step,app-staff-professional-step,app-staff-payroll-step,app-admin-access-step{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.onboard-container{display:flex;flex-direction:column;height:100%;width:100%;flex:1 1 auto;min-height:0;background-color:var(--color-bg-body, #f8fafc);overflow:hidden;box-sizing:border-box}.onboard-header,.enroll-header{display:flex;align-items:center;gap:12px;padding:14px 24px 10px;flex-shrink:0;background-color:transparent;box-sizing:border-box}.onboard-header__left,.enroll-header__left{display:flex;align-items:center;gap:12px}.onboard-header__title,.enroll-header__title{font-family:var(--font-family-base, "Inter", sans-serif);font-size:18px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.enroll-back-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--color-border-subtle, #e4ecf1);background:var(--color-bg-surface, #ffffff);color:var(--color-brand-primary, #094060);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.enroll-back-btn:hover{border-color:var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523)}.onboard-scroll-area,.enroll-stepper-layout{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 24px 20px;box-sizing:border-box}.onboard-scroll-area::-webkit-scrollbar,.enroll-stepper-layout::-webkit-scrollbar{width:6px}.onboard-scroll-area::-webkit-scrollbar-thumb,.enroll-stepper-layout::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.onboard-scroll-area::-webkit-scrollbar-track,.enroll-stepper-layout::-webkit-scrollbar-track{background:transparent}.stepper-body-row{display:flex;flex-direction:row;width:100%;gap:24px;box-sizing:border-box}.onboard-content-panel,.stepper-content-panel{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:16px;box-sizing:border-box}.stepper-content-card{background-color:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:var(--radius-2xl, 16px);padding:20px 24px;display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.stepper-content-card__header{display:flex;align-items:center;gap:12px;width:100%}.stepper-content-card__icon{width:40px;height:40px;border-radius:10px;background-color:var(--color-bg-subtle, #f0f6ff);color:var(--color-primary-500, #ef4523);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.stepper-content-card__icon--small{width:32px;height:32px;font-size:14px}.stepper-content-card__title{font-family:var(--font-family-base, "Inter", sans-serif);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.onboard-fixed-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background-color:var(--color-bg-surface, #ffffff);border-top:1px solid var(--color-border-subtle, #e4ecf1);flex-shrink:0;box-sizing:border-box;width:100%;z-index:20}.onboard-fixed-footer .onboard-footer__left{display:flex;flex-direction:column;gap:2px}.onboard-fixed-footer .onboard-footer__req{font-family:var(--font-family-base, "Inter", sans-serif);font-size:11px;color:var(--color-brand-secondary, #1a6fa3);margin:0}.onboard-fixed-footer .onboard-footer__req .text-danger{color:#d32f2f;font-weight:700}.onboard-fixed-footer .onboard-footer__hint{font-family:var(--font-family-base, "Inter", sans-serif);font-size:13px;color:var(--color-brand-secondary, #1a6fa3);margin:0}.onboard-fixed-footer .onboard-footer__actions{display:flex;align-items:center;gap:12px}.btn-footer-cancel{height:36px;padding:0 20px;border-radius:12px;border:none;background:transparent;color:var(--color-primary-500, #ef4523);font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-footer-cancel:hover{background-color:#fff5f2}.btn-footer-prev{height:36px;padding:0 20px;border-radius:12px;border:1px solid var(--color-border-subtle, #e4ecf1);background:var(--color-bg-surface, #ffffff);color:var(--color-brand-primary, #094060);font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-footer-prev:hover{border-color:var(--color-primary-500, #ef4523);color:var(--color-primary-500, #ef4523)}.btn-footer-next,.btn-footer-submit{height:36px;padding:0 20px;border-radius:12px;border:none;background:var(--color-primary-500, #ef4523);color:#fff;font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.btn-footer-next:hover:not(:disabled),.btn-footer-submit:hover:not(:disabled){background-color:#d6381a}.btn-footer-next:disabled,.btn-footer-submit:disabled{opacity:.6;cursor:not-allowed}.app-layout{display:flex;flex-direction:row;height:100vh;overflow:hidden;background-color:#fff}.main-content{display:flex;flex-direction:column;align-items:stretch;gap:16px;flex:1 0 0;min-width:0;width:100%;background:var(--background-surface, #fff);overflow:hidden;height:100%}.top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;height:73px;background:#fff;padding:16px 32px;border-bottom:1px solid #eef2fb;border-top:1px solid #eef2fb;box-sizing:border-box;z-index:400;flex-shrink:0}.top-bar__search{display:flex;align-items:center;gap:8px;width:320px;background:#f8faff;border:1px solid #e4ecf1;border-radius:10px;padding:10px 14px;box-sizing:border-box}.top-bar__search-icon{color:#6b7aa0;font-size:14px;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.top-bar__search-input{flex:1 0 0;border:none;background:transparent;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:14px;color:var(--color-brand-primary, #094060)}.top-bar__search-input::placeholder{color:var(--color-brand-secondary, #1a6fa3)}.top-bar__right{display:flex;align-items:center;gap:12px}.top-bar__divider{width:1px;height:24px;background-color:var(--color-border-default, #e4ecf1)}.brand{display:flex;align-items:center;gap:10px}.brand__logo-circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ef4523;box-shadow:0 2px 4px #ef452333}.brand__text{font-size:20px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.brand__toggle-btn{background:none;border:none;cursor:pointer;color:#64748b;font-size:14px;margin-left:12px;padding:6px;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.brand__toggle-btn:hover{background-color:#f1f5f9;color:#0f172a}.school-logo{display:flex;align-items:center;gap:8px}.school-logo:not(:first-child){border-left:1px solid #e2e8f0;padding-left:20px}.school-logo__symbol{width:28px;height:28px}.school-logo__svg{width:100%;height:100%}.school-logo__text{display:flex;flex-direction:column;line-height:1.1}.school-logo__name-primary{font-size:13px;font-weight:700;color:var(--ds-school-color-primary);text-transform:uppercase}.school-logo__name-secondary{font-size:10px;font-weight:500;color:var(--ds-school-color-secondary)}.live-clock{font-size:14px;font-weight:500;color:#64748b;font-feature-settings:"tnum"}.notifications{position:relative}.notifications__btn{background:#f8faff;border:1px solid #e4ecf1;font-size:16px;color:#6b7aa0;cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.notifications__btn:hover{background-color:var(--color-border-subtle, #eef2fb);color:var(--color-brand-primary, #094060)}.notifications__badge{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:9999px;background-color:#ef4444}.user-profile{position:relative}.user-profile__trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px;border-radius:.5rem;background:transparent;border:none;transition:background-color .2s ease}.user-profile__trigger:hover{background-color:#f8faff}.user-profile__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.572px solid #dde8ff;padding:1.572px;background-clip:padding-box;box-sizing:border-box}.user-profile__details{display:flex;flex-direction:column;text-align:left;gap:2px}.user-profile__name{font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060);line-height:normal}.user-profile__role{font-size:11px;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.user-profile__arrow{font-size:10px;color:var(--color-brand-secondary, #1a6fa3);margin-left:4px}.user-profile__dropdown{position:absolute;top:110%;right:0;width:180px;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:4px;z-index:100}.user-profile__dropdown-label{padding:8px 12px 4px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-brand-secondary, #1a6fa3)}.user-profile__dropdown-divider{height:1px;margin:4px 8px;background:#e2e8f0}.user-profile__dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:.25rem;font-size:12px;color:#ef4444;cursor:pointer;text-align:left}.user-profile__dropdown-item:hover{background-color:#fee2e2}.user-profile__dropdown-item--role{color:var(--color-brand-primary, #094060)}.user-profile__dropdown-item--role:hover:not(:disabled){background-color:#f8faff}.user-profile__dropdown-item--role:disabled{cursor:default;opacity:1}.user-profile__dropdown-item--active{font-weight:600;color:var(--color-brand-primary, #094060)}.user-profile__dropdown-icon{font-size:12px}.app-body{display:flex;flex:1;overflow:hidden}.side-bar{width:248px;background:#012b43;padding:20px 16px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-y:auto}.side-bar::-webkit-scrollbar{width:6px;height:6px}.side-bar::-webkit-scrollbar-track{background:transparent}.side-bar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.side-bar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.side-bar__client-logo{width:216px;height:56px;background:#fff;border-radius:6px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px 8px;box-sizing:border-box;margin-bottom:24px}.side-bar__client-logo img{width:100%;height:100%;object-fit:contain}.side-bar__menu{display:flex;flex-direction:column;gap:4px;flex:1 0 0;width:100%}.side-bar__app-logo{margin-top:auto;width:216px;padding-top:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.side-bar__app-logo .myuktra-brand-logo{display:flex;align-items:center;gap:10px}.sidebar-search-box{display:flex;align-items:center;gap:8px;width:100%;height:36px;background:#f1f5f9;border-radius:.5rem;padding:0 12px;box-sizing:border-box}.sidebar-search-box__icon{color:#94a3b8;font-size:13px}.sidebar-search-box__input{width:100%;background:transparent;border:none;outline:none;font-size:13px;color:#0f172a}.sidebar-search-box__input::placeholder{color:#94a3b8}.menu-item-container{display:flex;flex-direction:column}.menu-item{display:flex;justify-content:space-between;align-items:center;width:100%;height:41px;background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 12px;cursor:pointer;box-sizing:border-box;color:#fff;font-weight:500;font-size:14px;transition:all .2s ease}.menu-item:hover{background-color:#ffffff1a;color:#fff}.menu-item:hover .menu-item__icon,.menu-item:hover .menu-item__caret,.menu-item:hover .menu-item__label{color:#fff}.menu-item__left{display:flex;align-items:center;gap:10px}.menu-item__icon{font-size:16px;width:20px;height:20px;text-align:center;display:flex;align-items:center;justify-content:center;color:#fff}.menu-item__label{font-size:14px;font-weight:500;color:#fff}.menu-item__caret{font-size:10px;color:#fff}.menu-item--active{background-color:#fff5f2!important;border:1px solid #ffa08e!important;color:#ef4523!important;font-weight:600!important}.menu-item--active .menu-item__icon,.menu-item--active .menu-item__caret,.menu-item--active .menu-item__label{color:#ef4523!important;font-weight:600!important}.submenu{display:flex;flex-direction:column;gap:2px;padding-left:8px;padding-top:4px;width:100%;box-sizing:border-box}.submenu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 40px;background:transparent;border:none;border-radius:6px;text-align:left;font-family:var(--font-family-base);font-size:13px;color:#6b7aa0;cursor:pointer;box-sizing:border-box;transition:all var(--ds-transition-base)}.submenu-item:hover{background-color:#f8faff;color:#ef4523}.submenu-item--active{background-color:#f0f6ff;color:#ef4523;font-weight:500}.submenu-item--active .submenu-item__indicator{background-color:#ef4523}.submenu-item__indicator{width:5px;height:5px;border-radius:50%;background-color:#cbd5e1;flex-shrink:0;transition:all var(--ds-transition-base)}.main-frame{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;background:#f8fafc;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;overflow:hidden;height:100%}.main-frame__content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow-y:auto}.main-frame__content::-webkit-scrollbar{width:6px;height:6px}.main-frame__content::-webkit-scrollbar-track{background:transparent}.main-frame__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.main-frame__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.main-frame__content{padding-bottom:12px}.main-frame__content router-outlet{display:none!important}.main-frame__content>:not(router-outlet){display:flex;flex-direction:column;flex:1;min-height:0;width:100%;align-self:stretch}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid #e4ecf1;font-family:var(--font-family-base);box-sizing:border-box;flex-shrink:0;background-color:#fff;width:100%}.app-footer__left{display:flex;align-items:center;gap:6px}.app-footer__text{font-size:12px;color:#848484;font-weight:400}.app-footer__brand{display:flex;align-items:center;gap:5.4px}.app-footer__logo-container{width:18.11px;height:18.11px;background-color:#ef4523;border-radius:8.15px;display:flex;align-items:center;justify-content:center;box-shadow:inset -1px 0 #2d2e4f1a}.app-footer__logo{width:9.06px;height:9.06px}.app-footer__brand-text{font-family:var(--font-family-base);font-size:10.87px;font-weight:600;color:#0f172b}.app-footer__divider{font-size:12px;color:#848484;margin:0 4px}.app-footer__version{display:flex;align-items:center;gap:4px}.app-footer__version-num{font-size:12px;color:#646464;font-weight:400}.app-footer__right{display:flex;align-items:center;gap:4px}.app-footer__time{font-size:12px;color:#646464;font-weight:400}.enroll-header{display:flex;align-items:center;margin-bottom:16px;box-sizing:border-box}.enroll-header__left{display:flex;align-items:center;gap:12px}.enroll-header__title{font-size:16px;font-weight:600;color:#0f172a;margin:0}.enroll-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background-color:#f1f5f9;border:none;color:#0f172a;cursor:pointer;transition:all .2s ease}.enroll-back-btn:hover{background-color:#e2e8f0}.enroll-content-container{display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(100vh - 180px);padding-right:4px}.enroll-content-container::-webkit-scrollbar{width:6px;height:6px}.enroll-content-container::-webkit-scrollbar-track{background:transparent}.enroll-content-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.enroll-content-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.enroll-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 0;border-top:1px solid #e2e8f0;margin-top:8px;box-sizing:border-box}.login-page{display:flex;min-height:100vh;min-height:100dvh;background:#fff}.login-left{flex:860 1 0;max-width:860px;padding:20px;box-sizing:border-box;min-height:100vh;min-height:100dvh}.login-left__panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:calc(100dvh - 40px);padding:64px;border-radius:20px;overflow:hidden;box-sizing:border-box}.login-left__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:20px;pointer-events:none}.login-left__overlay{position:absolute;inset:0;background:#012b4366;border-radius:20px;pointer-events:none}.login-brand{position:relative;z-index:1;width:216px;height:61.8px;flex-shrink:0}.login-brand__star{position:absolute;left:49.03px;top:0;width:35.13px;height:61.8px;display:block}.login-brand__wordmark{position:absolute;left:0;top:20.43px;width:216px;height:34.31px;display:block}.login-tagline{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;width:100%}.login-tagline__heading{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:36px;font-weight:700;line-height:1.2;color:#fff}.login-tagline__sub{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:400;line-height:1.5;color:#fffc}.login-right{flex:580 1 0;display:flex;flex-direction:column;align-items:center;padding:80px 100px;background:#fff;overflow-y:auto;box-sizing:border-box}.login-form-content{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:380px}.login-form-logo{display:block;width:250.66px;height:147.66px;flex-shrink:0}.login-header{display:flex;flex-direction:column;gap:12px;width:100%}.login-header__title{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:700;line-height:normal;color:#012b43}.login-header__sub{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:400;line-height:normal;color:#0f5580}.login-tabbed{display:flex;flex-direction:column;gap:20px;width:100%}.login-tabs{display:flex;gap:4px;width:100%;padding:4px;border-radius:18px;background:#f1f5f9;box-sizing:border-box}.login-tab{flex:1 0 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:10px 12px;border:none;border-radius:14px;background:transparent;color:#62748e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;line-height:16px;white-space:nowrap;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.login-tab--active{background:#fff;color:#012b43;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.login-tab__icon{display:block;width:14px;height:14px;flex-shrink:0;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:14px 14px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:14px 14px}.login-tab__icon--phone{mask-image:url(/images/login/icon-phone.svg);-webkit-mask-image:url(/images/login/icon-phone.svg)}.login-tab__icon--hash{mask-image:url(/images/login/icon-hash.svg);-webkit-mask-image:url(/images/login/icon-hash.svg)}.login-fields{display:flex;flex-direction:column;gap:16px;width:100%}.login-field{gap:8px;margin-bottom:0;width:100%}.login-field__label{font-size:13px;font-weight:600;color:#0f5580;line-height:normal}.login-field__hint{font-size:12px;font-weight:400;line-height:16px;color:#90a1b9}.login-input{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus-within{border-color:#ef4523;box-shadow:0 0 0 3px #ef45231f}.login-input__icon{display:block;width:16px;height:16px;flex-shrink:0}.login-input__field{flex:1 1 0;min-width:0;height:100%;border:none;outline:none;background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;color:#012b43}.login-input__field::placeholder{color:#90a1b9}.login-input__toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:#90a1b9;cursor:pointer;flex-shrink:0}.login-input__toggle img,.login-input__toggle fa-icon{display:block;width:16px;height:16px;font-size:16px}.login-input--phone{gap:0;padding:0 16px 0 0}.login-input--phone .login-input__field{padding-left:12px}.login-input__country{display:flex;align-items:center;gap:6px;height:100%;padding:0 12px 0 16px;border-right:1px solid #e2e8f0;flex-shrink:0}.login-input__flag{font-size:16px;line-height:1}.login-input__code{font-size:14px;font-weight:500;color:#012b43}.login-options{display:flex;align-items:center;justify-content:space-between;width:100%}.login-remember{gap:8px;font-size:13px;font-weight:500;color:#0f5580}.login-remember input[type=checkbox]{width:16px;height:16px;border-color:#767676;border-radius:2px}.login-forgot{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;color:#ef4523;cursor:pointer;white-space:nowrap}.login-forgot:hover{color:#d6381a}.login-actions{width:100%;max-width:380px}.login-actions ui-button{display:block;width:100%}.login-actions .btn-primary,.login-actions .ui-btn--primary,.login-actions ::ng-deep .ui-btn{width:100%;height:48px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;background-color:var(--ds-color-primary, #ef4523);color:#fff;font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;box-shadow:0 4px 12px #ef452340;box-sizing:border-box;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.login-actions .btn-primary:hover:not(:disabled),.login-actions .ui-btn--primary:hover:not(:disabled),.login-actions ::ng-deep .ui-btn:hover:not(:disabled){background-color:var(--ds-color-primary-dark, #dc3615);box-shadow:0 6px 16px #ef452359}.login-actions .btn-primary:active:not(:disabled),.login-actions .ui-btn--primary:active:not(:disabled),.login-actions ::ng-deep .ui-btn:active:not(:disabled){transform:scale(.99)}.login-actions .btn-primary:disabled,.login-actions .ui-btn--primary:disabled,.login-actions ::ng-deep .ui-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.login-actions .btn-primary .ui-btn__label,.login-actions .ui-btn--primary .ui-btn__label,.login-actions ::ng-deep .ui-btn .ui-btn__label{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family-base, "Inter", sans-serif);font-size:14px;font-weight:600;color:#fff}.login-actions .btn-primary--loading .login-cta__icon,.login-actions .ui-btn--primary--loading .login-cta__icon,.login-actions ::ng-deep .ui-btn--loading .login-cta__icon{display:none}.login-cta__icon{display:inline-block;width:16px;height:16px;flex-shrink:0;vertical-align:middle}.login-otp-header{display:flex;align-items:center;justify-content:space-between;width:100%}.login-otp-inputs{display:flex;gap:8px;width:100%}.login-otp-input{flex:1;min-width:0;height:48px;border:1px solid #e2e8f0;border-radius:8px;text-align:center;font-size:20px;font-weight:600;color:#012b43;background:#fff;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.login-otp-input:focus{border-color:#ef4523;box-shadow:0 0 0 3px #ef45231f}.login-otp-resend{display:flex;align-items:center;justify-content:space-between;width:100%}.login-alert{display:flex;align-items:center;gap:10px;width:100%;border-radius:8px;font-size:13px;font-weight:500;box-sizing:border-box}.login-alert fa-icon{font-size:14px;flex-shrink:0}.login-alert--success{padding:10px 16px;background:#dcfce7;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.login-alert--error{padding:12px 16px;background:#fee2e2;color:#ef4444;border:1px solid #fee2e2}@media(max-width:1200px){.login-right{padding:64px 48px}.login-left{padding:16px}.login-left__panel{padding:48px}}@media(max-width:960px){.login-left{display:none}.login-right{flex:1;max-width:none;padding:48px 24px}}@media(max-width:480px){.login-right{padding:32px 16px}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:0 24px;box-sizing:border-box}.page-header__text,.page-header__title-group{display:flex;flex-direction:column;gap:4px;flex:1 0 0;min-width:0}.page-header__title,.page-header .page-title{margin:0;font-family:var(--font-family-base, "Poppins", sans-serif);font-size:24px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.page-header__subtitle,.page-header .page-subtitle{margin:0;font-family:var(--font-family-base, "Poppins", sans-serif);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.page-header__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.page-header__actions .ui-btn--primary{height:36px!important;padding:10px 20px!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;background-color:var(--color-primary-500, #ef4523)!important;border:none!important;color:#fff!important}.users-page{display:flex;height:100%;width:100%;flex:1;min-height:0;flex-direction:column;align-items:stretch;align-self:stretch;box-sizing:border-box}.branches-page,.schools-page{display:flex;height:100%;width:100%;max-width:100%;min-width:0;flex:1 1 0;min-height:0;flex-direction:column;align-items:stretch;align-self:stretch;box-sizing:border-box;gap:16px;padding-top:0}.stats-container{display:flex;gap:16px;align-items:stretch;padding:0 24px;width:100%;box-sizing:border-box;margin-bottom:0}.stat-card{background:#fff;border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:12px;padding:12px 16px;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;height:100px;box-sizing:border-box;overflow:hidden}.stat-card--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:6px}.stat-card--horizontal{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--ds-spacing-1-5, 6px);padding:var(--ds-spacing-4, 16px);border-radius:var(--ds-radius-component, 12px);background-color:var(--ds-color-bg-surface, #ffffff);border:1px solid var(--neutral-200, #e4ecf1)}.stat-card--horizontal .stat-card__body{flex:1;display:flex;flex-direction:column;gap:var(--ds-spacing-1-5, 6px);min-width:0}.stat-card--horizontal .stat-card__value{font-family:var(--font-family-base);font-size:22px;font-weight:700;color:var(--neutral-700, #094060);line-height:normal;margin:0}.stat-card--horizontal .stat-card__label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--neutral-500, #1a6fa3);line-height:normal;margin:0}.stat-card--horizontal .stat-card__icon-wrapper,.stat-card--horizontal .stat-card-icon-wrapper{display:flex;width:42px;height:42px;justify-content:center;align-items:center;border-radius:10px;background-color:var(--color-bg-subtle, #f8faff);border:1px solid var(--color-border-subtle, #e4ecf1);flex-shrink:0}.stat-card--horizontal .stat-card__icon-wrapper fa-icon,.stat-card--horizontal .stat-card__icon-wrapper ::ng-deep fa-icon,.stat-card--horizontal .stat-card-icon-wrapper fa-icon,.stat-card--horizontal .stat-card-icon-wrapper ::ng-deep fa-icon{font-size:18px;display:flex;align-items:center;justify-content:center}.stat-card--horizontal .stat-card__icon-wrapper--blue,.stat-card--horizontal .stat-card-icon-wrapper--blue{background-color:#eff6ff;border-color:#dbeafe}.stat-card--horizontal .stat-card__icon-wrapper--blue fa-icon,.stat-card--horizontal .stat-card__icon-wrapper--blue ::ng-deep fa-icon,.stat-card--horizontal .stat-card-icon-wrapper--blue fa-icon,.stat-card--horizontal .stat-card-icon-wrapper--blue ::ng-deep fa-icon{color:#2563eb}.stat-card--horizontal .stat-card__icon-wrapper--orange,.stat-card--horizontal .stat-card-icon-wrapper--orange{background-color:#fff7ed;border-color:#ffedd5}.stat-card--horizontal .stat-card__icon-wrapper--orange fa-icon,.stat-card--horizontal .stat-card__icon-wrapper--orange ::ng-deep fa-icon,.stat-card--horizontal .stat-card-icon-wrapper--orange fa-icon,.stat-card--horizontal .stat-card-icon-wrapper--orange ::ng-deep fa-icon{color:#ef4523}.stat-card--horizontal .stat-card__icon-wrapper--green,.stat-card--horizontal .stat-card-icon-wrapper--green{background-color:#f0fdf4;border-color:#dcfce7}.stat-card--horizontal .stat-card__icon-wrapper--green fa-icon,.stat-card--horizontal .stat-card__icon-wrapper--green ::ng-deep fa-icon,.stat-card--horizontal .stat-card-icon-wrapper--green fa-icon,.stat-card--horizontal .stat-card-icon-wrapper--green ::ng-deep fa-icon{color:#16a34a}.stat-card--horizontal .stat-card__icon-wrapper--purple,.stat-card--horizontal .stat-card-icon-wrapper--purple{background-color:#faf5ff;border-color:#f3e8ff}.stat-card--horizontal .stat-card__icon-wrapper--purple fa-icon,.stat-card--horizontal .stat-card__icon-wrapper--purple ::ng-deep fa-icon,.stat-card--horizontal .stat-card-icon-wrapper--purple fa-icon,.stat-card--horizontal .stat-card-icon-wrapper--purple ::ng-deep fa-icon{color:#9333ea}.stat-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}.stat-card__top{display:flex;justify-content:space-between;align-items:center;width:100%}.stat-card__icon{font-size:16px;display:flex;align-items:center;justify-content:center;gap:16px;width:36px;height:36px;border-radius:8px;background-color:#fff;border:1px solid #e4ecf1;box-shadow:0 1px 2px #0000000d;color:var(--color-accent-blue-700);flex-shrink:0}.stat-card__icon--building{color:#16a34a}.stat-card__icon--detail{font-size:28px;color:#ef4523;flex-shrink:0}.stat-card__emoji{font-size:32px;line-height:1;flex-shrink:0}.stat-card__asset{width:32px;height:32px;flex-shrink:0;object-fit:contain;display:block}.stat-card__badge{padding:3px 8px;border-radius:99px;font-size:11px;font-weight:500}.stat-card__badge--blue{background-color:#e0ebff;color:#ef4523}.stat-card__badge--green{background-color:#dcfce7;color:#16a34a}.stat-card__badge--amber{background-color:#fef3c7;color:#f59e0b}.stat-card__badge--red{background-color:#fee2e2;color:#d32f2f}.stat-card__badge--gray{background-color:#f3f4f6;color:#4b5563}.stat-card__badge--purple{background-color:#faf5ff;color:#6b21a8}.stat-card__value{font-size:22px;font-weight:700;color:var(--color-brand-primary, #094060);font-family:var(--font-family-base);line-height:1.2}.stat-card__label{font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);font-family:var(--font-family-base)}.view-toggle{display:inline-flex;align-items:center;gap:0;padding:4px;border-radius:8px;border:1px solid #e4ecf1;background-color:var(--color-border-default, #e4ecf1);box-sizing:border-box}.view-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:6px 10px;border:none;border-radius:6px;background:transparent;color:#6b7aa0;cursor:pointer;font-size:14px;transition:all .2s ease}.view-toggle__btn--active{background-color:#fff;box-shadow:0 1px 3px #00000014;color:var(--color-brand-primary, #094060)}.view-toggle__btn:hover:not(.view-toggle__btn--active){color:#ef4523}.branch-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.branch-cell--link{padding:0;border:none;background:transparent;text-align:left;cursor:pointer}.branch-cell--link:hover .branch-cell__name{text-decoration:underline}.branch-cell__name{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:#ef4523;line-height:normal}.branch-cell__meta{font-family:var(--font-family-base);font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.admin-cell{display:flex;align-items:center;gap:8px;min-width:0}.admin-cell__avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:14px;background-color:#f0f6ff;color:#ef4523;font-family:var(--font-family-base);font-size:11px;font-weight:600;flex-shrink:0}.admin-cell__avatar--muted{background-color:#f8faff;color:var(--color-brand-secondary, #1a6fa3)}.admin-cell__info{display:flex;flex-direction:column;gap:1px;min-width:0}.admin-cell__name{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);line-height:normal}.admin-cell__email{font-family:var(--font-family-base);font-size:10px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.admin-cell--muted .admin-cell__name,.admin-cell--muted .admin-cell__email{color:var(--color-brand-secondary, #1a6fa3)}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;border:1px solid transparent;font-family:var(--font-family-base);font-size:12px;font-weight:600;line-height:normal;white-space:nowrap}.status-badge--active{background-color:#e6f4ea;border-color:#34a853;color:#137333}.status-badge--inactive{background-color:#fce8e6;border-color:#d32f2f;color:#d32f2f}.status-badge--completed{background-color:#f3f4f6;border-color:#e5e7eb;color:#4b5563}.status-badge--upcoming{background-color:#fef3c7;border-color:#fde68a;color:#b45309}.status-badge--archived{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.status-badge--current{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;font-weight:700}.users-card--flush{background:transparent;border:none;border-radius:0;margin-left:24px;margin-right:24px;overflow:visible}.branches-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;padding-bottom:8px;box-sizing:border-box}.branch-card{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#fff;border:1px solid #e4ecf1;border-radius:12px;box-sizing:border-box;overflow:hidden}.branch-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.branch-card__title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.branch-card__name{margin:0;font-family:var(--font-family-base);font-size:18px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.branch-card__meta{margin:0;font-family:var(--font-family-base);font-size:12px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.branch-card__status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;border:1px solid transparent;background-color:#fff;font-family:var(--font-family-base);font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.branch-card__status--active{border-color:#34a853;color:#137333}.branch-card__status--inactive{border-color:#d32f2f;color:#d32f2f}.branch-card__location{display:flex;align-items:center;gap:6px;width:100%;font-family:var(--font-family-base);font-size:13px;font-weight:400;color:#6b7aa0}.branch-card__location fa-icon{font-size:12px;color:#6b7aa0;flex-shrink:0}.branch-card__divider{width:100%;height:0;border-top:1px solid #e4ecf1}.branch-card__stats{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:4px 0;box-sizing:border-box}.branch-card__stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100px;flex-shrink:0}.branch-card__stat-value{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.branch-card__stat-label{font-family:var(--font-family-base);font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.branch-card__stat-divider{width:0;height:28px;border-left:1px solid #e4ecf1;flex-shrink:0}.branch-card__board{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #ef4523;border-radius:4px;font-family:var(--font-family-base);font-size:11px;font-weight:600;color:#ef4523;white-space:nowrap;flex-shrink:0}.branch-card__admin{display:flex;align-items:center;gap:8px;width:100%}.branch-card__avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:14px;background-color:var(--color-border-default, #e4ecf1);color:var(--color-brand-primary, #094060);font-family:var(--font-family-base);font-size:10px;font-weight:700;flex-shrink:0}.branch-card__admin-info{display:flex;flex-direction:column;gap:1px;min-width:0}.branch-card__admin-name{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);line-height:normal}.branch-card__admin-email{font-family:var(--font-family-base);font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.branch-card__actions{display:flex;gap:8px;width:100%}.branch-card__actions ui-button{flex:1}.branch-card__actions .ui-btn{width:100%!important;height:36px!important;border-radius:12px!important;font-weight:600!important}.branch-card__actions .ui-btn--outline{border:1px solid #1a6fa3!important;color:#6b7aa0!important;background-color:transparent!important;font-size:12px!important}.branch-card__actions .ui-btn--outline:hover:not(:disabled){background-color:#f8faff!important;border-color:#6b7aa0!important;color:var(--color-brand-primary, #094060)!important}.branch-card__actions .ui-btn--primary{background-color:#ef4523!important;border:none!important;color:#fff!important;font-size:14px!important}@media(max-width:1100px){.branches-grid{grid-template-columns:1fr}.branch-detail__panels{flex-direction:column}.stats-container--detail{flex-wrap:wrap}}.branches-page .stats-container{padding-top:0}.branches-page .action-bar{padding-top:4px;padding-bottom:4px}.branches-page .users-card{margin-top:0}.branches-page .users-card .table-container{width:100%;margin:0;border:none;border-radius:0;box-shadow:none}.branches-page .users-card--flush .ui-pagination{margin-top:8px;background:#fff;border:1px solid #eef2fb;border-radius:16px}.branches-page .ui-empty-state__title{color:#ef4523}.branches-page .ui-empty-state__actions .ui-btn--primary{height:36px!important;padding:10px 20px!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;background-color:#ef4523!important;border:none!important;color:#fff!important}.branches-page .ui-empty-state__actions .ui-btn--primary:hover:not(:disabled){background-color:#2f7aeb!important}.branch-detail{display:flex;flex-direction:column;gap:16px;width:100%;padding:0 24px 24px;box-sizing:border-box}.branch-detail__header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.branch-detail__title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.branch-detail__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.branch-detail__title{margin:0;font-family:var(--font-family-base);font-size:22px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.branch-detail__code{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;background-color:#ebf3ff;font-family:var(--font-family-base);font-size:10px;font-weight:600;color:#ef4523;line-height:normal}.branch-detail__subtitle{margin:0;font-family:var(--font-family-base);font-size:13px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.branch-detail__update-btn{flex-shrink:0}.branch-detail__update-btn .ui-btn{height:36px!important;padding:10px 20px!important;border-radius:12px!important;border-width:1.5px!important;border-color:#ef4523!important;color:#ef4523!important;font-size:14px!important;font-weight:600!important;background-color:#fff!important}.branch-detail__update-btn .ui-btn:hover:not(:disabled){background-color:#f0f6ff!important}.branch-detail__panels{display:flex;gap:24px;align-items:flex-start;width:100%}.stats-container--detail{gap:24px;padding:0}.stat-card--detail .stat-card__body{gap:2px}.stat-card--detail .stat-card__value{font-size:24px;font-weight:800}.stat-card--detail .stat-card__label{font-size:13px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3)}.branch-admin-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px;background-color:#fff;border:1px solid #e4ecf1;border-radius:12px;box-sizing:border-box}.branch-admin-bar__left{display:flex;align-items:center;gap:12px;min-width:0}.branch-admin-bar__avatar{width:40px;height:40px;border-radius:20px;object-fit:cover;flex-shrink:0}.branch-admin-bar__avatar--initials{display:flex;align-items:center;justify-content:center;background-color:#ebf3ff;color:#ef4523;font-family:var(--font-family-base);font-size:13px;font-weight:700}.branch-admin-bar__info{display:flex;flex-direction:column;gap:2px;min-width:0}.branch-admin-bar__name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.branch-admin-bar__name{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060);line-height:normal}.branch-admin-bar__badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;border:1px solid #c7b2f5;background-color:#f1ecff;font-family:var(--font-family-base);font-size:10px;font-weight:600;color:#6138d1;line-height:normal;white-space:nowrap}.branch-admin-bar__meta{margin:0;font-family:var(--font-family-base);font-size:12px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.branch-admin-bar__action{flex-shrink:0}.branch-admin-bar__action .ui-btn{height:36px!important;padding:10px 20px!important;border-radius:12px!important;border:none!important;background:transparent!important;color:#ef4523!important;font-size:14px!important;font-weight:600!important}.branch-admin-bar__action .ui-btn:hover:not(:disabled){background-color:#f0f6ff!important}.branch-info-panel{display:flex;flex:1 0 0;flex-direction:column;gap:12px;min-width:0;padding:20px;background-color:#fff;border:1px solid #e4ecf1;border-radius:16px;box-sizing:border-box}.branch-info-panel__title{margin:0;font-family:var(--font-family-base);font-size:15px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.branch-info-panel__rows{display:flex;flex-direction:column;gap:8px;width:100%}.branch-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:8px 0;border-bottom:1px solid #e4ecf1;box-sizing:border-box}.branch-info-row--last{border-bottom:none}.branch-info-row--stacked{flex-direction:column;align-items:flex-start;gap:10px;border-bottom:none}.branch-info-row__label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:#6b7aa0;line-height:normal;flex-shrink:0}.branch-info-row__value{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#111827;line-height:normal;text-align:right}.branch-grade-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%}.branch-grade-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;border:1px solid #e4ecf1;background-color:#f8faff;font-family:var(--font-family-base);font-size:11px;font-weight:600;color:#6b7aa0;line-height:normal;white-space:nowrap}.yuktra-id-pill{display:inline-flex;align-items:center;background:#f1ecff;border:1px solid #c7b2f5;border-radius:6px;padding:4px 8px;color:#6138d1;font-size:12px;font-weight:600;letter-spacing:.3px}.type-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;line-height:normal}.type-badge--student{background-color:#dcfce7!important;color:#16a34a!important}.type-badge--staff{background-color:#fef3c7!important;color:#b45309!important}.type-badge--admin{background-color:#f3e8ff!important;color:#8b2ede!important}.btn-icon-only ::ng-deep button,.btn-icon-only button{width:36px!important;height:36px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e4ecf1!important;border-radius:8px!important;background-color:#fff!important;color:#6b7aa0!important}.btn-icon-only ::ng-deep button fa-icon,.btn-icon-only ::ng-deep button ::ng-deep fa-icon,.btn-icon-only button fa-icon,.btn-icon-only button ::ng-deep fa-icon{color:#6b7aa0!important;font-size:16px!important}.attendance-table-box{border:1px solid #eceae6;border-radius:12px;overflow:hidden}.take-attendance-container{display:flex;flex-direction:column;gap:16px;width:100%;padding:24px;box-sizing:border-box}.take-attendance-header .page-title{font-size:24px;font-weight:700;color:var(--ds-color-gray-900, #111827);margin:0 0 4px}.take-attendance-header .page-subtitle{font-size:14px;color:var(--ds-color-gray-500, #6b7280);margin:0}.attendance-filter-card{background:var(--ds-color-white, #ffffff);border:1px solid var(--ds-color-gray-200, #e5e7eb);border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.attendance-filter-card .filter-field-group{display:flex;align-items:center;gap:8px;font-size:14px}.attendance-filter-card .filter-field-group .field-prefix{color:var(--ds-color-gray-500, #6b7280);font-weight:500}.attendance-filter-card .filter-field-group .filter-select,.attendance-filter-card .filter-field-group .filter-date-input{padding:8px 12px;border:1px solid var(--ds-color-gray-200, #e5e7eb);border-radius:8px;font-size:14px;font-weight:600;color:var(--ds-color-gray-900, #111827);background-color:#fff;outline:none}.attendance-filter-card .filter-field-group .filter-select:focus,.attendance-filter-card .filter-field-group .filter-date-input:focus{border-color:#f2562b}.attendance-filter-card .btn-load-records{margin-left:auto;background:#fff;border:1px solid #f2562b;color:#f2562b;font-size:14px;font-weight:600;padding:8px 20px;border-radius:20px;cursor:pointer;transition:all .2s ease}.attendance-filter-card .btn-load-records:hover{background:#fff5f2}.attendance-info-banner{background-color:#fff8f5;border:1px solid #fdeae4;border-radius:10px;padding:12px 20px;display:flex;align-items:center;gap:16px;font-size:14px;color:var(--ds-color-gray-700, #374151)}.attendance-info-banner .banner-highlight{font-weight:700;color:#f2562b}.attendance-info-banner .banner-divider{color:var(--ds-color-gray-300, #d1d5db)}.bulk-actions-toolbar{display:flex;align-items:center;gap:12px}.bulk-actions-toolbar .btn-bulk{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.bulk-actions-toolbar .btn-bulk.btn-mark-present{background-color:#fff;border:1px solid #22c55e;color:#16a34a}.bulk-actions-toolbar .btn-bulk.btn-mark-present:hover{background-color:#f0fdf4}.bulk-actions-toolbar .btn-bulk.btn-mark-absent{background-color:#fff;border:1px solid #ef4444;color:#dc2626}.bulk-actions-toolbar .btn-bulk.btn-mark-absent:hover{background-color:#fef2f2}.bulk-actions-toolbar .selected-count{font-size:13px;color:var(--ds-color-gray-400, #9ca3af)}.status-toggle-group{display:inline-flex;align-items:center;gap:6px}.status-toggle-group .toggle-btn{padding:4px 12px;border-radius:14px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;background-color:#f3f4f6;color:#9ca3af;transition:all .2s ease}.status-toggle-group .toggle-btn.toggle-present.active{background-color:#fff;border-color:#22c55e;color:#16a34a}.status-toggle-group .toggle-btn.toggle-absent.active{background-color:#fff;border-color:#ef4444;color:#dc2626}.cell-remarks .remark-select{padding:6px 10px;border:1px solid var(--ds-color-gray-200, #e5e7eb);border-radius:8px;font-size:13px;color:var(--ds-color-gray-600, #4b5563);outline:none;width:100%;max-width:200px;background-color:#fff}.attendance-footer-card{background:var(--ds-color-white, #ffffff);border:1px solid var(--ds-color-gray-200, #e5e7eb);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.attendance-footer-card .summary-counts{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ds-color-gray-700, #374151)}.attendance-footer-card .summary-counts .summary-divider{color:var(--ds-color-gray-300, #d1d5db)}.attendance-footer-card .summary-counts .text-green{color:#16a34a}.attendance-footer-card .summary-counts .text-red{color:#dc2626}.attendance-footer-card .summary-counts .text-orange{color:#ea580c}.attendance-footer-card .summary-counts .text-yellow{color:#ca8a04}.attendance-footer-card .footer-actions{display:flex;align-items:center;gap:12px}.attendance-footer-card .footer-actions .btn-cancel{padding:10px 20px;border-radius:20px;border:1px solid var(--ds-color-gray-200, #e5e7eb);background:#fff;font-size:14px;font-weight:600;color:var(--ds-color-gray-700, #374151);cursor:pointer}.attendance-footer-card .footer-actions .btn-cancel:hover{background:#f9fafb}.attendance-footer-card .footer-actions .btn-save-attendance{padding:10px 24px;border-radius:20px;border:none;background:#f2562b;font-size:14px;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 2px 4px #f2562b33}.attendance-footer-card .footer-actions .btn-save-attendance:hover{background:#e0451a}.details-right-column{flex:3;width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.details-table-card{background:#fff;border:1px solid #e4ecf1;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px #2d2e4f03}.details-table-card__header{padding:16px;display:flex;align-items:center}.details-table-card__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.details-grid-table{width:100%;border-collapse:collapse}.details-grid-table thead{background-color:var(--color-bg-subtle, #f8fbfd);border-bottom:1px solid #e4ecf1}.details-grid-table th{padding:12px 16px;font-family:var(--font-family-base);font-size:11px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);text-align:left;letter-spacing:.5px;text-transform:uppercase}.details-grid-table tbody tr{border-bottom:1px solid #e4ecf1}.details-grid-table tbody tr:last-child{border-bottom:none}.details-grid-table td{padding:12px 16px;font-family:var(--font-family-base);font-size:14px;vertical-align:middle}.details-grid-table__grade{font-weight:600;color:var(--color-brand-primary, #094060)}.details-grid-table__section{font-weight:400;color:var(--color-brand-secondary, #1a6fa3)}.details-grid-table__teacher{font-weight:600;color:var(--color-brand-primary, #094060)}.details-grid-table__empty{padding:24px;text-align:center;color:var(--color-brand-secondary, #1a6fa3);font-family:var(--font-family-base);font-size:14px}.details-pagination-bar{background:#fff;border-top:1px solid #e4ecf1;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;width:100%;box-sizing:border-box}.details-pagination-bar__left{display:flex;align-items:center;gap:20px}.details-pagination-bar__rows-option{display:flex;align-items:center;gap:10px}.details-pagination-bar__rows-label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3)}.details-pagination-bar__size-btn{border:1px solid #e4ecf1;background:#fff;border-radius:6px;padding:6px 10px;font-family:var(--font-family-base);font-size:12px;font-weight:500;color:var(--color-brand-primary, #094060);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:normal;transition:all .15s ease}.details-pagination-bar__size-btn:hover{background-color:var(--color-bg-subtle, #f8fbfd);border-color:var(--color-brand-secondary, #1a6fa3)}.details-pagination-bar__size-btn--active{background-color:#ef4523;border-color:#ef4523;color:#fff;font-weight:600}.details-pagination-bar__size-btn--active:hover{background-color:#ef4523;color:#fff}.details-pagination-bar__divider{width:1px;height:20px;background-color:var(--color-border-default, #e4ecf1)}.details-pagination-bar__info-text{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3)}.details-pagination-bar__right{display:flex;align-items:center;gap:6px}.details-pagination-bar__nav-btn{border:1px solid #e4ecf1;background:#fff;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060);transition:all .15s ease}.details-pagination-bar__nav-btn:hover:not(:disabled){background-color:var(--color-bg-subtle, #f8fbfd);border-color:var(--color-brand-secondary, #1a6fa3)}.details-pagination-bar__nav-btn:disabled{border-color:#f0f3f8;color:#c8d2e1;cursor:not-allowed}.details-pagination-bar__page-input-wrapper{background-color:var(--color-bg-subtle, #f8fbfd);border:1px solid #e4ecf1;border-radius:8px;width:52px;height:32px;display:flex;align-items:center;justify-content:center}.details-pagination-bar__page-input-text{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#ef4523}.details-pagination-bar__total-pages-text{font-family:var(--font-family-base);font-size:12px;color:var(--color-brand-secondary, #1a6fa3);font-weight:500}.details-sidebar-card{background:#fff;border:1px solid #e4ecf1;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 8px #2d2e4f03;box-sizing:border-box}.details-sidebar-card__title{font-family:var(--font-family-base);font-size:15px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0;border-bottom:1px solid #f0f3fa;padding-bottom:10px}.details-sidebar-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.details-sidebar-card__field{display:flex;flex-direction:column;gap:2px}.details-sidebar-card__field--full{grid-column:span 2}.details-sidebar-card__label{font-family:var(--font-family-base);font-size:11px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);text-transform:uppercase;margin:0;line-height:normal}.details-sidebar-card__value{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-primary, #094060);margin:0;line-height:1.4}.details-sidebar-card__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f3fa;padding-bottom:10px}.details-sidebar-card__header-title{font-family:var(--font-family-base);font-size:15px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.details-sidebar-card__assign-btn{background:none;border:none;padding:0;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#ef4523;cursor:pointer;transition:opacity .15s ease}.details-sidebar-card__assign-btn:hover{opacity:.8}.details-sidebar-card__teachers-list{display:flex;flex-direction:column;gap:12px}.details-teacher-item{display:flex;align-items:center;gap:12px}.details-teacher-item__avatar{width:32px;height:32px;border-radius:16px;object-fit:cover;background-color:var(--color-border-subtle, #eef2fb)}.details-teacher-item__info{display:flex;flex-direction:column;gap:2px}.details-teacher-item__name{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);line-height:normal}.details-teacher-item__summary{font-family:var(--font-family-base);font-size:11px;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.details-teacher-item__empty{font-family:var(--font-family-base);font-size:12px;color:var(--color-brand-secondary, #1a6fa3)}@media(max-width:992px){.details-split-container{flex-direction:column;gap:20px}.details-left-column,.details-right-column{width:100%;flex:none}}@media(max-width:768px){.details-stats-container{flex-wrap:wrap}.details-stats-container .details-stat-card{flex:1 1 calc(50% - 8px)}}@media(max-width:480px){.details-stats-container{flex-direction:column}.details-stats-container .details-stat-card{width:100%;flex:none}}.tmodal-body{display:flex;flex-direction:column;gap:24px;padding:24px;width:100%;box-sizing:border-box}.tmodal-field{display:flex;flex-direction:column;gap:12px;width:100%}.tmodal-field__label-row{display:flex;align-items:center;gap:4px;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060)}.tmodal-field__required{color:#ef4523;font-weight:700}.tmodal-search{position:relative;width:100%}.tmodal-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-brand-secondary, #1a6fa3);font-size:14px;pointer-events:none}.tmodal-search__input{width:100%;height:40px;padding:10px 14px 10px 38px;border:1px solid #e4ecf1;border-radius:8px;background-color:#f8faff;font-family:var(--font-family-base);font-size:13px;color:var(--color-brand-primary, #094060);box-sizing:border-box;transition:all .2s ease}.tmodal-search__input::placeholder{color:var(--color-brand-secondary, #1a6fa3)}.tmodal-search__input:focus{outline:none;border-color:#ef4523;background-color:#fff}.tmodal-teacher-list{border:1px solid #e4ecf1;border-radius:8px;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;width:100%;box-sizing:border-box;background-color:#fff}.tmodal-teacher-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:none;border-bottom:1px solid #eef2fb;background:none;cursor:pointer;width:100%;box-sizing:border-box;text-align:left;transition:all .15s ease}.tmodal-teacher-row:last-child{border-bottom:none}.tmodal-teacher-row:hover:not(.tmodal-teacher-row--disabled):not(.tmodal-teacher-row--selected){background-color:#f8faff}.tmodal-teacher-row--selected{background-color:#f0f6ff}.tmodal-teacher-row--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.tmodal-teacher-row__left{display:flex;align-items:center;gap:10px}.tmodal-teacher-row__avatar{width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:11px;font-weight:600;background-color:var(--color-border-subtle, #eef2fb);color:var(--color-brand-primary, #094060);transition:all .15s ease}.tmodal-teacher-row__avatar--selected{background-color:#ef4523;color:#fff}.tmodal-teacher-row__info{display:flex;flex-direction:column;gap:2px}.tmodal-teacher-row__name{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);line-height:normal}.tmodal-teacher-row__email{font-family:var(--font-family-base);font-size:11px;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.tmodal-teacher-row__badge{padding:4px 10px;border-radius:6px;font-family:var(--font-family-base);font-size:11px;font-weight:600;line-height:normal;text-align:center}.tmodal-teacher-row__badge--assigned{background-color:#f0f3f8;color:#8c9ba5}.tmodal-teacher-row__badge--selected{background-color:#fff;color:#ef4523}.tmodal-teacher-row__badge--available{background-color:#f0f6ff;color:#ef4523}.tmodal-teacher-row__empty{padding:16px;text-align:center;color:var(--color-brand-secondary, #1a6fa3);font-family:var(--font-family-base);font-size:13px}.tmodal-checklist{background-color:#f8faff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.tmodal-checklist__row{display:flex;align-items:center;gap:24px}.tmodal-checklist__grade-label{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);width:80px;flex-shrink:0}.tmodal-checklist__checkboxes{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.tmodal-checklist__item{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.tmodal-checklist__item-label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-primary, #094060)}.tmodal-checklist__help-text{font-family:var(--font-family-base);font-size:11px;color:var(--color-brand-secondary, #1a6fa3);margin-top:2px}.tmodal-row{display:flex;gap:20px;width:100%}@media(max-width:500px){.tmodal-row{flex-direction:column;gap:16px}}.tmodal-input{width:100%;height:40px;padding:10px 14px;border:1px solid #e4ecf1;border-radius:8px;background-color:#f8faff;font-family:var(--font-family-base);font-size:13px;color:var(--color-brand-primary, #094060);box-sizing:border-box;transition:all .2s ease}.tmodal-input--date{padding-right:38px}.tmodal-input:focus{outline:none;border-color:#ef4523;background-color:#fff}.tmodal-input--invalid{border-color:#ef4444!important;background-color:#fef2f2!important}.tmodal-error{font-family:var(--font-family-base);font-size:12px;color:#ef4444;margin-top:2px}.tmodal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;border-top:1px solid #eef2fb;padding-top:16px;margin-top:8px;width:100%}.att-root-wrapper,.att-page-container{display:flex;flex-direction:column;gap:24px;width:100%;padding:24px;box-sizing:border-box}.att-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;width:100%}.att-header-row__title{font-family:var(--font-family-base);font-size:20px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.att-header-row__subtitle{font-family:var(--font-family-base);font-size:13px;color:var(--color-brand-secondary, #1a6fa3);margin:4px 0 0}.att-header-row__actions{display:flex;align-items:center;gap:12px}.att-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%}.att-stat-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d}.att-stat-card__val{font-family:var(--font-family-base);font-size:24px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.att-stat-card__label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:#6b7aa0;margin:4px 0 0}.att-stat-card__icon-box{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.att-stat-card__icon-box--present{background:#dcfce7;color:#16a34a}.att-stat-card__icon-box--absent{background:#fee2e2;color:#dc2626}.att-stat-card__icon-box--late{background:#fef3c7;color:#d97706}.att-stat-card__icon-box--rate{background:#e0f2fe;color:#0284c7}.att-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-family:var(--font-family-base);font-size:12px;font-weight:600}.att-status-badge--present{background:#dcfce7;color:#16a34a}.att-status-badge--absent{background:#fee2e2;color:#dc2626}.att-status-badge--late{background:#fef3c7;color:#d97706}.att-status-badge--leave{background:#e0f2fe;color:#0284c7}.att-status-badge--pending{background:#f3f4f6;color:#6b7280}.att-edit-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:#92400e;font-family:var(--font-family-base);font-size:13px}.att-tabs-bar{display:flex;align-items:center;gap:8px;border-bottom:2px solid #e4ecf1;width:100%}.att-tab-item{padding:10px 18px;font-family:var(--font-family-base);font-size:14px;font-weight:600;color:#6b7aa0;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.att-tab-item--active{color:#ef4523;border-bottom-color:#ef4523}.att-control-bar{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:12px;border:1px solid var(--neutral-200, #e4ecf1);background:var(--neutral-50, #f8fbfd);box-sizing:border-box;width:100%}.att-control-bar__date-pill{display:flex;padding:8px 12px;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--neutral-200, #e4ecf1);background:var(--background-surface, #ffffff);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.att-control-bar__date-pill:hover{border-color:#ef4523}.att-control-bar__edit-icon{color:#ef4523;font-size:13px;cursor:pointer;margin-left:4px}.att-control-bar .att-clean-datepicker{background:transparent!important;border:none!important}.att-control-bar .att-clean-datepicker .p-datepicker-input{background:transparent!important;border:none!important;font-family:Poppins,sans-serif!important;font-size:14px!important;font-weight:500!important;color:var(--color-brand-primary, #094060)!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important;cursor:pointer!important;width:190px!important}.att-control-bar__actions{display:flex;align-items:center;gap:12px}.att-control-bar__btn{font-family:var(--font-family-base);font-size:14px;font-weight:600;border-radius:20px;padding:8px 20px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.att-control-bar__btn--outline{background:#fff;color:#ef4523;border:1.5px solid #ef4523}.att-control-bar__btn--outline:hover{background:#fff5f2}.att-control-bar__btn--filled{background:#ef4523;color:#fff;border:none;box-shadow:0 2px 6px #ef452340}.att-control-bar__btn--filled:hover{background:#d6381a}.att-clean-datepicker-panel,.p-datepicker-panel,body .att-clean-datepicker-panel{border-radius:14px!important;border:1px solid #e4ecf1!important;box-shadow:0 12px 36px #0940602e!important;background:#fff!important;background-color:#fff!important;font-family:Poppins,sans-serif!important;padding:16px!important;margin-top:6px!important;width:auto!important;min-width:260px!important;z-index:99999!important;position:absolute!important}.att-clean-datepicker-panel .p-datepicker-header,.p-datepicker-panel .p-datepicker-header,body .att-clean-datepicker-panel .p-datepicker-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding-bottom:10px!important;margin-bottom:12px!important;color:var(--color-brand-primary, #094060)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.att-clean-datepicker-panel .p-datepicker-title,.p-datepicker-panel .p-datepicker-title,body .att-clean-datepicker-panel .p-datepicker-title{display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--color-brand-primary, #094060)!important;font-size:15px!important;font-weight:700!important;margin:0 12px!important}.att-clean-datepicker-panel .p-datepicker-title button,.att-clean-datepicker-panel .p-datepicker-title span,.p-datepicker-panel .p-datepicker-title button,.p-datepicker-panel .p-datepicker-title span,body .att-clean-datepicker-panel .p-datepicker-title button,body .att-clean-datepicker-panel .p-datepicker-title span{margin-right:4px}.att-clean-datepicker-panel .p-datepicker-prev-button,.att-clean-datepicker-panel .p-datepicker-next-button,.att-clean-datepicker-panel .p-datepicker-prev-icon,.att-clean-datepicker-panel .p-datepicker-next-icon,.att-clean-datepicker-panel .p-datepicker-prev,.att-clean-datepicker-panel .p-datepicker-next,.p-datepicker-panel .p-datepicker-prev-button,.p-datepicker-panel .p-datepicker-next-button,.p-datepicker-panel .p-datepicker-prev-icon,.p-datepicker-panel .p-datepicker-next-icon,.p-datepicker-panel .p-datepicker-prev,.p-datepicker-panel .p-datepicker-next,body .att-clean-datepicker-panel .p-datepicker-prev-button,body .att-clean-datepicker-panel .p-datepicker-next-button,body .att-clean-datepicker-panel .p-datepicker-prev-icon,body .att-clean-datepicker-panel .p-datepicker-next-icon,body .att-clean-datepicker-panel .p-datepicker-prev,body .att-clean-datepicker-panel .p-datepicker-next{color:#ef4523!important;cursor:pointer!important}.att-clean-datepicker-panel .p-datepicker-calendar-container,.att-clean-datepicker-panel .p-datepicker-group-container,.p-datepicker-panel .p-datepicker-calendar-container,.p-datepicker-panel .p-datepicker-group-container,body .att-clean-datepicker-panel .p-datepicker-calendar-container,body .att-clean-datepicker-panel .p-datepicker-group-container{display:flex!important;flex-direction:row!important;gap:24px!important}.att-clean-datepicker-panel .p-datepicker-calendar,.att-clean-datepicker-panel .p-datepicker-group,.p-datepicker-panel .p-datepicker-calendar,.p-datepicker-panel .p-datepicker-group,body .att-clean-datepicker-panel .p-datepicker-calendar,body .att-clean-datepicker-panel .p-datepicker-group{flex:1 1 0%!important;width:250px!important}.att-clean-datepicker-panel .p-datepicker-weekday-cell,.att-clean-datepicker-panel th,.p-datepicker-panel .p-datepicker-weekday-cell,.p-datepicker-panel th,body .att-clean-datepicker-panel .p-datepicker-weekday-cell,body .att-clean-datepicker-panel th{padding:6px 0!important;text-align:center!important;font-size:12px!important;font-weight:600!important;color:var(--color-brand-secondary, #1a6fa3)!important}.att-clean-datepicker-panel .p-datepicker-day-cell,.att-clean-datepicker-panel td,.p-datepicker-panel .p-datepicker-day-cell,.p-datepicker-panel td,body .att-clean-datepicker-panel .p-datepicker-day-cell,body .att-clean-datepicker-panel td{padding:2px!important;text-align:center!important}.att-clean-datepicker-panel .p-datepicker-day,.p-datepicker-panel .p-datepicker-day,body .att-clean-datepicker-panel .p-datepicker-day{width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;font-size:13px!important;font-weight:500!important;color:var(--color-brand-primary, #094060)!important;transition:all .15s ease!important;margin:0 auto!important}.att-clean-datepicker-panel .p-datepicker-day:hover,.p-datepicker-panel .p-datepicker-day:hover,body .att-clean-datepicker-panel .p-datepicker-day:hover{background:#f1f5f9!important}.att-clean-datepicker-panel .p-datepicker-day.p-datepicker-day-selected,.p-datepicker-panel .p-datepicker-day.p-datepicker-day-selected,body .att-clean-datepicker-panel .p-datepicker-day.p-datepicker-day-selected{background:#ef4523!important;color:#fff!important;font-weight:700!important}.att-clean-datepicker-panel .p-datepicker-range-start,.p-datepicker-panel .p-datepicker-range-start,body .att-clean-datepicker-panel .p-datepicker-range-start{background:#ef4523!important;color:#fff!important;border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.att-clean-datepicker-panel .p-datepicker-range-end,.p-datepicker-panel .p-datepicker-range-end,body .att-clean-datepicker-panel .p-datepicker-range-end{background:#ef4523!important;color:#fff!important;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.att-clean-datepicker-panel .p-datepicker-range-selected,.p-datepicker-panel .p-datepicker-range-selected,body .att-clean-datepicker-panel .p-datepicker-range-selected{background:#fde8e4!important;color:var(--color-brand-primary, #094060)!important;border-radius:0!important}.att-clean-datepicker-panel .p-datepicker-monthpicker,.att-clean-datepicker-panel .p-monthpicker,.p-datepicker-panel .p-datepicker-monthpicker,.p-datepicker-panel .p-monthpicker,body .att-clean-datepicker-panel .p-datepicker-monthpicker,body .att-clean-datepicker-panel .p-monthpicker{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:8px 0!important;background:#fff!important}.att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month,.att-clean-datepicker-panel .p-datepicker-monthpicker button,.att-clean-datepicker-panel .p-monthpicker .p-datepicker-month,.att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month,.att-clean-datepicker-panel .p-monthpicker button,.p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month,.p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month,.p-datepicker-panel .p-datepicker-monthpicker button,.p-datepicker-panel .p-monthpicker .p-datepicker-month,.p-datepicker-panel .p-monthpicker .p-monthpicker-month,.p-datepicker-panel .p-monthpicker button,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month,body .att-clean-datepicker-panel .p-datepicker-monthpicker button,body .att-clean-datepicker-panel .p-monthpicker .p-datepicker-month,body .att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month,body .att-clean-datepicker-panel .p-monthpicker button{padding:8px 12px!important;border-radius:8px!important;font-family:Poppins,sans-serif!important;font-size:13px!important;font-weight:600!important;color:var(--color-brand-primary, #094060)!important;text-align:center!important;cursor:pointer!important;transition:all .15s ease!important;background:transparent!important;border:none!important}.att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month:hover,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month:hover,.att-clean-datepicker-panel .p-datepicker-monthpicker button:hover,.att-clean-datepicker-panel .p-monthpicker .p-datepicker-month:hover,.att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month:hover,.att-clean-datepicker-panel .p-monthpicker button:hover,.p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month:hover,.p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month:hover,.p-datepicker-panel .p-datepicker-monthpicker button:hover,.p-datepicker-panel .p-monthpicker .p-datepicker-month:hover,.p-datepicker-panel .p-monthpicker .p-monthpicker-month:hover,.p-datepicker-panel .p-monthpicker button:hover,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month:hover,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month:hover,body .att-clean-datepicker-panel .p-datepicker-monthpicker button:hover,body .att-clean-datepicker-panel .p-monthpicker .p-datepicker-month:hover,body .att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month:hover,body .att-clean-datepicker-panel .p-monthpicker button:hover{background:#f1f5f9!important;color:#ef4523!important}.att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-datepicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-datepicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker button.p-datepicker-month-selected,.att-clean-datepicker-panel .p-datepicker-monthpicker button.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-datepicker-month-selected,.att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-datepicker-month-selected,.att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,.att-clean-datepicker-panel .p-monthpicker button.p-datepicker-month-selected,.att-clean-datepicker-panel .p-monthpicker button.p-monthpicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-datepicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-monthpicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-datepicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker button.p-datepicker-month-selected,.p-datepicker-panel .p-datepicker-monthpicker button.p-monthpicker-month-selected,.p-datepicker-panel .p-monthpicker .p-datepicker-month.p-datepicker-month-selected,.p-datepicker-panel .p-monthpicker .p-datepicker-month.p-monthpicker-month-selected,.p-datepicker-panel .p-monthpicker .p-monthpicker-month.p-datepicker-month-selected,.p-datepicker-panel .p-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,.p-datepicker-panel .p-monthpicker button.p-datepicker-month-selected,.p-datepicker-panel .p-monthpicker button.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-datepicker-month.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker button.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-datepicker-monthpicker button.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker .p-datepicker-month.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker .p-monthpicker-month.p-monthpicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker button.p-datepicker-month-selected,body .att-clean-datepicker-panel .p-monthpicker button.p-monthpicker-month-selected{background:#ef4523!important;color:#fff!important}.att-admin-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;width:100%}@media(max-width:1100px){.att-admin-grid{grid-template-columns:1fr}}.att-bottom-cards-row{display:flex;gap:20px;width:100%}@media(max-width:900px){.att-bottom-cards-row{flex-direction:column}}.att-distribution-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a}.att-distribution-card__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0 0 24px}.att-distribution-card__body{display:flex;align-items:center;gap:48px}.att-donut-wrap{position:relative;width:216px;height:216px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.att-donut-wrap apx-chart{width:216px;height:216px;display:flex;align-items:center;justify-content:center}.att-donut-ring{width:216px;height:216px;border-radius:50%;background:conic-gradient(from -12deg,#22c55e 0% 93%,#ef4444 93% 100%);position:relative}.att-donut-ring:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;background:#fff}.att-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:1}.att-donut-center__pct{font-family:var(--font-family-base);font-size:26px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:1.1}.att-donut-center__label{font-family:var(--font-family-base);font-size:12px;color:var(--color-brand-secondary, #1a6fa3);margin-top:2px}.att-donut-legend{display:flex;flex-direction:column;gap:12px}.att-donut-legend__item{display:flex;align-items:center;gap:8px;font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060)}.att-donut-legend__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.att-donut-legend__dot--present{background:#22c55e}.att-donut-legend__dot--absent{background:#ef4444}.att-students-row-card{flex:1;background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a}.att-students-row-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.att-students-row-card__title-group{display:flex;align-items:center;gap:8px}.att-students-row-card__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.att-students-row-card__dot--absent{background:#ef4444}.att-students-row-card__dot--present{background:#22c55e}.att-students-row-card__title{font-family:var(--font-family-base);font-size:15px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.att-students-row-card__view-all{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#ef4523;background:none;border:none;cursor:pointer;padding:0;text-decoration:none}.att-students-row-card__view-all:hover{text-decoration:underline}.att-students-row-card__list{display:flex;flex-direction:column;gap:8px}.att-student-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #e4ecf1;border-radius:10px;min-height:59px;box-sizing:border-box}.att-student-item__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-border-default, #e4ecf1);color:var(--color-brand-primary, #094060);font-family:var(--font-family-base);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;flex-shrink:0;overflow:hidden}.att-student-item__avatar img{width:100%;height:100%;object-fit:cover}.att-student-item__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.att-student-item__name{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-student-item__meta{font-family:var(--font-family-base);font-size:12px;color:var(--color-brand-secondary, #1a6fa3);margin:0}.att-student-item__pct{font-family:var(--font-family-base);font-size:14px;font-weight:700;margin-left:auto;flex-shrink:0}.att-student-item__pct--absent{color:#ef4523}.att-student-item__pct--present{color:#16a34a}.att-key-metrics-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a}.att-key-metrics-card__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0 0 16px}.att-key-metrics-card__divider{height:1px;background:var(--color-border-default, #e4ecf1);margin-bottom:16px}.att-key-metrics-card__rows{display:flex;flex-direction:column;gap:12px}.att-key-metric-row{display:flex;align-items:center;justify-content:space-between}.att-key-metric-row__label{font-family:var(--font-family-base);font-size:14px;color:var(--color-brand-secondary, #1a6fa3)}.att-key-metric-row__val{display:flex;align-items:center;gap:4px;font-family:var(--font-family-base);font-size:14px;font-weight:700}.att-key-metric-row__val--best{color:#16a34a}.att-key-metric-row__val--warn{color:#ef4523}.att-activity-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a}.att-activity-card__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0 0 20px}.att-activity-card__list{display:flex;flex-direction:column;gap:12px}.att-activity-entry{display:flex;align-items:flex-start;gap:12px}.att-activity-entry__dot-col{padding-top:5px;flex-shrink:0}.att-activity-entry__dot{display:block;width:8px;height:8px;border-radius:50%;background:#ef4523}.att-activity-entry__content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.att-activity-entry__text{font-family:var(--font-family-base);font-size:13px;color:var(--color-brand-primary, #094060);line-height:1.4;margin:0}.att-activity-entry__time{font-family:var(--font-family-base);font-size:12px;color:var(--color-brand-secondary, #1a6fa3);margin:0}.att-form-filters{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:12px;padding:12px 24px;box-sizing:border-box;flex-wrap:wrap;gap:16px}.att-form-filters__group{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.att-form-filters__field{display:flex;align-items:center;gap:12px}.att-form-filters__label{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060)}.att-form-filters__select-wrapper,.att-form-filters__date-input-wrapper{position:relative;display:inline-flex;align-items:center}.att-form-filters__select-wrapper select,.att-form-filters__select-wrapper input[type=date],.att-form-filters__date-input-wrapper select,.att-form-filters__date-input-wrapper input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #e4ecf1;border-radius:8px;padding:8px 36px 8px 12px;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060);height:37px;min-width:130px;box-sizing:border-box;outline:none;cursor:pointer;transition:border-color .2s ease}.att-form-filters__select-wrapper select:focus,.att-form-filters__select-wrapper input[type=date]:focus,.att-form-filters__date-input-wrapper select:focus,.att-form-filters__date-input-wrapper input[type=date]:focus{border-color:#ef4523}.att-form-filters__chevron{position:absolute;right:12px;color:var(--color-brand-secondary, #1a6fa3);pointer-events:none;font-size:12px}.att-form-filters__calendar-icon{position:absolute;right:12px;color:#ef4523;pointer-events:none;font-size:14px}.att-form-filters__btn{height:37px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px}.att-summary-banner{display:flex;align-items:center;gap:16px;width:100%;background:var(--accent-blue-50, #f8fbfd);border:1px solid var(--border-light, #eef2fb);border-radius:8px;padding:12px 16px;box-sizing:border-box;font-family:var(--font-family-base);font-size:13px;font-weight:400;color:var(--color-brand-primary, #094060);white-space:nowrap}.att-summary-banner__highlight{color:#ef4523;font-weight:600}.att-summary-banner__separator{color:var(--color-brand-secondary, #1a6fa3);font-weight:400}.att-actions-row{display:flex;align-items:center;gap:12px;width:100%}.att-actions-row__btn{font-family:var(--font-family-base);font-size:13px;font-weight:600;padding:6px 16px;border-radius:6px;cursor:pointer;background:#fff;transition:all .2s ease}.att-actions-row__btn--present{border:1px solid #22c55e;color:#16a34a}.att-actions-row__btn--present:hover{background:#e8fbf0}.att-actions-row__btn--absent{border:1px solid #ef4444;color:#dc2626}.att-actions-row__btn--absent:hover{background:#fde8e8}.att-actions-row__count{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);margin-left:8px}.att-marking-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-family-base)}.att-marking-table thead th{background:#f8fafc;border-bottom:1px solid #e4ecf1;color:#6b7aa0;font-size:12px;font-weight:600;text-transform:uppercase;padding:12px 16px;text-align:left}.att-marking-table thead th:first-child{border-top-left-radius:8px}.att-marking-table thead th:last-child{border-top-right-radius:8px}.att-marking-table tbody tr{transition:background-color .15s ease}.att-marking-table tbody tr:hover{background-color:#f8fafc}.att-marking-table tbody td{padding:10px 16px;border-bottom:1px solid #e4ecf1;font-size:14px;vertical-align:middle;color:var(--color-brand-primary, #094060)}.att-marking-table__index{color:var(--color-brand-secondary, #1a6fa3)!important;font-weight:600}.att-marking-table__name{color:var(--color-brand-primary, #094060)!important;font-weight:700}.att-marking-table__roll{color:var(--color-brand-secondary, #1a6fa3)!important;font-weight:600}.att-status-toggle{display:inline-flex;gap:8px}.att-status-toggle__btn{font-family:var(--font-family-base);font-size:13px;font-weight:600;padding:4px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease}.att-status-toggle__btn--present{border:1px solid #e2e8f0;background:transparent;color:#64748b}.att-status-toggle__btn--present-active{border-color:#22c55e;background:#e8fbf0;color:#16a34a}.att-status-toggle__btn--absent{border:1px solid #e2e8f0;background:transparent;color:#64748b}.att-status-toggle__btn--absent-active{border-color:#ef4444;background:#fde8e8;color:#dc2626}.att-select-field{position:relative;display:inline-flex;align-items:center;width:100%;max-width:180px}.att-select-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;background:#f8fafc;border:1px solid #e4ecf1;border-radius:6px;padding:6px 32px 6px 12px;font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-primary, #094060);outline:none;cursor:pointer;transition:all .2s ease}.att-select-field select:focus:not(:disabled){border-color:#ef4523;background:#fff}.att-select-field select:disabled{background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed}.att-select-field__chevron{position:absolute;right:12px;color:#94a3b8;pointer-events:none;font-size:11px}.att-select-field__clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:2px 4px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease;z-index:2}.att-select-field__clear-btn:hover{color:#ef4523;background:#fde8e4}.att-footer-action-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 24px;border:1px solid #e4ecf1;border-radius:12px;background:var(--background-surface, #ffffff);box-sizing:border-box}.att-footer-action-bar__metrics{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060)}.att-footer-action-bar__metric-val{font-weight:700}.att-footer-action-bar__metric-val--present{color:#16a34a}.att-footer-action-bar__metric-val--absent{color:#dc2626}.att-footer-action-bar__metric-sep{color:var(--color-border-default, #e4ecf1);margin:0 10px;font-weight:300}.att-footer-action-bar__buttons{display:flex;align-items:center;gap:16px}.att-footer-action-bar__btn{font-family:var(--font-family-base);font-size:14px;font-weight:600;height:40px;padding:0 24px;border-radius:20px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.att-footer-action-bar__btn--cancel{background:transparent;border:none;color:var(--color-brand-primary, #094060)}.att-footer-action-bar__btn--cancel:hover{background:#f1f5f9;color:#ef4523}.att-footer-action-bar__btn--save{background:#ef4523;color:#fff;border:none;box-shadow:0 2px 6px #ef452340}.att-footer-action-bar__btn--save:hover{background:#d6381a}.att-header-row__back-title{display:flex;align-items:center;gap:16px}.att-back-btn{background:transparent;border:none;color:#ef4523;font-size:16px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid #e4ecf1}.att-back-btn:hover{background:#fff5f2;border-color:#ffdcd3}.att-roster-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:16px 0 0;box-shadow:0 1px 3px #0000000a}.att-roster-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px 16px;border-bottom:1px solid #e4ecf1}.att-roster-header__count{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3)}.att-search-box{position:relative;display:inline-flex;align-items:center;width:260px;height:36px;background:#fff;border:1px solid #e4ecf1;border-radius:8px;padding:0 12px;box-sizing:border-box}.att-search-box__icon{color:var(--color-brand-secondary, #1a6fa3);margin-right:8px;font-size:13px}.att-search-box input{width:100%;border:none;background:transparent;font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-primary, #094060);outline:none}.att-search-box input ::placeholder{color:#94a3b8}.att-roster-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-family-base)}.att-roster-table thead th{background:#fff;border-bottom:1px solid #e4ecf1;color:#6b7aa0;font-size:12px;font-weight:600;text-transform:uppercase;padding:12px 24px;text-align:left}.att-roster-table tbody tr{transition:background-color .15s ease}.att-roster-table tbody tr:hover{background-color:#f8fafc}.att-roster-table tbody tr:last-child td{border-bottom:none}.att-roster-table tbody tr:last-child td:first-child{border-bottom-left-radius:14px}.att-roster-table tbody tr:last-child td:last-child{border-bottom-right-radius:14px}.att-roster-table tbody td{padding:12px 24px;border-bottom:1px solid #e4ecf1;font-size:14px;vertical-align:middle;color:var(--color-brand-primary, #094060)}.att-roster-table__index{color:var(--color-brand-secondary, #1a6fa3)!important;font-weight:600}.att-roster-table__name{color:var(--color-brand-primary, #094060)!important;font-weight:700}.att-roster-table__remark{color:var(--color-brand-primary, #094060)!important;font-weight:500}.att-status-display{display:inline-flex;align-items:center;gap:8px}.att-status-display__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.att-status-display__dot--present{background:#22c55e}.att-status-display__dot--absent{background:#ef4444}.att-status-display__text{font-family:var(--font-family-base);font-size:14px;font-weight:600}.att-status-display__text--present{color:#16a34a}.att-status-display__text--absent{color:#dc2626}.att-percentage-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;align-items:center}.att-percentage-card__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0 0 20px;align-self:flex-start}.att-percentage-card__chart-wrap{position:relative;width:110px;height:110px;flex-shrink:0;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.att-percentage-card__chart-wrap apx-chart{width:110px;height:110px;display:flex;align-items:center;justify-content:center}.att-percentage-card__chart-ring{width:110px;height:110px;border-radius:50%;background:conic-gradient(from -36deg,#22c55e 0% 90.5%,#ef4444 90.5% 100%);position:relative}.att-percentage-card__chart-ring:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#fff}.att-percentage-card__chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:1}.att-percentage-card__pct{font-family:var(--font-family-base);font-size:18px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:1.1}.att-percentage-card__label{font-family:var(--font-family-base);font-size:10px;color:var(--color-brand-secondary, #1a6fa3);margin-top:1px}.att-percentage-card__desc{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);text-align:center;line-height:1.4;margin:0 0 20px}.att-percentage-card__stats{width:100%;border-top:1px solid #e4ecf1;padding-top:12px;display:flex;flex-direction:column;gap:10px}.att-percentage-card__row{display:flex;align-items:center;justify-content:space-between}.att-percentage-card__stat-label{font-family:var(--font-family-base);font-size:13px;color:#6b7aa0}.att-percentage-card__stat-val{font-family:var(--font-family-base);font-size:14px;font-weight:700;color:var(--color-brand-primary, #094060)}.att-percentage-card__stat-val--present{color:#16a34a}.att-percentage-card__stat-val--absent{color:#dc2626}.att-session-details-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a}.att-session-details-card__title{font-family:var(--font-family-base);font-size:15px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.att-session-details-card__list{display:flex;flex-direction:column;gap:12px}.att-session-detail-item{display:flex;align-items:center;gap:12px}.att-session-detail-item__icon{color:var(--color-brand-secondary, #1a6fa3);font-size:14px;width:16px;text-align:center;flex-shrink:0}.att-session-detail-item__icon--check{color:#16a34a}.att-session-detail-item__text{font-family:var(--font-family-base);font-size:13px;color:#6b7aa0}.att-session-detail-item__val{color:var(--color-brand-primary, #094060);font-weight:600}.att-sidebar-actions{display:flex;flex-direction:column;gap:12px;width:100%}.att-sidebar-actions__btn{font-family:var(--font-family-base);font-size:14px;font-weight:600;height:44px;border-radius:22px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.att-sidebar-actions__btn--edit{background:#ef4523;color:#fff;border:none;box-shadow:0 2px 6px #ef452340}.att-sidebar-actions__btn--edit:hover{background:#d6381a}.att-sidebar-actions__btn--print{background:#fff;color:var(--color-brand-primary, #094060);border:1.5px solid #e4ecf1}.att-sidebar-actions__btn--print:hover{background:#f8fafc;border-color:#cbd5e1}.att-action-dot-btn{background:transparent;border:none;color:#6b7aa0;font-size:14px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.att-action-dot-btn:hover{background:#f1f5f9;color:#ef4523}.att-calendar-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a}.att-calendar-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px}.att-calendar-header__nav-btn{background:#fff;border:1px solid #e4ecf1;color:#6b7aa0;font-size:14px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.att-calendar-header__nav-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#ef4523}.att-calendar-header__title{font-family:var(--font-family-base);font-size:18px;font-weight:700;color:var(--color-brand-primary, #094060)}.att-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center;margin-bottom:12px}.att-calendar-weekdays span{font-family:var(--font-family-base);font-size:12px;font-weight:600;color:#6b7aa0;text-transform:uppercase}.att-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.att-calendar-grid__day{height:40px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060);border-radius:8px;box-sizing:border-box;transition:all .2s ease}.att-calendar-grid__day--present{background:#e8fbf0;color:#16a34a}.att-calendar-grid__day--absent{background:#fde8e8;color:#dc2626}.att-calendar-grid__day--half-day{background:#fff7ed;color:#ea580c}.att-calendar-grid__day--upcoming{background:#f8fafc;color:var(--color-brand-secondary, #1a6fa3)}.att-calendar-grid__day--active{border:2px solid #ef4523;box-shadow:0 0 0 2px #ef452326}.att-calendar-grid__day--empty{background:transparent;pointer-events:none;visibility:hidden}.att-calendar-legend{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-top:24px;flex-wrap:wrap}.att-calendar-legend__item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-family-base);font-size:12px;font-weight:600;color:#6b7aa0}.att-calendar-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.att-calendar-legend__dot--present{background:#22c55e}.att-calendar-legend__dot--absent{background:#ef4444}.att-calendar-legend__dot--half-day{background:#ea580c}.att-calendar-legend__dot--upcoming{background:#64748b}.att-performance-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.att-performance-card__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0 0 24px;align-self:flex-start}.att-performance-card__chart-wrap{position:relative;width:216px;height:216px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:24px}.att-performance-card__chart-wrap apx-chart{width:100%;height:100%;display:block}.att-performance-card__chart-ring{width:216px;height:216px;border-radius:50%;background:conic-gradient(from -27deg,#22c55e 0% 92.5%,#ef4444 92.5% 100%);position:relative}.att-performance-card__chart-ring:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;background:#fff}.att-performance-card__chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:1}.att-performance-card__pct{font-family:var(--font-family-base);font-size:26px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:1.1}.att-performance-card__label{font-family:var(--font-family-base);font-size:12px;color:var(--color-brand-secondary, #1a6fa3);margin-top:2px}.att-student-performance-stats{display:flex;gap:16px;width:100%;margin-top:20px}.att-stat-box{flex:1;background:#f8fafc;border:1px solid #e4ecf1;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.att-stat-box__header{display:flex;align-items:center;gap:8px;font-family:var(--font-family-base);font-size:12px;font-weight:600;color:#6b7aa0}.att-stat-box__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.att-stat-box__dot--present{background:#22c55e}.att-stat-box__dot--absent{background:#ef4444}.att-stat-box__val{font-family:var(--font-family-base);font-size:22px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:1.1}.att-leave-history-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a;width:100%;box-sizing:border-box;margin-top:20px}.att-leave-history-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.att-leave-history-card__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.att-leave-history-card__view-all{background:transparent;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#ef4523;padding:0;display:inline-flex;align-items:center;gap:4px}.att-leave-history-card__view-all:hover{text-decoration:underline}.att-leave-history-card__arrow{font-size:15px}.att-leave-history-card__list{display:flex;flex-direction:column}.att-leave-history-card__divider{height:1px;background:var(--color-border-default, #e4ecf1);width:100%}.att-leave-entry{display:flex;align-items:center;justify-content:space-between;padding:14px 0;width:100%}.att-leave-entry__details{display:flex;flex-direction:column;gap:2px}.att-leave-entry__type{font-family:var(--font-family-base);font-size:14px;font-weight:700;color:var(--color-brand-primary, #094060)}.att-leave-entry__date{font-family:var(--font-family-base);font-size:12px;color:#6b7aa0}.att-leave-badge{font-family:var(--font-family-base);font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.att-leave-badge--approved{background:#e8fbf0;color:#16a34a}.att-leave-badge--unapplied{background:#fde8e8;color:#dc2626}.att-class-selector{display:flex;align-items:center;gap:8px}.att-class-selector__label{font-family:var(--font-family-base);font-size:12px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3)}.att-select-field--header select{height:36px;padding:0 32px 0 12px;font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-primary, #094060);background:#fff;border:1px solid #e4ecf1;border-radius:8px;width:119px;cursor:pointer}.att-select-field--header .att-select-field__chevron{right:12px;font-size:11px;color:var(--color-brand-secondary, #1a6fa3)}.att-teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;align-items:stretch}.att-distribution-card{display:flex;flex-direction:column;align-items:center}.att-distribution-card__chart-section{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:8px}.att-distribution-card__chart-wrap{position:relative;width:250px;height:250px;flex-shrink:0;margin-bottom:24px}.att-distribution-card__chart-ring{width:250px;height:250px;border-radius:50%;background:conic-gradient(from -23deg,#22c55e 0% 93.5%,#ef4444 93.5% 100%);position:relative}.att-distribution-card__chart-ring:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:174px;height:174px;border-radius:50%;background:#fff}.att-distribution-card__chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:1}.att-distribution-card__pct{font-family:var(--font-family-base);font-size:32px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:1.1}.att-distribution-card__label{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#6b7aa0;margin-top:2px}.att-distribution-card__legends{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.att-distribution-card__legend-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#6b7aa0}.att-distribution-card__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.att-distribution-card__dot--present{background:#22c55e}.att-distribution-card__dot--absent{background:#ef4444}.att-ranking-card{padding:20px;background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.att-ranking-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px}.att-ranking-card__title-group{display:flex;align-items:center;gap:8px}.att-ranking-card__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.att-ranking-card__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.att-ranking-card__dot--present{background:#22c55e}.att-ranking-card__dot--absent{background:#ef4444}.att-ranking-card__view-all{background:transparent;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:#ef4523;padding:0}.att-ranking-card__view-all:hover{text-decoration:underline}.att-ranking-card__list{display:flex;flex-direction:column;gap:8px;flex:1}.att-ranking-card__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;background:var(--color-bg-subtle, #f8fbfd);border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-family:var(--font-family-base);font-size:13px;font-weight:500;flex:1;min-height:220px}.att-ranking-card__empty-icon{font-size:22px;color:#94a3b8}.att-ranking-row{display:flex;align-items:center;gap:12px;padding:10px;background:var(--color-bg-subtle, #f8fbfd);border:1px solid #e4ecf1;border-radius:8px;box-sizing:border-box}.att-ranking-row__avatar{width:32px;height:32px;border-radius:50%;background:#edf5fa;border:1px solid #edf5fa;color:var(--color-brand-secondary, #1a6fa3);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:11px;font-weight:700;flex-shrink:0;overflow:hidden}.att-ranking-row__avatar img{width:100%;height:100%;object-fit:cover}.att-ranking-row__details{display:flex;flex-direction:column;flex-grow:1;gap:2px;min-width:0}.att-ranking-row__name{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-ranking-row__desc{font-family:var(--font-family-base);font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);margin:0}.att-ranking-row__badge{font-family:var(--font-family-base);font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;background:#edf5fa;color:var(--color-brand-secondary, #1a6fa3);flex-shrink:0}.att-leave-requests-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a;width:100%;box-sizing:border-box;margin-top:24px}.att-leave-requests-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.att-leave-requests-card__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.att-leave-requests-card__view-all{background:transparent;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#ef4523;padding:0;display:inline-flex;align-items:center;gap:4px}.att-leave-requests-card__view-all:hover{text-decoration:underline}.att-leave-requests-card__arrow{font-size:15px}.att-marking-table--teacher-leaves .att-marking-table__name--link{color:#ef4523;font-weight:700;cursor:pointer}.att-marking-table--teacher-leaves .att-marking-table__name--link:hover{text-decoration:underline}.att-marking-table--teacher-leaves .att-marking-table__reason{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7aa0}.att-marking-table--teacher-leaves .att-marking-table__dash{color:#94a3b8;font-weight:600}.att-parent-header-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px}.att-parent-header-row__title{font-family:var(--font-family-base);font-size:26px;font-weight:800;color:#012b43;margin:0}.att-parent-header-row__right{display:flex;align-items:center;gap:24px}.att-parent-header-row__apply-btn{background:#ef4523;color:#fff;border:none;height:36px;border-radius:12px;padding:0 20px;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #ef452340;transition:background .2s ease}.att-parent-header-row__apply-btn:hover{background:#d6381a}.att-control-bar__edit-text{font-family:var(--font-family-base);font-size:13px;font-weight:700;color:#ef4523;cursor:pointer;margin-left:8px;text-transform:uppercase}.att-control-bar__edit-text:hover{text-decoration:underline}.att-performance-card--parent .att-performance-card__chart-ring{background:conic-gradient(from -47deg,#22c55e 0% 76.2%,#ef4444 76.2% 100%)}.att-parent-overview-stats{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:24px;border-top:1px solid #e4ecf1;padding-top:16px}.att-parent-overview-stats__row{display:flex;align-items:center;justify-content:space-between;width:100%}.att-parent-overview-stats__label{font-family:var(--font-family-base);font-size:13px;color:#6b7aa0;font-weight:600}.att-parent-overview-stats__val{font-family:var(--font-family-base);font-size:14px;font-weight:700;color:var(--color-brand-primary, #094060)}.att-parent-logs-card{background:var(--background-surface, #ffffff);border:1px solid #e4ecf1;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a;width:100%;box-sizing:border-box;margin-top:24px}.att-parent-logs-card__tabs-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px;border-bottom:1px solid #e4ecf1}.att-parent-logs-card__view-all{background:transparent;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#ef4523;padding:0 0 12px}.att-parent-logs-card__view-all:hover{text-decoration:underline}.att-parent-tabs{display:flex;gap:24px}.att-parent-tabs__item{background:transparent;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:15px;font-weight:600;color:#6b7aa0;padding:0 0 12px;position:relative;transition:color .2s ease}.att-parent-tabs__item--active{color:#ef4523}.att-parent-tabs__item--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#ef4523;border-radius:3px 3px 0 0}.att-marking-table--parent-logs .att-marking-table__day-cell{color:#6b7aa0;font-weight:500}.att-modal-overlay{position:fixed;inset:0;background:#09406073;display:flex;align-items:center;justify-content:center;z-index:1000}.att-modal-card{background:#fff;border-radius:16px;width:480px;max-width:90vw;padding:24px;box-shadow:0 8px 30px #0000001f;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.att-modal-header{display:flex;align-items:center;justify-content:space-between;width:100%}.att-modal-header__title{font-family:var(--font-family-base);font-size:18px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0}.att-modal-header__close-btn{background:transparent;border:none;cursor:pointer;color:#6b7aa0;font-size:16px;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease}.att-modal-header__close-btn:hover{background:#f1f5f9;color:#ef4523}.att-modal-body{display:flex;flex-direction:column;gap:16px;width:100%}.att-form-field{display:flex;flex-direction:column;gap:6px;width:100%}.att-form-field__label{font-family:var(--font-family-base);font-size:12px;font-weight:600;color:#6b7aa0}.att-form-row{display:flex;gap:16px;width:100%}.att-form-row .att-form-field--half{flex:1}.att-textarea-field{font-family:var(--font-family-base);font-size:13px;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;color:var(--color-brand-primary, #094060);resize:vertical;box-sizing:border-box;width:100%}.att-textarea-field:focus{outline:none;border-color:#ef4523}.att-file-upload{position:relative;width:100%}.att-file-upload__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.att-file-upload__label{border:1.5px dashed #cbd5e1;border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s ease;box-sizing:border-box;width:100%}.att-file-upload__label:hover{background:#f8fafc}.att-file-upload__icon{color:#6b7aa0;font-size:14px}.att-file-upload__text{font-family:var(--font-family-base);font-size:12px;font-weight:600;color:#6b7aa0;text-align:center}.att-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;margin-top:8px}.att-modal-footer__btn{font-family:var(--font-family-base);font-size:14px;font-weight:600;height:40px;border-radius:10px;padding:0 20px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.att-modal-footer__btn--cancel{background:#fff;border:1px solid #cbd5e1;color:#6b7aa0}.att-modal-footer__btn--cancel:hover{background:#f8fafc;border-color:#cbd5e1}.att-modal-footer__btn--submit{background:#ef4523;border:none;color:#fff;box-shadow:0 2px 6px #ef452340}.att-modal-footer__btn--submit:hover{background:#d6381a}.att-pagination-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;border-top:1px solid #e4ecf1;padding-top:16px}.att-pagination-bar__info{font-family:var(--font-family-base);font-size:13px;color:#6b7aa0;font-weight:500}.att-pagination-bar__buttons{display:flex;gap:8px}.att-pagination-bar__btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);cursor:pointer;transition:all .2s ease}.att-pagination-bar__btn:disabled{opacity:.5;cursor:not-allowed}.att-pagination-bar__btn:not(:disabled):hover{background:#f8fafc;border-color:#cbd5e1}.att-pagination-bar__btn--active{background:#ef4523!important;border-color:#ef4523!important;color:#fff!important;box-shadow:0 2px 6px #ef452340}.att-action-dots-btn{background:transparent;border:none;cursor:pointer;color:#6b7aa0;font-size:14px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.att-action-dots-btn:hover{color:#ef4523;background:#f1f5f9}.att-leave-form-card{background:#fff;border:1px solid #eef2fb;border-radius:16px;padding:32px;box-shadow:0 1px 3px #0000000a;width:100%;box-sizing:border-box;margin-top:24px}.att-leave-form-card__header{border-bottom:1px solid #eef2fb;padding-bottom:12px;margin-bottom:24px;width:100%}.att-leave-form-card__header-title{font-family:var(--font-family-base);font-size:15px;font-weight:600;color:var(--color-brand-primary, #094060);margin:0}.att-leave-form-card__body{display:flex;flex-direction:column;gap:20px;width:100%}.att-leave-form-card__divider{height:1px;background:var(--color-border-subtle, #eef2fb);margin:24px 0;width:100%}.att-leave-form-card__actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;width:100%}.att-read-only-field{background:#f1f6f9;border:1px solid #e4ecf1;border-radius:10px;padding:12px 14px;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060);width:100%;min-height:45px;box-sizing:border-box;display:flex;align-items:center}.att-read-only-field--days{font-weight:500}.att-date-range-group{display:flex;align-items:center;background:#fff;border:1.5px solid #e4ecf1;border-radius:10px;padding:0 16px;height:45px;box-sizing:border-box;gap:12px;width:100%;position:relative}.att-date-range-group__to{font-family:var(--font-family-base);font-size:14px;color:var(--color-brand-secondary, #1a6fa3);font-weight:500}.att-date-range-group__icon{color:var(--color-brand-secondary, #1a6fa3);font-size:14px;margin-left:auto}.att-date-input-wrapper--range{border:none!important;padding:0!important;background:transparent!important;width:auto!important}.att-date-input-wrapper--range input{border:none!important;outline:none!important;font-family:var(--font-family-base);font-size:14px;color:var(--color-brand-secondary, #1a6fa3);padding:0!important;width:120px;background:transparent!important;cursor:pointer}.att-date-input-wrapper--range input::placeholder{color:var(--color-brand-secondary, #1a6fa3)}.att-textarea-field--full-page{border:1.5px solid #e4ecf1;border-radius:10px;padding:12px 14px;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060);width:100%;box-sizing:border-box}.att-textarea-field--full-page::placeholder{color:var(--color-brand-secondary, #1a6fa3);opacity:.7}.att-textarea-field--full-page:focus{outline:none;border-color:#ef4523}.att-leave-form-btn{font-family:var(--font-family-base);font-size:14px;font-weight:600;border-radius:10px;height:44px;padding:0 24px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.att-leave-form-btn--cancel{background:#f1f6f9;border:1px solid #e4ecf1;color:var(--color-brand-primary, #094060)}.att-leave-form-btn--cancel:hover{background:#e2ebf0}.att-leave-form-btn--submit{background:#ef4523;border:none;color:#fff;box-shadow:0 2px 6px #ef452340}.att-leave-form-btn--submit:hover{background:#d6381a}.att-leave-form-btn--submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.attendance-settings-page{display:flex;flex-direction:column;width:100%;height:100%}.att-settings-workspace{display:flex;gap:24px;align-items:flex-start;padding:24px;width:100%;box-sizing:border-box;background-color:var(--neutral-50, #f8fbfd);flex:1}.att-settings-subnav{display:flex;flex-direction:column;gap:8px;width:240px;flex-shrink:0;background-color:var(--ds-color-bg-surface, #ffffff);border:1px solid var(--border-light, #eef2fb);border-radius:16px;padding:16px;box-sizing:border-box}.att-subnav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--neutral-700, #094060);text-align:left;transition:background-color .15s ease,color .15s ease}.att-subnav-item:hover:not(.att-subnav-item--active){background-color:var(--neutral-50, #f8fbfd)}.att-subnav-item--active{background-color:var(--primary-50, #fff5f2);border-color:var(--primary-100, #ffebe6);color:var(--ds-color-primary, #ef4523);font-weight:600}.att-subnav-item--active .att-subnav-icon{color:var(--ds-color-primary, #ef4523)}.att-subnav-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;color:var(--neutral-600, #0f5580);flex-shrink:0}.att-subnav-label{flex:1;min-width:0}.att-subnav-indicator{display:block;width:3px;height:16px;border-radius:99px;background-color:var(--ds-color-primary, #ef4523);flex-shrink:0}.att-settings-panel{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.att-panel-header{display:flex;align-items:center;justify-content:space-between;width:100%}.att-panel-title-block{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.att-panel-title{font-family:var(--font-family-base);font-size:22px;font-weight:700;color:var(--neutral-700, #094060);margin:0;white-space:nowrap;line-height:normal}.att-panel-subtitle{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--neutral-500, #1a6fa3);margin:0;line-height:normal}.btn-add-remark{display:flex;align-items:center;gap:8px;height:36px;padding:10px 20px;background-color:var(--ds-color-primary, #ef4523);color:#fff;border:none;border-radius:12px;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s ease}.btn-add-remark:hover{opacity:.9}.att-table-card{background-color:var(--ds-color-bg-surface, #ffffff);border:1px solid var(--border-light, #eef2fb);border-radius:16px;width:100%;overflow:hidden;box-sizing:border-box}.att-table-col{display:flex;align-items:center}.att-table-col--remark{width:250px;flex-shrink:0}.att-table-col--status{width:110px;flex-shrink:0}.att-table-col--date{flex:1;min-width:0}.att-table-col--actions{width:100px;flex-shrink:0;justify-content:flex-end}.att-table-head{display:flex;align-items:center;gap:80px;padding:12px 16px;background-color:var(--neutral-50, #f8fbfd);width:100%;box-sizing:border-box}.att-table-head .att-table-col{font-family:var(--font-family-base);font-size:11px;font-weight:600;color:var(--neutral-500, #1a6fa3);text-transform:uppercase;letter-spacing:.02em;line-height:normal}.att-table-body{display:flex;flex-direction:column;width:100%}.att-table-row{display:flex;align-items:center;gap:80px;padding:14px 16px;border-bottom:1px solid var(--border-light, #eef2fb);background-color:var(--ds-color-bg-surface, #ffffff);width:100%;box-sizing:border-box;transition:background-color .1s ease}.att-table-row:last-child{border-bottom:none}.att-table-row:hover{background-color:var(--neutral-50, #f8fbfd)}.att-remark-text,.att-date-text{font-family:var(--font-family-base);font-size:14px;font-style:normal;font-weight:600;color:var(--neutral-700, #094060);line-height:normal}.att-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-family:var(--font-family-base);font-size:12px;font-weight:600;line-height:normal;white-space:nowrap}.att-status-badge--active{background-color:#f0fdf4;color:#16a34a}.att-status-badge--inactive{background-color:#fef2f2;color:#ef4444}.att-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--neutral-600, #0f5580);font-size:16px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .15s ease}.att-action-btn:hover{background-color:var(--neutral-50, #f8fbfd);color:var(--neutral-700, #094060)}.att-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--neutral-200, #e4ecf1);background-color:var(--ds-color-bg-surface, #ffffff);width:100%;box-sizing:border-box}.att-pagination__left{display:flex;align-items:center;gap:20px}.att-pagination__label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--neutral-500, #1a6fa3);white-space:nowrap}.att-pagination__sizes{display:flex;gap:6px;align-items:center}.att-pagination__divider{width:1px;height:20px;background-color:var(--neutral-200, #e4ecf1)}.att-pagination__info{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--neutral-500, #1a6fa3);white-space:nowrap}.att-pagination__nav{display:flex;align-items:center;gap:6px}.att-page-size-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;border:1px solid var(--neutral-200, #e4ecf1);background:transparent;font-family:var(--font-family-base);font-size:12px;font-weight:500;color:var(--neutral-700, #094060);cursor:pointer;transition:all .15s ease}.att-page-size-btn--active{background-color:var(--ds-color-primary, #ef4523);border-color:var(--ds-color-primary, #ef4523);color:#fff;font-weight:600}.att-page-size-btn:hover:not(.att-page-size-btn--active){border-color:var(--neutral-400, #94a3b8)}.att-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--neutral-200, #e4ecf1);border-radius:8px;background:transparent;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--neutral-700, #094060);cursor:pointer;transition:all .15s ease}.att-nav-btn:hover{border-color:var(--ds-color-primary, #ef4523);color:var(--ds-color-primary, #ef4523)}.att-nav-page{display:flex;align-items:center;justify-content:center;width:52px;height:32px;border:1px solid var(--neutral-200, #e4ecf1);border-radius:8px;background-color:var(--neutral-50, #f8fbfd);font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--ds-color-primary, #ef4523)}.att-nav-of{font-family:var(--font-family-base);font-size:12px;font-weight:500;color:var(--neutral-500, #1a6fa3);white-space:nowrap}.att-empty-state{display:flex;align-items:center;justify-content:center;min-height:200px;border:1px dashed var(--neutral-200, #e4ecf1);border-radius:16px;background-color:var(--neutral-50, #f8fbfd);color:var(--neutral-500, #1a6fa3);font-family:var(--font-family-base);font-size:14px;font-weight:500}.att-modal-backdrop{position:fixed;inset:0;background-color:#0006;z-index:1000;animation:att-fade-in .15s ease}.att-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:448px;background-color:var(--ds-color-bg-surface, #ffffff);border:1px solid var(--border-light, #eef2fb);border-radius:16px;box-shadow:0 2px 8px #0000000a,0 8px 24px #00000014;display:flex;flex-direction:column;overflow:hidden;animation:att-slide-up .2s ease}.att-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px 24px}.att-modal__title{font-family:var(--font-family-base);font-size:18px;font-style:normal;font-weight:700;color:var(--neutral-700, #094060);margin:0;line-height:normal;white-space:nowrap}.att-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--neutral-200, #e4ecf1);background-color:var(--neutral-50, #f8fbfd);color:var(--neutral-500, #1a6fa3);font-size:14px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.att-modal__close-btn:hover{background-color:var(--neutral-200, #e4ecf1);color:var(--neutral-700, #094060)}.att-modal__divider{height:1px;width:100%;background-color:var(--border-light, #eef2fb);flex-shrink:0}.att-modal__body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.att-modal__field{display:flex;flex-direction:column;gap:6px;width:100%}.att-modal__label{font-family:var(--font-family-base);font-size:13px;font-style:normal;font-weight:500;color:var(--neutral-700, #094060);line-height:normal;white-space:nowrap}.att-modal__required{color:var(--ds-color-primary, #ef4523)}.att-modal__input{width:100%;padding:12px 14px;border:1px solid var(--neutral-200, #e4ecf1);border-radius:10px;background-color:var(--ds-color-bg-surface, #ffffff);font-family:var(--font-family-base);font-size:14px;font-style:normal;font-weight:500;color:var(--neutral-700, #094060);line-height:normal;box-sizing:border-box;outline:none;transition:border-color .15s ease}.att-modal__input::placeholder{color:var(--neutral-500, #1a6fa3);font-weight:500}.att-modal__input:focus{border-color:var(--ds-color-primary, #ef4523)}.att-modal__footer{padding:16px 24px;display:flex;align-items:center;justify-content:flex-end}.att-modal__actions{display:flex;align-items:center;gap:12px}.att-modal__btn{display:flex;align-items:center;justify-content:center;height:36px;padding:10px 20px;border-radius:12px;font-family:var(--font-family-base);font-size:14px;font-style:normal;font-weight:600;line-height:normal;white-space:nowrap;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.att-modal__btn--cancel{background-color:var(--ds-color-bg-surface, #ffffff);border:1.5px solid var(--ds-color-primary, #ef4523);color:var(--ds-color-primary, #ef4523)}.att-modal__btn--cancel:hover{background-color:#ef45230d}.att-modal__btn--submit{background-color:var(--ds-color-primary, #ef4523);border:1.5px solid var(--ds-color-primary, #ef4523);color:#fff}.att-modal__btn--submit:hover:not(:disabled){opacity:.9}.att-modal__btn--submit:disabled{opacity:.45;cursor:not-allowed}@keyframes att-fade-in{0%{opacity:0}to{opacity:1}}@keyframes att-slide-up{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}.att-table-empty,.att-table-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--neutral-500, #1a6fa3);font-family:var(--font-family-base);font-size:14px;font-weight:500;text-align:center;background-color:var(--ds-color-bg-surface, #ffffff);width:100%;box-sizing:border-box}.att-table-empty p,.att-table-loading p{margin:0}.modal-custom-header{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.modal-custom-title{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-brand-primary)}.modal-custom-subtitle{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-brand-secondary);font-weight:var(--font-weight-medium)}.tmodal-form{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.col-w-110{width:110px}.col-w-160{width:160px}.table__sort-icon{margin-left:4px;font-size:11px}.attendance-table{width:100%;border-collapse:separate;border-spacing:0}.attendance-table th{background-color:#fafaf8;color:#9e9890;font-size:11px;font-weight:700;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid #eceae6;text-align:left}.attendance-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;color:#524d47;font-size:14px}.attendance-table td.cell-grade{font-weight:700;color:#111827}.attendance-table td.cell-num{font-weight:500}.attendance-table td.cell-pct{font-weight:700;color:#111827}.attendance-table tr:last-child td{border-bottom:none}.settings-page{display:flex;flex-direction:column;width:100%;min-height:100%;box-sizing:border-box}.settings-tab-content{flex:1;width:100%;display:flex;flex-direction:column}.academic-years-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-spacing-4);width:100%;padding:0 var(--ds-spacing-6) var(--ds-spacing-6) var(--ds-spacing-6);box-sizing:border-box}.academic-year-card{background-color:var(--ds-color-bg-surface, #ffffff);border:1px solid var(--neutral-200, #e4ecf1);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;transition:all var(--ds-transition-base)}.academic-year-card--current{background-color:var(--ds-color-bg-surface, #ffffff);border:1px solid var(--neutral-200, #e4ecf1);box-shadow:none}.academic-year-card__header{display:flex;align-items:center;justify-content:space-between;width:100%}.academic-year-card__title-group{display:flex;align-items:center;gap:6px}.academic-year-card__title{font-family:var(--font-family-base);font-size:18px;font-weight:700;color:var(--neutral-700, #094060);line-height:normal}.academic-year-card__divider{height:1px;background-color:var(--neutral-200, #e4ecf1);width:100%}.academic-year-card__info{display:flex;flex-direction:column;gap:10px;width:100%}.academic-year-card__info-row{display:flex;align-items:center;justify-content:space-between;width:100%}.academic-year-card__label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--neutral-500, #1a6fa3);line-height:normal}.academic-year-card__value{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--neutral-700, #094060);line-height:normal}.academic-year-card__value--muted{color:var(--neutral-600, #0f5580)}.academic-year-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;width:100%}.academic-year-card__footer ui-dropdown{width:auto}.academic-year-card__footer ui-dropdown .ui-dropdown,.academic-year-card__footer ui-dropdown .ui-dropdown__trigger{width:auto}.academic-year-card__action-link{font-family:var(--font-family-base);font-size:12px;font-weight:600;font-style:normal;color:var(--ds-color-primary, #ef4523);background:none;border:none;padding:0;cursor:pointer;line-height:normal;white-space:nowrap}.academic-year-card__action-link:hover{text-decoration:underline}.academic-year-card .status-badge{font-family:var(--font-family-base);font-size:11px;padding:3px 8px;border-radius:6px;line-height:normal;display:inline-flex;align-items:center}.academic-year-card .status-badge--active{background-color:#dcfce7;border:1px solid #bbf7d0;color:#15803d;font-weight:600}.academic-year-card .status-badge--current{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:700}.academic-year-card .status-badge--upcoming{background-color:#fef3c7;border:1px solid #fde68a;color:#b45309;font-weight:600}.academic-year-card .status-badge--archived{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;font-weight:600}.academic-year-card .icon-btn--more{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--neutral-600, #0f5580);padding:0;cursor:pointer;font-size:16px}.academic-year-card .icon-btn--more:hover{color:var(--neutral-700, #094060)}.academic-years-title-cell{display:flex;gap:var(--ds-spacing-2);align-items:center}.academic-years-title-cell__name{font-weight:var(--ds-font-weight-semibold);font-size:var(--ds-font-size-sm);color:var(--ds-color-brand-primary)}.academic-years-created-cell{color:var(--ds-color-gray-600)}.pagination-container{margin-top:var(--ds-spacing-4)}.form-card-container .form-label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--neutral-700, #094060)}.form-card-container .form-hint{font-family:var(--font-family-base);font-size:11px;color:var(--neutral-500, #1a6fa3)}.form-card-container .form-input,.form-card-container .form-textarea{font-family:var(--font-family-base);font-size:13px;color:var(--neutral-700, #094060);background-color:var(--ds-color-bg-surface, #ffffff);border:1px solid var(--neutral-200, #e4ecf1);border-radius:8px}.form-card-container .form-input::placeholder,.form-card-container .form-textarea::placeholder{color:var(--neutral-500, #1a6fa3);font-family:var(--font-family-base);font-weight:500}.form-card-container .form-error{font-family:var(--font-family-base);font-size:12px}.ay-details-header-section{display:flex;flex-direction:column;padding:0 var(--ds-spacing-6) var(--ds-spacing-4) var(--ds-spacing-6);box-sizing:border-box}.ay-details-header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.ay-details-header-left{display:flex;align-items:center;gap:12px}.ay-details-header-left .btn-back-arrow{background:none;border:none;padding:0;color:var(--neutral-600, #0f5580);font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color var(--ds-transition-base)}.ay-details-header-left .btn-back-arrow:hover{color:var(--ds-color-primary, #ef4523)}.ay-details-header-left .status-badge{font-family:var(--font-family-base);font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;line-height:normal}.ay-details-header-left .status-badge--active{background-color:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.ay-details-header-left .status-badge--completed{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.ay-details-header-left .status-badge--upcoming{background-color:#fef3c7;border:1px solid #fde68a;color:#b45309}.ay-details-header-left .status-badge--archived{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.ay-details-header-left .status-badge--current{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:700}.ay-details-title{font-family:var(--font-family-base);font-size:28px;font-weight:700;color:var(--neutral-700, #094060);line-height:normal;margin:0}.ay-details-header-subtitle{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--neutral-500, #1a6fa3);margin-top:8px;padding-left:30px}.ay-details-grid{display:grid;grid-template-columns:1fr 400px;gap:20px;padding:0 var(--ds-spacing-6) var(--ds-spacing-6) var(--ds-spacing-6);box-sizing:border-box;width:100%}.ay-details-column-main{display:flex;flex-direction:column;gap:20px}.ay-details-stats{display:flex;gap:16px;width:100%}.ay-details-stat-card{background-color:var(--ds-color-bg-surface, #ffffff);border:1px solid var(--neutral-200, #e4ecf1);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;flex:1;box-sizing:border-box}.ay-details-stat-card__body{display:flex;flex-direction:column;gap:8px}.ay-details-stat-card__value{font-family:var(--font-family-base);font-size:24px;font-weight:700;color:var(--neutral-700, #094060);line-height:normal}.ay-details-stat-card__label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--neutral-500, #1a6fa3);line-height:normal}.ay-details-stat-card__icon{font-size:16px;color:var(--neutral-600, #0f5580);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.ay-details-calendar-card{background-color:#fff;border:1px solid var(--border-light, #eef2fb);border-radius:16px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;min-height:400px}.ay-details-calendar-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px;position:relative}.ay-details-calendar-title{font-family:var(--font-family-base);font-size:20px;font-weight:700;color:var(--neutral-700, #094060)}.ay-details-calendar-actions{display:flex;align-items:center;gap:12px}.calendar-view-toggle{display:inline-flex;align-items:center;background-color:#eaf0f6;border-radius:10px;padding:4px;gap:4px}.calendar-view-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--neutral-500, #64748b);font-size:14px;cursor:pointer;transition:all var(--ds-transition-base)}.calendar-view-toggle__btn:hover{color:var(--neutral-700, #094060)}.calendar-view-toggle__btn--active{background-color:#fff;color:var(--neutral-700, #094060);box-shadow:0 1px 3px #00000014}.btn-edit-calendar{background-color:transparent;border:1.5px solid var(--ds-color-primary, #ef4523);border-radius:10px;color:var(--ds-color-primary, #ef4523);padding:8px 16px;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--ds-transition-base)}.btn-edit-calendar:hover{background-color:#ef45230d}.ay-calendar-month-nav{display:flex;align-items:center;justify-content:center;gap:12px;position:absolute;left:50%;transform:translate(-50%)}.ay-calendar-month-nav .btn-month-nav{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background-color:#f0f4f8;color:var(--neutral-700, #094060);font-size:12px;cursor:pointer;transition:all var(--ds-transition-base)}.ay-calendar-month-nav .btn-month-nav:hover{background-color:#e2e8f0;color:var(--ds-color-primary, #ef4523)}.ay-calendar-month-nav__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--neutral-700, #094060);min-width:120px;text-align:center}.ay-calendar-grid{display:flex;flex-direction:column;gap:12px;width:100%}.ay-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;width:100%;text-align:center;margin-bottom:12px}.ay-calendar-weekdays .weekday-header{font-family:var(--font-family-base);font-size:13px;font-weight:700;color:var(--color-brand-secondary, #1a6fa3);padding:6px 0}.ay-calendar-weekdays .weekday-header--weekend{color:#64748b}.ay-calendar-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;width:100%}.ay-calendar-day-cell{background-color:#f8fafd;border:1px solid #eef3f8;border-radius:12px;padding:10px 12px;height:82px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;overflow:hidden;transition:border-color var(--ds-transition-base)}.ay-calendar-day-cell:hover{border-color:#cbd5e1}.ay-calendar-day-cell--empty{background-color:transparent;border:none;height:82px;min-width:0}.ay-calendar-day-cell__number{font-family:var(--font-family-base);font-size:15px;font-weight:700;color:var(--neutral-700, #094060);line-height:1}.ay-calendar-day-cell__number--sunday{color:#10b981}.ay-calendar-day-cell__tag{background-color:#fff0e6;border:none;border-radius:6px;padding:4px 8px;font-family:var(--font-family-base);font-size:11.5px;font-weight:700;color:var(--neutral-700, #094060);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto;max-width:100%;min-width:0;box-sizing:border-box;display:block}.ay-timeline{display:flex;flex-direction:column;width:100%}.ay-timeline-item{display:flex;position:relative;width:100%;padding-bottom:24px;gap:16px}.ay-timeline-item:last-child{padding-bottom:0}.ay-timeline-item:last-child .ay-timeline-line{display:none}.ay-timeline-month{width:100px;font-family:var(--font-family-base);font-size:13px;font-weight:700;color:var(--neutral-700, #094060);padding-top:10px;flex-shrink:0}.ay-timeline-connector{width:16px;display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0}.ay-timeline-dot{width:10px;height:10px;border-radius:50%;background-color:var(--ds-color-primary, #ef4523);margin-top:14px;z-index:2}.ay-timeline-line{position:absolute;top:24px;bottom:0;width:2px;background-color:var(--neutral-200, #e4ecf1);z-index:1;left:50%;transform:translate(-50%)}.ay-timeline-events{flex:1;display:flex;flex-direction:column;gap:12px}.ay-timeline-event-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-light, #eef2fb);border-radius:8px;padding:12px;background-color:var(--neutral-50, #f8fbfd);box-sizing:border-box;width:100%}.ay-timeline-event-info{display:flex;flex-direction:column;gap:4px}.ay-timeline-event-title{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--neutral-700, #094060)}.ay-timeline-event-date{font-family:var(--font-family-base);font-size:12px;font-weight:400;color:var(--neutral-500, #1a6fa3)}.ay-timeline-event-badge{font-family:var(--font-family-base);font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;line-height:normal}.ay-timeline-event-badge--term{background-color:#eff6ff;color:#1d4ed8}.ay-timeline-event-badge--exam{background-color:#fef2f2;color:#dc2626}.ay-timeline-event-badge--break{background-color:#ecfdf5;color:#059669}.ay-timeline-event-badge--holiday{background-color:#fffbeb;color:#d97706}.ay-timeline-event-badge--session-closed{background-color:#eff6ff;color:#1d4ed8}.ay-details-calendar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 0;flex:1}.ay-details-calendar-empty-icon{background-color:#eff6ff;border-radius:16px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--neutral-600, #0f5580);margin-bottom:16px}.ay-details-calendar-empty-title{font-family:var(--font-family-base);font-size:18px;font-weight:700;color:var(--neutral-700, #094060);margin:0 0 8px}.ay-details-calendar-empty-desc{font-family:var(--font-family-base);font-size:14px;font-weight:400;color:var(--neutral-700, #094060);opacity:.85;max-width:520px;line-height:1.5;margin:0 0 16px}.ay-details-calendar-empty .btn-configure-calendar{background-color:transparent;border:1px solid var(--ds-color-primary, #ef4523);border-radius:10px;color:var(--ds-color-primary, #ef4523);padding:10px 20px;font-family:var(--font-family-base);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--ds-transition-base)}.ay-details-calendar-empty .btn-configure-calendar:hover{background-color:#ef45230d}.ay-details-column-side{display:flex;flex-direction:column;gap:20px}.ay-details-side-card{background-color:var(--ds-color-bg-surface, #ffffff);border:1px solid var(--neutral-200, #e4ecf1);border-radius:16px;padding:20px;box-sizing:border-box;width:100%}.ay-details-side-title{font-family:var(--font-family-base);font-size:15px;font-weight:700;color:var(--neutral-700, #094060);margin:0 0 16px}.ay-details-rows{display:flex;flex-direction:column;gap:4px;width:100%}.ay-details-row-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light, #eef2fb);padding:8px 0;width:100%}.ay-details-row-item:last-child{border-bottom:none}.ay-details-row-label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--neutral-500, #1a6fa3)}.ay-details-row-value{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--neutral-700, #094060)}.ay-details-row-value--green{color:#16a34a}.ay-details-actions-list{display:flex;flex-direction:column;gap:10px;width:100%}.btn-action-outline{width:100%;background-color:#fff;border:1px solid var(--neutral-200, #e4ecf1);border-radius:8px;padding:10px 16px;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--neutral-700, #094060);cursor:pointer;text-align:center;transition:all var(--ds-transition-base);box-sizing:border-box}.btn-action-outline:hover{border-color:var(--ds-color-primary, #ef4523);color:var(--ds-color-primary, #ef4523)}.btn-action-status{width:100%;background-color:var(--neutral-50, #f8fbfd);border:1px solid var(--neutral-200, #e4ecf1);border-radius:8px;padding:10px 16px;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--neutral-500, #1a6fa3);display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.academic-years-container{display:flex;flex-direction:column;height:100%;flex:1;box-sizing:border-box}.ay-calendar-form{display:flex;flex-direction:column;height:590px;box-sizing:border-box;padding:0 var(--ds-spacing-6) var(--ds-spacing-6) var(--ds-spacing-6)}.ay-calendar-body-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;margin-bottom:20px;width:100%}.ay-calendar-card{background-color:#fff;border:1px solid var(--border-light, #eef2fb);border-radius:16px;padding:24px;box-sizing:border-box;width:100%;display:flex;flex-direction:column;flex:1}.ay-calendar-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;width:100%}.ay-calendar-card__title{font-family:var(--font-family-base);font-size:20px;font-weight:700;color:var(--neutral-700, #094060);margin:0}.ay-calendar-card__subtitle{font-family:var(--font-family-base);font-size:14px;font-weight:400;color:var(--neutral-500, #1a6fa3);margin:4px 0 0}.ay-calendar-card .btn-add-action{background:none;border:none;padding:0;color:var(--ds-color-primary, #ef4523);font-family:var(--font-family-base);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.ay-calendar-card .btn-add-action:hover{text-decoration:underline}.ay-calendar-card__body{display:flex;flex-direction:column;gap:16px;width:100%;flex:1}.ay-calendar-repeater-row{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border-light, #eef2fb);padding-bottom:16px;width:100%}.ay-calendar-repeater-row:last-child{border-bottom:none;padding-bottom:0}.ay-calendar-repeater-row .flex-1{flex:1}.ay-calendar-repeater-row .flex-2{flex:2}.ay-calendar-repeater-row .btn-delete-row{background:none;border:none;padding:8px;color:#ef4523;font-size:16px;cursor:pointer;margin-top:26px;display:flex;align-items:center;justify-content:center;transition:opacity var(--ds-transition-base)}.ay-calendar-repeater-row .btn-delete-row:hover{opacity:.8}.ay-calendar-repeater-row .btn-delete-row:disabled{color:var(--neutral-300, #cbd5e1);cursor:not-allowed}.ay-calendar-add-more-container{margin-top:12px;display:flex;align-items:center}.btn-add-more{background:none;border:none;padding:0;color:var(--ds-color-primary, #ef4523);font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity var(--ds-transition-base)}.btn-add-more:hover{opacity:.85;text-decoration:underline}.ay-calendar-empty-placeholder{text-align:center;padding:32px;color:var(--neutral-500, #1a6fa3);font-family:var(--font-family-base);font-size:14px;border:1px dashed var(--neutral-200, #e4ecf1);border-radius:12px;background-color:var(--neutral-50, #f8fbfd);flex:1;display:flex;align-items:center;justify-content:center;min-height:200px}.select-wrapper{position:relative;width:100%}.select-wrapper .form-select{appearance:none;-webkit-appearance:none;width:100%;padding-right:32px}.select-wrapper .select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--neutral-500, #1a6fa3);font-size:12px;pointer-events:none}app-schools{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.schools-page--create{height:100%;width:100%;flex:1;min-height:0;gap:0}.schools-page--create app-add-school-form{display:flex;flex:1;width:100%;min-height:0}.schools-page--create app-add-branch-form{display:flex;flex:1;width:100%;min-height:0}.schools-page .schools-shimmer{display:flex;flex-direction:column;gap:12px;padding:16px 24px 24px;width:100%;box-sizing:border-box}.schools-page .schools-shimmer--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.schools-page .schools-shimmer--detail,.schools-page .schools-shimmer--form{min-height:280px}.schools-page .schools-shimmer--table{gap:8px}.schools-page .schools-shimmer__card,.schools-page .schools-shimmer__panel,.schools-page .schools-shimmer__row,.schools-page .schools-shimmer__line{border-radius:12px;background:linear-gradient(90deg,#eef2f8,#f8fafc,#eef2f8);background-size:200% 100%;animation:schools-shimmer 1.2s ease-in-out infinite}.schools-page .schools-shimmer__card{height:220px}.schools-page .schools-shimmer__panel{height:160px;width:100%}.schools-page .schools-shimmer__panel--tall{min-height:420px}.schools-page .schools-shimmer__panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.schools-page .schools-shimmer__row{height:44px;width:100%}.schools-page .schools-shimmer__line{height:16px;width:60%}.schools-page .schools-shimmer__line--title{height:28px;width:40%}.schools-page .school-card .branch-card__status--active{background-color:#e6f4ea;border-color:#137333;color:#137333}.schools-page .school-card .branch-card__meta{font-weight:500}@keyframes schools-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.schools-confirm__title{margin:0;font-size:18px;font-weight:600;color:#334155}.schools-confirm__message{margin:0;font-size:14px;color:#64748b;line-height:1.5}.schools-confirm__actions{display:flex;justify-content:flex-end;gap:8px;width:100%}.school-detail{display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;min-width:0;padding:0 24px 24px;box-sizing:border-box}.school-detail__header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.school-detail__title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.school-detail__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.school-detail__title{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:22px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.school-detail__code{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;background-color:#ebf3ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:600;color:var(--ds-color-primary, #ef4523);line-height:normal}.school-detail__subtitle{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.school-detail__placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:280px;padding:24px 0;box-sizing:border-box}.school-detail__content{display:flex;flex-direction:column;gap:20px;width:100%}.school-detail__row{display:flex;gap:20px;align-items:stretch;width:100%}.school-detail-tabs{width:100%;border-bottom:1px solid #e4ecf1;box-sizing:border-box}.school-detail-tabs__list{display:flex;gap:24px;align-items:flex-start}.school-detail-tabs__tab{display:flex;align-items:flex-start;padding:12px 0;border:none;border-bottom:2px solid transparent;background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);line-height:normal;cursor:pointer;margin-bottom:-1px;white-space:nowrap}.school-detail-tabs__tab--active{font-weight:600;color:var(--ds-color-primary, #ef4523);border-bottom-color:var(--ds-color-primary, #ef4523)}.school-detail-tabs__tab:hover:not(.school-detail-tabs__tab--active){color:var(--color-brand-primary, #094060)}.school-info-panel{display:flex;flex:1 0 0;flex-direction:column;gap:16px;min-width:0;padding:20px;background-color:#f8faff;border:1px solid #e4ecf1;border-radius:12px;box-sizing:border-box}.school-info-panel__title{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.school-info-panel__rows{display:flex;flex-direction:column;gap:12px;width:100%}.school-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.school-info-row__label{flex:1 0 0;min-width:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.school-info-row__value{flex:1 0 0;min-width:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);line-height:normal;text-align:right}.school-info-row__logo{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:#f0f6ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:700;color:var(--ds-color-primary, #ef4523);line-height:normal;flex-shrink:0}.school-quick-stats{display:flex;flex-direction:column;gap:24px;width:100%}.school-quick-stats__row{display:flex;gap:24px;align-items:center;width:100%}.school-quick-stat{display:flex;flex:1 0 0;align-items:center;gap:12px;min-width:0;padding:12px;background-color:#fff;border:1px solid #e4ecf1;border-radius:8px;box-sizing:border-box}.school-quick-stat__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;font-size:16px;line-height:1;flex-shrink:0}.school-quick-stat__icon--calendar{background-color:#f3e8ff}.school-quick-stat__icon--building{background-color:#f0f6ff}.school-quick-stat__icon--staff{background-color:#fef7e0}.school-quick-stat__icon--students{background-color:#e6f4ea}.school-quick-stat__body{display:flex;flex-direction:column;gap:4px;min-width:0}.school-quick-stat__value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.school-quick-stat__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}@media(max-width:1100px){.school-detail__row,.school-quick-stats__row{flex-direction:column}.school-branch-network__toolbar{flex-direction:column;align-items:stretch}.school-branch-network__filter{align-self:flex-start}}.school-branch-network{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.school-branch-network__header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.school-branch-network__add-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:36px;padding:10px 20px;border:none;border-radius:12px;background-color:var(--color-primary-500, #ef4523);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;color:#fff;line-height:normal;cursor:pointer;white-space:nowrap}.school-branch-network__add-btn:hover{background-color:var(--color-primary-600, #dc3615)}.school-branch-network__heading{display:flex;flex-direction:column;gap:4px;min-width:0}.school-branch-network__title{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.school-branch-network__subtitle{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.school-branch-network__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.school-branch-network__search{width:320px;max-width:100%;flex-shrink:0}.school-branch-network__filter{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #e4ecf1;border-radius:8px;background-color:#f8faff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;color:var(--color-brand-primary, #094060);line-height:normal;cursor:pointer;white-space:nowrap}.school-branch-network__filter fa-icon{font-size:12px;color:#6b7aa0}.school-branch-network__table-card,.school-branch-network__table-wrap{margin:0;width:100%;max-width:100%;min-width:0;min-height:280px;max-height:520px;flex:1 1 auto;border:1px solid var(--color-border-subtle, #e4ecf1);border-radius:var(--radius-xl, 12px);background-color:var(--color-bg-surface, #ffffff);box-shadow:0 1px 3px #00000008;box-sizing:border-box;overflow:hidden}app-users-bulkupload{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;align-self:stretch}.bulk-upload-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;flex:1;min-height:0;align-self:stretch;padding:0 24px 24px;box-sizing:border-box}.bulk-upload-header{display:flex;justify-content:space-between;align-items:center;align-self:stretch;width:100%;padding:.75rem 0;border-bottom:1.5px solid var(--ds-color-border, #e2e8f0)}.bulk-upload-title-container{display:flex;flex-direction:column;gap:4px;color:var(--neutral-700, #094060);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.bulk-upload-subtitle{font-family:var(--font-family-base);font-size:14px;font-weight:400;color:var(--neutral-500, #1a6fa3);margin:0}.bulk-upload-title{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;margin:0}.stepper{display:flex;align-items:center;gap:1rem}.step-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.step-item:hover{opacity:.85}.step-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;font-size:.75rem;font-weight:700;border:1.5px solid var(--ds-color-gray-400, #1a6fa3);color:var(--ds-color-gray-400, #1a6fa3);background-color:transparent;transition:all .2s ease}.step-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;color:var(--ds-color-gray-400, #1a6fa3);transition:all .2s ease;white-space:nowrap}.step-item--active .step-circle{border-color:#ef4523;color:#ef4523;background-color:#f0f6ff}.step-item--active .step-label{font-weight:600;color:var(--ds-color-gray-700, #094060)}.step-item--completed .step-circle{border-color:var(--ds-color-success, #22c55e);color:var(--ds-color-white, #ffffff);background-color:var(--ds-color-success, #22c55e)}.step-item--completed .step-label{font-weight:600;color:var(--ds-color-gray-700, #094060)}.step-divider{width:40px;height:1.5px;background-color:var(--ds-color-gray-400, #1a6fa3);opacity:.5;transition:all .2s ease}.step-divider.step-divider--completed{background-color:var(--ds-color-success, #22c55e);opacity:1}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;padding:40px;background-color:var(--neutral-50, #f8faff);border:1.5px dashed var(--neutral-200, #e4ecf1);border-radius:16px;box-sizing:border-box;text-align:center;transition:border-color .15s ease,background-color .15s ease}.upload-zone:hover{border-color:#ef4523;background-color:#f0f6ff}.upload-zone__icon-wrapper{display:flex;align-items:center;justify-content:center;padding:20px;border-radius:100px;background-color:var(--primary-50, #f0f6ff);color:var(--primary-500, #ef4523);font-size:28px;width:24px;height:24px;box-sizing:content-box}.upload-zone__text-frame{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-zone__title{font-family:var(--font-family-base);font-size:18px;font-weight:600;color:var(--neutral-700, #094060);margin:0}.upload-zone__subtitle{font-family:var(--font-family-base);font-size:14px;font-weight:400;color:var(--neutral-500, #1a6fa3);margin:0}.upload-zone__button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background-color:#ef4523;color:#fff;font-family:var(--font-family-base);font-size:14px;font-weight:600;line-height:normal;border-radius:12px;border:none;cursor:pointer;transition:background-color .15s ease}.upload-zone__button:hover{background-color:#297be6}.upload-zone__info{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-family-base);font-size:12px;font-weight:400;color:var(--neutral-500, #1a6fa3);margin:0}.bulk-upload-body-grid{display:flex;gap:24px;align-items:stretch;width:100%;box-sizing:border-box;flex:1;min-height:0}.bulk-upload-body-grid .upload-zone{flex:1 0 0;min-width:0;height:100%}.bulk-upload-body-grid .instructions-block{height:100%}.instructions-block{background-color:var(--neutral-50, #f8faff);border:1px solid var(--neutral-200, #e4ecf1);border-radius:16px;padding:28px;width:360px;flex-shrink:0;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.instructions-block__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--neutral-700, #094060);margin:0}.instructions-block__list{display:flex;flex-direction:column;gap:20px;width:100%}.instructions-block__step{display:flex;gap:12px;align-items:start;width:100%}.instructions-block__step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background-color:var(--primary-50, #f0f6ff);color:var(--primary-500, #ef4523);font-family:var(--font-family-base);font-size:12px;font-weight:700;flex-shrink:0}.instructions-block__step-content{display:flex;flex-direction:column;gap:4px;flex:1}.instructions-block__step-title{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--neutral-700, #094060);margin:0}.instructions-block__step-desc{font-family:var(--font-family-base);font-size:12px;font-weight:400;color:var(--neutral-500, #1a6fa3);margin:0;line-height:1.5}.instructions-block__step-link{font-family:var(--font-family-base);font-size:12px;font-weight:600;color:var(--primary-500, #ef4523);text-decoration:none;cursor:pointer;margin-top:4px;display:inline-block}.instructions-block__step-link:hover{text-decoration:underline}@media(max-width:768px){.bulk-upload-body-grid{flex-direction:column}.instructions-block{width:100%}}.bulk-upload-card{background:var(--ds-color-bg-surface, #ffffff);border:1px solid #eef2fb;border-radius:16px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;box-sizing:border-box;align-self:stretch;margin:0;padding:24px}.bulk-upload-card-title{margin:0 0 16px;color:var(--ds-color-gray-800, #1e293b);font-family:var(--font-family-base);font-size:16px;font-weight:600}.bulk-upload-select{width:100%;max-width:200px;padding:6px;border-radius:4px;border:1px solid var(--ds-color-border, #e2e8f0);font-family:var(--font-family-base);box-sizing:border-box}.bulk-upload-status-badge{color:var(--ds-color-success, #22c55e);background-color:var(--ds-color-success-light, #dcfce7)}.validation-summary{display:flex;gap:16px;align-items:start;width:100%}.validation-summary__badge{display:flex;align-items:start;padding:10px 16px;border-radius:8px;font-family:var(--font-family-base);font-size:14px;font-weight:600;white-space:nowrap}.validation-summary__badge--success{background-color:var(--badge-student-bg, #dcfce7);color:var(--stat-green-accent, #16a34a)}.validation-summary__badge--warning{background-color:#fef3c7;color:var(--accent-amber-700, #b45309)}.validation-summary__badge--error{background-color:#fee2e2;color:var(--stat-red-accent, #d32f2f)}.review-table-wrapper{border:1px solid var(--neutral-200, #e4ecf1);border-radius:12px;overflow:auto;width:100%;box-sizing:border-box}.review-table{width:100%;border-collapse:collapse;min-width:700px;font-family:var(--font-family-base)}.review-table th{background:var(--neutral-50, #f8faff);color:var(--neutral-500, #1a6fa3);font-size:12px;font-weight:600;text-transform:uppercase;padding:12px;text-align:left;white-space:nowrap}.review-table td{color:var(--neutral-700, #094060);font-size:14px;font-weight:400;padding:12px;border-bottom:1px solid var(--neutral-200, #e4ecf1);white-space:nowrap}.review-table tr:last-child td{border-bottom:none}.review-table__row--warning{background-color:#fffdf5}.review-table__row--error{background-color:#fff5f5}.review-table__row--error td:first-child{font-weight:600}.review-status--ready{color:var(--stat-green-accent, #16a34a);font-weight:600}.review-status--warning{color:var(--accent-amber-700, #b45309);font-size:13px}.review-status--error{color:var(--stat-red-accent, #d32f2f);font-weight:600;font-size:13px}.review-action-bar{display:flex;justify-content:space-between;align-items:center;padding-top:16px;width:100%;box-sizing:border-box}.review-action-bar__right{display:flex;gap:16px;align-items:center}.review-action-bar__skip-text{font-family:var(--font-family-base);font-size:13px;font-weight:400;color:var(--neutral-500, #1a6fa3)}.bulk-upload-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:0;padding:40px 24px;width:100%;box-sizing:border-box}.success-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.success-header__icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:40px;background-color:var(--badge-student-bg, #dcfce7);font-size:40px;margin-bottom:24px}.success-header__title{font-family:var(--font-family-base);font-size:28px;font-weight:700;color:var(--neutral-700, #094060);margin:0 0 16px}.success-header__subtitle{font-family:var(--font-family-base);font-size:14px;font-weight:400;color:var(--neutral-500, #1a6fa3);margin:0;max-width:540px}.success-breakdown{background-color:var(--neutral-50, #f8faff);border:1px solid var(--neutral-200, #e4ecf1);border-radius:16px;padding:32px;width:100%;max-width:500px;text-align:left;box-sizing:border-box;margin-bottom:32px}.success-breakdown__title{font-family:var(--font-family-base);font-size:16px;font-weight:700;color:var(--neutral-700, #094060);margin:0 0 20px}.success-breakdown__list{display:flex;flex-direction:column;gap:12px}.success-breakdown__item{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-family-base);font-size:14px}.success-breakdown__label{color:var(--neutral-500, #1a6fa3);font-weight:400}.success-breakdown__value{color:var(--neutral-700, #094060);font-weight:600}.success-breakdown__value--success{color:var(--stat-green-accent, #16a34a);font-weight:700}.success-breakdown__value--warning{color:var(--accent-amber-700, #b45309)}.success-breakdown__value--error{color:var(--stat-red-accent, #d32f2f)}.success-breakdown__divider{width:100%;height:1px;background-color:var(--neutral-200, #e4ecf1);margin:6px 0}.success-actions{display:flex;justify-content:center;width:100%}.bulk-upload-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--ds-color-border, #e2e8f0);box-sizing:border-box;width:100%}.bulk-upload-footer-actions{display:flex;gap:12px}.upload-zone__selected-file{margin-top:8px;padding:8px 16px;background-color:#f0f6ff;border:1px solid #ef4523;border-radius:6px;display:flex;align-items:center;gap:12px;box-sizing:border-box}.upload-zone__selected-file-name{font-size:14px;font-weight:500;color:var(--ds-color-gray-700, #334155);font-family:var(--font-family-base)}.upload-zone__remove-file-btn{background:none;border:none;color:var(--ds-color-danger, #ef4444);cursor:pointer;font-weight:700;font-size:14px;padding:0}.text-danger{color:var(--color-danger-500)}.text-success{color:var(--color-success-500)}.loading-overlay{position:absolute;inset:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-dropdown);border-radius:var(--radius-xl)}.loading-overlay__icon{color:var(--color-primary-500);margin-bottom:var(--space-4)}.loading-overlay__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-md)}.loading-overlay__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.role-select-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.role-select-dropdown{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-surface);width:220px;font-weight:var(--font-weight-medium);cursor:pointer;outline:none;box-shadow:var(--shadow-xs)}.validation-summary__error-btn{margin-left:auto;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-danger-600);border:1px dashed var(--color-danger-500);border-radius:var(--radius-md);background:var(--color-danger-50);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-xs);transition:background var(--transition-fast)}.validation-summary__error-btn:hover{background:var(--color-danger-100)}.form-right-col{padding-left:0;width:100%}.hidden-file-input{display:none!important}.stepper-content-card__upload-dashed--preview{border-style:solid;overflow:hidden;padding:0}.stepper-content-card__upload-dashed--preview img{width:100%;height:100%;object-fit:contain;background:var(--color-bg-subtle)}.stepper-content-card__upload-dashed--doc{height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2)}.stepper-content-card__upload-dashed--doc .stepper-content-card__icon{margin:0;background:var(--color-primary-50);color:var(--color-primary-500)}.stepper-content-card__upload-dashed--doc .stepper-content-card__upload-text{margin:0;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.stepper-content-card__upload-dashed--doc .stepper-footer__req-text{margin:0;font-size:11px;color:var(--color-brand-secondary)}.subjects-page{display:flex;flex-direction:column;gap:16px;width:100%;padding:24px 0;box-sizing:border-box}.subjects-page .stats-container{display:flex;gap:16px;padding:0 24px;width:100%;box-sizing:border-box}@media(max-width:1024px){.subjects-page .stats-container{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.subjects-page .stats-container{grid-template-columns:1fr}}.subjects-page .stat-card{background:#fff;border:1px solid #e4ecf1;border-radius:12px;padding:16px;flex:1 0 0;display:flex;flex-direction:row;align-items:center;gap:24px;min-width:1px;overflow:hidden;box-sizing:border-box}.subjects-page .stat-card__icon-area{background-color:var(--color-bg-subtle, #f8fbfd);width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-brand-secondary, #1a6fa3);font-size:16px}.subjects-page .stat-card__content{display:flex;flex:1 0 0;align-items:center;gap:8px;min-width:1px}.subjects-page .stat-card__value{font-family:var(--font-family-base);font-size:32px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0;line-height:normal;white-space:nowrap;flex-shrink:0}.subjects-page .stat-card__info-row{display:flex;flex:1 0 0;align-items:center;justify-content:space-between;min-width:1px}.subjects-page .stat-card__label{font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);margin:0;white-space:nowrap;flex-shrink:0}.subjects-page .stat-card__badge{background-color:var(--color-bg-subtle, #f8fbfd);border:none;border-radius:6px;padding:4px 8px;font-family:var(--font-family-base);font-size:11px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);text-transform:uppercase;white-space:nowrap;flex-shrink:0}.subjects-page .action-bar{display:flex;justify-content:space-between;align-items:center;padding:0 24px;width:100%;box-sizing:border-box;gap:16px}@media(max-width:768px){.subjects-page .action-bar{flex-direction:column;align-items:stretch}}.subjects-page .action-bar__search{width:320px;min-width:0}@media(max-width:768px){.subjects-page .action-bar__search{width:100%}}.subjects-page .action-bar__buttons{display:flex;gap:12px;align-items:center;justify-content:flex-end}.subjects-page .action-bar ui-dropdown{width:auto}.subjects-page .dropdown-trigger-btn{background-color:#f8faff;border:1px solid #e4ecf1;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060);cursor:pointer;transition:all .2s ease;height:38px;box-sizing:border-box}.subjects-page .dropdown-trigger-btn:hover{border-color:#ef4523;background-color:#fff}.subjects-page .view-toggle{background-color:var(--color-border-default, #e4ecf1);border:1px solid #e4ecf1;border-radius:8px;padding:4px;display:flex;align-items:center;gap:2px;height:38px;box-sizing:border-box}.subjects-page .view-toggle__btn{background:transparent;border:none;border-radius:6px;color:#6b7aa0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px 10px;font-size:12px;transition:all .2s ease;height:28px;box-sizing:border-box}.subjects-page .view-toggle__btn--active{background-color:#fff;box-shadow:0 1px 3px #00000014}.subjects-page .users-card{background:#fff;border:1px solid #eef2fb;border-radius:16px;margin:0 24px;padding:0;box-shadow:0 4px 6px -1px #00000005;overflow:visible;display:flex;flex-direction:column}.subjects-page .table-container{overflow:visible!important}.subjects-page .subjects-table{width:100%!important;table-layout:auto!important}.subjects-page .subjects-table tbody tr{position:relative}.subjects-page .subjects-table tbody tr:hover{z-index:10}.subjects-page .subjects-table th,.subjects-page .subjects-table td{padding-left:16px!important;padding-right:16px!important}.subjects-page .subjects-table .col-subject-name{width:20%!important;min-width:160px!important}.subjects-page .subjects-table .col-code{width:12%!important;min-width:80px!important}.subjects-page .subjects-table .col-type{width:15%!important;min-width:100px!important}.subjects-page .subjects-table .col-grades{width:15%!important;min-width:110px!important}.subjects-page .subjects-table .col-teachers{width:20%!important;min-width:140px!important}.subjects-page .subjects-table .col-status{width:13%!important;min-width:90px!important}.subjects-page .subjects-table .col-actions{width:50px!important;min-width:50px!important;max-width:50px!important;position:relative;z-index:20}.subjects-page .subjects-table .actions-cell{position:relative;z-index:30;display:flex;justify-content:flex-end}.subjects-page .subjects-table .type-pill{font-family:var(--font-family-base);font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;display:inline-block}.subjects-page .subjects-table .type-pill--core{background-color:#ecfeff;color:#0891b2;border:1px solid #c5f6fa}.subjects-page .subjects-table .type-pill--elective{background-color:#faf5ff;color:#6b21a8;border:1px solid #e9d5ff}.subjects-page .subjects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 24px 24px;width:100%;box-sizing:border-box}@media(max-width:1100px){.subjects-page .subjects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.subjects-page .subjects-grid{grid-template-columns:1fr}}.subjects-page .sgc{background:#fff;border:1px solid #e4ecf1;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:16px 16px 12px;box-shadow:0 2px 8px #2d2e4f05;box-sizing:border-box;transition:box-shadow .2s ease,border-color .2s ease}.subjects-page .sgc:hover{border-color:#c5d4e0;box-shadow:0 4px 16px #2d2e4f0f}.subjects-page .sgc__header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:12px}.subjects-page .sgc__title-group{display:flex;flex-direction:column;gap:4px;flex:1 0 0;min-width:0;max-width:160px}.subjects-page .sgc__name{font-family:var(--font-family-base);font-size:16px;font-weight:800;color:var(--color-brand-primary, #094060);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal}.subjects-page .sgc__status-row{display:flex;align-items:center;gap:8px}.subjects-page .sgc__status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.subjects-page .sgc__status-dot--active{background-color:#34a853}.subjects-page .sgc__status-dot--inactive{background-color:#94a3b8}.subjects-page .sgc__status-text{font-family:var(--font-family-base);font-size:11px;font-weight:500;color:var(--color-brand-icon, #0f5580);white-space:nowrap}.subjects-page .sgc__code-badge{background-color:var(--color-bg-subtle, #f8fbfd);border:1px solid #e4ecf1;border-radius:4px;padding:2px 6px;font-family:var(--font-family-base);font-size:11px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);white-space:nowrap;flex-shrink:0}.subjects-page .sgc__divider{height:1px;background-color:var(--color-border-default, #e4ecf1);width:100%}.subjects-page .sgc__footer-row{display:flex;align-items:center;gap:24px;width:100%;white-space:nowrap}.subjects-page .sgc__stat-col{display:flex;flex-direction:column;gap:2px;flex:1 0 0;min-width:0}.subjects-page .sgc__stat-label{font-family:var(--font-family-base);font-size:10px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);text-transform:uppercase;line-height:normal}.subjects-page .sgc__stat-value{font-family:var(--font-family-base);font-size:13px;font-weight:700;color:var(--color-brand-primary, #094060);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subjects-page .sgc__actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.subjects-page .sgc__view-btn{background:none;border:none;padding:0;font-family:var(--font-family-base);font-size:12px;font-weight:600;color:#ef4523;cursor:pointer;white-space:nowrap;line-height:normal;transition:opacity .15s ease}.subjects-page .sgc__view-btn:hover{opacity:.75}.subject-form-page{display:flex;flex-direction:column;gap:20px;padding:0 24px 32px;width:100%;box-sizing:border-box}.sform-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:4px}.sform-header__title-block{display:flex;flex-direction:column;gap:4px}.sform-header__title{font-family:var(--font-family-base);font-size:22px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0;line-height:normal}.sform-header__subtitle{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);margin:0;line-height:normal}.sform-card{background:#fff;border:1px solid #e4ecf1;border-radius:16px;padding:24px;width:100%;box-sizing:border-box;box-shadow:0 2px 8px #2d2e4f05}.sform-body{display:flex;flex-direction:column;gap:20px}.sform-row{display:flex;gap:20px;width:100%}@media(max-width:640px){.sform-row{flex-direction:column}}.sform-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.sform-field--full{flex:none;width:100%}.sform-label-row{display:flex;align-items:center;gap:4px;white-space:nowrap}.sform-label{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060);line-height:normal}.sform-required{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:#d32f2f}.sform-input{background-color:var(--color-bg-subtle, #f8fbfd);border:1px solid #e4ecf1;border-radius:8px;padding:10px 14px;font-family:var(--font-family-base);font-size:14px;font-weight:400;color:var(--color-brand-primary, #094060);width:100%;box-sizing:border-box;outline:none;transition:border-color .15s ease}.sform-input::placeholder{color:var(--color-brand-secondary, #1a6fa3);opacity:.7}.sform-input:focus{border-color:var(--color-brand-secondary, #1a6fa3)}.sform-input--invalid{border-color:#d32f2f!important}.sform-textarea{background-color:var(--color-bg-subtle, #f8fbfd);border:1px solid #e4ecf1;border-radius:8px;padding:10px 14px;font-family:var(--font-family-base);font-size:14px;font-weight:400;color:var(--color-brand-primary, #094060);width:100%;height:80px;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .15s ease}.sform-textarea::placeholder{color:var(--color-brand-secondary, #1a6fa3);opacity:.7}.sform-textarea:focus{border-color:var(--color-brand-secondary, #1a6fa3)}.sform-help{font-family:var(--font-family-base);font-size:11px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3)}.sform-error{font-family:var(--font-family-base);font-size:11px;font-weight:500;color:#d32f2f}.sform-grades-section{display:flex;flex-direction:column;gap:16px;width:100%}.sform-grade-pills{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sform-grade-pill{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.sform-grade-pill__label{font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060);white-space:nowrap}.sform-checkbox{width:18px;height:18px;border-radius:4px;border:1.5px solid #1a6fa3;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.sform-checkbox--checked{background-color:#ef4523;border-color:#ef4523}.sform-checkbox__check{font-family:var(--font-family-base);font-size:11px;font-weight:700;color:#fff;line-height:1;-webkit-user-select:none;user-select:none}.sform-divider{height:1px;background-color:var(--color-border-default, #e4ecf1);width:100%}.sform-expanded{display:flex;flex-direction:column;gap:12px;width:100%}.sform-expanded__heading{font-family:var(--font-family-base);font-size:12px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);text-transform:uppercase;margin:0}.sform-expanded__cards{display:flex;flex-direction:column;gap:12px;width:100%}.sform-grade-card{background:#fff;border:1px solid #e4ecf1;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.sform-grade-card__header{display:flex;align-items:center;justify-content:space-between;width:100%}.sform-grade-card__title{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060)}.sform-grade-card__select-all{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.sform-grade-card__select-all-label{font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060)}.sform-sections{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sform-section-item{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.sform-section-item__label{font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060)}.sform-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px}.sform-footer__cancel{background:none;border:1px solid #e4ecf1;border-radius:12px;padding:10px 20px;font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060);cursor:pointer;transition:background-color .15s ease}.sform-footer__cancel:hover{background-color:var(--color-bg-subtle, #f8fbfd)}.sform-footer__submit{background-color:#ef4523;border:none;border-radius:12px;padding:10px 20px;height:40px;font-family:var(--font-family-base);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .15s ease}.sform-footer__submit:hover{opacity:.9}.modal-custom-header{padding-bottom:4px}.subject-form-card{background:#fff;border:1px solid #e4ecf1;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #00000005;width:100%;box-sizing:border-box}.modal-form-body{display:flex;flex-direction:column;gap:20px;margin-top:8px}.modal-form-body .form-row{display:flex;gap:20px}@media(max-width:500px){.modal-form-body .form-row{flex-direction:column;gap:16px}}.modal-form-body .flex-1{flex:1}.modal-form-body .form-group{display:flex;flex-direction:column;gap:6px;width:100%}.modal-form-body .form-label-group{display:flex;align-items:center;gap:4px}.modal-form-body .form-label-custom{font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-primary, #094060)}.modal-form-body .required-asterisk{color:#d32f2f;font-weight:700}.modal-form-body .form-input-custom{height:40px;padding:10px 14px;border:1px solid #e4ecf1;border-radius:8px;font-family:var(--font-family-base);font-size:14px;color:var(--color-brand-primary, #094060);background-color:#f8faff;transition:all .2s ease;box-sizing:border-box;width:100%}.modal-form-body .form-input-custom::placeholder{color:var(--color-brand-secondary, #1a6fa3)}.modal-form-body .form-input-custom:focus{outline:none;border-color:#ef4523;background-color:#fff;box-shadow:0 0 0 3px #388bff1a}.modal-form-body .form-input-custom--invalid{border-color:#ef4444!important;background-color:#fef2f2!important}.modal-form-body .form-textarea-custom{height:80px;padding:10px 14px;border:1px solid #e4ecf1;border-radius:8px;font-family:var(--font-family-base);font-size:14px;color:var(--color-brand-primary, #094060);background-color:#f8faff;transition:all .2s ease;box-sizing:border-box;width:100%;resize:none}.modal-form-body .form-textarea-custom::placeholder{color:var(--color-brand-secondary, #1a6fa3)}.modal-form-body .form-textarea-custom:focus{outline:none;border-color:#ef4523;background-color:#fff;box-shadow:0 0 0 3px #388bff1a}.modal-form-body .form-help-text{font-family:var(--font-family-base);font-size:11px;color:var(--color-brand-secondary, #1a6fa3);margin-top:2px}.modal-form-body .form-error-msg{font-family:var(--font-family-base);font-size:12px;color:#ef4444;margin-top:2px}.modal-form-body .custom-type-group{display:flex;gap:12px}.modal-form-body .custom-type-group .type-btn{background-color:#f8faff;border:1px solid #e4ecf1;border-radius:8px;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-brand-primary, #094060);cursor:pointer;transition:all .2s ease;height:38px;box-sizing:border-box}.modal-form-body .custom-type-group .type-btn__icon{color:var(--color-brand-secondary, #1a6fa3);font-size:12px}.modal-form-body .custom-type-group .type-btn__icon--active{color:#ef4523}.modal-form-body .custom-type-group .type-btn--active{background-color:#f0f6ff;border-color:#7ab3ff;color:#ef4523;font-weight:600}.modal-form-body .custom-type-group .type-btn:hover:not(.modal-form-body .custom-type-group .type-btn--active){border-color:var(--color-brand-secondary, #1a6fa3)}.modal-form-body .grades-pill-group{display:flex;flex-wrap:wrap;gap:8px}.modal-form-body .grades-pill-group .grade-pill-btn{background-color:#f8faff;border:1px solid #e4ecf1;border-radius:20px;padding:6px 12px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-primary, #094060);cursor:pointer;transition:all .2s ease;height:32px;box-sizing:border-box}.modal-form-body .grades-pill-group .grade-pill-btn .checkbox-square{width:16px;height:16px;border:1px solid #1a6fa3;border-radius:4px;background-color:#fff;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .15s ease;box-sizing:border-box}.modal-form-body .grades-pill-group .grade-pill-btn .checkbox-square--active{border-color:#ef4523;background-color:#ef4523}.modal-form-body .grades-pill-group .grade-pill-btn--active{background-color:#f0f6ff;border-color:#7ab3ff;color:#ef4523;font-weight:600}.modal-form-body .grades-pill-group .grade-pill-btn:hover:not(.modal-form-body .grades-pill-group .grade-pill-btn--active){border-color:var(--color-brand-secondary, #1a6fa3)}.modal-form-body .status-toggle-wrapper{display:flex;align-items:center;gap:12px;height:40px}.modal-form-body .status-toggle-switch{background-color:var(--color-border-default, #e4ecf1);border:none;border-radius:99px;width:48px;height:24px;position:relative;cursor:pointer;padding:2px;display:flex;align-items:center;transition:background-color .2s ease;box-sizing:border-box}.modal-form-body .status-toggle-switch--active{background-color:#ef4523}.modal-form-body .status-toggle-switch .status-toggle-handle{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s ease;display:block;box-shadow:0 1px 3px #00000026}.modal-form-body .status-toggle-switch .status-toggle-handle--active{transform:translate(24px)}.modal-form-body .status-toggle-label{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060)}.modal-form-body .form-card-divider{height:1px;background-color:var(--color-border-default, #e4ecf1);width:100%;margin:8px 0}.modal-form-body .modal-form-actions-row{display:flex;justify-content:flex-end;gap:12px}.modal-form-body .teacher-select-list{background-color:#fff}.modal-form-body .teacher-list-row:hover:not(.modal-form-body .teacher-list-row--disabled):not(.modal-form-body .teacher-list-row--selected){background-color:#f8faff!important}.modal-form-body .teacher-list-row--selected{background-color:#f0f6ff!important;border-color:#dde8ff!important}.modal-form-body .teacher-list-row--disabled{cursor:not-allowed!important;opacity:.6}.subject-details-page{padding:0 24px 32px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.details-back-btn{background:none;border:none;padding:0;color:#ef4523;font-family:var(--font-family-base);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;transition:opacity .15s ease}.details-back-btn:hover{opacity:.8}.details-header-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:8px}.details-header-row__left{display:flex;align-items:center;gap:16px}.details-header-row__title{font-family:var(--font-family-base);font-size:24px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0;line-height:normal}.details-header-row__code-badge{background-color:var(--color-bg-subtle, #f8fbfd);border:1px solid #e4ecf1;border-radius:6px;padding:3px 8px;font-family:var(--font-family-base);font-size:11px;font-weight:600;color:var(--color-brand-icon, #0f5580);line-height:normal}.details-header-row__status-badge{border-radius:6px;padding:3px 8px;font-family:var(--font-family-base);font-size:11px;font-weight:600;line-height:normal;border:1px solid transparent}.details-header-row__status-badge--active{background-color:#e6f4ea;border-color:#34a853;color:#137333}.details-header-row__status-badge--inactive{background-color:#f8faff;border-color:var(--color-border-default, #e4ecf1);color:var(--color-brand-secondary, #1a6fa3)}.details-header-row__edit-btn{background-color:#ef4523;border:none;border-radius:12px;height:36px;padding:0 20px;font-family:var(--font-family-base);font-size:14px;font-weight:600;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease}.details-header-row__edit-btn:hover{opacity:.9}.details-stats-container{display:flex;gap:16px;width:100%}.details-stat-card{background:#fff;border:1px solid #e4ecf1;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;box-shadow:0 2px 8px #2d2e4f03}.details-stat-card__info{display:flex;flex-direction:column;gap:4px}.details-stat-card__value{font-family:var(--font-family-base);font-size:22px;font-weight:700;color:var(--color-brand-primary, #094060);line-height:normal}.details-stat-card__label{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);line-height:normal}.details-stat-card__icon-box{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-brand-icon, #0f5580);font-size:16px}.details-split-container{display:flex;gap:16px;width:100%;align-items:flex-start}.details-left-column{flex:7;display:flex;flex-direction:column;gap:16px;min-width:0}.subjects-page-header{padding:0 24px 8px;margin-bottom:8px}.page-title--subjects{font-family:var(--font-family-base);font-size:24px;font-weight:700;color:var(--color-brand-primary, #094060)}.page-subtitle--subjects{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3)}.stat-card--horizontal{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e4ecf1;border-radius:12px;padding:16px 20px;flex:1 0 0;min-width:1px;box-sizing:border-box}.stat-card--horizontal .stat-card__body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.stat-card--horizontal .stat-card__value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;color:var(--color-brand-primary, #094060);margin:0;line-height:1.1;white-space:nowrap}.stat-card--horizontal .stat-card__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;color:var(--color-brand-secondary, #1a6fa3);margin:0;white-space:nowrap}.stat-card--horizontal .stat-card__icon-wrapper,.stat-card--horizontal .stat-card__icon-box{width:44px;height:44px;border-radius:12px;background-color:#f0f6ff;color:var(--ds-color-primary, #ef4523);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.stat-card--horizontal .stat-card__icon-wrapper fa-icon,.stat-card--horizontal .stat-card__icon-box fa-icon{font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.stat-card--horizontal .stat-card__icon-area{background-color:var(--color-bg-subtle, #f8fbfd);width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-brand-secondary, #1a6fa3);font-size:16px}.stat-card--horizontal .stat-card__content{display:flex;flex:1 0 0;align-items:center;gap:8px;min-width:1px}.stat-card--horizontal .stat-card__info-row{display:flex;flex:1 0 0;align-items:center;justify-content:space-between;min-width:1px}.stat-card--horizontal .stat-card__badge{background-color:var(--color-bg-subtle, #f8fbfd)!important;border:none!important;border-radius:6px!important;padding:4px 8px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:11px!important;font-weight:600!important;color:var(--color-brand-secondary, #1a6fa3)!important;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:16px;flex-wrap:wrap;width:100%;box-sizing:border-box}.action-bar__left{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.action-bar__right{display:flex;align-items:center;gap:12px}.action-bar .dropdown-trigger-btn{font-family:var(--font-family-base);background-color:var(--color-bg-subtle, #f8fbfd)}.action-bar__icon-btn{width:36px;height:36px;border-radius:8px;background-color:#fff;border:1px solid #e4ecf1;display:inline-flex;align-items:center;justify-content:center;color:var(--color-brand-icon, #0f5580);cursor:pointer;box-sizing:border-box;transition:all var(--ds-transition-base)}.action-bar__icon-btn:hover{border-color:#7ab3ff;color:#ef4523;background-color:#f8faff}.toggle-switch{background-color:var(--color-border-default, #e4ecf1);border:1px solid #e4ecf1;display:flex;align-items:start;padding:4px;border-radius:8px;box-sizing:border-box}.toggle-switch__btn{display:flex;align-items:center;overflow:hidden;padding:6px 10px;border:none;border-radius:6px;background:none;cursor:pointer;color:var(--color-brand-icon, #0f5580);transition:all var(--ds-transition-fast)}.toggle-switch__btn--active{background-color:#fff;box-shadow:0 1px 3px #00000014}.toggle-switch__btn:hover{opacity:.8}.toggle-switch__btn fa-icon{font-size:12px}.details-table-th{padding:12px 16px;font-family:var(--font-family-base);font-size:11px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3);text-align:left;letter-spacing:.5px}.details-table-th--grade,.details-table-th--section{width:20%}.details-table-th--teacher{width:25%}.details-table-th--students{width:15%}.details-table-th--periods{width:20%}.details-table-body-row{border-bottom:1px solid #e4ecf1}.details-table-td{padding:12px 16px;font-family:var(--font-family-base);font-size:14px}.details-table-td--bold-dark{font-weight:600;color:var(--color-brand-primary, #094060)}.details-table-td--secondary{color:var(--color-brand-secondary, #1a6fa3)}.details-table-td__periods-value{font-weight:600;color:var(--color-brand-primary, #094060)}.details-table-td__periods-label{font-size:12px;color:var(--color-brand-secondary, #1a6fa3);margin-left:4px}.details-table-empty-td{padding:24px;text-align:center;color:var(--color-brand-secondary, #1a6fa3);font-family:var(--font-family-base);font-size:14px}.subject-grades-cell{position:relative;display:inline-flex;align-items:center;gap:4px}.overflow-badge{color:#ef4523!important;font-weight:600!important;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--ds-transition-fast);margin-left:4px}.overflow-badge:hover{opacity:.8;text-decoration:underline}.grades-popup{position:absolute;top:100%;left:0;margin-top:6px;z-index:100;background-color:#fff;border:1px solid #e4ecf1;box-shadow:0 4px 12px #09406026;border-radius:8px;padding:12px;min-width:140px;box-sizing:border-box}.grades-popup__title{font-size:10px;font-weight:700;color:var(--color-brand-secondary, #1a6fa3);text-transform:uppercase;border-bottom:1px solid #f0f3fa;padding-bottom:4px;margin-bottom:6px;display:block;font-family:var(--font-family-base)}.grades-popup__list{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.grades-popup__pill{background-color:#f8faff;border:1px solid #e4ecf1;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;color:var(--color-brand-primary, #094060);font-family:var(--font-family-base)}.subjects-table{width:100%;border-collapse:collapse}.subjects-table th{font-family:Poppins,sans-serif!important;font-size:11px!important;font-weight:600!important;color:var(--color-brand-secondary, #1a6fa3)!important;letter-spacing:.5px!important}.subjects-table td{padding:12px 16px!important}.subject-name-cell{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060)}.subject-code-cell{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-secondary, #1a6fa3)}.subject-grades-cell{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060);position:relative;display:inline-flex;align-items:center;gap:4px}.subject-teachers-cell{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060)}.subjects-table .status-badge{font-family:Poppins,sans-serif!important;font-size:12px!important}.type-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:3px 8px;font-family:var(--font-family-base);font-size:11px;font-weight:600;white-space:nowrap;text-transform:uppercase}.type-pill--core{background-color:#ecfeff;border:1px solid #c5f6fa;color:#0891b2}.type-pill--elective{background-color:#faf5ff;border:1px solid #e9d5ff;color:#6b21a8}.form-stepper-btn{background:none;border:none;padding:0;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer;width:100%}.form-stepper-btn[disabled]{cursor:default}.form-stepper-line{width:2px;height:24px;border-radius:1px;background-color:var(--color-border-default, #e4ecf1)}.form-stepper-line--active{background-color:#ef4523}.form-stepper-bubble{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1.5px solid #e4ecf1;background-color:transparent;transition:all var(--ds-transition-base)}.form-stepper-bubble--active{background-color:#ef4523;border-color:#ef4523}.form-stepper-bubble--completed{background-color:#16a34a;border-color:#16a34a}.form-stepper-num{font-family:var(--font-family-base);font-weight:700;font-size:11px;color:var(--color-brand-secondary, #1a6fa3)}.form-stepper-num--active{color:#fff}.form-stepper-title{font-family:var(--font-family-base);font-weight:600;font-size:14px;color:var(--color-brand-primary, #094060);transition:all var(--ds-transition-base)}.form-stepper-title--active{color:#ef4523}.form-stepper-desc{font-family:var(--font-family-base);font-weight:400;font-size:11px;color:var(--color-brand-secondary, #1a6fa3)}.form-dropdown-btn{display:inline-flex;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #e2e8f0;height:48px;padding:12px 16px;border-radius:8px;font-family:var(--font-family-base);font-weight:400;font-size:13px;color:var(--color-brand-primary, #094060);cursor:pointer;box-sizing:border-box;width:100%;transition:all var(--ds-transition-base)}.form-dropdown-btn:hover{border-color:#ef4523}.form-dropdown-btn--placeholder{color:var(--color-brand-secondary, #1a6fa3)}.form-dropdown-btn fa-icon{font-size:12px;color:var(--color-brand-secondary, #1a6fa3)}@media(max-width:768px){.form-row,.form-row--lg{flex-direction:column;gap:16px}.form-row>*,.form-row--lg>*{width:100%;flex:none}}.form-section-card{background-color:#fff;border:1px solid #e4ecf1;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.form-section-card--highlighted{background-color:var(--color-bg-subtle, #f8fbfd)!important;border:1.5px solid #ffa08e!important;box-shadow:0 4px 6px #388bff0f!important}.recently-added-badge{background-color:#fff5f2;border-radius:4px;padding:2px 6px;font-family:var(--font-family-base);font-size:10px;font-weight:600;color:#ef4523;text-transform:uppercase;display:inline-block;margin-left:8px;line-height:normal}.form-section-add-dashed{border:1px dashed #e4ecf1;border-radius:8px;background-color:transparent;width:100%;padding:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;margin-top:16px;transition:all var(--ds-transition-base)}.form-section-add-dashed:hover{background-color:var(--color-bg-subtle, #f8fbfd);border-color:var(--color-brand-secondary, #1a6fa3)}.form-section-add-dashed:hover .form-section-add-dashed__text{color:#ef4523}.form-section-add-dashed__text{margin:0;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--color-brand-icon, #0f5580);transition:color var(--ds-transition-base)}.form-section-card__header{display:flex;justify-content:space-between;align-items:center;width:100%}.form-section-card__header-info{display:flex;flex-direction:column;gap:2px}.form-section-card__title{font-family:var(--font-family-base);font-weight:700;font-size:14px;color:var(--color-brand-primary, #094060);margin:0}.form-section-card__subtitle{font-family:var(--font-family-base);font-weight:400;font-size:11px;color:var(--color-brand-secondary, #1a6fa3);margin:0}.form-section-card__trash-btn{background-color:#fef2f2;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ef4444;cursor:pointer;transition:all var(--ds-transition-base)}.form-section-card__trash-btn:hover{background-color:#fee2e2;color:#dc2626}.form-group--w-120{width:120px;flex:none}.form-group--w-150{width:150px;flex:none}.form-section-summary-bar{background-color:#f0f6ff;border:1px solid #dde8ff;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.form-section-summary-bar__info{display:flex;align-items:center;gap:8px;color:#ef4523;font-family:var(--font-family-base);font-size:13px;font-weight:500}.form-section-summary-bar__info fa-icon{font-size:14px;color:#ef4523}.form-section-summary-bar__btn{background-color:#fff;border:1px solid #7ab3ff;color:#ef4523;padding:6px 12px;border-radius:6px;font-family:var(--font-family-base);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--ds-transition-base);box-sizing:border-box}.form-section-summary-bar__btn:hover{border-color:#ef4523;background-color:#f8faff}.form-check--lg{display:inline-flex;align-items:center;gap:8px;cursor:pointer;vertical-align:middle}.form-check--lg input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid #e4ecf1;border-radius:4px;outline:none;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--ds-transition-base);margin:0}.form-check--lg input[type=checkbox]:hover:not(:disabled){border-color:#cbd5e1}.form-check--lg input[type=checkbox]:checked{border-color:#ef4523;background-color:#ef4523}.form-check--lg input[type=checkbox]:checked:after{content:"";width:10px;height:6px;border-left:2.5px solid #ffffff;border-bottom:2.5px solid #ffffff;transform:rotate(-45deg);margin-top:-3px;display:block}.form-check--lg span{font-family:var(--font-family-base);font-size:13px;font-weight:500;color:var(--color-brand-primary, #094060);-webkit-user-select:none;user-select:none}.form-status-cards{display:flex;gap:12px;width:100%;box-sizing:border-box}@media(max-width:768px){.form-status-cards{flex-direction:column}}.form-status-card{flex:1;background-color:#fff;border:1px solid #e4ecf1;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all var(--ds-transition-base);box-sizing:border-box;text-align:left}.form-status-card:hover{border-color:#cbd5e1}.form-status-card--active{background-color:#f0f6ff;border:1.5px solid #ef4523}.form-status-card--active:hover{border-color:#ef4523}.form-status-card__radio{width:18px;height:18px;border:1.5px solid #e4ecf1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;background-color:#fff;transition:all var(--ds-transition-base)}.form-status-card__radio--selected{border-color:#ef4523}.form-status-card__radio--selected:after{content:"";width:8px;height:8px;background-color:#ef4523;border-radius:50%;display:block}.form-status-card__content{display:flex;flex-direction:column;gap:2px}.form-status-card__header{display:flex;align-items:center;gap:8px}.form-status-card__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.form-status-card__dot--green{background-color:#4caf50}.form-status-card__dot--gray{background-color:var(--color-brand-secondary, #1a6fa3)}.form-status-card__dot--orange{background-color:#ff9800}.form-status-card__title{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-brand-primary, #094060);margin:0}.form-status-card__desc{font-family:var(--font-family-base);font-size:12px;font-weight:400;color:var(--color-brand-secondary, #1a6fa3);margin:0}.classes-stat-icon{font-size:24px!important;color:var(--neutral-600, #0f5580)}.classes-actions-left{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.classes-table-cell-bold{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--neutral-700, #094060)}.classes-table-cell-medium{font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--neutral-700, #094060)}.classes-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;width:100%;flex:1;padding:24px;box-sizing:border-box;overflow-y:auto}.classes-grid-empty{grid-column:1/-1;text-align:center;padding:48px;color:var(--neutral-50, #1a6fa3);font-family:var(--font-family-base)}.classes-back-header{display:flex;gap:8px;align-items:center;padding:0 24px 12px;box-sizing:border-box;width:100%}.classes-back-btn{background:none;border:none;font-family:var(--font-family-base);font-size:13px;font-weight:600;color:var(--ds-color-primary, #ef4523);cursor:pointer;display:flex;gap:6px;align-items:center;padding:0}.classes-hero-info{display:flex;flex-direction:column;gap:6px}.classes-hero-title-row{display:flex;gap:12px;align-items:center}.classes-hero-title{margin:0;font-family:var(--font-family-base);font-weight:700;font-size:24px;color:var(--neutral-700, #094060)}.classes-status-badge{background-color:#dcfce7;padding:3px 8px;border-radius:99px}.classes-status-badge-text{margin:0;font-family:var(--font-family-base);font-weight:600;font-size:11px;color:#16a34a;line-height:normal}.classes-hero-subtitle{margin:0;font-family:var(--font-family-base);font-weight:500;font-size:13px;color:var(--neutral-500, #1a6fa3)}.classes-stats-row{margin:0!important;padding:0!important;width:100%!important}.classes-sections-container{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.classes-sections-title{margin:0;font-family:var(--font-family-base);font-weight:700;font-size:16px;color:var(--neutral-700, #094060)}.classes-sections-card{margin:0!important;width:100%!important}.col-section-name{width:100px}.col-section-teacher{width:180px}.col-section-room{width:100px}.col-section-students{width:90px}.col-section-capacity{width:120px}.col-section-actions{width:60px}.classes-teacher-info{display:flex;flex-direction:column;gap:2px}.classes-teacher-name{font-family:var(--font-family-base);font-size:14px;font-weight:600;color:#2563eb}.classes-teacher-email{font-family:var(--font-family-base);font-size:11px;color:var(--neutral-500, #1a6fa3);font-weight:400}.classes-page .classes-table{width:100%!important;table-layout:auto!important}.classes-page .classes-table .col-grade{width:30%!important;min-width:120px!important}.classes-page .classes-table .col-sections{width:22%!important;min-width:110px!important}.classes-page .classes-table .col-students{width:22%!important;min-width:100px!important}.classes-page .classes-table .col-utilization{width:26%!important;min-width:140px!important;white-space:normal!important;word-break:break-word!important}.classes-page .classes-table .col-actions{width:50px!important;min-width:50px!important;max-width:50px!important}.add-class-form{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.add-class-workspace{flex:1;align-items:stretch}.add-class-sidebar{width:240px;display:flex;flex-direction:column;gap:16px;flex-shrink:0;box-sizing:border-box}.add-class-sidebar-title{margin:0;font-family:var(--font-family-base);font-weight:700;font-size:11px;color:var(--neutral-500, #1a6fa3);letter-spacing:.8px;text-transform:uppercase}.add-class-steps-list{display:flex;flex-direction:column;gap:16px;width:100%}.add-class-check-icon{font-size:10px;color:#fff}.add-class-step-info{display:flex;flex-direction:column;gap:2px;flex:1}.add-class-content-wrapper{flex:1;min-width:0;box-sizing:border-box;max-width:100%;width:100%;padding:0 24px 24px}.right-panel-card{background-color:#fff;border:1px solid var(--neutral-200, #e4ecf1);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;width:100%}.add-class-step-header{display:flex;gap:12px;align-items:center;width:100%}.add-class-step-icon-bg{background-color:#f0f6ff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.add-class-step-icon{font-size:14px;color:var(--ds-color-primary, #ef4523)}.add-class-step-header-text{display:flex;flex-direction:column;gap:2px}.add-class-step-title{margin:0;font-family:var(--font-family-base);font-weight:700;font-size:16px;color:var(--neutral-700, #094060)}.add-class-step-subtitle{margin:0;font-family:var(--font-family-base);font-weight:400;font-size:13px;color:var(--neutral-500, #1a6fa3)}.form-group--hidden{visibility:hidden}.add-class-textarea{width:100%;border:1px solid var(--neutral-200, #e4ecf1);border-radius:8px;padding:12px;font-family:var(--font-family-base);font-size:13px;color:var(--neutral-700, #094060);outline:none;box-sizing:border-box;resize:vertical}.add-class-sections-list{display:flex;flex-direction:column;gap:16px;width:100%}.add-class-section-title-flex{display:flex;align-items:center}.add-class-add-teacher-btn{background:none;border:none;padding:0;color:var(--ds-color-primary, #ef4523);font-family:var(--font-family-base);font-size:12px;font-weight:600;cursor:pointer;margin-top:12px;align-self:flex-start;display:inline-flex;align-items:center}.add-class-divider{background-color:var(--border-light, #eef2fb);height:1px;width:100%}.secondary-teacher-label-row{display:flex;justify-content:space-between;align-items:center}.secondary-teacher-label-row__label{margin-bottom:0}.secondary-teacher-remove-btn{background:none;border:none;padding:2px 0;color:var(--ds-color-primary, #ef4523);cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-family-base);font-size:12px;font-weight:500;transition:opacity .15s ease}.secondary-teacher-remove-btn fa-icon{font-size:11px}.secondary-teacher-remove-btn:hover{opacity:.8}.searchable-teacher-dropdown{min-width:280px;max-height:260px;overflow-y:auto;padding:0!important}.searchable-teacher-dropdown__search{display:flex;align-items:center;gap:6px;padding:8px 12px}.searchable-teacher-dropdown__search-icon{font-size:13px;color:var(--neutral-400, #94a8b8);flex-shrink:0}.searchable-teacher-dropdown__search-input{border:none;outline:none;background:transparent;font-family:var(--font-family-base);font-size:13px;font-weight:400;color:var(--neutral-700, #094060);width:100%}.searchable-teacher-dropdown__search-input::placeholder{color:var(--neutral-400, #94a8b8)}.searchable-teacher-dropdown__divider{height:1px;background-color:var(--border-light, #eef2fb);width:100%}.searchable-teacher-dropdown__item{font-family:var(--font-family-base);font-weight:500;font-size:13px;color:var(--neutral-700, #094060);background:none;border:none;text-align:left;padding:10px 14px;width:100%;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease,color .15s ease}.searchable-teacher-dropdown__item:hover{background-color:var(--neutral-50, #f8fbfd)}.searchable-teacher-dropdown__item--selected{color:var(--ds-color-primary, #ef4523);background-color:var(--primary-50, #fff5f2)}.searchable-teacher-dropdown__item--selected:hover{background-color:var(--primary-50, #fff5f2)}.searchable-teacher-dropdown__check-icon{font-size:13px;color:var(--ds-color-primary, #ef4523);flex-shrink:0}.searchable-teacher-dropdown__empty{padding:14px;text-align:center;font-family:var(--font-family-base);font-size:13px;color:var(--neutral-400, #94a8b8)}
/*# sourceMappingURL=styles-H2JVZSDX.css.map */