#page-usage{font-size:14px}
#page-usage h2{font-size:18px;margin:0 0 10px}#page-usage h3{font-size:15px;margin:18px 0 8px}
.ug-quotas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0 18px}
#page-usage .ug-quota{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:16px;background:linear-gradient(115deg,var(--surface-2),var(--surface))}
.ug-eyebrow{color:var(--muted);font-size:12px}.ug-quota h2{font-size:36px!important;margin:10px 0!important;font-variant-numeric:tabular-nums}.ug-quota h2 small{font-size:16px;color:var(--muted)}.ug-quota p{font-size:13px;color:var(--muted)}
.ug-tag{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:5px 9px;font-size:12px}
.ug-ring{position:relative;flex:0 0 112px;height:112px;border-radius:50%;background:conic-gradient(var(--ring) var(--used),var(--line) 0);display:grid;place-items:center}.ug-ring:before{content:'';position:absolute;inset:9px;background:var(--surface-2);border-radius:50%}.ug-ring b{position:relative;font-size:24px;text-align:center}.ug-ring small{display:block;font-size:12px;color:var(--muted)}
.ug-analysis{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:16px}.ug-analysis .card{min-width:0}.ug-metrics{width:100%;font-size:13px!important}.ug-metrics td{padding:9px 0!important}.ug-metrics td:last-child{text-align:right;font-weight:750;font-variant-numeric:tabular-nums}
.ug-bars{display:flex;align-items:stretch;gap:12px;height:265px;padding-top:18px;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,var(--line) 50px)}.ug-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.ug-column b{font-size:14px;margin-bottom:8px}.ug-track{flex:1;width:65%;display:flex;align-items:flex-end}.ug-bar{width:100%;border-radius:7px 7px 0 0;background:linear-gradient(0deg,#1788be,#40cee7);transform-origin:bottom;animation:ug-grow .55s ease-out both}.ug-color-1{background:linear-gradient(0deg,#4a61db,#939bff)}.ug-color-2{background:linear-gradient(0deg,#098b76,#3ed8ad)}.ug-color-3{background:linear-gradient(0deg,#cb791c,#ffc166)}.ug-column span{font-size:12px;text-align:center;min-height:46px;padding-top:10px}.ug-note{font-size:12px;color:var(--muted);line-height:1.5;margin:16px 0 0}
.ug-campaigns{margin-top:18px}.ug-campaigns table{font-size:12px!important}.ug-campaigns th{font-size:12px!important}.ug-campaigns td{font-variant-numeric:tabular-nums}.ug-link{border:0;background:none;color:var(--text);text-align:left;cursor:pointer;font:inherit;padding:0}.ug-link:hover{text-decoration:underline}.ug-progress{display:block;height:4px;width:60px;background:var(--line);border-radius:3px;margin-bottom:5px}.ug-progress i{display:block;height:100%;background:#30bde7}.ug-quota:hover{border-color:#30bde7}
@keyframes ug-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.ug-bar{animation:none}}
@media(max-width:1100px){.ug-analysis{grid-template-columns:1fr 1fr}.ug-analysis>article:first-child{grid-column:1/-1}.ug-metrics{max-width:100%}}
@media(max-width:650px){.ug-quotas,.ug-analysis{grid-template-columns:1fr}.ug-quota h2{font-size:28px!important}.ug-ring{flex-basis:90px;height:90px}.ug-analysis>article:first-child{grid-column:auto}}
