.search-dropdown{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;max-height:15rem;margin-top:.375rem;animation:.2s ease-out dropdown-enter;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.search-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px;transition:background-color .2s}.search-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.search-suggestion{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.125rem;font-size:1rem;font-weight:500;transition:all .15s;display:flex;position:relative}.search-suggestion:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.search-suggestion:last-child{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.search-suggestion:not(:last-child){border-bottom:1px solid #f3f4f6}.search-suggestion:hover{color:#1f2937;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding-left:1.375rem;transform:translate(4px)}.search-suggestion:active{transition:all .1s;transform:translate(2px)scale(.98)}.search-suggestion:before{content:"";background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:0 2px 2px 0;width:3px;height:0;transition:height .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.search-suggestion:hover:before{height:60%}.search-suggestion-icon{opacity:.6;width:1.125rem;height:1.125rem;transition:opacity .15s}.search-suggestion:hover .search-suggestion-icon{opacity:.8}.search-suggestion-text{flex:1;line-height:1.4}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.search-loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:1.25rem;height:1.25rem;margin-right:.75rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-dropdown-empty{text-align:center;color:#9ca3af;padding:1.5rem;font-size:.875rem;font-style:italic}@media (max-width:640px){.search-dropdown{border-radius:.5rem;margin-top:.25rem;box-shadow:0 4px 15px -2px #0000001a}.search-suggestion{padding:.75rem 1rem;font-size:.9375rem}.search-suggestion:hover{padding-left:1rem;transform:none}.search-suggestion:before{display:none}}@media (prefers-color-scheme:dark){.search-dropdown{background:#1f2937;border-color:#374151}.search-suggestion{color:#e5e7eb}.search-suggestion:hover{color:#f9fafb;background:linear-gradient(135deg,#374151 0%,#4b5563 100%)}.search-suggestion:not(:last-child){border-bottom-color:#374151}.search-dropdown::-webkit-scrollbar-track{background:#374151}.search-dropdown::-webkit-scrollbar-thumb{background:#6b7280}.search-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}}
.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 20%,#f0f0f0 40% 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0;overflow:hidden}.skeleton-loader:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);width:100%;height:100%;animation:2s ease-in-out infinite shimmer-shine;position:absolute;top:0;left:-100%}.skeleton-loader:after{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer-shine{0%{left:-100%}to{left:200%}}.skeleton-loader.skeleton-light{background:linear-gradient(90deg,#fafafa 0%,#f0f0f0 20%,#fafafa 40% 100%)}.skeleton-loader.skeleton-dark{background:linear-gradient(90deg,#d1d5db 0%,#c7ccd1 20%,#d1d5db 40% 100%)}.skeleton-loader.skeleton-pulse{background:#e5e7eb;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton-loader.skeleton-pulse:before{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-image{color:#9ca3af;justify-content:center;align-items:center;font-size:2rem;display:flex}.skeleton-image svg{opacity:.3;width:3rem;height:3rem}