@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-b38ec8be.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-8870dd8b.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-b6b1fef7.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-42251320.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-f814e7b6.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-db6ab254.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:Space Grotesk;margin:0;padding:0;background-color:#121212;color:#e0e0e0;min-height:100vh;display:flex;flex-direction:column}button{padding:.5rem 1rem;border:none;cursor:pointer;color:#fff;border-radius:.25rem;transition:background-color .3s}button:hover{background:linear-gradient(90deg,#00C8FF,#003Fb7)}h2{color:#e0e0e0;border-bottom:2px solid #333;padding-bottom:.5rem;margin-bottom:1rem}.main-content{padding:20px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}header{color:inherit}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.header-logo{display:flex;justify-content:center;text-align:center;align-items:ce}.header-logo h1{font-weight:700;font-size:36px;color:#fff;margin:0}.header-logo a{text-decoration:none;color:inherit}nav ul{list-style:none;display:flex;align-items:center;margin:0;padding:0;gap:1rem}nav ul li{margin:0;padding:0}nav ul li a{color:inherit;text-decoration:none;font-weight:400;transition:color .3s;display:flex;flex-direction:column;align-items:center;padding:.25rem .5rem;border-radius:.25rem;color:#fff}nav ul li a:hover,nav ul li a:focus{color:#1db954;text-decoration:none}body.light nav ul li a:hover,body.light nav ul li a:focus{color:#00c8ff;text-decoration:none}nav ul li a.active{color:#1db954;text-decoration:none}body.light nav ul li a.active{color:#00c8ff;text-decoration:none}.header-right{display:flex;align-items:center;gap:1rem}.header-right button{background:linear-gradient(to right,#00C0FF,#003FB7)!important;padding:10px;Font:Grotesk;font-weight:700;font-size:16px;line-height:20.42px}.wallet-adapter-button-trigger{background:linear-gradient(to right,#00C0FF,#003FB7)!important;padding:20px;border:8px!important;color:#fff!important;Font:Grotesk;font-weight:700;font-size:16px;line-height:20.42px}.theme-switcher{background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;padding:0;border-radius:50%}body.dark .theme-switcher{color:#1db954}body.light .theme-switcher{color:#333}.sub-nav-wrapper{display:flex;justify-content:center;max-width:1280px;margin:auto}.sub-nav-swap-wrapper{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.sub-nav{padding:.5rem;display:flex;justify-content:center;background-color:#1a1a1a;border-radius:8px}.sub-nav ul{list-style:none;display:flex;align-items:center;margin:0;padding:0;gap:.5rem}.sub-nav ul li{margin:0;padding:0}.sub-nav ul li a{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;padding:.25rem .5rem;border-radius:.25rem}.sub-nav ul li a:hover,.sub-nav ul li a:focus{background-color:#39ff14;color:#fff;text-decoration:none;font-size:16px;font-weight:700}body.light .sub-nav ul li a{font-size:16px;font-weight:400;padding:10px 25px;color:#fff}body.light .sub-nav ul li a:hover,body.light .sub-nav ul li a:focus{background-color:#1e88e5;color:#fff;text-decoration:none;font-size:16px;font-weight:700;background:linear-gradient(to right,#00C0FF,#003FB7)}.sub-nav ul li a.active,body.dark .sub-nav ul li a.active{background-color:#1db954;color:#fff;text-decoration:none}body.light .sub-nav ul li a.active{background-color:#1e88e5;color:#fff;text-decoration:none}.sub-nav ul li a .icon{margin-bottom:.25rem;font-size:1.2rem}.sub-nav ul li a .description{font-size:.8rem;color:inherit}.sub-nav-setting,.sub-nav-clock{border-radius:8px;display:flex;justify-content:center;background-color:#1a1a1a;margin-top:50px;margin-left:10px}@media (max-width: 1024px){.main-nav{padding:1rem}nav ul{gap:.5rem}}@media (max-width: 768px){.main-nav{flex-direction:column;gap:1rem}.header-logo h1{font-size:28px}nav{width:100%;overflow-x:auto}nav ul{justify-content:space-between;min-width:min-content;padding:.5rem}nav ul li a{font-size:14px;white-space:nowrap}.header-right{width:100%;justify-content:center}.sub-nav{margin-top:20px;padding:.5rem 1rem}.sub-nav ul{overflow-x:auto;justify-content:flex-start}.sub-nav ul li a{padding:.25rem 1rem;white-space:nowrap}}@media (max-width: 480px){.header-logo h1{font-size:24px}.header-right button{padding:8px;font-size:14px}.sub-nav{margin-top:10px}.sub-nav ul li a{font-size:12px;padding:.25rem .75rem}}@media (max-width: 768px){.main-nav,.sub-nav{width:100%;max-width:100vw;padding:10px;box-sizing:border-box}.main-nav nav{display:none}.main-nav{display:flex;flex-direction:row;justify-content:flex-end}.header-right{width:100%;justify-content:end}}.main-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:20px}.card{background-color:#1f1f1f;padding:2rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.card h3{color:#1db954;margin-top:0}.card p{margin:.5rem 0}.card input{width:100%;padding:.5rem;border-radius:.25rem;border:1px solid #333;background-color:#121212;color:#e0e0e0}.token-swap-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;margin-top:20px;padding:0 15px}.token-swap-body{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:100%;max-width:650px}.token-swap{padding:2rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;width:360px;margin-right:0;flex:1;min-width:300px}.header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:360px;margin-bottom:10px}.slippage-container{display:flex;flex-direction:column;align-items:flex-end}.slippage-label{display:block;font-size:.8rem;margin-bottom:.25rem}.cog-icon{cursor:pointer;font-size:1rem}.token-swap label{display:block;margin-bottom:.5rem}.token-swap-inputs{display:flex;flex-direction:column;gap:1rem}.token-swap-input label{font-size:24px;font-weight:700;color:#fff!important}.token-swap-input .input-group{display:flex;gap:1rem;align-items:center;background-color:#000;border-radius:8px;max-height:138px;justify-content:space-between;padding:24px}.handle-swap-btn{margin-top:20px}.dropdown-container{position:relative;flex:1;color:#fff!important;min-width:120px}.dropdown-selected{padding:.5rem;border-radius:.25rem;border:1px solid;cursor:pointer;color:#fff!important}.dropdown-menu{position:absolute;top:100%;left:0;right:0;border-radius:.25rem;margin-top:.5rem;max-height:200px;overflow-y:auto;z-index:1000;color:#fff!important}.dropdown-item{padding:.5rem;cursor:pointer}.dropdown-item:hover{background-color:#0000001a}.amount-input{padding:.5rem;border-radius:.25rem;min-width:80px;flex:1}.flip-button-container{display:flex;justify-content:center;align-items:center;margin:10px 0}.flip-button{border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}.token-swap button{width:100%;border:none;padding:.75rem;font-size:1rem;border-radius:.25rem;transition:background-color .3s}.price-chart{margin-top:1rem;padding-top:1rem;border-top:1px solid}.refresh-icon{cursor:pointer;font-size:1rem}.price-row{display:flex;justify-content:space-between;padding:.5rem 0}body.dark .token-swap{background-color:#1f1f1f}body.dark .slippage-label,body.dark .slippage-value,body.dark .token-swap label,body.dark .dropdown-selected,body.dark .dropdown-item,body.dark .amount-input,body.dark .price-token,body.dark .price-value{color:#b3b3b3}body.dark .dropdown-selected,body.dark .amount-input{background-color:#121212;border:1px solid #333}body.dark .dropdown-menu{background-color:#1f1f1f;border:1px solid #333}body.dark .flip-button{background-color:#333;color:#fff}body.dark .flip-button:hover{background-color:#555}body.dark .token-swap button{background:linear-gradient(90deg,#00C8FF,#003Fb7);color:#fff}body.dark .token-swap button:hover{background:linear-gradient(90deg,#00C8FF,#003Fb7)}body.dark .price-chart{border-top:1px solid #333}body.dark .refresh-icon{color:#1db954}body.light .token-swap{background-color:#1a1a1a;box-shadow:0 4px 8px #0000001a}body.light .slippage-label,body.light .slippage-value,body.light .token-swap label,body.light .dropdown-selected,body.light .dropdown-item,body.light .amount-input,body.light .price-token,body.light .price-value{color:#fff}body.light .dropdown-selected,body.light .amount-input,body.light .dropdown-menu{background:linear-gradient(90deg,#00C8FF,#003Fb7);border:1px solid #cccccc}body.light .dropdown-item{background:linear-gradient(90deg,#00C8FF,#003Fb7)}body.light .flip-button{background-color:#ccc;color:#333}body.light .flip-button:hover{background-color:#aaa}body.light .token-swap button{background-color:#1e88e5;color:#fff}body.light .token-swap button:hover{background-color:#1976d2}body.light .price-chart{border-top:1px solid #cccccc}body.light .refresh-icon{color:#000}.settings-container{background-color:#1a1a1a;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000004d;width:300px;color:#fff;flex:1;min-width:300px;max-width:360px}.settings-container .settings-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-container .setting-label{display:flex;align-items:center;font-size:14px}.settings-container .info-icon{margin-left:5px;background-color:#3a3a46;color:silver;border-radius:50%;width:18px;height:18px;display:flex;justify-content:center;align-items:center;font-size:12px}.settings-container .switch{position:relative;display:inline-block;width:40px;height:20px}.settings-container .switch input{opacity:0;width:0;height:0}.settings-container .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:50px}.settings-container .slider:before{position:absolute;content:"";height:14px;width:14px;border-radius:50%;background-color:#fff;transition:.4s;left:3px;bottom:3px}.settings-container input:checked+.slider{background-color:#3a89ff}.settings-container input:checked+.slider:before{transform:translate(18px)}.settings-container .slippage-options{display:flex}.settings-container .btn{padding:5px 10px;background-color:#3a3a46;border:none;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;margin-right:10px}.settings-container .btn.active{background:linear-gradient(90deg,#00C8FF,#003Fb7)}.settings-container .slippage-input{background-color:#2b2b39;border:none;border-radius:10px;padding:5px;width:50px;color:#fff;text-align:center}.settings-container .save-btn{width:100%;padding:10px;background:linear-gradient(90deg,#00C8FF,#003Fb7);border:none;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;text-align:center;transition:background-color .3s ease}.settings-container .save-btn:hover{background:linear-gradient(90deg,#00C8FF,#003Fb7)}.balance-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#888;font-size:14px;flex-wrap:wrap;gap:10px}.balance-actions{display:flex;gap:8px}.balance-info .balance-btn{padding:4px 8px;background:linear-gradient(to right,#00C0FF,#003FB7);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;transition:opacity .2s}.balance-btn:hover{background:rgba(0,200,255,.1);border-color:#00c8ff}.balance-btn i{font-size:10px}@media (max-width: 768px){.token-swap,.settings-container{width:90%;max-width:90%;margin-right:0}}@media (max-width: 480px){.token-swap{width:90%;max-width:90%;margin-right:0}.token-swap-input .input-group{padding:12px}.dropdown-container,.amount-input{width:100%}.settings-container .slippage-options{flex-wrap:wrap}.settings-container .btn{flex:1;min-width:60px;margin-right:5px;font-size:12px}}.refresh-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.refresh-button:disabled{cursor:wait}.refresh-button:hover:not(:disabled){background-color:#ffffff1a}.refresh-icon{color:#666;font-size:18px}.refreshing .refresh-icon{animation:quickSpin 2s ease-out forwards}@keyframes quickSpin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}.slippage-container{display:flex;flex-direction:column;align-items:flex-end;margin:0;padding:0}.slippage-label{font-size:.8rem;margin-bottom:.25rem}.slippage-info{display:flex;align-items:center;gap:.5rem}.slippage-value{font-size:1rem}.slippage-toggle{background:none;border:none;cursor:pointer;padding:0;color:#666}.slippage-toggle.manual .info-icon{color:#00c8ff}.info-icon{font-size:1rem}.chart-container{width:40%;margin:auto}.notifications-widget{position:absolute;top:50%;right:200px;transform:translateY(-50%);z-index:1000}.bell-icon{background:none;border:none;color:#1db954;font-size:1.5rem;cursor:pointer;position:relative}.notification-count{background:red;color:#fff;border-radius:50%;padding:.2em .5em;font-size:.8rem;position:absolute;top:-10px;right:-10px}.notifications-list{background-color:#1f1f1f;color:#e0e0e0;border:1px solid #333;border-radius:.25rem;padding:10px;box-shadow:0 2px 4px #0000001a;margin-top:10px;width:200px}.notifications-list h4{margin-top:0;margin-bottom:10px;font-size:1rem}.notifications-list ul{list-style-type:none;padding:0;margin:0}.notifications-list li{margin-bottom:5px;font-size:.9rem}body.light{background:linear-gradient(90deg,#00C8FF,#003Fb7)!important;color:#333}body.dark{background-color:#1a1a1a;color:#fff}body.light .app-header{background-color:#fff;color:#333;box-shadow:0 2px 4px #0000001a;border-bottom:1px solid #cccccc}body.dark .app-header{background-color:#2a2a2a;color:#fff;border-bottom:1px solid #444444}body.light .theme-switcher{background-color:#fff;color:#333;border:1px solid #cccccc}body.dark .theme-switcher{background:linear-gradient(90deg,#00C8FF,#003Fb7);color:#fff}body.dark .cog-icon{color:#1db954}body.light .footer{background-color:#fff;color:#333;border-top:1px solid #cccccc}body.dark .footer{background-color:#2a2a2a;color:#fff;border-top:1px solid #444444}body.light .button{background-color:#fff;color:#333;border:1px solid #cccccc;box-shadow:0 2px 4px #0000001a}body.dark .button{background-color:#333;color:#fff;border:1px solid #444444;box-shadow:0 2px 4px #00000080}body.light .card{background-color:#fff;color:#333;border:1px solid #cccccc;box-shadow:0 2px 4px #0000001a}body.dark .card{background-color:#2a2a2a;color:#fff;border:1px solid #444444;box-shadow:0 2px 4px #00000080}.bg-vid{position:fixed;width:100%;height:100%;object-fit:cover;z-index:-1}