@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-arabic-400-normal-DN15VWMM.woff2) format("woff2"),url(/assets/cairo-arabic-400-normal-CAYwymWN.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cairo-arabic-500-normal-DDl0i4Xv.woff2) format("woff2"),url(/assets/cairo-arabic-500-normal-BADfnM6v.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-arabic-600-normal-rkrvveqO.woff2) format("woff2"),url(/assets/cairo-arabic-600-normal-B3EOalmC.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-arabic-700-normal-D3nDedWX.woff2) format("woff2"),url(/assets/cairo-arabic-700-normal-CyOqhaeK.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-arabic-800-normal-G1qvPr6G.woff2) format("woff2"),url(/assets/cairo-arabic-800-normal-CVTPwINa.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-400-normal-Dh7otpdh.woff2) format("woff2"),url(/assets/cairo-latin-400-normal-b1R3q6Pf.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cairo-latin-500-normal-D-WQsSKQ.woff2) format("woff2"),url(/assets/cairo-latin-500-normal-DkdkMETP.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-latin-600-normal-mGS0uvCM.woff2) format("woff2"),url(/assets/cairo-latin-600-normal-buYOP1M3.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-latin-700-normal-C3GYtKbV.woff2) format("woff2"),url(/assets/cairo-latin-700-normal-6fcUy4Rc.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-latin-800-normal-BBdTpBXf.woff2) format("woff2"),url(/assets/cairo-latin-800-normal-ReWrxM5E.woff) format("woff")}:root{--color-ink: #102a4c;--color-primary: #1b4f9c;--color-primary-dark: #143c77;--color-primary-tint: #e7effa;--color-accent: #f39c12;--color-accent-dark: #c97b0a;--color-accent-tint: #fdf1dc;--color-sand: #f39c12;--color-surface: #ffffff;--color-canvas: #f4f7fb;--color-muted-surface: #e8eef6;--color-muted-text: #5a6e85;--color-danger: #b5473d;--color-success: #2e9e44;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .5rem;--radius-md: .9rem;--radius-lg: 1.25rem;--font-body: "Cairo", "Noto Sans", "Noto Sans Arabic", system-ui, sans-serif;--shadow-soft: 0 8px 24px rgb(16 42 76 / 10%)}*{box-sizing:border-box}html{background:var(--color-canvas)}body{margin:0;color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-body);font-size:16px;line-height:1.55}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.skip-link{position:fixed;inset-block-start:-4rem;inset-inline-start:var(--space-4);z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-ink);color:#fff;border-radius:var(--radius-sm)}.skip-link:focus{inset-block-start:var(--space-2)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(circle at 10% 0%,var(--color-primary-tint),transparent 34%),var(--color-canvas)}.auth-card{width:min(100%,28rem);padding:clamp(1.5rem,5vw,3rem);background:var(--color-surface);border:1px solid #d9e2ef;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.auth-card__topline,.topbar,.topbar__actions,.page-heading,.user-chip,.brand,.language-toggle{display:flex;align-items:center}.auth-card__topline,.page-heading,.topbar{justify-content:space-between;gap:var(--space-4)}.auth-card__topline img,.brand img{width:2.75rem;height:2.75rem;object-fit:contain;background:var(--color-surface);border-radius:var(--radius-sm);padding:.25rem}.eyebrow{margin:0 0 var(--space-2);color:var(--color-primary);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-block-start:0}h1{margin-block-end:var(--space-3);font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.15}h2{font-size:1.1rem}.muted{color:var(--color-muted-text)}label{display:block;margin-block:var(--space-4) var(--space-2);font-weight:700}input{display:block;width:100%;min-height:2.9rem;padding:var(--space-2) var(--space-3);color:var(--color-ink);background:#fff;border:1px solid #a8bad2;border-radius:var(--radius-sm)}input:focus{border-color:var(--color-primary)}.form-error{margin-block:var(--space-4);padding:var(--space-3);color:#7b261f;background:#fdebe9;border-inline-start:4px solid var(--color-danger);border-radius:var(--radius-sm)}.button,.language-toggle{min-height:2.75rem;padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-sm);cursor:pointer}.button--primary{color:#fff;background:var(--color-primary)}.button--primary:hover{background:var(--color-primary-dark)}.button--quiet{color:var(--color-ink);background:transparent}.button--wide{width:100%;margin-block-start:var(--space-6)}.language-toggle{display:inline-flex;gap:var(--space-2);align-items:center;color:var(--color-ink);background:var(--color-muted-surface)}.app-shell{min-height:100vh;display:flex}.sidebar{flex:0 0 15rem;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);color:#fff;background:var(--color-ink)}.brand{gap:var(--space-3);margin-block-end:var(--space-8);font-weight:800}.brand img{border-radius:var(--radius-sm)}.nav-link{display:block;padding:var(--space-3);color:#c9d8ee;text-decoration:none;border-radius:var(--radius-sm)}.nav-link:hover,.nav-link--active{color:#fff;background:#ffffff1f}.sidebar__footer{margin-block-start:auto;color:#a9bcd6;font-size:.85rem}.connection-dot{display:inline-block;width:.55rem;height:.55rem;margin-inline-end:.35rem;background:#4cc26e;border-radius:50%}.main-column{min-width:0;flex:1}.topbar{min-height:5.5rem;padding:var(--space-4) clamp(1rem,4vw,3rem);background:var(--color-surface);border-block-end:1px solid #d9e2ef}.topbar__context{margin:0;color:var(--color-muted-text);font-size:.8rem}.topbar__actions{gap:var(--space-3)}.user-chip{gap:var(--space-2)}.user-chip__name{display:grid;gap:.1rem;font-size:.9rem}.avatar{display:grid;width:2.25rem;height:2.25rem;place-items:center;color:#fff;background:var(--color-primary);border-radius:50%}.role-badge{display:inline-flex;width:fit-content;padding:.15rem .5rem;color:var(--color-primary-dark);background:var(--color-primary-tint);border-radius:99px;font-size:.75rem;font-weight:700}.content{max-width:78rem;margin:0 auto;padding:clamp(1.25rem,4vw,3rem)}.dashboard-intro{max-width:42rem}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-block-start:var(--space-8)}.summary-card{min-height:12rem;padding:var(--space-6);background:var(--color-surface);border:1px solid #d9e2ef;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.summary-card__mark{display:block;width:2rem;height:.35rem;margin-block-end:var(--space-6);background:var(--color-primary);border-radius:99px}.summary-card--sand .summary-card__mark{background:var(--color-accent)}.summary-card--blue .summary-card__mark{background:var(--color-ink)}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--color-muted-text)}[dir=rtl] body{font-family:"Cairo","Noto Naskh Arabic",var(--font-body);line-height:1.8}[dir=rtl] .sidebar{border-inline-start:0;border-inline-end:1px solid rgb(255 255 255 / 8%)}[dir=rtl] .topbar__actions{flex-direction:row-reverse}@media (max-width: 800px){.app-shell{display:block}.sidebar{min-height:auto;padding:var(--space-3) var(--space-4)}.sidebar nav{display:flex;gap:var(--space-2);overflow-x:auto}.sidebar__footer{display:none}.brand{margin-block-end:var(--space-3)}.topbar{align-items:flex-start;flex-direction:column}.topbar__actions{width:100%;justify-content:space-between;flex-wrap:wrap}.summary-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.feature-page{display:grid;gap:var(--space-6)}.page-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.panel{padding:var(--space-6);background:var(--color-surface);border:1px solid #d9e2ef;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.form-grid h2,.form-grid__wide,.form-actions{grid-column:1 / -1}.field{display:grid;gap:var(--space-2);margin:0;font-weight:700}.field textarea{min-height:5rem;resize:vertical}.field-error{color:var(--color-danger);font-weight:600}.form-actions{display:flex;justify-content:flex-start;gap:var(--space-3);padding-block-start:var(--space-2)}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4)}.search-field{display:grid;flex:1;max-width:36rem;gap:var(--space-2);margin:0;font-weight:700}.result-count{color:var(--color-muted-text);font-size:.9rem}.table-wrap{overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:42rem}th,td{padding:var(--space-3) var(--space-4);text-align:start;border-block-end:1px solid #dee7f2}th{position:sticky;inset-block-start:0;color:var(--color-muted-text);background:var(--color-surface);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}tbody tr:hover{background:#f1f6fc}.status-badge{display:inline-flex;width:fit-content;padding:.2rem .6rem;color:var(--color-primary-dark);background:var(--color-primary-tint);border-radius:99px;font-size:.78rem;font-weight:800}.empty-state{text-align:center}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-4)}.class-card{min-height:11rem}.dashboard-classes{margin-block-start:var(--space-8)}.dashboard-classes__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-6)}.dashboard-level+.dashboard-level{margin-block-start:var(--space-6)}.dashboard-level__names{display:grid;gap:var(--space-1);margin-block-end:var(--space-4)}.dashboard-level__names h3{margin:0;font-size:1rem;font-weight:800;color:var(--color-ink)}.dashboard-classes .class-card{min-height:auto}.class-card__top{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-grid h2,.form-grid__wide,.form-actions{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.search-field{max-width:none}.page-heading{align-items:flex-start;flex-direction:column}.panel{padding:var(--space-4)}}.grades-toolbar{display:grid;grid-template-columns:minmax(16rem,1fr) auto;gap:var(--space-6);align-items:end}.grades-toolbar select{display:block;width:100%;min-height:2.9rem;padding:var(--space-2) var(--space-3);color:var(--color-ink);background:#fff;border:1px solid #a8bad2;border-radius:var(--radius-sm)}.grade-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-muted-text);font-size:.9rem}.grade-stats b{color:var(--color-ink);font-size:1.15rem}.grade-grid{min-width:52rem}.grade-grid th:first-child{position:sticky;inset-inline-start:0;z-index:2;background:var(--color-surface)}.grade-grid td{min-width:8rem;vertical-align:top}.grade-grid thead small,.grade-grid tbody small{display:block;color:var(--color-muted-text);font-size:.72rem;font-weight:500}.grade-cell{display:grid;gap:.35rem}.grade-cell input[type=text]{min-height:2.5rem;padding:var(--space-2);text-align:center}.absence-toggle{display:flex;align-items:center;gap:.35rem;margin:0;color:var(--color-muted-text);font-size:.75rem;font-weight:600;white-space:nowrap}.absence-toggle input{display:inline-block;width:1rem;min-height:1rem;padding:0}@media (max-width: 800px){.grades-toolbar{grid-template-columns:1fr}}.finance-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-6)}.finance-summary{margin-block-start:0}.finance-summary strong{display:block;font-size:clamp(1.4rem,3vw,2rem)}.finance-summary small{color:var(--color-muted-text)}.finance-balance{margin-block:var(--space-4);color:var(--color-primary-dark);font-size:1.8rem;font-weight:800}.success-message{padding:var(--space-3);color:#1f7a31;background:#e4f5e9;border-inline-start:4px solid #2e9e44;border-radius:var(--radius-sm)}@media (max-width: 900px){.finance-layout{grid-template-columns:1fr}}.documents-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--space-6)}.documents-layout .panel{min-width:0}.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.button--small{min-height:2.25rem;padding:var(--space-1) var(--space-3);font-size:.85rem;color:var(--color-ink);background:var(--color-muted-surface)}.public-verification{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(circle at 90% 0%,var(--color-primary-tint),transparent 34%),var(--color-canvas)}.public-verification__card{width:min(100%,38rem);padding:clamp(1.5rem,5vw,3rem);background:var(--color-surface);border:1px solid #d9e2ef;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.verification-status{margin-block-start:var(--space-6);padding:var(--space-5);border-radius:var(--radius-md);border-inline-start:5px solid}.verification-status strong{display:block;margin-block-end:var(--space-2);font-size:1.25rem}.verification-status--valid{color:#1f7a31;background:#e4f5e9;border-color:#2e9e44}.verification-status--revoked{color:#7b261f;background:#fdebe9;border-color:var(--color-danger)}.verification-status--unknown{color:var(--color-ink);background:var(--color-muted-surface);border-color:var(--color-muted-text)}@media (max-width: 1000px){.documents-layout{grid-template-columns:1fr}}@media (max-width: 640px){.documents-layout .panel{padding:var(--space-4)}}.portal-child-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:var(--space-5)}.portal-child-card{display:grid;gap:var(--space-4)}.portal-child-card h2,.portal-child-card h3{margin-block-end:var(--space-2)}.portal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.portal-metric{padding:var(--space-3);background:var(--color-muted-surface);border-radius:var(--radius-sm)}.portal-metric span{display:block;color:var(--color-muted-text);font-size:.78rem}.portal-metric strong{display:block;margin-block-start:.2rem;font-size:1.15rem}.portal-section{padding-block-start:var(--space-3);border-block-start:1px solid #dee7f2}.portal-section h3{font-size:.95rem}.portal-subgroup{margin-inline-start:var(--space-4)}.portal-list{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.portal-list li{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}.notification-list{display:grid;gap:var(--space-4);max-width:52rem}.notification-card{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.notification-card--unread{border-inline-start:5px solid var(--color-primary)}.notification-card h2{margin-block-end:var(--space-2)}@media (max-width: 640px){.portal-metrics{grid-template-columns:1fr}.notification-card{flex-direction:column}}:root{--color-primary: #1b4f9c;--color-primary-dark: #14386b;--color-primary-tint: #eaf0f9;--color-ink: #172b47;--color-canvas: #f5f7fa;--color-muted-text: #65748b;--color-muted-surface: #f0f3f8;--color-accent: #d9b773;--color-border: #e4e9f0;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-soft: 0 3px 16px rgb(23 43 71 / 3%)}body{font-size:14px;background:var(--color-canvas);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b58a36;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}a{text-underline-offset:3px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:650;text-decoration:none;transition:background .15s,box-shadow .15s}.button--primary{box-shadow:0 3px 6px #1b4f9c1f}.button--quiet{background:#f1f4f8;color:#465672}.button--quiet:hover{background:#e5ebf3}.button--gold{background:#e9cd97;color:#182b46;box-shadow:0 3px 10px #0001}.button--gold:hover{background:#f2dcaf}.button--small{min-height:36px;font-size:12px;padding:6px 11px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:9px;color:var(--color-muted-text);background:transparent;cursor:pointer}.icon-button:hover{background:var(--color-muted-surface);color:var(--color-ink)}.app-shell{align-items:stretch}.sidebar{width:246px;flex:0 0 246px;position:sticky;inset-block-start:0;height:100dvh;padding:29px 18px 22px;background:#132941;overflow-y:auto;z-index:30}.brand{color:#fff;text-decoration:none;margin-block-end:28px;padding-inline:9px;gap:11px}.brand__logo{display:grid;place-items:center;width:43px;height:43px;background:#fff;border-radius:11px;flex-shrink:0}.brand img{width:38px;height:38px;padding:3px}.brand strong{font-size:21px;letter-spacing:.015em}.brand small{display:block;color:#9faec0;font-size:12px;font-weight:400;margin-block-start:1px}.sidebar__school{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid #ffffff15;background:#ffffff05;border-radius:10px;margin-block-end:25px;font-size:12px}.sidebar__school-mark{display:grid;place-items:center;width:31px;height:31px;color:#e9cd97;background:#e9cd9712;border-radius:7px;font-size:12px;font-weight:700}.sidebar__school small{display:block;color:#98a9bf;font-size:12px;margin-block-start:3px}.nav-group{margin-block-end:19px}.nav-group__label{margin:0 13px 7px;color:#8294ad;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 13px;margin-block:3px;color:#b8c5d6;font-size:14px;font-weight:500;border-radius:8px}.nav-link svg{width:18px;height:18px;opacity:.8;flex-shrink:0}.nav-link:hover{background:#ffffff09}.nav-link--active{color:#f4d99e;background:#ffffff0c;box-shadow:inset 3px 0 #d8b773}[dir=rtl] .nav-link--active{box-shadow:inset -3px 0 #d8b773}.nav-link--active svg{opacity:1}.nav-link__indicator{margin-inline-start:auto}.nav-link--active .nav-link__indicator{width:5px;height:5px;background:#d8b773;border-radius:50%}.sidebar__footer{display:flex;align-items:center;gap:10px;margin-block-start:auto;padding:19px 10px 0;border-block-start:1px solid #ffffff12;font-size:12px;color:#c1cddd}.sidebar__footer svg{color:#d5b474}.sidebar__footer small{display:block;font-size:12px;color:#8294ad;margin-block-start:3px}.main-column{display:flex;flex-direction:column}.topbar{min-height:78px;padding:16px 34px;gap:14px}.topbar__heading{display:flex;align-items:center;gap:10px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:#8792a5}.breadcrumb strong{color:#40516b;font-weight:600}.breadcrumb>span{color:#ccd3de}.topbar__actions{gap:16px}.topbar-divider{width:1px;height:30px;background:#e8edf3}.year-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 10px;border:1px solid #e5eaf0;border-radius:6px;font-size:12px;font-weight:600;color:#62738c}.year-pill>span{width:5px;height:5px;background:#bc9345;border-radius:50%}.language-toggle{min-height:34px;font-size:12px;padding:6px 10px;background:transparent;border:1px solid #e5eaf0}.avatar{width:34px;height:34px;background:#eaf0f8;color:#1b4f9c;font-size:12px;font-weight:700;border:1px solid #dce4f0}.user-chip{gap:9px}.user-chip__name{font-size:12px}.role-badge{padding:0;background:transparent;color:#8792a5;font-size:12px;font-weight:500}.content{width:100%;max-width:1460px;padding:31px 35px 38px}.feature-page{gap:24px}h1{font-size:26px;line-height:1.35;letter-spacing:-.025em;margin-block-end:7px;font-weight:750}h2{font-size:16px;line-height:1.5;font-weight:700}p{line-height:1.7}.eyebrow{font-size:12px;letter-spacing:.16em;color:#8b7350;margin-block-end:7px}.page-heading{align-items:center}.page-heading p.muted{font-size:12px;margin:0}.date-label{font-size:12px;color:#7b879a;white-space:nowrap}.welcome-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden;padding:29px 34px;background:#183550;border:1px solid #254661;border-radius:14px;color:#fff}.welcome-banner>div:first-child{max-width:570px;position:relative;z-index:1}.welcome-banner__tag{font-size:12px;letter-spacing:.17em;color:#e0bd7d;font-weight:600}.welcome-banner h2{margin-block:11px 8px;font-size:25px;font-weight:650;letter-spacing:-.025em}.welcome-banner p{max-width:500px;color:#b1c4d6;font-size:14px;line-height:1.9;margin-block-end:19px}.welcome-banner .button{font-size:12px;min-height:35px;padding:8px 14px}.welcome-illustration{position:relative;align-self:stretch;display:grid;place-items:center;width:240px;min-width:190px;color:#c9b384}.welcome-illustration svg{width:240px;position:relative}.welcome-illustration__circle{position:absolute;width:200px;height:200px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 30px #ffffff03,0 0 0 60px #ffffff02}.dashboard-metrics{margin-block-start:0;gap:18px}.metric-card{padding:20px 22px;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-soft)}.metric-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#78859a;font-size:12px;font-weight:500}.metric-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#eef3fb;color:#416996}.metric-card--gold .metric-icon{background:#fbf5e9;color:#b58b41}.metric-card--green .metric-icon{background:#edf6f2;color:#46836b}.metric-card>strong{display:block;font-size:31px;letter-spacing:-.02em;line-height:1.4;margin-block:3px 4px;font-variant-numeric:tabular-nums}.metric-card>p{font-size:12px;color:#8a95a5;margin:0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;align-items:start}.panel{padding:24px;border-color:var(--color-border)}.dashboard-classes{margin-block-start:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-block-end:21px}.section-heading h2{margin:0;font-size:15px}.section-heading .eyebrow{font-size:12px}.text-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#49688c;text-decoration:none;white-space:nowrap}.level-row{padding-block:17px;border-block-start:1px solid #eef1f5}.level-row:last-child{padding-block-end:0}.level-row__label{display:flex;align-items:center;gap:10px;margin-block-end:12px}.level-row__label h3{margin:0;font-size:12px}.level-row__label small{color:#8a96a7;font-size:12px}.level-symbol{width:29px;height:29px;display:grid;place-items:center;color:#7790af;background:#f3f6fa;border-radius:7px}.level-symbol svg{width:16px}.level-classes{display:flex;flex-wrap:wrap;gap:8px}.room-chip{display:flex;align-items:center;gap:15px;justify-content:space-between;flex:1 1 140px;max-width:230px;padding:10px 12px;border:1px solid #e8edf3;border-radius:7px;text-decoration:none;color:#435674;background:#fafbfd}.room-chip:hover{border-color:#b6c6da;background:#f3f7fc}.room-chip b{font-size:12px;font-weight:600}.room-chip small{font-size:12px;color:#8190a4;white-space:nowrap}.quick-actions__list{display:grid}.quick-action{display:flex;align-items:center;gap:12px;padding:13px 0;text-decoration:none;color:var(--color-ink);border-block-start:1px solid #eef1f5}.quick-action:first-child{border-block-start:0;padding-block-start:0}.quick-action:last-child{padding-block-end:0}.quick-action__icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#f4f6f9;color:#69819f;border:1px solid #eaf0f5;border-radius:9px}.quick-action>span:nth-child(2){flex:1}.quick-action strong{display:block;font-size:12px;font-weight:600}.quick-action small{display:block;font-size:12px;color:#8b96a7;margin-block-start:2px}.quick-action>svg{color:#a4afbf}.quick-action:hover strong{color:var(--color-primary)}.workspace-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#8a95a5;font-size:12px}.workspace-footer{display:flex;justify-content:space-between;gap:20px;margin-block-start:auto;padding:16px 35px;border-block-start:1px solid #e7ecf2;color:#8b96a6;font-size:12px}.workspace-footer span span{margin-inline:7px}.table-wrap{padding:0}th{background:#f8fafd;color:#7a899c;font-size:12px;font-weight:650;padding:14px 18px}td{font-size:12px;padding:15px 18px;border-color:#edf1f6}.status-badge{background:#edf4f1;color:#37745a;font-size:12px;padding:4px 8px}.field{font-size:12px;gap:7px}input,select,textarea,.grades-toolbar select{width:100%;min-height:43px;border:1px solid #dbe2ed;border-radius:8px;background:#fff;color:#263c5a;padding:10px 12px;font-size:14px}input:disabled,select:disabled,textarea:disabled{background:#f5f7fa;color:#778398}input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--color-primary)}.field-error{font-size:12px}.form-error,.success-message{font-size:12px;line-height:1.6}.empty-state{padding:35px;color:#7f8da2}.empty-state svg{margin-block-end:12px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#728198}.pagination__actions{display:flex;gap:8px}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:#718198;font-size:13px}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #dce5ef;border-block-start-color:#1b4f9c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{background:#f3f6fa;position:relative}.auth-card{box-shadow:0 20px 65px #13294117;border-color:#e4eaf1;padding:40px}.auth-card__topline{margin-block-end:26px}.auth-card label{font-size:12px}.auth-card h1{font-size:27px}.auth-card .eyebrow,.auth-card .muted{font-size:12px}.mobile-menu,.sidebar-backdrop{display:none}[dir=rtl] .topbar__actions{flex-direction:row}[dir=rtl] .eyebrow,[dir=rtl] .nav-group__label,[dir=rtl] .welcome-banner__tag{letter-spacing:0}[dir=rtl] .quick-action>svg,[dir=rtl] .text-link>svg,[dir=rtl] .button--gold>svg{transform:scaleX(-1)}[dir=rtl] body{line-height:1.8}@media (min-width: 1600px){.content{padding-inline:48px}}@media (max-width: 1150px){.sidebar{width:215px;flex-basis:215px;padding-inline:13px}.content{padding:25px}.topbar{padding-inline:25px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(245px,1fr)}.date-label,.year-pill{display:none}.welcome-banner{padding:25px}.welcome-illustration{width:180px;min-width:140px}.welcome-illustration svg{width:190px}}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}.quick-actions__list{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.quick-action:nth-child(2){border-block-start:0;padding-block-start:0}.topbar__actions{gap:10px}.user-chip__name{display:none}.welcome-banner h2{font-size:22px}}@media (max-width: 800px){.app-shell{display:flex}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%);width:246px;min-height:100dvh;height:100dvh;transition:transform .2s;display:flex;padding:25px 18px}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar--open,[dir=rtl] .sidebar--open{transform:translate(0)}.sidebar nav{display:block;overflow:visible}.sidebar__footer{display:flex}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#12243b88;z-index:29;border:0}.mobile-menu{display:inline-grid}.topbar{flex-direction:row;align-items:center;min-height:68px;padding:12px 18px}.topbar__actions{width:auto;flex-wrap:nowrap}.breadcrumb{font-size:12px}.breadcrumb>span,.breadcrumb{gap:7px}.content{padding:24px 20px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-footer{padding-inline:20px}}@media (max-width: 560px){.topbar{padding-inline:12px}.breadcrumb{display:none}.topbar__actions{gap:6px}.topbar-divider{display:none}.content{padding:22px 16px}h1{font-size:23px}.page-heading{gap:12px}.welcome-banner{padding:25px 22px}.welcome-banner h2{font-size:22px}.welcome-illustration{display:none}.dashboard-metrics{gap:8px}.metric-card{padding:13px 10px}.metric-card__head{font-size:12px;align-items:start}.metric-icon{width:23px;height:23px;border-radius:6px}.metric-icon svg{width:14px}.metric-card>strong{font-size:25px;margin-block:9px 2px}.metric-card>p{font-size:12px}.quick-actions__list{display:block}.quick-action:nth-child(2){border-block-start:1px solid #eef1f5;padding-block-start:13px}.panel{padding:19px}.table-wrap{padding:0}.workspace-note{font-size:12px;text-align:center;align-items:start}.workspace-note svg{flex-shrink:0}.portal-child-grid{grid-template-columns:minmax(0,1fr)}.workspace-footer{font-size:12px}.auth-card{padding:28px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.password-panel{max-width:620px;margin-inline:auto;padding:32px}.password-panel form{display:grid;gap:18px}.password-panel label{display:grid;gap:8px}.auth-reset{margin-top:20px;border:0;background:none;padding:0;cursor:pointer}.user-chip{text-decoration:none;color:inherit}.success-message{padding:16px;background:#eef8f2;color:#246044;border-radius:8px}.auth-card form label{display:block;margin-block:14px 7px}.auth-card>.button{margin-top:16px}fieldset.form-grid{border:0;margin:0;padding:0;min-inline-size:0}@media (max-width: 800px){.sidebar{visibility:hidden}.sidebar--open{visibility:visible}}.finance-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:1px solid #d9e2ef;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.finance-tabs__button{min-height:2.5rem;padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-ink);font-size:.9rem;font-weight:700;cursor:pointer}.finance-tabs__button[aria-current=page]{color:#fff;background:var(--color-ink)}.finance-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.kpi-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center;padding:var(--space-4);background:var(--color-surface);border:1px solid #d9e2ef;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.kpi-card__icon{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:50%;font-size:1.25rem;background:var(--color-primary-tint);color:var(--color-primary-dark)}.kpi-card__icon--green{background:#e3f3e9;color:#1f7a4d}.kpi-card__icon--red{background:#fbe7e4;color:var(--color-danger)}.kpi-card__icon--sand{background:var(--color-accent-tint);color:var(--color-accent-dark)}.kpi-card p{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted-text)}.kpi-card strong{font-size:1.1rem}.finance-dash-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-6)}.finance-dash{display:grid;gap:var(--space-6)}.flow-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-2)}.flow-chart__col{display:grid;grid-template-rows:9rem auto;gap:4px}.flow-chart__bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;min-height:9rem}.flow-chart__bar{flex:0 1 12px;min-height:2px;border-radius:2px 2px 0 0}.flow-chart__bar--in{background:var(--color-success)}.flow-chart__bar--salaries{background:var(--color-ink)}.flow-chart__bar--expenses{background:var(--color-accent)}.flow-chart__label{text-align:center;font-size:.7rem;color:var(--color-muted-text)}.flow-chart__toggle{display:inline-flex;gap:4px;padding:4px;background:var(--color-muted-surface);border-radius:99px}.flow-chart__toggle button{min-height:2rem;padding:0 var(--space-3);border:0;border-radius:99px;background:transparent;color:var(--color-ink);font-size:.8rem;font-weight:700;cursor:pointer}.flow-chart__toggle button[aria-pressed=true]{background:var(--color-surface);box-shadow:0 1px 2px #102a4c26}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-4);font-size:.8rem;color:var(--color-muted-text)}.chart-legend__item{display:inline-flex;align-items:center;gap:6px}.chart-legend__dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block}.rate-panel{display:grid;gap:var(--space-4);justify-items:center}.rate-ring{--pct: 0%;width:10rem;height:10rem;border-radius:50%;background:conic-gradient(var(--color-success) calc(var(--pct) * 1%),#e3e9f2 0);display:grid;place-items:center}.rate-ring__hole{width:7.8rem;height:7.8rem;border-radius:50%;background:var(--color-surface);display:grid;place-items:center;text-align:center}.rate-ring__value{font-size:1.5rem;font-weight:800}.rate-rows{width:100%;display:grid;gap:var(--space-2)}.rate-rows__row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-canvas);border-radius:var(--radius-sm);font-size:.9rem}.donut-panel{display:grid;grid-template-columns:10rem 1fr;gap:var(--space-6);align-items:center}.donut{width:10rem;height:10rem;border-radius:50%;display:grid;place-items:center}.donut__hole{width:6.6rem;height:6.6rem;border-radius:50%;background:var(--color-surface);display:grid;place-items:center;text-align:center}.donut__hole small{display:block;color:var(--color-muted-text)}.donut-legend{display:grid;gap:var(--space-2)}.donut-legend__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid #d9e2ef;border-radius:var(--radius-sm);font-size:.85rem}.count-chip{display:inline-flex;align-items:center;gap:6px;padding:.35rem .7rem;border:1px solid #d9e2ef;border-radius:99px;font-size:.78rem;font-weight:700}.count-chip .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-success);display:inline-block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:var(--space-4);background:#102a4c73}.modal{width:min(100%,26rem);max-height:90dvh;overflow:auto;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 24px 64px #102a4c4d}.modal__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-4)}.modal__header h2{margin:0;font-size:1.15rem}.modal__close{border:0;background:transparent;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--color-muted-text)}.modal form{display:grid;gap:var(--space-4)}.status-badge--ok{color:#1f7a4d;background:#e3f3e9}.status-badge--warn{color:#8a5a00;background:var(--color-accent-tint)}.status-badge--danger{color:var(--color-danger);background:#fdebe9}.status-badge--muted{color:var(--color-muted-text);background:var(--color-muted-surface)}.finance-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end;justify-content:space-between;margin-block-end:var(--space-4)}@media (max-width: 900px){.finance-dash-grid{grid-template-columns:1fr}.finance-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-panel{grid-template-columns:1fr}}