.usage-indicator-wrapper{justify-content:center;display:flex}.usage-indicator{align-items:center;gap:.75rem;display:flex}.usage-bar-container{background:#ffffff0f;border-radius:2px;width:140px;height:4px;overflow:hidden}.usage-bar-fill{background:linear-gradient(90deg,#3b82f6b3 0%,#3b82f6 100%);border-radius:2px;width:0%;height:100%;transition:width .4s,background .3s}.usage-bar-fill.warning{background:linear-gradient(90deg,#fbbf24b3 0%,#fbbf24 100%)}.usage-bar-fill.danger{background:linear-gradient(90deg,#ef4444b3 0%,#ef4444 100%)}.usage-text{color:#ffffffad;white-space:nowrap;font-size:.8rem;font-weight:500}@media (max-width:768px){.usage-indicator{flex-direction:column;gap:.5rem}.usage-bar-container{width:180px}}