.page-app-user-charges .charges-page{max-width: 1400px;margin: 0 auto;padding: 20px;}.page-app-user-charges .charges-type-toggle{margin-bottom: 20px;}.page-app-user-charges .view-controls{display: flex;gap: 16px;margin-bottom: 16px;flex-wrap: wrap;}.page-app-user-charges .control-group{display: flex;align-items: center;gap: var(--spacing-sm);background: var(--color-white);padding: 10px 16px;border-radius: 10px;box-shadow: var(--shadow-card,0 1px 3px rgba(0,0,0,0.08));}.page-app-user-charges .control-label{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-secondary);white-space: nowrap;}.page-app-user-charges .control-select{border: 1px solid var(--color-border);background: var(--color-background);padding: var(--spacing-sm) 12px;border-radius: var(--border-radius-sm);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text);cursor: pointer;outline: none;transition: all 0.2s;}.page-app-user-charges .control-select:hover,.page-app-user-charges .control-select:focus{border-color: var(--color-primary);background: var(--color-white);}.page-app-user-charges .filters-panel{background: var(--color-white);border-radius: 12px;padding: 20px;margin-bottom: 24px;box-shadow: var(--shadow-card,0 1px 3px rgba(0,0,0,0.08));}.page-app-user-charges .filters-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 12px;margin-bottom: 16px;}.page-app-user-charges .filter-compact{display: flex;align-items: center;gap: var(--spacing-sm);background: var(--color-background-secondary,var(--color-background));padding: var(--spacing-sm) 12px;border-radius: var(--border-radius-sm);}.page-app-user-charges .filter-icon{font-size: var(--font-size-lg);flex-shrink: 0;}.page-app-user-charges .filter-compact input,.page-app-user-charges .filter-compact select{flex: 1;border: none;background: transparent;padding: 4px;font-size: var(--font-size-sm);outline: none;}.page-app-user-charges .filter-compact.amount-range{display: flex;gap: 4px;}.page-app-user-charges .filter-compact.amount-range input{width: 80px;}.page-app-user-charges .filter-compact .separator{color: var(--color-text-muted);font-size: var(--font-size-xs);}.page-app-user-charges .filter-actions-wrapper{display: flex;flex-direction: column;gap: 12px;}.page-app-user-charges .filter-actions-main{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}.page-app-user-charges .export-inline{margin-left: auto;}.page-app-user-charges .charges-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;margin-bottom: 24px;}.page-app-user-charges .charge-card-wrapper{position: relative;}.page-app-user-charges .charge-card{background: var(--color-white);border-radius: 14px;padding: 20px;box-shadow: var(--shadow-card,0 2px 8px rgba(0,0,0,0.06)),var(--shadow-xs,0 1px 3px rgba(0,0,0,0.04));transition: var(--transition-default,all 0.2s);border: 1px solid var(--color-border-subtle,rgba(0,0,0,0.06));border-left: 5px solid var(--color-primary);text-decoration: none;color: inherit;display: block;cursor: pointer;position: relative;overflow: hidden;}.page-app-user-charges .charge-card.rental{border-left-color: var(--color-success);}.page-app-user-charges .charge-card:hover{transform: translateY(-3px);box-shadow: var(--shadow-hover,0 8px 20px rgba(0,0,0,0.1)),var(--shadow-sm,0 3px 6px rgba(0,0,0,0.06));text-decoration: none;color: inherit;}.page-app-user-charges .grouped-charges{margin-bottom: 24px;}.page-app-user-charges .charge-group{background: var(--color-white);border-radius: 12px;margin-bottom: 16px;box-shadow: var(--shadow-card,0 1px 3px rgba(0,0,0,0.08));overflow: hidden;}.page-app-user-charges .group-header{display: flex;align-items: center;gap: 16px;padding: 16px 20px;background: var(--color-background);cursor: pointer;transition: background 0.2s;border-bottom: 1px solid var(--color-border);}.page-app-user-charges .group-header:hover{background: var(--color-surface-subtle);}.page-app-user-charges .group-title{flex: 1;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text);}.page-app-user-charges .group-count{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-muted);margin-left: var(--spacing-sm);}.page-app-user-charges .group-total{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-primary);}.page-app-user-charges .group-total-partial-note{display: block;font-size: var(--font-size-xs);font-weight: var(--font-weight-normal);color: var(--color-text-muted);font-style: italic;}.page-app-user-charges .group-arrow{font-size: var(--font-size-sm);color: var(--color-text-muted);transition: transform 0.3s;}.page-app-user-charges .charge-group.open .group-arrow{transform: rotate(180deg);}.page-app-user-charges .group-content{max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;}.page-app-user-charges .charge-group.open .group-content{max-height: 10000px;padding: 16px;}@media (max-width: 767px){.page-app-user-charges .charges-grid{grid-template-columns: 1fr;}.page-app-user-charges .filters-grid{grid-template-columns: 1fr;}.page-app-user-charges .charges-type-toggle{width: 100%;}.page-app-user-charges .charges-type-toggle .ui-segmented__item{flex: 1;justify-content: center;}.page-app-user-charges .filter-actions-main{flex-direction: column;align-items: stretch;}.page-app-user-charges .export-inline{margin-left: 0;width: 100%;}}