:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:20px;background-color:#f4f6fa;--color-primary: #8884d8;--color-secondary: #82ca9d;--color-primary-disabled: #b3b3b3;--color-secondary-disabled: #d9d9d9;--color-error: red}.category-selector{margin-bottom:80px}.category-label{margin-right:10px;font-size:20px}.category-select{border-radius:16px;font-size:16px;padding:5px}@media (max-width: 600px){.category-selector{margin-bottom:50px;display:flex;flex-direction:column;align-items:center}.category-label{text-align:center;margin-bottom:10px}}.chart-container{flex:1;padding-bottom:20px}.chart-inner{height:500px}.chart-title{text-align:center;margin-bottom:10px;font-size:20px}@media (max-width: 600px){.chart-inner{height:200px}}.charts-container{flex:2 1 0;min-width:0}.charts{width:100%;display:flex;flex-direction:row;gap:20px}.message-container{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center}.blob{position:absolute;width:500px;height:350px;background:linear-gradient(135deg,#8884d8,#82ca9d);filter:blur(30px);border-radius:50%;opacity:.5}.empty-text{position:relative;z-index:1;text-align:center;max-width:300px;font-size:30px;line-height:1.4;color:#fff}.error-text{position:relative;z-index:1;text-align:center;max-width:300px;font-size:30px;line-height:1.4;color:var(--color-error)}@media (max-width: 600px){.charts-container{display:flex;flex-direction:column;align-items:center}.charts{flex-direction:column}}.btn-grad{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-size:150% auto;border:none;transition:.5s;color:#fff;padding:10px 20px;border-radius:16px;cursor:pointer;font-size:16px;width:200px;height:70px}.btn-grad:hover:not(:disabled){background-position:right center}.btn-grad:disabled{background:linear-gradient(135deg,var(--color-primary-disabled),var(--color-secondary-disabled));cursor:not-allowed;color:#f5f5f5}.btn-container{flex:1}@media (max-width: 600px){.btn-grad{height:50px}}.app-root{display:flex;flex-direction:row;margin-top:40px;margin-left:40px;min-height:100vh;gap:20px}@media (max-width: 600px){.app-root{flex-direction:column;align-items:center;margin:20px}}