.loading-state[data-v-1109ec5d]{width:100%;min-height:200px}.kpi-card[data-v-af6958ce]{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-3);gap:var(--spacing-1);flex-direction:column;display:flex}.title[data-v-af6958ce]{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.value[data-v-af6958ce]{color:var(--color-text);font-size:1.8rem;font-weight:600}.description[data-v-af6958ce]{color:var(--color-text-secondary);font-size:.8rem}.segmented-progress-bar[data-v-2aa9e545]{width:100%}.bar-track[data-v-2aa9e545]{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;position:relative;overflow:hidden}.bar-base-zone[data-v-2aa9e545]{z-index:0;background-color:#27896014;height:100%;position:absolute;top:0;left:0}.bar-fill[data-v-2aa9e545]{background:linear-gradient(90deg, var(--color-primary), #34d399);z-index:1;height:100%;transition:width .4s,background .3s;position:absolute;top:0;left:0}.bar-fill.fill-warning[data-v-2aa9e545]{background:linear-gradient(90deg, var(--color-primary), #f59e0b)}.bar-fill.fill-danger[data-v-2aa9e545]{background:linear-gradient(90deg,#ef4444,#f87171)}.bar-divider[data-v-2aa9e545]{background-color:var(--color-text-secondary);opacity:.4;z-index:2;width:2px;height:calc(100% + 2px);position:absolute;top:-1px;transform:translate(-1px)}.bar-legend[data-v-2aa9e545]{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.legend-item[data-v-2aa9e545]{align-items:center;gap:4px;display:flex}.legend-dot[data-v-2aa9e545]{border-radius:2px;flex-shrink:0;width:7px;height:7px}.legend-dot.base[data-v-2aa9e545]{background-color:var(--color-primary)}.legend-dot.extra[data-v-2aa9e545]{background-color:#f59e0b}.legend-text[data-v-2aa9e545]{color:var(--color-text-secondary);font-size:.72rem}.compact-meta[data-v-2aa9e545]{gap:8px;margin-top:6px;display:flex}.meta-tag[data-v-2aa9e545]{border-radius:4px;padding:1px 6px;font-size:.72rem}.meta-tag.base[data-v-2aa9e545]{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.meta-tag.extra[data-v-2aa9e545]{color:#f59e0b;background-color:#f59e0b1f;font-weight:600}.service-card[data-v-d1e21ff7]{border-radius:var(--radius);border:1px solid var(--color-border);cursor:pointer;transition:all .2s}.service-card[data-v-d1e21ff7]:hover{border-color:var(--color-primary);transform:translateY(-2px)}.card-header[data-v-d1e21ff7]{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.service-icon-box[data-v-d1e21ff7]{background-color:var(--color-primary-light,#eaf3ef);width:48px;height:48px;color:var(--color-primary,#278960);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}:root[data-theme=dark] .service-icon-box[data-v-d1e21ff7]{color:#34d399;background-color:#27896033}.title-wrap[data-v-d1e21ff7]{flex-direction:column;flex-grow:1;gap:4px;display:flex}.service-title[data-v-d1e21ff7]{margin:0;font-size:1.15rem;font-weight:600;line-height:1.3}.tag-row[data-v-d1e21ff7]{align-items:center;margin-top:2px;display:flex}.tariff-name[data-v-d1e21ff7]{color:var(--color-text-secondary);margin:2px 0 0;font-size:.85rem;line-height:1.4}.usage-section[data-v-d1e21ff7]{padding-top:var(--spacing-2);margin-top:auto}.usage-text[data-v-d1e21ff7]{align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.usage-count[data-v-d1e21ff7]{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1}.usage-count.is-over[data-v-d1e21ff7]{color:#ef4444}.usage-limit[data-v-d1e21ff7]{color:var(--color-text-secondary);font-size:.9rem}