.charges-nav-top{display: flex;flex-direction: column;gap: 12px;margin: 20px 0 28px;}.charges-nav-card{display: flex;align-items: center;gap: 14px;padding: 16px 20px;border-radius: 10px;text-decoration: none;color: inherit;transition: box-shadow 0.2s,transform 0.15s;}.charges-nav-card:hover{transform: translateX(4px);box-shadow: var(--shadow-card-hover,0 4px 12px rgba(0,0,0,0.08));text-decoration: none;color: inherit;}.charges-nav-icon{font-size: var(--font-size-5xl,28px);flex-shrink: 0;}.charges-nav-card strong{display: block;font-size: var(--font-size-sm,14px);margin-bottom: 2px;}.charges-nav-card p{margin: 0;font-size: var(--font-size-xs,12px);line-height: 1.4;color: var(--color-text-muted);}.charges-nav-arrow{font-size: var(--font-size-xl,20px);margin-left: auto;flex-shrink: 0;color: var(--color-text-muted);}.charges-nav-utility{background: var(--color-info-bg,var(--color-info-bg,#eef5ff));border: 1px solid var(--color-info,var(--color-input-focus,#3498db));}.charges-nav-utility strong{color: var(--color-info,var(--color-input-focus,#3498db));}.charges-nav-rental{background: var(--color-success-bg,var(--color-success-bg,#eaf7ee));border: 1px solid var(--color-success,var(--color-success,#34A853));}.charges-nav-rental strong{color: var(--color-success,var(--color-success,#34A853));}.charges-nav-onetime{background: var(--color-warning-bg,var(--color-warning-bg,#fff3e8));border: 1px solid var(--color-warning,var(--color-warning,#F97316));}.charges-nav-onetime strong{color: var(--color-warning,var(--color-warning,#F97316));}.consumption-types-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 20px;margin: 20px 0;}.consumption-card{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: 10px;padding: 20px;border-top: 4px solid var(--color-border);transition: all 0.3s ease;}.consumption-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-card-hover,0 4px 12px rgba(0,0,0,0.1));}.consumption-fixed{border-top-color: var(--color-info);}.consumption-counters{border-top-color: var(--color-success);}.consumption-incurred{border-top-color: var(--color-warning);}.consumption-header{display: flex;align-items: center;gap: 10px;margin-bottom: 12px;}.consumption-icon{font-size: var(--font-size-4xl,26px);}.consumption-header h3{margin: 0;color: var(--color-secondary);font-size: var(--font-size-base,16px);}.consumption-card p{color: var(--color-text);line-height: 1.6;margin-bottom: 12px;}.consumption-example{background: var(--color-background);border-left: 3px solid var(--color-border);padding: var(--spacing-sm) 12px;border-radius: 4px;font-size: var(--font-size-xs,12px);color: var(--color-text-secondary);}.consumption-example strong{color: var(--color-secondary);}.periods-grid{display: flex;flex-direction: column;gap: 10px;margin: 16px 0;}.period-item{display: flex;align-items: center;gap: 12px;padding: 10px 14px;background: var(--color-background);border-radius: var(--border-radius-sm);}.period-desc{color: var(--color-text);font-size: var(--font-size-sm,14px);line-height: 1.5;}.provider-types{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 20px;margin: 24px 0;}.provider-type{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);padding: 20px;transition: all 0.3s ease;}.provider-type:hover{border-color: var(--color-primary);box-shadow: var(--shadow-primary);transform: translateY(-2px);}.provider-header{display: flex;align-items: center;gap: 10px;margin-bottom: 12px;}.provider-icon{font-size: var(--font-size-5xl,28px);}.provider-header h3{margin: 0;color: var(--color-secondary);font-size: var(--font-size-base,16px);}.provider-type p{color: var(--color-text);line-height: 1.6;margin-bottom: 0;}.info-box{background: var(--color-background);border: 1px solid var(--color-border);border-left: 4px solid var(--color-primary);border-radius: var(--border-radius-sm);padding: 16px 20px;margin: 20px 0;}.info-box-primary{background: var(--color-primary-bg-gradient,linear-gradient(135deg,rgba(52,152,219,0.05) 0%,rgba(52,152,219,0.02) 100%));border-left-color: var(--color-primary);}.info-box h4{margin: 0 0 12px;color: var(--color-secondary);font-size: var(--font-size-sm,14px);}.info-box p{margin: var(--spacing-sm) 0;color: var(--color-text);}.info-box ul{margin: 0;padding-left: 20px;}.info-box li{margin: var(--spacing-sm) 0;color: var(--color-text);line-height: 1.6;}.library-table{width: 100%;border-collapse: collapse;background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;margin: 16px 0;}.library-table th,.library-table td{padding: 12px 16px;text-align: left;border-bottom: 1px solid var(--color-border);}.library-table th{background: var(--color-background);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);font-size: var(--font-size-xs,12px);}.library-table tbody tr:hover{background: var(--color-background);}.library-table tbody tr:last-child td{border-bottom: none;}.related-links{display: flex;gap: 12px;flex-wrap: wrap;margin-top: 16px;}.related-link{display: flex;align-items: center;gap: var(--spacing-sm);padding: 12px 16px;background: var(--color-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);text-decoration: none;color: var(--color-secondary);transition: all 0.2s;}.related-link:hover{background: var(--color-primary);border-color: var(--color-primary);color: var(--button-primary-text);}.related-icon{font-size: var(--font-size-lg,18px);}.note{padding: var(--spacing-sm) var(--spacing-md);margin: 10px 0;border-radius: 4px;background: var(--color-info-bg);border-left: 3px solid var(--color-info);font-size: var(--font-size-sm,14px);color: var(--color-info);}@media (max-width: 800px){.consumption-types-grid{grid-template-columns: 1fr;}.provider-types{grid-template-columns: 1fr;}}