.trends-page{width:100%;padding:24px 16px}.trends-header{background:#2a2a2a;border-radius:8px;padding:20px 24px;margin-bottom:20px}.trends-header h1{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.trends-header p{color:#999;margin:0 0 8px;font-size:13px;line-height:1.5}.trends-header p:last-of-type{margin-bottom:0}.trends-live-indicator{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:rgba(92,184,92,.15);border:1px solid rgba(92,184,92,.3);padding:6px 12px;border-radius:20px}.trends-live-indicator .live-dot{width:8px;height:8px;background:#5cb85c;border-radius:50%;animation:pulse 2s infinite}.trends-live-indicator .live-text{color:#5cb85c;font-size:12px;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.trends-search-bar{background:#333;border-radius:8px 8px 0 0;padding:16px;margin-bottom:0;border-bottom:1px solid #444}.search-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-form{flex:1;min-width:200px}.control-label,.price-form label,.search-form label{color:#999;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.reset-btn{background:#4a4a4a;border:none;color:#ccc;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.reset-btn:hover{background:#555;color:#fff}.price-form{gap:8px}.input-wrap,.price-form{display:flex;align-items:center}.input-wrap{background:#4a4a4a;border-radius:6px;border:1px solid #555;overflow:hidden;transition:all .15s}.input-wrap:focus-within{border-color:#5E97D8;background:#505050}.input-wrap input{background:transparent;border:none;color:#fff;height:36px;font-size:13px;padding:0 12px;width:100%;outline:none}.input-wrap input::placeholder{color:#888}.price-inputs{display:flex;align-items:center;background:#4a4a4a;border-radius:6px;border:1px solid #555;overflow:hidden;transition:all .15s}.price-inputs:focus-within{border-color:#5E97D8;background:#505050}.price-inputs input{background:transparent;border:none;color:#fff;height:36px;font-size:13px;padding:0 12px;width:90px;outline:none;text-align:center}.price-inputs input::placeholder{color:#888}.price-inputs .separator{color:#777;padding:0 4px;font-size:11px}.search-btn{background:transparent;border:none;border-left:1px solid #555;color:#888;padding:0 12px;height:36px;cursor:pointer;transition:color .15s}.search-btn:hover{color:#5E97D8}.active-filter{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #444;color:#888;font-size:13px}.active-filter strong{color:#fff}.clear-filter{background:#4a4a4a;border:none;color:#ccc;width:20px;height:20px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.clear-filter:hover{background:#f87171;color:#fff}.trends-table-container{background:#2a2a2a;border-radius:0 0 8px 8px;overflow:hidden}.table-responsive{overflow-x:auto}.trends-table{width:100%;border-collapse:collapse;font-size:13px}.trends-table thead{background:#333}.trends-table thead th{background:#333;color:#999;border-bottom:1px solid #444;padding:12px 10px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap}.trends-table thead th.sortable{cursor:pointer;user-select:none;transition:background .15s}.trends-table thead th.sortable:hover{background:#3a3a3a}.sort-icon{margin-left:4px;color:#5E97D8}.sort-icon.active{opacity:1}.trends-table tbody tr{border-bottom:1px solid #3a3a3a;transition:background .15s}.trends-table tbody tr:hover{background:#333}.trends-table tbody td{color:#ccc;padding:10px;vertical-align:middle;white-space:nowrap}.item-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.item-link:hover .item-name{opacity:.8;text-decoration:underline}.item-image{position:relative;width:48px;height:48px;flex-shrink:0}.item-graph{width:100px;min-width:100px;flex-shrink:0}.item-info{display:flex;flex-direction:column;gap:4px}.item-name{color:#fff;font-weight:500;font-size:13px;transition:opacity .15s}.item-quality{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;width:fit-content}.price-cell{color:#5cb85c;font-weight:600;text-align:right}.price-cell.buff{color:#fbbf24}.trend-cell{text-align:right;font-weight:600}.trend-up{color:#5cb85c}.trend-down{color:#f87171}.updating-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#333;border-bottom:1px solid #444;color:#999;font-size:13px}.updating-spinner{width:14px;height:14px;border:2px solid #5e97d8;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.table-responsive.updating{opacity:.6;pointer-events:none}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#888}.spinner{width:24px;height:24px;border:2px solid #5e97d8;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:48px 20px;color:#666}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #444;background:#333;flex-wrap:wrap;gap:16px}.pagination-info{color:#999;font-size:13px}.pagination-controls{display:flex;align-items:center;gap:8px}.page-btn{background:#4a4a4a;border:none;color:#ccc;padding:8px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s}.page-btn:hover:not(:disabled){background:#555;color:#fff}.page-btn.active{background:#5E97D8;color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#999;padding:0 12px;font-size:13px}@media (max-width:1024px){.trends-filters{flex-wrap:wrap}.reset-btn{margin-left:0}.search-controls{flex-direction:column;align-items:stretch}.price-inputs input{width:80px}}@media (max-width:768px){.trends-page{padding:12px}.trends-header{padding:16px}.trends-header h1{font-size:18px}.trends-table tbody td,.trends-table thead th{padding:8px 6px;font-size:11px}.item-image{width:36px;height:36px}.item-name{font-size:11px}.pagination{flex-direction:column;gap:12px}.pagination-controls{flex-wrap:wrap;justify-content:center}}.trends-info-blocks{margin-top:24px;display:flex;flex-direction:column;gap:16px}.info-card{background:#2a2a2a;border-radius:8px;padding:20px 24px}.info-card h2{font-size:18px}.info-card h2,.info-card h3{color:#fff;font-weight:600;margin:0 0 12px}.info-card h3{font-size:16px}.info-card h4{color:#ddd;font-size:14px;font-weight:600;margin:16px 0 10px}.info-card>p{color:#999;font-size:13px;line-height:1.6;margin:0 0 16px}.timeframe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeframe-item{background:#333;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:6px}.timeframe-label{color:#5E97D8;font-size:16px;font-weight:700}.timeframe-desc{color:#999;font-size:12px;line-height:1.4}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-guide{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.color-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#999}.color-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.color-badge.green{background:rgba(92,184,92,.2);color:#5cb85c}.color-badge.red{background:rgba(248,113,113,.2);color:#f87171}.pattern-list{list-style:none;margin:0;padding:0}.pattern-list li{color:#999;font-size:13px;line-height:1.5;padding:6px 0;border-bottom:1px solid #3a3a3a}.pattern-list li:last-child{border-bottom:none}.pattern-list li strong{color:#ddd}.factors-list{list-style:none;margin:0;padding:0}.factors-list li{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid #3a3a3a}.factors-list li:last-child{border-bottom:none}.factors-list li strong{color:#ddd;font-size:13px}.factors-list li span{color:#888;font-size:12px}.trading-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}.tip-column h4{color:#5E97D8;font-size:14px;font-weight:600;margin:0 0 10px}.tip-column ul{list-style:none;margin:0;padding:0}.tip-column ul li{color:#999;font-size:13px;line-height:1.5;padding:6px 0 6px 14px;position:relative}.tip-column ul li:before{content:"•";position:absolute;left:0;color:#5E97D8}.risk-warning{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);border-radius:6px;padding:12px 16px;color:#f87171;font-size:12px;line-height:1.5}.risk-warning strong{color:#f87171}.related-tools .tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-link{display:flex;align-items:center;gap:12px;background:#333;border-radius:6px;padding:16px;text-decoration:none;transition:background .15s,transform .15s}.tool-link:hover{background:#3a3a3a;transform:translateY(-2px)}.tool-icon{width:40px;height:40px;background:#5E97D8;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-icon i{color:#fff;font-size:16px}.tool-info{display:flex;flex-direction:column;gap:2px}.tool-name{color:#fff;font-size:14px;font-weight:600}.tool-desc{color:#888;font-size:12px}@media (max-width:1024px){.timeframe-grid{grid-template-columns:repeat(2,1fr)}.trading-tips-grid{gap:16px}.related-tools .tools-grid,.trading-tips-grid{grid-template-columns:1fr}}@media (max-width:768px){.info-grid,.timeframe-grid{grid-template-columns:1fr}.info-card{padding:16px}.info-card h2{font-size:16px}.info-card h3{font-size:14px}}