@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700&display=swap";:root{font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#12233f;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #12233f;--muted: #68758a;--border: #dfe5eb;--border-strong: #cdd6df;--surface: #ffffff;--surface-muted: #f5f8fa;--teal: #087f8c;--teal-dark: #066672;--teal-soft: #e8f6f7;--green: #168253;--green-soft: #e9f7ef;--amber: #d97706;--amber-soft: #fff5e6;--red: #c73545;--red-soft: #fff0f1;--radius: 13px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#fff}body{margin:0;min-width:320px;min-height:100vh;background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{color:var(--navy)}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr);direction:inherit}.sidebar-wrap{position:relative;z-index:20}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 18px 20px;border-inline-end:1px solid var(--border);background:#f6f8fa}.school-brand{display:grid;justify-items:center;gap:13px}.school-brand-logos{height:76px;display:flex;align-items:center;justify-content:center;gap:14px}.school-brand-logos img{display:block;object-fit:contain}.school-brand-logos .rgs-logo{width:58px;height:76px}.school-brand-logos .ahs-logo{width:154px;height:56px}.brand-divider{width:1px;height:46px;background:var(--border)}.school-brand-copy{min-width:0;text-align:center}.school-brand-copy strong{display:block;color:var(--navy);font-size:28px;line-height:1.15;letter-spacing:-.3px}.school-brand-copy span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.school-brand.compact{display:flex;justify-items:initial;align-items:center;gap:9px;padding:0 1px 26px}.school-brand.compact .school-brand-logos{flex:0 0 auto;height:40px;gap:5px}.school-brand.compact .rgs-logo{width:27px;height:38px}.school-brand.compact .ahs-logo{width:55px;height:30px}.school-brand.compact .brand-divider{height:25px}.school-brand.compact .school-brand-copy{text-align:start}.school-brand.compact .school-brand-copy strong{font-size:15px;line-height:1.25}.school-brand.compact .school-brand-copy span{margin-top:2px;font-size:9px;line-height:1.25}.main-nav{display:flex;flex-direction:column;gap:7px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid transparent;border-radius:10px;color:#39485e;background:transparent;font-size:15px;font-weight:600;text-align:start}.nav-item:hover{background:#edf2f4}.nav-item.active{color:#fff;border-color:var(--teal);background:var(--teal)}.language-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:auto;padding:4px;border:1px solid var(--border);border-radius:10px;background:#fff}.language-switch button{min-height:34px;padding:0 7px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:11.5px;font-weight:700}.language-switch button:hover{background:#f1f5f6}.language-switch button.selected{color:#fff;background:var(--teal)}.sidebar-footer{display:flex;align-items:center;gap:9px;margin-top:11px;padding:13px 8px 0;border-top:1px solid var(--border);color:var(--muted);font-size:11px;line-height:1.45}.sidebar-footer>div{min-width:0}.sidebar-footer span{display:block}.sidebar-footer button{padding:2px 0;border:0;color:var(--teal-dark);background:transparent;font-size:10.5px;font-weight:700}.menu-close,.menu-overlay,.mobile-header{display:none}.app-content{min-width:0}.access-page,.loading-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#f4fafb,#fff 48%,#f5f7fa)}.access-card{width:min(100%,470px);padding:34px 38px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 22px 60px #12233f1a;text-align:center}.access-card>p{margin:8px auto 24px;color:var(--muted);font-size:13px;line-height:1.7}.access-card form{text-align:start}.access-input{position:relative}.access-input svg{position:absolute;top:12px;inset-inline-start:12px;color:var(--muted)}.access-input input{padding-inline-start:40px}.access-card .primary-button{width:100%;margin-top:14px}.access-error{margin-top:10px;padding:9px 11px;border-radius:8px;color:var(--red);background:var(--red-soft);font-size:12px}.access-language{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted)}.access-language button{min-height:30px;padding:0 10px;border:1px solid transparent;border-radius:7px;color:var(--muted);background:transparent;font-size:11px;font-weight:700}.access-language button.selected{border-color:#b8d9dc;color:var(--teal-dark);background:var(--teal-soft)}.loading-page{align-content:center;gap:13px;color:var(--navy);font-size:13px}.loading-spinner{width:34px;height:34px;border:3px solid #d7eaec;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}.global-error{position:fixed;z-index:30;top:14px;left:50%;transform:translate(-50%);max-width:calc(100% - 28px);padding:10px 14px;border:1px solid #efb6bd;border-radius:9px;color:var(--red);background:var(--red-soft);box-shadow:0 8px 24px #12233f1a;font-size:12px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.new-inspection-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:100vh;direction:inherit}.inspection-form{min-width:0;padding:30px 32px 44px}.form-title-row,.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.form-title-row h1,.page-header h1{margin:0;color:var(--navy);font-size:clamp(25px,2.2vw,34px);line-height:1.2;letter-spacing:-.65px}.form-title-row p,.page-header p{margin:7px 0 0;color:var(--muted);font-size:14px}.progress-label{flex:0 0 auto;padding:8px 11px;border:1px solid #c9e3e5;border-radius:9px;color:var(--teal-dark);background:var(--teal-soft);font-size:12px;font-weight:700}.form-section{margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.form-section-title{display:flex;align-items:center;gap:8px;min-height:47px;padding:0 16px;border-bottom:1px solid var(--border);color:var(--navy);background:#fbfcfd}.form-section-title h2,.section-heading h2{margin:0;font-size:15px;font-weight:700}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;padding:18px}.field.wide{grid-column:span 2}.field{display:flex;flex-direction:column;gap:7px}.field>span{color:#34435a;font-size:12px;font-weight:700}.field em{color:var(--red);font-style:normal}input,select,textarea{width:100%;border:1px solid var(--border-strong);border-radius:9px;background:#fff;outline:none;transition:border-color .18s,box-shadow .18s}input,select{min-height:41px;padding:0 11px;font-size:13px}textarea{padding:11px 12px;resize:vertical;font-size:13px;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f8c1c}input:disabled,select:disabled{color:#8793a4;background:#f4f6f8}::placeholder{color:#9aa5b3}.checklist-title{justify-content:space-between}.checklist-title>div{display:flex;align-items:center;gap:8px}.text-button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:0;color:var(--teal-dark);background:transparent;font-size:12px;font-weight:700}.text-button:hover{background:var(--teal-soft);border-radius:8px}.checklist-header{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(380px,1.8fr) minmax(230px,1.2fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);color:var(--muted);background:#f8fafb;font-size:11px;font-weight:700}.checklist-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(380px,1.8fr) minmax(230px,1.2fr);align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--border)}.checklist-row:last-child{border-bottom:0}.category-empty{display:grid;justify-items:center;gap:5px;padding:38px 20px;color:var(--muted);text-align:center}.category-empty strong{color:var(--navy);font-size:14px}.category-empty span{font-size:11px}.item-name{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px}.item-name strong{font-size:13px;font-weight:600}.status-control{min-width:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border-strong);border-radius:8px;overflow:hidden}.status-button{min-height:36px;padding:4px 6px;border:0;border-inline-end:1px solid var(--border);color:#5c6879;background:#fff;font-size:10.5px;font-weight:600;white-space:nowrap}.status-button:last-child{border-inline-end:0}.status-button:hover{background:#f6f8fa}.status-button.good.selected{color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px #70c59b}.status-button.maintenance.selected{color:#a95c03;background:var(--amber-soft);box-shadow:inset 0 0 0 1px #f2b45f}.status-button.replacement.selected{color:var(--red);background:var(--red-soft);box-shadow:inset 0 0 0 1px #e58a94}.status-button.absent.selected{color:#445065;background:#e9edf1;box-shadow:inset 0 0 0 1px #aab4c0}.action-fields{min-width:0;display:grid;grid-template-columns:84px minmax(0,1fr);gap:7px}.action-fields input,.action-fields select{min-height:36px;font-size:11px}.needed-toggle{grid-column:1 / -1;min-height:34px;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--border-strong);border-radius:8px;color:#566377;background:#f7f9fa;font-size:11px;font-weight:700;cursor:pointer}.needed-toggle.selected{border-color:#e0a646;color:#950;background:var(--amber-soft)}.needed-toggle input{width:16px;min-height:16px;margin:0;accent-color:var(--amber)}.custom-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 16px;border-top:1px solid var(--border);background:#fbfcfd}.note-section{padding:16px}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:9px;font-size:13px;font-weight:700}.primary-button{min-width:160px;border:1px solid var(--teal);color:#fff;background:var(--teal)}.primary-button:hover{background:var(--teal-dark)}.secondary-button{border:1px solid #94bdc2;color:var(--teal-dark);background:#fff}.secondary-button:hover{background:var(--teal-soft)}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:9px;color:#59677a;background:#fff}.icon-button.danger{border-color:transparent;color:#a63845;background:transparent}.icon-button.danger:hover{background:var(--red-soft)}.form-message{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;font-size:12px;font-weight:600}.form-message.success{color:var(--green);background:var(--green-soft)}.form-message.error{color:var(--red);background:var(--red-soft)}.maintenance-panel{min-width:0;background:#fafbfc}.new-inspection-layout>.maintenance-panel{position:sticky;top:0;height:100vh;border-inline-start:1px solid var(--border);overflow:auto}.section-heading{min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px}.section-heading h2{display:flex;align-items:center;gap:7px;font-size:16px}.section-heading p{margin:4px 27px 0 0;margin-inline:27px 0;color:var(--muted);font-size:11px}.export-link{display:inline-flex;align-items:center;gap:5px;padding:7px 8px;border:1px solid #94bdc2;border-radius:8px;color:var(--teal-dark);background:#fff;font-size:10.5px;font-weight:700}.export-link:hover{background:var(--teal-soft)}.maintenance-filters{padding:0 14px 13px;border-bottom:1px solid var(--border)}.search-box{position:relative;display:block}.search-box svg{position:absolute;top:12px;inset-inline-start:11px;color:#8190a2}.search-box input{padding-inline-start:35px;background:#fff}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.filter-row select{min-width:0;font-size:11px}.maintenance-list{content-visibility:auto}.maintenance-row{padding:14px 16px;border-bottom:1px solid var(--border);background:#fff}.maintenance-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.maintenance-row-head strong{min-width:0;font-size:13px}.maintenance-row p{margin:5px 0;color:var(--muted);font-size:11px}.maintenance-meta{display:flex;align-items:center;gap:8px;color:#778396;font-size:10.5px}.status-text{font-weight:700}.status-text.maintenance{color:var(--amber)}.status-text.replacement{color:var(--red)}.priority-tag{flex:0 0 auto;padding:3px 7px;border:1px solid;border-radius:999px;font-size:9.5px;font-weight:700}.priority-tag.urgent{color:var(--red);border-color:#efb6bd;background:var(--red-soft)}.priority-tag.medium{color:#a95c03;border-color:#f2c584;background:var(--amber-soft)}.priority-tag.low{color:var(--green);border-color:#acd9bf;background:var(--green-soft)}.empty-state{display:grid;justify-items:center;padding:56px 24px;color:var(--muted);text-align:center}.empty-state span,.records-empty>span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;border-radius:13px;color:var(--teal);background:var(--teal-soft)}.empty-state strong{color:var(--navy);font-size:14px}.empty-state p{max-width:215px;margin:6px 0 0;font-size:11px;line-height:1.6}.page-shell{min-height:100vh;padding:34px 38px 48px;background:#fff}.header-actions{display:flex;gap:9px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.inspection-form>.summary-grid{margin-bottom:14px}.summary-item{min-height:90px;display:flex;align-items:center;gap:12px;padding:16px 18px;border-inline-end:1px solid var(--border);background:#fff}.summary-item:last-child{border-inline-end:0}.summary-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.summary-icon.teal{color:var(--teal);background:var(--teal-soft)}.summary-icon.amber{color:var(--amber);background:var(--amber-soft)}.summary-icon.red{color:var(--red);background:var(--red-soft)}.summary-icon.navy{color:var(--navy);background:#edf1f5}.summary-item span:not(.summary-icon){display:block;color:var(--muted);font-size:11px}.summary-item strong{display:block;margin-top:3px;font-size:24px;line-height:1}.dashboard-page>.maintenance-panel{margin-top:18px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.dashboard-page .maintenance-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .maintenance-row:nth-child(odd){border-inline-end:1px solid var(--border)}.dashboard-page .empty-state{grid-column:1 / -1}.records-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:auto}.records-table{width:100%;border-collapse:collapse;min-width:840px;font-size:12px}.records-table th{padding:12px 14px;color:var(--muted);background:#f7f9fa;font-size:11px;text-align:start}.records-table td{padding:14px;border-top:1px solid var(--border);color:#4b596d;vertical-align:middle}.records-table td:first-child strong{display:block;color:var(--navy);font-size:13px}.records-table td:first-child span{display:block;margin-top:4px;color:var(--muted);font-size:10.5px}.all-good{color:var(--green);font-weight:700}.issues-count{color:var(--amber);font-weight:700}.records-empty{display:grid;justify-items:center;padding:90px 24px;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);text-align:center}.records-empty h2{margin:0;color:var(--navy);font-size:18px}.records-empty p{margin:7px 0 0;font-size:13px}@media(max-width:1180px){.new-inspection-layout{grid-template-columns:1fr}.new-inspection-layout>.maintenance-panel{position:static;height:auto;border-top:1px solid var(--border);border-inline-start:0}.new-inspection-layout .maintenance-list{display:grid;grid-template-columns:repeat(2,1fr)}.new-inspection-layout .maintenance-row:nth-child(odd){border-inline-end:1px solid var(--border)}}@media(max-width:920px){.app-shell{display:block}.sidebar-wrap{position:fixed;inset-block:0;inset-inline-start:0;width:264px;transition:transform .2s ease}html[dir=rtl] .sidebar-wrap{transform:translate(105%)}html[dir=ltr] .sidebar-wrap{transform:translate(-105%)}html[dir=rtl] .sidebar-wrap.open,html[dir=ltr] .sidebar-wrap.open{transform:translate(0)}.sidebar{position:relative;height:100%;box-shadow:0 0 32px #12233f26}.menu-close{position:absolute;z-index:2;top:12px;inset-inline-end:12px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;color:var(--navy);background:#fff}.menu-overlay{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;display:block;border:0;background:#12233f59}.mobile-header{position:sticky;z-index:15;top:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--border);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-header strong{font-size:17px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-item:nth-child(2){border-inline-end:0}.summary-item:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media(max-width:720px){.inspection-form,.page-shell{padding:22px 14px 36px}.form-title-row,.page-header{align-items:stretch;flex-direction:column;gap:14px}.progress-label{align-self:flex-start}.header-actions{width:100%}.header-actions>button{flex:1;min-width:0}.field-grid{grid-template-columns:1fr;padding:14px}.field.wide{grid-column:auto}.checklist-header{display:none}.checklist-row{grid-template-columns:1fr;gap:9px;padding:14px}.status-control{grid-template-columns:repeat(2,1fr)}.status-button:nth-child(2){border-inline-end:0}.status-button:nth-child(-n+2){border-bottom:1px solid var(--border)}.action-fields{grid-template-columns:94px minmax(0,1fr)}.custom-item-row{grid-template-columns:1fr}.custom-item-row button{width:100%}.form-actions>button{flex:1;min-width:0}.form-message{width:100%}.new-inspection-layout .maintenance-list,.dashboard-page .maintenance-list{grid-template-columns:1fr}.new-inspection-layout .maintenance-row:nth-child(odd),.dashboard-page .maintenance-row:nth-child(odd){border-inline-end:0}.dashboard-page .empty-state{grid-column:auto}}@media(max-width:430px){.access-page{padding:14px}.access-card{padding:28px 20px}.summary-grid{grid-template-columns:1fr}.summary-item{border-inline-end:0;border-bottom:1px solid var(--border)}.summary-item:last-child{border-bottom:0}.checklist-title{align-items:flex-start;flex-direction:column;padding:10px 14px}.action-fields{grid-template-columns:1fr}.status-button{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}