:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--color-primary: #0d7d6d;--color-primary-hover: #0a6b5d;--color-primary-light: #e6f7f4;--color-accent: #f59e0b;--color-success: #16a34a;--color-warning: #f59e0b;--color-error: #dc2626;--color-sidebar: #0f172a;--color-sidebar-text: #cbd5e1;--color-sidebar-active: #1e293b;--radius: 10px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--font-sans: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 40px;--spacing-6: 48px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .2s ease-out}.slide-up{animation:slideUp .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}@media (max-width: 768px){.desktop-sidebar{display:none!important}.mobile-menu-btn{display:flex!important}}@media (max-width: 768px){:root{--radius: 8px}.app-content>div,.app-content>div>div:first-child{padding:16px!important}.app-content [style*="grid-template-columns: 1fr 1fr 1fr"],.app-content [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.app-content [style*="repeat(auto-fill, minmax(200px"],.app-content [style*="repeat(auto-fill, minmax(180px"]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:10px!important}.app-content h1{font-size:20px!important}[style*="padding: 40px"][style*="maxWidth: 560px"]{padding:20px!important}.app-content [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.landing-nav{padding:12px 16px!important}.landing-nav>div:last-child{gap:6px!important}.landing-nav a,.landing-nav button{font-size:12px!important;padding:"6px 10px"!important}.landing-hero{padding:32px 16px 24px!important}.landing-hero h1{font-size:28px!important}.landing-hero p{font-size:15px!important}.landing-section{padding-left:16px!important;padding-right:16px!important}.landing-section h2{font-size:24px!important}.landing-dashboard-preview{padding:0 16px 32px!important}.landing-dashboard-preview>div>div:last-child{padding:12px!important}.landing-dashboard-preview [style*="display: flex"][style*="gap: 16px"]:not([style*=flex-direction]){flex-direction:column!important}.landing-features-grid{grid-template-columns:1fr!important;gap:12px!important}.landing-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.landing-testimonials-grid,.landing-plans-grid{grid-template-columns:1fr!important}.landing-cta{padding:32px 20px!important}.landing-cta h2{font-size:22px!important}.auth-card,.onboarding-card{padding:24px!important}.onboarding-card [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.app-content td{padding:10px 12px!important;font-size:13px!important}.app-content th{padding:10px 12px!important;font-size:11px!important}[style*="min-width: 260px"]{min-width:200px!important}[style*="min-width: 200px"]{min-width:140px!important}}@media (max-width: 480px){.app-content [style*="repeat(auto-fill, minmax(140px"],.landing-stats-grid{grid-template-columns:1fr 1fr!important}.landing-hero h1{font-size:24px!important}.landing-nav a[href="/signup"],.landing-nav a[href="/login"]{padding:6px 10px!important}}