@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";.app{--bg: #eef1ec;--card: #fff;--ink: #16271f;--mut: #74837c;--line: #e6e9e3;--grid: #eef0ec;--track: #eef1ee;--brand: #0c6b3d;--brand2: #16a163;--soft: #e7f4ec;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;background:var(--bg);color:var(--ink);min-height:100%;-webkit-font-smoothing:antialiased}.app *,.app *:before,.app *:after{box-sizing:border-box;margin:0;padding:0}.app h1,.app h3{font-weight:600;letter-spacing:-.01em}.app a{text-decoration:none;color:inherit}@keyframes fu{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.fade{animation:fu .5s cubic-bezier(.2,.7,.2,1) both}.skel-box{display:block;background:linear-gradient(90deg,#e8ecea,#f3f5f3,#e8ecea);background-size:200% 100%;animation:skel-pulse 1.4s linear infinite}@keyframes skel-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:var(--card);border-left:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:4px 6px 18px}.brand-mark{width:42px;height:42px;border-radius:13px;flex:none;background:linear-gradient(150deg,#16a163,#0c6b3d);color:#fff;font-size:22px;font-weight:700;display:grid;place-items:center;box-shadow:0 6px 16px -6px #0c6b3d99}.brand-mark.sm{width:34px;height:34px;border-radius:10px;font-size:17px}.brand-mark svg{width:58%;height:58%;color:#fff;display:block}.brand-txt{display:flex;flex-direction:column;line-height:1.35}.brand-txt strong{font-size:14.5px}.brand-txt span{font-size:11.5px;color:var(--mut)}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:4px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;cursor:pointer;font-size:13.5px;color:var(--mut);font-weight:500;transition:.16s}.nav-item:hover{background:var(--bg);color:var(--ink)}.nav-item.active{background:var(--soft);color:var(--brand);font-weight:600}.nav-caret{margin-inline-start:auto}.side-foot{margin-top:auto}.sf-card{display:flex;align-items:center;gap:11px;background:linear-gradient(150deg,#0c6b3d,#0a4d2c);color:#fff;border-radius:14px;padding:14px}.sf-card strong{display:block;font-size:16px}.sf-card span{font-size:11px;opacity:.8}.main{flex:1;min-width:0}.headstack{position:sticky;top:0;z-index:6}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;background:var(--card);border-bottom:1px solid var(--line)}.tb-title .crumb{font-size:11.5px;color:var(--mut);display:flex;align-items:center;gap:5px;margin-bottom:2px}.tb-title h1{font-size:20px}.tb-actions{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--mut)}.search input{border:none;background:none;outline:none;font-family:inherit;font-size:12.5px;width:148px;color:var(--ink)}.pill{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:12.5px;font-family:inherit;color:var(--ink);cursor:pointer;font-weight:500}.icon-btn{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--mut);display:grid;place-items:center;cursor:pointer}.dot{position:absolute;top:8px;left:9px;width:7px;height:7px;border-radius:50%;background:#e0a82e;border:2px solid var(--card)}.seg{display:flex;align-items:center;gap:6px;font-family:inherit;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:9px 13px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 6px 14px -6px #0c6b3da6}.seg:hover{filter:brightness(1.08)}.avatar{width:38px;height:38px;border-radius:50%;flex:none;background:linear-gradient(150deg,#16a163,#0c6b3d);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:600}.topnav{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--soft);border-bottom:1px solid var(--line);overflow-x:auto}.topnav::-webkit-scrollbar{height:0}.tn-label{font-size:11.5px;color:var(--brand);font-weight:700;flex:none;padding-inline-end:4px}.tn-pill{display:flex;align-items:center;gap:6px;white-space:nowrap;flex:none;font-family:inherit;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:8px 13px;font-size:12px;font-weight:500;color:var(--mut);cursor:pointer;transition:.15s}.tn-pill:hover{color:var(--ink)}.tn-pill.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.content{padding:24px 26px 40px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi-grid-m{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:13px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 16px 6px;position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-ico{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center}.chip{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:3px 7px;border-radius:20px;white-space:nowrap}.chip-up{background:#e7f4ec;color:#0c6b3d}.chip-dn{background:#fbeae6;color:#c0492c}.kpi-val{font-size:25px;font-weight:700;margin-top:12px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-unit{font-size:13px;font-weight:600;color:var(--mut)}.kpi-label{font-size:12px;color:var(--mut);margin-top:2px}.kpi-spark{height:32px;margin:8px -4px -2px}.spark-svg{width:100%;height:100%;display:block}.fab{position:fixed;bottom:20px;left:20px;z-index:20;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:13px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(150deg,#16a163,#0c6b3d);border:none;border-radius:30px;padding:13px 19px;box-shadow:0 12px 28px -8px #0c6b3da6;transition:.16s}.fab:hover{transform:translateY(-2px);filter:brightness(1.06)}.tile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.tile-grid-m{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:13px}.tile{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:15px}.tile-ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;margin-bottom:10px}.tile-val{font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile-label{font-size:11px;color:var(--mut);margin-top:3px;line-height:1.5}.grid>*,.grid-m>*,.kpi-grid>*,.kpi-grid-m>*,.tile-grid>*,.tile-grid-m>*{min-width:0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.grid-m{display:grid;grid-template-columns:1fr;gap:13px}.grid .col-12{grid-column:span 12}.grid .col-8{grid-column:span 8}.grid .col-7{grid-column:span 7}.grid .col-6{grid-column:span 6}.grid .col-5{grid-column:span 5}.grid .col-4{grid-column:span 4}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column}.card-head{margin-bottom:14px}.card-head h3{font-size:14.5px}.card-head p{font-size:11.5px;color:var(--mut);margin-top:3px}.chart-fill{flex:1}.tip{background:#16271f;color:#fff;border-radius:9px;padding:8px 11px;box-shadow:0 10px 24px -8px #0006}.tip-label{font-size:10.5px;opacity:.65}.tip-val{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.donut-wrap{position:relative}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.dc-num{font-size:22px;font-weight:700;letter-spacing:-.02em}.dc-lbl{font-size:10.5px;color:var(--mut)}.legend{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:12px}.legend li{display:flex;align-items:center;gap:8px;font-size:12px}.lg-dot{width:9px;height:9px;border-radius:3px;flex:none}.lg-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lg-val{margin-inline-start:auto;font-weight:600;font-variant-numeric:tabular-nums;flex:none}.lg-pct{color:var(--mut);font-size:11px;width:34px;text-align:left;flex:none}.rank{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:11px;min-height:236px}.rank-row{display:flex;flex-direction:column;gap:5px;min-width:0}.rank-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.rank-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rank-track{height:14px;background:var(--bg);border-radius:6px;overflow:hidden}.rank-fill{height:100%;border-radius:6px;min-width:6px}.rank-val{flex:none;font-size:12px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.mfr{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:6px;min-height:236px}.mfr-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;background:var(--bg)}.mfr-rank{width:24px;height:24px;flex:none;border-radius:7px;background:var(--card);display:grid;place-items:center;font-size:11.5px;font-weight:700;color:var(--brand)}.mfr-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.mfr-name{font-size:12.5px;font-weight:600;line-height:1.35}.mfr-track{height:6px;background:var(--card);border-radius:4px;overflow:hidden}.mfr-track i{display:block;height:100%;background:linear-gradient(90deg,#16a163,#0c6b3d);border-radius:4px}.mfr-meta{flex:none;display:flex;align-items:center;gap:8px}.mfr-meta strong{font-size:13px;font-variant-numeric:tabular-nums;width:34px;text-align:left}.mfr-pct{font-size:10.5px;font-weight:600;color:var(--brand);background:var(--soft);padding:2px 6px;border-radius:6px}.mfr-flag{font-size:10.5px;color:var(--mut);width:42px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ring-txt{font-size:14px;font-weight:700;fill:var(--ink);font-family:IBM Plex Sans Arabic,sans-serif}.batch-list{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:space-between}.batch{display:flex;align-items:center;gap:13px;padding:11px;border-radius:13px;background:var(--bg)}.batch-info{flex:1;min-width:0}.batch-label{font-size:13px;font-weight:600}.batch-stats{display:flex;gap:13px;margin-top:5px;flex-wrap:wrap}.batch-stats span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--mut)}.batch-stats i{width:7px;height:7px;border-radius:2px;flex:none}.batch-total{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;flex:none}.tbl{display:flex;flex-direction:column;font-size:12.5px}.tbl-cards{display:none}.tr{display:grid;align-items:center;gap:10px;padding:11px 10px;border-radius:9px}.tr.th{font-size:11px;color:var(--mut);font-weight:600;background:var(--bg)}.tr:not(.th){border-bottom:1px solid var(--grid)}.tr:not(.th):hover{background:var(--bg)}.tr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-m .tbl-rows{display:none}.grid-m .tbl-cards{display:flex;flex-direction:column;gap:9px}.tcard{background:var(--bg);border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;gap:7px}.tcard-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tcard-key{font-size:11px;color:var(--mut);flex:none}.tcard-val{font-size:12.5px;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:20px}.tag-g{background:#e7f4ec;color:#0c6b3d}.tag-b{background:#e5f0f6;color:#1f6e93}.tag-t{background:#e3f1ef;color:#0d7268}.cell-bar{display:flex;align-items:center;gap:8px;justify-content:flex-start;font-weight:600;font-variant-numeric:tabular-nums;overflow:visible}.cell-bar i{height:7px;border-radius:4px;background:linear-gradient(90deg,#16a163,#0c6b3d);min-width:8px;max-width:80px;flex:none}.qbadge{background:var(--soft);color:var(--brand);font-size:12px;padding:3px 9px;border-radius:7px;font-variant-numeric:tabular-nums}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mini{background:var(--bg);border-radius:13px;padding:13px 13px 4px;min-width:0}.mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mini-head span{font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-head strong{font-size:15px;font-variant-numeric:tabular-nums;flex:none}.map-panel{position:relative;flex:1;min-height:300px;border-radius:13px;overflow:hidden;background:radial-gradient(120% 110% at 70% 10%,#e7f4ec,#dfe7e0 60%,#d4ddd6)}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:34px 34px;opacity:.6}.live-badge{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:5px 11px;font-size:10.5px;font-weight:600;color:var(--brand)}.live-badge i{width:7px;height:7px;border-radius:50%;background:#16a163;box-shadow:0 0 #16a16380;animation:lp 1.8s infinite}@keyframes lp{0%{box-shadow:0 0 #16a16380}to{box-shadow:0 0 0 9px #16a16300}}.mk{position:absolute;transform:translate(-50%,-50%)}.mk-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:#0c6b3d;border:2.5px solid #fff;box-shadow:0 3px 8px -2px #0006}.mk-pulse{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:#16a163;animation:mp 2.4s infinite}@keyframes mp{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.mk-label{position:absolute;left:50%;top:14px;transform:translate(-50%);white-space:nowrap;background:var(--card);border:1px solid var(--line);border-radius:7px;padding:2px 7px;font-size:9.5px;font-weight:600;font-variant-numeric:tabular-nums}.mobile-stage{min-height:100dvh;background:var(--bg);position:relative;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.m-header{background:var(--card);padding:max(6px,env(safe-area-inset-top)) 14px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;transition:transform .25s cubic-bezier(.2,.7,.2,1);will-change:transform}.mobile-stage.chrome-hidden .m-header{transform:translateY(-100%)}.m-head-row{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.m-brand{display:flex;align-items:center;gap:10px;min-width:0}.m-brand strong{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-brand span{font-size:10px;color:var(--mut)}.m-bell{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--mut);display:grid;place-items:center;cursor:pointer;flex:none}.pill-scroll{display:flex;gap:7px;margin-top:11px;overflow-x:auto;padding:2px 4px 4px}.pill-scroll::-webkit-scrollbar{height:0}.page-pill{display:flex;align-items:center;gap:5px;white-space:nowrap;font-family:inherit;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:11px;font-weight:500;color:var(--mut);cursor:pointer;flex:none}.page-pill.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.m-scroll{padding:16px 14px 8px}.m-tabs{display:flex;background:var(--card);border-top:1px solid var(--line);padding:8px 6px max(22px,env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;z-index:10;transition:transform .25s cubic-bezier(.2,.7,.2,1);will-change:transform}.mobile-stage.chrome-hidden .m-tabs{transform:translateY(100%)}.m-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:10px;color:var(--mut);transition:.15s}.m-tab.active{color:var(--brand);font-weight:600}.rep-list{display:flex;flex-direction:column;gap:9px}.rep-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px}.rep-ico{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center}.rep-main{flex:1;min-width:0;display:flex;flex-direction:column}.rep-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rep-main span{font-size:11px;color:var(--mut)}.rep-n{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;flex:none}.rep-ch{color:var(--mut);flex:none}.m-search{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px;color:var(--mut);margin-bottom:14px}.m-search input{border:none;background:none;outline:none;font-family:inherit;font-size:13px;flex:1;min-width:0;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chip2{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:7px 13px;font-size:11.5px;color:var(--ink);cursor:pointer}.m-sec-title{font-size:12px;font-weight:600;color:var(--mut);margin-bottom:9px}.recent{display:flex;flex-direction:column}.rec-row{display:flex;align-items:center;gap:10px;padding:13px 6px;border-bottom:1px solid var(--grid);font-size:12.5px;color:var(--ink);cursor:pointer}.rec-row svg:last-child{margin-inline-start:auto;color:var(--mut)}.rec-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 16px;margin-bottom:13px}.pf-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(150deg,#16a163,#0c6b3d);color:#fff;display:grid;place-items:center;font-size:21px;font-weight:700;margin-bottom:6px}.profile strong{font-size:16px}.profile span{font-size:11.5px;color:var(--mut)}.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.pf-stats>div{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px 6px;text-align:center}.pf-stats strong{display:block;font-size:18px}.pf-stats span{font-size:10px;color:var(--mut)}.set-list{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.set-row{display:flex;align-items:center;gap:12px;padding:14px;font-size:12.5px;color:var(--ink);border-bottom:1px solid var(--grid);cursor:pointer}.set-row:last-child{border-bottom:none}.set-row span{flex:1}.set-row svg:last-child{color:var(--mut)}.set-row.danger{color:#c0492c}@media (max-width: 1080px){.grid .col-12,.grid .col-8,.grid .col-7,.grid .col-6,.grid .col-5,.grid .col-4{grid-column:span 12}.kpi-grid{grid-template-columns:1fr 1fr}.tile-grid{grid-template-columns:repeat(3,1fr)}.mini-grid{grid-template-columns:1fr 1fr}.sidebar,.search,.pill{display:none}.content{padding:18px 16px 36px}}@media (max-width: 560px){.kpi-grid,.tile-grid{grid-template-columns:1fr 1fr}}