:root{--primitive-bg-950:oklch(16% .02 260);--primitive-bg-900:oklch(20% .024 260);--primitive-bg-800:oklch(24% .028 260);--primitive-bg-700:oklch(28% .03 260);--primitive-border:oklch(34% .03 260);--primitive-text-100:oklch(94% .01 260);--primitive-text-300:oklch(78% .015 260);--primitive-text-500:oklch(64% .02 260);--primitive-cyan:oklch(82% .13 195);--primitive-blue:oklch(68% .15 255);--primitive-violet:oklch(66% .16 295);--primitive-success:oklch(76% .12 150);--primitive-warning:oklch(82% .13 85);--primitive-danger:oklch(70% .16 25);--font-sans:"IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--row-compact:32px;--row-cozy:40px;--row-comfortable:52px;--topbar-h:60px;--sidebar-w:240px;--sidebar-collapsed-w:64px}[data-theme=dark]{--color-bg:var(--primitive-bg-950);--color-surface-1:var(--primitive-bg-900);--color-surface-2:var(--primitive-bg-800);--color-surface-3:var(--primitive-bg-700);--color-border:var(--primitive-border);--color-text:var(--primitive-text-100);--color-text-secondary:var(--primitive-text-300);--color-text-muted:var(--primitive-text-500);--color-accent:var(--primitive-cyan);--color-accent-strong:var(--primitive-blue);--color-accent-secondary:var(--primitive-violet);--color-success:var(--primitive-success);--color-warning:var(--primitive-warning);--color-danger:var(--primitive-danger);--color-on-accent:var(--primitive-bg-950);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--color-bg:oklch(98% .009 260);--color-surface-1:oklch(100% 0 0);--color-surface-2:oklch(95% .012 260);--color-surface-3:oklch(91% .016 260);--color-border:oklch(85% .018 260);--color-text:oklch(24% .035 260);--color-text-secondary:oklch(38% .025 260);--color-text-muted:oklch(52% .02 260);--color-accent:oklch(52% .13 195);--color-accent-strong:oklch(48% .15 255);--color-success:oklch(55% .13 150);--color-warning:oklch(62% .14 85);--color-danger:oklch(55% .16 25);--color-on-accent:oklch(100% 0 0);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-density=compact]{--row-h:var(--row-compact)}[data-density=cozy]{--row-h:var(--row-cozy)}[data-density=comfortable]{--row-h:var(--row-comfortable)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4,p{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.2}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select{font:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.num{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}.app-shell{grid-template-rows:var(--topbar-h) 1fr;min-height:100%;display:grid}.app-body{grid-template-columns:var(--sidebar-w) 1fr;min-height:0;display:grid}.topbar{z-index:20;align-items:center;gap:var(--space-4);padding-inline:var(--space-4);background:var(--color-surface-1);border-block-end:1px solid var(--color-border);display:flex;position:sticky;inset-block-start:0}.topbar__brand{color:var(--color-accent);font-size:16px;font-weight:700}.topbar__spacer{flex:1}.topbar__user{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.sidebar{padding:var(--space-4) var(--space-2);background:var(--color-surface-1);border-inline-end:1px solid var(--color-border)}.sidebar__group{margin-block-end:var(--space-4)}.sidebar__group-title{padding-inline:var(--space-3);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-block-end:var(--space-1);font-size:11px}.sidebar__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:block}.sidebar__link:hover{background:var(--color-surface-2);color:var(--color-text)}.sidebar__link.is-active{background:color-mix(in oklab, var(--color-accent) 16%, transparent);color:var(--color-accent)}.main{min-width:0;padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.panel{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);min-width:0}.panel__head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-end:var(--space-3);display:flex}.panel__title{color:var(--color-text-secondary);font-size:13px;font-weight:600}.muted{color:var(--color-text-muted)}.page-title{font-size:22px;font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:34px;padding-inline:var(--space-4);border-radius:var(--radius-sm);color:var(--color-text);background:0 0;border:1px solid #0000;transition:background .24s ease-out,transform .12s ease-out;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.btn--primary:hover{background:var(--color-accent-strong)}.btn--ghost{border-color:var(--color-border);color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:oklch(100% 0 0)}.btn--sm{height:28px;padding-inline:var(--space-3)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{gap:var(--space-1);flex-direction:column;margin-block-end:var(--space-3);display:flex}.field label{color:var(--color-text-secondary);font-size:13px}.field input{height:40px;padding-inline:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text)}.field input::placeholder{color:var(--color-text-muted)}.field__error{color:var(--color-danger);font-size:12px}.status-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:12px;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-badge--success{background:color-mix(in oklab, var(--color-success) 18%, transparent);color:var(--color-success)}.status-badge--warning{background:color-mix(in oklab, var(--color-warning) 18%, transparent);color:var(--color-warning)}.status-badge--danger{background:color-mix(in oklab, var(--color-danger) 18%, transparent);color:var(--color-danger)}.status-badge--info{background:color-mix(in oklab, var(--color-accent) 18%, transparent);color:var(--color-accent)}.kpi-strip{gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}@media (width<=1200px){.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi-card{text-align:start;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);padding-block-start:var(--space-4);display:block;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--color-accent);height:3px;position:absolute;inset-block-start:0;inset-inline:0}.kpi-card--danger:before{background:var(--color-danger)}.kpi-card--warning:before{background:var(--color-warning)}.kpi-card--success:before{background:var(--color-success)}.kpi-card--neutral:before{background:var(--color-text-muted)}.kpi-card__label{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:12px;display:flex}.kpi-card__value{font-family:var(--font-mono);color:var(--color-text);margin-block-start:var(--space-1);font-size:28px;line-height:1.2}.kpi-card__trend{color:var(--color-text-muted);margin-block-start:var(--space-1);font-size:12px}.kpi-card:hover{border-color:color-mix(in oklab, var(--color-accent) 45%, var(--color-border))}.alert-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:color-mix(in oklab, var(--color-danger) 14%, var(--color-surface-1));border:1px solid color-mix(in oklab, var(--color-danger) 40%, transparent);color:var(--color-danger);display:flex}.alert-bar__dot{background:var(--color-danger);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.alert-bar__close{color:inherit;background:0 0;border:none;margin-inline-start:auto;font-size:16px;line-height:1}.dash-grid{gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.dash-main{gap:var(--space-4);flex-direction:column;grid-column:span 8;min-width:0;display:flex}.dash-rail{gap:var(--space-4);flex-direction:column;grid-column:span 4;min-width:0;display:flex}.dash-full{grid-column:span 12}.dash-duo{gap:var(--space-4);grid-template-columns:1fr 1fr;min-width:0;display:grid}@media (width<=720px){.dash-duo{grid-template-columns:1fr}}@media (width<=1024px){.app-body{grid-template-columns:1fr}.sidebar{display:none}.dash-main,.dash-rail{grid-column:span 12}}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:start;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-2);border-block-end:1px solid var(--color-border);background:var(--color-surface-1);font-size:11px;position:sticky;inset-block-start:0}.table td{padding:var(--space-2);height:var(--row-h);border-block-end:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap}.table tbody tr:hover td{background:var(--color-surface-2)}.feed{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feed li{gap:var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--color-border);display:flex}.feed li:last-child{border-block-end:none}.feed__icon{background:var(--color-surface-2);block-size:28px;inline-size:28px;color:var(--color-accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.feed__title{color:var(--color-text);font-size:13px}.feed__meta{color:var(--color-text-muted);font-size:12px}.donut{align-items:center;gap:var(--space-4);display:flex}.donut__ring{border-radius:50%;flex:none;block-size:132px;inline-size:132px;position:relative}.donut__ring:after{content:"";background:var(--color-surface-1);border-radius:50%;position:absolute;inset:26px}.donut__center{z-index:1;font-family:var(--font-mono);color:var(--color-text);place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.donut__legend{gap:var(--space-1);color:var(--color-text-secondary);flex-direction:column;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.donut__legend li{align-items:center;gap:var(--space-2);display:flex}.donut__swatch{border-radius:3px;block-size:10px;inline-size:10px}.trend{block-size:180px;inline-size:100%;display:block}.trend__legend{gap:var(--space-4);color:var(--color-text-muted);margin-block-start:var(--space-2);font-size:12px;display:flex}.trend__legend span{align-items:center;gap:var(--space-1);display:inline-flex}.trend__legend i{border-radius:2px;block-size:3px;inline-size:12px}.queue{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.queue__card{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;display:flex}.state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.state__title{color:var(--color-text-secondary);font-weight:600}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-2) 25%, var(--color-surface-3) 50%, var(--color-surface-2) 75%);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.login{min-height:100%;padding:var(--space-4);place-items:center;display:grid}.login__card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);inline-size:min(400px,100%);padding:var(--space-8) var(--space-6)}.login__brand{color:var(--color-accent);margin-block-end:var(--space-1);font-size:20px;font-weight:700}.login__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.lang-toggle{font-variant:small-caps;min-inline-size:2.75rem}.login__hint{color:var(--color-text-muted);margin-block-start:var(--space-4);font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.crud-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.filter-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.filter-bar__search{inline-size:min(280px,100%)}.filter-bar__select{align-items:center;gap:var(--space-2);font-size:12px;display:inline-flex}.table__sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.table__sort.is-active{color:var(--color-accent)}.table__row--clickable{cursor:pointer}.table__row--clickable:hover td{background:var(--color-surface-2)}.table-skeleton{gap:var(--space-2);flex-direction:column;display:flex}.pagination{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-4);font-size:12px;display:flex}.pagination__size{align-items:center;gap:var(--space-2);display:inline-flex}.pagination__nav{gap:var(--space-2);margin-inline-start:auto;display:inline-flex}.drawer-backdrop{background:color-mix(in srgb, var(--color-bg) 60%, transparent);z-index:40;position:fixed;inset:0}.drawer{background:var(--color-surface-1);border-inline-start:1px solid var(--color-border);z-index:41;flex-direction:column;inline-size:min(480px,100%);display:flex;position:fixed;inset-block:0;inset-inline-end:0}.drawer__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-block-end:1px solid var(--color-border);display:flex}.drawer__title{font-size:16px;font-weight:700}.drawer__tabs{gap:var(--space-2);padding:var(--space-3) var(--space-6) 0;display:flex}.drawer__tab{color:var(--color-text-muted);font:inherit;cursor:pointer;padding:var(--space-2) var(--space-3);background:0 0;border:0;border-block-end:2px solid #0000}.drawer__tab.is-active{color:var(--color-text);border-block-end-color:var(--color-accent)}.drawer__body{padding:var(--space-6);flex:1;overflow:auto}.drawer__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-block-start:1px solid var(--color-border);display:flex}.crud-form{gap:var(--space-4);flex-direction:column;display:flex}.crud-form__banner{margin:0}.field--checkbox{align-items:center;gap:var(--space-3);flex-direction:row}.field--checkbox label{order:2}.field__pair{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.field__sub{gap:var(--space-1);flex-direction:column;font-size:12px;display:flex}.field__help{font-size:12px}.details{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.details__row{gap:var(--space-3);border-block-end:1px dashed var(--color-border);grid-template-columns:minmax(120px,40%) 1fr;padding-block-end:var(--space-3);display:grid}.details__row dt{color:var(--color-text-muted);font-size:12px}.details__row dd{white-space:pre-wrap;word-break:break-word;margin:0}.ref-input{position:relative}.ref-input__control{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);inline-size:100%;color:var(--color-text);font:inherit;padding:6px var(--space-3);cursor:pointer;display:flex}.ref-input__menu{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:5;max-block-size:260px;padding:var(--space-2);flex-direction:column;gap:2px;display:flex;position:absolute;inset-block-start:calc(100% + 4px);inset-inline:0;overflow:auto;box-shadow:0 8px 24px #00000059}.ref-input__menu input{margin-block-end:var(--space-2)}.ref-input__option{color:var(--color-text);font:inherit;text-align:start;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0}.ref-input__option:hover,.ref-input__option.is-active{background:var(--color-surface-2)}.ref-input__hint{color:var(--color-text-muted);padding:var(--space-2);font-size:12px}.modal-backdrop{background:color-mix(in srgb, var(--color-bg) 60%, transparent);z-index:60;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);inline-size:min(420px, calc(100vw - var(--space-8)));gap:var(--space-4);flex-direction:column;display:flex}.modal__title{margin:0;font-size:16px;font-weight:700}.modal__body{color:var(--color-text-secondary);margin:0;font-size:13px}.modal__actions{justify-content:flex-end;gap:var(--space-3);display:flex}.toaster{gap:var(--space-2);z-index:80;flex-direction:column;display:flex;position:fixed;inset-block-end:var(--space-6);inset-inline-start:var(--space-6)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-1);font-size:13px;animation:.16s ease-out toast-in;box-shadow:0 8px 24px #00000059}.toast--success{border-color:var(--color-success)}.toast--error{border-color:var(--color-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}