.list-item{position:relative;display:flex;align-items:center;gap:var(--content-gap);padding:var(--space-m);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);transition:all var(--transition-fast);min-height:8rem}.list.list--l>.list-item:has(.list-item__image),.list.list--m>.list-item:has(.list-item__image),.list>.list-item:has(.list-item__image){padding:0}.list>.list-item:has(.list-item__image) .list-item__content{padding:var(--space-m) var(--space-m) var(--space-m) 0}.list>.list.list--m:has(.list-item__image) .list-item__content{padding:var(--space-s)}.list>.list.list--l:has(.list-item__image) .list-item__content{padding:var(--space-l)}.list-item:has(.list-item__image) .list-item__icon{padding-inline-start:var(--space-m)}.list.list--m:has(.list-item__image) .list-item__icon{padding-inline-start:var(--space-s)}.list-item:hover{background-color:var(--surface-elevated);border-color:var(--border-strong)}.list.list--m{gap:var(--space-s)}.list.list--m .list-item{padding:var(--space-s);gap:var(--space-s);min-height:6rem}.list.list--l{gap:var(--space-m)}.list.list--l .list-item{padding:var(--space-l);gap:var(--space-m);min-height:10rem}.list-item--elevated{box-shadow:var(--shadow-s)}.list-item--interactive{cursor:pointer}.list-item--interactive:hover{box-shadow:var(--shadow-m)}.list-item--interactive:active{box-shadow:var(--shadow-xs)}.list-item--inactive{opacity:.6}.list-item__avatar{flex-shrink:0;width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center}.list.list--m .list-item__avatar{width:4rem;height:4rem}.list.list--l .list-item__avatar{width:5.6rem;height:5.6rem}.list-item__icon{flex-shrink:0;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;color:var(--fg-muted)}.list.list--m .list-item__icon{width:2.8rem;height:2.8rem}.list.list--l .list-item__icon{width:3.6rem;height:3.6rem}.list-item__image{flex-shrink:0;position:relative;background:var(--surface-subtle);overflow:hidden;max-width:20%}.list-item__image-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.list-item__image--16-9{width:160px;height:90px;aspect-ratio:16/9}.list-item__image--4-3{width:160px;height:120px;aspect-ratio:4/3}.list-item__image--1-1{width:90px;height:90px;aspect-ratio:1/1}.list.list--m .list-item__image--16-9{width:120px;height:68px}.list.list--m .list-item__image--4-3{width:120px;height:90px}.list.list--m .list-item__image--1-1{width:68px;height:68px}.list.list--l .list-item__image--16-9{width:213px;height:120px}.list.list--l .list-item__image--4-3{width:200px;height:150px}.list.list--l .list-item__image--1-1{width:112px;height:112px}.list-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.list-item__header{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:nowrap;justify-content:space-between}.list-item__title{font-size:var(--t-m);font-weight:600;margin:0;color:var(--fg);line-height:1.3}.list.list--l .list-item__title{font-size:var(--t-l)}.list-item__description{line-height:1.5;margin:0}.list-item__description,.list-item__meta{font-size:var(--t-s);color:var(--fg-muted)}.list-item__meta{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.list-item__meta-item{display:flex;align-items:center;gap:var(--space-3xs)}.list-item__meta-item svg{width:1.4rem;height:1.4rem;flex-shrink:0}.list-item__badges{display:flex;align-items:center;gap:var(--space-2xs);flex-wrap:wrap}.list-item__stats{display:flex;flex-direction:column;gap:var(--space-3xs);align-items:flex-end;font-size:var(--t-s);color:var(--fg-muted);flex-shrink:0}.list-item__actions{display:flex;align-items:center;gap:var(--space-2xs);flex-shrink:0;height:100%}.payment-list-item .list-item__stats{font-weight:600}@media (max-width:991px){.list-item{flex-wrap:wrap;min-height:auto}.list-item__avatar{order:1}.list-item__stats{display:none}}@media (max-width:767px){.list-item{padding:var(--space-s);gap:var(--space-s)}.list-item__avatar{width:4rem;height:4rem}.list-item__title{font-size:var(--t-s)}.list-item__meta{font-size:var(--t-xs)}}.list{display:flex;flex-direction:column;gap:var(--content-gap)}.list--compact{gap:var(--space-xs)}.list--comfortable{gap:var(--space-m)}.list-item:focus-within{outline:var(--focus-ring-width) solid var(--primary);outline-offset:var(--focus-ring-offset)}.list-item--interactive:focus{outline:var(--focus-ring-width) solid var(--primary);outline-offset:var(--focus-ring-offset)}.list-item.is-loading{pointer-events:none;opacity:.5}.list-item.is-selected{background-color:var(--surface-elevated);border-color:var(--border-strong)}.list-item.is-error{border-color:var(--error);background-color:var(--error-subtle)}a .list-item,a .list-item *,a:hover .list-item{text-decoration:none}.list-item__drag-handle{display:flex;align-items:center;justify-content:center;padding:var(--space-s);cursor:grab;flex-shrink:0;opacity:.5;transition:opacity var(--transition-fast)}.list-item__drag-handle:hover{opacity:1}.list-item__drag-handle:active{cursor:grabbing}.category-color-badge{width:1rem;height:1rem;border-radius:var(--radius-round);flex-shrink:0}.category-edit-form{width:100%;padding:var(--space-s);display:flex;flex-direction:column;gap:var(--space-s)}