:root{--color-primary:#17bed0;--color-primary-dark:#15abbe;--color-primary-light:rgba(23,190,208,0.1);--color-primary-5:rgba(23,190,208,0.05);--color-primary-10:rgba(23,190,208,0.1);--color-primary-20:rgba(23,190,208,0.2);--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-green-100:#d1fae5;--color-green-500:#10b981;--color-green-600:#059669;--color-green-700:#047857;--color-blue-100:#dbeafe;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-orange-600:#ea580c;--color-cyan-600:#0891b2;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-pink-50:#fdf2f8;--color-pink-200:#fbcfe8;--color-pink-500:#ec4899;--color-white:#ffffff;--color-black:#000000;--color-transparent:transparent;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-base:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--z-index-dropdown:10;--z-index-sticky:20;--z-index-header:50;--z-index-modal:100;--z-index-tooltip:200}.search-input{width:100%}.search-input__input-wrapper{position:relative;width:100%}.search-input__field{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);transition:all .2s ease}.search-input__field::placeholder{color:var(--color-gray-400)}.search-input__field:focus{outline:none;border-color:rgba(0,0,0,0);box-shadow:0 0 0 2px var(--color-primary)}.search-input__icon{position:absolute;color:var(--color-gray-400);pointer-events:none}.search-input__icon--left{left:var(--spacing-3);top:50%;transform:translateY(-50%)}.search-input__button{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);background:rgba(0,0,0,0);border:none;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-md);transition:color .2s ease}.search-input__button:hover{color:var(--color-primary)}.search-input__button:focus{outline:none;color:var(--color-primary)}.search-input__button i{font-size:var(--font-size-lg)}.search-input--icon-left .search-input__field{padding-left:var(--spacing-10)}.search-input--with-button .search-input__field{padding-right:var(--spacing-12)}.search-input--hero .search-input__field{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}@media(min-width:768px){.search-input--hero .search-input__field{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg)}}@media(min-width:1024px){.search-input--hero .search-input__field{font-size:var(--font-size-xl)}}.search-input--hero.search-input--with-button .search-input__field{padding-right:var(--spacing-12)}@media(min-width:768px){.search-input--hero.search-input--with-button .search-input__field{padding-right:var(--spacing-16)}}.search-input--hero .search-input__button{right:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}@media(min-width:768px){.search-input--hero .search-input__button{right:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}}.search-input--hero .search-input__button i{font-size:var(--font-size-xl)}@media(min-width:768px){.search-input--hero .search-input__button i{font-size:var(--font-size-2xl)}}.search-input--default .search-input__field{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);border-radius:var(--radius-full)}@media(max-width:768px){.search-input--default .search-input__field{font-size:var(--font-size-sm)}}.search-input--default.search-input--with-button .search-input__field{padding-right:var(--spacing-16)}.search-input--default .search-input__button{right:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3)}.search-input--default .search-input__button i{font-size:var(--font-size-xl)}.search-input--compact .search-input__field{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--radius-full)}.search-input--compact.search-input--icon-left .search-input__field{padding-left:var(--spacing-10)}.search-input--compact.search-input--with-button .search-input__field{padding-right:var(--spacing-12)}.search-input--compact .search-input__icon--left{left:var(--spacing-3);font-size:var(--font-size-base)}.search-input--compact .search-input__button{right:var(--spacing-2);padding:var(--spacing-2)}.search-input--compact .search-input__button i{font-size:var(--font-size-base)}.search-input__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}@media(min-width:768px){.search-input__tags{gap:var(--spacing-3)}}.search-input__tag{padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-gray-100);border:none;border-radius:var(--radius-full);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s ease}.search-input__tag:hover{background-color:var(--color-gray-200)}.search-input__tag:focus{outline:none;background-color:var(--color-gray-200);box-shadow:0 0 0 2px var(--color-primary)}.search-input__tag:active{background-color:var(--color-gray-300)}.search-input--hero .search-input__tags{margin-top:var(--spacing-6)}@media(min-width:768px){.search-input--hero .search-input__tags{margin-top:var(--spacing-8)}}.search-input--hero .search-input__tag{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}.search-input--default .search-input__tags{margin-top:var(--spacing-2)}.search-input--default .search-input__tag{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}.search-input--compact .search-input__tags{margin-top:var(--spacing-2)}.search-input--compact .search-input__tag{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.search-input__dropdown{position:absolute;top:calc(100% + var(--spacing-2));left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:9999;max-height:400px;overflow-y:auto}.search-input__dropdown-list{list-style:none;margin:0;padding:0}.search-input__dropdown-item{border-bottom:1px solid var(--color-gray-100)}.search-input__dropdown-item:last-child{border-bottom:none}.search-input__dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);text-decoration:none;color:var(--color-gray-900);transition:background-color .2s ease}.search-input__dropdown-link:hover{background-color:var(--color-gray-50)}.search-input__dropdown-link:active{background-color:var(--color-gray-100)}.search-input__dropdown-link--selected{background-color:var(--color-primary-50,#e8f4ff);border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-4) - 3px)}.search-input__dropdown-content{flex:1 1;min-width:0;text-align:left}.search-input__dropdown-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0;line-height:1.4}.search-input__dropdown-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-2) 0;line-height:1.5}.search-input__dropdown-category{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.search-input__dropdown-category i{font-size:var(--font-size-xs)}.search-input__dropdown-arrow{flex-shrink:0;margin-left:var(--spacing-3);color:var(--color-gray-400);font-size:var(--font-size-sm);transition:transform .2s ease}.search-input__dropdown-link:hover .search-input__dropdown-arrow{transform:translateX(2px)}.search-input__highlight{background-color:var(--color-yellow-100);color:var(--color-gray-900);font-weight:var(--font-weight-semibold);border-radius:2px}.search-input__dropdown-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-6) var(--spacing-4);color:var(--color-gray-500)}.search-input__dropdown-loading i{font-size:var(--font-size-lg)}.search-input__dropdown-loading span{font-size:var(--font-size-sm)}.search-input__dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--color-gray-500)}.search-input__dropdown-empty i{font-size:var(--font-size-2xl);color:var(--color-gray-300)}.search-input__dropdown-empty p{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.search-input__dropdown-hint{font-size:var(--font-size-sm);color:var(--color-gray-500)}.search-input__dropdown-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-6) var(--spacing-4);text-align:center}.search-input__dropdown-error i{font-size:var(--font-size-2xl);color:var(--color-red-500)}.search-input__dropdown-error p{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-700)}.search-input__dropdown-footer{border-top:1px solid var(--color-gray-200);padding:var(--spacing-3);background-color:var(--color-gray-50)}.search-input__dropdown-view-all{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2);text-decoration:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:background-color .2s ease}.search-input__dropdown-view-all:hover{background-color:var(--color-gray-100)}.search-input__dropdown-view-all i{font-size:var(--font-size-xs)}