.planUsagePage{--plan-ink:#102b4e;--plan-muted:#647b96;--plan-line:#dce7f2;--plan-blue:#1769d2;--plan-cyan:#20a6a0;display:grid;gap:20px;width:auto;min-width:0;max-width:none}.planUsageHero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border:1px solid #cfe0ef;border-radius:24px;background:linear-gradient(118deg,#0c3d70 0%,#0d6eb8 58%,#3c93d9 100%);box-shadow:0 18px 42px rgba(22,71,116,.16);color:#fff}.planUsageHero:after{content:"";position:absolute;right:-80px;top:-145px;width:360px;height:360px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 52px rgba(255,255,255,.035),0 0 0 105px rgba(255,255,255,.025)}.planUsageHero>div,.planUsageRefresh{position:relative;z-index:1}.planUsageEyebrow{display:block;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#aee8ff}.planUsageHero h2{margin:0 0 6px;font-family:"Manrope",sans-serif;font-size:30px;letter-spacing:-.04em}.planUsageHero p{margin:0;color:#d8efff}.planUsageRefresh{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 17px;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-weight:800;cursor:pointer}.planUsageRefresh svg{width:17px;height:17px}.planUsageRefresh:hover{background:rgba(255,255,255,.23)}.planUsageRefresh:disabled{opacity:.55;cursor:wait}.planUsageContent{display:grid;gap:20px}.planUsageCurrent{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 28px;border:1px solid var(--plan-line);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f5faff 100%);box-shadow:0 12px 32px rgba(29,62,96,.08)}.planUsageIdentity{display:flex;align-items:center;gap:18px}.planUsageMark{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,var(--plan-blue),#083f80);box-shadow:0 10px 22px rgba(23,105,210,.25);color:#fff;font-size:18px;font-weight:900}.planUsageIdentity>div>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#69839f}.planUsageIdentity h3{margin:4px 0 3px;color:var(--plan-ink);font-size:24px}.planUsageIdentity p{margin:0;color:var(--plan-muted)}.planUsageStatusBlock{text-align:right}.planUsageStatus{display:inline-flex;padding:7px 13px;border-radius:999px;background:#e2f7ee;color:#087650;font-size:12px;font-weight:900}.planUsageStatusBlock small{display:block;margin-top:8px;color:#8194a9;font-family:monospace}.planUsageSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.planUsageSummary article{padding:18px 20px;border:1px solid var(--plan-line);border-radius:16px;background:#fff}.planUsageSummary span{display:block;margin-bottom:7px;color:var(--plan-muted);font-size:12px;font-weight:700}.planUsageSummary strong{color:var(--plan-ink);font-size:16px}.planUsageSection{padding:26px 28px;border:1px solid var(--plan-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(36,65,94,.06)}.planUsageSectionHeading,.planUsageSectionHeading>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.planUsageSectionHeading>div>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e8f7f5;color:#087a75;font-size:12px;font-weight:900}.planUsageSectionHeading h3{margin:0 0 3px;color:var(--plan-ink);font-size:17px}.planUsageSectionHeading p{margin:0;color:var(--plan-muted);font-size:12px}.planUsageLive{padding:5px 9px;border-radius:999px;background:#e9f7ef;color:#178452;font-size:10px;font-weight:900;letter-spacing:.1em}.planUsageMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.planUsageMetric{min-width:0;padding:19px;border:1px solid #e1eaf3;border-radius:16px;background:#f9fbfd}.planUsageMetric>div:first-child{display:flex;justify-content:space-between;gap:8px}.planUsageMetric>div:first-child span{color:#5f7690;font-size:12px;font-weight:800}.planUsageMetric>div:first-child strong{color:#16807a;font-size:10px;text-transform:uppercase}.planUsageMetricValue{display:block;margin:18px 0 2px;color:var(--plan-ink);font-size:27px;letter-spacing:-.04em}.planUsageMetric small{color:#7a8fa5}.planUsageProgress{height:6px;margin-top:17px;overflow:hidden;border-radius:99px;background:#dfe8f1}.planUsageProgress span{display:block;height:100%;min-width:9px;border-radius:inherit;background:linear-gradient(90deg,var(--plan-blue),var(--plan-cyan))}.planUsageFeatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.planUsageFeatures article{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid #e0e9f2;border-radius:13px;background:#fbfdff;color:var(--plan-ink)}.planUsageFeatures article span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e4f8ef;color:#0b8158;font-weight:900}.planUsageHistoryCount{padding:5px 9px;border-radius:999px;background:#edf4fb;color:#58708a;font-size:10px;font-weight:900;letter-spacing:.06em}.planUsageHistoryList{display:grid;margin-top:24px}.planUsageHistoryItem{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:0 0 24px}.planUsageHistoryItem:not(:last-child):before{content:"";position:absolute;left:16px;top:27px;bottom:-2px;width:2px;background:#dce7f2}.planUsageHistoryMarker{position:relative;z-index:1;width:34px;height:34px;border:8px solid #e4f6f3;border-radius:50%;background:#15958e;box-shadow:0 0 0 1px #bfe4df}.planUsageHistoryItem.plan_changed .planUsageHistoryMarker{border-color:#e8f0fc;background:#1769d2;box-shadow:0 0 0 1px #c8d9f2}.planUsageHistoryItem.status_changed .planUsageHistoryMarker{border-color:#fff1d8;background:#d88910;box-shadow:0 0 0 1px #f0d39b}.planUsageHistoryContent{min-width:0;padding:2px 0}.planUsageHistoryContent>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.planUsageHistoryContent strong{color:var(--plan-ink);font-size:14px}.planUsageHistoryContent time{flex:0 0 auto;color:#7890a8;font-size:11px}.planUsageHistoryContent p{margin:6px 0;color:var(--plan-muted);font-size:12px;line-height:1.55}.planUsageHistoryContent small{display:block;margin-top:8px;color:#8094aa;font-size:10px;font-weight:700}.planUsageHistoryChanges{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.planUsageHistoryChanges:empty{display:none}.planUsageHistoryChanges span{padding:5px 9px;border:1px solid #dbe7f1;border-radius:999px;background:#f7fafc;color:#36536f;font-size:10px;font-weight:800}.planUsageHistoryEmpty{margin-top:20px;padding:22px;border:1px dashed #cad9e8;border-radius:14px;background:#f8fbfd;text-align:center;color:var(--plan-muted)}.planUsageHistoryMore{display:block;margin:2px auto 0;padding:10px 15px;border:1px solid #cbdcec;border-radius:11px;background:#f7fbff;color:#155b98;font-weight:800;cursor:pointer}.planUsageHistoryMore:disabled{opacity:.55;cursor:wait}.planUsageNotice{padding:16px 18px;border:1px solid #bcdde9;border-left:4px solid #1593b8;border-radius:14px;background:#effaff;color:#245b71;font-size:13px;font-weight:700}.planUsageMsg{min-height:20px;margin:0}.planUsageSkeleton{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.planUsageSkeleton span{height:108px;border-radius:18px;background:linear-gradient(100deg,#edf2f7 20%,#f8fafc 38%,#edf2f7 56%);background-size:220% 100%;animation:planUsageShimmer 1.4s infinite}.planUsageSkeleton span:first-child{grid-row:span 2;height:230px}@keyframes planUsageShimmer{to{background-position-x:-220%}}@media(max-width:1100px){.planUsageMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.planUsageHistoryContent>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}.planUsageHistoryCount{align-self:flex-start}.planUsageHistoryItem{grid-template-columns:30px minmax(0,1fr);gap:11px}.planUsageHistoryMarker{width:30px;height:30px}.planUsageHistoryItem:not(:last-child):before{left:14px;top:25px}.planUsagePage{gap:14px}.planUsageHero{align-items:stretch;flex-direction:column;padding:23px 20px;border-radius:19px}.planUsageHero h2{font-size:25px}.planUsageRefresh{justify-content:center;width:100%}.planUsageCurrent{align-items:flex-start;flex-direction:column;padding:20px}.planUsageIdentity{align-items:flex-start}.planUsageStatusBlock{text-align:left}.planUsageSummary,.planUsageMetrics,.planUsageFeatures,.planUsageSkeleton{grid-template-columns:1fr}.planUsageSection{padding:21px 18px}.planUsageSectionHeading{align-items:flex-start}.planUsageSectionHeading>div{align-items:flex-start}.planUsageMetricValue{font-size:25px}.planUsageSkeleton span:first-child{grid-row:auto;height:108px}}@media(prefers-reduced-motion:reduce){.planUsageSkeleton span{animation:none}}