:root{--color-primary:#696eff;--color-primary-light:#9497ff;--color-primary-ultralight:#e1e2ff;--color-secondary:#2b2b35;--color-secondary-light:#55555d;--color-surface:#ffffff;--color-background:#f0f0f0;--color-tinfoil:#e6e6e6;--color-border:#e6e6e6;--color-border-secondary:#333333;--color-text-primary:#2b2b35;--color-text-secondary:#55555d;--color-text-inverted:#ffffff;--color-input-border:#e0e0e0;--color-input-border-hover:#2b2b35;--color-input-background:#ffffff;--color-input-background-inactive:#f9f9f9;--color-input-text-primary:#333333;--color-input-text-secondary:#999999;--shadow-text-input:rgba(0,0,0,0.05) 0px 2px 4px;--shadow-primary-highlight:rgb(105,110,255) 0px 0px 6px;--color-button-primary:#696eff;--color-button-primary-hover:#9497ff;--color-button-primary-pressed:#00034d;--color-button-primary-inactive:#e1e2ff;--color-button-secondary:#2b2b35;--color-button-secondary-hover:#55555d;--color-button-secondary-pressed:#00034d;--color-button-secondary-inactive:#f4f4f5;--color-button-tertiary:#f0f0f0;--color-button-tertiary-hover:#e0e0e0;--color-button-tertiary-pressed:#d0d0d0;--color-button-tertiary-inactive:#f0f0f0;--color-button-tertiary-dark:#e5e8f0;--color-button-tertiary-dark-hover:#c4cbde;--color-button-tertiary-dark-pressed:#b4bcd5;--color-button-tertiary-dark-inactive:#e5e8f0;--color-warning:#f8b400;--color-error:#fd5d5d;--color-error-light:#ffd1d6;--color-success:#5cc37a;--color-success-light:#d8f5d6;--color-info-light:#e5efff;--shadow-primary:rgba(0,0,0,0.05) 0px 2px 4px;--shadow-modal:0 0 10px rgba(0,0,0,0.1019607843);--shadow-error:0px 1px 10px 0px #fd5d5d;--color-skeleton-base:#e9ecef;--color-skeleton-highlight:rgba(255,255,255,0.35);--radius-sm:2px;--radius-base:5px;--radius-md:6px;--radius-lg:8px;--radius-medium:10px;--radius-xl:12px;--radius-xxl:15px;--radius-huge:16px;--radius-xxxl:20px;--radius-full:50%;--main-border-radius:8px;--color-list-header-background:#f4f4f5;--color-navigation-bar:#ffffff;--color-reserved-slot:#f6f7fa}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInY{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutY{0%{opacity:1;transform:translateY(0)}to{display:none;opacity:0;transform:translateY(-5px)}}@keyframes fadeInX{0%{opacity:0;transform:translateX(50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInXFromLeft{0%{opacity:0;transform:translateX(-50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutX{0%{opacity:1;transform:translateX(0)}to{display:none;opacity:0;transform:translateX(50vw)}}.generic-list-item{width:100%;height:100%;background:var(--color-surface);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid var(--color-border);display:flex;flex-direction:column}.generic-list-item:hover{background:var(--color-background);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:var(--color-border-secondary)}.generic-list-item:hover .title-text{font-weight:600}.generic-list-item:hover .chevron-icon{color:var(--color-text-primary)}.generic-list-item:hover .icon-placeholder{border-color:var(--color-border-secondary)}.generic-list-item:hover .icon-placeholder .placeholder-icon{color:var(--color-text-primary)}.generic-list-item--active{background:var(--color-background);border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.08)}.generic-list-item--active .title-text{color:var(--color-primary);font-weight:600}.generic-list-item--active .chevron-icon{color:var(--color-primary)}.generic-list-item--active .icon-placeholder{border-color:var(--color-primary)}.generic-list-item--active .icon-placeholder .placeholder-icon{color:var(--color-primary)}.generic-list-item--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.generic-list-item .list-item-content{padding:20px;width:100%;flex:1 1;display:flex;align-items:center}.generic-list-item .image-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.generic-list-item .image-container img{border-radius:var(--radius-lg)}.generic-list-item .image-container .icon-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.generic-list-item .image-container .icon-placeholder .placeholder-icon{color:var(--color-input-text-secondary);transition:color .2s ease}.generic-list-item .text-content{min-width:0}.generic-list-item .title-text{font-size:16px;font-weight:500;color:var(--color-text-primary);line-height:1.3;margin:0;transition:color .2s ease,font-weight .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generic-list-item .description-text{font-size:14px;font-weight:400;color:var(--color-input-text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:break-word}.generic-list-item .badge-container{display:flex;align-items:center;margin-top:2px}.generic-list-item .badge-text{font-size:13px;font-weight:500;color:var(--color-text-primary);margin:0;padding:4px 8px;background:var(--color-background);border-radius:var(--radius-md);display:inline-block}.generic-list-item .actions-container{flex-shrink:0;display:flex;align-items:center;gap:8px}.generic-list-item .chevron-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.generic-list-item .chevron-icon{color:var(--color-input-text-secondary);transition:color .2s ease}.generic-list-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:height .2s ease}.generic-list-item--active:before{height:24px}