:root{--header-height: 70px;--header-bg: #2c3e50;--header-text: #000;--header-border: #1a252f;--primary-color: #00c26f;--primary-hover: #00a85f;--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--border-color: #c3c9cb;--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .3);--transition-speed: .3s;--swap-card-bg: rgba(255, 255, 255, .6);--swap-box-bg: rgba(255,255,255,.5);--token-selector-bg: #EDEEF3;--input-bg: #17191C1A;--shimmer-bg: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);--shimmer-overlay-bg: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .7) 50%, transparent 100%)}:root.dark-mode{--header-bg: #1a1a2e;--header-text: #e0e0e0;--header-border: #16213e;--bg-primary: #0f0f1e;--bg-secondary: #1a1a2e;--text-primary: #D1D6E0;--text-secondary: #b0b0b0;--border-color: #434356;--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--swap-card-bg: rgba(20, 25, 35, .6);--swap-box-bg: rgba(30, 35, 45, .6);--amount-color: white;--token-selector-bg: #292C32;--input-bg: #FBFBFD1A;--shimmer-bg: linear-gradient(90deg, #1f2937 25%, #374151 50%, #1f2937 75%);--shimmer-overlay-bg: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .08) 50%, transparent 100%)}.position-relative{position:relative!important}.d-flex{display:flex!important}@media screen and (min-width: 768px){.d-md-flex{display:flex!important}}.flex-column{flex-direction:column!important}@media screen and (min-width: 768px){.flex-md-row{flex-direction:row!important}}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}@media screen and (min-width: 768px){.align-items-md-center{align-items:center!important}}.text-center{text-align:center!important}.gap-3{gap:1rem!important}.gap-2{gap:.5rem!important}@media screen and (min-width: 768px){.gap-md-2{gap:.5rem!important}}.gap-1{gap:.25rem!important}.rounded-50{border-radius:50%!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.font-16{font-size:1rem!important}.font-12{font-size:12px!important}.m-auto{margin:auto!important}@media screen and (min-width: 768px){.d-md-none{display:none!important}}.d-none{display:none!important}@media screen and (min-width: 768px){.d-md-block{display:block!important}}.pe-none{pointer-events:none!important}.word-break{word-break:break-all}.text-uppercase{text-transform:uppercase!important}.ms-auto{margin-left:auto!important}.w-100{width:100%!important}.cursor-pointer{cursor:pointer!important}@font-face{font-family:SF Pro Display;src:url(/assets/fonts/SF-Pro-Display.otf) format("opentype");font-weight:400;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}html,body{color:var(--text-primary);height:100vh;width:100%;font-family:SF Pro Display;background-color:var(--bg-primary);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.background-blur{position:fixed;inset:0;overflow:hidden;z-index:-1}.background-blur:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#c0ebdc 0%,transparent 40%),radial-gradient(circle at 70% 20%,#daacd0 0%,transparent 40%),radial-gradient(circle at 60% 80%,#e8dd81 0%,transparent 40%);filter:blur(80px);opacity:.6}.bg-primary{background-color:var(--bg-secondary)!important}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.no-scrollbar::-webkit-scrollbar{display:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:18px;cursor:pointer;transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease;white-space:nowrap}.btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none}@media (max-width: 768px){.btn{padding:12px 16px;font-size:14px;font-weight:700}}.shimmer{background:var(--shimmer-bg);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}