:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--surface-3: #e7eaf0;--border: #dde1e8;--border-strong: #c3c9d4;--text: #10131a;--text-muted: #5b6472;--text-faint: #8b93a1;--text-invert: #ffffff;--brand: #1857c4;--brand-hover: #14489f;--brand-soft: #e8effc;--brand-text: #12428f;--ok: #1a7f45;--ok-soft: #e4f5ea;--warn: #9a6100;--warn-soft: #fdf1dc;--danger: #b3261e;--danger-soft: #fdeceb;--info: #0b5f7a;--info-soft: #e2f2f7;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--shadow: 0 1px 2px rgb(16 19 26 / 6%), 0 4px 16px rgb(16 19 26 / 6%);--shadow-lg: 0 8px 40px rgb(16 19 26 / 16%);--sidebar-w: 244px;--topbar-h: 56px;--font: "Inter", "Segoe UI", system-ui, -apple-system, "Noto Sans Arabic", "Noto Naskh Arabic", "Vazirmatn", "Tahoma", sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b1018;--surface: #121826;--surface-2: #1a2233;--surface-3: #232d42;--border: #26314a;--border-strong: #3a4763;--text: #eef2f8;--text-muted: #9fabc0;--text-faint: #74809a;--brand: #5f92ff;--brand-hover: #83abff;--brand-soft: #17253f;--brand-text: #b9d0ff;--ok: #4ec27f;--ok-soft: #12291d;--warn: #e0a33a;--warn-soft: #2b2110;--danger: #ff7a70;--danger-soft: #2e1615;--info: #58bcd8;--info-soft: #10262e;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 16px rgb(0 0 0 / 32%);--shadow-lg: 0 8px 40px rgb(0 0 0 / 55%)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1018;--surface: #121826;--surface-2: #1a2233;--surface-3: #232d42;--border: #26314a;--border-strong: #3a4763;--text: #eef2f8;--text-muted: #9fabc0;--text-faint: #74809a;--brand: #5f92ff;--brand-hover: #83abff;--brand-soft: #17253f;--brand-text: #b9d0ff;--ok: #4ec27f;--ok-soft: #12291d;--warn: #e0a33a;--warn-soft: #2b2110;--danger: #ff7a70;--danger-soft: #2e1615;--info: #58bcd8;--info-soft: #10262e;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 16px rgb(0 0 0 / 32%);--shadow-lg: 0 8px 40px rgb(0 0 0 / 55%)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.ltr,.num,code,time,.mono{unicode-bidi:plaintext;font-variant-numeric:tabular-nums}.mono,code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}p{margin:0 0 10px}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.shell{display:flex;min-height:100%}.sidebar{inline-size:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;position:sticky;inset-block-start:0;block-size:100vh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:14px 16px;border-block-end:1px solid var(--border);font-weight:700}.sidebar__mark{inline-size:28px;block-size:28px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;flex:0 0 auto}.sidebar__nav{padding:10px 8px;display:flex;flex-direction:column;gap:2px}.sidebar__group{padding:14px 10px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.sidebar__foot{margin-block-start:auto;padding:12px;border-block-start:1px solid var(--border)}.navlink{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;min-block-size:40px}.navlink:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.navlink--active{background:var(--brand-soft);color:var(--brand-text);font-weight:650}.navlink__icon{inline-size:18px;text-align:center;flex:0 0 auto}.navlink__count{margin-inline-start:auto;background:var(--surface-3);color:var(--text-muted);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.main{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column}.topbar{block-size:var(--topbar-h);display:flex;align-items:center;gap:10px;padding-inline:16px;background:var(--surface);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0;z-index:20}.topbar__spacer{flex:1 1 auto}.topbar__burger{display:none}.content{padding:20px;max-inline-size:1180px;inline-size:100%}.page-head{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-block-end:18px}.page-head__text{flex:1 1 260px;min-inline-size:0}.page-head__sub{color:var(--text-muted);margin:4px 0 0}.page-head__actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card__head{padding:14px 16px;border-block-end:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card__body{padding:16px}.card__foot{padding:12px 16px;border-block-start:1px solid var(--border);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:16px}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid--two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat{padding:16px}.stat__label{color:var(--text-muted);font-size:12px;font-weight:600}.stat__value{font-size:26px;font-weight:700;margin-block-start:4px}.stat__hint{color:var(--text-faint);font-size:12px;margin-block-start:2px}.meter{block-size:6px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin-block-start:10px}.meter__fill{block-size:100%;background:var(--brand);border-radius:999px}.meter__fill--full{background:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:38px;padding-inline:14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--sm{min-block-size:30px;padding-inline:10px;font-size:13px}.btn--block{inline-size:100%}.field{display:block;margin-block-end:14px}.field__label{display:block;font-weight:600;margin-block-end:5px}.field__hint{color:var(--text-muted);font-size:12px;margin-block-start:4px}.field__error{color:var(--danger);font-size:12px;margin-block-start:4px}.input,.select,.textarea{inline-size:100%;min-block-size:38px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}@media (max-width: 640px){.input,.select,.textarea{font-size:16px}}.textarea{min-block-size:96px;resize:vertical}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--text-muted)}.check{display:flex;align-items:flex-start;gap:9px;padding-block:7px;cursor:pointer}.check input{margin-block-start:3px;flex:0 0 auto;inline-size:16px;block-size:16px}.check__text{min-inline-size:0}.check__hint{color:var(--text-muted);font-size:12px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1 1 200px;min-inline-size:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap;background:var(--surface-3);color:var(--text-muted)}.badge--ok{background:var(--ok-soft);color:var(--ok)}.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)}.badge--brand{background:var(--brand-soft);color:var(--brand-text)}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);margin-block-end:16px}.notice--ok{background:var(--ok-soft);border-color:transparent;color:var(--ok)}.notice--warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.notice--danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.notice--info{background:var(--info-soft);border-color:transparent;color:var(--info)}.notice__body{min-inline-size:0;flex:1 1 auto}.notice strong{display:block}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{inline-size:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;text-align:start;vertical-align:middle;border-block-end:1px solid var(--border)}.table th{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table tbody tr:hover{background:var(--surface-2)}.table__actions{display:flex;gap:6px;justify-content:flex-end}@media (max-width: 760px){.table,.table tbody,.table tr,.table td{display:block;inline-size:100%}.table thead{display:none}.table tr{border:1px solid var(--border);border-radius:var(--radius);margin-block-end:10px;padding:6px 0;background:var(--surface)}.table td{display:flex;gap:12px;align-items:baseline;justify-content:space-between;border-block-end:0;padding-block:6px}.table td:before{content:attr(data-label);font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex:0 0 auto}.table__actions{justify-content:flex-start}}.empty{text-align:center;padding:44px 20px;color:var(--text-muted)}.empty__icon{font-size:34px;margin-block-end:10px;opacity:.7}.empty__title{font-weight:650;color:var(--text);margin-block-end:4px}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:var(--radius-sm);block-size:14px}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.spinner{inline-size:18px;block-size:18px;border-radius:50%;border:2px solid var(--border-strong);border-block-start-color:var(--brand);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.boot{display:grid;place-items:center;min-block-size:100vh;gap:12px;color:var(--text-muted)}.auth{min-block-size:100vh;display:grid;place-items:center;padding:20px}.auth__card{inline-size:min(440px,100%)}.auth__brand{text-align:center;margin-block-end:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b128c;display:grid;place-items:center;padding:16px;z-index:60}.modal{inline-size:min(560px,100%);max-block-size:min(86vh,760px);display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modal__head{padding:14px 16px;border-block-end:1px solid var(--border);display:flex;align-items:center;gap:10px}.modal__body{padding:16px;overflow-y:auto}.modal__foot{padding:12px 16px;border-block-start:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.media-tile{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.media-tile img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.media-tile__bar{position:absolute;inset-inline:0;inset-block-end:0;padding:6px;display:flex;gap:6px;justify-content:flex-end;background:linear-gradient(transparent,#0009)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:28px;text-align:center;color:var(--text-muted);background:var(--surface-2)}.dropzone--over{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}.thumb{inline-size:44px;block-size:44px;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-3);flex:0 0 auto}.avatar{inline-size:34px;block-size:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand-text);display:grid;place-items:center;font-weight:700;flex:0 0 auto}.plan{display:flex;flex-direction:column;gap:10px;padding:18px}.plan--current{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.plan__price{font-size:24px;font-weight:750}.plan__price small{font-size:13px;font-weight:500;color:var(--text-muted)}.plan__features{margin:0;padding:0;list-style:none;display:grid;gap:6px}.plan__features li{display:flex;gap:8px;align-items:flex-start;color:var(--text-muted)}@media (max-width: 900px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:50;transform:translate(-100%);transition:transform .18s ease;box-shadow:var(--shadow-lg)}:root[dir=rtl] .sidebar{transform:translate(100%)}.sidebar--open{transform:translate(0)!important}.topbar__burger{display:inline-flex}.content{padding:14px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b1273;z-index:40}}@media (prefers-reduced-motion: reduce){.sidebar{transition:none}}@media (max-width: 640px){.hide-sm{display:none!important}}.stack{display:grid;gap:12px}.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.between{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:12px}.strong{font-weight:650}.end{margin-inline-start:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}