.card {border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05)}
.form-select{border-radius:8px;padding:0.75rem 1rem;transition:border-color 0.2s;height:50px;display:flex;align-items:center;cursor:pointer}
.form-label{font-family:'Readex Pro', system-ui, sans-serif;font-size:1.15rem;margin-right:5px}
.loading{text-align:center;padding:2rem}
.accordion-item{margin:.5rem 0}
.accordion-button{font-family:'Readex Pro', system-ui, sans-serif;font-size:1rem;background-color:#f2f4f7;border:none;padding:.5rem 1rem}
.accordion-button:not(.collapsed){color:var(--primary-color);background-color:#f2f4f7;box-shadow:none}
.accordion-button:focus{box-shadow:none;border-color:#e9ecef}
.stat-label{font-size:1rem}
.stat-value{font-weight:600;color:#212529;font-size:1rem}
.list-group-item{border:none;padding:0.25rem 0;display:flex;justify-content:space-between;align-items:center}
.custom-select-container{position:relative;margin-bottom:1rem;height:50px}
.custom-select{display:flex;align-items:center;padding:0.75rem 1rem;border:1px solid #ced4da;border-radius:8px;background-color:white;cursor:pointer;transition:border-color 0.2s;height:100%}
.custom-select:hover{border-color:#adb5bd}
.custom-select-options{position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:300px;overflow-y:auto;background-color:white;border:1px solid #ced4da;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);display:none}
.custom-select-option{display:flex;align-items:center;padding:0.5rem 1rem;cursor:pointer;transition:background-color 0.2s;font-size:1rem}
.custom-select-option:hover{background-color:#f2f4f7}
.custom-select-option img{width:24px;height:24px;margin-left:10px;object-fit:contain}
.custom-select-selected{display:flex;align-items:center;width:100%}
.custom-select-selected img{width:24px;height:24px;margin-left:10px;object-fit:contain}
.custom-select-selected,.custom-select-option{user-select:none}
.custom-select-arrow svg{margin-right:auto;transition:transform 0.2s;transform:rotate(0deg)}
.custom-select-container.open .custom-select-arrow svg{transform:rotate(180deg)}
.select-spinner{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:3px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:#007bff;animation:spin 1s ease-in-out infinite}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}
.select-wrapper{position:relative;height:50px}
.select-wrapper .form-select{position:relative;padding-right:40px}
.select-wrapper .select-spinner{right:15px}
#statisticsContainer{min-height:400px;transition:min-height 0.3s ease;position:relative}
#statisticsContainer.loading{display:block!important;background-color:#f8f9fa;border-radius:12px}
@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}
.skeleton-item{height:20px;margin-bottom:10px;background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:400% 100%;animation:skeleton-loading 1.5s ease infinite;border-radius:4px}
.skeleton-header{height:30px;width:60%;margin-bottom:20px}
.accordion-collapse{display:none;overflow:hidden;transition:height 0.35s ease}
.accordion-collapse.show{display:block}
.accordion-button::after{transition:transform 0.2s ease-in-out}
.accordion-button:not(.collapsed)::after{transform:rotate(-180deg)}