.controls[data-v-0e76b1c6]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:12px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.controls-left[data-v-0e76b1c6]{display:flex;align-items:center;gap:10px}.controls-right[data-v-0e76b1c6]{flex:1;max-width:400px}.sort-selector[data-v-0e76b1c6]{position:relative}.sort-btn[data-v-0e76b1c6]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:2px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:all .2s ease;height:42px}.sort-btn[data-v-0e76b1c6]:hover{border-color:#e67e22;color:#e67e22}.sort-label[data-v-0e76b1c6]{white-space:nowrap}.dropdown-icon[data-v-0e76b1c6]{transition:transform .2s ease;flex-shrink:0}.dropdown-icon.open[data-v-0e76b1c6]{transform:rotate(180deg)}.sort-dropdown[data-v-0e76b1c6]{position:absolute;top:calc(100% + 5px);left:0;background:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:1000;min-width:150px}.dropdown-item[data-v-0e76b1c6]{display:block;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f5f5f5;text-align:left;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease}.dropdown-item[data-v-0e76b1c6]:last-child{border-bottom:none}.dropdown-item[data-v-0e76b1c6]:hover{background:#fafafa;color:#e67e22}.dropdown-item.active[data-v-0e76b1c6]{background:#e67e22;color:#fff;font-weight:600}.dropdown-enter-active[data-v-0e76b1c6],.dropdown-leave-active[data-v-0e76b1c6]{transition:all .2s ease}.dropdown-enter-from[data-v-0e76b1c6],.dropdown-leave-to[data-v-0e76b1c6]{opacity:0;transform:translateY(-8px)}.view-toggle[data-v-0e76b1c6]{display:flex;gap:4px;background:#f5f5f5;padding:4px;border-radius:8px;height:42px}.view-btn[data-v-0e76b1c6]{padding:8px 14px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#666;display:flex;align-items:center;justify-content:center}.view-btn[data-v-0e76b1c6]:hover:not(.active){color:#333;background:#e0e0e0}.view-btn.active[data-v-0e76b1c6]{background:#fff;color:#e67e22;box-shadow:0 2px 4px #0000001a;font-weight:600}.search-box[data-v-0e76b1c6]{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #ddd;border-radius:5px;transition:all .2s ease;height:42px}.search-box[data-v-0e76b1c6]:hover{border-color:#d0d0d0}.search-box[data-v-0e76b1c6]:focus-within{border-color:#e67e22;box-shadow:0 0 0 3px #e67e221a}.search-icon[data-v-0e76b1c6]{position:absolute;left:16px;color:#999;pointer-events:none;flex-shrink:0}.search-input[data-v-0e76b1c6]{flex:1;padding:0 44px 0 48px;border:none;background:transparent;font-size:14px;outline:none;color:#333;font-weight:500}.search-input[data-v-0e76b1c6]::placeholder{color:#aaa;font-weight:400}.clear-btn[data-v-0e76b1c6]{position:absolute;right:12px;padding:5px;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-btn[data-v-0e76b1c6]:hover{background:#e0e0e0;color:#666}@media(max-width:768px){.controls[data-v-0e76b1c6]{flex-direction:column;align-items:stretch;gap:12px}.controls-left[data-v-0e76b1c6]{justify-content:space-between}.controls-right[data-v-0e76b1c6]{max-width:none}}@media(max-width:480px){.controls-left[data-v-0e76b1c6]{flex-wrap:wrap}.sort-btn[data-v-0e76b1c6]{flex:1}.view-toggle[data-v-0e76b1c6]{flex-shrink:0}}