.saas-cat-detail__hero{align-items:center;gap:var(--saas-space-md);padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);display:flex}.saas-cat-detail__badge{border-radius:var(--saas-radius-md);background:var(--saas-brand-subtle);block-size:48px;inline-size:48px;color:var(--saas-brand-strong);flex:none;place-items:center;display:inline-grid}.saas-cat-detail__names{min-inline-size:0;color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);flex-direction:column;flex:1;display:flex}.saas-cat-detail__names h2{color:var(--saas-text-primary);font-size:var(--saas-font-heading);margin:0;font-weight:700}.saas-cat-detail__pair{gap:var(--saas-space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.saas-cat-detail__spent{justify-content:space-between;gap:var(--saas-space-sm);font-size:var(--saas-font-reading);display:flex}.saas-cat-detail__bar{border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);block-size:8px;display:block;overflow:hidden}.saas-cat-detail__bar>span{border-radius:var(--saas-radius-full);background:var(--saas-brand-primary);block-size:100%;display:block}.saas-cat-detail__bar[data-over=true]>span{background:var(--saas-status-danger)}.saas-cat-detail__left[data-over=true]{color:var(--saas-status-danger);font-weight:600}.saas-cat-detail__chips{gap:var(--saas-space-xs);flex-wrap:wrap;display:flex}.saas-cat-detail__chips>span{padding:2px var(--saas-space-sm);border-radius:var(--saas-radius-sm);background:var(--saas-tint-blue-bg);color:var(--saas-tint-blue-fg);font-weight:600}.saas-cat-detail__link{color:var(--saas-brand-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.saas-cat-detail__recent{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.saas-cat-detail__recent button{justify-content:space-between;gap:var(--saas-space-sm);inline-size:100%;padding:var(--saas-space-xs) 0;border:0;border-block-end:1px solid var(--saas-border-default);color:var(--saas-text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;display:flex}.saas-cat-detail__recent-name,.saas-cat-detail__recent-amount{flex-direction:column;display:flex}.saas-cat-detail__recent-amount{align-items:flex-end;font-weight:600}.saas-cat-detail__recent small{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);font-weight:400}.saas-cat-detail__flow{gap:var(--saas-space-sm);flex-direction:column;margin:0;padding-inline-start:var(--saas-space-lg);display:flex}.saas-cat-detail__flow li{flex-direction:column;display:flex}.saas-cat-detail__link:focus-visible,.saas-cat-detail__recent button:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}@media (width<=1279px){.saas-cat-detail__pair{grid-template-columns:minmax(0,1fr)}}