.tremor-dashboard-page *{box-sizing:border-box}.tremor-dashboard-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsl(var(--background-secondary));min-height:100vh}.tremor-dashboard-page h1,.tremor-dashboard-page h2,.tremor-dashboard-page h3,.tremor-dashboard-page h4,.tremor-dashboard-page h5,.tremor-dashboard-page h6{font-weight:600;color:hsl(var(--text-primary));line-height:1.25}.tremor-dashboard-page h1{font-size:var(--text-3xl)}.tremor-dashboard-page h2{font-size:var(--text-2xl)}.tremor-dashboard-page h3{font-size:var(--text-xl)}.tremor-dashboard-page .text-primary{color:hsl(var(--text-primary))}.tremor-dashboard-page .text-secondary{color:hsl(var(--text-secondary))}.tremor-dashboard-page .text-tertiary{color:hsl(var(--text-tertiary))}.tremor-dashboard-page .tremor-card{background:hsl(var(--card-bg));border:1px solid hsl(var(--card-border));border-radius:8px;padding:24px;box-shadow:var(--button-shadow);transition:all .2s ease-in-out}.tremor-dashboard-page .tremor-card:hover{box-shadow:0 4px 6px -1px #0000001a}.tremor-dashboard-page .tremor-metric{font-size:var(--text-4xl);font-weight:600;color:hsl(var(--text-primary));line-height:1.2}.tremor-dashboard-page .tremor-metric-sm{font-size:var(--text-2xl);font-weight:600;color:hsl(var(--text-primary))}.tremor-dashboard-page .tremor-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.tremor-dashboard-page .tremor-badge.emerald{background-color:#d1fae5;color:#065f46}.tremor-dashboard-page .tremor-badge.red{background-color:#fee2e2;color:#991b1b}.tremor-dashboard-page .tremor-badge.blue{background-color:#dbeafe;color:#1e40af}.tremor-dashboard-page .tremor-badge.gray{background-color:#f3f4f6;color:#374151}.tremor-dashboard-page .tremor-progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.tremor-dashboard-page .tremor-progress-bar .progress-fill{height:100%;background-color:#3b82f6;border-radius:4px;transition:width .3s ease-in-out}.tremor-dashboard-page .tremor-progress-bar .progress-fill.emerald{background-color:#10b981}.tremor-dashboard-page .tremor-progress-bar .progress-fill.red{background-color:#ef4444}.tremor-dashboard-page .tremor-progress-bar .progress-fill.blue{background-color:#3b82f6}.tremor-dashboard-page .text-xs{font-size:.75rem}.tremor-dashboard-page .text-sm{font-size:.875rem}.tremor-dashboard-page .text-base{font-size:1rem}.tremor-dashboard-page .text-lg{font-size:1.125rem}.tremor-dashboard-page .text-xl{font-size:1.25rem}.tremor-dashboard-page .space-y-1>*+*{margin-top:.25rem}.tremor-dashboard-page .space-y-2>*+*{margin-top:.5rem}.tremor-dashboard-page .space-y-3>*+*{margin-top:.75rem}.tremor-dashboard-page .space-y-4>*+*{margin-top:1rem}.tremor-dashboard-page .space-y-6>*+*{margin-top:1.5rem}.tremor-dashboard-page .space-y-8>*+*{margin-top:2rem}.tremor-dashboard-page .tremor-grid{display:grid;gap:1.5rem}.tremor-dashboard-page .tremor-grid.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tremor-dashboard-page .tremor-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tremor-dashboard-page .tremor-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tremor-dashboard-page .tremor-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 768px){.tremor-dashboard-page .tremor-grid.cols-2,.tremor-dashboard-page .tremor-grid.cols-3,.tremor-dashboard-page .tremor-grid.cols-4{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.tremor-dashboard-page .tremor-grid.cols-3,.tremor-dashboard-page .tremor-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.tremor-dashboard-page .tremor-chart .recharts-wrapper{font-family:inherit}.tremor-dashboard-page .tremor-chart .recharts-cartesian-axis-tick-value{font-size:.75rem;fill:#6b7280}.tremor-dashboard-page .tremor-chart .recharts-legend-item{font-size:.875rem}.tremor-dashboard-page .tremor-chart .recharts-pie-sector{stroke:#fff;stroke-width:2px}.tremor-dashboard-page .tremor-chart .recharts-bar{opacity:.9}.tremor-dashboard-page .tremor-chart .recharts-bar:hover{opacity:1}.tremor-dashboard-page .tremor-chart .recharts-legend-item-text{color:#374151!important}.tremor-dashboard-page .tremor-container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.tremor-dashboard-page .tremor-container{padding:0 1.5rem}}@media (min-width: 1024px){.tremor-dashboard-page .tremor-container{padding:0 2rem}}.tremor-dashboard-page .flex{display:flex}.tremor-dashboard-page .flex-col{flex-direction:column}.tremor-dashboard-page .flex-1{flex:1 1 0%}.tremor-dashboard-page .items-center{align-items:center}.tremor-dashboard-page .items-start{align-items:flex-start}.tremor-dashboard-page .justify-between{justify-content:space-between}.tremor-dashboard-page .justify-center{justify-content:center}.tremor-dashboard-page .p-4{padding:1rem}.tremor-dashboard-page .p-6{padding:1.5rem}.tremor-dashboard-page .px-4{padding-left:1rem;padding-right:1rem}.tremor-dashboard-page .py-4{padding-top:1rem;padding-bottom:1rem}.tremor-dashboard-page .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.tremor-dashboard-page .py-10{padding-top:2.5rem;padding-bottom:2.5rem}.tremor-dashboard-page .mt-2{margin-top:.5rem}.tremor-dashboard-page .mt-4{margin-top:1rem}.tremor-dashboard-page .mt-6{margin-top:1.5rem}.tremor-dashboard-page .mt-8{margin-top:2rem}.tremor-dashboard-page .mb-4{margin-bottom:1rem}.tremor-dashboard-page .mb-6{margin-bottom:1.5rem}.tremor-dashboard-page .mb-8{margin-bottom:2rem}.tremor-dashboard-page .tremor-container{padding-bottom:4rem}.tremor-dashboard-page.scrollable{min-height:100vh;overflow:hidden}.tremor-dashboard-page.scrollable .main-content{min-height:calc(100vh - 120px);max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.tremor-dashboard-page.scrollable .main-content::-webkit-scrollbar{width:8px}.tremor-dashboard-page.scrollable .main-content::-webkit-scrollbar-track{background:#f1f1f1}.tremor-dashboard-page.scrollable .main-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.tremor-dashboard-page.scrollable .main-content::-webkit-scrollbar-thumb:hover{background:#555}.tremor-dashboard-page .sidebar-panel{background:hsl(var(--background-secondary));border-right:1px solid hsl(var(--border));height:calc(100vh - 120px);overflow:hidden;display:flex;flex-direction:column}.tremor-dashboard-page .sidebar-panel .panel-header{padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--surface));flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:50px}.tremor-dashboard-page .sidebar-panel .panel-header button{flex-shrink:0}.tremor-dashboard-page .sidebar-panel .panel-header .font-semibold{flex:1;min-width:0;white-space:nowrap}.tremor-dashboard-page .sidebar-panel .panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;min-height:0}.tremor-dashboard-page .sidebar-panel .panel-content::-webkit-scrollbar{width:6px}.tremor-dashboard-page .sidebar-panel .panel-content::-webkit-scrollbar-track{background:#f3f4f6}.tremor-dashboard-page .sidebar-panel .panel-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.tremor-dashboard-page .sidebar-panel .panel-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.tremor-dashboard-page .session-card{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;padding:16px;margin-bottom:8px;cursor:pointer;transition:all .2s ease-in-out}.tremor-dashboard-page .session-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.tremor-dashboard-page .session-card.active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.tremor-dashboard-page .tremor-Card-root{box-shadow:var(--button-shadow)!important;border:1px solid hsl(var(--card-border))!important;background:hsl(var(--card-bg))!important}.tremor-dashboard-page .tremor-Text-root{color:hsl(var(--text-secondary))!important;font-size:var(--text-sm)!important}.tremor-dashboard-page .tremor-Metric-root{color:hsl(var(--text-primary))!important;font-weight:600!important;font-size:var(--text-3xl)!important}.tremor-dashboard-page .tremor-Title-root{color:hsl(var(--text-primary))!important;font-weight:600!important;font-size:var(--text-lg)!important}.tremor-dashboard-page .tremor-Badge-root{font-size:.75rem!important;font-weight:500!important;padding:2px 8px!important}.tremor-dashboard-page .tremor-ProgressBar-root{height:8px!important;background-color:#e5e7eb!important}[data-theme=dark] .tremor-dashboard-page{background-color:hsl(var(--background))}[data-theme=dark] .tremor-dashboard-page h1,[data-theme=dark] .tremor-dashboard-page h2,[data-theme=dark] .tremor-dashboard-page h3,[data-theme=dark] .tremor-dashboard-page h4,[data-theme=dark] .tremor-dashboard-page h5,[data-theme=dark] .tremor-dashboard-page h6,[data-theme=dark] .tremor-dashboard-page .text-primary{color:hsl(var(--text-primary))}[data-theme=dark] .tremor-dashboard-page .text-secondary{color:hsl(var(--text-secondary))}[data-theme=dark] .tremor-dashboard-page .text-tertiary{color:hsl(var(--text-tertiary))}[data-theme=dark] .tremor-dashboard-page .tremor-card{background:hsl(var(--surface));border-color:hsl(var(--border));box-shadow:var(--button-shadow)}[data-theme=dark] .tremor-dashboard-page .tremor-metric,[data-theme=dark] .tremor-dashboard-page .tremor-metric-sm{color:hsl(var(--text-primary))}[data-theme=dark] .tremor-dashboard-page .tremor-badge.emerald{background-color:#10b98133;color:#6ee7b7}[data-theme=dark] .tremor-dashboard-page .tremor-badge.red{background-color:#ef444433;color:#fca5a5}[data-theme=dark] .tremor-dashboard-page .tremor-badge.blue{background-color:#3b82f633;color:#93c5fd}[data-theme=dark] .tremor-dashboard-page .tremor-badge.gray{background-color:#293851;color:#b3bdcc}[data-theme=dark] .tremor-dashboard-page .tremor-progress-bar{background-color:hsl(var(--border))}[data-theme=dark] .tremor-dashboard-page .tremor-chart .recharts-cartesian-axis-tick-value{fill:hsl(var(--text-secondary))}[data-theme=dark] .tremor-dashboard-page .tremor-chart .recharts-pie-sector{stroke:hsl(var(--surface));stroke-width:2px}[data-theme=dark] .tremor-dashboard-page .tremor-chart .recharts-legend-item-text{color:hsl(var(--text-secondary))!important}[data-theme=dark] .tremor-dashboard-page .sidebar-panel{background:hsl(var(--background-secondary));border-right-color:hsl(var(--border))}[data-theme=dark] .tremor-dashboard-page .sidebar-panel .panel-header{border-bottom-color:hsl(var(--border));background:hsl(var(--surface))}[data-theme=dark] .tremor-dashboard-page .sidebar-panel .panel-content::-webkit-scrollbar-track{background:hsl(var(--background-secondary))}[data-theme=dark] .tremor-dashboard-page .sidebar-panel .panel-content::-webkit-scrollbar-thumb{background:hsl(var(--border-hover))}[data-theme=dark] .tremor-dashboard-page .sidebar-panel .panel-content::-webkit-scrollbar-thumb:hover{background:hsl(var(--border-focus))}[data-theme=dark] .tremor-dashboard-page .session-card{background:hsl(var(--surface));border-color:hsl(var(--border))}[data-theme=dark] .tremor-dashboard-page .session-card.active{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary))}[data-theme=dark] .tremor-dashboard-page.scrollable .main-content::-webkit-scrollbar-track{background:hsl(var(--background-secondary))}[data-theme=dark] .tremor-dashboard-page.scrollable .main-content::-webkit-scrollbar-thumb{background:hsl(var(--border-hover))}[data-theme=dark] .tremor-dashboard-page.scrollable .main-content::-webkit-scrollbar-thumb:hover{background:hsl(var(--border-focus))}[data-theme=dark] .tremor-dashboard-page .tremor-Card-root{background:hsl(var(--surface))!important;border-color:hsl(var(--border))!important;box-shadow:var(--button-shadow)!important}[data-theme=dark] .tremor-dashboard-page .tremor-Text-root{color:hsl(var(--text-secondary))!important}[data-theme=dark] .tremor-dashboard-page .tremor-Metric-root,[data-theme=dark] .tremor-dashboard-page .tremor-Title-root{color:hsl(var(--text-primary))!important}[data-theme=dark] .tremor-dashboard-page .tremor-ProgressBar-root{background-color:hsl(var(--border))!important}
