.saas-cat-list{gap:var(--saas-space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.saas-cat-card{gap:var(--saas-space-xs);inline-size:100%;padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-inline-start:3px solid var(--saas-brand-primary);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);color:var(--saas-text-primary);font:inherit;font-size:var(--saas-font-body-sm);text-align:start;cursor:pointer;transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), background-color var(--saas-motion-micro) var(--saas-ease-standard);flex-direction:column;display:flex}.saas-cat-card:hover{background:var(--saas-bg-sunken)}.saas-cat-card[aria-current=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-subtle)}.saas-cat-card[data-inactive=true]{border-inline-start-color:var(--saas-border-default)}.saas-cat-card:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-cat-card--skeleton{background:var(--saas-bg-sunken);cursor:default;block-size:132px}.saas-cat-card__head,.saas-cat-card__row{align-items:center;gap:var(--saas-space-sm);display:flex}.saas-cat-card__badge{border-radius:var(--saas-radius-md);background:var(--saas-brand-subtle);block-size:36px;inline-size:36px;color:var(--saas-brand-strong);flex:none;place-items:center;display:inline-grid}.saas-cat-card__names{flex-direction:column;min-inline-size:0;display:flex}.saas-cat-card__name{font-size:var(--saas-font-reading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.saas-cat-card__code{color:var(--saas-text-secondary)}.saas-cat-card__chip{padding:1px var(--saas-space-xs);border-radius:var(--saas-radius-sm);background:var(--saas-brand-subtle);color:var(--saas-brand-strong);font-weight:600}.saas-cat-card__chip[data-tone=warning]{background:var(--saas-status-warning-subtle);color:var(--saas-status-warning)}.saas-cat-card__spacer{flex:1}.saas-cat-card__bar{border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);block-size:6px;display:block;overflow:hidden}.saas-cat-card__bar>span{border-radius:var(--saas-radius-full);background:var(--saas-brand-primary);block-size:100%;display:block}.saas-cat-card__bar[data-tone=near]>span{background:var(--saas-status-warning)}.saas-cat-card__bar[data-tone=over]>span{background:var(--saas-status-danger)}.saas-cat-card__foot{color:var(--saas-text-primary)}.saas-cat-card__foot[data-tone=over]{color:var(--saas-status-danger);font-weight:600}