.details-dashboard[data-v-f06da488]{padding:24px;background-color:#f7f7f7;min-height:calc(100vh - 200px)}.metrics-section[data-v-f06da488],.summary-section[data-v-f06da488]{margin-bottom:32px}.summary-header[data-v-f06da488]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px}.summary-title[data-v-f06da488]{font-size:20px;font-weight:600;color:#2d3748;margin:0}.refresh-button[data-v-f06da488]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#4a5568;-webkit-transition:all .2s;transition:all .2s}.refresh-button[data-v-f06da488]:hover{background-color:#edf2f7;border-color:#5469d4;color:#5469d4}.charts-grid[data-v-f06da488]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.chart-card-small[data-v-f06da488]{background:#fff;border-radius:12px;padding:20px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart-card-title[data-v-f06da488]{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 16px 0;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.loading-state[data-v-f06da488]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;min-height:250px;color:#718096}.loading-state .spinner[data-v-f06da488]{font-size:32px;margin-bottom:12px;color:#5469d4}.loading-state p[data-v-f06da488]{margin:0;font-size:14px}.chart-content-horizontal[data-v-f06da488]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chart-wrapper[data-v-f06da488]{width:200px;height:200px;position:relative;-ms-flex-negative:0;flex-shrink:0}.chart-legend[data-v-f06da488]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;width:100%}.legend-item[data-v-f06da488]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:8px 12px;background-color:#f7fafc;border-radius:6px;-webkit-transition:all .2s;transition:all .2s}.legend-item[data-v-f06da488]:hover{background-color:#edf2f7}.legend-item.total[data-v-f06da488]{background-color:#edf2f7;border-top:2px solid #e2e8f0;margin-top:4px;font-weight:600}.legend-color[data-v-f06da488]{width:16px;height:16px;border-radius:4px;-ms-flex-negative:0;flex-shrink:0}.legend-label[data-v-f06da488]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:13px;color:#4a5568;font-weight:500}.legend-value[data-v-f06da488]{font-size:14px;font-weight:700;color:#2d3748;min-width:40px;text-align:right}.details-header[data-v-f06da488]{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.details-title[data-v-f06da488]{font-size:24px;font-weight:700;color:#2d3748;margin:0}.header-controls[data-v-f06da488]{-ms-flex-wrap:wrap;flex-wrap:wrap}.date-picker-container[data-v-f06da488],.header-controls[data-v-f06da488]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.date-picker-label[data-v-f06da488]{font-size:14px;font-weight:600;color:#2d3748;margin:0;white-space:nowrap}.modern-date-picker[data-v-f06da488]{max-width:300px}@media (max-width:1200px){.charts-grid[data-v-f06da488]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.details-dashboard[data-v-f06da488]{padding:16px}.charts-grid[data-v-f06da488]{grid-template-columns:1fr;gap:16px}.chart-card-small[data-v-f06da488]{padding:16px}.chart-wrapper[data-v-f06da488]{width:200px;height:200px}.details-header[data-v-f06da488]{padding:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.header-controls[data-v-f06da488]{width:100%}.date-picker-container[data-v-f06da488]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;width:100%}.modern-date-picker[data-v-f06da488]{width:100%;max-width:100%}}