:root{--navy-900: #06172e;--navy-700: #0b2a4f;--teal-600: #0e7c8f;--aqua-400: #35c2e6;--aqua-300: #7fdcf2;--text-light: #e8f4fa;--text-dark: #0b2a4f;--danger: #ff6b6b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,Segoe UI,sans-serif;color:var(--text-dark)}.spinner{display:inline-block;width:18px;height:18px;border:3px solid #d5e6ee;border-top-color:var(--teal-600);border-radius:50%;animation:jjm-spin .8s linear infinite;flex-shrink:0}.loading-box{display:flex;align-items:center;gap:10px;padding:16px 4px;color:#6b7a89;font-size:13px}@keyframes jjm-spin{to{transform:rotate(360deg)}}.filter-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px}.btn-search-icon{width:46px;height:36px;border:none;border-radius:8px;background:var(--navy-700);color:#fff;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-search-icon:disabled{opacity:.7;cursor:not-allowed}.btn-clear{padding:8px 18px;border:1px solid var(--navy-700);border-radius:8px;background:#fff;color:var(--navy-700);font-family:inherit;font-size:13px;cursor:pointer}.spinner.small{width:12px;height:12px;border-width:2px;vertical-align:middle;margin-left:6px}.spinner.light{border-color:#fff6;border-top-color:#fff;margin-left:0}.page-loader{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#f4f8fba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:loaderFade .2s ease-out}.loader-box{display:flex;flex-direction:column;align-items:center;gap:18px;padding:30px 44px;background:#fff;border-radius:20px;box-shadow:0 12px 40px #0b2a4f2e}.ripple{position:relative;width:84px;height:84px;display:flex;align-items:center;justify-content:center}.ripple span{position:absolute;inset:0;border-radius:50%;border:3px solid var(--aqua-400);opacity:0;animation:ripple 1.8s cubic-bezier(.2,.6,.4,1) infinite}.ripple span:nth-child(2){animation-delay:.6s}.ripple span:nth-child(3){animation-delay:1.2s}.ripple i{font-style:normal;font-size:32px;animation:drop 1.2s ease-in-out infinite}.loader-text{margin:0;font-size:14px;font-weight:600;color:var(--navy-700);letter-spacing:.3px}.dots:after{content:"";animation:dots 1.4s steps(4,end) infinite}@keyframes ripple{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.1);opacity:0}}@keyframes drop{0%,to{transform:translateY(-4px) scale(1)}50%{transform:translateY(4px) scale(1.12)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes loaderFade{0%{opacity:0}to{opacity:1}}