@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Cairo:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--background:#06111F;--surface:#0B1E33;--surface-elevated:#102A45;--surface-hover:#143252;--border:#1D3B5C;--border-light:rgba(29,59,92,0.5);--border-focus:#2563EB;--text-primary:#F8FAFC;--text-secondary:#C7D2E5;--text-muted:#8FA3BF;--text-disabled:#52657D;--primary:#2563EB;--primary-hover:#1D4ED8;--primary-soft:#102C5F;--primary-glow:rgba(37,99,235,0.28);--accent:#38BDF8;--accent-hover:#7DD3FC;--accent-soft:#0B344B;--accent-glow:rgba(56,189,248,0.25);--executive:#1E3A8A;--success:#22C55E;--success-soft:#0A2E1A;--warning:#F59E0B;--warning-soft:#2E1F0A;--error:#EF4444;--error-soft:#2E0A0A;--info:#38BDF8;--info-soft:#0B344B;--chart-1:#38BDF8;--chart-2:#2563EB;--chart-3:#22C55E;--chart-4:#F59E0B;--chart-5:#EF4444;--chart-6:#A78BFA;--chart-7:#F472B6;--chart-8:#34D399;--gradient-brand:linear-gradient(135deg,#1E3A8A,#2563EB 60%,#38BDF8);--gradient-surface:linear-gradient(180deg,#0B1E33,#06111F);--gradient-card-highlight:linear-gradient(135deg,rgba(37,99,235,0.18),rgba(56,189,248,0.08));--gradient-mesh:radial-gradient(ellipse at 20% 50%,rgba(37,99,235,0.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(56,189,248,0.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(30,58,138,0.2) 0%,transparent 50%);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -4px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.4);--shadow-glow:0 0 32px var(--primary-glow);--shadow-accent-glow:0 0 32px var(--accent-glow);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--background);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full);border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--background)}::selection{background-color:var(--primary);color:var(--text-primary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);letter-spacing:-.02em}h2{font-size:var(--text-3xl);letter-spacing:-.01em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:600}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}code,pre{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow),0 0 60px rgba(37,99,235,.15)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;height:40px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--primary);color:#FFFFFF;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--accent-soft);color:var(--accent);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-elevated);border-color:var(--accent);color:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--surface);border-color:var(--text-muted)}.btn-danger{background:var(--error);color:#FFFFFF;border-color:var(--error)}.btn-danger:hover:not(:disabled){background:#DC2626;box-shadow:0 0 20px rgba(239,68,68,.3)}.btn-sm{height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{height:48px;padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.btn-icon{width:40px;height:40px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:48px;height:48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card-hover:hover{border-color:rgba(56,189,248,.35);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-highlight{background:var(--gradient-card-highlight);border:1px solid rgba(56,189,248,.35);box-shadow:var(--shadow-glow)}.card-glass{background:rgba(11,30,51,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(29,59,92,.5)}.card-elevated{background:var(--surface-elevated)}.input{width:100%;height:44px;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--text-muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.input-error{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.input-sm{height:36px;font-size:var(--text-xs)}.input-lg{height:52px;font-size:var(--text-base)}.textarea{width:100%;min-height:100px;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;resize:vertical;transition:all var(--transition-fast)}.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-error{color:var(--error)}.form-error,.form-hint{font-size:var(--text-xs);margin-top:var(--space-1)}.form-hint{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:600;line-height:1.5;border-radius:var(--radius-full);white-space:nowrap}.badge-default{background:var(--surface-elevated);color:var(--text-secondary)}.badge-primary{background:var(--primary-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-error{background:var(--error-soft);color:var(--error)}.badge-info{background:var(--info-soft);color:var(--info)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap}.table td,.table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.table td{color:var(--text-secondary);border-bottom:1px solid var(--border-light);font-family:var(--font-mono)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:rgba(11,30,51,.5)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--transition-slow);overflow-y:auto;overflow-x:hidden}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);height:var(--header-height);border-bottom:1px solid var(--border)}.sidebar-logo{font-size:var(--text-lg);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.sidebar-logo span{color:var(--accent)}.sidebar-nav{flex:1 1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:var(--surface-elevated);color:var(--text-primary)}.sidebar-item.active{background:var(--primary-soft);color:var(--accent);border-left:3px solid var(--accent)}.sidebar-section-title{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border)}.header{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);background:rgba(6,17,31,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:var(--z-sticky)}.header-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.header-actions{gap:var(--space-3)}.avatar,.header-actions{display:flex;align-items:center}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-brand);justify-content:center;font-size:var(--text-sm);font-weight:700;color:#FFFFFF;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.avatar-xl{width:64px;height:64px;font-size:var(--text-2xl)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-fast) ease-out}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn var(--transition-spring) ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{align-items:center;justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.modal-footer,.toast-container{display:flex;gap:var(--space-3)}.toast-container{position:fixed;top:var(--space-6);inset-inline-end:var(--space-6);z-index:var(--z-toast);flex-direction:column}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:320px;max-width:420px;animation:slideInRight var(--transition-slow) ease-out}html[dir=rtl] .toast{animation:slideInLeft var(--transition-slow) ease-out}.toast-success{border-inline-start:3px solid var(--success)}.toast-error{border-inline-start:3px solid var(--error)}.toast-warning{border-inline-start:3px solid var(--warning)}.toast-info{border-inline-start:3px solid var(--info)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:16px;width:100%}.skeleton-title{height:24px;width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{height:200px;width:100%;border-radius:var(--radius-xl)}.skeleton-chart{height:300px;width:100%;border-radius:var(--radius-lg)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-8);border:2px dashed var(--border);border-radius:var(--radius-xl);background:var(--surface);cursor:pointer;transition:all var(--transition-base);text-align:center}.upload-zone:hover{border-color:var(--primary);background:var(--primary-soft)}.upload-zone.dragging{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-accent-glow)}.upload-zone-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:all var(--transition-base)}.upload-zone:hover .upload-zone-icon{background:var(--primary);color:#FFFFFF;transform:scale(1.05)}.upload-zone-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.upload-zone-text{font-size:var(--text-sm);color:var(--text-muted)}.progress-bar{width:100%;height:6px;background:var(--surface-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-brand);border-radius:var(--radius-full);transition:width var(--transition-slow)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + var(--space-1));left:0;min-width:200px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-1);z-index:var(--z-dropdown);animation:fadeInDown var(--transition-fast) ease-out}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--surface);color:var(--text-primary)}.dropdown-divider{height:1px;background:var(--border);margin:var(--space-1) 0}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);padding-bottom:0}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;cursor:pointer;transition:all var(--transition-fast);border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.empty-state{flex-direction:column;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:80px;height:80px;border-radius:var(--radius-2xl);background:var(--surface);color:var(--text-muted)}.empty-state-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.empty-state-text{font-size:var(--text-sm);color:var(--text-muted);max-width:400px}.stat-card{gap:var(--space-2)}.stat-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.02em}.stat-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600}.stat-trend-up{color:var(--success)}.stat-trend-down{color:var(--error)}.stat-trend-neutral{color:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.app-main{flex:1 1;margin-left:var(--sidebar-width);margin-top:var(--header-height);padding:var(--space-6);min-height:calc(100vh - var(--header-height))}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--background);position:relative;overflow:hidden}.auth-layout:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);pointer-events:none}.auth-card{position:relative;width:100%;max-width:440px;background:rgba(11,30,51,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-xl);animation:fadeInUp var(--transition-slow) ease-out}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.auth-logo-text{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.auth-logo-text span{color:var(--accent)}.auth-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-bottom:var(--space-6)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--text-muted);font-size:var(--text-xs)}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.auth-link{display:block;text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-6)}.auth-link a{color:var(--accent);font-weight:600}.oauth-buttons{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.btn-oauth{flex:1 1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);height:44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-oauth:hover{background:var(--surface-elevated);border-color:var(--text-muted)}.marketing-nav{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:rgba(6,17,31,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);z-index:var(--z-sticky)}.marketing-nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none}.marketing-nav-links a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.marketing-nav-links a:hover{color:var(--text-primary)}.hero-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--header-height) + var(--space-20)) var(--space-8) var(--space-20);min-height:80vh;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--primary-soft);border:1px solid rgba(37,99,235,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--accent)}.hero-badge,.hero-title{margin-bottom:var(--space-6);position:relative}.hero-title{font-size:clamp(2.5rem,6vw,var(--text-6xl));font-weight:900;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary);max-width:800px}.hero-title .gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{position:relative;font-size:var(--text-lg);color:var(--text-muted);max-width:600px;margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.hero-actions{position:relative;display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.section{padding:var(--space-20) var(--space-8);max-width:1200px;margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.section-title{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em}.section-subtitle{font-size:var(--text-base);color:var(--text-muted);max-width:600px;margin-bottom:var(--space-12)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.feature-card{padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.feature-card:hover{border-color:rgba(56,189,248,.35);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:var(--space-4)}.feature-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.feature-text{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);align-items:start}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.pricing-card.featured{background:var(--gradient-card-highlight);border-color:rgba(56,189,248,.35);box-shadow:var(--shadow-glow);transform:scale(1.02)}.pricing-plan{font-size:var(--text-sm);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.pricing-price{font-size:var(--text-4xl);font-weight:900;color:var(--text-primary);margin-bottom:var(--space-1)}.pricing-price span{font-size:var(--text-base);font-weight:500;color:var(--text-muted)}.pricing-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.pricing-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.pricing-features li svg{color:var(--success);flex-shrink:0}.footer{border-top:1px solid var(--border);padding:var(--space-12) var(--space-8);background:var(--surface)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-6)}.footer-brand{font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.footer-brand span{color:var(--accent)}.footer-text{font-size:var(--text-sm);color:var(--text-muted)}.dashboard-layout{display:flex;height:calc(100vh - var(--header-height));margin-top:var(--header-height)}.dashboard-widget-panel{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4);overflow-y:auto;flex-shrink:0}.dashboard-canvas{flex:1 1;padding:var(--space-4);overflow-y:auto;background:var(--background)}.dashboard-config-panel{width:300px;background:var(--surface);border-left:1px solid var(--border);padding:var(--space-4);overflow-y:auto;flex-shrink:0}.dashboard-toolbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);background:rgba(6,17,31,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:var(--z-sticky)}.widget-type-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition-fast);margin-bottom:var(--space-2)}.widget-type-card:hover{border-color:var(--accent);background:var(--accent-soft)}.widget-type-card:active{cursor:grabbing}.widget-type-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.widget-type-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.widget-type-desc{font-size:var(--text-xs);color:var(--text-muted)}.widget-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.widget-container:hover{border-color:var(--text-muted)}.widget-container.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(56,189,248,.2)}.widget-container.filtering{border-color:var(--accent);box-shadow:0 0 15px rgba(56,189,248,.45)}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);cursor:move}.widget-title{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.widget-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.widget-container:hover .widget-actions{opacity:1}.widget-body{padding:var(--space-3);height:calc(100% - 40px)}.data-source-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer}.data-source-card:hover{border-color:var(--text-muted);background:var(--surface-elevated)}.data-source-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.data-source-icon.csv,.data-source-icon.excel{background:rgba(34,197,94,.15);color:var(--success)}.data-source-icon.json{background:rgba(245,158,11,.15);color:var(--warning)}.data-source-info{flex:1 1;min-width:0}.data-source-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-source-meta{font-size:var(--text-xs);color:var(--text-muted);display:flex;gap:var(--space-3);margin-top:var(--space-1)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary)}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-4,.grid-auto{display:grid;gap:var(--space-6)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:1024px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar .sidebar-item span:not(.sidebar-icon),.sidebar .sidebar-logo span{display:none}.header{left:var(--sidebar-collapsed-width)}.app-main{margin-left:var(--sidebar-collapsed-width)}.dashboard-config-panel,.dashboard-widget-panel{display:none}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--header-height:56px}.sidebar{display:none}.header{left:0}.app-main{margin-left:0;padding:var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero-title{font-size:var(--text-3xl)}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.auth-card{margin:var(--space-4);padding:var(--space-6)}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.features-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.hidden{display:none}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .25s cubic-bezier(.25,.8,.25,1);transition-property:left,top,width,height}.react-grid-item.cssTransforms{transition:transform .25s cubic-bezier(.25,.8,.25,1),width .25s cubic-bezier(.25,.8,.25,1),height .25s cubic-bezier(.25,.8,.25,1);transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.react-grid-item:hover>.react-resizable-handle:after{opacity:1}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-placeholder{background:var(--primary-soft);border:2px dashed var(--primary);border-radius:var(--radius-lg);opacity:.5}.filter-bar{justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);min-height:44px;flex-wrap:wrap}.filter-bar,.filter-bar-left{display:flex;align-items:center;gap:var(--space-3)}.filter-bar-left{flex:1 1;min-width:0;flex-wrap:wrap}.filter-bar-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.filter-chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);position:relative;animation:fadeIn var(--transition-fast) ease-out}.filter-chip-label{font-weight:600;color:var(--text-primary);font-size:var(--text-xs)}.filter-chip-input{height:24px;padding:2px 6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;outline:none;transition:border-color var(--transition-fast)}.filter-chip-input:focus{border-color:var(--primary)}.filter-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.filter-chip-remove:hover{background:var(--error-soft);color:var(--error)}.filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);min-width:200px;animation:fadeInDown var(--transition-fast) ease-out}.filter-dropdown-item:hover{background:var(--surface-elevated)}.stat-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-card-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-card-value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);font-family:var(--font-mono)}.stat-card-sub{font-size:var(--text-xs);color:var(--text-muted)}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.tab-item{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.tab-item:hover{color:var(--text-primary);background:var(--surface)}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent)}.profile-column-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.profile-column-card:hover{border-color:var(--border-focus)}.profile-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2)}.profile-stat{display:flex;flex-direction:column;gap:2px}.profile-stat-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-stat-value{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.sort-config{display:flex;gap:var(--space-2);align-items:center}.sort-config input,.sort-config select{flex:1 1}.pagination{gap:var(--space-2);padding:var(--space-4) 0}.pagination,.pagination-btn{display:flex;align-items:center;justify-content:center}.pagination-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--surface-elevated);border-color:var(--accent);color:var(--text-primary)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#FFFFFF}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}@media print{body{background:#ffffff!important;color:#000000!important}.btn,.config-panel,.dashboard-config-panel,.dashboard-toolbar,.dashboard-widget-panel,.filter-bar,.header,.no-print,.sidebar,.widget-panel,button{display:none!important}.dashboard-canvas{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important}.card,.dashboard-canvas,.widget-card{background:#ffffff!important;color:#000000!important}.card,.widget-card{border:1px solid #cccccc!important;box-shadow:none!important;page-break-inside:avoid;break-inside:avoid}.table,.table-container{border-color:#cccccc!important}.table th{background:#f3f4f6!important;color:#000000!important;border-bottom-color:#cccccc!important}.table td{color:#111827!important;border-bottom-color:#e5e7eb!important}}.sidebar-profile-link{transition:transform .2s,filter .2s}.sidebar-profile-link:hover{transform:scale(1.02);filter:brightness(1.15)}.mobile-header{display:none}.sidebar-mobile-backdrop{position:fixed;inset:0;background:rgba(4,11,22,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:140;animation:fadeIn .2s ease-out}@media (max-width:768px){.mobile-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-4);background:#06111F;border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:100}.app-layout{display:block}.sidebar{position:fixed!important;top:0;bottom:0;left:-260px!important;width:260px!important;z-index:150!important;transition:left .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:4px 0 24px rgba(0,0,0,.5)!important}.sidebar.mobile-open{left:0!important}.sidebar-header button{display:none!important}.app-main{margin-left:0!important;padding-top:56px!important;min-height:calc(100vh - 56px)}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr!important;gap:var(--space-4)!important}.app-container{padding:var(--space-4)!important}}.theme-nordic-light{--background:#F9FAFB!important;--surface:#FFFFFF!important;--surface-elevated:#F3F4F6!important;--surface-hover:#E5E7EB!important;--border:#E5E7EB!important;--border-light:rgba(229,231,235,0.5)!important;--text-primary:#111827!important;--text-secondary:#4B5563!important;--text-muted:#6B7280!important;--text-disabled:#9CA3AF!important;--accent:#2563EB!important;--accent-hover:#1D4ED8!important;--accent-glow:rgba(37,99,235,0.1)!important;--primary:#4F46E5!important;--primary-hover:#4338CA!important;color:#111827!important}.theme-nordic-light .card,.theme-nordic-light .table,.theme-nordic-light .table td,.theme-nordic-light .table th,.theme-nordic-light .widget-card,.theme-nordic-light input,.theme-nordic-light select,.theme-nordic-light textarea{color:#111827!important;border-color:#E5E7EB!important}.theme-nordic-light .card,.theme-nordic-light .widget-card{background:#FFFFFF!important;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1)!important}.theme-nordic-light th{background-color:#F3F4F6!important;color:#111827!important}.theme-nordic-light .badge{background:#E5E7EB!important;color:#111827!important}.theme-nordic-light .btn-ghost{color:#4B5563!important}.theme-nordic-light .btn-ghost:hover{background:#E5E7EB!important}.theme-cyberpunk{--background:#0B001A!important;--surface:#17002E!important;--surface-elevated:#28004D!important;--surface-hover:#3C0070!important;--border:#FF007F!important;--border-light:rgba(255,0,127,0.5)!important;--text-primary:#00FFFF!important;--text-secondary:#FF00AA!important;--text-muted:#FFFF00!important;--text-disabled:#660066!important;--accent:#FFFF00!important;--accent-hover:#E6E600!important;--accent-glow:rgba(255,255,0,0.3)!important;--primary:#FF00AA!important;--primary-hover:#CC0088!important;color:#00FFFF!important}.theme-cyberpunk .card,.theme-cyberpunk .table,.theme-cyberpunk .table td,.theme-cyberpunk .table th,.theme-cyberpunk .widget-card,.theme-cyberpunk input,.theme-cyberpunk select,.theme-cyberpunk textarea{color:#00FFFF!important;border-color:#FF007F!important}.theme-cyberpunk .card,.theme-cyberpunk .widget-card{background:#17002E!important;border:1px solid #ff007f!important;box-shadow:0 0 12px rgba(255,0,127,.4),inset 0 0 8px rgba(255,0,127,.2)!important}.theme-cyberpunk th{background-color:#28004D!important;color:#FFFF00!important}.theme-emerald{--background:#022C22!important;--surface:#064E3B!important;--surface-elevated:#065F46!important;--surface-hover:#047857!important;--border:#059669!important;--border-light:rgba(5,150,105,0.5)!important;--text-primary:#F0FDF4!important;--text-secondary:#A7F3D0!important;--text-muted:#34D399!important;--text-disabled:#064E3B!important;--accent:#34D399!important;--accent-hover:#6EE7B7!important;--accent-glow:rgba(52,211,153,0.25)!important;--primary:#10B981!important;--primary-hover:#059669!important;color:#F0FDF4!important}.theme-emerald .card,.theme-emerald .table,.theme-emerald .table td,.theme-emerald .table th,.theme-emerald .widget-card,.theme-emerald input,.theme-emerald select,.theme-emerald textarea{color:#F0FDF4!important;border-color:#059669!important}.theme-emerald .card,.theme-emerald .widget-card{background:#064E3B!important;border:1px solid #059669!important;box-shadow:0 4px 6px rgba(4,120,87,.15)!important}.theme-emerald th{background-color:#065F46!important;color:#34D399!important}html[dir=rtl]{--font-sans:"Cairo","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.font-arabic{font-family:"Cairo",var(--font-sans)!important}html[dir=rtl] .sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--border)}html[dir=rtl] .sidebar-item{text-align:right}html[dir=rtl] .sidebar-item.active{border-left:none;border-right:3px solid var(--accent)}html[dir=rtl] .header{left:0;right:var(--sidebar-width)}html[dir=rtl] .app-main{margin-left:0;margin-right:var(--sidebar-width)}@media (max-width:1024px){html[dir=rtl] .sidebar{width:var(--sidebar-collapsed-width)}html[dir=rtl] .header{right:var(--sidebar-collapsed-width);left:0}html[dir=rtl] .app-main{margin-right:var(--sidebar-collapsed-width);margin-left:0}}@media (max-width:768px){html[dir=rtl] .sidebar{left:auto!important;right:-260px!important;transition:right .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:-4px 0 24px rgba(0,0,0,.5)!important}html[dir=rtl] .sidebar.mobile-open{right:0!important;left:auto!important}html[dir=rtl] .app-main{margin-right:0!important;margin-left:0!important}}.step-connector-arrow{display:none}@media (min-width:1024px){.step-connector-arrow{display:block;position:absolute;inset-inline-end:-16px;top:50%;transform:translateY(-50%);color:var(--border);font-size:24px;z-index:10}}.mobile-canvas-warning{display:none}@media (max-width:1023px){.mobile-canvas-warning{display:block}}.mobile-canvas-warning.force-show{display:block}