:root{--bg: #f4f6fa;--panel: #ffffff;--panel-2: #fbfcfe;--navy: #0e2135;--navy-2: #16314c;--ink: #16233a;--muted: #667085;--line: #e3e8f0;--accent: #1d4e89;--accent-soft: #e8eff9;--safety: #ea580c;--green: #0f7b4f;--green-soft: #e6f4ed;--amber: #b45309;--amber-soft: #fdf1e3;--red: #b42318;--red-soft: #fdeceb;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(16, 35, 58, .06), 0 8px 24px rgba(16, 35, 58, .06);--shadow-lg: 0 18px 48px rgba(16, 35, 58, .18)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans Arabic,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Noto Naskh Arabic,Noto Sans Arabic,serif;margin:0;line-height:1.35}h1{font-size:1.15rem;font-weight:600}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.05rem;font-weight:600}p{margin:0}b,strong{font-weight:700}a{color:var(--accent);text-decoration:none}.muted{color:var(--muted)}.small{font-size:.78rem}.ta-left{text-align:left}.stack{display:flex;flex-direction:column;gap:1.25rem}.app{display:flex;min-height:100vh}.sidebar{width:264px;flex:0 0 264px;background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#eaf0f8;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1rem;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:.7rem;padding:.25rem .35rem 1rem;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--safety);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.1rem}.brand b{display:block;font-size:.98rem}.brand .muted{color:#9fb2c9}.sidebar nav{display:flex;flex-direction:column;gap:.2rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.6rem;width:100%;text-align:right;background:transparent;border:0;color:#cddaea;font:inherit;font-size:.9rem;padding:.6rem .7rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-item:hover{background:#ffffff14;color:#fff;transform:translate(-2px)}.nav-item.active{background:#ffffff24;color:#fff;font-weight:600}.sidebar-foot{margin-top:auto;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.12);color:#9fb2c9}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:1rem;padding:.9rem 1.5rem;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-title{flex:1;min-width:0}.topbar-actions{display:flex;align-items:center;gap:.6rem}.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:600;padding:.25rem .65rem;border-radius:999px}.pill.green{background:var(--green-soft);color:var(--green)}.pill.red{background:var(--red-soft);color:var(--red)}.icon-btn{display:none;background:transparent;border:0;color:inherit;cursor:pointer;padding:.35rem;border-radius:8px}.menu-only{display:none}.content{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-width:1500px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem 1.25rem;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-lg)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.grid-2{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid-3{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.tile{display:flex;flex-direction:column;gap:.3rem;color:var(--accent)}.tile .muted{color:var(--muted)}.tile .big{font-size:1.5rem;font-family:Noto Naskh Arabic,serif;color:var(--ink)}.tile .big small{font-size:.78rem;color:var(--muted);font-weight:400}.stat{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);padding:.95rem 1rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stat-label{font-size:.82rem;color:var(--muted);font-weight:600}.stat-icon{color:var(--accent)}.stat-value{font-family:Noto Naskh Arabic,serif;font-size:1.8rem;font-weight:700}.stat-value small{font-size:.8rem;font-weight:400;color:var(--muted);margin-inline-start:.25rem}.stat-value.ok{color:var(--green)}.stat-value.warn{color:var(--amber)}.stat-foot{display:flex;flex-direction:column;gap:.2rem}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;padding:.16rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.badge.green{background:var(--green-soft);color:var(--green)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.info{background:var(--accent-soft);color:var(--accent)}.prog{position:relative;display:flex;align-items:center;gap:.5rem;min-width:132px}.prog:before{content:"";position:absolute;inset-inline:0 40px;top:calc(50% - 3.5px);height:7px;border-radius:999px;background:var(--line)}.prog-bar{position:relative;display:block;height:7px;max-width:calc(100% - 40px);border-radius:999px;background:var(--accent)}.prog>b{font-size:.74rem;color:var(--muted);min-width:34px;margin-inline-start:auto;text-align:left}.prog-bar.green{background:var(--green)}.prog-bar.amber{background:var(--amber)}.prog-bar.red{background:var(--red)}.prog-edit{display:flex;align-items:center;gap:.4rem}.prog-edit .mini{width:62px;padding:.2rem .35rem;font-size:.74rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:inherit;font-size:.86rem;font-weight:600;padding:.5rem 1rem;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #1d4e8938}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #1d4e894d}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.sm{padding:.35rem .7rem;font-size:.79rem}.table-wrap{overflow-x:auto;margin:0 -.35rem}table{width:100%;border-collapse:collapse;font-size:.86rem}thead th{text-align:right;font-size:.76rem;font-weight:700;color:var(--muted);background:var(--panel-2);padding:.6rem .7rem;border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:.62rem .7rem;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:var(--accent-soft)}tbody tr:last-child td{border-bottom:0}.row-in{animation:fadeUp .35s ease both}.toolbar{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.45rem .7rem;color:var(--muted);max-width:460px;flex:1 1 260px}.toolbar input{border:0;outline:none;font:inherit;font-size:.88rem;color:var(--ink);width:100%;background:transparent}.filters{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.chips{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;color:var(--muted)}.chip{font:inherit;font-size:.78rem;padding:.28rem .7rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;transition:all .18s ease}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.tabs{display:inline-flex;gap:.2rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.22rem}.tab{font:inherit;font-size:.84rem;font-weight:600;padding:.35rem .95rem;border-radius:999px;border:0;background:transparent;color:var(--muted);cursor:pointer;transition:all .18s ease}.tab.active{background:var(--accent);color:#fff}.inline-select select{font:inherit;font-size:.8rem;padding:.25rem .45rem;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.sel-green{border-color:#bfe3d0;background:var(--green-soft);color:var(--green)}.sel-amber{border-color:#f2d3a8;background:var(--amber-soft);color:var(--amber)}.sel-red{border-color:#f3c3bf;background:var(--red-soft);color:var(--red)}.empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;color:var(--muted)}.skel-wrap{display:flex;flex-direction:column;gap:.5rem}.skel-row{height:38px}.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#e2e8f1,#eef2f7 75%);background-size:200%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0e21358c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeUp .2s ease both}.modal{background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:720px;max-height:88vh;overflow:auto;padding:1.25rem 1.4rem 1.4rem}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.modal-head .icon-btn{display:inline-flex;background:var(--panel-2);border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.field-wide{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--muted)}.field input,.field select{font:inherit;font-size:.88rem;padding:.5rem .65rem;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1d4e8924}.field input.error{border-color:var(--red);background:var(--red-soft)}.field-error{color:var(--red);font-size:.76rem;margin-top:.2rem}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-start;margin-top:.4rem}.toast-wrap{position:fixed;inset-block-end:1.25rem;inset-inline-end:1.25rem;z-index:80;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.6rem 1rem;border-radius:11px;font-size:.86rem;font-weight:600;box-shadow:var(--shadow-lg);animation:fadeUp .25s ease both}.toast.success{background:var(--green-soft);color:var(--green);border:1px solid #bfe3d0}.toast.error{background:var(--red-soft);color:var(--red);border:1px solid #f3c3bf}.notice{display:flex;align-items:flex-start;gap:.55rem;background:var(--amber-soft);color:var(--amber);border:1px solid #f2d3a8;border-radius:11px;padding:.65rem .9rem;font-size:.84rem}.demo-note{margin:.9rem 1.5rem -.2rem;background:var(--accent-soft);border-color:#cfdff2;color:var(--accent)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.list.tight{gap:.35rem}.list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.kv{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-bottom:1px dashed var(--line);font-size:.85rem}.kv b{color:var(--accent)}.alerts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.alerts li{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.timeline li{display:flex;gap:.6rem}.timeline .dot{width:9px;height:9px;margin-top:.5rem;border-radius:50%;background:var(--accent);flex:0 0 auto}.bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.bullets li{display:flex;gap:.45rem;align-items:flex-start;color:var(--ink)}.bullets svg{color:var(--accent);margin-top:.25rem;flex:0 0 auto}.rate{display:inline-flex;align-items:center;gap:.2rem;color:var(--safety);font-weight:600}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.5rem}.export-item{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:10px;padding:.45rem .6rem;font-size:.84rem;background:var(--panel-2)}.export-item>span:nth-child(2){flex:1}.export-item svg{color:var(--accent)}@media (max-width: 1024px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:70;transform:translate(100%);transition:transform .25s ease;box-shadow:var(--shadow-lg);width:280px;flex-basis:280px}.sidebar.open{transform:none}.icon-btn.menu-only{display:inline-flex}.close-only{display:inline-flex;margin-inline-start:auto}.demo-note{margin-inline:1rem}}@media (max-width: 640px){body{font-size:14.5px}.content{padding:1rem}.topbar{padding:.7rem 1rem}h2{font-size:1.22rem}.page-head{flex-direction:column;align-items:stretch}.grid-2,.grid-3,.grid-4,.kpi-grid{grid-template-columns:1fr}table{font-size:.8rem}.toolbar{max-width:none}.topbar-title h1{font-size:1rem}.stat-value{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}