.live-search-container{position:relative;max-width:500px;margin:0 auto}.live-search-input,#live-search-input{width:100%;padding:10px 45px 10px 18px !important;border:2px solid rgba(255,255,255,0.2) !important;border-radius:25px !important;background:rgba(255,255,255,0.95) !important;color:#1f2937 !important;font-size:14px !important;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.live-search-input::placeholder,#live-search-input::placeholder{color:#6b7280 !important}.live-search-input:focus,#live-search-input:focus{outline:none !important;background:#ffffff !important;border-color:#667eea !important;box-shadow:0 4px 12px rgba(102,126,234,0.3) !important}.live-search-icon-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.2);border:none;width:38px;height:38px;border-radius:50%;color:#ffffff;cursor:pointer;transition:all 0.3s ease}.live-search-icon-btn:hover{background:rgba(255,255,255,0.3);transform:translateY(-50%) scale(1.1)}.live-search-results{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#ffffff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);max-height:480px;overflow-y:auto;z-index:9999 !important;display:none;animation:slideDown 0.35s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px)}.live-search-results.show{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-15px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.live-search-item{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid #f3f4f6;text-decoration:none;color:inherit;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);gap:12px;position:relative}.live-search-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleY(0);transition:transform 0.25s ease}.live-search-item:hover{background:linear-gradient(90deg,#f9fafb 0%,#ffffff 100%);transform:translateX(5px)}.live-search-item:hover::before{transform:scaleY(1)}.live-search-item:last-child{border-bottom:none}.live-search-icon{display:none !important}.live-search-content{flex:1;min-width:0}.live-search-content h6{margin:0 0 5px 0;font-size:0.95rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;letter-spacing:-0.01em}.live-search-content h6 mark{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:3px 6px;border-radius:4px;font-weight:700}.live-search-content p{margin:0 0 6px 0;font-size:0.8rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.5}.live-search-meta{display:flex;align-items:center;font-size:0.75rem}.live-search-meta .badge{font-size:0.7rem;padding:3px 8px}.live-search-thumb{width:60px;height:60px;min-width:60px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.live-search-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.live-search-loading{padding:20px;text-align:center;color:#6b7280;font-size:0.9rem;animation:pulse 1.5s ease-in-out infinite}.live-search-loading i{margin-right:8px;color:#667eea;font-size:1.1rem}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}.live-search-no-results{padding:35px 20px;text-align:center}.live-search-no-results i{font-size:2.5rem;color:#d1d5db;margin-bottom:12px;display:block}.live-search-no-results p{margin:10px 0 16px;color:#6b7280;font-size:0.9rem;line-height:1.5}.live-search-error{padding:20px;text-align:center;color:#ef4444;font-size:0.9rem;background:#fef2f2;border-radius:8px;margin:10px}.live-search-footer{padding:10px 14px;background:linear-gradient(180deg,#f9fafb,#ffffff);border-top:2px solid #e5e7eb;border-radius:0 0 14px 14px}.live-search-footer .btn{font-weight:600;letter-spacing:0.01em}.live-search-results::-webkit-scrollbar{width:6px}.live-search-results::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.live-search-results::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.live-search-results::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.live-search-container{max-width:100%}.live-search-results{left:15px;right:15px;max-height:400px}.live-search-thumb{width:50px;height:50px;min-width:50px}.live-search-icon{width:40px;height:40px;min-width:40px;font-size:1rem}.live-search-item{padding:10px;gap:10px}}