@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.charts-container{padding:20px;background:rgb(248,249,250);border-radius:8px;margin-bottom:20px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:20px}.chart-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chart-card h3{margin:0 0 15px;font-size:16px;color:#333;border-bottom:2px solid rgb(76,175,80);padding-bottom:10px}.chart-wrapper{position:relative;height:300px;width:100%}.chart-full-width{grid-column:1/-1}.chart-canvas{width:100%!important;height:100%!important}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,rgb(102,126,234) 0,rgb(118,75,162) 100%);color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.stat-card.success{background:linear-gradient(135deg,rgb(240,147,251) 0,rgb(245,87,108) 100%)}.stat-card.warning{background:linear-gradient(135deg,rgb(250,112,154) 0,rgb(254,225,64) 100%)}.stat-card.info{background:linear-gradient(135deg,rgb(79,172,254) 0,rgb(0,242,254) 100%)}.stat-card h4{margin:0 0 10px;font-size:14px;opacity:.9}.stat-card .value{font-size:32px;font-weight:700;margin:0}.chart-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.chart-filters button,.chart-filters input,.chart-filters select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.chart-filters button{padding:8px 16px;background:rgb(76,175,80);color:#fff;border:0;cursor:pointer}.chart-filters button:hover{background:rgb(69,160,73)}.chart-empty,.chart-loading{display:flex;justify-content:center;align-items:center;height:300px;color:#666}.chart-loading::after{content:"";width:40px;height:40px;border:4px solid rgb(243,243,243);border-top:4px solid rgb(76,175,80);border-radius:50%;animation:spin 1s linear infinite}.chart-empty{flex-direction:column;color:#999}.chart-empty::before{content:"📊";font-size:48px;margin-bottom:10px}.chart-tooltip{background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;pointer-events:none}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card .value{font-size:24px}.chart-wrapper{height:250px}}