*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0f172a;--primary-light:#1e3a5f;--primary-gradient:linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1a365d 100%);--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#60a5fa;--accent-glow:#3b82f626;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--warning:#f59e0b;--warning-bg:#fffbeb;--bg:#f8fafc;--bg-subtle:#f1f5f9;--card:#fff;--text:#0f172a;--text-secondary:#475569;--text-light:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--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;--radius:12px;--radius-lg:16px;--radius-xl:20px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderDash{to{stroke-dashoffset:0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s var(--transition) both}.animate-in-delay-1{animation-delay:50ms}.animate-in-delay-2{animation-delay:.1s}.animate-in-delay-3{animation-delay:.15s}.animate-in-delay-4{animation-delay:.2s}.animate-in-delay-5{animation-delay:.25s}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--primary-gradient);color:#fff;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:12px;display:flex}.header-logo{background:linear-gradient(135deg, var(--accent) 0%, #818cf8 100%);color:#fff;letter-spacing:-1px;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex;box-shadow:0 2px 8px #3b82f666}.header h1{letter-spacing:-.3px;font-size:18px;font-weight:700}.header-subtitle{opacity:.6;font-size:12px;font-weight:400}.header-right{align-items:center;gap:12px;display:flex}.header-file-count{background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;padding:4px 12px;font-size:12px}.btn-reset{color:#fff;transition:all var(--transition);background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500}.btn-reset:hover{background:#ffffff26;border-color:#ffffff4d}.btn-lab{color:#ffffffb3;transition:all var(--transition);background:#ffffff0f;border:1px solid #fff3;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500}.btn-lab:hover{color:#fff;background:#ffffff1f}.btn-lab.active{color:#fff;background:#8b5cf64d;border-color:#8b5cf680}.main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px}.upload-wrapper{max-width:720px;animation:fadeInUp .6s var(--transition) both;margin:60px auto 0}.upload-hero{text-align:center;margin-bottom:32px}.upload-hero h2{letter-spacing:-.5px;color:var(--text);margin-bottom:8px;font-size:28px;font-weight:700}.upload-hero p{color:var(--text-secondary);font-size:15px}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-xl);text-align:center;background:var(--card);cursor:pointer;padding:48px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.upload-zone:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f608 0%,#818cf808 100%);transition:opacity .3s;position:absolute;inset:0}.upload-zone:hover:before,.upload-zone.drag-over:before{opacity:1}.upload-zone:hover{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.upload-zone.drag-over{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow), var(--shadow-lg);transform:scale(1.01)}.upload-icon-wrapper{background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:32px;transition:transform .3s;display:flex}.upload-zone:hover .upload-icon-wrapper{transform:translateY(-4px)}.upload-zone h3{color:var(--text);margin-bottom:6px;font-size:17px;font-weight:600}.upload-zone p{color:var(--text-light);font-size:13px}.upload-formats{justify-content:center;gap:8px;margin-top:16px;display:flex}.upload-format-tag{background:var(--bg-subtle);color:var(--text-secondary);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500}.files-list{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.file-chip{background:var(--card);border:1px solid var(--border);color:var(--text);animation:scaleIn .3s var(--transition) both;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.file-chip-icon{color:var(--accent);font-size:16px}.file-chip-size{color:var(--text-light);font-size:11px}.file-chip .remove-file{color:var(--text-light);cursor:pointer;transition:color var(--transition);background:0 0;border:none;margin-left:4px;padding:0;font-size:18px;line-height:1}.file-chip .remove-file:hover{color:var(--danger)}.upload-actions{text-align:center;margin-top:20px}.btn-analyze{background:linear-gradient(135deg, var(--accent) 0%, #818cf8 100%);color:#fff;transition:all var(--transition);border:none;border-radius:10px;padding:12px 32px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #3b82f64d}.btn-analyze:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.processing{text-align:center;padding:80px 40px;animation:.3s fadeIn}.processing-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:56px;height:56px;margin:0 auto 20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.processing h3{margin-bottom:6px;font-size:17px;font-weight:600}.processing p{color:var(--text-light);font-size:14px}.processing-bar{background:var(--border);border-radius:2px;width:200px;height:4px;margin:16px auto 0;overflow:hidden}.processing-bar-fill{background:linear-gradient(90deg, var(--accent), #818cf8);background-size:200% 100%;border-radius:2px;width:60%;height:100%;animation:1.5s infinite shimmer}.toolbar{animation:fadeInUp .4s var(--transition) both;flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.tabs{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);gap:2px;padding:4px;display:flex;overflow-x:auto}.tab{color:var(--text-light);transition:all var(--transition);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.tab:hover{color:var(--text-secondary);background:var(--bg-subtle)}.tab.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.tab-icon{font-size:14px}.toolbar-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-group{flex:1;gap:8px;min-width:0;display:flex}.filter-select{border:1px solid var(--border);background:var(--card);color:var(--text);appearance:none;min-width:180px;transition:all var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:8px 32px 8px 12px;font-size:13px}.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.active-filters{flex-wrap:wrap;gap:6px;display:flex}.active-filter-tag{color:var(--accent);background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.active-filter-tag button{color:var(--accent);opacity:.6;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.active-filter-tag button:hover{opacity:1}.export-bar{gap:6px;margin-left:auto;display:flex}.btn-export{border:1px solid var(--border);background:var(--card);color:var(--text-secondary);transition:all var(--transition);border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.btn-export:hover{border-color:var(--accent);color:var(--accent);background:#f8faff}.btn-export.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-export.primary:hover{background:var(--accent-hover)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);transition:all var(--transition);animation:fadeInUp .5s var(--transition) both;padding:20px;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.success:after{background:var(--success)}.kpi-card.warning:after{background:var(--warning)}.kpi-card.danger:after{background:var(--danger)}.kpi-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.kpi-icon.blue{background:#eff6ff}.kpi-icon.green{background:#ecfdf5}.kpi-icon.yellow{background:#fffbeb}.kpi-icon.red{background:#fef2f2}.kpi-icon.purple{background:#f5f3ff}.kpi-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.kpi-value{color:var(--text);letter-spacing:-.5px;animation:countUp .6s var(--transition) both;font-size:30px;font-weight:800;line-height:1.2}.kpi-footer{color:var(--text-light);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.kpi-trend{align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.insights{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);animation:fadeInUp .5s var(--transition) .2s both;margin-bottom:24px;padding:20px}.insights-title{align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.insight-item{background:var(--bg-subtle);color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.insight-icon{flex-shrink:0;margin-top:1px;font-size:16px}.insight-item.success{background:var(--success-bg)}.insight-item.warning{background:var(--warning-bg)}.insight-item.danger{background:var(--danger-bg)}.table-container{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);animation:fadeInUp .5s var(--transition) both;margin-bottom:24px;overflow:hidden}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-header h3{font-size:15px;font-weight:600}.table-count{color:var(--text-light);background:var(--bg-subtle);border-radius:6px;padding:3px 10px;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-subtle);border-bottom:1px solid var(--border);white-space:nowrap;z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition);padding:10px 16px;font-size:11px;font-weight:600;position:sticky;top:0}th:hover{color:var(--accent)}th .sort-icon{opacity:.4;margin-left:4px;font-size:10px}th.sorted .sort-icon{opacity:1;color:var(--accent)}td{border-bottom:1px solid var(--border-light);transition:background var(--transition);padding:11px 16px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}tr.best-row td{background:var(--success-bg)}tr.worst-row td{background:var(--danger-bg)}.num{font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.rank-badge{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-size:12px;font-weight:700;display:inline-flex}.rank-1{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rank-2{color:#fff;background:linear-gradient(135deg,#cbd5e1,#94a3b8)}.rank-3{color:#fff;background:linear-gradient(135deg,#d97706,#b45309)}.rank-other{background:var(--bg-subtle);color:var(--text-light)}.badge{border-radius:8px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:#065f46}.badge-warning{background:var(--warning-bg);color:#92400e}.badge-danger{background:var(--danger-bg);color:#991b1b}.progress-bar{background:var(--border);border-radius:3px;min-width:80px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill.green{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill.orange{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-fill.red{background:linear-gradient(90deg,#ef4444,#f87171)}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:20px;margin-bottom:24px;display:grid}.chart-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);animation:fadeInUp .5s var(--transition) both;padding:20px}.chart-card h3{color:var(--text);margin-bottom:16px;font-size:14px;font-weight:600}.raw-viewer{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);animation:fadeInUp .4s var(--transition) both;margin-bottom:20px;padding:20px}.raw-viewer h3{align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.raw-text{color:#e2e8f0;white-space:pre-wrap;background:#0f172a;border:1px solid #1e293b;border-radius:10px;max-height:400px;padding:16px 20px;font-family:SF Mono,JetBrains Mono,Monaco,Consolas,monospace;font-size:12px;line-height:1.7;overflow-y:auto}.edit-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);animation:fadeInUp .4s var(--transition) both;margin-bottom:24px;padding:24px}.edit-section-header{margin-bottom:20px}.edit-section-header h3{margin-bottom:4px;font-size:15px;font-weight:600}.edit-section-header p{color:var(--text-light);font-size:13px}.edit-table{border-collapse:collapse;width:100%}.edit-table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:8px;font-size:11px;font-weight:600}.edit-table td{border-bottom:1px solid var(--border-light);padding:4px}.edit-table input{border:1px solid var(--border);width:100%;transition:all var(--transition);background:var(--card);border-radius:6px;padding:7px 10px;font-size:13px}.edit-table input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.edit-table input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.btn-icon{width:30px;height:30px;color:var(--text-light);transition:all var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.btn-icon:hover{background:var(--danger-bg);color:var(--danger)}.btn-add{background:var(--accent);color:#fff;transition:all var(--transition);border:none;border-radius:8px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600}.btn-add:hover{background:var(--accent-hover)}.toast-container{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#fff;box-shadow:var(--shadow-lg);animation:slideInRight .3s var(--transition) both;border-radius:10px;align-items:center;gap:8px;min-width:280px;padding:12px 20px;font-size:13px;font-weight:500;display:flex}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.info{background:var(--accent)}.toast-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:16px}.empty-state{text-align:center;color:var(--text-light);padding:60px 40px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:40px}.empty-state p{font-size:14px}.podium{animation:fadeInUp .5s var(--transition) .1s both;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.podium-card{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-light);transition:all var(--transition);padding:20px;position:relative}.podium-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.podium-card.gold{border-top:3px solid #f59e0b}.podium-card.silver{border-top:3px solid #94a3b8}.podium-card.bronze{border-top:3px solid #d97706}.podium-medal{margin-bottom:8px;font-size:28px}.podium-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.podium-value{color:var(--text);letter-spacing:-.3px;font-size:22px;font-weight:800}.podium-label{color:var(--text-light);margin-top:2px;font-size:11px}.save-indicator{color:#ffffff80;background:#ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:all .3s;display:flex}.save-indicator.saving{color:#fffc}.save-indicator .save-dot{background:var(--success);border-radius:50%;width:6px;height:6px;transition:all .3s}.save-indicator.saving .save-dot{animation:.8s ease-in-out pulse}.sessions-panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);animation:fadeInUp .5s var(--transition) .3s both;margin-top:32px;padding:20px}.sessions-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sessions-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.sessions-icon{font-size:16px}.sessions-usage{color:var(--text-light);background:var(--bg-subtle);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:400}.sessions-clear{color:var(--danger);transition:all var(--transition);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px}.sessions-clear:hover{background:var(--danger-bg)}.sessions-list{flex-direction:column;gap:8px;display:flex}.session-card{background:var(--bg-subtle);cursor:pointer;transition:all var(--transition);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.session-card:hover{background:#eff6ff;border-color:#bfdbfe}.session-info{flex:1;min-width:0}.session-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.session-meta{color:var(--text-light);margin-top:2px;font-size:11px}.session-actions{gap:4px;margin-left:12px;display:flex}.session-restore{width:28px;height:28px;color:var(--accent);transition:all var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.session-restore:hover{background:#eff6ff}.session-delete{width:28px;height:28px;color:var(--text-light);transition:all var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:18px;display:flex}.session-delete:hover{background:var(--danger-bg);color:var(--danger)}.sessions-toggle{border:1px dashed var(--border);width:100%;color:var(--text-light);text-align:center;transition:all var(--transition);background:0 0;border-radius:8px;margin-top:10px;padding:8px;font-size:12px;display:block}.sessions-toggle:hover{border-color:var(--accent);color:var(--accent)}.footer{text-align:center;color:var(--text-light);border-top:1px solid var(--border-light);padding:16px 32px;font-size:12px}.workflow-steps{justify-content:center;align-items:center;gap:0;margin:28px 0 24px;display:flex}.workflow-step{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.workflow-circle{background:linear-gradient(135deg, var(--accent) 0%, #818cf8 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 8px #3b82f64d}.workflow-label{color:var(--text-secondary);white-space:nowrap;text-align:center;font-size:12px;font-weight:600}.workflow-line{background:linear-gradient(90deg, var(--accent), #818cf8);opacity:.3;flex-shrink:0;width:60px;height:2px;margin:0 8px 22px}.demo-section{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.demo-divider{align-items:center;gap:12px;width:100%;max-width:300px;display:flex}.demo-divider-line{background:var(--border);flex:1;height:1px}.demo-divider-text{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.btn-demo{border:2px dashed var(--accent);color:var(--accent);cursor:pointer;transition:all var(--transition);background:#3b82f60a;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:flex}.btn-demo:hover{border-color:var(--accent-hover);background:#3b82f61a;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.btn-demo:active{transform:translateY(0)}.demo-hint{color:var(--text-light);margin:0;font-size:11px}@media (width<=768px){.header{height:56px;padding:0 16px}.main{padding:16px}.upload-wrapper{margin-top:32px}.upload-hero h2{font-size:22px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-value{font-size:22px}.charts-grid{grid-template-columns:1fr}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{flex:none;padding:8px 14px}.toolbar-row{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column}.filter-select{width:100%;min-width:0}.export-bar{justify-content:stretch;margin-left:0}.export-bar .btn-export{flex:1;justify-content:center}.podium,.insights-grid{grid-template-columns:1fr}.workflow-steps{gap:0}.workflow-line{width:30px;margin:0 4px}.workflow-circle{width:32px;height:32px;font-size:14px}.workflow-label{font-size:10px}}.executive-summary{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-left:4px solid var(--accent,#3b82f6);border-radius:12px;margin-bottom:16px;padding:20px 24px}.executive-summary-title{color:var(--text-primary,#1e293b);margin-bottom:12px;font-size:15px;font-weight:700}.executive-summary-sentence{color:var(--text-secondary,#475569);margin:0 0 4px;font-size:14.5px;line-height:1.7}.data-quality-panel{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;display:flex}.data-quality-header{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.data-quality-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.data-quality-dot.green{background:#22c55e;box-shadow:0 0 6px #22c55e66}.data-quality-dot.yellow{background:#eab308;box-shadow:0 0 6px #eab30866}.data-quality-dot.orange{background:#f97316;box-shadow:0 0 6px #f9731666}.data-quality-dot.red{background:#ef4444;box-shadow:0 0 6px #ef444466}.data-quality-label{color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.data-quality-score{border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.data-quality-score.green{color:#166534;background:#dcfce7}.data-quality-score.yellow{color:#854d0e;background:#fef9c3}.data-quality-score.orange{color:#9a3412;background:#ffedd5}.data-quality-score.red{color:#991b1b;background:#fef2f2}.data-quality-stats{color:var(--text-secondary,#64748b);gap:12px;font-size:12px;display:flex}.data-quality-warnings{color:#f97316;font-weight:500}.data-quality-link{color:var(--accent,#3b82f6);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500;text-decoration:underline}.data-quality-link:hover{color:#2563eb}.insight-severity-label{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.severity-critical{color:#991b1b;background:#fef2f2}.severity-important{color:#9a3412;background:#fff7ed}.severity-opportunity{color:#1e40af;background:#eff6ff}.insight-critical{border-left:3px solid #ef4444!important}.insight-important{border-left:3px solid #f97316!important}.insight-opportunity{border-left:3px solid #3b82f6!important}.version-badge{vertical-align:middle;opacity:.7;background:#ffffff26;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:500}