.dashboard-preview-panel{display:flex;flex-direction:column;gap:16px;padding:8px 0}.preview-header-card{background:linear-gradient(135deg,#f5f5f5,#fff);margin-bottom:8px}.preview-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.preview-section-card{margin-top:8px}.section-header{display:flex;align-items:center;gap:8px;font-size:18px}.preview-section-card table{width:100%;font-size:12px}.preview-section-card th,.preview-section-card td{padding:8px;text-align:left}.preview-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.dashboard-page{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto}.step-container{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.button-group{display:flex;gap:12px;margin-top:12px}.button-group button{flex:1}.preview-panel{display:flex;flex-direction:column;gap:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;max-height:600px;overflow-y:auto}.report-preview-panel{display:flex;flex-direction:column;gap:16px}.preview-header{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.preview-title-section{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-description{color:#666;font-style:italic}.preview-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fafafa;border-radius:6px;border-left:3px solid #0078d4}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-top:8px}.info-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.info-label{color:#666;font-weight:600}.summary-text{line-height:1.5;color:#333;margin-top:8px}.insights-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.insight-item{display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border-radius:4px;border-left:3px solid #0078d4}.insight-header{display:flex;align-items:center;gap:8px}.insight-icon{font-size:18px}.insight-description{color:#666;line-height:1.4}.insight-confidence{display:flex;align-items:center;gap:4px;color:#999}.charts-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.chart-item{display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chart-info{color:#666;font-size:12px}.sections-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.section-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.section-icon{color:#107c10;font-size:16px}.preview-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e0e0e0;margin-top:8px}.preview-actions button{flex:1}.report-builder-page{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto}.step-container{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f5f5f5;border-radius:8px;border-left:4px solid #0078d4}.button-group button{flex:1;min-width:120px}.spreadsheet-preview-panel{display:flex;flex-direction:column;gap:12px}.preview-header-card{background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke2);border-radius:8px;padding:12px}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.preview-title{display:flex;flex-direction:column;gap:4px;flex:1}.preview-section-card{background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke2);border-radius:8px;padding:12px}.charts-list{display:flex;flex-direction:column;gap:8px}.chart-item{display:flex;align-items:center;gap:8px;padding:8px;background:var(--colorNeutralBackground1);border-radius:4px}.preview-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--colorNeutralStroke2)}.spreadsheet-builder-page{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto}.step-container{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--colorNeutralBackground2);border-radius:8px;border:1px solid var(--colorNeutralStroke2)}.prompt-input-group{display:flex;gap:8px;align-items:flex-end}.prompt-input{flex:1;min-height:40px}.button-group{display:flex;gap:8px;flex-wrap:wrap}:root{--app-bg: #fafafa;--card-bg: #ffffff;--border-color: #e0e0e0;--text-primary: #1a1a1a;--text-secondary: #666666;--accent: #0078d4;--accent-hover: #106ebe;--success: #107c10;--error: #d13438;--warning: #ffb900;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:var(--text-primary);background:var(--app-bg);height:100%;overflow:hidden}#root{height:100%}#root>div{height:100%}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{flex-shrink:0}.app-tabs{flex-shrink:0;border-bottom:1px solid var(--border-color);padding:0 var(--spacing-sm);overflow-x:auto;overflow-y:hidden}.page-content{flex:1;overflow-y:auto;padding:var(--spacing-md);min-height:0}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:transparent}.page-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.page-content::-webkit-scrollbar-thumb:hover{background:#00000059}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.error-text{color:var(--error);font-size:12px}.success-text{color:var(--success);font-size:12px}.smart-ctx{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border-color);background:var(--card-bg);flex-shrink:0;border-left:3px solid var(--border-color)}.smart-ctx--formula{border-left-color:var(--accent);background:#f0f6ff}.smart-ctx--dataset{border-left-color:var(--success);background:#f0faf0}.smart-ctx--text{border-left-color:#8764b8;background:#f8f4fd}.smart-ctx--selection{border-left-color:var(--warning);background:#fffbf0}.smart-ctx--empty{border-left-color:var(--border-color);background:#f5f5f5}.smart-ctx-info{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1}.smart-ctx-icon{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);margin-top:1px;flex-shrink:0}.smart-ctx--formula .smart-ctx-icon{color:var(--accent)}.smart-ctx--dataset .smart-ctx-icon{color:var(--success)}.smart-ctx--text .smart-ctx-icon{color:#8764b8}.smart-ctx--selection .smart-ctx-icon{color:#c19c00}.smart-ctx-text{display:flex;flex-direction:column;min-width:0}.smart-ctx-title{line-height:1.3}.smart-ctx-detail{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;line-height:1.3}.smart-ctx-headers{color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;line-height:1.3}.smart-ctx-actions{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0}.smart-ctx-btn{font-size:11px!important;min-width:0!important;padding:2px 8px!important}@keyframes result-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0;margin-bottom:var(--spacing-md);box-shadow:0 1px 3px #0000000f;overflow:hidden;animation:result-card-in .25s ease-out}.result-card--formula{border-left:3px solid var(--accent)}.result-card--analysis{border-left:3px solid var(--success)}.result-card--explanation{border-left:3px solid #8764b8}.result-card--cleaning{border-left:3px solid #e3730e}.result-card--warning{border-left:3px solid var(--warning)}.result-card--suggestion{border-left:3px solid #0ea5e9}.result-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 0;gap:8px}.result-card-title-row{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.result-card-icon{display:flex;align-items:center;font-size:16px;flex-shrink:0}.result-card--formula .result-card-icon{color:var(--accent)}.result-card--analysis .result-card-icon{color:var(--success)}.result-card--explanation .result-card-icon{color:#8764b8}.result-card--cleaning .result-card-icon{color:#e3730e}.result-card--warning .result-card-icon{color:var(--warning)}.result-card--suggestion .result-card-icon{color:#0ea5e9}.result-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-card-meta{margin-left:auto;flex-shrink:0}.result-card-dismiss{flex-shrink:0}.result-card-body{padding:10px 14px}.result-card-actions{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 12px}@keyframes action-preview-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.action-preview{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px;background:var(--app-bg);border:1px dashed var(--border-color);border-left:3px solid var(--accent);border-radius:var(--radius-sm);animation:action-preview-in .2s ease-out;overflow:hidden}.action-preview-impact{display:flex;flex-direction:column;gap:6px}.action-preview-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-preview-diff{display:flex;flex-direction:column;gap:4px;margin-top:4px}.action-preview-diff-row{display:flex;align-items:center;gap:8px}.action-preview-value{font-family:Cascadia Code,Consolas,monospace;font-size:12px;padding:2px 8px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.action-preview-value--before{background:#d1343814;color:var(--text-secondary);text-decoration:line-through}.action-preview-value--after{background:#107c1014;color:var(--success);font-weight:600}.action-preview-actions{display:flex;gap:8px;margin-top:4px}.action-preview-success{display:flex;align-items:center;gap:6px;color:var(--success);padding:4px 0}