@media (max-width:768px){.chart{padding:0!important}}.chart .chart-container{background:#fff;border:1px solid #e4e7ec;border-radius:8px;margin:48px 0 0;padding:24px;font-family:inherit}@media (max-width:768px){.chart .chart-container{border-radius:0;padding:24px 16px}}.chart .chart-container .custom-chart-tooltip{pointer-events:none;background:#292d30;border-radius:32px;height:32px;padding:5px 18px}.chart .chart-container .custom-chart-tooltip .tooltip-inner{color:#fff;font-size:14px;font-weight:600}.chart .chart-container .custom-chart-tooltip .tooltip-arrow{background-size:100% 100%;width:14px;height:14px;display:block;transform:translate(-5px,-5px)}.chart .chart-container .chart-title{flex:1;justify-content:space-between;display:flex}@media (max-width:768px){.chart .chart-container .chart-title{align-items:center;width:100%}}.chart .chart-container .chart-title>h2{color:#474b4e;margin:0;font-family:inherit;font-size:24px;font-weight:600}@media (max-width:768px){.chart .chart-container .chart-title>h2{font-size:14px;font-weight:600}}.chart .chart-container .chart-tabs{gap:12px;display:flex;overflow-x:auto}.chart .chart-container .chart-tabs .chart-tab{color:#474b4e;cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:21px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}@media (max-width:768px){.chart .chart-container .chart-tabs .chart-tab{padding:4px 8px;font-size:12px;font-weight:500}}.chart .chart-container .chart-tabs .chart-tab:hover{color:#374151}.chart .chart-container .chart-tabs .chart-tab-active{color:#fff;background-color:#002284}.chart .chart-container .chart-tabs .chart-tab-active:hover{color:#fff}.chart .chart-container .chart-no-data{text-align:center;color:#6b7280;padding:2rem}.chart .chart-container .chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.chart .chart-container .chart-toggle{background:#f3f4f6;border-radius:.5rem;gap:.5rem;padding:.25rem;display:flex}.chart .chart-container .chart-toggle-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.chart .chart-container .chart-toggle-btn:hover{color:#1f2937}.chart .chart-container .chart-toggle-btn-active{color:#9333ea;background:#fff;box-shadow:0 1px 2px #0000000d}.chart .chart-container .chart-wrapper{height:400px;margin-bottom:1.5rem;position:relative}.chart .chart-container .description{justify-content:center;align-items:center;display:flex}.chart .chart-container .description>small{color:#8a8a8a;text-align:center;padding:0 16px;font-size:14px;font-weight:300}.chart .chart-container .chart-line-shadow{filter:drop-shadow(0 9px 17px #079be26e)drop-shadow(0 50px 89px #34b3f1)}.chart .chart-container .chart-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}@media (max-width:768px){.chart .chart-container .chart-stats{grid-template-columns:1fr}}.chart .chart-container .chart-stat-card{border-radius:.5rem;padding:1rem}.chart .chart-container .chart-stat-max{background:linear-gradient(135deg,#faf5ff 0%,#fce7f3 100%)}.chart .chart-container .chart-stat-avg{background:linear-gradient(135deg,#eff6ff 0%,#faf5ff 100%)}.chart .chart-container .chart-stat-min{background:linear-gradient(135deg,#fce7f3 0%,#faf5ff 100%)}.chart .chart-container .chart-stat-label{color:#4b5563;margin-bottom:.25rem;font-size:.875rem}.chart .chart-container .chart-stat-value{margin:0;font-size:1.5rem;font-weight:700}.chart .chart-container .chart-stat-max .chart-stat-value{color:#9333ea}.chart .chart-container .chart-stat-avg .chart-stat-value{color:#2563eb}.chart .chart-container .chart-stat-min .chart-stat-value{color:#ec4899}.chart .chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.chart .chart-controls{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.chart .chart-type-toggle{background:#fff;border:1px solid #d9d9d9;border-radius:21px;gap:8px;padding:4px;display:flex}.chart .chart-type-toggle .chart-type-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:21px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-family:ravi,serif;font-weight:500;transition:all .3s;display:flex}.chart .chart-type-toggle .chart-type-btn>i{font-size:16px}.chart .chart-type-toggle .chart-type-btn>i.icon-chart-2{rotate:90deg}.chart .chart-type-toggle .chart-type-btn:hover{color:#333;background:#e0e0e0}.chart .chart-type-toggle .chart-type-btn.active{color:#fff;background:#002385;box-shadow:0 2px 8px #002385}.chart .chart-tabs{gap:8px;display:flex}.chart .chart-tab{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-family:ravi,serif;font-size:14px;transition:all .3s}.chart .chart-tab:hover{color:#34b3f1;border-color:#34b3f1}.chart .chart-tab.chart-tab-active{color:#fff;background:#34b3f1;border-color:#34b3f1}@media (max-width:768px){.chart .chart-header,.chart .chart-controls{flex-direction:column;align-items:stretch}.chart .chart-type-toggle{justify-content:center;gap:4px;padding:0}.chart .chart-tabs{flex-wrap:wrap;justify-content:center;gap:8px!important}.chart .chart-tabs>.chart-tab{white-space:nowrap;flex:1}}
