.info-box{background: var(--color-info-bg);border: 1px solid var(--color-info-bg);border-radius: var(--border-radius-sm);padding: 16px;margin: 16px 0;}.info-box ul{margin: var(--spacing-sm) 0 0 var(--spacing-lg);padding: 0;}.tariff-type-block{margin: 24px 0;padding: 20px;background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: 12px;}.tariff-type-title{margin: 0 0 16px 0;}.tariff-type-badge{display: inline-block;padding: var(--spacing-sm) 14px;border-radius: var(--border-radius-sm);font-size: var(--font-size-sm,14px);font-weight: var(--font-weight-semibold,600);color: var(--button-primary-text);}.tariff-type-badge.single_zone{background: var(--color-disabled);}.tariff-type-badge.two_zone{background: var(--color-info);}.tariff-type-badge.three_zone{background: var(--color-success);}.tariff-zones-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 16px;}.tariff-zone-card{background: var(--color-background);border: 1px solid var(--color-border);border-radius: 10px;overflow: hidden;}.zone-header{display: flex;justify-content: space-between;align-items: center;padding: 10px 14px;background: var(--color-border);}.zone-code{font-family: monospace;font-size: var(--font-size-xs,12px);font-weight: var(--font-weight-semibold,600);color: var(--color-text);}.zone-meter-index{font-family: monospace;font-size: var(--font-size-xxs,11px);color: var(--color-disabled);background: var(--color-card-background);padding: var(--spacing-xs) var(--spacing-sm);border-radius: 4px;}.zone-info{padding: 14px;}.zone-name{font-size: var(--font-size-base,16px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);margin: 0 0 var(--spacing-sm) 0;}.zone-description{font-size: var(--font-size-xs,12px);color: var(--color-disabled);margin: 0 0 10px 0;line-height: 1.4;}.zone-meta{display: flex;gap: 10px;flex-wrap: wrap;}.zone-coefficient{font-weight: var(--font-weight-semibold,600);font-size: var(--font-size-sm,14px);color: var(--color-text);background: var(--color-border);padding: 3px var(--spacing-sm);border-radius: 4px;}.zone-coefficient.high{color: var(--color-error);background: var(--color-error-bg);}.zone-coefficient.low{color: var(--color-success);background: var(--color-success-bg);}.zone-time{font-size: var(--font-size-xs,12px);color: var(--color-disabled);padding: 3px 0;}.usage-steps{padding-left: 20px;line-height: 1.8;}.usage-steps li{margin-bottom: var(--spacing-sm);}.code-block{background: var(--color-background);border: 1px solid var(--color-border-light);border-radius: var(--border-radius-sm);padding: 16px;font-family: monospace;font-size: var(--font-size-xs,12px);overflow-x: auto;white-space: pre;margin: 16px 0;}.empty-message{text-align: center;color: var(--color-text-muted);padding: 40px;}@media (max-width: 575px){.tariff-zones-grid{grid-template-columns: 1fr;}.tariff-type-block{padding: 14px;}}