.usage-meter{display:flex;flex-direction:column;gap:8px;min-width:180px;max-width:100%;padding:6px 10px;font-size:12px}.usage-meter--error,.usage-meter--loading{font-size:12px;color:var(--color-text-secondary,#666)}.usage-meter--error{color:var(--color-danger,#c0392b)}.usage-meter__row{display:flex;flex-direction:column;gap:2px}.usage-meter__row-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.usage-meter:not(.usage-meter--compact) .usage-meter__row-header{padding-right:calc(3rem + .75rem)}.usage-meter__label{font-weight:600}.usage-meter__pct{display:none;font-weight:400;color:var(--color-text-secondary,#555)}.usage-meter__row[data-exceeded=true] .usage-meter__pct{color:var(--color-danger,#c0392b)}.usage-meter__header-meta{display:inline-flex;align-items:baseline;gap:6px;min-width:0}.usage-meter__usage{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-secondary,#555);white-space:nowrap}.usage-meter__exceeded{font-weight:600;color:var(--color-danger,#c0392b);white-space:nowrap}.usage-meter__reset{color:var(--color-text-secondary,#777);font-size:11px}.usage-meter__row[data-exceeded=true] .usage-meter__reset,.usage-meter__row[data-exceeded=true] .usage-meter__usage{color:var(--color-danger,#c0392b)}.usage-meter--compact{min-width:240px;gap:10px;padding:0}.usage-meter--compact .progress-bar--small{height:.625rem}.usage-meter--compact .usage-meter__pct{display:inline}.usage-meter--compact .progress-bar__percentage{display:none}@media (max-width:768px){.usage-meter--compact .usage-meter__usage{display:none}.usage-meter--compact .usage-meter__row-header{justify-content:flex-end}.usage-meter--compact{padding-left:12px;padding-right:0}}.usage-meter__balance{display:flex;align-items:baseline;justify-content:space-between;margin-top:var(--space-2,.5rem);padding-top:var(--space-2,.5rem);border-top:1px solid var(--color-border-light,#edf2f7)}.usage-meter__balance-label{font-size:var(--text-sm,.875rem);color:var(--color-text-secondary,#3c4658)}.usage-meter__balance-value{font-size:var(--text-sm,.875rem);font-weight:600;color:var(--color-text-primary,#1a202c);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-meter__purchased-fill{width:100%;height:100%;background:var(--um-purchased-fill,#0ea5e9)}.usage-meter-popover{position:relative;display:inline-flex}.usage-meter-popover__trigger{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--color-border,#e2e2e2);background:var(--color-surface,#fff);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;line-height:1;transition:background-color .15s ease,border-color .15s ease}.usage-meter-popover__trigger:hover{background:var(--color-surface-hover,#f5f5f5)}.usage-meter-popover__trigger:focus-visible{outline:2px solid var(--color-focus,#4c8bf5);outline-offset:2px}.usage-meter-popover__dot{width:8px;height:8px;border-radius:50%;background:var(--color-success,#2ecc71);flex:0 0 auto}.usage-meter-popover__trigger--warning .usage-meter-popover__dot{background:var(--color-warning,#f39c12)}.usage-meter-popover__trigger--exceeded .usage-meter-popover__dot{background:var(--color-danger,#c0392b)}.usage-meter-popover__trigger--warning{border-color:var(--color-warning,#f39c12)}.usage-meter-popover__trigger--exceeded{border-color:var(--color-danger,#c0392b);color:var(--color-danger,#c0392b)}.usage-meter-popover__pct{font-weight:600}.usage-meter-popover__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:100;min-width:240px;padding:10px 12px;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e2e2);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.success-modal{text-align:center;padding:32px 16px}.success-modal__icon{width:64px;height:64px;background:linear-gradient(135deg,#00c2a8,#4338ca);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:white;font-size:32px;font-weight:700}.success-modal__title{font-size:24px;font-weight:700;color:#333;margin:0 0 10px}.success-modal__message{color:#666;font-size:16px;margin:0}.success-modal--success .success-modal__icon{background:linear-gradient(135deg,#00c2a8,#4338ca)}.success-modal--info .success-modal__icon{background:linear-gradient(135deg,#667eea,#764ba2)}.success-modal--warning .success-modal__icon{background:linear-gradient(135deg,#ff6b35,#f7931e)}@media (max-width:640px){.success-modal{padding:2rem 1.5rem}.success-modal__title{font-size:1.5rem}}