@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;--border-strong:#2F5580;--text-primary:#F8FAFC;--text-secondary:#C7D2E5;--text-muted:#8FA3BF;--text-disabled:#7A8CA6;--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;--chart-muted:#64748B;--success:#22C55E;--success-soft:#0A2E1A;--warning:#F59E0B;--warning-soft:#2E1F0A;--error:#EF4444;--error-soft:#2E0A0A;--info:#38BDF8;--info-soft:#0B344B;--chart-1:#1A89E5;--chart-2:#C76A18;--chart-3:#A161E0;--chart-4:#1DA134;--chart-5:#D44996;--chart-6:#9D8518;--chart-7:#1D9999;--chart-8:#E24947;--chart-seq-1:#0B344B;--chart-seq-2:#12566F;--chart-seq-3:#1A7C92;--chart-seq-4:#22A3B4;--chart-seq-5:#38BDF8;--chart-div-low:#E24947;--chart-div-mid:#8FA3BF;--chart-div-high:#1A89E5;--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)}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}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{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-strong);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{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-strong);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;min-height:0;overflow-y:auto;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);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);background:color-mix(in srgb,var(--surface) 75%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(29,59,92,.6);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);box-shadow:0 4px 20px rgba(0,0,0,.3)}.widget-container:hover{border-color:rgba(56,189,248,.35);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(56,189,248,.1);transform:translateY(-2px)}.widget-container.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(56,189,248,.3),0 0 24px rgba(56,189,248,.2)}.widget-container.filtering{border-color:var(--accent);box-shadow:0 0 20px rgba(56,189,248,.45)}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--background);background:color-mix(in srgb,var(--background) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent);cursor:move}.widget-title{font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.widget-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.widget-container:hover .widget-actions{opacity:1}.widget-body{padding:12px;height:calc(100% - 37px)}.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){.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}.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{display:flex!important;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:#F8FAFC!important;--surface:#FFFFFF!important;--surface-elevated:#F1F5F9!important;--surface-hover:#E2E8F0!important;--border:#E2E8F0!important;--border-light:rgba(226,232,240,0.5)!important;--text-primary:#0F172A!important;--text-secondary:#475569!important;--text-muted:#64748B!important;--text-disabled:#94A3B8!important;--accent:#2563EB!important;--accent-hover:#1D4ED8!important;--accent-glow:rgba(37,99,235,0.1)!important;--primary:#2563EB!important;--primary-hover:#1D4ED8!important;--chart-seq-1:#E0F2FE!important;--chart-seq-2:#BAE6FD!important;--chart-seq-3:#7DD3FC!important;--chart-seq-4:#38BDF8!important;--chart-seq-5:#0284C7!important;color:#0F172A!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:#0F172A!important;border-color:#E2E8F0!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:#F1F5F9!important;color:#0F172A!important}.theme-nordic-light .badge{background:#E2E8F0!important;color:#0F172A!important}.theme-nordic-light .btn-ghost{color:#475569!important}.theme-nordic-light .btn-ghost:hover{background:#E2E8F0!important}.theme-cyberpunk{--background:#0B001A!important;--surface:#160033!important;--surface-elevated:#28004D!important;--surface-hover:#3C0070!important;--border:rgba(0,255,255,0.25)!important;--border-light:rgba(0,255,255,0.15)!important;--text-primary:#00FFFF!important;--text-secondary:#FF00AA!important;--text-muted:#FFFF00!important;--text-disabled:#660066!important;--accent:#00FFFF!important;--accent-hover:#E6E600!important;--accent-glow:rgba(0,255,255,0.3)!important;--primary:#FF007F!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:rgba(0,255,255,.25)!important}.theme-cyberpunk .card,.theme-cyberpunk .widget-card{background:#160033!important;border:1px solid rgba(0,255,255,.25)!important;box-shadow:0 0 20px rgba(0,255,255,.2),inset 0 0 8px rgba(0,255,255,.1)!important}.theme-cyberpunk .btn,.theme-cyberpunk .btn-primary{box-shadow:0 0 20px rgba(0,255,255,.3)!important}.theme-cyberpunk th{background-color:#28004D!important;color:#00FFFF!important}.theme-emerald{--background:#021C15!important;--surface:#062E23!important;--surface-elevated:#065F46!important;--surface-hover:#047857!important;--border:rgba(52,211,153,0.25)!important;--border-light:rgba(52,211,153,0.15)!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:rgba(52,211,153,.25)!important}.theme-emerald .card,.theme-emerald .widget-card{background:#062E23!important;border:1px solid rgba(52,211,153,.25)!important;box-shadow:0 0 15px rgba(16,185,129,.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-right:3px solid var(--accent)}html[dir=rtl] .dashboard-toolbar,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}body.kiosk-mode .ai-assistant-fab,body.kiosk-mode .dashboard-config-panel,body.kiosk-mode .dashboard-subtoolbar,body.kiosk-mode .dashboard-toolbar,body.kiosk-mode .dashboard-widget-panel,body.kiosk-mode .mobile-canvas-warning,body.kiosk-mode .mobile-header,body.kiosk-mode .sidebar{display:none!important}body.kiosk-mode .dashboard-canvas{background-image:none!important}body.kiosk-mode .app-layout{--sidebar-width:0px!important}body.kiosk-mode .app-main{margin-left:0!important;margin-right:0!important;padding:0!important;height:100vh;overflow:hidden}.kiosk-hud{position:fixed;top:0;left:0;right:0;height:52px;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(6,17,31,.93);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(56,189,248,.15);box-shadow:0 4px 24px rgba(0,0,0,.5);animation:kioskHudSlide .3s cubic-bezier(.4,0,.2,1)}@keyframes kioskHudSlide{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}body.kiosk-mode .dashboard-page-content{padding-top:52px!important;height:100vh;overflow:auto}.page-enter{animation:pageEnter .35s cubic-bezier(.4,0,.2,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-enter{opacity:0;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.stagger-enter:first-child{animation-delay:0s}.stagger-enter:nth-child(2){animation-delay:50ms}.stagger-enter:nth-child(3){animation-delay:.1s}.stagger-enter:nth-child(4){animation-delay:.15s}.stagger-enter:nth-child(5){animation-delay:.2s}.stagger-enter:nth-child(6){animation-delay:.25s}.stagger-enter:nth-child(7){animation-delay:.3s}.stagger-enter:nth-child(8){animation-delay:.35s}.stagger-enter:nth-child(9){animation-delay:.4s}.stagger-enter:nth-child(10){animation-delay:.45s}.stagger-enter:nth-child(n+11){animation-delay:.5s}.card-hover:hover{border-color:rgba(56,189,248,.35);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(56,189,248,.1),var(--shadow-accent-glow);transform:translateY(-3px)}.card-glass-premium{background:linear-gradient(135deg,rgba(11,30,51,.8),rgba(6,17,31,.9));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(29,59,92,.6);border-radius:var(--radius-xl);position:relative;overflow:hidden;transition:all var(--transition-base)}.card-glass-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,.04),transparent 60%);pointer-events:none;border-radius:inherit}.card-glass-premium:hover{border-color:rgba(56,189,248,.3);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 0 1px rgba(56,189,248,.15),0 0 24px rgba(56,189,248,.08);transform:translateY(-3px)}.gradient-border{position:relative;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,rgba(56,189,248,.3),rgba(37,99,235,.2),rgba(56,189,248,.05))}.gradient-border>*{border-radius:calc(var(--radius-xl) - 1px);background:var(--surface)}.auth-orb-1,.auth-orb-2,.auth-orb-3{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:orbFloat 8s ease-in-out infinite}.auth-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.15) 0,transparent 70%);top:-100px;left:-100px;animation-duration:9s}.auth-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(56,189,248,.1) 0,transparent 70%);bottom:-50px;right:-50px;animation-duration:7s;animation-delay:-3s}.auth-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(30,58,138,.2) 0,transparent 70%);top:40%;right:20%;animation-duration:11s;animation-delay:-5s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,20px) scale(.97)}}.widget-type-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;border-radius:var(--radius-full);background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.15);color:var(--text-muted);white-space:nowrap}.sidebar-item.active{background:linear-gradient(90deg,rgba(56,189,248,.1),rgba(56,189,248,.03));color:var(--accent)}html[dir=ltr] .sidebar-item.active{border-left:2px solid var(--accent);border-right:none}html[dir=rtl] .sidebar-item.active{border-right:2px solid var(--accent);border-left:none}.focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.number-transition{transition:color var(--transition-base),transform var(--transition-base)}.live-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-full);font-size:10px;font-weight:600;color:var(--success)}.live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.widget-header-glass{background:rgba(6,17,31,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(29,59,92,.4)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.15),0 0 12px rgba(37,99,235,.1)}.input-search{padding-inline-start:36px}.shimmer-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.03) 50%,rgba(255,255,255,0));animation:shimmerSlide 2s infinite;pointer-events:none;border-radius:inherit}@keyframes shimmerSlide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:4px 10px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:11px;font-weight:500;color:var(--text-secondary);white-space:nowrap;pointer-events:none;z-index:9999;box-shadow:var(--shadow-lg);animation:fadeInDown var(--transition-fast) ease-out}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-spin{animation:spin 1s linear infinite!important;animation-duration:1s!important;animation-iteration-count:infinite!important}.stagger-enter,.stagger-enter>*{animation:none!important;opacity:1!important;transform:none!important}}.interactive-card,.interactive-lift,.interactive-nudge,.interactive-text{transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.interactive-card:focus-visible,.interactive-card:hover{background:var(--surface-hover)!important;border-color:var(--accent)!important}.interactive-nudge:focus-visible,.interactive-nudge:hover{background:var(--surface-hover)!important;border-color:var(--accent)!important;transform:translateX(2px)}html[dir=rtl] .interactive-nudge:focus-visible,html[dir=rtl] .interactive-nudge:hover{transform:translateX(-2px)}.interactive-lift:focus-visible,.interactive-lift:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.35)!important;box-shadow:0 8px 32px rgba(0,0,0,.4)!important}.interactive-text:focus-visible,.interactive-text:hover{color:var(--text-primary)}@media (hover:none){.interactive-card:hover,.interactive-lift:hover,.interactive-nudge:hover,.interactive-text:hover{background:inherit;transform:none;box-shadow:none}}.menu-item{transition:background var(--transition-fast)}.menu-item:focus-visible,.menu-item:hover{background:var(--surface-elevated)!important}@media (hover:none){.menu-item:hover{background:transparent!important}}.config-section-toggle{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;cursor:pointer;text-align:start;font:inherit;color:inherit}.config-section-chevron{flex-shrink:0;transition:transform var(--transition-fast);transform:rotate(90deg)}.config-section[data-collapsed=true]>:not(.config-section-toggle){display:none}.config-section[data-collapsed=true] .config-section-chevron{transform:rotate(0deg)}html[dir=rtl] .config-section[data-collapsed=true] .config-section-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.config-section-chevron{transition:none}}html[dir=rtl] .react-grid-layout{direction:ltr}html[dir=rtl] .react-grid-layout>.react-grid-item,html[dir=rtl] .react-grid-layout>.widget-container{direction:rtl}