.chart-container[data-v-2f266cb4]{width:100%;height:400px;margin:0 auto;padding:20px;background-color:#f4f7fb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}canvas[data-v-2f266cb4]{width:100%;height:100%;border-radius:8px}.text-green-500[data-v-b30fd106]{color:green}.text-red-500[data-v-b30fd106]{color:red}.kpi-container[data-v-b30fd106]{display:flex;flex-wrap:wrap;justify-content:space-between}.kpi-block[data-v-b30fd106]{flex:0 1 calc(33.33% - 10px);margin:5px;box-shadow:0 3px 8px rgba(0,0,0,.24);padding:10px;border-radius:5px;background-color:#fff;display:flex;flex-direction:column}.kpi-title[data-v-b30fd106]{font-size:20px}.kpi-value[data-v-b30fd106]{font-size:25px;font-weight:700;color:#333}.circle-container[data-v-85ff6808]{display:flex;flex-direction:row;gap:20px;justify-content:space-between;flex-wrap:wrap}.circle-block-wrapper[data-v-85ff6808]{flex:1;display:flex;flex-wrap:wrap;gap:20px}.circle-block[data-v-85ff6808]{flex:1 1 calc(33.33% - 20px);margin:10px;padding:15px;border-radius:10px;background-color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.circle-block[data-v-85ff6808]:hover{transform:translateY(-10px);box-shadow:0 12px 30px rgba(0,0,0,.2)}.circle-icon[data-v-85ff6808]{font-size:30px;color:#3498db}.circle-title[data-v-85ff6808]{font-size:18px;font-weight:600;color:#333}.circle-value[data-v-85ff6808]{font-size:24px;font-weight:700;color:#333}.kpi-changes[data-v-85ff6808]{font-size:18px;font-weight:600;display:flex;align-items:center}.kpi-changes .fa-arrow-up[data-v-85ff6808]{color:#28a745}.kpi-changes .fa-arrow-down[data-v-85ff6808]{color:#e74c3c}.circle-chart-component[data-v-85ff6808]{flex:1;height:300px;max-width:100%;margin-top:20px}@media (max-width:768px){.circle-block[data-v-85ff6808]{flex:1 1 calc(50% - 20px)}.circle-chart-component[data-v-85ff6808]{height:250px}}.container-chart,.wrapper-chart{height:100%;width:100%}.wrapper-chart{margin:auto;display:flex;flex-direction:column;align-items:flex-start}.tabs{display:flex;gap:15px}.tab{cursor:pointer;padding:10px 20px;background:#825ee4;display:inline-block;color:#fff;border-radius:3px 3px 0 0;box-shadow:0 .5rem .8rem rgba(0,0,0,.5019607843137255)}.panels-chart{background:hsla(0,0%,100%,.9647058823529412);box-shadow:0 2rem 2rem rgba(0,0,0,.5019607843137255);height:100%;width:100%;border-radius:3px;overflow:hidden;padding:20px}.panel-chart{display:none;animation:fadein .8s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.panel-title{font-size:1.5em;font-weight:700}.radio{display:none}#debts:checked~.panels-chart #debts-panel,#expenses:checked~.panels-chart #expenses-panel,#finance:checked~.panels-chart #finance-panel,#revenue:checked~.panels-chart #revenue-panel{display:block}#debts:checked~.tabs #debts-tab,#expenses:checked~.tabs #expenses-tab,#finance:checked~.tabs #finance-tab,#revenue:checked~.tabs #revenue-tab{background:hsla(0,0%,100%,.9647058823529412);color:#825ee4;border-top:3px solid #825ee4}select[data-v-6a889a38]{padding:8px;border:1px solid #ccc;border-radius:4px}.pick-year[data-v-6a889a38]{position:absolute;right:0;top:3px;height:60px;padding:5px}.pick-year label[data-v-6a889a38]{padding:0 15px;display:flex;align-items:center;height:100%;background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.16)}.pick-year select[data-v-6a889a38]{height:100%}