.create-trade-container{min-height:100vh;padding:var(--spacing-xl) 0;background:var(--color-bg-primary)}.create-trade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.create-trade-header h1{font-size:2rem;color:var(--color-text-primary);margin:0}.back-link{color:var(--color-text-primary);text-decoration:none;font-size:.875rem;transition:var(--transition-fast)}.back-link:hover{color:var(--color-accent-secondary)}.error-message{background:rgba(231,76,60,.2);border:1px solid rgba(231,76,60,.5);color:#e74c3c;padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:center}.error-message,.trade-sections{margin-bottom:var(--spacing-lg)}.trade-sections{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.trade-section{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);box-shadow:var(--glass-shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.section-header h2{margin:0;font-size:1.25rem;display:flex;gap:var(--spacing-xs)}.item-count,.section-header h2{color:var(--color-text-primary);align-items:center}.item-count{display:inline-flex;justify-content:center;width:24px;height:24px;background:var(--color-bg-tertiary);border-radius:50%;font-size:.75rem;font-weight:600}.section-actions{display:flex;gap:var(--spacing-sm)}.btn-reset{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.btn-reset:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.btn-add-item{padding:.5rem 1rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-add-item:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-add-item:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-tertiary);color:var(--color-text-muted)}.add-item-area,.items-container{min-height:300px}.add-item-area{width:100%;border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);background:var(--color-bg-secondary)}.add-item-area:hover:not(.disabled){border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.add-item-area.disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-tertiary)}.add-item-icon{font-size:4rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs);font-weight:300;line-height:1}.add-item-text{color:var(--color-text-secondary);font-size:.875rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.item-card{position:relative;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);overflow:visible}.item-card:hover{border-color:var(--color-accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.2),var(--shadow-md);background:var(--color-bg-card-hover)}.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:1000;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}.item-card[data-tooltip]:hover:after,.item-card[data-tooltip]:hover:before{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;opacity:0;animation:tooltipFadeIn var(--transition-normal) forwards}.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:1001}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.item-remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:rgba(231,76,60,.9);border:2px solid var(--color-bg-primary);border-radius:50%;color:white;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:1;transition:var(--transition-fast)}.item-remove-btn:hover{background:#e74c3c;transform:scale(1.1)}.item-card-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);overflow:hidden;transition:var(--transition-fast);position:relative}.item-card:hover .item-card-image{background:var(--color-bg-tertiary);box-shadow:inset 0 2px 8px rgba(0,0,0,.2)}.item-card-image img{max-width:100%;max-height:100%;object-fit:contain;transition:var(--transition-fast)}.item-card:hover .item-card-image img{transform:scale(1.05)}.item-emoji{font-size:3rem}.item-emoji-large{font-size:4rem}.item-card-info{text-align:center}.item-card-info h4{margin:0 0 var(--spacing-xs) 0;font-size:.875rem;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-category{font-size:.75rem;color:var(--color-text-muted);margin:0 0 var(--spacing-xs) 0}.item-attributes-preview{display:flex;flex-direction:column;gap:.25rem;margin-top:var(--spacing-xs)}.attr-tag{font-size:.625rem;color:var(--color-text-secondary);padding:.125rem .375rem;border-radius:var(--radius-sm)}.add-item-card,.attr-tag{background:var(--color-bg-secondary)}.add-item-card{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);min-height:200px}.add-item-card:hover:not(.disabled){border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.add-item-card.disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-tertiary)}.remark-section{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);margin-bottom:var(--spacing-lg);box-shadow:var(--glass-shadow)}.remark-section h2{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;color:var(--color-text-primary)}.remark-textarea{width:100%;padding:var(--spacing-sm);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-family:inherit;resize:vertical;transition:var(--transition-fast)}.remark-textarea:focus{outline:none;border-color:var(--color-accent-secondary);background:var(--color-bg-card-hover)}.char-count{text-align:right;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.turnstile-container{margin:var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:65px}.turnstile-container>div{margin:0}.turnstile-container #turnstile-widget-create-trade{min-height:65px}.turnstile-loading{color:var(--color-text-secondary);font-size:.875rem;padding:var(--spacing-sm)}.submit-section{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.btn-submit{padding:1rem 3rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:white;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-md)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.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:var(--spacing-lg)}.item-modal{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:1000px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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;color:var(--color-text-primary);font-size:1.25rem}.modal-header-filters{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.filter-group{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.filter-search,.filter-select{width:100%;padding:.5rem;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-search:focus,.filter-select:focus{outline:none;border-color:var(--color-accent-secondary);background:var(--color-bg-card-hover)}.modal-close{width:32px;height:32px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.modal-content{padding:var(--spacing-md);overflow-y:auto;overflow-x:hidden;flex:1 1;width:100%;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.required{color:#e74c3c;margin-left:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;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)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent-secondary);background:var(--color-bg-card-hover);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--color-text-primary)}.form-checkbox{width:18px;height:18px;cursor:pointer}.multi-select-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.image-preview{max-width:100px;max-height:100px;margin-top:var(--spacing-xs);border-radius:var(--radius-sm);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary)}.image-preview .item-emoji{font-size:3rem}.attributes-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.attributes-section h4{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:1rem}.search-input{margin-bottom:var(--spacing-md)}.items-selection-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md);max-height:400px;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xs);margin-top:var(--spacing-sm);width:100%;box-sizing:border-box;position:relative}.item-selection-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;width:100%;box-sizing:border-box}.item-selection-card:hover{border-color:var(--color-accent-secondary);transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px rgba(52,152,219,.25),var(--shadow-md);background:var(--color-bg-card-hover)}.item-selection-image{width:100%;height:100px;min-height:100px;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);overflow:hidden;transition:var(--transition-fast);position:relative;box-sizing:border-box}.item-selection-card:hover .item-selection-image{background:var(--color-bg-tertiary);box-shadow:inset 0 2px 8px rgba(0,0,0,.2)}.item-selection-image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:var(--transition-fast);display:block}.item-selection-card:hover .item-selection-image img{transform:scale(1.08)}.item-selection-name{font-size:.75rem;color:var(--color-text-primary);font-weight:500;margin-bottom:.25rem}.item-selection-category,.item-selection-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;box-sizing:border-box}.item-selection-category{font-size:.625rem;color:var(--color-text-muted)}.no-items-found{grid-column:1/-1;text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted);font-size:.875rem}.selected-item-preview{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.preview-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.preview-image img{max-width:100%;max-height:100%;object-fit:contain}.preview-info{flex:1 1}.preview-info h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:1rem}.preview-category{margin:0}.no-attributes-message,.preview-category{color:var(--color-text-muted);font-size:.875rem}.no-attributes-message{text-align:center;padding:var(--spacing-lg)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:0 2px 8px rgba(52,152,219,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(52,152,219,.4),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-secondary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width:768px){.trade-sections{grid-template-columns:1fr}.create-trade-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.items-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.item-modal{margin:var(--spacing-sm);max-height:calc(100vh - 2rem)}.items-selection-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm);overflow-x:hidden}.selected-item-preview{flex-direction:column;text-align:center}.preview-image{width:60px;height:60px}.modal-header-filters{flex-direction:column;gap:var(--spacing-sm)}}