.usage-chip-container[data-v-29f2393a]{display:inline-block}.usage-chip[data-v-29f2393a]{border:1.5px solid transparent;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;position:relative;transition:all .3s ease}.usage-chip.menu-open[data-v-29f2393a]{box-shadow:0 0 0 2px #2196f34d}.usage-chip.light-font[data-v-29f2393a]{font-weight:300}.usage-chip.normal-font[data-v-29f2393a]{font-weight:400}.usage-chip.medium-font[data-v-29f2393a]{font-weight:500}.usage-chip.bold-font[data-v-29f2393a]{font-weight:600}.usage-chip.warning-state[data-v-29f2393a]{animation:pulse-29f2393a 2s infinite;border-color:#ff98004d}.usage-chip.danger-state[data-v-29f2393a]{animation:pulse-29f2393a 1s infinite;border-color:#f443364d}.usage-chip.full-state[data-v-29f2393a]{animation:shake-29f2393a .5s ease-in-out;border-color:#f4433680}.usage-text[data-v-29f2393a]{font-size:.8125rem;letter-spacing:-.01em;line-height:1.2}.period-badge[data-v-29f2393a]{background:#666;border-radius:8px;box-shadow:0 1px 3px #0003;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:-.01em;line-height:1;min-width:20px;padding:1px 6px;position:absolute;right:-6px;text-align:center;top:-6px;z-index:2}.menu-indicator[data-v-29f2393a]{margin-left:4px;transition:transform .3s ease}.usage-chip.menu-open .menu-indicator[data-v-29f2393a]{transform:rotate(180deg)}.period-monthly[data-v-29f2393a]{background:linear-gradient(135deg,#2196f3,#1976d2)}.period-yearly[data-v-29f2393a]{background:linear-gradient(135deg,#4caf50,#388e3c)}.period-weekly[data-v-29f2393a]{background:linear-gradient(135deg,#ff9800,#f57c00)}.explanation-card[data-v-29f2393a]{border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden}.card-content[data-v-29f2393a]{padding:20px}.explanation-header[data-v-29f2393a]{align-items:center;display:flex;gap:12px;margin-bottom:16px}.explanation-title[data-v-29f2393a]{color:#263238;font-size:1.1rem;font-weight:600;margin:0}.header-icon[data-v-29f2393a]{flex-shrink:0}.usage-status[data-v-29f2393a]{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 12px}.status-indicator[data-v-29f2393a]{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-normal[data-v-29f2393a]{background:#4caf501a;color:#2e7d32}.status-normal .status-indicator[data-v-29f2393a]{background:#4caf50}.status-warning[data-v-29f2393a]{background:#ff98001a;color:#ef6c00}.status-warning .status-indicator[data-v-29f2393a]{background:#ff9800}.status-danger[data-v-29f2393a]{background:#f443361a;color:#d32f2f}.status-danger .status-indicator[data-v-29f2393a]{background:#f44336}.status-full[data-v-29f2393a]{background:#f4433626;color:#c62828;font-weight:600}.status-full .status-indicator[data-v-29f2393a]{animation:pulse-29f2393a 1s infinite;background:#d32f2f}.progress-section[data-v-29f2393a]{margin-bottom:16px}.progress-labels[data-v-29f2393a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label[data-v-29f2393a]{color:#666;font-size:.875rem;font-weight:500}.progress-value[data-v-29f2393a]{color:#263238;font-size:.875rem;font-weight:600}.usage-progress[data-v-29f2393a]{margin-bottom:4px}.progress-numbers[data-v-29f2393a]{color:#666;display:flex;font-size:.75rem;justify-content:space-between}.explanations-list[data-v-29f2393a]{margin-bottom:16px}.explanation-item[data-v-29f2393a]{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.explanation-icon[data-v-29f2393a]{flex-shrink:0;margin-top:2px}.explanation-text[data-v-29f2393a]{color:#546e7a;font-size:.875rem;line-height:1.4}.renewal-info[data-v-29f2393a]{align-items:center;background:#2196f30d;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.renewal-icon[data-v-29f2393a]{flex-shrink:0}.renewal-text[data-v-29f2393a]{color:#1976d2;font-size:.8rem;font-weight:500}.card-actions[data-v-29f2393a]{align-items:center;display:flex;gap:12px;justify-content:space-between}.upgrade-button[data-v-29f2393a]{font-weight:600}@keyframes pulse-29f2393a{0%{box-shadow:0 0 #ff980066}70%{box-shadow:0 0 0 4px #ff980000}to{box-shadow:0 0 #ff980000}}@keyframes shake-29f2393a{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}.usage-chip[data-v-29f2393a] .v-chip--size-small{font-size:.75rem;height:24px;padding:0 8px}.usage-chip[data-v-29f2393a] .v-chip--size-small .usage-text{font-size:.7rem}.usage-chip[data-v-29f2393a] .v-chip--size-small .period-badge{font-size:.55rem;min-width:16px;padding:0 4px;right:-4px;top:-4px}.usage-chip[data-v-29f2393a] .v-chip--size-default{height:28px;padding:0 12px}.usage-chip[data-v-29f2393a] .v-chip--size-large{font-size:.875rem;height:32px;padding:0 16px}.usage-chip[data-v-29f2393a] .v-chip--size-large .usage-text{font-size:.85rem}.usage-chip[data-v-29f2393a] .v-chip--size-large .period-badge{font-size:.65rem;min-width:22px;padding:2px 8px;right:-8px;top:-8px}.usage-chip[data-v-29f2393a]:hover{transform:translateY(-1px);transition:all .2s cubic-bezier(.4,0,.2,1)}.usage-chip.warning-state[data-v-29f2393a]:hover{box-shadow:0 2px 8px #ff980040}.usage-chip.danger-state[data-v-29f2393a]:hover{box-shadow:0 2px 8px #f4433640}.usage-chip.full-state[data-v-29f2393a]:hover{box-shadow:0 2px 8px #f443364d}@media (max-width:480px){.usage-text[data-v-29f2393a]{font-size:.75rem}.period-badge[data-v-29f2393a]{font-size:.5rem;min-width:16px;padding:0 4px}.usage-chip[data-v-29f2393a] .v-chip--size-default{height:26px;padding:0 10px}.usage-chip[data-v-29f2393a] .v-chip--size-default .usage-text{font-size:.75rem}.explanation-card[data-v-29f2393a]{margin:0 8px}.card-content[data-v-29f2393a]{padding:16px}}@media (prefers-reduced-motion:reduce){.usage-chip[data-v-29f2393a]{animation:none;transition:none}.usage-chip[data-v-29f2393a]:hover{transform:none}.menu-indicator[data-v-29f2393a]{transition:none}}[data-v-29f2393a] .v-theme--dark .usage-chip{background-blend-mode:multiply}[data-v-29f2393a] .v-theme--dark .period-badge{box-shadow:0 1px 3px #0006}[data-v-29f2393a] .v-theme--dark .explanation-title,[data-v-29f2393a] .v-theme--dark .progress-value{color:#e0e0e0}[data-v-29f2393a] .v-theme--dark .explanation-text{color:#b0b0b0}