.tzq-list {  display: flex;  flex-direction: column;  gap: var(--tzq-spacing-sm);  list-style: none;  padding: 0;  margin: 0 0 var(--tzq-spacing-md) 0;}.tzq-list__item {  border-radius: var(--tzq-radius-md);  background: var(--tzq-bg-primary);  border-color: rgba(var(--tzq-primary-rgb), 0.4);  transition: var(--tzq-transition-all);  display: flex;  gap: var(--tzq-spacing-md);  text-decoration: none;  color: inherit;  position: relative;  overflow: hidden;  flex-direction: row;  align-items: center;  justify-content: space-between;}.tzq-list__item::before {  content: '';  position: absolute;  left: 0;  top: 0;  bottom: 0;  width: 3px;  background: var(--tzq-gradient-primary);  transform: scaleY(0);  transition: transform 0.3s ease;  transform-origin: top;}.tzq-list__item:hover {  background: var(--tzq-bg-secondary);  border-color: var(--tzq-primary);  transform: translateX(4px);  box-shadow: var(--tzq-shadow-md);}.tzq-list__item:hover::before {  transform: scaleY(1);}.tzq-list__item--active {  background: color-mix(in srgb, var(--tzq-primary) 8%, transparent);  border-color: var(--tzq-primary);  color: var(--tzq-primary);  font-weight: var(--tzq-font-semibold);}.tzq-list__item--active::before {  transform: scaleY(1);}.tzq-list__icon {  width: 48px;  height: 48px;  min-width: 48px;  border-radius: var(--tzq-radius-md);  background: var(--tzq-gradient-primary);  display: flex;  align-items: center;  justify-content: center;  font-size: 1.5rem;  color: white;  flex-shrink: 0;  transition: var(--tzq-transition-all);  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);}.tzq-list__item:hover .tzq-list__icon {  transform: scale(1.1) rotate(5deg);  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.25);}.tzq-list__content {  flex: 1;  min-width: 0;  display: flex;  flex-direction: column;  gap: var(--tzq-spacing-xs);}.tzq-list__title {  font-family: var(--tzq-font-heading);  font-size: var(--tzq-text-base);  font-weight: var(--tzq-font-semibold);  color: var(--tzq-text-primary);  margin: 0;  line-height: 1.4;  transition: color 0.3s ease;  flex: 1;  text-align: left;}.tzq-list__item:hover .tzq-list__title {  color: var(--tzq-primary);}.tzq-list__meta {  font-size: var(--tzq-text-sm);  color: var(--tzq-text-secondary);  display: flex;  align-items: center;  gap: var(--tzq-spacing-sm);  flex-wrap: wrap;  flex-shrink: 0;  text-align: right;  margin-left: auto;}.tzq-list-item__content {  flex: 1;  min-width: 0;  display: flex;  flex-direction: column;  gap: var(--tzq-spacing-xs);}.tzq-list-item__title {  font-size: var(--tzq-text-base);  font-weight: var(--tzq-font-semibold);  color: var(--tzq-text-primary);  margin: 0;  line-height: 1.4;  transition: color 0.3s ease;}.tzq-list-item:hover .tzq-list-item__title {  color: var(--tzq-primary);}.tzq-list-item__meta {  font-size: var(--tzq-text-sm);  color: var(--tzq-text-secondary);  display: flex;  align-items: center;  gap: var(--tzq-spacing-sm);  flex-wrap: wrap;}.tzq-list-item__date {  font-size: var(--tzq-text-sm);  color: var(--tzq-text-muted);  font-weight: 500;}.tzq-list-item__action {  flex-shrink: 0;}.tzq-list__badge {  display: inline-flex;  align-items: center;  padding: var(--tzq-spacing-xs) var(--tzq-spacing-sm);  background: var(--tzq-bg-blue-lighter);  color: var(--tzq-text-primary);  border-radius: var(--tzq-radius-md);  font-size: var(--tzq-text-xs);  font-weight: var(--tzq-text-bold);  text-transform: uppercase;  letter-spacing: 0.05em;  width: fit-content;}.tzq-list__action {  flex-shrink: 0;  display: flex;  align-items: center;  justify-content: center;  width: 40px;  height: 40px;  border-radius: var(--tzq-radius-md);  background: var(--tzq-bg-tertiary);  color: var(--tzq-text-secondary);  font-size: var(--tzq-text-lg);  transition: var(--tzq-transition-all);}.tzq-list__item:hover .tzq-list__action {  background: var(--tzq-primary);  color: white;  transform: translateX(4px);}