@import "https://cdn.jsdelivr.net/npm/@fontsource-variable/noto-kufi-arabic/index.css";
:root{--navy:#162d5e;--blue:#2b6cb0;--orange:#f7941d;--orange-light:#ffa831;--white:#fff}.t1{--sb-bg:#162d5e;--sb-active:#f7941d26;--sb-active-bd:#f7941d;--sb-text:#ffffffa6;--sb-active-text:#fff;--sb-hover:#ffffff14;--sb-logo-sub:#ffffff6b;--hd-bg:#fff;--hd-bd:#162d5e1a;--hd-sh:0 2px 12px #162d5e12;--bg:#eef2fa;--surf:#fff;--tx:#162d5e;--txm:#5a6d8a;--bdr:#162d5e1a;--bdr2:#162d5e0f;--acc:#f7941d;--acc2:#ffa831;--acc-sh:#f7941d40;--csh:0 2px 14px #162d5e12;--csh2:0 8px 30px #f7941d24;--inp-bg:#f5f8ff;--inp-bd:#162d5e26;--inp-focus:#f7941d;--login-left:linear-gradient(160deg, #162d5e 0%, #1e3d7a 45%, #245aaa 100%);--badge-bg:#f7941d1a;--badge-tx:#f7941d;--tag-bg:#eef2fa;--tag-tx:#5a6d8a;--status-open-bg:#eef8f0;--status-open-tx:#2a7a44;--status-prog-bg:#fff4e5;--status-prog-tx:#b96b00;--status-done-bg:#f0f4ff;--status-done-tx:#2b5eae;--status-err-bg:#fdeeec;--status-err-tx:#b3392e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--tx);direction:rtl;font-family:Noto Kufi Arabic Variable,Noto Kufi Arabic,Tajawal,sans-serif}h1,h2,h3,h4{margin:0;font-weight:800}p{margin:0}a{color:inherit}.login-wrap{align-items:stretch;width:100%;min-height:100vh;display:flex}.login-left{background:var(--login-left);flex-direction:column;justify-content:center;align-items:center;width:46%;padding:3rem;display:flex;position:relative;overflow:hidden}.login-left h1{color:#fff;margin-top:14px;font-size:26px}.login-left .sub{color:#ffffffb3;text-align:center;max-width:320px;margin-top:8px;font-size:13px}.login-right{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:3rem 2.5rem;display:flex}.login-box{width:100%;max-width:380px}.login-box h2{margin-bottom:6px;font-size:22px}.login-box .welcome-sub{color:var(--txm);margin-bottom:26px;font-size:13px}.field{margin-bottom:16px}.field label{color:var(--tx);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.form-inp{border:1px solid var(--inp-bd);background:var(--inp-bg);width:100%;height:44px;color:var(--tx);border-radius:10px;outline:none;padding:0 14px;font-family:inherit;font-size:13px;transition:all .25s}.form-inp:focus{border-color:var(--inp-focus);box-shadow:0 0 0 3px #f7941d1f}.form-inp::placeholder{color:var(--txm)}textarea.form-inp{resize:vertical;height:auto;padding:10px 14px}select.form-inp{cursor:pointer}.form-inp.invalid{border-color:var(--status-err-tx)}.req-mark{color:var(--status-err-tx)}.field-error{color:var(--status-err-tx);margin-top:4px;font-size:11.5px}@media (max-width:640px){.form-inp{font-size:16px}}.mobile-submit-spacer{display:none}@media (max-width:640px){.mobile-submit-spacer{height:78px;display:block}.mobile-submit-bar{inset-inline:0;z-index:40;background:var(--surf);border-top:1px solid var(--bdr);padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;box-shadow:0 -4px 16px #162d5e14}.mobile-submit-bar .btn-primary{width:100%}}.btn-login,.btn-primary{background:var(--acc);color:#fff;cursor:pointer;height:46px;box-shadow:0 4px 16px var(--acc-sh);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.btn-login{width:100%}.btn-login:hover,.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-login:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{height:40px;color:var(--txm);border:1px solid var(--bdr);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.btn-secondary:hover{border-color:var(--acc);color:var(--acc)}.btn-danger{color:#b3392e;cursor:pointer;background:0 0;border:1px solid #b3392e4d;border-radius:9px;height:36px;padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .2s}.btn-danger:hover{background:#b3392e14}.btn-sm{height:32px;padding:0 12px;font-size:12px}.dash-wrap{align-items:stretch;width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sb-bg);border-left:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:230px;height:100vh;transition:width .2s;display:flex;position:relative}.sidebar.collapsed{width:68px}.sb-toggle{background:var(--acc);color:#fff;cursor:pointer;z-index:5;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex;position:absolute;top:22px;left:-12px;box-shadow:0 2px 8px #0000004d}.sb-logo{align-items:center;gap:10px;padding:18px 16px;display:flex;position:relative}.sidebar.collapsed .sb-logo{justify-content:center;padding:18px 0}.sb-logo-name{color:#fff;white-space:nowrap;font-size:15px;font-weight:800}.sb-logo-name span{color:#f7941d}.sb-logo-sub{color:var(--sb-logo-sub);white-space:nowrap;font-size:9px}.sidebar.collapsed .sb-logo-name,.sidebar.collapsed .sb-logo-sub{display:none}.sb-app-badge{background:#f7941d1f;border:1px solid #f7941d33;border-radius:8px;align-items:center;gap:8px;margin:12px 14px 4px;padding:8px 12px;display:flex}.sidebar.collapsed .sb-app-badge{display:none}.sb-app-name{color:#f7941d;font-size:11px;font-weight:700}.sb-app-module{color:#f7941d99;font-size:9.5px}.sb-nav{flex:1;padding:6px 10px;overflow-y:auto}.sb-sec-lbl{color:var(--sb-logo-sub);white-space:nowrap;padding:12px 10px 4px;font-size:10px;font-weight:700}.sidebar.collapsed .sb-sec-lbl{display:none}.sb-item{cursor:pointer;color:var(--sb-text);white-space:nowrap;border-right:3px solid #0000;border-radius:9px;align-items:center;gap:9px;margin:1px 0;padding:9px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar.collapsed .sb-item{justify-content:center;padding:10px 0}.sb-item:hover{background:var(--sb-hover);color:#ffffffd9}.sb-item.active{background:var(--sb-active);color:var(--sb-active-text);border-right-color:var(--sb-active-bd);font-weight:700}.sb-item svg{stroke:currentColor;flex-shrink:0;width:16px;height:16px}.sb-item-label{text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .sb-item-label{display:none}.sb-footer{border-top:1px solid #ffffff0f;padding:12px 14px}.sb-user{align-items:center;gap:9px;display:flex}.sidebar.collapsed .sb-user{justify-content:center}.sb-avatar{background:var(--acc);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.sb-user-info{overflow:hidden}.sidebar.collapsed .sb-user-info{display:none}.sb-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sb-user-role{color:var(--sb-text);white-space:nowrap;font-size:10px}.sb-logout{width:28px;height:28px;color:var(--sb-text);cursor:pointer;background:#ffffff0f;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-right:auto;transition:all .2s;display:flex}.sidebar.collapsed .sb-logout{display:none}.sb-logout:hover{color:#ff6b6b;background:#ff505026}.main{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--hd-bg);border-bottom:1px solid var(--hd-bd);height:58px;box-shadow:var(--hd-sh);flex-shrink:0;align-items:center;gap:14px;padding:0 24px;display:flex}.tb-title{color:var(--tx);font-size:15px;font-weight:800}.tb-bread{color:var(--txm);margin-right:auto;font-size:12px}.page-content{flex:1;padding:22px 24px;overflow-y:auto}.sb-hamburger{border:1px solid var(--bdr);width:36px;height:36px;color:var(--tx);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:none}.sb-backdrop{z-index:150;background:#0f172a73;display:none;position:fixed;inset:0}@media (max-width:860px){.sidebar{z-index:200;transition:transform .25s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000040;width:250px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed .sb-logo{justify-content:flex-start!important;padding:18px 16px!important}.sidebar.collapsed .sb-logo-name,.sidebar.collapsed .sb-logo-sub,.sidebar.collapsed .sb-app-badge,.sidebar.collapsed .sb-sec-lbl,.sidebar.collapsed .sb-item-label,.sidebar.collapsed .sb-user-info{display:revert!important}.sidebar.collapsed .sb-logout{display:flex!important}.sidebar.collapsed .sb-item{justify-content:flex-start!important;padding:9px 10px!important}.sidebar.collapsed .sb-user{justify-content:flex-start!important}.sb-toggle{display:none}.sb-hamburger{display:inline-flex}.sb-backdrop.open{display:block}.topbar{gap:10px;padding:0 14px}.page-content{padding:16px}}.sum-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}@media (max-width:1000px){.sum-cards{grid-template-columns:repeat(2,1fr)}}.scard{background:var(--surf);border:1px solid var(--bdr);box-shadow:var(--csh);border-radius:14px;padding:1.2rem;transition:all .3s;position:relative;overflow:hidden}.sc-val{color:var(--tx);font-size:1.7rem;font-weight:800}.sc-lbl{color:var(--txm);margin-top:2px;font-size:12px}.card{background:var(--surf);border:1px solid var(--bdr);box-shadow:var(--csh);border-radius:14px;padding:18px}.card-title{margin-bottom:14px;font-size:14px;font-weight:800}.table-wrap{border:1px solid var(--bdr);background:var(--surf);border-radius:12px;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:12.8px}.tbl th{text-align:right;color:var(--txm);background:var(--tag-bg);border-bottom:1px solid var(--bdr2);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:700}.tbl td{border-bottom:1px solid var(--bdr2);color:var(--tx);white-space:nowrap;padding:11px 16px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--tag-bg)}.status-badge{border-radius:50px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.st-open{background:var(--status-open-bg);color:var(--status-open-tx)}.st-prog{background:var(--status-prog-bg);color:var(--status-prog-tx)}.st-done{background:var(--status-done-bg);color:var(--status-done-tx)}.st-err{background:var(--status-err-bg);color:var(--status-err-tx)}.form-grid{grid-template-columns:repeat(3,1fr);gap:14px 18px;display:grid}@media (max-width:760px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.form-grid{grid-template-columns:1fr}}.section-title{border-bottom:2px solid var(--bdr2);margin:24px 0 12px;padding-bottom:8px;font-size:14.5px;font-weight:800}.section-title:first-child{margin-top:0}.hint{color:var(--txm);margin-top:4px;font-size:11.5px}.err-msg{background:var(--status-err-bg);color:var(--status-err-tx);border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.ok-msg{background:var(--status-open-bg);color:var(--status-open-tx);border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.qual-total-box{background:var(--tag-bg);border:1.5px dashed var(--bdr);border-radius:8px;justify-content:space-between;align-items:center;margin:6px 0 4px;padding:12px 14px;display:flex}.qual-total-box .val{color:var(--acc);font-size:20px;font-weight:800}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .form-inp{width:auto;min-width:170px;height:38px}.toolbar .grow{flex:1;min-width:200px}.empty-state{text-align:center;color:var(--txm);padding:50px 20px}.empty-state .big{margin-bottom:10px;font-size:34px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-head h2{font-size:22px}.page-head .desc{color:var(--txm);margin-top:3px;font-size:13px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--tag-bg);border:1px solid var(--bdr);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.chip .rm{cursor:pointer;color:#b3392e;background:0 0;border:none;padding:0 3px;font-weight:900}.wizard-steps{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.wizard-step{text-align:center;background:var(--tag-bg);min-width:90px;color:var(--txm);border-radius:8px;flex:1;padding:8px 6px;font-size:11.5px;font-weight:700}.wizard-step.active{background:var(--acc);color:#fff}.wizard-step.done{background:var(--status-open-bg);color:var(--status-open-tx)}