*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}#app{display:flex;min-height:100vh}#sidebar-nav{width:200px;background:#1a1a2e;padding:20px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}#sidebar-nav a{color:#a0aec0;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:14px}#sidebar-nav a:hover{background:#2a2a4a;color:#fff}.main-content{flex:1;padding:24px}#welcome-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;margin-bottom:24px}#welcome-banner h2{font-size:24px;margin-bottom:8px}.metrics-row{display:flex;gap:16px;margin-bottom:24px}.metric-card{flex:1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.metric-card h3{font-size:12px;text-transform:uppercase;color:#718096;margin-bottom:4px}.metric-card span{font-size:24px;font-weight:600}.tab-bar{display:flex;gap:8px;margin-bottom:24px}.tab-btn{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px}.scroll-container{max-height:200px;overflow-y:auto;background:#fff;border-radius:8px;padding:16px;margin-bottom:24px;border:1px solid #e2e8f0}.sticky-header{position:sticky;top:0;z-index:9999;background:#fff;padding:12px 24px;border-bottom:1px solid #e2e8f0}#onboarding-container{margin-top:24px}.toolbar{display:flex;gap:8px;margin-bottom:16px}#export-btn{padding:8px 16px;background:#ea580c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.secondary-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.data-table th{background:#f7fafc;font-weight:600;font-size:12px;text-transform:uppercase;color:#718096}.tab-panels{margin-bottom:24px}.tab-panel{background:#fff;border-radius:0 0 8px 8px;padding:16px;border:1px solid #e2e8f0;border-top:none}.tab-active{background:#ea580c;color:#fff;border-color:#ea580c}.dynamic-content{background:#fff;border-radius:8px;padding:16px;margin-bottom:24px;border:1px dashed #cbd5e0;color:#718096;font-size:13px}.user-profile-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.profile-field{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.profile-field:last-child{border-bottom:none}.profile-label{font-weight:600;font-size:13px;color:#718096;text-transform:uppercase}.chart-placeholder{background:#fff;border-radius:8px;padding:60px;text-align:center;color:#a0aec0;border:2px dashed #e2e8f0}