.stats-datepicker{border:none;font-family:inherit}.stats-datepicker .react-datepicker__header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding-top:12px}.stats-datepicker .react-datepicker__current-month{color:#111827;margin-bottom:8px;font-weight:600}.stats-datepicker .react-datepicker__day-name{color:#6b7280;font-size:.75rem;font-weight:500}.stats-datepicker .react-datepicker__day{border-radius:9999px;transition:all .15s}.stats-datepicker .react-datepicker__day:hover{background-color:#f3f4f6}.stats-datepicker .react-datepicker__day--selected,.stats-datepicker .react-datepicker__day--in-selecting-range,.stats-datepicker .react-datepicker__day--in-range{color:#fff;background-color:#00c889}.stats-datepicker .react-datepicker__day--selected:hover,.stats-datepicker .react-datepicker__day--in-selecting-range:hover,.stats-datepicker .react-datepicker__day--in-range:hover{background-color:#00b47b}.stats-datepicker .react-datepicker__day--keyboard-selected{color:#007852;background-color:#e6faf3}.stats-datepicker .react-datepicker__day--outside-month{color:#d1d5db}.stats-datepicker .react-datepicker__day--disabled{color:#d1d5db;cursor:not-allowed}.stats-datepicker .react-datepicker__navigation{top:12px}.stats-datepicker .react-datepicker__navigation-icon:before{border-color:#6b7280}.stats-datepicker .react-datepicker__navigation:hover :before{border-color:#374151}.stats-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.stats-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;box-shadow:0 1px 3px #0000001a}.stats-chart-title{color:#111827;margin-bottom:16px;font-size:1rem;font-weight:600}.stats-modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.stats-modal-content{background:#fff;border-radius:16px;max-width:90vw;max-height:90vh;animation:.2s slideUp;overflow:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-breadcrumb{color:#6b7280;align-items:center;gap:8px;font-size:.875rem;display:flex}.stats-breadcrumb a{color:#6b7280;text-decoration:none;transition:color .15s}.stats-breadcrumb a:hover{color:#00c889}.stats-breadcrumb-separator{color:#d1d5db}.stats-breadcrumb-current{color:#111827;font-weight:500}.stats-table{border-collapse:separate;border-spacing:0;width:100%}.stats-table thead{z-index:20;background-color:#f9fafb;position:sticky;top:0}.stats-table thead th{border-bottom:1px solid #e5e7eb}.stats-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;padding:12px 16px;font-size:.75rem;font-weight:600}.stats-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.stats-table th.sortable:hover{color:#00c889}.stats-table td{color:#374151;border-bottom:1px solid #e5e7eb;padding:16px;font-size:.875rem}.stats-table tbody tr{transition:background-color .15s}.stats-table tbody tr:hover{background-color:#f9fafb}.stats-table tbody tr.clickable{cursor:pointer}.stats-table tbody tr.clickable:hover{background-color:#f2fcf9}.score-badge{border-radius:9999px;align-items:center;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.score-badge.success{color:#007852;background-color:#e6faf3}.score-badge.warning{color:#854d0e;background-color:#fef9c3}.score-badge.error{color:#991b1b;background-color:#fee2e2}.score-badge.neutral{color:#6b7280;background-color:#f3f4f6}.stats-grid-2{grid-gap:16px;grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stats-grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stats-grid-4{grid-gap:16px;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.stats-grid-4,.stats-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid-4,.stats-grid-3,.stats-grid-2{grid-template-columns:1fr}}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 37%,#f0f0f0 63%) 0 0/400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0%}}.skeleton-session-card{border-radius:12px;height:120px}:root{--alert-banner-height:70px;--stats-header-height:130px;--dashboard-header-height:80px;--dashboard-chart-height:clamp(200px, 28vh, 380px);--dashboard-chart-height-with-alert:clamp(180px, 24vh, 320px);--global-chart-height:clamp(250px, 35vh, 450px);--global-chart-height-with-alert:clamp(220px, 30vh, 400px)}@media (width>=1440px){:root{--dashboard-chart-height:clamp(280px, 32vh, 420px);--dashboard-chart-height-with-alert:clamp(240px, 28vh, 360px);--global-chart-height:clamp(300px, 38vh, 500px);--global-chart-height-with-alert:clamp(260px, 34vh, 450px)}}@media (width>=1024px) and (width<=1279px){:root{--dashboard-chart-height:clamp(180px, 26vh, 300px);--dashboard-chart-height-with-alert:clamp(160px, 22vh, 260px);--global-chart-height:clamp(220px, 30vh, 350px);--global-chart-height-with-alert:clamp(190px, 26vh, 300px)}}@media (width>=768px) and (width<=1023px){:root{--dashboard-chart-height:clamp(180px, 28vh, 280px);--dashboard-chart-height-with-alert:clamp(160px, 24vh, 240px);--global-chart-height:clamp(200px, 32vh, 320px);--global-chart-height-with-alert:clamp(180px, 28vh, 280px)}}@media (height<=800px){:root{--dashboard-chart-height:clamp(140px, 22vh, 240px);--dashboard-chart-height-with-alert:clamp(120px, 18vh, 180px);--global-chart-height:clamp(160px, 24vh, 280px);--global-chart-height-with-alert:clamp(140px, 20vh, 220px)}}@media (height<=700px){:root{--dashboard-chart-height:clamp(120px, 20vh, 200px);--dashboard-chart-height-with-alert:clamp(100px, 16vh, 160px);--global-chart-height:clamp(140px, 22vh, 240px);--global-chart-height-with-alert:clamp(120px, 18vh, 200px)}}@media (width>=1024px) and (width<=1279px) and (height<=800px){:root{--dashboard-chart-height:clamp(130px, 20vh, 200px);--dashboard-chart-height-with-alert:clamp(110px, 16vh, 160px);--global-chart-height:clamp(150px, 22vh, 240px);--global-chart-height-with-alert:clamp(130px, 18vh, 200px)}}.stats-chart-responsive{height:var(--stats-chart-height-base);min-height:200px;transition:height .2s}.stats-chart-responsive.with-alert{height:var(--stats-chart-height-with-alert)}.dashboard-chart-container{height:clamp(200px,28vh,380px);height:var(--dashboard-chart-height);min-height:180px;transition:height .2s}.dashboard-chart-container.with-alert{height:clamp(180px,24vh,320px);height:var(--dashboard-chart-height-with-alert)}.global-chart-container{height:clamp(250px,35vh,450px);height:var(--global-chart-height);min-height:220px;transition:height .2s}.global-chart-container.with-alert{height:clamp(220px,30vh,400px);height:var(--global-chart-height-with-alert)}.stats-overview-container{flex-direction:column;height:100%;display:flex}.stats-overview-container.with-alert .stats-charts-row{flex:1;min-height:0}.stats-charts-row{grid-gap:.75rem;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}@media (width<=1023px){.stats-charts-row{grid-template-columns:1fr;gap:.5rem}}@media (width>=1440px){.stats-charts-row{gap:1rem}}.stats-chart-card-responsive{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;height:100%;min-height:200px;padding:8px 12px;display:flex;box-shadow:0 1px 3px #0000001a}.stats-chart-card-responsive .chart-content{flex:1;min-height:0}.stats-view-fullheight{flex-direction:column;height:calc(100vh - 200px);min-height:500px;display:flex}.stats-view-fullheight.with-alert{height:calc(100vh - 270px)}@media (height<=800px){.stats-view-fullheight{height:calc(100vh - 160px)}.stats-view-fullheight.with-alert{height:calc(100vh - 220px)}}.heatmap-container{width:100%;overflow-x:auto}@media (width<=1279px){.heatmap-container{padding-bottom:8px}.stats-kpi-card .kpi-value{font-size:1.25rem}.stats-kpi-card .kpi-title{font-size:.75rem}}
