@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--navy:#0c3552;--teal:#087f72;--ink:#18364f;--muted:#708497;--line:#e0e9ed;--bg:#f4f8fa;--shadow:0 5px 18px #193b530b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font:500 15px Tajawal,Arial,sans-serif;color:var(--ink)}input,select,textarea,button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(165deg,#0c3552,#092a42);color:#fff;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:25px 14px;z-index:5}.school{text-align:center;padding-bottom:26px}.school-logo{height:71px;color:#3fdaab;font-size:33px;position:relative}.school-logo span{display:block;color:#fff;font-size:35px;line-height:0}.school-logo img{height:65px;max-width:90px;object-fit:contain}.school b,.school small{display:block}.school b{font-size:18px}.school small{color:#56d4bc;margin-top:4px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{height:44px;padding:0 13px;display:flex;align-items:center;gap:11px;border-radius:8px;color:#dcecf2;font-weight:700}.sidebar nav a.active,.sidebar nav a:hover{background:#0b806f;color:#fff}.sidebar nav i{font:normal 21px Arial;width:25px;text-align:center}.logout{margin-top:auto;border-top:1px solid #ffffff2d;text-align:center;padding-top:17px;color:#cbdde5}.main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;gap:14px}.profile{display:flex;align-items:center;gap:9px;margin-left:auto}.profile strong,.profile small{display:block}.profile small{color:var(--muted);font-size:11px}.avatar{height:38px;width:38px;border-radius:50%;background:#e8f0f5;display:grid;place-items:center;font-size:20px;color:#285473}.quick{border:1px solid var(--line);color:var(--teal);border-radius:8px;padding:9px;font-weight:700}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:22px}.content{padding:27px 29px 55px;max-width:1480px;margin:auto}.content>h1{font-size:29px;margin:0;font-weight:800}.subtitle{color:var(--muted);font-size:13px;margin:3px 0 23px}.panel,.stat{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:var(--shadow)}.panel{padding:19px;margin-bottom:15px}.panel h2{font-size:17px;margin:0 0 16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:17px;display:flex;justify-content:space-between;gap:8px;min-height:112px}.stat small{font-weight:700}.stat strong{font-size:30px;display:block;margin:7px 0}.stat span{color:var(--muted);font-size:11px}.stat i{height:42px;width:42px;display:grid;place-items:center;background:#e8f8f4;border-radius:12px;color:var(--teal);font:normal 23px Arial;flex:none}.stat i.amber{background:#fff4dd;color:#be8300}.charts{display:grid;grid-template-columns:1.18fr 1fr;gap:14px;margin:15px 0 0}.bars{height:194px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--line);padding:0 8px}.bar-group{flex:1;text-align:center;min-width:0}.bar-group em{display:block;font:normal 11px Tajawal;color:var(--muted);height:16px}.bar-group small{font-size:11px;white-space:nowrap}.bar{width:32px;max-width:90%;margin:auto auto 7px;background:linear-gradient(#258f84,#0d9f86);border-radius:3px 3px 0 0}.pie-row{min-height:194px;display:flex;align-items:center;justify-content:center;gap:22px}.pie{width:152px;height:152px;flex:none;border-radius:50%;background:conic-gradient(#07516c 0 var(--a),#0ca281 var(--a) var(--b),#6ad7d1 var(--b) var(--c),#cbd8df var(--c) 100%);position:relative}.pie:after{content:'';position:absolute;inset:30px;background:#fff;border-radius:50%}.legend{flex:1}.legend p{display:flex;justify-content:space-between;gap:9px;font-size:12px}.legend p span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend i{display:inline-block;height:8px;width:8px;border-radius:50%;margin-left:8px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head a,.table-wrap a{color:#087e9e;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:790px;font-size:13px}td,th{border-bottom:1px solid #e9eff2;text-align:right;padding:11px 12px}th{background:#eff4f7;color:#355268;font-weight:800}.empty{text-align:center;color:var(--muted);padding:30px!important}.badge{display:inline-block;padding:5px 10px;border-radius:30px;font-weight:700;font-size:11px;white-space:nowrap}.badge.pending{background:#fff0d5;color:#aa7804}.badge.approved{background:#dff7ec;color:#0b7659}.badge.rejected{background:#ffe4e5;color:#ae3a46}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filters>*{min-width:0;flex:1}.filters input:first-of-type{flex:2;min-width:170px}.filters button{flex:0 0 auto}.btn{border:0;border-radius:8px;background:var(--teal);color:#fff;padding:10px 15px;font-weight:800}.btn.subtle{background:#e8f7f3;color:var(--teal)}.btn.warning{background:#fff1dc;color:#ad7500}.btn.full{width:100%}.alert{border-radius:9px;padding:11px 13px;background:#e3f8ee;color:#08795a;margin:15px 0}.alert.error{background:#fff0ef;color:#a23932}.catalog{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:16px;align-items:start}.catalog-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 0}.catalog-row:last-child{border:0}.inline-edit{display:flex;flex:1;gap:8px;min-width:0}.inline-edit input{flex:1;min-width:0}.add-form label{display:block}.add-form button{margin-top:10px}.decision{display:flex;gap:5px;align-items:center}.decision input{width:110px}.decision select{width:85px}.decision button{white-space:nowrap}.content input,.content select,.content textarea,.form-body input,.form-body select,.form-body textarea,.auth-card input{border:1px solid #d6e2e8;border-radius:8px;background:#fff;padding:10px 11px;color:var(--ink);outline:none}.content input:focus,.content select:focus,.content textarea:focus,.form-body input:focus,.form-body select:focus,.form-body textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f7220}.add-form input,.settings input{display:block;width:100%;margin-top:7px}.settings{max-width:720px}.settings label{display:block;font-weight:700;margin:18px 0}.settings small{color:var(--muted)}.report{background:#fff;min-height:430px}.report-head{display:flex;align-items:center;justify-content:center;text-align:center;gap:15px;border-bottom:2px solid #164e3b}.report-head img{height:67px;width:67px;object-fit:contain}.report-head h2{font-size:21px;margin:0}.report-head h3{font-size:16px;margin:5px 0 15px}.report p{color:var(--muted)}.report table{min-width:0}.shade{display:none}details{min-width:90px}details a{display:block}
.public{min-height:100vh}.public-bar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 max(18px,calc((100vw - 1060px)/2));display:flex;align-items:center;justify-content:space-between}.public-bar>a{color:var(--teal);font-weight:700}.public-brand{display:flex;align-items:center;gap:10px}.public-brand>span{height:42px;width:42px;border-radius:11px;background:#e6f7f3;display:grid;place-items:center;color:var(--teal);font-size:22px}.public-brand small{display:block;color:var(--muted)}.form-card{width:min(550px,100% - 28px);background:#fff;margin:28px auto;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.form-head{background:var(--navy);padding:23px;color:#fff}.form-head h1{font-size:23px;margin:0}.form-head p{margin:5px 0 0;color:#d4e5e9}.form-body{padding:19px 23px}.form-body>label,.auth-card label{display:block;font-weight:800;font-size:13px;margin:0 0 15px}.form-body input,.form-body select,.form-body textarea,.auth-card input{display:block;width:100%;margin-top:7px;font-size:15px}.form-body textarea{min-height:90px}.upload{border:1px dashed #72bac3;background:#f7fcfd;border-radius:9px;text-align:center;padding:10px}.upload span,.upload b,.upload small{display:block}.upload span{font-size:25px;color:var(--teal)}.upload b{color:var(--teal)}.upload small{color:var(--muted);font-weight:400}.upload input{font-size:12px}.auth-card{max-width:430px;width:calc(100% - 30px);margin:8vh auto;padding:27px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.auth-card h1{font-size:22px}.auth-card p{color:var(--muted)}.auth-logo{font-size:38px;color:var(--teal)}.under-link{display:block;text-align:center;margin-top:15px;color:var(--teal)}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.catalog{grid-template-columns:1fr}}@media(max-width:740px){.shell{display:block}.sidebar{position:fixed;right:0;top:0;transform:translateX(105%);transition:transform .2s;width:250px}.nav-open .sidebar{transform:none}.nav-open .shade{display:block;position:fixed;inset:0;background:#071e2ab8;z-index:4}.menu-toggle{display:block}.topbar{height:60px;padding:0 15px}.content{padding:20px 14px}.content>h1{font-size:24px}.stat{min-height:100px;padding:12px}.stat strong{font-size:25px}.stat i{height:34px;width:34px}.bars{gap:2px}.bar{width:21px}.pie{height:130px;width:130px}.pie:after{inset:25px}.panel{padding:15px}.public-bar{height:60px;padding:0 14px}.public-brand small{display:none}.form-card{width:100%;margin:0;border:0;border-radius:0}.form-body{padding:16px}.filters>*{flex:1 1 130px}.report{overflow:auto}}
@media print{@page{size:A4;margin:14mm}body,.main,.shell{display:block!important;background:#fff!important}.sidebar,.topbar,.content>h1,.subtitle,.no-print,.shade{display:none!important}.content{padding:0!important;max-width:none!important}.report{padding:0!important;border:0!important;box-shadow:none!important;margin:0!important}.report table{width:100%;border-collapse:collapse}.report th,.report td{border:1px solid #777!important;text-align:center;padding:8px}.report th{background:#eef4f1!important;print-color-adjust:exact}.report p{color:#111}}
.bottom-nav{display:none}.detail-link{display:inline-block;color:var(--teal);font-weight:800;white-space:nowrap;border:1px solid #cce5dd;border-radius:7px;padding:5px 8px}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 15px}.detail-header a{color:var(--teal);font-weight:800}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;align-items:start}.detail-main{min-width:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.detail-grid div{border:1px solid var(--line);border-radius:9px;padding:12px;min-width:0}.detail-grid dt{color:var(--muted);font-size:12px}.detail-grid dd{margin:5px 0 0;font-weight:800;overflow-wrap:anywhere}.detail-notes{line-height:1.8;overflow-wrap:anywhere}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.review-form label{display:block;margin:12px 0;font-weight:700}.review-form select,.review-form textarea{width:100%;display:block;margin-top:7px}.decision-date{font-size:12px;color:var(--muted)}.report-switch{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 15px}.approved-report .table-wrap{overflow:auto}.approved-table{min-width:1050px}.notes-cell{white-space:normal;min-width:170px;max-width:280px;overflow-wrap:anywhere}
@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.detail-aside{order:-1}}
@media(max-width:740px){.content{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:3;background:#fff;border-top:1px solid var(--line);padding:7px 3px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #0c355218}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#5c7284;font-size:10px;font-weight:800;min-height:49px;text-align:center}.bottom-nav a span{font-size:22px;line-height:1;color:var(--teal)}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid div{padding:10px}.detail-header{align-items:flex-start}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-switch .btn{flex:1;text-align:center;font-size:12px;padding:9px 6px}}
@page approved{size:A4 landscape;margin:12mm}
@media print{.bottom-nav{display:none!important}.approved-report{page:approved}.approved-report .table-wrap{overflow:visible}.approved-table{min-width:0!important;table-layout:fixed;font-size:9px}.approved-table th,.approved-table td{padding:4px!important;font-size:9px!important;overflow-wrap:anywhere}.approved-table .notes-cell{min-width:0;max-width:none}.detail-header,.detail-aside{display:none!important}}
.install-app{display:inline-block;border:1px solid #bfe4dc;border-radius:8px;background:#e7f7f3;color:#087f72;padding:8px 11px;font:800 12px Tajawal,Arial,sans-serif;cursor:pointer}.install-app[hidden]{display:none!important}.public-actions{display:flex;align-items:center;gap:12px}.public-actions a{color:#087f72;font-weight:700}
@media(max-width:740px){.public-actions{gap:7px}.install-app{padding:7px;font-size:11px}.topbar .install-app{margin-right:auto}}
@media print{.install-app{display:none!important}}
.mobile-record-list,.mobile-report-list{display:none}.filter-date{display:flex;flex-direction:column;gap:5px;color:#506779;font-size:12px;font-weight:700}.filter-date input{width:100%}.selected-files{display:block;color:#087f72;margin-top:7px;font-size:12px;font-weight:700}.btn:disabled{opacity:.7;cursor:wait}:focus-visible{outline:3px solid #1a9d83;outline-offset:2px}
@media screen and (max-width:740px){
 body{font-size:15px}.content{padding:18px 12px calc(100px + env(safe-area-inset-bottom))}.content>h1{font-size:23px;line-height:1.3}.subtitle{font-size:13px;line-height:1.6;margin:4px 0 17px}.panel{padding:15px;margin-bottom:12px}.panel h2{font-size:17px}.topbar{gap:8px}.topbar .profile{margin-left:auto}.topbar .profile .avatar{display:none}.topbar .profile strong{font-size:12px}.topbar .quick{padding:8px;font-size:11px;white-space:nowrap}.menu-toggle{min-width:42px;min-height:42px}.bottom-nav a{border-radius:10px}.bottom-nav a.active{color:#087f72;background:#e7f7f3}.bottom-nav a.active span{font-weight:800}
 .stats{gap:9px}.stat{min-height:103px}.stat small{font-size:12px;line-height:1.3}.stat strong{font-size:25px}.stat span{line-height:1.3}.stat i{font-size:19px}.charts{gap:0}.bars{padding:0 2px}.bar-group small{font-size:10px}.pie-row{gap:13px}.legend p{font-size:11px}
 .public-bar{height:auto;min-height:60px;gap:8px;padding:9px 12px}.public-brand{min-width:0}.public-brand>div{min-width:0}.public-brand b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45vw;font-size:13px}.public-brand>span{height:37px;width:37px;flex:none}.public-actions{white-space:nowrap}.public-actions a{font-size:12px}.form-head{padding:20px 16px}.form-head h1{font-size:22px}.form-head p{font-size:13px;line-height:1.5}.form-body{padding:18px 15px 26px}.form-body>label{font-size:14px;margin-bottom:18px}.form-body input,.form-body select,.form-body textarea,.auth-card input{font-size:16px;min-height:48px;border-radius:9px}.form-body textarea{min-height:92px}.form-body>.btn{min-height:52px;font-size:17px}.upload{padding:14px}.upload input{min-height:auto;font-size:13px}
 .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.filters>input[name=q],.filters>select,.filters>select[name=range]{grid-column:1/-1;width:100%}.filters>.filter-date{min-width:0}.filters>.filter-date input{min-width:0;font-size:16px;min-height:46px}.filters>.btn{min-height:46px}.filters>.btn:only-of-type{grid-column:1/-1}.filters>input{font-size:16px;min-height:46px}.report-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.report-switch .btn{display:grid;place-items:center;min-height:50px;line-height:1.25}
 .activation-table,.approved-report .table-wrap,.report:not(.approved-report)>table{display:none}.mobile-record-list,.mobile-report-list{display:grid;gap:10px}.mobile-record,.mobile-report-row{border:1px solid #dce8eb;background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 9px #0c35520b}.mobile-record-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.mobile-record-top small{color:#738897;font-size:12px}.mobile-record-top h3{margin:4px 0 0;font-size:17px}.mobile-record-top strong{font-size:16px;display:block;margin-top:4px}.mobile-record-top .badge{flex:none}.mobile-record dl,.mobile-report-row dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.mobile-record dt,.mobile-report-row dt{font-size:11px;color:#718597}.mobile-record dd,.mobile-report-row dd{font-size:13px;font-weight:800;margin:4px 0 0;overflow-wrap:anywhere}.mobile-open{display:flex;align-items:center;justify-content:space-between;color:#087f72;font-weight:800;background:#e8f7f3;border-radius:8px;padding:11px 12px;min-height:44px}.mobile-report-row>strong{font-size:16px}.mobile-report-row>div:not(.mobile-record-top){display:grid;gap:8px;margin-top:12px}.mobile-report-row>div:not(.mobile-record-top)>span{display:flex;justify-content:space-between;border-top:1px solid #edf2f4;padding-top:8px;font-size:13px}.mobile-report-row>.mobile-record-top+dl{margin-top:14px}
 .catalog-row{align-items:stretch;flex-wrap:wrap;padding:12px 0}.catalog-row>.inline-edit{flex-basis:100%}.inline-edit input{min-height:46px;font-size:16px}.catalog-row>form:last-child{width:100%}.catalog-row>form:last-child .btn{width:100%;min-height:44px}.add-form input{font-size:16px;min-height:48px}.add-form>.btn,.settings .btn{width:100%;min-height:48px}
 .detail-aside{order:0}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid dd{font-size:13px}.review-form select,.review-form textarea{font-size:16px;min-height:46px}.review-form .btn{min-height:48px}.detail-header{align-items:center}.detail-header a{font-size:13px}
 .report{min-height:0}.report-head h2{font-size:16px}.report-head h3{font-size:13px}.report-head img{width:48px;height:48px}.report p{line-height:1.5}
}
@media screen and (max-width:360px){.stat{padding:10px}.stat i{display:none}.public-brand b{max-width:36vw}.mobile-record dl,.mobile-report-row dl,.detail-grid{grid-template-columns:1fr}}
@media print{.mobile-record-list,.mobile-report-list{display:none!important}.table-wrap,.approved-report .table-wrap{display:block!important}.report:not(.approved-report)>table{display:table!important}}
.mobile-audit-list{display:none}
@media screen and (max-width:740px){.audit-table{display:none}.mobile-audit-list{display:grid;gap:10px}.mobile-audit-row{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.mobile-audit-row strong,.mobile-audit-row time{display:block}.mobile-audit-row time{font-size:12px;color:var(--muted);margin:4px 0}.mobile-audit-row p{margin:6px 0 0;font-size:12px;overflow-wrap:anywhere}}
@media print{.mobile-audit-list{display:none!important}.audit-table{display:block!important}}
.public-brand .public-logo{display:block;width:46px;height:46px;object-fit:contain;border-radius:10px;background:#fff;flex:none}
@media(max-width:740px){.public-brand .public-logo{width:38px;height:38px}}
.name-picker{position:relative;display:block}.name-suggestions{position:absolute;z-index:30;top:calc(100% + 4px);right:0;left:0;max-height:240px;overflow-y:auto;border:1px solid #cbdde4;border-radius:10px;background:#fff;box-shadow:0 12px 25px #18364f25;padding:4px}.name-suggestions[hidden]{display:none}.name-option{width:100%;display:block;text-align:right;background:#fff;border:0;border-radius:7px;padding:10px 12px;color:var(--ink);font-weight:700;cursor:pointer}.name-option:hover,.name-option.active{background:#e8f7f3;color:var(--teal)}.name-option.create{border-top:1px solid #edf2f4;color:var(--teal)}