.trade-list-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--spacing-xl) 0;position:relative}.trading-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.header-left h1{font-size:2rem;margin:0 0 .5rem;color:var(--color-text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description{color:var(--color-text-secondary);margin:0}.btn-create-trade{padding:.75rem 1.5rem;background:var(--gradient-primary);color:white;border:none;border-radius:var(--radius-md);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-md)}.btn-create-trade:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.trade-filters-bar{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.filter-input,.filter-select{padding:.5rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;transition:var(--transition-fast)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-border-hover);background:var(--color-bg-card-hover)}.filter-input::placeholder{color:var(--color-text-muted)}.filter-sections{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);flex:1 1}.filter-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border)}.filter-section-header{display:flex;justify-content:space-between;align-items:center}.filter-section-title{font-size:1rem;font-weight:600;margin:0}.filter-section-title.have-title{color:#ef4444}.filter-section-title.want-title{color:#10b981}.filter-add-item-btn,.filter-item-count{font-size:.875rem;color:var(--color-text-secondary)}.filter-add-item-btn{padding:.75rem 1rem;background:transparent;border:2px dashed var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);text-align:center}.filter-add-item-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-bg-card-hover)}.filter-items-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-item-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:.5rem .75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem}.filter-item-image{width:24px;height:24px;object-fit:cover;border-radius:var(--radius-xs)}.filter-item-name{color:var(--color-text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-item-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.filter-item-remove:hover{color:var(--color-error)}.filter-actions{display:flex;gap:var(--spacing-sm);align-items:flex-start;padding-top:var(--spacing-md)}.btn-filter-apply,.btn-filter-clear{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-filter-apply{background:var(--gradient-primary);color:white}.btn-filter-apply:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-filter-apply:disabled{opacity:.5;cursor:not-allowed}.btn-filter-clear{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-filter-clear:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.btn-filter-clear:disabled{opacity:.5;cursor:not-allowed}.filter-item-modal{max-width:900px;max-height:90vh;display:flex;flex-direction:column}.filter-item-modal .modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.modal-header-content{display:flex;align-items:center;gap:var(--spacing-md)}.modal-header-content h2{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.modal-selected-count{padding:.25rem .75rem;background:var(--color-accent-primary);color:white;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.filter-item-modal .modal-header-filters{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.filter-icon{margin-right:.5rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;font-size:1rem;color:var(--color-text-muted);pointer-events:none;z-index:1;transition:var(--transition-fast)}.search-input-wrapper:focus-within .search-icon{color:var(--color-accent-primary)}.filter-search{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.filter-search::placeholder{color:var(--color-text-muted);opacity:.7}.filter-search:focus{outline:none;border-color:var(--color-accent-primary);background:var(--color-bg-card-hover);box-shadow:0 0 0 3px rgba(52,152,219,.1),0 4px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.filter-search:hover:not(:focus){border-color:var(--color-border-hover);background:var(--color-bg-card-hover)}.search-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--color-bg-tertiary);border:none;color:var(--color-text-muted);cursor:pointer;padding:.375rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;opacity:.7}.search-clear-btn:hover{background:var(--color-error);color:white;opacity:1;transform:translateY(-50%) scale(1.1)}.search-clear-btn:active{transform:translateY(-50%) scale(.95)}.filter-item-modal .modal-content{flex:1 1;overflow-y:auto;padding:var(--spacing-lg);min-height:0}.filter-item-modal .items-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);padding:var(--spacing-xs)}.item-selection-card{position:relative;display:flex;flex-direction:column;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.item-selection-card:hover{border-color:var(--color-accent-primary);background:var(--color-bg-card-hover);transform:translateY(-4px);box-shadow:0 4px 12px rgba(52,152,219,.2)}.item-selection-card.selected{border-color:var(--color-accent-primary);background:linear-gradient(135deg,var(--color-bg-card-hover) 0,rgba(52,152,219,.1) 100%);box-shadow:0 0 0 2px rgba(52,152,219,.2)}.item-selection-image-wrapper{position:relative;width:100%;aspect-ratio:1;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.item-selection-image{width:100%;height:100%;object-fit:contain;padding:var(--spacing-xs);transition:transform .2s ease}.item-selection-card:hover .item-selection-image{transform:scale(1.1)}.item-selection-emoji{font-size:3rem;line-height:1}.item-selection-fallback{width:100%;height:100%;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:2rem;font-weight:600}.item-selection-check,.item-selection-fallback{display:flex;align-items:center;justify-content:center}.item-selection-check{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:var(--color-accent-primary);border-radius:50%;box-shadow:0 2px 8px rgba(52,152,219,.4);z-index:10;animation:checkPop .2s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.item-selection-info{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:.25rem;min-height:60px;justify-content:center}.item-selection-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.item-selection-category,.item-selection-name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-selection-category{font-size:.75rem;color:var(--color-text-muted)}.no-items-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:300px;text-align:center}.no-items-icon{font-size:4rem;opacity:.5}.no-items-icon,.no-items-text{margin-bottom:var(--spacing-md)}.no-items-text{font-size:1rem;color:var(--color-text-secondary)}.btn-clear-search{padding:.5rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.btn-clear-search:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.filter-item-modal{max-width:95vw;max-height:95vh}.filter-item-modal .modal-header-filters{grid-template-columns:1fr}.filter-item-modal .items-selection-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.filter-sections{grid-template-columns:1fr}}.btn-refresh{padding:.5rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:1.25rem;transition:var(--transition-fast);align-self:flex-end}.btn-refresh:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:rotate(180deg)}.trades-list{display:flex;flex-direction:column;gap:1.5rem}.trade-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.trade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);gap:var(--spacing-md)}.trade-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.user-info,.user-link{display:flex;align-items:center;gap:1rem}.user-link{text-decoration:none;color:inherit;transition:var(--transition-fast);border-radius:var(--radius-md);padding:.25rem;margin:-.25rem}.user-link:hover{background:var(--color-bg-card-hover);transform:translateX(2px)}.user-link:hover .user-name{color:var(--color-accent-primary)}.user-link:hover .user-avatar{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary)}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid var(--color-border);overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-avatar span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.trade-id{font-size:.875rem;color:var(--color-text-muted);font-weight:400}.trade-meta{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.trade-note-preview{display:block;width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4;margin-top:.25rem}.trade-status-badge{display:inline-block;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;color:white;text-transform:uppercase;margin-left:.5rem;vertical-align:middle;line-height:1.2}.trade-list-page .trade-items-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:1rem}.trade-list-page .items-group{display:flex;flex-direction:column;gap:.5rem}.trade-list-page .items-group-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.trade-list-page .items-group-dot{width:12px;height:12px;border-radius:50%}.trade-list-page .have-dot{background:#ef4444}.trade-list-page .want-dot{background:#10b981}.trade-list-page .items-group-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.trade-list-page .items-grid{display:grid;grid-template-columns:repeat(5,1fr)!important;grid-gap:.75rem;gap:.75rem;margin-top:.5rem}.trade-list-page .items-grid.empty{padding:1.5rem;text-align:center;margin-top:.5rem}.trade-list-page .empty-items{color:var(--color-text-muted);font-size:.875rem}.trade-list-page .item-card{position:relative;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem;transition:var(--transition-fast);cursor:pointer;box-sizing:border-box;width:100%;max-width:100%;overflow:visible}.trade-list-page .item-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.trade-list-page .item-card[data-tooltip]:hover:after{content:attr(data-tooltip);bottom:calc(100% + 8px);padding:.625rem .75rem;background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:.75rem;white-space:pre-line;z-index:10000;max-width:280px;min-width:180px;text-align:left;line-height:1.6;box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);word-wrap:break-word}.trade-list-page .item-card[data-tooltip]:hover:after,.trade-list-page .item-card[data-tooltip]:hover:before{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;opacity:0;animation:tooltipFadeIn var(--transition-normal) forwards}.trade-list-page .item-card[data-tooltip]:hover:before{content:"";bottom:calc(100% + 2px);border:6px solid transparent;border-top-color:rgba(15,23,42,.95);z-index:10001}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.trade-list-page .item-quantity-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:white;border:2px solid rgba(255,255,255,.2);z-index:1}.trade-list-page .item-image{height:70px;object-fit:contain;margin-bottom:.375rem}.trade-list-page .item-fallback,.trade-list-page .item-image{width:100%;border-radius:var(--radius-sm);background:var(--color-bg-secondary)}.trade-list-page .item-fallback{height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-text-muted);margin-bottom:.5rem}.trade-list-page .item-info{display:flex;flex-direction:column;gap:.25rem}.trade-list-page .item-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-list-page .item-category{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.item-attributes{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.item-attribute{display:flex;gap:.5rem;font-size:.75rem}.attr-label{color:var(--color-text-muted)}.attr-value{color:var(--color-text-secondary);font-weight:500}.view-more-card{display:flex;align-items:center;justify-content:center;min-height:120px;background:var(--color-bg-secondary);border-style:dashed}.view-more-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.view-more-icon{font-size:2rem;font-weight:300}.view-more-text{font-size:.875rem}.trade-edit-controls{display:flex;align-items:center;gap:.5rem}.btn-edit-trade{padding:.625rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-edit-trade:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.btn-edit-trade:disabled{opacity:.6;cursor:not-allowed}.status-selector{display:flex;align-items:center;gap:.5rem}.status-select{padding:.625rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.status-select:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.status-select:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-edit{padding:.625rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-cancel-edit:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-cancel-edit:disabled{opacity:.6;cursor:not-allowed}.btn-delete-trade{padding:.625rem 1rem;background:transparent;border:1px solid #ef4444;border-radius:var(--radius-sm);color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-delete-trade:hover:not(:disabled){background:rgba(239,68,68,.1);color:#dc2626;border-color:#dc2626}.btn-delete-trade:disabled{opacity:.6;cursor:not-allowed}.trade-actions{display:flex;gap:var(--spacing-sm)}.btn-action{flex:1 1;padding:.625rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-trade{background:var(--gradient-primary);border:none}.btn-chat,.btn-trade,.btn-trade:hover{color:white!important}.btn-chat{background:var(--gradient-secondary);border:none}.btn-chat:hover{color:white!important}.btn-icon{font-size:1rem}.item-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.item-modal{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.modal-header h2{margin:0;font-size:1.25rem}.modal-close,.modal-header h2{color:var(--color-text-primary)}.modal-close{width:32px;height:32px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1.5rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.modal-content{padding:1.5rem;overflow-y:auto}.items-grid-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px dashed var(--color-border);box-shadow:var(--shadow-sm)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-sm);opacity:.5}.empty-state h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.5rem}.empty-state p{color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}@media (max-width:768px){.trading-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.trade-filters-bar{flex-direction:column;align-items:stretch}.trade-header{gap:1rem}.trade-list-page .items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important}.trade-list-page .trade-items-section{grid-template-columns:1fr}.trade-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.trade-header-right{width:100%;justify-content:space-between}.trade-actions{flex:1 1;justify-content:flex-end}.item-modal{margin:1rem;max-height:calc(100vh - 2rem)}}.loading-more{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);margin:var(--spacing-lg) 0;color:var(--color-text-primary);font-size:.9375rem;font-weight:500;background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.loading-more:hover{background:var(--color-bg-card-hover);box-shadow:0 4px 12px rgba(0,0,0,.15)}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.no-more-trades{text-align:center;padding:var(--spacing-xl);margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:.875rem;background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border)}