/* Fast-load status and emphasized budget cockpit */
.sync-badge{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;white-space:nowrap}.sync-badge i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.sync-badge[data-state="syncing"] i{background:var(--blue);animation:syncPulse 1.2s ease-in-out infinite}.sync-badge[data-state="cached"] i{background:var(--orange)}.sync-badge[data-state="fresh"] i{background:var(--green)}.sync-badge[data-state="offline"] i,.sync-badge[data-state="error"] i{background:var(--red)}@keyframes syncPulse{50%{opacity:.35;transform:scale(.75)}}
.budget-hero{grid-template-columns:1.35fr .85fr;border:1px solid color-mix(in srgb,var(--blue) 38%,transparent);box-shadow:0 1px 2px rgba(0,0,0,.05),0 12px 30px rgba(39,131,222,.12)}.budget-main{position:relative;padding:34px 38px;background:radial-gradient(circle at 8% 0,rgba(94,159,232,.45),transparent 46%),linear-gradient(135deg,#202b38,#242728)}.budget-main:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 55%,rgba(255,255,255,.045))}.budget-topline,.budget-focus{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px}.budget-health{padding:5px 9px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.78);font-size:12px;font-weight:650}.budget-focus{align-items:flex-end;margin-top:18px}.budget-remaining small,.daily-budget span,.daily-budget small{display:block;color:rgba(255,255,255,.62);font-size:13px}.budget-remaining>strong{display:block;margin-top:2px;font-size:58px;line-height:1;letter-spacing:-.05em}.daily-budget{min-width:192px;padding:15px 17px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}.daily-budget strong{display:block;margin:3px 0;font-size:27px;line-height:1.15;color:#fff}.budget-main>p{position:relative;z-index:1;margin:15px 0 0;color:rgba(255,255,255,.66);font-size:13px}.budget-progress{position:relative;z-index:1;margin-top:18px}.budget-progress>div{height:9px}.budget-progress i{box-shadow:0 0 14px rgba(114,188,143,.35)}.budget-hero[data-budget-state="healthy"] .budget-health{color:#a7dfbe;border-color:rgba(114,188,143,.35);background:rgba(114,188,143,.13)}.budget-hero[data-budget-state="watch"] .budget-health,.budget-hero[data-budget-state="risk"] .budget-health{color:#f2bf94;border-color:rgba(222,146,85,.38);background:rgba(222,146,85,.14)}.budget-hero[data-budget-state="over"] .budget-health{color:#f4a39b;border-color:rgba(233,115,102,.4);background:rgba(233,115,102,.15)}.budget-hero[data-budget-state="watch"] .status-dot,.budget-hero[data-budget-state="risk"] .status-dot{background:var(--orange)}.budget-hero[data-budget-state="over"] .status-dot{background:var(--red)}.budget-hero[data-budget-state="over"] .daily-budget strong,.budget-hero[data-budget-state="over"] .budget-remaining>strong{color:#f4a39b}.hero-metrics{grid-template-columns:1fr;padding:22px 28px}.hero-metrics article{padding:15px 8px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}.hero-metrics article:first-child{border-top:0}.hero-metrics strong{font-size:25px}
@media(max-width:980px){.budget-hero{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,1fr)}.hero-metrics article{border-top:0;border-left:1px solid rgba(255,255,255,.12)}.hero-metrics article:first-child{border-left:0}}
@media(max-width:720px){.sync-badge{position:absolute;right:116px;top:13px}.budget-main{padding:26px 22px}.budget-focus{align-items:stretch;flex-direction:column;gap:16px}.budget-remaining>strong{font-size:48px}.daily-budget{width:100%;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center}.daily-budget strong{grid-row:1/3;grid-column:2;font-size:30px}.daily-budget small{margin-top:2px}.hero-metrics{grid-template-columns:repeat(3,1fr);padding:16px}.hero-metrics article{padding:4px 11px}.hero-metrics strong{font-size:17px}}
@media(max-width:430px){.sync-badge{right:112px;max-width:106px;overflow:hidden}.sync-badge span{overflow:hidden;text-overflow:ellipsis}.budget-topline{gap:10px}.budget-focus{margin-top:16px}.budget-remaining>strong{font-size:45px}.budget-main>p{font-size:12px}.hero-metrics{grid-template-columns:1fr}.hero-metrics article{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:11px 4px}.hero-metrics article:first-child{border-top:0}}
@media(prefers-reduced-motion:reduce){.sync-badge[data-state="syncing"] i{animation:none}}