@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{--blue-50:#eef4ff;--blue-100:#dbe7ff;--blue-200:#bcd2ff;--blue-300:#8db4ff;--blue-400:#5a8dff;--blue-500:#0a6cff;--blue-600:#0056e0;--blue-700:#0044b3;--blue-800:#063a91;--blue-900:#0a3475;--ink-950:#0a0a0b;--ink-900:#16171a;--ink-800:#24262b;--ink-700:#3a3d44;--ink-600:#565a63;--ink-500:#757a84;--ink-400:#9ca1ab;--ink-300:#c4c8ce;--ink-200:#e2e4e8;--ink-100:#eff0f3;--ink-50:#f7f8fa;--white:#ffffff;--green-500:#0ea472;--green-50:#e7f7f0;--amber-500:#d98a00;--amber-50:#fdf3e0;--red-500:#e23c3c;--red-50:#fdecec;--text-strong:var(--ink-950);--text-body:var(--ink-800);--text-muted:var(--ink-500);--text-faint:var(--ink-400);--text-invert:var(--white);--text-accent:var(--blue-600);--text-on-accent:var(--white);--surface-page:var(--white);--surface-sunken:var(--ink-50);--surface-card:var(--white);--surface-inset:var(--ink-100);--surface-ink:var(--ink-950);--surface-accent:var(--blue-500);--border-subtle:var(--ink-200);--border-default:var(--ink-300);--border-strong:var(--ink-800);--border-accent:var(--blue-500);--border-focus:var(--blue-500);--accent:var(--blue-500);--accent-hover:var(--blue-600);--accent-press:var(--blue-700);--accent-soft:var(--blue-50);--success:var(--green-500);--success-soft:var(--green-50);--warning:var(--amber-500);--warning-soft:var(--amber-50);--danger:var(--red-500);--danger-soft:var(--red-50);--focus-ring:0 0 0 3px var(--blue-100);--font-display:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;--font-body:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-3xs:11px;--text-2xs:12px;--text-xs:13px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:46px;--text-5xl:60px;--text-6xl:76px;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-eyebrow:0.14em;--role-display-size:var(--text-5xl);--role-display-weight:var(--weight-semibold);--role-display-leading:var(--leading-tight);--role-h1-size:var(--text-4xl);--role-h2-size:var(--text-3xl);--role-h3-size:var(--text-2xl);--role-h4-size:var(--text-xl);--role-body-size:var(--text-md);--role-body-leading:var(--leading-relaxed);--role-eyebrow-size:var(--text-2xs);--role-caption-size:var(--text-sm);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--section-y:var(--space-32);--section-y-sm:var(--space-20);--container-sm:640px;--container-md:820px;--container-lg:1080px;--container-xl:1280px;--gutter:var(--space-6);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--border-width:1px;--border-width-strong:1.5px;--shadow-xs:0 1px 2px rgba(16,24,40,0.05);--shadow-sm:0 1px 3px rgba(16,24,40,0.08),0 1px 2px rgba(16,24,40,0.04);--shadow-md:0 4px 12px rgba(16,24,40,0.08),0 2px 4px rgba(16,24,40,0.04);--shadow-lg:0 12px 28px rgba(16,24,40,0.10),0 4px 8px rgba(16,24,40,0.05);--shadow-xl:0 24px 48px rgba(16,24,40,0.14),0 8px 16px rgba(16,24,40,0.06);--shadow-accent:0 6px 18px rgba(10,108,255,0.28);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-standard:cubic-bezier(0.4,0,0.2,1);--dur-fast:120ms;--dur-base:180ms;--dur-slow:280ms;--dur-slower:420ms}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;direction:rtl;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--role-body-leading);font-weight:var(--weight-regular);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);color:var(--text-strong);line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}p{margin:0}a{color:var(--text-accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}a:hover{color:var(--accent-press)}.satr-eyebrow{font-family:var(--font-mono);font-size:var(--role-eyebrow-size);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-accent)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}::selection{background:var(--blue-100);color:var(--ink-950)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.demo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}table{border-collapse:collapse}body,html{max-width:100%;overflow-x:hidden}button,input,select,textarea{font-family:var(--font-body)}@media (max-width:860px){.auth-grid{grid-template-columns:1fr!important}.auth-grid>:last-child{display:none}}@media (max-width:760px){.admin-grid,.pay-grid{grid-template-columns:1fr!important}}