:root{--primary: #4F46E5;--primary-hover: #4338CA;--primary-soft: #EEF2FF;--primary-300: #A5B4FC;--primary-400: #818CF8;--accent: #10B981;--accent-soft: #ECFDF5;--accent-ink: #047857;--cyan: #06B6D4;--amber: #F59E0B;--amber-soft: #FFFBEB;--amber-ink: #B45309;--danger: #EF4444;--danger-soft: #FEF2F2;--danger-ink: #B91C1C;--bg: #F8FAFC;--surface: #FFFFFF;--surface-2: #FBFCFD;--border: #E2E8F0;--border-soft: #EEF2F6;--ink: #0F172A;--ink-2: #334155;--muted: #64748B;--muted-2: #94A3B8;--side-bg: #FFFFFF;--side-ink: #475569;--side-ink-active:#4F46E5;--side-active-bg: #EEF2FF;--side-border: #E2E8F0;--side-label: #94A3B8;--font-display: "Outfit", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body: "Inter", "IBM Plex Sans Arabic", system-ui, sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1);--sidebar-w: 260px;--topbar-h: 72px}html[data-sidebar=dark]{--side-bg: #0F172A;--side-ink: #94A3B8;--side-ink-active:#FFFFFF;--side-active-bg: #4F46E5;--side-border: #1E293B;--side-label: #64748B}html[dir=rtl]{--font-display: "IBM Plex Sans Arabic", "Outfit", system-ui, sans-serif;--font-body: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);margin:0;color:var(--ink);letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#dbe2ea;border-radius:8px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#c4ceda}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.grow{flex:1}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:13px}.center{align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.text-start{text-align:start}.hide-sm{display:initial}@media (max-width: 640px){.hide-sm{display:none}}.app{display:flex;min-height:100vh}.side{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--side-bg);border-inline-end:1px solid var(--side-border);display:flex;flex-direction:column;position:fixed;inset-block:0;inset-inline-start:0;z-index:60;transition:transform .24s ease}.side__brand{display:flex;align-items:center;gap:12px;padding:20px 20px 18px;border-bottom:1px solid var(--side-border);min-height:var(--topbar-h)}.side__logo{width:38px;height:38px;border-radius:11px;flex:none}.side__name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--side-ink-active);line-height:1.15}html[data-sidebar=dark] .side__name{color:#fff}.side__sub{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--side-label);font-weight:600}.side__nav{flex:1;overflow-y:auto;padding:16px 12px 12px}.side__label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--side-label);padding:14px 12px 8px}.side__nav>.side__label:first-child{padding-top:2px}.side__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);color:var(--side-ink);font-weight:500;font-size:14px;margin-bottom:2px;cursor:pointer;width:100%;background:none;border:0;text-align:start;transition:background .14s ease,color .14s ease}.side__item:hover{background:var(--side-active-bg);color:var(--side-ink-active)}html[data-sidebar=dark] .side__item:hover{background:#1e293b;color:#fff}.side__item.is-active{background:var(--side-active-bg);color:var(--side-ink-active);font-weight:600}.side__item svg{flex:none}.side__lock{margin-inline-start:auto;font-size:10px;color:var(--muted-2);font-weight:600}.side__tip{margin:12px;padding:16px;border-radius:var(--r-lg);background:var(--primary-soft);border:1px solid #E0E7FF}html[data-sidebar=dark] .side__tip{background:#1e293b;border-color:#334155}.side__tip h4{font-size:13.5px;font-weight:600;margin-bottom:6px}.side__tip p{font-size:12.5px;color:var(--muted);line-height:1.55}html[data-sidebar=dark] .side__tip p{color:#94a3b8}.side__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:55;border:0;display:none}.main{flex:1;min-width:0;margin-inline-start:var(--sidebar-w);display:flex;flex-direction:column}.top{height:var(--topbar-h);flex:none;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding-inline:24px;position:sticky;top:0;z-index:40}.top__search{position:relative;flex:1;max-width:448px}.top__search svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted-2)}.top__search input{width:100%;height:44px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);padding-inline:42px 14px;font-size:14px}.top__search input::placeholder{color:var(--muted-2)}.top__search input:focus{outline:none;border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-soft)}.top__spacer{flex:1}.top__menu{display:none}@media (max-width: 1024px){.top__menu{display:grid}}.iconbtn{width:40px;height:40px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink-2);position:relative}.iconbtn:hover{background:var(--bg)}.iconbtn__dot{position:absolute;top:9px;inset-inline-end:9px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:1.5px solid #fff}.top__user{display:flex;align-items:center;gap:10px;padding-inline-start:16px;border-inline-start:1px solid var(--border)}.top__user-name{font-weight:600;font-size:13.5px;line-height:1.2}.top__user-role{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:600}.avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:700;font-family:var(--font-display);font-size:14px;flex:none}.menu{position:relative}.menu__pop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:190px;padding:6px;z-index:50}.menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--r-sm);border:0;background:none;cursor:pointer;font-size:13.5px;text-align:start;color:var(--ink-2)}.menu__item:hover{background:var(--bg)}.menu__item.is-danger{color:var(--danger)}.menu__sep{height:1px;background:var(--border);margin:6px 4px}.page{padding:28px 24px 40px;flex:1}.page__crumb{font-size:12.5px;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:7px}.page__crumb svg{opacity:.55}html[dir=rtl] .page__crumb svg{transform:scaleX(-1)}.page__head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page__title{font-size:27px;font-weight:700;letter-spacing:-.03em}.page__desc{color:var(--muted);font-size:14px;margin-top:4px}.page__actions{margin-inline-start:auto;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding-inline:18px;border-radius:var(--r-md);font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;transition:background .14s ease,border-color .14s ease,opacity .14s ease;white-space:nowrap}.btn--primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--primary-hover)}.btn--ghost{background:var(--surface);border-color:var(--border);color:var(--ink-2)}.btn--ghost:hover{background:var(--bg)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{filter:brightness(.94)}.btn--sm{height:36px;padding-inline:13px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--block{width:100%}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card__head{padding:20px 22px 0;display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.card__title{font-size:16px;font-weight:600;letter-spacing:-.015em}.card__desc{font-size:12.5px;color:var(--muted);margin-top:3px}.card__tools{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.card__body{padding:20px 22px 22px}.card__body--flush{padding:0}.card__head+.card__body--flush{padding-top:18px}.stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin-bottom:20px}.stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-xs)}.stat__label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;font-weight:500}.stat__label svg{color:var(--muted-2)}.stat__value{font-family:var(--font-display);font-size:29px;font-weight:700;letter-spacing:-.03em;margin-top:10px;line-height:1.1}.stat__foot{margin-top:10px;display:flex;align-items:center;gap:8px}.delta{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:var(--r-pill)}.delta--up{background:var(--accent-soft);color:var(--accent-ink)}.delta--down{background:var(--danger-soft);color:var(--danger-ink)}.delta--flat{background:var(--bg);color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--plain:before{display:none}.badge--green{background:var(--accent-soft);color:var(--accent-ink)}.badge--red{background:var(--danger-soft);color:var(--danger-ink)}.badge--amber{background:var(--amber-soft);color:var(--amber-ink)}.badge--indigo{background:var(--primary-soft);color:var(--primary)}.badge--slate{background:#f1f5f9;color:var(--muted)}.tag{display:inline-flex;padding:3px 9px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tag--indigo{background:var(--primary-soft);color:var(--primary)}.tag--slate{background:#f1f5f9;color:var(--muted)}.tablewrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{text-align:start;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface);white-space:nowrap}.table td{padding:16px 18px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-2)}.table__user{display:flex;align-items:center;gap:12px}.table__name{font-weight:600;font-size:13.5px}.table__sub{font-size:12px;color:var(--muted)}.table__actions{text-align:end}.filters{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:16px 18px;margin-bottom:18px;display:grid;gap:14px 16px;align-items:end;grid-template-columns:repeat(4,minmax(0,1fr))}.filters .field--search{grid-column:span 2}.filters__reset{justify-self:start}@media (max-width: 1180px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.filters{grid-template-columns:1fr}.filters .field--search{grid-column:span 1}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field__label{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.input,.select{height:42px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);padding-inline:13px;width:100%;font-size:14px}.input:focus,.select:focus{outline:none;border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-soft)}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-inline-end:36px}html[dir=rtl] .select{background-position:left 12px center}.input--search{padding-inline-start:38px}.field--search{position:relative}.field--search svg{position:absolute;inset-inline-start:12px;bottom:13px;color:var(--muted-2)}.pager{display:flex;align-items:center;gap:14px;padding:16px 20px;border-top:1px solid var(--border-soft);flex-wrap:wrap}.pager__info{font-size:13px;color:var(--muted)}.pager__nav{margin-inline-start:auto;display:flex;align-items:center;gap:6px}.pager__size{display:flex;align-items:center;gap:8px}.pager__size select{height:34px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);padding-inline:8px 26px;font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}html[dir=rtl] .pager__size select{background-position:left 8px center}.pager__btn{min-width:36px;height:36px;padding-inline:10px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;gap:6px}.pager__btn:hover:not(:disabled){background:var(--bg)}.pager__btn.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.pager__btn:disabled{opacity:.45;cursor:not-allowed}html[dir=rtl] .pager__btn svg{transform:scaleX(-1)}.state{padding:56px 24px;text-align:center;color:var(--muted)}.state__icon{width:52px;height:52px;border-radius:14px;background:var(--bg);color:var(--muted-2);display:grid;place-items:center;margin:0 auto 14px}.state__title{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink);margin-bottom:5px}.state__desc{font-size:13.5px;max-width:380px;margin:0 auto}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skel{background:linear-gradient(90deg,#eef2f6 25%,#f6f8fa 37%,#eef2f6 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.legend__item{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2)}.legend__dot{width:9px;height:9px;border-radius:50%;flex:none}.grid-2{display:grid;gap:16px;grid-template-columns:1.7fr 1fr}.grid-halves{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width: 1100px){.grid-2,.grid-halves{grid-template-columns:1fr}}.toasts{position:fixed;inset-block-end:24px;inset-inline-end:24px;z-index:90;display:flex;flex-direction:column;gap:10px}.toast{min-width:280px;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:13px 15px;display:flex;align-items:flex-start;gap:11px;animation:toastIn .22s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}.toast__bar{width:4px;align-self:stretch;border-radius:3px;flex:none}.toast--success .toast__bar{background:var(--accent)}.toast--error .toast__bar{background:var(--danger)}.toast__msg{font-size:13.5px;line-height:1.45}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:80;display:grid;place-items:center;padding:20px}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:92vh;overflow:auto}.modal__head{padding:20px 22px 0}.modal__body{padding:16px 22px}.modal__foot{padding:0 22px 20px;display:flex;gap:10px;justify-content:flex-end}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login__aside{background:var(--primary);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login__aside:after{content:"";position:absolute;inset-block-end:-180px;inset-inline-end:-140px;width:460px;height:460px;border-radius:50%;border:60px solid rgba(255,255,255,.07)}.login__quote{font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1.3;letter-spacing:-.02em;max-width:420px;position:relative}.login__note{font-size:13.5px;color:#ffffffb8;max-width:380px;position:relative;line-height:1.6}.login__form{display:grid;place-items:center;padding:40px 24px}.login__inner{width:100%;max-width:372px}.login__brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}@media (max-width: 900px){.login{grid-template-columns:1fr}.login__aside{display:none}}@media (max-width: 1024px){.side{transform:translate(-100%)}html[dir=rtl] .side{transform:translate(100%)}.side.is-open{transform:none}.side.is-open+.side__scrim{display:block}.main{margin-inline-start:0}}@media (max-width: 640px){.page{padding:20px 16px 32px}.top{padding-inline:16px;gap:10px}.page__title{font-size:22px}}.form{display:flex;flex-direction:column;gap:16px}.form__section{display:grid;grid-template-columns:260px 1fr;gap:28px;padding:22px}.form__aside .card__title{font-size:15px}.form__aside .card__desc{margin-top:5px;line-height:1.55}.form__fields{display:grid;gap:16px;align-content:start}.form__fields--1{grid-template-columns:1fr}.form__fields--2{grid-template-columns:1fr 1fr}.form__fields--3{grid-template-columns:repeat(3,1fr)}.form__fields .field--wide{grid-column:1 / -1}.form__bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:14px 18px;box-shadow:var(--shadow-md)}.field__hint{font-size:11.5px;color:var(--muted)}.field__error{font-size:11.5px;color:var(--danger-ink)}.input.is-invalid,.select.is-invalid{border-color:#f1aeae}.switch{width:44px;height:25px;border-radius:999px;border:0;flex:none;background:#cbd5e1;position:relative;cursor:pointer;transition:background .16s ease}.switch[data-on=true]{background:var(--accent)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch__knob{position:absolute;top:3px;inset-inline-start:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:inset-inline-start .16s ease}.switch[data-on=true] .switch__knob{inset-inline-start:22px}.toggle-row{padding:12px 0;border-bottom:1px solid var(--border-soft)}.toggle-row:last-child{border-bottom:0}@media (max-width: 900px){.form__section{grid-template-columns:1fr;gap:18px}.form__fields--2,.form__fields--3{grid-template-columns:1fr}}.plangrid{display:grid;gap:16px;margin-bottom:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.plancard{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:10px}.plancard.is-default{border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-soft)}.plancard__head{display:flex;align-items:flex-start;gap:10px}.plancard__head>div{flex:1;min-width:0}.plancard__name{font-size:17px;font-weight:700;letter-spacing:-.02em}.plancard__tagline{font-size:12.5px;color:var(--muted);line-height:1.5}.plancard__count{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em}.plancard__tags{margin-top:2px}.plancard .btn{margin-top:auto}.matrix th{text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:start}.matrix__group td{background:var(--bg);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:9px 18px}.matrix__cell{display:inline-flex;align-items:center;gap:6px}.matrix__input{width:84px;height:36px;text-align:center;padding-inline:6px}.matrix__inf{width:30px;height:36px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);font-size:15px;line-height:1}.matrix__inf:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:var(--primary-300)}.matrix__inf:disabled{opacity:.5;cursor:not-allowed}.plancard__price{display:flex;align-items:baseline;gap:6px;min-height:30px}.plancard__amount{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.02em}.plancard__count{font-size:22px}.pricing td{vertical-align:middle}.pricing .input,.pricing .select{min-width:0}