:root{--primary-light: #8B5CF6;--primary-dark: #7C3AED;--secondary-light: #EC4899;--secondary-dark: #DB2777;--success-light: #10B981;--success-dark: #059669;--warning-light: #F59E0B;--warning-dark: #D97706;--danger-light: #EF4444;--danger-dark: #DC2626;--info-light: #3B82F6;--info-dark: #2563EB;--dark-light: #374151;--dark-dark: #1F2937}.data-analytics-container{min-height:100vh;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.data-analytics-container:is(.dark *){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #581c87 var(--tw-gradient-to-position)}.upload-zone{position:relative;border-radius:1rem;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:2rem;text-align:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.upload-zone:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.upload-zone{background:linear-gradient(135deg,#8b5cf60d,#ec48990d)}.upload-zone:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.upload-zone:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.upload-zone:hover{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);transform:translateY(-2px);box-shadow:0 20px 40px #8b5cf626}.upload-zone.dragover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.upload-zone.dragover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));background-color:#1e3a8a33}.upload-zone.dragover{transform:scale(1.02)}.analysis-card{border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.analysis-card:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.analysis-card:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.analysis-card{background:linear-gradient(135deg,#ffffffe6,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .analysis-card{background:linear-gradient(135deg,#1f2937e6,#1f2937f2)}.field-card{border-radius:.75rem;border-left-width:4px;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.field-card:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.field-card:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.field-card:hover{transform:translate(4px)}.field-type-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600}.field-type-string{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.field-type-string:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.field-type-number{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.field-type-number:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.field-type-boolean{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.field-type-boolean:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(88 28 135 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.field-type-date{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.field-type-date:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.field-type-object{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.field-type-object:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))}.field-type-array{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(157 23 77 / var(--tw-text-opacity, 1))}.field-type-array:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(131 24 67 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(251 207 232 / var(--tw-text-opacity, 1))}.code-container{border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.code-container:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.code-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.code-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));padding-bottom:1rem}.code-tabs{display:flex}.code-tabs>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.code-tabs:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.code-tab{border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(135deg,#8b5cf61a,#ec48991a)}.code-tab.active{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%)}.code-tab:hover:not(.active){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.visualization-section{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eff6ff var(--tw-gradient-to-position);padding-top:4rem;padding-bottom:4rem}.visualization-section:is(.dark *){--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1e3a8a var(--tw-gradient-to-position)}.chart-container{border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.chart-container:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chart-container:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.chart-container{background:linear-gradient(135deg,#fffffff2,#fffffffa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .chart-container{background:linear-gradient(135deg,#374151f2,#374151fa)}.chart-placeholder{display:flex;height:16rem;align-items:center;justify-content:center;border-radius:.5rem;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.chart-placeholder:is(.dark *){--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.chart-placeholder{background:linear-gradient(135deg,#8b5cf60d,#ec48990d)}.chart-icon{height:4rem;width:4rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chart-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chart-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{border-radius:.5rem;padding:1rem;text-align:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.stat-card:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stat-card{background:linear-gradient(135deg,#8b5cf60d,#ec48990d)}.stat-card:hover{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);transform:translateY(-2px)}.stat-value{font-size:1.5rem;line-height:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.insights-container{border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.insights-container:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.insights-container{background:linear-gradient(135deg,#fffffff2,#fffffffa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .insights-container{background:linear-gradient(135deg,#374151f2,#374151fa)}.recommendations-container{border-radius:1rem;padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:linear-gradient(135deg,#3b82f60d,#6366f10d);border:1px solid rgba(59,130,246,.1)}.dark .recommendations-container{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid rgba(59,130,246,.2)}.insight-item{display:flex;align-items:flex-start}.insight-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.insight-item:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.insight-dot{margin-top:.5rem;height:.5rem;width:.5rem;flex-shrink:0;border-radius:9999px;background:linear-gradient(135deg,var(--info-light) 0%,var(--info-dark) 100%)}.recommendation-dot{margin-top:.5rem;height:.5rem;width:.5rem;flex-shrink:0;border-radius:9999px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%)}.btn-primary{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-primary:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-dark) 100%);box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{box-shadow:0 8px 25px #8b5cf666}.btn-secondary{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-secondary:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-secondary:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-secondary{background:linear-gradient(135deg,var(--secondary-light) 0%,var(--secondary-dark) 100%);box-shadow:0 4px 15px #ec48994d}.btn-secondary:hover{box-shadow:0 8px 25px #ec489966}.btn-success{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-success:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-success:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-success{background:linear-gradient(135deg,var(--success-light) 0%,var(--success-dark) 100%);box-shadow:0 4px 15px #10b9814d}.btn-success:hover{box-shadow:0 8px 25px #10b98166}.loading-spinner{display:inline-flex;cursor:not-allowed;align-items:center;padding:.5rem 1rem;font-weight:600;line-height:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%)}.spinner{margin-left:-.25rem;margin-right:.75rem;height:1.25rem;width:1.25rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.upload-zone{padding:1.5rem}.analysis-card,.chart-container{padding:1rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-container{padding:1rem}.code-tabs{flex-wrap:wrap}.code-tab{padding:.25rem .75rem;font-size:.75rem;line-height:1rem}}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.scale-in{animation:scaleIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}html{scroll-behavior:smooth}.btn-primary:focus,.btn-secondary:focus,.btn-success:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .5)}.code-tab:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .5)}@media print{.data-analytics-container{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.analysis-card,.chart-container,.insights-container{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.btn-primary,.btn-secondary,.btn-success{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}:root{--dashboard-primary: #8B5CF6;--dashboard-primary-dark: #7C3AED;--dashboard-secondary: #EC4899;--dashboard-secondary-dark: #DB2777;--dashboard-success: #10B981;--dashboard-success-dark: #059669;--dashboard-warning: #F59E0B;--dashboard-warning-dark: #D97706;--dashboard-danger: #EF4444;--dashboard-danger-dark: #DC2626;--dashboard-info: #3B82F6;--dashboard-info-dark: #2563EB;--dashboard-bg: #f8fafc;--dashboard-bg-dark: #0f172a;--dashboard-card-bg: #ffffff;--dashboard-card-bg-dark: #1e293b;--dashboard-border: #e2e8f0;--dashboard-border-dark: #334155;--dashboard-text: #1e293b;--dashboard-text-dark: #f1f5f9;--dashboard-text-muted: #64748b;--dashboard-text-muted-dark: #94a3b8}.dashboard-container{min-height:100vh;background:var(--dashboard-bg);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-container.dark{background:var(--dashboard-bg-dark)}.dashboard-header{background:var(--dashboard-card-bg);border-bottom:1px solid var(--dashboard-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.dashboard-header.dark{background:var(--dashboard-card-bg-dark);border-bottom-color:var(--dashboard-border-dark)}.dashboard-header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1400px;margin:0 auto}.dashboard-title{font-size:1.875rem;font-weight:700;color:var(--dashboard-text);margin:0}.dashboard-title.dark{color:var(--dashboard-text-dark)}.dashboard-controls{display:flex;align-items:center;gap:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem;max-width:1400px;margin:0 auto}.metric-card{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:1rem;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.metric-card.dark{background:var(--dashboard-card-bg-dark);border-color:var(--dashboard-border-dark)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--dashboard-primary),var(--dashboard-secondary));border-radius:1rem 1rem 0 0}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metric-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));color:#fff}.metric-info{flex:1;margin-left:1rem}.metric-title{font-size:.875rem;font-weight:500;color:var(--dashboard-text-muted);margin-bottom:.25rem}.metric-title.dark{color:var(--dashboard-text-muted-dark)}.metric-value{font-size:2rem;font-weight:700;color:var(--dashboard-text);line-height:1}.metric-value.dark{color:var(--dashboard-text-dark)}.metric-change{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;font-weight:500}.metric-change.positive{color:var(--dashboard-success)}.metric-change.negative{color:var(--dashboard-danger)}.metric-change.neutral{color:var(--dashboard-text-muted)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.chart-widget{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:1rem;overflow:hidden;transition:all .3s ease;position:relative}.chart-widget.dark{background:var(--dashboard-card-bg-dark);border-color:var(--dashboard-border-dark)}.chart-widget:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--dashboard-border);background:linear-gradient(135deg,#8b5cf60d,#ec48990d)}.chart-header.dark{border-bottom-color:var(--dashboard-border-dark);background:linear-gradient(135deg,#8b5cf61a,#ec48991a)}.chart-title{font-size:1.25rem;font-weight:600;color:var(--dashboard-text);margin:0}.chart-title.dark{color:var(--dashboard-text-dark)}.chart-controls{display:flex;align-items:center;gap:.5rem}.chart-control-btn{padding:.5rem;border:none;background:transparent;color:var(--dashboard-text-muted);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.chart-control-btn:hover{background:#8b5cf61a;color:var(--dashboard-primary)}.chart-control-btn.dark:hover{background:#8b5cf633}.chart-content{padding:1.5rem;height:400px;position:relative}.chart-container{width:100%;height:100%;position:relative}.filter-panel{position:relative}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #8b5cf64d}.filter-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;width:320px;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;overflow:hidden}.filter-dropdown.dark{background:var(--dashboard-card-bg-dark);border-color:var(--dashboard-border-dark)}.filter-header{padding:1.5rem;border-bottom:1px solid var(--dashboard-border);background:linear-gradient(135deg,#8b5cf60d,#ec48990d)}.filter-header.dark{border-bottom-color:var(--dashboard-border-dark);background:linear-gradient(135deg,#8b5cf61a,#ec48991a)}.filter-title{font-size:1.125rem;font-weight:600;color:var(--dashboard-text);margin:0}.filter-title.dark{color:var(--dashboard-text-dark)}.filter-content{padding:1.5rem;max-height:400px;overflow-y:auto}.filter-group{margin-bottom:1.5rem}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;font-size:.875rem;font-weight:500;color:var(--dashboard-text);margin-bottom:.5rem}.filter-label.dark{color:var(--dashboard-text-dark)}.filter-input{width:100%;padding:.75rem;border:1px solid var(--dashboard-border);border-radius:.5rem;background:var(--dashboard-card-bg);color:var(--dashboard-text);font-size:.875rem;transition:all .2s ease}.filter-input.dark{background:var(--dashboard-card-bg-dark);border-color:var(--dashboard-border-dark);color:var(--dashboard-text-dark)}.filter-input:focus{outline:none;border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #8b5cf61a}.filter-select{width:100%;padding:.75rem;border:1px solid var(--dashboard-border);border-radius:.5rem;background:var(--dashboard-card-bg);color:var(--dashboard-text);font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-select.dark{background:var(--dashboard-card-bg-dark);border-color:var(--dashboard-border-dark);color:var(--dashboard-text-dark)}.filter-select:focus{outline:none;border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #8b5cf61a}.filter-checkbox-group{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.filter-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.filter-checkbox:hover{background:#8b5cf60d}.filter-checkbox.dark:hover{background:#8b5cf61a}.filter-checkbox input[type=checkbox]{width:1rem;height:1rem;border:2px solid var(--dashboard-border);border-radius:.25rem;cursor:pointer}.filter-checkbox.dark input[type=checkbox]{border-color:var(--dashboard-border-dark)}.filter-checkbox-label{font-size:.875rem;color:var(--dashboard-text);cursor:pointer}.filter-checkbox-label.dark{color:var(--dashboard-text-dark)}.dashboard-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.dashboard-btn-primary{background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));color:#fff}.dashboard-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #8b5cf64d}.dashboard-btn-secondary{background:var(--dashboard-card-bg);color:var(--dashboard-text);border:1px solid var(--dashboard-border)}.dashboard-btn-secondary.dark{background:var(--dashboard-card-bg-dark);color:var(--dashboard-text-dark);border-color:var(--dashboard-border-dark)}.dashboard-btn-secondary:hover{background:#8b5cf60d;border-color:var(--dashboard-primary)}.dashboard-btn-secondary.dark:hover{background:#8b5cf61a}.dashboard-btn-success{background:linear-gradient(135deg,var(--dashboard-success),var(--dashboard-success-dark));color:#fff}.dashboard-btn-success:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d}.dashboard-btn-danger{background:linear-gradient(135deg,var(--dashboard-danger),var(--dashboard-danger-dark));color:#fff}.dashboard-btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #ef44444d}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:1rem}.dashboard-spinner{width:3rem;height:3rem;border:4px solid var(--dashboard-border);border-top:4px solid var(--dashboard-primary);border-radius:50%;animation:spin 1s linear infinite}.dashboard-spinner.dark{border-color:var(--dashboard-border-dark);border-top-color:var(--dashboard-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-empty{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:1rem;text-align:center;color:var(--dashboard-text-muted)}.dashboard-empty.dark{color:var(--dashboard-text-muted-dark)}.dashboard-empty-icon{width:4rem;height:4rem;color:var(--dashboard-text-muted)}.dashboard-empty.dark .dashboard-empty-icon{color:var(--dashboard-text-muted-dark)}.dashboard-empty-title{font-size:1.5rem;font-weight:600;color:var(--dashboard-text);margin:0}.dashboard-empty.dark .dashboard-empty-title{color:var(--dashboard-text-dark)}.dashboard-empty-description{font-size:1rem;color:var(--dashboard-text-muted);margin:0}.dashboard-empty.dark .dashboard-empty-description{color:var(--dashboard-text-muted-dark)}@media (max-width: 768px){.dashboard-header-content{padding:1rem;flex-direction:column;gap:1rem}.dashboard-title{font-size:1.5rem}.metrics-grid,.charts-grid{grid-template-columns:1fr;padding:1rem}.chart-content{height:300px}.filter-dropdown{width:100%;max-width:320px}.dashboard-controls{flex-wrap:wrap;gap:.5rem}}@media (max-width: 480px){.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.chart-header{padding:1rem}.chart-content{padding:1rem;height:250px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dashboard-fade-in{animation:fadeInUp .6s ease-out}.dashboard-scale-in{animation:fadeInScale .4s ease-out}.dashboard-customizable{--custom-primary: var(--dashboard-primary);--custom-secondary: var(--dashboard-secondary);--custom-success: var(--dashboard-success);--custom-warning: var(--dashboard-warning);--custom-danger: var(--dashboard-danger);--custom-info: var(--dashboard-info)}.dashboard-theme-light{--dashboard-bg: #f8fafc;--dashboard-card-bg: #ffffff;--dashboard-border: #e2e8f0;--dashboard-text: #1e293b;--dashboard-text-muted: #64748b}.dashboard-theme-dark{--dashboard-bg: #0f172a;--dashboard-card-bg: #1e293b;--dashboard-border: #334155;--dashboard-text: #f1f5f9;--dashboard-text-muted: #94a3b8}.dashboard-theme-purple{--custom-primary: #8B5CF6;--custom-secondary: #A855F7;--custom-success: #10B981;--custom-warning: #F59E0B;--custom-danger: #EF4444;--custom-info: #3B82F6}.dashboard-theme-blue{--custom-primary: #3B82F6;--custom-secondary: #1D4ED8;--custom-success: #10B981;--custom-warning: #F59E0B;--custom-danger: #EF4444;--custom-info: #06B6D4}.dashboard-theme-green{--custom-primary: #10B981;--custom-secondary: #059669;--custom-success: #84CC16;--custom-warning: #F59E0B;--custom-danger: #EF4444;--custom-info: #3B82F6}