@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--accent-50:#faf5ff;--accent-100:#f3e8ff;--accent-200:#e9d5ff;--accent-300:#d8b4fe;--accent-400:#c084fc;--accent-500:#a855f7;--accent-600:#9333ea;--accent-700:#7c3aed;--accent-800:#6b21a8;--accent-900:#581c87;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--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;--primary-color:var(--primary-600);--primary-rose:var(--accent-600);--accent-color:var(--success-600);--text-color:var(--gray-900);--text-muted:var(--gray-600);--text-light:var(--gray-500);--bg-page:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%);--bg-card:#fff;--bg-glass:#fffc;--bg-hover:var(--gray-50);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--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;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Monaco","Cascadia Code","Roboto Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f9fafb,#f0f9ff);background:var(--bg-page);color:#111827;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-sans);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column;height:100%}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-color);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:.5rem;margin-bottom:var(--space-2)}h1{font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#4b5563;color:var(--text-muted);margin-bottom:1rem;margin-bottom:var(--space-4)}small{color:#6b7280;color:var(--text-light)}code,small{font-size:.875rem;font-size:var(--font-size-sm)}code{background:#f3f4f6;background:var(--gray-100);border-radius:.25rem;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;font-family:var(--font-family-mono);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}:focus{outline:2px solid #0ea5e9;outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--primary-500);outline-offset:2px}::selection{background:#bae6fd;background:var(--primary-200);color:#0c4a6e;color:var(--primary-900)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:.5rem;border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:.5rem;border-radius:var(--radius);-webkit-transition:background .3s cubic-bezier(0,0,.2,1);transition:background .3s cubic-bezier(0,0,.2,1);-webkit-transition:background var(--duration-normal) var(--ease-out);transition:background var(--duration-normal) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(0,0,.2,1);animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp .3s cubic-bezier(0,0,.2,1);animation:slideUp var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn .3s cubic-bezier(0,0,.2,1);animation:scaleIn var(--duration-normal) var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.2,1) infinite;animation:pulse 2s var(--ease-in-out) infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--primary-color:#06c;--accent-color:#06c;--text-color:#000;--text-muted:#000;--bg-card:#fff}}@media (prefers-color-scheme:dark){:root{--text-color:var(--gray-100);--text-muted:var(--gray-400);--text-light:var(--gray-500);--bg-page:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);--bg-card:var(--gray-800);--bg-glass:#1f2937cc;--bg-hover:var(--gray-700)}}@media print{body{background:#fff;color:#000}.btn,.navbar,button{display:none!important}.chart-container,.dashboard{break-inside:avoid;page-break-inside:avoid}}.App{background:var(--bg-page);display:flex;flex-direction:column;min-height:100vh}.main-content{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);flex:1 1;position:relative}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.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-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.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-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)}.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)}.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)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;line-height:1;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--duration-slow) var(--ease-out);width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{transform:translateY(-1px);transition-duration:var(--duration-fast)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%)}.btn-primary,.btn-secondary{box-shadow:var(--shadow-md);color:#fff}.btn-secondary{background:linear-gradient(135deg,var(--gray-500) 0,var(--gray-600) 100%)}.btn-accent{background:linear-gradient(135deg,var(--accent-500) 0,var(--accent-600) 100%)}.btn-accent,.btn-success{box-shadow:var(--shadow-md);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%)}.btn-warning{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%)}.btn-error,.btn-warning{box-shadow:var(--shadow-md);color:#fff}.btn-error{background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%)}.btn-outline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-glass);border:2px solid var(--primary-500);color:var(--primary-600)}.btn-ghost{background:#0000;border:1px solid var(--gray-300);color:var(--text-color)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--gray-400)}.btn-sm{border-radius:var(--radius);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}.btn-lg{border-radius:var(--radius-xl);font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8)}.btn-xl{border-radius:var(--radius-2xl);font-size:var(--font-size-xl);padding:var(--space-5) var(--space-10)}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{background:var(--bg-glass);border-bottom:1px solid var(--gray-200)}.card-body,.card-footer,.card-header{padding:var(--space-6)}.card-footer{background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--gray-200)}.form-group{margin-bottom:var(--space-6)}.form-label{color:var(--text-color);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--text-color);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--space-3) var(--space-4);transition:all var(--duration-normal) var(--ease-out);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none;transform:translateY(-1px)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.form-textarea{min-height:120px;resize:vertical}.alert{animation:slideUp var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:4px solid;border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4) var(--space-6)}.alert-success{background:var(--success-50);border-left-color:var(--success-500);color:var(--success-700)}.alert-warning{background:var(--warning-50);border-left-color:var(--warning-500);color:var(--warning-700)}.alert-error{background:var(--error-50);border-left-color:var(--error-500);color:var(--error-700)}.alert-info{background:var(--primary-50);border-left-color:var(--primary-500);color:var(--primary-700)}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}.spinner-sm{border-width:2px;height:20px;width:20px}.spinner-lg{border-width:4px;height:60px;width:60px}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:var(--radius)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;padding:var(--space-1) var(--space-3)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-error{background:var(--error-100);color:var(--error-700)}.text-primary{color:var(--primary-600)}.text-secondary{color:var(--gray-600)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-error{color:var(--error-600)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.bg-primary{background:var(--primary-500)}.bg-secondary{background:var(--gray-500)}.bg-success{background:var(--success-500)}.bg-warning{background:var(--warning-500)}.bg-error{background:var(--error-500)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.btn{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-5)}.card-body,.card-footer,.card-header{padding:var(--space-4)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (max-width:480px){.btn{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}}@media (prefers-color-scheme:dark){.card,.card-footer,.card-header{border-color:var(--gray-700)}.form-input,.form-select,.form-textarea{background:var(--gray-700);border-color:var(--gray-600)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-400)}}.navbar{align-items:center;-webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px);background:linear-gradient(135deg,var(--primary-600) 0,var(--accent-600) 100%);background-clip:padding-box;border-bottom:1px solid #ffffff1a;box-shadow:var(--shadow-lg);color:#fff;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-8);position:sticky;top:0;z-index:1000}.navbar-brand h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;text-shadow:0 2px 4px #0003}.navbar-menu{flex-wrap:wrap}.nav-item,.navbar-menu{align-items:center;display:flex;gap:var(--space-2)}.nav-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;transition:all var(--duration-normal) var(--ease-out)}.nav-item:hover:not(.disabled){background:#ffffff40;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.nav-item.active{background:#ffffff4d;border-color:#fff6;box-shadow:0 8px 20px #0003;transform:translateY(-1px)}.nav-item.disabled{cursor:not-allowed;opacity:.5}.nav-icon{font-size:1.1rem}.nav-label{white-space:nowrap}.data-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:var(--radius-full);gap:var(--space-3);padding:var(--space-2) var(--space-4)}.data-status,.status-item{align-items:center;display:flex}.status-item{border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:all var(--duration-fast) var(--ease-out)}@media (max-width:1024px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar-menu{justify-content:center}.nav-label{display:none}.nav-item{padding:.5rem}}@media (max-width:768px){.navbar-brand h1{font-size:1.2rem}.data-status{gap:.5rem}.status-item{font-size:.7rem;padding:.2rem .4rem}}.data-upload{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1200px;padding:var(--space-8)}.upload-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-glass);border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);padding:var(--space-8);text-align:center}.upload-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600) 0,var(--accent-600) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.upload-header p{color:var(--text-muted);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.upload-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--space-8)}.upload-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:2px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--duration-normal) var(--ease-out)}.upload-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-2xl);transform:translateY(-6px)}.upload-card.completed{background:linear-gradient(135deg,var(--success-50) 0,var(--success-100) 100%);border-color:var(--success-500);box-shadow:0 0 0 4px #22c55e1a}.card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;position:relative}.card-icon{font-size:1.5rem}.card-header h3{color:#333;font-size:1.25rem;margin:0}.success-badge{animation:bounce .6s ease-in-out;font-size:1.2rem;position:absolute;right:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.card-description{color:#666;line-height:1.5;margin-bottom:1rem}.required-columns h4{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.columns-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.column-tag{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem}.upload-actions{display:flex;gap:.75rem;margin-bottom:1rem}.file-input{display:none}.file-label{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-align:center;transition:all var(--duration-normal) var(--ease-out)}.file-label:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sample-btn{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap}.sample-btn:hover{background:linear-gradient(135deg,var(--warning-600) 0,var(--warning-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.loading-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-bottom:1rem;overflow:hidden;width:100%}.loading-progress{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2);height:100%}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.upload-message{border-radius:8px;font-size:.9rem;margin-top:1rem;padding:.75rem}.upload-message.success{background:var(--success-50);border:1px solid var(--success-200);box-shadow:var(--shadow-sm);color:var(--success-700)}.upload-message.error{background:var(--error-50);border:1px solid var(--error-200);box-shadow:var(--shadow-sm);color:var(--error-700)}.upload-tips{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-glass);border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6)}.upload-tips h3{color:var(--text-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.upload-tips ul{color:var(--text-muted);margin:0;padding-left:var(--space-6)}.upload-tips li{font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2)}@media (max-width:768px){.data-upload{padding:1rem}.upload-grid{gap:1rem;grid-template-columns:1fr}.upload-card{padding:1rem}.upload-header h2{font-size:1.5rem}.upload-actions{flex-direction:column}.columns-list{justify-content:center}}.dashboard{animation:fadeIn .6s ease-out;background:#0000;margin:0 auto;max-width:1600px;min-height:calc(100vh - 80px);padding:var(--space-8)}.dashboard-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-glass);border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative;text-align:center}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600) 0,var(--accent-600) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.dashboard-header p{color:var(--text-muted);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6)}.summary-cards{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-content:center;margin-top:var(--space-6)}.summary-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-color);gap:var(--space-4);overflow:hidden;padding:var(--space-5) var(--space-6);position:relative;transition:all var(--duration-normal) var(--ease-out)}.summary-icon{align-items:center;background:linear-gradient(135deg,var(--primary-100) 0,var(--accent-100) 100%);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:2rem;height:48px;justify-content:center;opacity:.9;width:48px}.summary-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-color) 0,var(--primary-600) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-content p{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.charts-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}@media (max-width:1280px){.charts-grid{grid-template-columns:1fr}}.charts-grid>.chart-container{z-index:1}.chart-container{animation:slideUp var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-height:680px;overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--duration-normal) var(--ease-out)}.chart-container.enhanced{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-glass);border:1px solid #fff3}.chart-container:hover{box-shadow:0 16px 40px #1118271f;transform:translateY(-2px)}.chart-container h3{border-bottom:2px solid #f3f4f6;color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem;text-align:center}.chart-subtitle{color:#6b7280;font-size:.95rem;margin:.25rem 0 1rem;text-align:center}.plot-holder{height:620px;overflow:hidden;position:relative;width:100%}.chart-container .js-plotly-plot,.chart-container .plot-container,.chart-container .svg-container{height:100%!important;width:100%!important}.chart-error{background:#fff;background:#fef2f2;border:2px dashed #fecaca;border-radius:12px;padding:2rem;text-align:center}.chart-error h3{color:#dc2626;margin-bottom:1rem}.chart-error p{color:#991b1b;font-size:1rem}.loading-spinner{margin-bottom:1.5rem}.dashboard-loading h2{color:#374151;font-size:1.8rem;margin-bottom:.5rem}.dashboard-loading p{color:#6b7280;font-size:1.1rem}.dashboard-error{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:2rem;padding:3rem}.dashboard-error h2{color:#dc2626;font-size:1.8rem;margin-bottom:1rem}.dashboard-error p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.dashboard-actions{gap:1rem;margin-top:2rem}.refresh-btn,.retry-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-rose) 100%);border-radius:9999px;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.refresh-btn:hover,.retry-btn:hover{box-shadow:0 4px 12px #10b98166}.retry-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.retry-btn:hover{box-shadow:0 4px 12px #f59e0b66}.kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.kpi-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:all .3s ease}.kpi-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.kpi-card.positive{border-left-color:#10b981}.kpi-card.negative{border-left-color:#ef4444}.kpi-card.warning{border-left-color:#f59e0b}.kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.kpi-title{color:#6b7280;font-size:.9rem;font-weight:500}.kpi-icon{font-size:1.2rem}.kpi-value{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.25rem}.kpi-change{font-size:.8rem;font-weight:500}.kpi-change.positive{color:#10b981}.kpi-change.negative{color:#ef4444}.kpi-change.neutral{color:#6b7280}@media (max-width:1024px){.dashboard{padding:1rem}.charts-grid{gap:1rem;grid-template-columns:1fr}.chart-container{padding:1rem}.dashboard-header{padding:1.5rem}.dashboard-header h1{font-size:2rem}.summary-cards{align-items:center;flex-direction:column}.summary-card{max-width:360px;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dashboard-header h1{font-size:1.8rem}.dashboard-header p{font-size:1rem}.charts-grid{grid-template-columns:1fr}.chart-container h3{font-size:1.1rem}.kpi-grid{grid-template-columns:1fr}.summary-card{padding:1rem}.summary-content h3{font-size:1.2rem}.chart-container{overflow-x:auto}}.chart-loading{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.chart-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.chart-header{align-items:center;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.chart-type-selector{background:var(--gray-100);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);padding:var(--space-1)}.chart-type-btn{background:#0000;border:none;border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);position:relative;transition:all var(--duration-fast) var(--ease-out)}.chart-type-btn:hover{background:var(--gray-200)}.chart-type-btn.active{background:var(--primary-500);box-shadow:var(--shadow-sm);color:#fff}.chart-metrics{grid-gap:var(--space-3);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--space-4);padding:var(--space-4)}.metric{padding:var(--space-2);text-align:center}.metric-label{color:var(--text-muted);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.metric-value{color:var(--text-color);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.chart-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);height:400px;justify-content:center}.chart-loading p{color:var(--text-muted);font-size:var(--font-size-sm)}.summary-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl)}.summary-card:hover .summary-icon{background:linear-gradient(135deg,var(--primary-200) 0,var(--accent-200) 100%);transform:scale(1.1)}@media (max-width:768px){.chart-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.chart-type-selector{justify-content:center}.chart-metrics{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:var(--font-size-base)}}.dashboard-loading{align-items:center;animation:fadeIn var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-top-color:var(--primary-500);margin-bottom:var(--space-6)}.dashboard-loading h2{color:var(--text-color);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.dashboard-loading p{color:var(--text-muted);font-size:var(--font-size-lg)}.dashboard-error{align-items:center;animation:slideUp var(--duration-normal) var(--ease-out);background:var(--bg-card);border:1px solid var(--error-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;margin:var(--space-8);min-height:60vh;padding:var(--space-12);text-align:center}.dashboard-error h2{color:var(--error-600);font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.dashboard-error p{color:var(--text-muted);font-size:var(--font-size-lg);margin-bottom:var(--space-8);max-width:500px}.dashboard-actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-8)}.refresh-btn,.retry-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-8);transition:all var(--duration-normal) var(--ease-out)}.refresh-btn:hover,.retry-btn:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.retry-btn{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%)}.retry-btn:hover{background:linear-gradient(135deg,var(--warning-600) 0,var(--warning-700) 100%)}.analysis-report{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1600px;min-height:calc(100vh - 80px);padding:2rem}.report-header{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;margin-bottom:2rem;overflow:hidden}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:2rem}.header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.header-text p{color:#6b7280;font-size:1.1rem;margin:0}.header-actions{flex-shrink:0}.generate-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.analysis-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-top:1px solid #e5e7eb;display:flex;gap:2rem;justify-content:center;padding:1rem 2rem}.badge-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.badge-label{color:#6b7280;font-size:.75rem;font-weight:500}.badge-value{color:#0369a1;font-family:Monaco,Courier New,monospace;font-size:.875rem;font-weight:600}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:16px;margin-bottom:2rem;overflow:hidden}.error-content{align-items:flex-start;display:flex;gap:1.5rem;padding:2rem}.error-icon{flex-shrink:0}.error-text h3{color:#991b1b;font-size:1.25rem;margin:0 0 1rem}.error-text p{color:#b91c1c;margin:0 0 1rem}.error-suggestions{margin-top:1rem}.error-suggestions ul{color:#dc2626;margin:.5rem 0 0 1rem;padding:0}.error-suggestions li{margin-bottom:.25rem}.loading-container{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;margin-bottom:2rem;padding:4rem;text-align:center}.loading-animation{display:inline-block;margin-bottom:2rem;position:relative}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.loading-pulse{animation:pulse 2s ease-in-out infinite;border:2px solid #667eea4d;border-radius:50%;height:80px;left:-10px;position:absolute;top:-10px;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.loading-container h2{color:#374151;font-size:1.5rem;margin-bottom:1rem}.loading-container p{color:#6b7280;margin-bottom:2rem}.loading-steps{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:400px}.step{background:#f3f4f6;border-left:4px solid #0000;border-radius:12px;color:#374151;font-size:.9rem;padding:1rem;text-align:left;transition:all .3s ease}.step.active{background:linear-gradient(135deg,#10b981,#059669);border-left-color:#065f46;box-shadow:0 4px 12px #10b9814d;color:#fff;transform:scale(1.02)}.report-content{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;margin-bottom:2rem;overflow:hidden}.section-tabs{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto;padding:0 1rem}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:600;padding:1.25rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#667eea0d;color:#374151}.tab-btn.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea}.tab-btn.active:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.section-content{min-height:500px;padding:2rem}.report-section{max-width:100%}.section-header{border-bottom:2px solid #f3f4f6;margin-bottom:3rem;padding-bottom:1rem;text-align:center}.section-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#6b7280;font-size:1rem;margin:0}.summary-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.summary-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.summary-card.highlight{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.card-icon{flex-shrink:0;font-size:2.5rem}.card-content h3{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.big-number{color:#1f2937;font-size:2rem;font-weight:800;line-height:1;margin:.5rem 0}.big-number.quality-score{color:#10b981}.card-content small{color:#9ca3af;font-size:.8rem}.quality-section{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:16px;margin:3rem 0;padding:2rem}.quality-section h3{color:#374151;font-size:1.25rem;margin-bottom:2rem;text-align:center}.quality-grid{display:flex;flex-direction:column;gap:1.5rem}.quality-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.quality-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.quality-label{color:#374151;font-weight:600}.quality-score{color:#10b981;font-weight:700}.quality-bar{background:#e5e7eb;border-radius:6px;height:12px;overflow:hidden;position:relative}.quality-fill{border-radius:6px;height:100%;transition:width .8s ease}.quality-fill.sales{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.quality-fill.costs{background:linear-gradient(90deg,#10b981,#059669)}.quality-fill.raws{background:linear-gradient(90deg,#f59e0b,#d97706)}.performance-section{margin:3rem 0}.performance-section h3{color:#374151;font-size:1.25rem;margin-bottom:2rem;text-align:center}.performance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.performance-item{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:1.5rem}.performance-info{display:flex;flex-direction:column;gap:.25rem}.module-name{color:#374151;font-size:.9rem;font-weight:600;text-transform:capitalize}.execution-time{color:#6b7280;font-family:Monaco,Courier New,monospace;font-size:.8rem}.status{border-radius:20px;font-size:.75rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.status.success{background:#d1fae5;color:#065f46}.status.failed{background:#fee2e2;color:#991b1b}.metrics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.metric-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.metric-card.revenue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.metric-card.profit{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.metric-card.margin{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.metric-card.orders{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#6366f1}.metric-icon{flex-shrink:0;font-size:2.5rem}.metric-content h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .5rem}.metric-value{color:#1f2937;font-size:1.8rem;font-weight:800;line-height:1;margin:0 0 .5rem}.metric-trend{color:#6b7280;font-size:.8rem;font-weight:500}.enhanced-metrics{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:16px;margin:3rem 0;padding:2rem}.enhanced-metrics h3{color:#374151;font-size:1.25rem;margin-bottom:2rem;text-align:center}.enhanced-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.enhanced-item{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1.5rem}.enhanced-icon{flex-shrink:0;font-size:1.5rem}.enhanced-content{display:flex;flex-direction:column;gap:.25rem}.enhanced-content .label{color:#6b7280;font-size:.9rem;font-weight:500}.enhanced-content .value{color:#1f2937;font-size:1.1rem;font-weight:700}.top-products{margin:3rem 0}.top-products h3{color:#374151;font-size:1.25rem;margin-bottom:2rem;text-align:center}.products-table-container{background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden}.products-table{border-collapse:collapse;width:100%}.products-table th{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;color:#374151;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.products-table td{border-bottom:1px solid #f3f4f6;font-size:.9rem;padding:1rem}.products-table tr.top-performer{background:linear-gradient(135deg,#fef3c7,#fde68a)}.products-table tr:hover{background:#f9fafb}.rank-cell{text-align:center}.rank-badge{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:inline-flex;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.rank-badge.top{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.product-name{color:#1f2937;font-weight:600}.profit-cell,.revenue-cell{color:#059669;font-weight:600}.margin-cell{font-weight:700}.margin-cell.high{color:#10b981}.margin-cell.medium{color:#f59e0b}.margin-cell.low{color:#ef4444}.quantity-cell{color:#6b7280}.chart-section{margin:3rem 0}.chart-section h3{color:#374151;font-size:1.25rem;margin-bottom:2rem;text-align:center}.chart-container{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:2rem}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.category-card{background:#fff;border:2px solid;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:2rem;transition:all .3s ease}.category-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.category-card.stars{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.category-card.hidden-gems{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.category-card.leakage{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-color:#f56565}.category-card.dead-items{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#6b7280}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-icon{font-size:2rem}.category-header h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0}.category-count{align-items:center;background:#fffc;border-radius:50%;color:#1f2937;display:flex;font-size:1.5rem;font-weight:800;height:40px;justify-content:center;min-width:40px;padding:.5rem}.category-description{color:#4b5563;font-size:.9rem;font-style:italic;margin-bottom:1rem}.category-list{list-style:none;margin:0;padding:0}.category-item{align-items:center;color:#374151;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.item-bullet{color:#6b7280;font-weight:700}.performance-leaders{margin:3rem 0}.performance-leaders h3{color:#374151;font-size:1.25rem;margin-bottom:2rem;text-align:center}.leaders-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.leader-category{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:2rem}.leader-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.leader-icon{font-size:1.5rem}.leader-header h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.leader-list{list-style:none;margin:0;padding:0}.leader-item{align-items:center;border-radius:8px;color:#374151;display:flex;font-weight:500;gap:1rem;margin-bottom:.75rem;padding:.5rem;transition:background .2s ease}.leader-item:hover{background:#f9fafb}.leader-rank{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.insights-container{margin:2rem 0}.insights-stats{display:flex;gap:3rem;justify-content:center;margin-bottom:3rem}.insight-stat{text-align:center}.insight-stat .stat-number{color:#10b981;display:block;font-size:2rem;font-weight:800;line-height:1}.insight-stat .stat-label{color:#6b7280;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.insights-list{display:flex;flex-direction:column;gap:1.5rem}.insight-item{align-items:flex-start;background:#fff;border-left:4px solid #fbbf24;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.insight-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.insight-item.priority{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#ef4444}.insight-icon{flex-shrink:0;font-size:1.5rem;margin-top:.1rem}.insight-content{flex:1 1}.insight-content p{color:#374151;font-weight:500;line-height:1.6;margin:0 0 .5rem}.priority-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.business-intelligence{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #8b5cf6;border-radius:16px;margin:3rem 0;padding:2rem}.business-intelligence h3{color:#6b46c1;font-size:1.25rem;margin-bottom:2rem;text-align:center}.bi-insights{display:flex;flex-direction:column;gap:1rem}.bi-item{align-items:flex-start;background:#fff;border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1.5rem}.bi-icon{flex-shrink:0;font-size:1.5rem;margin-top:.1rem}.bi-content p{color:#374151;font-weight:500;line-height:1.6;margin:0}.executive-ai-summary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981;border-radius:16px;margin:3rem 0;padding:2rem}.executive-ai-summary h3{color:#059669;font-size:1.25rem;margin-bottom:2rem;text-align:center}.ai-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.summary-label{color:#059669;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.summary-value{color:#374151;font-family:Monaco,Courier New,monospace;font-size:.9rem;font-weight:500;line-height:1.6;white-space:pre-wrap}.recommendations-stats{display:flex;gap:3rem;justify-content:center;margin-bottom:3rem}.rec-stat{text-align:center}.rec-stat .stat-number{color:#3b82f6;display:block;font-size:2rem;font-weight:800;line-height:1}.rec-stat .stat-label{color:#6b7280;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.recommendations-container{display:flex;flex-direction:column;gap:2rem}.recommendation-card{background:#fff;border-left:6px solid;border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:all .3s ease}.recommendation-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.recommendation-card.critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#dc2626}.recommendation-card.high{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-left-color:#ea580c}.recommendation-card.medium{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#d97706}.recommendation-card.low{background:linear-gradient(135deg,#f7fee7,#d9f99d);border-left-color:#65a30d}.rec-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem}.rec-priority-badge{align-items:center;display:flex;gap:1rem}.rec-priority{color:#fff;font-weight:700}.rec-category,.rec-priority{border-radius:20px;font-size:.75rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.rec-category{background:#fffc;color:#374151;font-weight:600}.rec-index{align-items:center;background:#0000001a;border-radius:50%;color:#374151;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;padding:.5rem;width:40px}.rec-content{padding:2rem}.rec-title{color:#1f2937;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 1.5rem}.rec-action,.rec-impact{background:#fff9;border-radius:8px;margin-top:1rem;padding:1rem}.rec-label{color:#374151;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.rec-text{color:#4b5563;line-height:1.5}.red-flags-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem}.flag-stat{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;min-width:80px;padding:1rem;text-align:center}.flag-stat.critical{border:2px solid #dc2626}.flag-stat.high{border:2px solid #ea580c}.flag-stat.medium{border:2px solid #d97706}.flag-stat .stat-number{display:block;font-size:1.5rem;font-weight:800;line-height:1}.flag-stat.critical .stat-number{color:#dc2626}.flag-stat.high .stat-number{color:#ea580c}.flag-stat.medium .stat-number{color:#d97706}.flag-stat .stat-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.red-flags-container{display:flex;flex-direction:column;gap:2rem}.red-flag-card{background:#fff;border-left:6px solid;border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:all .3s ease}.red-flag-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.red-flag-card.critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#dc2626}.red-flag-card.high{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-left-color:#ea580c}.red-flag-card.medium{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#d97706}.flag-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem}.flag-severity-badge{align-items:center;display:flex;gap:1rem}.flag-severity{color:#fff;font-weight:700}.flag-category,.flag-severity{border-radius:20px;font-size:.75rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.flag-category{background:#fffc;color:#374151;font-weight:600}.flag-icon{font-size:2rem}.flag-content{padding:2rem}.flag-title{color:#1f2937;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 1.5rem}.flag-description,.flag-recommendation{background:#fff9;border-radius:8px;margin-top:1rem;padding:1rem}.flag-label{color:#374151;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.flag-text{color:#4b5563;line-height:1.5}.no-data,.no-flags{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:4rem 2rem;text-align:center}.no-data-icon,.success-icon{font-size:4rem;margin-bottom:1rem}.no-data h3,.success-state h3{color:#374151;font-size:1.5rem;margin:0 0 1rem}.no-data p,.success-state p{color:#6b7280;font-size:1rem;margin:0 0 2rem}.success-details{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.success-metric{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:.5rem;padding:.75rem 1rem}.metric-icon{font-size:1.2rem}.error-state{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:2rem;text-align:center}.error-icon{font-size:2rem;margin-bottom:1rem}.error-state p{color:#991b1b;margin:0}.report-footer{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;overflow:hidden}.footer-content{padding:3rem}.analysis-completion{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981;border-radius:16px;display:flex;gap:2rem;margin-bottom:3rem;padding:2rem}.completion-icon{flex-shrink:0;font-size:3rem}.completion-text h3{color:#059669;font-size:1.5rem;margin:0 0 1rem}.completion-text p{color:#374151;font-size:1rem;margin:0 0 .5rem}.ai-ready{color:#059669;font-weight:600}.next-steps h4{color:#1f2937;font-size:1.25rem;margin-bottom:2rem;text-align:center}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.step-item:hover{background:#f3f4f6;transform:translateY(-2px)}.step-icon{flex-shrink:0;font-size:1.5rem}.step-text{color:#374151;font-weight:500;line-height:1.4}@media (max-width:1200px){.analysis-report{padding:1.5rem}.categories-grid,.leaders-grid,.metrics-grid,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.analysis-report{padding:1rem}.header-content{flex-direction:column;gap:1.5rem;text-align:center}.header-text h1{font-size:2rem}.analysis-badge{flex-direction:column;gap:1rem}.section-content{padding:1.5rem}.categories-grid,.leaders-grid,.metrics-grid,.summary-grid{grid-template-columns:1fr}.flag-header,.insights-stats,.rec-header,.recommendations-stats,.red-flags-stats{flex-direction:column;gap:1rem}.flag-header,.rec-header{align-items:flex-start}.success-details{align-items:center;flex-direction:column}.steps-grid{grid-template-columns:1fr}.analysis-completion{flex-direction:column;text-align:center}}.ai-assistant{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem}.ai-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem;text-align:center}.ai-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.ai-header p{color:#6b7280;font-size:1.1rem}.chat-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;height:70vh;overflow:hidden}.messages-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex:1 1;overflow-y:auto;padding:1.5rem}.message{animation:fadeInUp .3s ease-out;display:flex;gap:1rem;margin-bottom:1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.message.assistant .message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.message-content{max-width:70%;min-width:200px}.message.user .message-content{text-align:right}.message-text{background:#fff;border-radius:18px;box-shadow:0 2px 4px #0000001a;color:#374151;line-height:1.5;padding:1rem 1.5rem}.message.user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.assistant .message-text{background:#f9fafb;border:1px solid #e5e7eb}.message-line{margin-bottom:.25rem}.message-time{color:#9ca3af;font-size:.75rem;margin-top:.5rem;padding:0 .5rem}.message.loading .message-text{background:#f3f4f6;border:1px solid #d1d5db}.typing-indicator{display:flex;gap:4px;margin-bottom:.5rem}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#6b7280;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.sample-questions{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.sample-questions h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.questions-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sample-question-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;text-align:left;transition:all .2s ease}.sample-question-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.sample-question-btn:disabled{cursor:not-allowed;opacity:.5}.input-container{align-items:flex-end;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:1rem;padding:1.5rem}.message-input{border:2px solid #e5e7eb;border-radius:12px;flex:1 1;font-family:inherit;font-size:1rem;padding:1rem;resize:none;transition:border-color .2s ease}.message-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.message-input:disabled{background:#f9fafb;opacity:.7}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-width:60px;padding:1rem 1.5rem;transition:all .2s ease}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:1024px){.ai-assistant{padding:1rem}.chat-container{height:75vh}.message-content{max-width:85%}.questions-grid{grid-template-columns:1fr}}@media (max-width:768px){.ai-header h1{font-size:2rem}.ai-header p{font-size:1rem}.chat-container{height:70vh}.messages-container{padding:1rem}.message{gap:.75rem;margin-bottom:1rem}.message-avatar{font-size:1.2rem;height:35px;width:35px}.message-content{max-width:90%;min-width:150px}.message-text{font-size:.9rem;padding:.75rem 1rem}.input-container{flex-direction:column;gap:.75rem;padding:1rem}.send-button{padding:.75rem;width:100%}.sample-questions{padding:1rem}.sample-question-btn{font-size:.8rem;padding:.75rem}}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f5f9}.messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}
/*# sourceMappingURL=main.91666349.css.map*/