:root{--brand:#0f172a;--brand-2:#2563eb;--brand-3:#1e293b;--ink:#0f172a;--muted:#64748b;--paper:#f8fafc;--panel:#fff;--line:#e2e8f0;--soft:#eff6ff;--warning:#fff7e8;--danger:#dc2626;--shadow:0 10px 28px rgba(15,23,42,.08);--radius:12px}
body{background:var(--paper);color:var(--ink);font-size:15px;line-height:1.7}
body[dir=rtl],html[dir=rtl] body{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Cairo,Tahoma,Arial,sans-serif}
html[dir=ltr] body{font-family:Inter,"IBM Plex Sans",Arial,sans-serif}
.hero{background:linear-gradient(180deg,#fff,var(--paper));padding:48px 0 34px}
.hero h1{font-size:clamp(1.875rem,4vw,3rem);line-height:1.25;letter-spacing:0;max-width:620px;text-wrap:balance}
.hero .lead{max-width:680px;font-size:16px;line-height:1.75}
.product-preview img{width:100%;max-height:420px;object-fit:contain;padding:8px}
.hero-visual img{box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;border-radius:14px}
.metric-grid,.feature-grid,.plans-grid,.dashboard-grid{gap:14px}
.icon{background:var(--soft);color:var(--brand-2)}
.dashboard-shell{grid-template-columns:280px minmax(0,1fr);align-items:start}
.dash-sidebar{background:var(--brand);border-radius:14px;padding:16px;position:sticky;top:88px}
.dash-sidebar .sidebar-brand{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;color:#fff}
.dash-sidebar .sidebar-brand img{width:42px;height:42px;border-radius:50%;object-fit:contain;background:#fff}
.dash-sidebar a,.dash-sidebar button{display:flex;align-items:center;gap:.65rem;width:100%;min-height:42px;padding:.64rem .72rem;border:0;border-radius:10px;background:transparent;color:#dbeafe;text-decoration:none;text-align:inherit;font:inherit;font-size:14px;line-height:1.4}
.dash-sidebar a:hover,.dash-sidebar button:hover,.dash-sidebar a.active{background:rgba(255,255,255,.11);color:#fff}
.sidebar-submenu{display:none;margin:.2rem 0 .55rem;padding-inline-start:.65rem;border-inline-start:1px solid rgba(255,255,255,.16)}
.sidebar-submenu.open{display:block}.sidebar-submenu a{min-height:36px;font-size:13px;color:#cbd5e1}
.dash-sidebar.collapsed{width:88px;overflow:hidden}.dash-sidebar.collapsed .sidebar-label,.dash-sidebar.collapsed .sidebar-submenu,.dash-sidebar.collapsed .sidebar-brand span{display:none}.dash-sidebar.collapsed a,.dash-sidebar.collapsed button{justify-content:center}
.section{padding:38px 0}.section-title{margin-bottom:18px}.auth-panel{background:var(--brand);border-radius:16px}.auth-logo{object-fit:contain;border-radius:50%;background:#fff}.table th{background:#f9fafb}.site-footer{background:#0f172a}.footer-logo{width:58px;height:58px;border-radius:50%;background:#fff}.cv-branding-footer{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:#475467;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cv-branding-footer img{width:46px;height:46px;object-fit:contain;border-radius:50%}.protected-stage{grid-template-columns:minmax(0,1fr) 280px}.watermark{font-size:1rem;color:rgba(15,23,42,.14)}.no-copy{user-select:none;-webkit-user-select:none}.simple-list{display:grid;gap:.7rem}.simple-list a,.simple-list button{width:100%;justify-content:flex-start}.list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#fff}.status-badge{background:var(--soft);color:var(--brand-2)}.dark .btn-ghost,.dark .btn-outline-primary,.dark .list-row{background:var(--ds-card);color:var(--ds-text);border-color:var(--ds-border)}.dark .hero{background:linear-gradient(180deg,#111827,#0f172a)}
@media(max-width:980px){.dashboard-shell{grid-template-columns:1fr}.dash-sidebar{position:static}.protected-stage{grid-template-columns:1fr}.hero h1{font-size:clamp(2.25rem,5vw,2.375rem)}}
@media(max-width:560px){.hero{padding:30px 0}.hero h1{font-size:1.875rem;line-height:1.32}.brand-logo{width:40px;height:40px}.dashboard-shell{width:min(100% - 20px,1380px)}.list-row{align-items:flex-start;flex-direction:column}.hero-actions{display:grid}.hero-actions .btn{width:100%}}