@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap";:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0fdf4;--secondary-100: #dcfce7;--secondary-200: #bbf7d0;--secondary-300: #86efac;--secondary-400: #4ade80;--secondary-500: #22c55e;--secondary-600: #16a34a;--secondary-700: #15803d;--secondary-800: #166534;--secondary-900: #14532d;--accent-50: #fef3c7;--accent-100: #fde68a;--accent-200: #fcd34d;--accent-300: #fbbf24;--accent-400: #f59e0b;--accent-500: #d97706;--accent-600: #b45309;--accent-700: #92400e;--accent-800: #78350f;--accent-900: #451a03;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info-50: #eff6ff;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .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;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .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-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--chart-color-1: var(--primary-500);--chart-color-2: var(--secondary-500);--chart-color-3: var(--accent-500);--chart-color-4: #8b5cf6;--chart-color-5: #ec4899;--chart-color-6: #06b6d4;--chart-color-7: #84cc16;--chart-color-8: #f97316}body{margin:0;font-family:var(--font-family-base);line-height:var(--leading-normal);color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.text-primary{color:var(--primary-600)}.text-secondary{color:var(--secondary-600)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-error{color:var(--error-600)}.text-info{color:var(--info-600)}.text-gray-50{color:var(--gray-50)}.text-gray-100{color:var(--gray-100)}.text-gray-200{color:var(--gray-200)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.bg-primary{background-color:var(--primary-600)}.bg-secondary{background-color:var(--secondary-600)}.bg-success{background-color:var(--success-600)}.bg-warning{background-color:var(--warning-600)}.bg-error{background-color:var(--error-600)}.bg-info{background-color:var(--info-600)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-900{background-color:var(--gray-900)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.transition-fast{transition:all var(--transition-fast)}.transition{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.transition-slower{transition:all var(--transition-slower)}.glass{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.gradient-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%)}.gradient-secondary{background:linear-gradient(135deg,var(--secondary-500) 0%,var(--secondary-700) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--accent-400) 0%,var(--accent-600) 100%)}.gradient-rainbow{background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 25%,var(--accent-500) 50%,#8b5cf6 75%,#ec4899 100%)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus{outline:2px solid var(--primary-500);outline-offset:2px}.focus-ring-inset:focus{outline:2px solid var(--primary-500);outline-offset:-2px}@media (prefers-color-scheme: dark){:root{--background-color: var(--gray-900);--surface-color: var(--gray-800);--text-primary: var(--gray-100);--text-secondary: var(--gray-300);--border-color: var(--gray-700)}}.quest-performance,.customer-intelligence,.customer-sentiment{padding:0;background:transparent}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.metric-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-base)}.metric-card:hover:before{transform:scaleX(1)}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.metric-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);line-height:var(--leading-tight)}.metric-icon{font-size:var(--text-2xl);background:var(--gradient-primary);border-radius:var(--radius-xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.metric-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-2);line-height:1}.metric-trend{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-3)}.trend-positive{color:var(--success-600)}.trend-negative{color:var(--error-600)}.trend-neutral{color:var(--gray-500)}.metric-description{font-size:var(--text-xs);color:var(--gray-600);line-height:var(--leading-relaxed)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.chart-title:before{font-size:var(--text-2xl)}.chart-actions{display:flex;gap:var(--space-2)}.chart-filter{padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);background:#fff;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast)}.chart-filter:hover{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.chart-wrapper{height:400px;background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%);border-radius:var(--radius-xl);padding:var(--space-4);position:relative}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:var(--space-4)}.spinner{width:40px;height:40px;border:4px solid var(--primary-200);border-left-color:var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--gray-600);font-size:var(--text-base);font-weight:var(--font-medium)}.recharts-wrapper{font-family:var(--font-family-base)}.recharts-cartesian-grid line{stroke:var(--gray-200);stroke-dasharray:3 3}.recharts-cartesian-axis-tick text{fill:var(--gray-600);font-size:var(--text-xs);font-weight:var(--font-medium)}.recharts-cartesian-axis-line{stroke:var(--gray-300)}.recharts-legend-wrapper{padding-top:var(--space-4)}.recharts-legend-item{margin-right:var(--space-4)}.recharts-legend-item-text{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.recharts-tooltip-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);background:#fff}.recharts-default-tooltip{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3)}.recharts-tooltip-label{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.recharts-tooltip-item{color:var(--gray-700);font-size:var(--text-sm);padding:var(--space-1) 0}.recharts-bar{transition:all var(--transition-fast)}.recharts-bar:hover{filter:brightness(1.1);drop-shadow:var(--shadow-md)}.recharts-line{stroke-width:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.recharts-dot{stroke-width:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.recharts-pie-sector{transition:all var(--transition-fast)}.recharts-pie-sector:hover{filter:brightness(1.1);transform:scale(1.02)}.recharts-funnel-trapezoid{transition:all var(--transition-fast)}.recharts-funnel-trapezoid:hover{filter:brightness(1.1);stroke:#fff;stroke-width:2}.chart-color-scheme-primary{--chart-1: var(--primary-500);--chart-2: var(--primary-600);--chart-3: var(--primary-400);--chart-4: var(--primary-700);--chart-5: var(--primary-300)}.chart-color-scheme-multi{--chart-1: var(--primary-500);--chart-2: var(--secondary-500);--chart-3: var(--accent-500);--chart-4: #8b5cf6;--chart-5: #ec4899;--chart-6: #06b6d4;--chart-7: #84cc16;--chart-8: #f97316}.quest-performance .chart-title:before{content:"🎯"}.customer-intelligence .chart-title:before{content:"🧠"}.customer-sentiment .chart-title:before{content:"😊"}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr;gap:var(--space-4)}.metric-card{padding:var(--space-4)}.metric-value{font-size:var(--text-2xl)}.chart-wrapper{height:300px;padding:var(--space-2)}.chart-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.chart-actions{width:100%;flex-wrap:wrap}.chart-filter{flex:1;min-width:120px}}@media (max-width: 480px){.metric-header{flex-direction:column;gap:var(--space-3)}.metric-icon{width:40px;height:40px;font-size:var(--text-xl)}.chart-wrapper{height:250px}.recharts-legend-wrapper{padding-top:var(--space-2)}.recharts-legend-item{margin-right:var(--space-2);margin-bottom:var(--space-1)}}*,*:before,*:after{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4) 0;font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--gray-900)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-.025em}h2{font-size:var(--text-3xl);letter-spacing:-.025em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0 0 var(--space-4) 0;color:var(--gray-700);line-height:var(--leading-relaxed)}a{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}a:focus{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family-base);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;color:#fff;background-color:var(--primary-600);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}button:hover:not(:disabled){background-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:focus{outline:2px solid var(--primary-500);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-secondary{background-color:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.button-secondary:hover:not(:disabled){background-color:var(--gray-200);color:var(--gray-800)}.button-outline{background-color:transparent;color:var(--primary-600);border-color:var(--primary-600)}.button-outline:hover:not(:disabled){background-color:var(--primary-50);color:var(--primary-700)}.button-ghost{background-color:transparent;color:var(--gray-600);border-color:transparent}.button-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--gray-800)}.button-danger{background-color:var(--error-600);color:#fff}.button-danger:hover:not(:disabled){background-color:var(--error-700)}.button-success{background-color:var(--success-600);color:#fff}.button-success:hover:not(:disabled){background-color:var(--success-700)}.button-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.button-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],textarea,select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-base);font-size:var(--text-sm);color:var(--gray-900);background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}input::placeholder,textarea::placeholder{color:var(--gray-400)}textarea{resize:vertical;min-height:80px;font-family:var(--font-family-mono);line-height:var(--leading-relaxed)}code,pre{font-family:var(--font-family-mono);font-size:var(--text-sm)}code{padding:var(--space-1) var(--space-2);background-color:var(--gray-100);color:var(--gray-800);border-radius:var(--radius-sm)}pre{padding:var(--space-4);background-color:var(--gray-900);color:var(--gray-100);border-radius:var(--radius-lg);overflow-x:auto;line-height:var(--leading-relaxed)}pre code{background:none;padding:0;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word;word-break:break-word}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.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)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media (max-width: 768px){.container{padding:0 var(--space-3)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 100%);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.login-form{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:420px;position:relative;z-index:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:64px;height:64px;margin:0 auto var(--space-4) auto;background:var(--gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:#fff;font-weight:var(--font-bold)}.login-form h2{text-align:center;margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.025em}.login-subtitle{text-align:center;color:var(--gray-600);font-size:var(--text-sm);margin:0 0 var(--space-8) 0}.form-group{margin-bottom:var(--space-6);position:relative}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--gray-700);font-weight:var(--font-medium);font-size:var(--text-sm)}.form-group input{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--text-base);color:var(--gray-900);background-color:var(--gray-50);transition:all var(--transition-base);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary-500);background-color:#fff;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.form-group input::placeholder{color:var(--gray-400)}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:var(--text-lg);pointer-events:none;transition:color var(--transition-base)}.form-group input:focus+.input-icon{color:var(--primary-500)}.input-with-icon{padding-left:var(--space-12)}.error-message{color:var(--error-600);background:linear-gradient(135deg,var(--error-50) 0%,rgba(239,68,68,.05) 100%);border:1px solid var(--error-200);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-2);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message:before{content:"⚠️";font-size:var(--text-base)}.login-button{width:100%;padding:var(--space-4) var(--space-6);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;margin-bottom:var(--space-6)}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:before{left:100%}.loading-text{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-left-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.login-footer{text-align:center;color:var(--gray-500);font-size:var(--text-xs);margin-top:var(--space-4)}.login-footer a{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium)}.login-footer a:hover{text-decoration:underline}@media (max-width: 480px){.login-container{padding:var(--space-3)}.login-form{padding:var(--space-6);border-radius:var(--radius-xl)}.login-form h2{font-size:var(--text-2xl)}}.customer-experience{padding:0;background:transparent;min-height:100vh}.cx-header{background:#fff;padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-6);position:relative;overflow:hidden}.cx-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.cx-header h1{margin:0 0 var(--space-6) 0;color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-3)}.cx-header h1:before{content:"😊";font-size:var(--text-3xl)}.global-filters{display:flex;gap:var(--space-6);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label{font-weight:var(--font-medium);color:var(--gray-700);font-size:var(--text-sm)}.filter-group select{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;font-size:var(--text-sm);color:var(--gray-900);min-width:180px;transition:all var(--transition-base)}.filter-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.cx-tabs{display:flex;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-6);overflow:hidden;position:relative}.cx-tabs:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.tab-button{flex:1;padding:var(--space-4) var(--space-6);border:none;background:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-700);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;border-bottom:3px solid transparent}.tab-button:hover{background:var(--gray-50);color:var(--gray-900);transform:translateY(-1px);border-bottom-color:var(--gray-300)}.tab-button.active{background:var(--primary-600)!important;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%)!important;color:#fff!important;font-weight:var(--font-semibold)!important;transform:translateY(-2px);box-shadow:var(--shadow-md);border-bottom:3px solid var(--primary-500);text-shadow:0 1px 2px rgba(0,0,0,.1)}.tab-button.active:hover{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%)!important;color:#fff!important}.tab-button.active .tab-icon{color:#fff!important}.tab-icon{font-size:var(--text-lg)}.cx-content{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);min-height:600px;position:relative;overflow:hidden}.cx-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sentiment-analysis{margin-top:var(--space-6);padding:var(--space-6);background:var(--gray-50);border-radius:var(--radius-2xl);border:1px solid var(--gray-200)}.sentiment-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.sentiment-title:before{content:"📊";font-size:var(--text-lg)}.sentiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.sentiment-item{background:#fff;padding:var(--space-4);border-radius:var(--radius-xl);border-left:4px solid var(--success-500);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.sentiment-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.sentiment-item.negative{border-left-color:var(--error-500)}.sentiment-label{font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-2);font-size:var(--text-sm)}.sentiment-text{color:var(--gray-600);line-height:var(--leading-relaxed);font-size:var(--text-sm)}@media (max-width: 768px){.cx-header{padding:var(--space-4)}.cx-header h1{font-size:var(--text-2xl);flex-direction:column;text-align:center;gap:var(--space-2)}.global-filters{flex-direction:column;gap:var(--space-4)}.filter-group select{min-width:100%}.cx-tabs{flex-direction:column}.tab-button{padding:var(--space-3) var(--space-4);transform:none}.tab-button:hover{transform:none}.tab-button.active{transform:none;background:var(--primary-600)!important;color:#fff!important;font-weight:var(--font-semibold)!important}.sentiment-grid{grid-template-columns:1fr;gap:var(--space-4)}}.dashboard{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%);display:flex;flex-direction:column}.dashboard-header{background:#fff;color:var(--gray-900);padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:var(--z-50);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dashboard-header-brand{display:flex;align-items:center;gap:var(--space-3)}.dashboard-logo{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg)}.dashboard-header h1{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);letter-spacing:-.025em}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.logout-btn{background:var(--error-600);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.logout-btn:hover{background:var(--error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.logout-btn:before{content:"🚪";font-size:var(--text-sm)}.dashboard-nav{background:#fff;padding:0 var(--space-6);display:flex;gap:0;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard-nav::-webkit-scrollbar{display:none}.nav-btn{background:none;border:none;padding:var(--space-4) var(--space-6);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);border-bottom:3px solid transparent;transition:all var(--transition-base);white-space:nowrap;position:relative;display:flex;align-items:center;gap:var(--space-2)}.nav-btn:hover{color:var(--gray-800);background:linear-gradient(180deg,transparent 0%,var(--gray-50) 100%)}.nav-btn.active{color:var(--primary-600);border-bottom-color:var(--primary-600);background:linear-gradient(180deg,var(--primary-50) 0%,white 100%)}.nav-btn:before{font-size:var(--text-base)}.dashboard-content{flex:1;padding:var(--space-6);max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.tab-content{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section{background:#fff;margin-bottom:var(--space-6);padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);position:relative;overflow:hidden}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.section h2,.section h3{margin-top:0;margin-bottom:var(--space-4);color:var(--gray-900);font-weight:var(--font-bold)}.section h2{font-size:var(--text-2xl);display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.section h3{font-size:var(--text-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-base)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-icon{font-size:var(--text-3xl);background:var(--gradient-primary);border-radius:var(--radius-2xl);width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-info{flex:1}.stat-info h3{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold)}.stat-info p{margin:0 0 var(--space-4) 0;color:var(--gray-600);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.explore-btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.explore-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.quick-actions-section{margin-top:var(--space-8)}.quick-actions-section h3{margin-bottom:var(--space-6);color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-3)}.quick-actions-section h3:before{content:"⚡";font-size:var(--text-2xl)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.quick-action-category{background:var(--gray-50);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--gray-200)}.quick-action-category h4{margin:0 0 var(--space-4) 0;color:var(--gray-800);font-size:var(--text-lg);font-weight:var(--font-semibold)}.quick-action-form{background:#fff;border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--gray-200);transition:all var(--transition-base)}.quick-action-form:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-action-form h5{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold)}.quick-action-form p{margin:0 0 var(--space-4) 0;color:var(--gray-600);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.param-input{margin-bottom:var(--space-4)}.param-input label{display:block;margin-bottom:var(--space-2);color:var(--gray-700);font-weight:var(--font-medium);font-size:var(--text-sm)}.param-input input,.param-input select{width:100%;padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--gray-900);background-color:#fff;transition:all var(--transition-base);box-sizing:border-box}.param-input input:focus,.param-input select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.quick-action-submit{background:var(--success-600);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;width:100%;transition:all var(--transition-base)}.quick-action-submit:hover{background:var(--success-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tables-browser{display:grid;grid-template-columns:1fr 450px;gap:var(--space-6);min-height:70vh}.table-categories{overflow-y:auto;padding-right:var(--space-2)}.table-category{margin-bottom:var(--space-6);background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--gray-200);box-shadow:var(--shadow-md)}.category-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.category-icon{font-size:var(--text-3xl);background:var(--gradient-primary);border-radius:var(--radius-xl);width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff}.category-header h3{margin:0;color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold)}.category-header p{margin:var(--space-1) 0 0 0;color:var(--gray-600);font-size:var(--text-sm)}.tables-list{display:flex;flex-direction:column;gap:var(--space-3)}.table-item{background:var(--gray-50);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--gray-200);transition:all var(--transition-base)}.table-item:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}.table-info h4{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-family-mono)}.table-info p{margin:0 0 var(--space-3) 0;color:var(--gray-600);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.table-meta{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.record-count{font-size:var(--text-xs);color:var(--success-600);font-weight:var(--font-semibold)}.key-fields{font-size:var(--text-xs);color:var(--gray-500);font-family:var(--font-family-mono)}.table-actions{display:flex;gap:var(--space-2)}.preview-btn,.query-btn{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.preview-btn{background:var(--info-600);color:#fff}.preview-btn:hover{background:var(--info-700);transform:translateY(-1px)}.query-btn{background:var(--secondary-600);color:#fff}.query-btn:hover{background:var(--secondary-700);transform:translateY(-1px)}.table-preview{background:#fff;border-radius:var(--radius-2xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.preview-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;background:var(--gray-50)}.preview-header h3{margin:0;color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold)}.close-preview{background:var(--gray-200);border:none;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-600);font-size:var(--text-lg);transition:all var(--transition-base)}.close-preview:hover{background:var(--gray-300);color:var(--gray-800)}.reports-section h3{margin-bottom:var(--space-6);color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold)}.report-category{margin-bottom:var(--space-8)}.report-category h4{margin:0 0 var(--space-4) 0;color:var(--gray-800);font-size:var(--text-xl);font-weight:var(--font-semibold);padding-bottom:var(--space-3);border-bottom:2px solid var(--gray-200)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}.report-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-base)}.report-card:hover:before{transform:scaleX(1)}.report-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.report-card h5{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold)}.report-card p{margin:0 0 var(--space-4) 0;color:var(--gray-600);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.run-report-btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;width:100%;transition:all var(--transition-base)}.run-report-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.run-report-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.query-section h3{margin-bottom:var(--space-6);color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-3)}.query-section h3:before{content:"💻";font-size:var(--text-2xl)}.query-editor{background:#fff;border-radius:var(--radius-2xl);border:1px solid var(--gray-200);overflow:hidden;box-shadow:var(--shadow-md)}.query-input{width:100%;padding:var(--space-6);border:none;font-family:var(--font-family-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);resize:vertical;background:var(--gray-50);color:var(--gray-900);box-sizing:border-box;min-height:200px}.query-input:focus{outline:none;background:#fff}.query-input::placeholder{color:var(--gray-400)}.query-actions{padding:var(--space-4) var(--space-6);background:#fff;border-top:1px solid var(--gray-200);display:flex;gap:var(--space-3)}.execute-btn{background:var(--success-600);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.execute-btn:hover:not(:disabled){background:var(--success-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.execute-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.clear-btn{background:var(--gray-200);color:var(--gray-700);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.clear-btn:hover{background:var(--gray-300);color:var(--gray-800)}.debug-info{background:var(--info-50);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);border-left:4px solid var(--info-500)}.debug-info p{margin:var(--space-2) 0;font-size:var(--text-sm);color:var(--info-800)}.debug-info code{background:var(--info-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);color:var(--info-900)}.debug-btn{background:var(--info-600);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.debug-btn:hover{background:var(--info-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.debug-note{background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-xl);padding:var(--space-4);margin-top:var(--space-4)}.debug-note p{margin:0 0 var(--space-2) 0;color:var(--warning-800);font-weight:var(--font-semibold)}.debug-note ul{margin:0;padding-left:var(--space-6);color:var(--warning-700)}.debug-note li{margin-bottom:var(--space-1);font-size:var(--text-sm)}.button-group{display:flex;gap:var(--space-3);flex-wrap:wrap}.button-group button{background:var(--primary-600);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base)}.button-group button:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.loading{text-align:center;padding:var(--space-12);color:var(--primary-600);font-size:var(--text-lg);font-weight:var(--font-medium);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading:after{content:"";display:block;width:40px;height:40px;border:4px solid var(--primary-200);border-left-color:var(--primary-600);border-radius:50%;animation:spin 1s ease-in-out infinite}.error{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff;border:none;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);margin:var(--space-4) 0;box-shadow:var(--shadow-lg);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-3)}.error:before{content:"⚠️";font-size:var(--text-lg)}.data-display{max-height:600px;overflow:auto;border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-md)}.data-display pre{background:var(--gray-900);color:var(--gray-100);padding:var(--space-6);margin:0;white-space:pre-wrap;font-family:var(--font-family-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--gray-200)}.data-table th,.data-table td{border:1px solid var(--gray-200);padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top}.data-table th{background:var(--gradient-primary);color:#fff;font-weight:var(--font-semibold);position:sticky;top:0;z-index:var(--z-10);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.data-table tr:nth-child(2n){background:var(--gray-50)}.data-table tr:hover{background:var(--primary-50)}.data-table td{font-family:var(--font-family-mono);font-size:var(--text-xs);word-break:break-word;max-width:200px;color:var(--gray-700)}.chart-container{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);position:relative;overflow:hidden}.chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.chart-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.chart-title{margin:0;color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-3)}.chart-wrapper{height:400px;background:var(--gray-50);border-radius:var(--radius-xl);padding:var(--space-4)}.data-source{margin-top:var(--space-8);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-xl);border-left:4px solid var(--info-500)}.data-source-title{font-weight:var(--font-semibold);color:var(--info-800);font-size:var(--text-sm);margin-bottom:var(--space-2)}@media (max-width: 1200px){.tables-browser{grid-template-columns:1fr;gap:var(--space-4)}.table-preview{max-height:50vh}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.dashboard-content{padding:var(--space-4)}.dashboard-nav{padding:0 var(--space-4)}.nav-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}.stat-card{padding:var(--space-4);flex-direction:column;text-align:center}.quick-actions-grid,.reports-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.dashboard-header{padding:var(--space-3) var(--space-4)}.dashboard-header h1{font-size:var(--text-xl)}.query-actions{flex-direction:column}.table-actions{flex-direction:column;gap:var(--space-2)}}@media (max-width: 480px){.dashboard-nav{padding:0 var(--space-2)}.nav-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.dashboard-content{padding:var(--space-3)}.section{padding:var(--space-4);margin-bottom:var(--space-4)}.stat-card{padding:var(--space-3)}.category-header{flex-direction:column;text-align:center;gap:var(--space-2)}.table-item{padding:var(--space-3)}.chart-wrapper{height:300px}}.App{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-left-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--gray-600);text-align:center}@media (max-width: 768px){.App{background:var(--gray-50)}}