.quarter-selector__container{background:#fff;border:1px solid #e5e7eb;border-radius:4px;inline-size:234px;margin-block:0;margin-inline:auto;padding-block:0 20px;padding-inline:0;box-shadow:0 2px 8px #0000000a}.quarter-selector__header{border-block-end:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-block:7px 12px;padding-block:0 12px;padding-inline:16px;display:flex}.quarter-selector__year{color:#1f2937;font-size:1.5rem;font-weight:600}.quarter-selector__year-arrows{flex-direction:column;gap:4px;margin-block-start:3px;padding-block:2px;padding-inline:2px;display:flex}.quarter-selector__year-arrow-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding-block:2px;padding-inline:4px;font-size:1.1rem;line-height:1;transition:background .2s;display:flex}.quarter-selector__year-arrow-btn:hover{color:#374151}.quarter-selector__year-arrow-btn .e-icons{vertical-align:middle;font-size:1.1rem}.quarter-selector__options--grid{grid-template-columns:repeat(2,1fr);gap:12px;padding-block:0 16px;padding-inline:16px;display:grid}.quarter-selector__option{cursor:pointer;text-align:center;color:#373e4e;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-block-size:50px;padding-block:16px;padding-inline:0;font-size:1.1rem;font-weight:500;transition:background .2s,color .2s;display:flex}.quarter-selector__option:hover{background:#f5f6fa}.quarter-selector__option.quarter-selector__option--selected,.quarter-selector__option--selected:hover{color:#fff;background:#5146e1}.quarter-selector__option-label{margin-block-end:2px;font-size:1.1rem;font-weight:600}.quarter-selector__option-description{font-size:.95rem;font-weight:400}.date-range-modal{block-size:380px;display:block}.date-range-modal__middle-panel{inline-size:100%;padding-block:16px;padding-inline:16px;overflow-y:auto}.date-range-modal__content{block-size:100%}.date-range-modal__right-panel{background-color:#f9fafb;inline-size:35%;padding-block:12px;padding-inline:12px;overflow-y:auto}.date-visualization-panel{block-size:100%}.date-visualization-panel__header{margin-block-end:12px}.date-visualization-panel__header h3{color:#1f2937;margin-block:0 6px;margin-inline:0;font-size:1rem;font-weight:600}.date-visualization-panel__summary{color:#6b7280;background:#f3f4f6;border-radius:4px;padding-block:6px;padding-inline:8px;font-size:.75rem}.date-visualization-panel__calendars{margin-block-end:10px}.date-visualization-panel__calendar{margin-block-end:8px}.date-visualization-panel__calendar .e-calendar{inline-size:100%;box-shadow:none;border:1px solid #e5e7eb;border-radius:8px}.date-visualization-panel__details{border-block-start:1px solid #e5e7eb;padding-block-start:16px}.date-visualization-panel__legend{flex-direction:column;gap:8px;display:flex}.date-visualization-panel__legend-item{color:#6b7280;align-items:center;gap:8px;font-size:.875rem;display:flex}.date-visualization-panel__legend-color{background-color:#3b82f6;border-radius:4px;flex-shrink:0;block-size:16px;inline-size:16px}.month-range-selector-syncfusion__header{justify-content:space-between;align-items:center;margin-block-end:20px;display:flex}.month-range-selector-syncfusion__header h3{color:#1f2937;margin:0;font-size:1.125rem;font-weight:600}.month-range-selector-syncfusion__year-control{align-items:center;gap:8px;display:flex}.month-range-selector-syncfusion__year-control label{color:#374151;font-size:.875rem;font-weight:500}.month-range-selector-syncfusion__year-input{border:1px solid #d1d5db;border-radius:6px;inline-size:80px;padding-block:6px;padding-inline:8px;font-size:.875rem}.month-range-selector-syncfusion__picker{margin-block-end:20px}.month-range-selector-syncfusion__picker .e-input-group{inline-size:100%}.month-range-selector-syncfusion__selection-summary{color:#0c4a6e;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:12px;font-size:.875rem}@media (max-width:768px){.date-range-modal{flex-direction:column;block-size:auto}.date-range-modal__middle-panel{border-block-end:1px solid #e5e7eb;border-inline-end:none;max-block-size:400px;inline-size:100%}.date-range-modal__right-panel{background-color:#fff;max-block-size:400px;inline-size:100%}.date-visualization-panel__calendar .e-calendar{font-size:.875rem}}@media (max-width:480px){.date-range-modal__middle-panel,.date-range-modal__right-panel{padding:16px}}