:root{--brand-900: #032e2b;--brand-800: #064f4a;--brand-700: #087069;--brand-600: #0a8a81;--brand-500: #04a69d;--brand-400: #35bdb5;--brand-100: #d3f0ee;--brand-50: #ecf9f8;--bg: #f2f5f6;--surface: #ffffff;--surface-2: #f7f9fa;--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--border: #e3e9eb;--border-strong: #cdd6da;--success: #12855f;--success-bg: #e6f6ef;--warning: #b45309;--warning-bg: #fdf3e3;--danger: #c0281f;--danger-bg: #fdecea;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 6px 20px -8px rgba(15, 23, 42, .16);--shadow-lg: 0 24px 48px -24px rgba(4, 80, 76, .35);--ease: cubic-bezier(.22, .61, .36, 1);--font-ui: "Noto Sans Arabic", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Noto Kufi Arabic", "Noto Sans Arabic", system-ui, sans-serif;--sidebar-w: 276px;--topbar-h: 68px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:15px;line-height:1.65;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.4}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}::selection{background:var(--brand-100)}:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px;border-radius:6px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.main{min-width:0;display:flex;flex-direction:column}.content{padding:22px 28px 40px;display:flex;flex-direction:column;gap:20px}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);display:flex;align-items:center;gap:16px;padding:0 28px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--border)}.topbar__menu{display:none;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;color:var(--ink-2);background:var(--surface-2);transition:background .2s var(--ease)}.topbar__menu:hover{background:var(--brand-50);color:var(--brand-700)}.crumbs{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13.5px}.crumbs b{color:var(--ink);font-weight:600}.crumbs svg{opacity:.55}.topbar__spacer{flex:1}.icon-btn{position:relative;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);transition:transform .2s var(--ease),box-shadow .2s var(--ease),color .2s}.icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:var(--brand-700)}.icon-btn__dot{position:absolute;top:9px;left:10px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px #fff}.userchip{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.userchip:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.userchip__meta{display:flex;flex-direction:column;line-height:1.25}.userchip__name{font-size:13px;font-weight:600}.userchip__role{font-size:11.5px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:13px;font-weight:700;color:#fff;background:linear-gradient(140deg,var(--brand-600),var(--brand-800));flex:none}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 16px;gap:16px;color:#eafaf8;background:radial-gradient(120% 60% at 100% 0%,rgba(255,255,255,.16),transparent 60%),linear-gradient(180deg,var(--brand-800) 0%,var(--brand-900) 100%);overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:2px 6px 6px}.brand__mark{width:44px;height:44px;border-radius:13px;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,var(--brand-400),var(--brand-600));box-shadow:inset 0 1px #fff6,var(--shadow)}.brand__name{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff}.brand__sub{font-size:11.5px;color:#eafaf8a8}.pagechip{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:var(--radius);background:#ffffff1a;border:1px solid rgba(255,255,255,.16);transition:background .25s var(--ease)}.pagechip:hover{background:#ffffff29}.pagechip__label{font-size:11px;color:#eafaf8b3}.pagechip__value{font-family:var(--font-display);font-size:14px;font-weight:600;color:#fff}.nav{display:flex;flex-direction:column;gap:3px}.nav__title{font-size:11px;letter-spacing:.04em;color:#eafaf88c;padding:8px 12px 4px}.nav__item{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:11px;font-size:14px;color:#eafaf8db;transition:background .22s var(--ease),color .22s var(--ease),transform .22s var(--ease)}.nav__item svg{flex:none;opacity:.9}.nav__item:hover{background:#ffffff1a;color:#fff;transform:translate(-3px)}.nav__item.is-active{background:#fff;color:var(--brand-800);font-weight:600;box-shadow:var(--shadow)}.nav__item.is-active svg{opacity:1;color:var(--brand-600)}.nav__item.is-active:before{content:"";position:absolute;inset-inline-start:-16px;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--brand-400)}.nav__item--danger{color:#ffd7d3}.nav__item--danger:hover{background:#c0281f47;color:#fff}.sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sideuser{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.sideuser__name{font-size:13.5px;font-weight:600;color:#fff}.sideuser__role{font-size:11.5px;color:#eafaf8ad}.pagehead{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;animation:fadeUp .5s var(--ease) both}.pagehead__title{font-size:clamp(22px,2.4vw,30px);color:var(--ink)}.pagehead__desc{color:var(--muted);font-size:14px;max-width:62ch;margin-top:4px}.pagehead__actions{display:flex;gap:10px;margin-inline-start:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;font-size:14px;font-weight:600;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s,color .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{color:#fff;background:linear-gradient(140deg,var(--brand-600),var(--brand-700));box-shadow:0 10px 22px -12px #087069d9}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 28px -14px #087069e6}.btn--ghost{color:var(--ink-2);background:var(--surface);border:1px solid var(--border-strong)}.btn--ghost:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow);color:var(--brand-700)}.btn--soft{color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100)}.btn--soft:hover:not(:disabled){transform:translateY(-2px);background:var(--brand-100)}.btn--block{width:100%}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{position:relative;overflow:hidden;padding:16px 16px 14px;border-radius:var(--radius);background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-sm);animation:fadeUp .55s var(--ease) both;transition:transform .24s var(--ease),box-shadow .24s var(--ease)}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.kpi__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi__label{font-size:12.5px;color:var(--muted)}.kpi__icon{width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100)}.kpi__value{font-family:var(--font-display);font-size:clamp(22px,2.2vw,27px);font-weight:700;margin-top:6px}.kpi__foot{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:2px}.trend{display:inline-flex;align-items:center;gap:3px;font-weight:600}.trend--up{color:var(--success)}.trend--down{color:var(--danger)}.kpi__hint{color:var(--muted)}.card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);animation:fadeUp .6s var(--ease) both}.card__head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.card__title{font-size:16px}.card__sub{font-size:12.5px;color:var(--muted)}.card__head .spacer{flex:1}.card__body{padding:18px 20px 20px}.toolbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:16px 20px;border-radius:var(--radius-lg);background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-sm);animation:fadeUp .5s var(--ease) both}.toolbar .field{min-width:190px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field__hint{font-size:11.5px;color:var(--muted)}.field__error{font-size:11.5px;color:var(--danger);display:flex;align-items:center;gap:4px}.control{width:100%;padding:11px 13px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border);transition:border-color .2s var(--ease),background .2s,box-shadow .2s}.control:hover{border-color:var(--border-strong)}.control:focus{outline:none;background:#fff;border-color:var(--brand-500);box-shadow:0 0 0 4px var(--brand-50)}.control--invalid{border-color:var(--danger);background:var(--danger-bg)}textarea.control{resize:vertical;min-height:96px;line-height:1.7}select.control{-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:left 16px center,left 11px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-left:32px}.search{position:relative}.search svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search .control{padding-inline-start:38px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th,table.data td{text-align:right;padding:12px 14px;white-space:nowrap}table.data thead th{position:sticky;top:0;font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border)}table.data tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .18s var(--ease),box-shadow .18s var(--ease)}table.data tbody tr:last-child{border-bottom:0}table.data tbody tr:hover{background:var(--brand-50)}table.data tbody tr.is-selected{background:var(--brand-50);box-shadow:inset 3px 0 0 var(--brand-500)}.cell-name{display:flex;align-items:center;gap:10px;font-weight:600}.avatar--sm{width:30px;height:30px;font-size:11.5px;background:linear-gradient(140deg,var(--brand-500),var(--brand-700))}.avatar--soft{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-100)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.badge--ok{color:var(--success);background:var(--success-bg)}.badge--wait{color:var(--warning);background:var(--warning-bg)}.badge--low{color:var(--danger);background:var(--danger-bg)}.badge--brand{color:var(--brand-700);background:var(--brand-50)}.score{font-family:var(--font-display);font-weight:600}.score__bar{height:5px;width:62px;border-radius:99px;background:var(--border);overflow:hidden;margin-top:5px}.score__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand-500),var(--brand-700));transition:width .6s var(--ease)}.state{padding:44px 20px;text-align:center;color:var(--muted)}.empty__icon{width:54px;height:54px;border-radius:16px;margin:0 auto 12px;display:grid;place-items:center;color:var(--brand-700);background:var(--brand-50)}.sk{border-radius:8px;background:linear-gradient(90deg,#eef1f2,#f7f9fa,#eef1f2);background-size:200% 100%;animation:sk 1.2s linear infinite}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .span-2{grid-column:1 / -1}.entry{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;background:var(--brand-50);border:1px solid var(--brand-100)}.entry__name{font-weight:600;font-size:13.5px;color:var(--brand-800)}.entry__meta{font-size:11.5px;color:var(--brand-700)}.totalbox{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius);background:var(--surface-2);border:1px dashed var(--border-strong)}.ring{position:relative;width:74px;height:74px;flex:none}.ring svg{transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:8;stroke-linecap:round}.ring__bg{stroke:var(--border)}.ring__fg{stroke:url(#ringGrad);transition:stroke-dashoffset .7s var(--ease)}.ring__val{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--brand-800)}.totalbox__label{font-size:12.5px;color:var(--muted)}.totalbox__num{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--brand-800)}.actions{display:flex;gap:10px;margin-top:18px}.actions .btn{flex:1}.toasts{position:fixed;inset-block-end:22px;inset-inline-start:22px;z-index:90;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:flex-start;gap:11px;min-width:290px;max-width:360px;padding:14px 16px;border-radius:var(--radius);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:fadeUp .35s var(--ease) both}.toast__icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}.toast--ok .toast__icon{color:var(--success);background:var(--success-bg)}.toast--err .toast__icon{color:var(--danger);background:var(--danger-bg)}.toast__title{font-size:13.5px;font-weight:600}.toast__msg{font-size:12.5px;color:var(--muted)}.toast__close{color:var(--muted);margin-inline-start:auto}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#032e2b80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0}@media (max-width: 1180px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset-block:0;inset-inline-end:0;width:var(--sidebar-w);max-width:86vw;z-index:60;transform:translate(-100%);transition:transform .32s var(--ease);box-shadow:var(--shadow-lg)}html[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.is-open{transform:translate(0)!important}.topbar__menu{display:inline-flex}.content{padding:18px 16px 34px}.topbar{padding:0 16px}}@media (max-width: 880px){.workspace{grid-template-columns:minmax(0,1fr)}.pagehead__actions{margin-inline-start:0;width:100%}}@media (max-width: 620px){.kpis,.form-grid{grid-template-columns:minmax(0,1fr)}.crumbs,.userchip__meta{display:none}.toolbar .field{min-width:100%}.toasts{inset-inline:14px}.toast{min-width:0;max-width:none}}