.trading-post-content{flex-direction:column;gap:32px;display:flex}.trading-post-stats{gap:24px;margin-bottom:32px;display:flex}.stat-card{background:var(--color-white);border:1px solid var(--color-border);text-align:center;box-shadow:var(--shadow-sm);border-radius:12px;flex:1;padding:24px}.stat-card h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:14px;font-weight:500}.stat-number{color:var(--color-primary);margin:0;font-size:32px;font-weight:700}.trading-post-sections{flex-direction:column;gap:32px;display:flex}.trades-section,.watchlist-section{background:var(--color-white);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.trades-section h2,.watchlist-section h2{color:var(--color-text);margin:0 0 24px;font-size:20px;font-weight:600}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 24px}.empty-state img{opacity:.5;width:64px;height:64px;margin-bottom:16px}.empty-state h3{color:var(--color-text);margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{max-width:400px;margin:0 auto 24px;font-size:14px}@media (max-width:768px){.trading-post-stats{flex-direction:column}.stat-card{text-align:left}}.trading-post-container{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.trading-post-header{text-align:center;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:16px;margin-bottom:48px;padding:48px 0}.trading-post-header h1{font-size:48px;font-weight:700;font-family:var(--heading-font-family);margin-bottom:12px}.trading-post-header p{opacity:.9;margin-bottom:24px;font-size:20px}.create-trade-btn{color:#8b5cf6;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #0000001a}.create-trade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.create-trade-btn i{font-size:20px}.trading-post-content{gap:32px;display:flex}.filters-section{background:#fff;border-radius:12px;width:280px;height:fit-content;padding:24px;position:sticky;top:24px;box-shadow:0 2px 8px #00000014}.filters-section h3{color:var(--text-color);margin-bottom:20px;font-size:20px;font-weight:600}.filter-group{margin-bottom:20px}.filter-group label{color:var(--text-color);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.filter-group select{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:10px;font-size:14px}.search-form{gap:8px;margin-top:20px;display:flex}.search-input{border:1px solid var(--border-color);border-radius:8px;flex:1;height:3rem;padding:0 10px;font-size:14px;line-height:3rem}.search-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;transition:background .2s}.search-btn:hover{background:var(--primary-hover)}.trades-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.trade-card{color:inherit;background:#fff;border-radius:12px;text-decoration:none;transition:all .3s;display:block;overflow:hidden;box-shadow:0 2px 8px #00000014}.trade-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.trade-image{background:#f5f5f5;width:100%;height:250px;position:relative;overflow:hidden}.trade-image img{object-fit:cover;width:100%;height:100%}.image-placeholder{color:#9ca3af;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.offer-badge{color:#fff;background:#ef4444;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px}.trade-details{padding:20px}.trade-details h3{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:18px;font-weight:600;overflow:hidden}.trade-user{color:#6b7280;align-items:center;gap:6px;margin-bottom:12px;font-size:14px;display:flex}.trade-meta{justify-content:space-between;margin-bottom:12px;display:flex}.condition{text-transform:capitalize;background:#e5e7eb;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.value{color:#059669;font-size:14px;font-weight:600}.trade-wants{margin-bottom:12px;font-size:14px}.trade-wants strong{color:var(--text-color);margin-bottom:4px;display:block}.trade-wants p{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.accepts-cash{color:#059669;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.create-trade-container{max-width:800px;margin:0 auto;padding:24px}.create-trade-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.create-trade-header h1{color:var(--text-color);font-size:32px;font-weight:700}.back-link{color:var(--primary-color);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:flex}.back-link:hover{text-decoration:underline}.create-trade-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.form-section{border-bottom:1px solid var(--border-color);padding:32px}.form-section:last-child{border-bottom:none}.form-section h2{color:var(--text-color);margin-bottom:24px;font-size:20px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{color:var(--text-color);margin-bottom:0;font-size:14px;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=number],.form-group select{border:1px solid var(--border-color);box-sizing:border-box;border-radius:8px;width:100%;height:3rem;padding:0 16px;font-family:inherit;font-size:16px;line-height:3rem;transition:border-color .2s}.form-group textarea{border:1px solid var(--border-color);box-sizing:border-box;resize:vertical;border-radius:8px;width:100%;min-height:100px;padding:12px 16px;font-family:inherit;font-size:16px;line-height:1.5;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.form-group textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.price-input{align-items:center;display:flex;position:relative}.price-input .currency{color:#6b7280;font-weight:500;position:absolute;left:16px}.price-input input{padding-left:32px!important}.help-text{color:#6b7280;margin-top:6px;font-size:13px}.wanted-items{flex-direction:column;gap:12px;display:flex}.wanted-item{gap:8px;display:flex}.wanted-item input{flex:1}.remove-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;padding:8px;transition:background .2s}.remove-btn:hover{background:#fecaca}.add-item-btn{color:var(--text-color);cursor:pointer;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.add-item-btn:hover{background:#e5e7eb;border-color:#9ca3af}.checkbox-label{cursor:pointer;align-items:flex-start;gap:12px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin-top:3px}.image-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.image-preview{aspect-ratio:1;background:#f5f5f5;border-radius:8px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.remove-image{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.remove-image:hover{background:#000000e6}.add-image{aspect-ratio:1;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:flex}.add-image:hover{background:#f3f4f6;border-color:#9ca3af}.add-image i{color:#9ca3af;font-size:32px}.add-image span{color:#6b7280;font-size:14px;font-weight:500}.form-actions{background:#f9fafb;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.cancel-btn{color:var(--text-color);border:1px solid var(--border-color);background:#fff;border-radius:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s}.cancel-btn:hover{background:#f9fafb}.submit-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .2s}.submit-btn:hover:not(:disabled){background:#7c3aed}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;margin:24px 32px;padding:16px;font-weight:500;display:flex}.error-message i{font-size:20px}.loading{text-align:center;color:#6b7280;padding:80px 20px;font-size:18px}.no-trades{text-align:center;color:#9ca3af;padding:80px 20px}.no-trades i{margin-bottom:16px;font-size:64px;display:block}.no-trades p{font-size:18px}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:48px;padding-top:32px;display:flex}.page-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.page-btn:hover:not(:disabled){background:#f9fafb}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#6b7280;font-weight:500}@media (max-width:1024px){.trading-post-content{flex-direction:column}.filters-section{width:100%;position:static}}@media (max-width:768px){.trading-post-header h1{font-size:32px}.trades-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.form-row{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(2,1fr)}.create-trade-header{flex-direction:column;align-items:flex-start;gap:16px}.form-actions{flex-direction:column;gap:12px}.cancel-btn,.submit-btn{width:100%}}