:root{--bg: #F8FAFC;--bg-grad: radial-gradient(ellipse 80% 55% at 85% -10%, rgba(5,150,105,.1), transparent 60%);--surface: #FFFFFF;--surface-2: #F2F3F4;--surface-3: #E9EDF2;--border: #E6E8EA;--border-strong: #CBD5E1;--text: #0F172A;--text-2: #475569;--muted: #64748B;--primary: #334155;--accent: #059669;--accent-2: #10B981;--accent-soft: rgba(5,150,105,.1);--accent-ring: rgba(5,150,105,.22);--danger: #DC2626;--danger-soft: rgba(220,38,38,.1);--warn: #B45309;--warn-soft: rgba(217,119,6,.12);--info: #0284C7;--info-soft: rgba(2,132,199,.1);--brand: var(--accent);--brand-soft: var(--accent-soft);--r-xs: 6px;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 20px;--sh-1: 0 1px 2px rgba(15,23,42,.05);--sh-2: 0 2px 8px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--sh-3: 0 12px 32px rgba(15,23,42,.1);--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--sidebar-w: 256px;--ease: cubic-bezier(.16,1,.3,1)}[data-theme=dark]{--bg: #0B0F1A;--bg-grad: radial-gradient(ellipse 80% 55% at 85% -10%, rgba(16,185,129,.14), transparent 60%);--surface: #121826;--surface-2: #182033;--surface-3: #1F293E;--border: #232C41;--border-strong: #33405C;--text: #EAEFF7;--text-2: #A8B3C7;--muted: #7C8798;--primary: #334155;--accent: #10B981;--accent-2: #34D399;--accent-soft: rgba(16,185,129,.14);--accent-ring: rgba(16,185,129,.3);--danger: #F87171;--danger-soft: rgba(248,113,113,.14);--warn: #FBBF24;--warn-soft: rgba(251,191,36,.14);--info: #38BDF8;--info-soft: rgba(56,189,248,.14);--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 2px 10px rgba(0,0,0,.45);--sh-3: 0 16px 40px rgba(0,0,0,.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:IBM Plex Sans Arabic,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);line-height:1.65;min-height:100dvh;-webkit-font-smoothing:antialiased;transition:background-color .25s var(--ease),color .25s var(--ease)}h1,h2,h3,h4{line-height:1.3;letter-spacing:-.01em;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul{list-style:none}.num{font-family:Fira Code,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid var(--bg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;z-index:30;display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 1rem;background:var(--surface);border-inline-start:1px solid var(--border);overflow-y:auto}.brand{display:flex;align-items:center;gap:.7rem;padding:.25rem .4rem 0}.brand-mark{width:40px;height:40px;flex:0 0 40px;border-radius:var(--r);display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--brand),color-mix(in srgb,var(--brand) 60%,#0f172a));box-shadow:0 6px 18px var(--accent-ring)}.brand-name{font-size:1.06rem;font-weight:700;letter-spacing:-.02em}.brand-sub{font-size:.68rem;color:var(--muted);letter-spacing:.04em}.nav-group{display:flex;flex-direction:column;gap:.2rem}.nav-label{font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.6rem .6rem .3rem}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:var(--r-sm);min-height:44px;color:var(--text-2);font-size:.9rem;font-weight:500;width:100%;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.nav-item:hover{background:var(--surface-2);color:var(--text);transform:translate(-2px)}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-item.active .nav-ico{color:var(--brand)}.nav-ico{display:grid;place-items:center;flex:0 0 auto}.nav-count{margin-inline-start:auto;font-size:.72rem;font-weight:600;background:var(--surface-3);color:var(--text-2);padding:.1rem .45rem;border-radius:99px;min-width:22px;text-align:center}.nav-item.active .nav-count{background:var(--brand);color:#fff}.sidebar-foot{margin-top:auto;padding:.85rem;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border)}.sidebar-foot h4{font-size:.82rem;margin-bottom:.35rem}.sidebar-foot p{font-size:.74rem;color:var(--muted);line-height:1.55}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;padding:.7rem 1.5rem;min-height:64px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border)}.topbar h2{font-size:1.05rem;font-weight:650}.topbar-crumb{font-size:.72rem;color:var(--muted)}.topbar-spacer{flex:1}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--text-2);border:1px solid transparent;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.icon-btn.badge-dot{position:relative}.icon-btn.badge-dot:after{content:"";position:absolute;top:8px;inset-inline-end:8px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--surface)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;color:#fff;flex:0 0 38px;background:linear-gradient(140deg,#334155,#475569)}.avatar.sm{width:30px;height:30px;flex-basis:30px;font-size:.68rem}.user-chip{display:flex;align-items:center;gap:.55rem}.user-chip .who{line-height:1.25}.user-chip .who b{display:block;font-size:.82rem}.user-chip .who span{font-size:.7rem;color:var(--muted)}.page{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-width:1560px;width:100%}.page-head{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.page-head .title{font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:700;letter-spacing:-.02em}.page-head .sub{font-size:.84rem;color:var(--muted)}.page-head .actions{margin-inline-start:auto;display:flex;gap:.5rem;flex-wrap:wrap}.grid{display:grid;gap:1rem}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-2{grid-template-columns:1fr 1fr}.grid-3-1{grid-template-columns:1.6fr 1fr}.grid-1-1-1{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:1.15rem 1.25rem;min-width:0;transition:box-shadow .22s var(--ease),transform .22s var(--ease),border-color .22s var(--ease)}.card.hoverable:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:var(--border-strong)}.card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}.card-head h3{font-size:.95rem;font-weight:650}.card-head .sub{font-size:.74rem;color:var(--muted)}.card-head .end{margin-inline-start:auto;display:flex;gap:.4rem;align-items:center}.kpi{display:flex;flex-direction:column;gap:.45rem}.kpi-top{display:flex;align-items:center;gap:.6rem}.kpi-label{font-size:.78rem;color:var(--muted);font-weight:500}.kpi-ico{margin-inline-start:auto;width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.kpi-ico.blue{background:var(--info-soft);color:var(--info)}.kpi-ico.amber{background:var(--warn-soft);color:var(--warn)}.kpi-ico.red{background:var(--danger-soft);color:var(--danger)}.kpi-value{font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:700;letter-spacing:-.02em}.kpi-foot{display:flex;align-items:center;gap:.45rem;font-size:.76rem;color:var(--muted)}.delta{display:inline-flex;align-items:center;gap:.22rem;font-weight:600;font-size:.76rem}.delta.up{color:var(--accent)}.delta.down{color:var(--danger)}.delta.flat{color:var(--muted)}.spark{height:34px;margin-top:.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.58rem 1.05rem;min-height:42px;border-radius:var(--r-sm);font-size:.86rem;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 14px var(--accent-ring)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px var(--accent-ring)}.btn-ghost{border-color:var(--border-strong);color:var(--text-2);background:var(--surface)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-2);border-color:var(--text-2)}.btn-subtle{color:var(--text-2)}.btn-subtle:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{min-height:34px;padding:.32rem .7rem;font-size:.79rem}.seg{display:inline-flex;gap:.15rem;padding:.2rem;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--r-sm)}.seg button{padding:.34rem .75rem;border-radius:var(--r-xs);font-size:.78rem;font-weight:600;color:var(--muted);min-height:32px;transition:all .16s var(--ease)}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface);color:var(--brand);box-shadow:var(--sh-1)}.badge{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;font-size:.73rem;font-weight:600;padding:.16rem .55rem;border-radius:99px;background:var(--surface-3);color:var(--text-2)}.badge.ok{background:var(--accent-soft);color:var(--accent)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.table-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--border);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.84rem}thead th{position:sticky;top:0;z-index:2;text-align:start;white-space:nowrap;padding:.7rem .85rem;font-size:.74rem;font-weight:600;letter-spacing:.02em;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border)}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--text)}tbody td{padding:.68rem .85rem;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr{transition:background .15s var(--ease)}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}td.actions{text-align:end;white-space:nowrap}.cell-strong{font-weight:600}.cell-sub{font-size:.74rem;color:var(--muted)}.mono-id{font-family:Fira Code,ui-monospace,monospace;font-size:.78rem;color:var(--muted)}.form-grid{display:grid;gap:.85rem}.form-grid.cols-2{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:.32rem}.field>span{font-size:.76rem;font-weight:600;color:var(--text-2)}.field .hint{font-size:.72rem;color:var(--muted);font-weight:400}input,select,textarea{width:100%;padding:.58rem .8rem;min-height:42px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:.88rem;outline:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}input:hover,select:hover,textarea:hover{border-color:var(--text-2)}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-ring)}input.err,select.err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.err-msg{font-size:.74rem;color:var(--danger);display:flex;align-items:center;gap:.25rem}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-inline-end:2rem}.search{position:relative;flex:1;min-width:180px}.search input{padding-inline-start:2.4rem}.search .ico{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.toolbar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;padding:1rem;display:flex;align-items:center;justify-content:center;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s var(--ease)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-3);width:100%;max-width:560px;max-height:90dvh;overflow-y:auto;animation:pop .26s var(--ease)}.modal.wide{max-width:760px}.modal-head{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.35rem;border-bottom:1px solid var(--border)}.modal-head h3{font-size:1rem;font-weight:650}.modal-head .end{margin-inline-start:auto}.modal-body{padding:1.35rem}.modal-foot{display:flex;gap:.5rem;justify-content:flex-start;padding:1rem 1.35rem;border-top:1px solid var(--border);background:var(--surface-2)}.toast-wrap{position:fixed;bottom:1.25rem;inset-inline-start:1.25rem;z-index:90;display:flex;flex-direction:column;gap:.5rem;max-width:min(92vw,380px)}.toast{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-3);font-size:.85rem;animation:slideIn .3s var(--ease)}.toast.success{border-inline-start:3px solid var(--accent)}.toast.error{border-inline-start:3px solid var(--danger)}.toast.info{border-inline-start:3px solid var(--info)}.toast b{display:block;font-size:.84rem}.toast p{font-size:.78rem;color:var(--muted)}.empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.6rem 1rem;text-align:center}.empty-ico{width:52px;height:52px;border-radius:var(--r);display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.empty h4{font-size:.95rem}.empty p{font-size:.82rem;color:var(--muted);max-width:340px}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--r-sm)}.skel.line{height:12px}.skel.block{height:96px}.bar{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:var(--brand);transition:width .5s var(--ease)}.bar.low>i{background:var(--warn)}.bar.out>i{background:var(--danger)}.legend{display:flex;flex-direction:column;gap:.5rem}.legend-row{display:flex;align-items:center;gap:.55rem;font-size:.82rem}.legend-dot{width:9px;height:9px;border-radius:3px;flex:0 0 9px}.legend-row .val{margin-inline-start:auto;font-weight:600}.stat-list{display:flex;flex-direction:column;gap:.1rem}.stat-row{display:flex;align-items:center;gap:.7rem;padding:.6rem .2rem;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.stat-rank{width:22px;text-align:center;font-size:.74rem;font-weight:700;color:var(--muted)}.stat-row .name{font-size:.84rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-row .meta{font-size:.72rem;color:var(--muted)}.stat-row .amt{margin-inline-start:auto;font-size:.84rem;font-weight:600}.split{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.notice{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem 1rem;border-radius:var(--r);background:var(--info-soft);color:var(--text-2);border:1px solid var(--border);font-size:.82rem}.notice.warn{background:var(--warn-soft)}.notice svg{flex:0 0 auto;margin-top:2px}.readonly{opacity:.75}.tag-swatch{width:14px;height:14px;border-radius:4px;display:inline-block;vertical-align:-2px}.hidden-mobile{display:initial}.mob-only{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .42s var(--ease) both}.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.recharts-default-tooltip{border-radius:var(--r-sm)!important}.recharts-surface{overflow:visible}@media (max-width: 1180px){.grid-3-1,.grid-2{grid-template-columns:1fr}}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(82vw,300px);transform:translate(-104%);transition:transform .3s var(--ease);border-inline-start:none;border-inline-end:1px solid var(--border);box-shadow:var(--sh-3)}html[dir=rtl] .sidebar{transform:translate(104%)}.sidebar.open{transform:none!important}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:25;animation:fade .2s var(--ease)}.hidden-mobile{display:none}.mob-only{display:grid}.page{padding:1.1rem .9rem 2.5rem}.topbar{padding:.6rem .9rem}}@media (max-width: 640px){.form-grid.cols-2{grid-template-columns:1fr}.page-head .actions{width:100%}.page-head .actions .btn{flex:1}.grid-kpi{grid-template-columns:1fr}.kpi-value{font-size:1.4rem}.user-chip .who{display:none}.seg{width:100%}.seg button{flex:1}}@media (min-width: 901px){.scrim{display:none}}@media print{.sidebar,.topbar,.page-head .actions,.icon-btn{display:none!important}.app{grid-template-columns:1fr}.card{box-shadow:none;break-inside:avoid}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}