:root{font-family:"Cairo",Tahoma,Arial,sans-serif;color:#30272a;background:#fffafa;font-size:14px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #eadfe1;padding:22px 5%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;color:#c62836;font-size:25px}.brand span{font-size:13px;color:#756970;border-right:1px solid #eadfe1;padding-right:16px}main{max-width:1400px;margin:auto;padding:38px 5%}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{font-size:34px;margin:8px 0 14px}p{line-height:1.8;color:#756970}.eyebrow{color:#b42130;font-size:12px;margin:0}button,input,select,textarea{font:inherit;border:1px solid #e6dade;border-radius:9px;padding:11px 13px;background:#fff;color:inherit}button{cursor:pointer}button:hover{border-color:#c62836;background:#fff0f2}.primary{background:#c62836;color:#fff;border-color:#c62836}.primary:hover{background:#a11b28;color:white}input:focus,select:focus,textarea:focus{outline:2px solid #e7a0a8;outline-offset:1px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{background:#fff;border:1px solid #eadfe1;border-radius:13px;padding:22px}.stat strong{display:block;font-size:30px;margin:12px 0 2px}.stat small{color:#756970}.panel{background:white;border:1px solid #eadfe1;border-radius:14px;padding:24px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:18px;margin:0}.section-head span{color:#756970}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters>*{flex:1;min-width:140px}.filters input#search{flex:1.6}.dates{padding-bottom:18px;border-bottom:1px solid #f1e8ea;align-items:center}.dates label{display:flex;align-items:center;gap:8px;font-size:12px}.dates input{min-width:0;width:100%}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-weight:normal;color:#756970;font-size:12px;background:#fff5f6}td,th{padding:16px 12px;border-bottom:1px solid #f1e8ea}td small{display:block;color:#756970;margin-top:6px}.badge{padding:7px 10px;border-radius:20px;font-size:11px;background:#f3f3f5;color:#514750}.badge.soon{background:#fff0f2;color:#a52332}.badge.over{background:#fde3e7;color:#a51c2b}.badge.replaced{background:#eee;color:#777}.row-actions{display:flex;gap:5px}.row-actions button{font-size:11px;padding:7px}.empty{text-align:center;padding:50px 10px;color:#756970}.empty:empty{display:none}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px;color:#756970;font-size:12px}footer button{font-size:12px}.storage{font-size:11px}dialog{border:1px solid #eadfe1;border-radius:17px;padding:28px;width:600px;max-width:94vw;max-height:90vh;color:#30272a}dialog::backdrop{background:#30272a66;backdrop-filter:blur(3px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:8px;font-size:13px}.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.hint{font-size:12px}.inline{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:18px}.inline input{min-width:0;flex:1}.catalog{max-height:170px;overflow:auto;margin-top:20px;font-size:12px}.catalog div{padding:10px;border-bottom:1px solid #eee}.close{border:0}.section-head .close{font-size:24px;padding:0 8px}#toast{position:fixed;bottom:25px;left:25px;background:#30272a;color:white;border-radius:10px;padding:14px 22px;display:none;z-index:5}@media(max-width:800px){main{padding:24px 4%}.heading{align-items:start;gap:20px;flex-direction:column}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}h1{font-size:28px}.brand span{display:none}.panel{padding:15px}footer{align-items:start;flex-direction:column}.filters>*{min-width:120px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}


.stat{text-align:right;line-height:1.7;color:inherit;transition:border-color .15s,background .15s}.stat:hover{background:#fff5f6;border-color:#c62836}.stat.selected{border-color:#c62836;box-shadow:inset 0 0 0 1px #c62836}.stat:focus-visible{outline:2px solid #c62836;outline-offset:3px}.inspection.watch{color:#a52332}.inspection.replace{color:#a51c2b;font-weight:700}#inspectionHistory p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.row-actions{flex-wrap:wrap}

.editable-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.editable-row span{overflow-wrap:anywhere;min-width:0}.editable-row button{padding:6px 12px;font-size:12px;flex-shrink:0}label[hidden]{display:none}#sites{max-height:150px;overflow:auto}

[hidden]{display:none!important}body:not(.authenticated)>header,body:not(.authenticated)>main{display:none}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.authenticated .login-screen{display:none}.login-card{width:min(440px,100%);background:white;border:1px solid #eadfe1;border-radius:18px;padding:32px}.login-card h1{font-size:25px}.login-card form{display:grid;gap:18px}.login-card button{width:100%}#loginError{color:#a51c2b}.account-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-nav small{color:#756970}.account-nav button{font-size:12px;padding:8px}.is-viewer [data-admin]{display:none!important}.is-viewer #inspectionForm .form-grid,.is-viewer #inspectionForm .actions button[type=submit]{display:none}.is-viewer #inspectionForm .section-head h2{font-size:0}.is-viewer #inspectionForm .section-head h2:after{content:'سجل الفحوص';font-size:18px}.saving main button,.saving main input,.saving main select,.saving dialog button,.saving dialog input,.saving dialog select{pointer-events:none;opacity:.7}.saving dialog::after{content:'جارٍ حفظ التغييرات…';display:block;color:#a52332;margin-top:10px}#passwordForm{display:grid;gap:15px}#usersList{max-height:300px}@media(max-width:800px){header{align-items:flex-start;gap:16px;flex-wrap:wrap}.account-nav{width:100%}.account-nav span{flex-basis:100%}}