*:where(:not(svg,svg *)){box-sizing:border-box}:root{font-family:IBM Plex Sans Arabic,sans-serif;color:#1d3431;background:#f7faf9;font-synthesis:none}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Noto Kufi Arabic,IBM Plex Sans Arabic,sans-serif;line-height:1.45;letter-spacing:-.025em}h1{font-size:clamp(1.65rem,2.5vw,2.55rem)}h2{font-size:1.15rem}small{font-size:.77rem}.muted{color:#7c918c}.block{display:block;margin-top:4px}.loading{height:100vh;display:grid;place-items:center;color:#0e6b63;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:10px 17px;min-height:42px;font-size:.86rem;font-weight:700;white-space:nowrap;transition:background .17s,transform .17s,border .17s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{background:#0e6b63;color:#fff}.button.primary:hover:not(:disabled){background:#09534d}.button.outline{border-color:#b3cec9;background:#fff;color:#195952}.button.outline:hover{border-color:#0e6b63}.button.secondary{background:#eaf4f2;color:#0f645d}.button.secondary:hover{background:#dcece8}.button.ghost{background:transparent;color:#245f58}.button.mini{padding:5px 10px;min-height:31px;font-size:.74rem}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:8px;background:transparent;color:#4d6e67}.icon-button:hover{background:#e9f2f0;color:#0e6b63}.danger-text{color:#c06052!important}.eyebrow{display:inline-block;color:#b27354;font-size:.72rem;font-weight:700;letter-spacing:.03em;margin-bottom:7px}.brand{display:flex;align-items:center;gap:10px;color:#164f4a}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e7f2ef;color:#0e6b63}.brand strong{display:block;font-size:1.22rem;line-height:1.3;font-family:Noto Kufi Arabic,sans-serif}.brand small{display:block;color:#947768;font-size:.7rem}.brand.small strong{font-size:1.1rem}.brand.small .brand-icon{background:#dbeee9}.landing{min-height:100vh;display:grid;place-items:center;background:#fff;padding:25px}.landing-panel{text-align:center;width:min(360px,100%)}.landing-symbol{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;background:#e9f4f1;color:#0e6b63;border-radius:13px}.landing h1{font-size:1.2rem;margin-bottom:9px}.landing p{color:#84938f;font-size:.84rem;line-height:1.9;margin-bottom:19px}.landing-actions{display:grid;gap:11px}.landing-actions .button{width:100%}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,8vw,150px);padding:50px max(5%,calc((100vw - 1380px)/2));background:#fbfefd}.auth-story{max-width:490px}.auth-story .brand{margin-bottom:42px}.story-kicker{color:#ba7559;font-size:.8rem;font-weight:700}.auth-story h1{font-size:clamp(2rem,3.6vw,3.7rem);line-height:1.42;margin:12px 0;color:#194e49}.auth-story p{font-size:.88rem;line-height:2;color:#859692;max-width:465px}.auth-card{width:min(100%,425px);justify-self:start;padding:35px 31px 31px;background:#fff;border-radius:13px;box-shadow:0 16px 45px #1e423c1c}.auth-card h2{margin-bottom:8px}.auth-card>p{color:#85938f;font-size:.77rem;margin-bottom:22px}.auth-card .field{margin-bottom:15px}.auth-submit{width:100%;margin-top:6px}.auth-switch{display:block;border:0;background:none;color:#12645e;font-size:.78rem;margin:13px auto 0;font-weight:600}.auth-switch:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:6px;color:#3a514c;font-size:.78rem;font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:40px;border:1px solid #dce9e5;border-radius:8px;background:#fff;color:#244440;padding:9px 12px;outline:none;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.search:focus-within,.filter-select:focus{border-color:#0e6b63;box-shadow:0 0 0 3px #0e6b631a}.field input::placeholder{color:#9aaba6}.field textarea{min-height:82px;resize:vertical}.field.full{grid-column:1/-1}.field.checkbox-field{flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#f1f8f5;cursor:pointer}.field.checkbox-field input[type=checkbox]{width:17px;height:17px;min-height:17px;flex:none;margin:0;padding:0;accent-color:#0e6b63}.app-shell{min-height:100vh;display:flex;direction:rtl}.sidebar{width:247px;flex:0 0 247px;min-height:100vh;background:#fff;border-left:1px solid #e7efed;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.sidebar-top{padding:26px 23px 22px;border-bottom:1px solid #f0f3f2}.sidebar-school{margin:22px 17px 18px;padding:14px 15px;border-radius:11px;background:#eef7f4;display:flex;flex-direction:column;gap:2px}.sidebar-school .eyebrow{color:#539088;margin:0}.sidebar-school strong{font-size:.82rem;line-height:1.5}.sidebar-school small{color:#859893}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px;overflow:auto}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:8px;color:#657c76;font-size:.83rem;font-weight:600;transition:background .15s}.sidebar-nav a:hover{background:#f3f8f6;color:#0e6b63}.sidebar-nav a.active{background:#eaf4f2;color:#0e6b63}.sidebar-nav a.active:before{content:"";width:3px;height:17px;background:#0e6b63;border-radius:3px;margin-inline-start:-5px}.logout{display:flex;align-items:center;gap:10px;margin:auto 19px 20px;padding:12px;border:0;background:none;color:#768b85;text-align:right;font-size:.8rem}.logout:hover{color:#be5f51}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:69px;background:#fff;border-bottom:1px solid #e9efed;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,44px)}.crumb{font-size:.79rem;color:#607a74}.crumb span{color:#b6c4bf;margin:0 7px}.topbar-school{display:flex;align-items:center;gap:9px;font-size:.76rem;font-weight:700}.topbar-school small{display:block;color:#94a59f;font-weight:400}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e6f0ed;color:#0e6b63;font-size:.9rem}.content{width:100%;max-width:1450px;margin:0 auto;padding:39px clamp(20px,3vw,44px) 65px}.footer{margin:auto 0 0;text-align:center;font-size:.7rem;color:#a1b0ab;padding:15px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.page-heading h1{margin:0 0 5px;color:#1c403b}.page-heading p{color:#81938d;line-height:1.8;font-size:.86rem;margin:0;max-width:710px}.header-action{padding-bottom:4px}.card{background:#fff;border:1px solid #ebf0ee;border-radius:13px;padding:23px 25px;margin-bottom:20px;box-shadow:0 3px 17px #27504506}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-heading h2{margin:0 0 3px;color:#23463f}.section-heading p{margin:0;color:#94a39e;font-size:.77rem}.search{display:flex;align-items:center;gap:7px;border:1px solid #dce9e5;border-radius:8px;color:#82958e;padding:0 10px;min-width:260px}.search input{border:0;outline:none;background:transparent;width:100%;padding:9px 3px;font-size:.77rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;min-width:720px}th{background:#f7faf9;font-size:.72rem;font-weight:700;color:#728781;padding:13px 12px;white-space:nowrap}td{border-bottom:1px solid #f0f3f2;padding:13px 12px;font-size:.77rem;color:#405b54;line-height:1.6}tbody tr:last-child td{border-bottom:0}td strong{color:#25433d;font-weight:700}.row-actions{display:flex;gap:1px}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;background:#f0f4f2;color:#5e756e;font-size:.69rem;font-weight:700;white-space:nowrap}.badge.good{background:#e4f4ed;color:#248261}.badge.warn{background:#fff2df;color:#a46d25}.badge.danger{background:#fcebe7;color:#ba5a4c}.empty{padding:45px 15px;text-align:center;color:#698178}.empty-mark{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 13px;background:#edf6f3;border-radius:12px;color:#0e6b63;font-size:1.5rem}.empty strong{color:#37564e}.empty p{color:#9baaa4;font-size:.78rem;margin:7px 0 0}.notice{padding:10px 13px;border-radius:8px;font-size:.78rem}.notice.error{background:#fff0ed;color:#ad5045;border:1px solid #f3d3cb}.notice.success{background:#e8f6ee;color:#227051;border:1px solid #c8ead6}.catalog-share{display:grid;gap:14px}.catalog-share-header{display:flex;align-items:center;gap:12px;color:#0e6b63}.catalog-share-header h2{margin:0 0 3px;font-size:1rem}.catalog-share-header p{margin:0;color:#81958e;font-size:.76rem}.catalog-share-actions{display:flex;align-items:stretch;gap:8px}.catalog-share-actions input{min-width:0;flex:1;border:1px solid #e0ece7;border-radius:8px;padding:9px 12px;background:#f7fbf9;color:#477269;font-size:.77rem;direction:ltr;text-align:left}.stat-strip{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.stat-strip>div{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #ebf0ee;border-radius:10px;padding:11px 15px;color:#33726b;min-width:170px;font-size:.77rem}.stat-strip strong{font-size:1rem;margin-right:auto;color:#225149}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e8efec;border-radius:13px;padding:21px;display:flex;flex-direction:column;align-items:flex-start;min-height:162px}.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#e7f4f0;color:#178070;margin-bottom:15px}.stat-card.blue .stat-icon{background:#e9f0f9;color:#5076ad}.stat-card.orange .stat-icon{background:#fff1e5;color:#bc7840}.stat-card.purple .stat-icon{background:#f2edfa;color:#8363aa}.stat-card>span{font-size:.76rem;color:#718780}.stat-card>strong{font-size:1.8rem;color:#1c403b;font-weight:700;line-height:1.3}.stat-card>small{color:#a0ada8}.report-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:19px}.activity{display:flex;align-items:center;gap:11px;border-bottom:1px solid #eef2f0;padding:12px 0}.activity:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:#edf6f3;color:#197369}.activity>div{min-width:0;flex:1}.activity strong{display:block;font-size:.77rem}.activity small{display:block;color:#9aa9a3;font-size:.7rem}.people-summary{display:flex;gap:11px}.people-summary>div{flex:1;background:#f7faf8;border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:center;color:#769188;font-size:.79rem}.people-summary strong{font-size:1.3rem;color:#235b53}.subtle-box{margin-top:18px;padding:15px;border-radius:9px;background:#f7faf9;color:#88a098;font-size:.76rem;line-height:1.8}.class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.class-item{display:flex;align-items:center;gap:12px;border:1px solid #ecf1ef;border-radius:9px;padding:11px;font-size:.76rem}.class-item span{background:#eaf4f1;color:#20776a;padding:5px 8px;border-radius:6px;font-weight:700}.class-item strong{flex:1}.class-item b{color:#37766d;font-weight:600}.tabs{display:flex;gap:5px;border-bottom:1px solid #e2ebe8;margin:0 0 18px}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 18px;color:#80958d;font-size:.83rem}.tabs button.active{border-color:#0e6b63;color:#0e6b63;font-weight:700}.filter-select{border:1px solid #dce9e5;background:#fff;border-radius:8px;padding:9px;color:#3f675e;outline:none;max-width:300px}.print-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.print-choices label{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e8efec;border-radius:8px;cursor:pointer}.print-choices input{accent-color:#0e6b63}.print-choices strong,.print-choices small{display:block}.print-choices strong{font-size:.79rem}.print-choices small{font-size:.71rem;color:#8ca099}.print-area{margin-top:28px}.print-title{border-bottom:1px solid #dce8e4;padding-bottom:13px;margin-bottom:16px}.print-title h1{font-size:1.1rem;margin-bottom:0}.print-title p{font-size:.77rem;color:#82968e;margin:0}.print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.print-card{border:1px solid #bdccc6;border-radius:9px;background:#fff;padding:17px}.print-card-top,.print-card-bottom{display:flex;justify-content:space-between;gap:8px;color:#53786d;font-size:.7rem}.print-card-top strong{font-size:.92rem}.print-card h2{margin:13px 0}.print-card p{font-size:.76rem;margin:5px 0;color:#526c63}.print-card-bottom{border-top:1px solid #e5eee9;padding-top:9px;margin-top:14px}.dialog-backdrop{position:fixed;inset:0;background:#122a2573;z-index:100;display:grid;place-items:center;padding:18px}.dialog{background:#fff;border-radius:13px;width:min(580px,100%);max-height:min(90vh,900px);overflow:auto;box-shadow:0 28px 85px #0a2a2333;padding:25px}.dialog-heading{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #ecf1ef;margin-bottom:20px;padding-bottom:13px}.dialog-heading h2{margin:0}.dialog-heading .eyebrow{margin-bottom:3px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dialog-actions{display:flex;justify-content:end;gap:8px;margin-top:23px}.mobile-menu,.mobile-close,.mobile-overlay{display:none}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}.auth-shell{gap:35px}.auth-story h1{font-size:2.4rem}}@media(max-width:800px){.sidebar{position:fixed;right:0;top:0;bottom:0;transform:translate(110%);transition:transform .2s}.sidebar.open{transform:none}.mobile-overlay{display:block;position:fixed;inset:0;background:#0f241f73;border:0;z-index:20}.mobile-menu,.mobile-close{display:grid}.topbar{padding:0 19px;gap:10px}.crumb{margin-left:auto}.content{padding:27px 20px 50px}.auth-shell{grid-template-columns:1fr;gap:25px;padding:50px 23px}.auth-story{max-width:none}.auth-story .brand{margin-bottom:18px}.auth-story h1{font-size:2.1rem}.auth-story h1 br{display:none}.auth-card{justify-self:center}.page-heading{align-items:start;flex-direction:column}.header-action{padding:0}}@media(max-width:520px){.topbar-school span:not(.user-avatar){display:none}.auth-story h1{font-size:1.7rem}.auth-card{padding:25px 20px}.stat-grid,.print-grid,.print-choices,.class-grid{grid-template-columns:1fr}.stat-strip>div{flex:1 1 140px;min-width:0}.section-heading{flex-direction:column;align-items:stretch}.search{min-width:0}.form-grid{grid-template-columns:1fr}.catalog-share-actions{flex-wrap:wrap}.catalog-share-actions input{flex-basis:100%}.field.full{grid-column:auto}.card{padding:17px}.dialog{padding:20px}.people-summary{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media print{@page{size:A4;margin:13mm}body{background:#fff;color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.topbar,.footer,.no-print,.mobile-overlay{display:none!important}.app-shell,.main-area,.content{display:block!important;width:100%;margin:0;padding:0}.print-area{display:block!important;margin:0}.print-title{margin-bottom:15px}.print-grid{grid-template-columns:repeat(2,1fr);gap:8mm}.print-card{page-break-inside:avoid;break-inside:avoid;border:1px solid #666;min-height:53mm}.print-card h2{font-size:14pt}.print-card p{font-size:9pt}}