:root{--page-background-color: #f5f5f5;--error-color: #dc2626;--fallback-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--backdrop-filter-support: 1;--ui-primary-color: #FF5500;--ui-background-color: rgba(255, 255, 255, .95);--ui-background-color-opaque: rgba(255, 255, 255, 1);--ui-backdrop-filter: blur(32px);--ui-border: .5px solid #dedede;--ui-border-radius: 16px;--ui-text-color: #222222;--ui-text-opacity: .95;--ui-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08), inset 0 1px 0 0 rgba(255, 255, 255, .2);--ui-font-family: "DM Sans", sans-serif;--ui-font-size: 12px;--ui-font-weight: 450;--button-primary-background-color: var(--ui-primary-color);--button-primary-hover-background-color: color-mix(in srgb, var(--ui-primary-color) 92%, black);--button-secondary-background-color: transparent;--button-secondary-hover-background-color: rgba(0, 0, 0, .065);--button-tertiary-background-color: rgba(0, 0, 0, .065);--button-tertiary-hover-background-color: rgba(0, 0, 0, .11);--button-press-scale: .945;--button-press-transition: transform .1s ease-out;--button-border-radius: 8px;--button-padding: 0 12px;--menu-divider-color: rgba(0, 0, 0, .065);--menu-border-radius: 10px;--modal-background-color: var(--ui-background-color-opaque);--modal-backdrop-filter: var(--ui-backdrop-filter);--modal-border: 1px solid rgba(0, 0, 0, .065);--modal-border-radius: var(--ui-border-radius);--modal-shadow: var(--ui-shadow);--modal-title-height: 48px;--modal-title-font-size: 14px;--modal-title-font-weight: 500;--modal-padding: 16px;--modal-max-width: 600px;--modal-min-width: 320px;--modal-max-height: calc(100vh - 126px) ;--modal-z-index: 2000;--modal-overlay-background: rgba(0, 0, 0, .2);--modal-overlay-backdrop-filter: blur(2px);--tooltip-background-color: var(--ui-text-color);--tooltip-text-color: #ffffff;--tooltip-border-radius: 6px;--tooltip-padding: 6px 8px;--tooltip-font-size: 12px;--tooltip-max-width: 250px;--tooltip-shadow: 0 2px 4px rgba(0, 0, 0, .2);--tooltip-z-index: 10000;--toast-background-color: var(--ui-background-color);--toast-border: .5px solid #dedede;--toast-border-radius: 16px;--toast-shadow: var(--ui-shadow);--toast-padding: 0 8px 0 18px;--toast-height: 48px;--toast-max-width: 400px;--toast-margin-bottom: 16px;--toast-z-index: 9000}html{margin:0;padding:0;overscroll-behavior:none;overflow:hidden}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-display:swap}body{background-color:var(--page-background-color);margin:0;padding:0;overscroll-behavior:none;overflow:hidden;font-family:var(--fallback-font-family)}*:focus{outline:none}*[data-press-animation=true]{transform:scale(1);transition:var(--button-press-transition)}*[data-press-animation=true]:active,*[data-press-animation=true].pressed{transform:scale(var(--button-press-scale))!important}h1{font-family:var(--ui-font-family);font-size:24px;font-weight:600;color:var(--ui-text-color);margin:0;letter-spacing:-.025em}h2{font-family:var(--ui-font-family);font-size:20px;font-weight:500;color:var(--ui-text-color);margin:0}h3{font-family:var(--ui-font-family);font-size:18px;font-weight:500;color:var(--ui-text-color);margin:0}h4{font-family:var(--ui-font-family);font-size:16px;font-weight:450;color:var(--ui-text-color);margin:0}h5{font-family:var(--ui-font-family);font-size:14px;font-weight:500;color:var(--ui-text-color);margin:0}p{font-family:var(--ui-font-family);font-size:14px;font-weight:450;color:var(--ui-text-color);margin:0}span{font-family:var(--ui-font-family);font-size:12px;font-weight:400;color:var(--ui-text-color);margin:0}a{color:var(--ui-primary-color);font-family:var(--ui-font-family);font-size:14px;font-weight:450;text-decoration:none}a:hover{text-decoration:underline}h1,p{opacity:var(--ui-text-opacity)}button{background:none;border:none;outline:none;transform:scale(1);transition:var(--button-press-transition);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:var(--button-padding);height:32px;border-radius:var(--button-border-radius);font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color)}button svg{width:16px;height:16px;opacity:var(--ui-text-opacity)}button span{color:var(--ui-text-color);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);opacity:var(--ui-text-opacity)}button:has(>svg:only-child){width:32px;padding:0}button.primary{background-color:var(--button-primary-background-color);color:#fff}button.primary span{color:#fff;opacity:1}button.primary svg{color:#fff;opacity:1}button.primary:hover{background-color:var(--button-primary-hover-background-color)}button.secondary{background-color:var(--button-secondary-background-color)}button.secondary:hover{background-color:var(--button-secondary-hover-background-color)}button.secondary:hover span{opacity:1}button.secondary:hover svg{opacity:1}button.tertiary{background-color:var(--button-tertiary-background-color)}button.tertiary:hover{background-color:var(--button-tertiary-hover-background-color)}button.tertiary:hover span{opacity:1}button.tertiary:hover svg{opacity:1}button:active,button.pressed{transform:scale(var(--button-press-scale))!important}button.disabled{opacity:.5;cursor:default;pointer-events:none}.menu{position:relative;z-index:1000;transform-origin:top left;transform-style:preserve-3d;perspective:800px}.menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ui-background-color);border:var(--ui-border);border-radius:var(--menu-border-radius);box-shadow:var(--ui-shadow);backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter);z-index:-1}.menu-content{position:relative;padding:5px;min-width:180px;max-height:calc(100vh - 16px);overflow-y:auto;overflow-x:hidden}.menu.animate-open{animation:menuDropIn .235s cubic-bezier(.175,.075,.125,1)}@keyframes menuDropIn{0%{transform:scale(.9) rotateX(-14deg);opacity:0}to{transform:scale(1) rotateX(0);opacity:1}}.menu-item{display:flex;align-items:center;padding:0 11px;height:30px;border-radius:6px;font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);color:var(--ui-text-color);gap:8px;position:relative;cursor:default;background-color:transparent}.menu-item svg{color:var(--ui-text-color)}.menu-item span{color:var(--ui-text-color)}.menu-item.hover{background-color:var(--button-primary-background-color)}.menu-item.hover>svg{color:#fff}.menu-item.hover>span{color:#fff}.menu-item.disabled{opacity:.5;cursor:default}.menu-item.checkable{padding-left:28px;position:relative}.menu-item-checkmark{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0}.menu-item.checked .menu-item-checkmark{opacity:1}.menu-item-checkmark svg{width:12px;height:12px;color:var(--ui-text-color)}.menu-item.hover>.menu-item-checkmark svg{color:#fff}.menu-item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.menu-item-icon svg{width:16px;height:16px}.menu-item-label{flex:1}.submenu-arrow{position:absolute;top:7px;right:3.5px;opacity:.5}.submenu-arrow svg{width:16px;height:16px}.has-submenu.hover .submenu-arrow{opacity:1}.has-submenu.hover .submenu-arrow svg{color:#fff}.menu-divider{height:1px;background:var(--menu-divider-color);margin:5px -5px}.has-submenu{padding-right:24px}.menu-item-shortcut{position:absolute;top:50%;right:7px;transform:translateY(-50%);font-size:12px;opacity:.5}.menu-item.hover>.menu-item-shortcut{opacity:1}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay-background);backdrop-filter:var(--modal-overlay-backdrop-filter);-webkit-backdrop-filter:var(--modal-overlay-backdrop-filter);z-index:var(--modal-z-index);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s cubic-bezier(.175,.075,.125,1)}.modal-overlay.visible{opacity:1}.modal{position:relative;background:var(--modal-background-color);color:var(--ui-text-color);border:var(--ui-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);backdrop-filter:var(--modal-backdrop-filter);-webkit-backdrop-filter:var(--modal-backdrop-filter);min-width:var(--modal-min-width);max-width:var(--modal-max-width);max-height:var(--modal-max-height);width:100%;margin:var(--modal-padding);display:flex;flex-direction:column;transform-origin:center;transform:scale(1);font-family:var(--ui-font-family)}.modal.animate-open{animation:modalSlideIn .2s cubic-bezier(.175,.075,.125,1)}@keyframes modalSlideIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{height:var(--modal-title-height);padding:0 var(--modal-padding);border-bottom:var(--modal-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title h2{margin:0;font-family:var(--ui-font-family);font-size:var(--modal-title-font-size);font-weight:var(--modal-title-font-weight);color:var(--ui-text-color)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--button-border-radius);cursor:default;margin-right:-8px}.modal-close:hover{background-color:var(--button-secondary-hover-background-color)}.modal-close svg{width:16px;height:16px;color:var(--ui-text-color);opacity:var(--ui-text-opacity)}.modal-content{padding:var(--modal-padding);overflow-y:auto;flex:1;position:relative}.modal-overlay:not(:first-of-type){background:var(--modal-overlay-background)}.modal-overlay:not(:first-of-type) .modal{margin-top:calc(var(--modal-padding) * 2)}.tooltip{position:fixed;display:none;background-color:var(--tooltip-background-color);color:var(--tooltip-text-color);padding:var(--tooltip-padding);border-radius:var(--tooltip-border-radius);font-family:var(--ui-font-family);font-size:var(--tooltip-font-size);font-weight:var(--ui-font-weight);max-width:var(--tooltip-max-width);box-shadow:var(--tooltip-shadow);z-index:var(--tooltip-z-index);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter)}.tooltip-shortcut{font-family:var(--ui-font-family);color:var(--tooltip-text-color);display:inline-block}.tooltip-shortcut-single{font-family:var(--ui-font-family),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--tooltip-text-color);font-size:var(--tooltip-font-size);line-height:1;text-transform:none;letter-spacing:normal;font-variant-ligatures:none;font-kerning:normal;-webkit-font-feature-settings:"kern" 1,"liga" 0;font-feature-settings:"kern" 1,"liga" 0}.toast-container{position:fixed;left:0;right:0;bottom:16px;margin:0 auto;display:flex;flex-direction:column-reverse;align-items:center;gap:16px;width:fit-content;max-width:calc(100vw - 32px);z-index:var(--toast-z-index);pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;height:var(--toast-height);padding:var(--toast-padding);max-width:var(--toast-max-width);border:var(--toast-border);box-sizing:border-box;border-radius:var(--toast-border-radius);background-color:var(--toast-background-color);box-shadow:var(--toast-shadow);backdrop-filter:var(--ui-backdrop-filter);-webkit-backdrop-filter:var(--ui-backdrop-filter);transform-origin:bottom;transform:translateY(16px) scale(.9);opacity:0;pointer-events:all;cursor:default;transition:transform .25s cubic-bezier(.285,.35,.15,1),opacity .25s cubic-bezier(.285,.35,.15,1);width:fit-content;min-width:200px}.toast.visible{transform:translateY(0) scale(1);opacity:1}.toast.closing{animation:toastExit .3s cubic-bezier(.6,0,.735,.045) forwards;pointer-events:none}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1);max-height:var(--toast-height);margin-top:0;margin-bottom:0}70%{opacity:0;transform:translateY(0) scale(1);max-height:var(--toast-height)}to{opacity:0;transform:translateY(0) scale(1);max-height:0;margin-top:-8px;margin-bottom:-8px}}.toast-content{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.toast-icon{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px}.toast-icon svg{width:18px;height:18px;color:var(--ui-text-color)}.toast-message{font-family:var(--ui-font-family);font-size:12px;font-weight:450;color:var(--ui-text-color);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-actions{display:flex;align-items:center;gap:8px;margin-left:14px}.toast-action{height:32px;min-width:auto;font-size:12px}.progress-loader{position:fixed;top:0;left:0;right:0;height:3px;background-color:#0000000d;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.progress-loader.show{opacity:1;visibility:visible}.progress-loader .progress-bar{height:100%;background:var(--ui-primary-color);width:0%;transition:width .3s ease;border-radius:0 2px 2px 0}.progress-loader.complete .progress-bar{width:100%;transition:width .5s ease}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-start;padding:16px 22px;background-color:var(--page-background-color);z-index:1}header svg{height:30px;width:auto;color:var(--ui-primary-color)}main{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}main .form-container{max-width:346px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background-color:var(--ui-background-color-opaque);border:var(--ui-border);box-shadow:var(--ui-shadow);padding:52px 40px;border-radius:var(--ui-border-radius);transform:translateY(8px) scale(.99);opacity:0;animation:formSlideIn .35s cubic-bezier(.285,.35,.15,1) forwards;transition:opacity .2s cubic-bezier(.285,.35,.15,1),transform .2s cubic-bezier(.285,.35,.15,1)}@keyframes formSlideIn{to{transform:translateY(0) scale(1);opacity:1}}main .form-container h1,p{text-align:center}main .form-container h1{margin-bottom:2px}main .form-container form{margin-top:16px;margin-bottom:15px;width:100%;display:flex;flex-direction:column}main .form-container form .input-group{position:relative;width:100%;margin-bottom:14px}main .form-container form .input-row{display:flex;gap:12px;margin-bottom:14px}main .form-container form .input-row .input-group{flex:1;margin-bottom:0}main .form-container form .input-group input{width:100%;padding:16px 12px 12px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;font-family:var(--ui-font-family);font-weight:450;background-color:transparent;transition:border-color .1s cubic-bezier(.45,.05,.25,.95)}main .form-container form .input-group input:focus{outline:none;border-color:var(--ui-primary-color)}main .form-container form .input-group input.error{border-color:var(--error-color)}main .form-container form .input-group input.error+label{top:0;transform:translateY(-50%);font-size:12px;color:var(--error-color)}main .form-container form .input-group label{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;font-family:var(--ui-font-family);font-weight:450;color:#00000080;pointer-events:none;transition:all .1s cubic-bezier(.45,.05,.25,.95);background-color:var(--ui-background-color-opaque);padding:0 4px}main .form-container form .input-group input:focus+label,main .form-container form .input-group input:not(:placeholder-shown)+label{top:0;transform:translateY(-50%);font-size:12px;color:#0000004d}main .form-container form .input-group input:focus+label{color:var(--ui-primary-color)}main .form-container form .input-group input.error:focus+label,main .form-container form .input-group input.error:not(:placeholder-shown)+label{color:var(--error-color)}main .form-container form .field-error{display:none;align-items:center;gap:8px;margin-top:6px;margin-bottom:6px}main .form-container form .field-error.show{display:flex}main .form-container form .field-error .icon{width:16px;height:16px;color:var(--error-color);flex-shrink:0}main .form-container form .field-error p{margin:0;font-size:12px;font-family:var(--ui-font-family);font-weight:450;color:var(--error-color);text-align:left;opacity:1}main .form-container form button{height:40px;font-size:14px}main .form-container .form-footer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}main .form-container .form-footer a{color:var(--ui-primary-color);opacity:1!important}footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:20px 0}footer .divider{width:3px;height:16px;margin:0 6px;background-color:#0000001a;border-radius:3px;pointer-events:none}.account-nav{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:var(--ui-background-color-opaque);border-bottom:var(--ui-border);z-index:100}.account-nav .logo{height:26px;width:auto;color:var(--ui-primary-color)}.account-nav .nav-links{display:flex;gap:8px}.account-nav .nav-link{padding:8px 12px;border-radius:6px;font-family:var(--ui-font-family);font-size:13px;font-weight:450;color:var(--ui-text-color);text-decoration:none;opacity:.7;transition:opacity .15s ease,background-color .15s ease}.account-nav .nav-link:hover{opacity:1;background-color:#0000000d;text-decoration:none}.account-nav .nav-link.active{opacity:1;background-color:#0001}.account-main{position:absolute;top:60px;left:0;right:0;bottom:0;overflow-y:auto;padding:32px 24px}.account-container{max-width:720px;margin:0 auto}.account-container h1{margin-bottom:8px}.account-container .subtitle{font-size:14px;color:var(--ui-text-color);opacity:.7;margin-bottom:32px}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.cards-grid .card{margin-bottom:0}@media(max-width:640px){.cards-grid{grid-template-columns:1fr}}.card{background-color:var(--ui-background-color-opaque);border:var(--ui-border);border-radius:var(--ui-border-radius);box-shadow:var(--ui-shadow);margin-bottom:24px;overflow:hidden}.card-header{padding:16px 20px;border-bottom:var(--ui-border);display:flex;align-items:center;justify-content:space-between}.card-header h3{font-size:14px;font-weight:500}.card-body{padding:20px}.card-footer{padding:16px 20px;border-top:var(--ui-border);display:flex;align-items:center;justify-content:flex-end;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--ui-text-color);opacity:.6}.stat-value{font-size:24px;font-weight:600;color:var(--ui-text-color);letter-spacing:-.02em}.stat-value.small{font-size:16px}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.plan-badge.free{background-color:#0001;color:var(--ui-text-color)}.plan-badge.usage{background-color:#3b82f61a;color:#3b82f6}.plan-badge.subscription{background-color:#8b5cf61a;color:#8b5cf6}.usage-meter{margin:16px 0}.usage-meter-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.usage-meter-bar{height:8px;background-color:#0001;border-radius:4px;overflow:hidden}.usage-meter-fill{height:100%;background-color:var(--ui-primary-color);border-radius:4px;transition:width .3s ease}.usage-meter-fill.warning{background-color:#f59e0b}.usage-meter-fill.danger{background-color:#ef4444}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}@media(max-width:900px){.plans-grid{grid-template-columns:1fr}}.plan-card{background-color:var(--ui-background-color-opaque);border:var(--ui-border);border-radius:var(--ui-border-radius);box-shadow:var(--ui-shadow);padding:24px;display:flex;flex-direction:column}.plan-card.recommended{border:2px solid var(--ui-primary-color)}.plan-card .plan-name{font-size:18px;font-weight:600;margin-bottom:4px}.plan-card .plan-price{font-size:32px;font-weight:700;margin-bottom:4px;letter-spacing:-.02em}.plan-card .plan-price span{font-size:14px;font-weight:450;opacity:.6}.plan-card .plan-description{font-size:13px;opacity:.7;margin-bottom:20px}.plan-card .plan-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-card .plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;margin-bottom:12px}.plan-card .plan-features li svg{width:16px;height:16px;color:#22c55e;flex-shrink:0;margin-top:2px}.plan-card button{width:100%;height:40px;font-size:14px}.invoice-list{display:flex;flex-direction:column}.invoice-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.065)}.invoice-item:last-child{border-bottom:none}.invoice-info{display:flex;flex-direction:column;gap:2px}.invoice-date{font-size:13px;font-weight:450}.invoice-id{font-size:11px;opacity:.5}.invoice-amount{font-size:14px;font-weight:500}.invoice-status{font-size:11px;padding:2px 8px;border-radius:10px;text-transform:capitalize}.invoice-status.paid{background-color:#22c55e1a;color:#22c55e}.invoice-status.open{background-color:#3b82f61a;color:#3b82f6}.invoice-status.failed{background-color:#ef44441a;color:#ef4444}.empty-state{text-align:center;padding:40px 20px}.empty-state svg{width:48px;height:48px;color:var(--ui-text-color);opacity:.3;margin-bottom:16px}.empty-state p{opacity:.6}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--ui-primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.model-usage{display:flex;flex-direction:column;gap:16px}.model-usage-item{display:flex;flex-direction:column;gap:8px}.model-usage-header{display:flex;justify-content:space-between;align-items:center}.model-name{font-size:13px;font-weight:500}.model-spend{font-size:13px;font-weight:500;color:var(--ui-primary-color)}.limit-item{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.065)}.limit-item:first-child{padding-top:0}.limit-item:last-child{border-bottom:none;padding-bottom:0}.limit-header{display:flex;justify-content:space-between;align-items:flex-start}.limit-info{display:flex;flex-direction:column;gap:2px}.limit-name{font-size:14px;font-weight:500}.limit-reset{font-size:12px;opacity:.6}.limit-percent{font-size:13px;opacity:.7}.limit-bar{height:8px;background-color:#0001;border-radius:4px;overflow:hidden}.limit-bar-fill{height:100%;background-color:#3b82f6;border-radius:4px;transition:width .3s ease}.limit-bar-fill.warning{background-color:#f59e0b}.limit-bar-fill.full{background-color:#ef4444}