*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#eef2f3,#dfe9f3);justify-content:center;min-height:100vh;margin:1rem 0;padding:1rem;font-family:Inter,sans-serif;display:flex}.select{width:100%}.container_currency{background:#fff;border-radius:1rem;width:100%;max-width:900px;padding:2rem;box-shadow:0 10px 30px #00000014}.container_currency h1{color:#1f2937;margin-bottom:1.5rem;font-size:1.8rem}.container_currency h2{color:#1f2937;margin-top:2rem;margin-bottom:1rem}.container{background:#f3f4f6;border-radius:.75rem;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1.5rem;display:flex}.container .currency_box{flex-direction:column;flex:1;width:100%;min-width:150px;display:flex}.container .currency_box label{color:#6b7280;margin-bottom:.4rem;font-size:.85rem}.container .currency_box input{text-align:right;width:100%;font-size:1rem}.container_currency input,.container_currency .select__control,.container button{border-radius:.6rem;height:50px;font-size:.95rem}.container_currency input{border:1px solid #e5e7eb;padding:0 .875rem;transition:all .2s}.container_currency input:focus{border-color:#0f5c66;outline:none;box-shadow:0 0 0 2px #0f5c6626}.container button{color:#fff;cursor:pointer;background:#0f5c66;border:none;justify-content:center;align-items:center;padding:0 .875rem;transition:all .2s;display:flex}.container button:hover{background:#0c4a52}.container button i{font-size:1rem}.select__control{transition:all .2s;width:100%!important;height:50px!important;min-height:50px!important;box-shadow:none!important;border:1px solid #e5e7eb!important;border-radius:.6rem!important}.select__control:hover{border-color:#0f5c66}.select__control--is-focused{border-color:#0000!important;box-shadow:0 0 0 2px #0f5c6640!important}.select__value-container{align-items:center;gap:6px;height:48px;padding:0 10px;display:flex}.select__indicators{height:48px;border-left:none!important}.select__input{margin:0;padding:0}.select__input input{caret-color:#0000}.select__indicator-separator{display:none!important}.select__menu{animation:.2s menuFade}.select__option{transition:all .15s}.select__option:hover{transform:translate(4px)}.error{color:#dc2626;min-height:24px;margin:.625rem 0;font-size:.9rem}.box_result{gap:1rem;margin-top:1rem;animation:.35s resultFade;display:flex}.box_result .box_item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex:1;padding:1.2rem;box-shadow:0 5px 15px #0000000d}.box_result .box_item div{color:#1f2937;margin-bottom:.5rem}.box_result .box_item span{color:#0f5c66;font-weight:600}.history{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.history_item{color:#1f2937;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.65rem;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;font-size:.9rem;transition:all .2s;display:flex}.history_item:hover{background:#f9f9fa;transform:translate(3px)}.history_h2{padding:1rem 0 0}.history_from{font-weight:500}.history_arrow{color:#6b7280;font-weight:600}.history_to{color:#0f5c66;font-weight:600}@keyframes menuFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes resultFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=48rem){.container{flex-direction:column;align-items:stretch}.container button{width:100%}.box_result{flex-direction:column}.container_currency{width:100%;max-width:100%}}