.search-navigation{display:inline-flex;border-radius:8px;background:#f8f9fa;border:1px solid #dee2e6;padding:2px;margin-bottom:16px}.nav-btn{padding:8px 16px;border:none;background:transparent;color:#6c757d;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border-radius:6px;margin:0 1px;white-space:nowrap}.nav-btn:hover{color:#495057;background:#e9ecef}.nav-btn.active{color:#fff;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-btn.active,.nav-btn.active:hover{background:#00b894}.nav-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(108,117,125,.25)}@media (max-width:768px){.search-navigation{width:100%}.nav-btn{flex:1;padding:10px 12px;font-size:12px}}.modern-loading{display:flex;justify-content:center;align-items:center;padding:60px 20px}.loading-wrapper{text-align:center;position:relative}.pulse-ring{width:80px;height:80px;border:3px solid #6c757d;border-radius:50%;position:relative;margin:0 auto 30px;animation:pulse 2s infinite}.pulse-ring:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid rgba(108,117,125,.3);border-radius:50%;animation:pulse 2s .5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.dots-container{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.dot{width:12px;height:12px;background:#6c757d;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-text{color:#6c757d;font-size:16px;font-weight:500;margin:0;animation:fade 2s infinite}@keyframes fade{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:768px){.pulse-ring{width:60px;height:60px}.loading-text{font-size:14px}}