.currency-dropdown{position:relative;flex-shrink:0}.dropdown-trigger{display:flex;align-items:center;gap:.5rem;width:100%;height:56px;padding:0 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1.125rem;font-weight:700;color:#1e293b;cursor:pointer;transition:all .2s ease}@media(min-width:640px){.dropdown-trigger{width:130px}}.dropdown-trigger:hover{border-color:#cbd5e1;background:#f1f5f9}.currency-dropdown.open .dropdown-trigger{border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}.dropdown-flag{border-radius:3px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.dropdown-arrow{width:16px;height:16px;color:#64748b;margin-left:auto;transition:transform .2s ease}.currency-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:50;width:260px;max-height:360px;overflow-y:auto;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.currency-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.currency-dropdown.dropdown-up .dropdown-menu{top:auto;bottom:calc(100% + 4px);transform:translateY(8px)}.currency-dropdown.dropdown-up.open .dropdown-menu{transform:translateY(0)}.currency-dropdown.dropdown-up .dropdown-arrow{transform:rotate(180deg)}.currency-dropdown.dropdown-up.open .dropdown-arrow{transform:rotate(0)}.dropdown-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;font-size:1rem;color:#334155;cursor:pointer;transition:background .15s ease;text-align:left}.dropdown-option:first-child{border-radius:10px 10px 0 0}.dropdown-option:last-child{border-radius:0 0 10px 10px}.dropdown-option:hover{background:#f0fdfa}.dropdown-option img{border-radius:3px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.option-code{font-weight:700;color:#1e293b;min-width:40px;font-size:1rem}.option-name{color:#64748b;font-weight:400}.amount-input{flex:1;width:100%;height:56px;padding:0 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1.75rem;font-weight:700;color:#0f172a;text-align:right;transition:all .2s ease;font-variant-numeric:tabular-nums}.amount-input:hover{border-color:#cbd5e1;background:#f1f5f9}.amount-input:focus{outline:none;border-color:#0d9488;background:#fff;box-shadow:0 0 0 3px #0d948826}.result-display{flex:1;width:100%;height:56px;padding:0 1rem;display:flex;align-items:center;justify-content:flex-end;background:#fff;border:2px solid #99f6e4;border-radius:12px;font-size:1.75rem;font-weight:700;color:#0d9488;font-variant-numeric:tabular-nums}.swap-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:2px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;transition:all .2s ease}.swap-btn:hover{border-color:#0d9488;color:#0d9488;background:#f0fdfa;transform:scale(1.1)}.swap-btn svg{width:20px;height:20px}.swap-btn.spinning{animation:spin .3s ease}@keyframes spin{0%{transform:rotate(0) scale(1.1)}to{transform:rotate(180deg) scale(1.1)}}.quick-btn{padding:.625rem 1.125rem;background:#fff;border:2px solid #e2e8f0;border-radius:9999px;font-size:1rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.quick-btn:hover{border-color:#0d9488;color:#0d9488;background:#f0fdfa}.quick-btn.active{background:#0d9488;border-color:#0d9488;color:#fff}.dest-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:9999px;font-size:1rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.dest-chip:hover{border-color:#0d9488;color:#0d9488}.dest-chip.active{background:#0d9488;border-color:#0d9488;color:#fff}.chip-flag{border-radius:2px;-o-object-fit:cover;object-fit:cover}.rate-card{padding:1.25rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;text-align:center;transition:all .2s ease}.rate-card:hover{border-color:#0d9488;box-shadow:0 4px 12px #0d94881a;transform:translateY(-2px)}.rate-flag{border-radius:3px;-o-object-fit:cover;object-fit:cover}.rate-value{font-size:1.5rem;font-weight:700;color:#0d9488;margin-bottom:.25rem;font-variant-numeric:tabular-nums}