:root{--bg:#02040a;--s1:#050a14;--s2:#08101e;--s3:#0c1628;--s4:#101e34;--s5:#141e3a;--gr:#00c878;--gr2:#00e890;--gr3:#00ff9c;--grd:rgba(0,200,120,.09);--grb:rgba(0,200,120,.2);--rd:#e02828;--rd2:#ff3838;--rdd:rgba(224,40,40,.09);--rdb:rgba(224,40,40,.2);--bl:#1450e0;--bl2:#1c60ff;--bl3:#4888ff;--bld:rgba(20,80,224,.1);--blb:rgba(20,80,224,.22);--gd:#d09000;--gd2:#f0a800;--gd3:#ffb800;--gdd:rgba(208,144,0,.1);--gdb:rgba(208,144,0,.22);--pu:#7820d8;--pu2:#9030f0;--pud:rgba(120,32,216,.1);--pub:rgba(120,32,216,.22);--cy:#0888c8;--cy2:#0aa0e8;--cyd:rgba(8,136,200,.1);--cyb:rgba(8,136,200,.22);--w:#bdd4ee;--w2:rgba(189,212,238,.55);--w3:rgba(189,212,238,.28);--w4:rgba(189,212,238,.08);--ln:rgba(0,200,120,.06);--ln2:rgba(0,200,120,.14);--lw:hsla(0,0%,100%,.045)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--w);font-size:13px}.app{display:grid;grid-template-columns:200px 1fr;grid-template-rows:50px 1fr;height:100vh}.top{grid-column:1/-1;background:var(--s1);border-bottom:1px solid var(--ln);display:flex;align-items:center;padding:0 14px;gap:10px;z-index:100;position:relative}.top:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gr),transparent);opacity:.2}.t-hex{width:26px;height:26px;background:linear-gradient(135deg,var(--gr),var(--bl2));-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--bg);flex-shrink:0}.t-brand{font-size:14px;font-weight:700;color:var(--w)}.t-brand b,.t-mod{color:var(--gr2)}.t-mod{font-family:Space Mono,monospace;font-size:9px;padding:2px 8px;background:var(--grd);border:1px solid var(--grb)}.tdiv{width:1px;height:14px;background:var(--lw);margin:0 3px}.tsp{flex:1 1}.t-prices{display:flex;gap:16px;font-family:Space Mono,monospace;font-size:9px;color:var(--w3)}.tp-item{display:flex;align-items:center;gap:5px;cursor:pointer;transition:color .12s}.tp-item:hover{color:var(--w2)}.tp-up{color:var(--gr2)}.tp-dn{color:var(--rd2)}.t-bul{width:5px;height:5px;border-radius:50%;animation:blink 1.3s infinite;flex-shrink:0}.bl-g{background:var(--gr2)}.bl-a{background:var(--gd2)}.bl-r{background:var(--rd2)}@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}.t-stat{display:flex;align-items:center;gap:5px}.t-blk,.t-stat{font-family:Space Mono,monospace;font-size:9px}.t-blk{color:var(--gd2);padding:2px 6px;border:1px solid var(--gdb)}.t-tm{font-family:Space Mono,monospace;font-size:9px;color:var(--w3)}.t-wallet{display:flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--grb);background:var(--grd);cursor:pointer;transition:all .12s}.t-wallet:hover{background:rgba(0,200,120,.15)}.t-av{width:22px;height:22px;background:linear-gradient(135deg,var(--gr),var(--bl2));display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:var(--bg)}.t-waddr{font-family:Space Mono,monospace;font-size:9px;color:var(--gr2)}.side{background:var(--s1);border-right:1px solid var(--ln);display:flex;flex-direction:column;overflow:hidden}.sb-sec{font-family:Space Mono,monospace;font-size:8px;color:var(--w3);letter-spacing:.12em;text-transform:uppercase;padding:11px 13px 3px}.ni{display:flex;align-items:center;gap:8px;padding:7px 13px;cursor:pointer;border-left:2px solid transparent;transition:all .12s}.ni:hover{background:var(--s2)}.ni.on{background:var(--grd);border-left-color:var(--gr)}.ni-i{font-size:13px;width:15px;text-align:center;flex-shrink:0;color:var(--w3)}.ni.on .ni-i,.ni.on .ni-l{color:var(--gr2)}.ni-l{font-size:12px;font-weight:500;color:var(--w2);flex:1 1}.ni-b{font-family:Space Mono,monospace;font-size:8px;font-weight:700;padding:1px 5px}.nb-g{background:var(--gr);color:var(--bg)}.nb-r{background:var(--rd);color:#fff}.nb-b{background:var(--bl2);color:#fff}.nb-d{background:var(--gd);color:var(--bg)}.sbsp{flex:1 1}.sb-port{margin:8px 11px 11px;padding:9px 10px;background:var(--s2);border:1px solid var(--ln)}.sbt{font-size:8px;color:var(--gr2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.sbr,.sbt{font-family:Space Mono,monospace}.sbr{display:flex;justify-content:space-between;font-size:9px;margin-bottom:3px}.sbr:last-child{margin-bottom:0}.sbl{color:var(--w3)}.sbv{color:var(--gr2);font-weight:700}.sbv.r{color:var(--rd2)}.sbv.b{color:var(--bl3)}.sbv.d{color:var(--gd2)}.main{display:flex;flex-direction:column;overflow:hidden}.tabbar{height:34px;flex-shrink:0;background:var(--s1);border-bottom:1px solid var(--ln);display:flex;align-items:stretch;padding:0 11px}.tab{display:flex;align-items:center;padding:0 9px;font-family:Space Mono,monospace;font-size:8px;color:var(--w3);cursor:pointer;border-bottom:2px solid transparent;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:all .12s}.tab:hover{color:var(--w2)}.tab.on{color:var(--gr2);border-bottom-color:var(--gr)}.tbsp{flex:1 1}.tbbtn{align-self:center;font-family:Space Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;background:var(--gr);color:var(--bg);border:none;cursor:pointer;transition:background .12s}.tbbtn:hover{background:var(--gr2)}.sc{flex:1 1;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:var(--s3) transparent}.sc::-webkit-scrollbar{width:3px}.sc::-webkit-scrollbar-thumb{background:var(--s3)}.g2{grid-template-columns:1fr 1fr;grid-gap:9px}.g2,.g3{display:grid;gap:9px}.g3{grid-template-columns:1fr 1fr 1fr;grid-gap:9px}.g4{grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:9px}.g4,.g5{display:grid;gap:9px}.g5{grid-template-columns:repeat(5,1fr);grid-gap:9px}.g21{grid-template-columns:2fr 1fr;grid-gap:9px}.g12,.g21{display:grid;gap:9px}.g12{grid-template-columns:1fr 2fr;grid-gap:9px}.g31{display:grid;grid-template-columns:3fr 1fr;grid-gap:9px;gap:9px}.mb{margin-bottom:9px}.card{background:var(--s2);border:1px solid var(--ln);padding:12px}.ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.ch-t{font-family:Space Mono,monospace;font-size:8px;color:var(--w3);letter-spacing:.09em;text-transform:uppercase}.ch-r{display:flex;align-items:center;gap:5px}.cha{color:var(--gr2);cursor:pointer}.cha,.ctag{font-family:Space Mono,monospace;font-size:8px}.ctag{padding:2px 6px}.kpis{display:grid;grid-gap:9px;gap:9px;margin-bottom:9px}.kpi{background:var(--s2);border:1px solid var(--ln);padding:10px 12px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kg:before{background:var(--gr)}.kb:before{background:var(--bl2)}.kd:before{background:var(--gd)}.kr:before{background:var(--rd)}.kp:before{background:var(--pu)}.kcy:before{background:var(--cy)}.kl{font-family:Space Mono,monospace;font-size:8px;color:var(--w3);letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}.kv{font-size:clamp(15px,1.8vw,22px);font-weight:700;line-height:1;margin-bottom:3px}.vg{color:var(--gr2)}.vb{color:var(--bl3)}.vd{color:var(--gd2)}.vr{color:var(--rd2)}.vp{color:var(--pu2)}.vcy{color:var(--cy2)}.vw{color:var(--w)}.ks{font-size:10px;font-weight:300;color:var(--w3)}.kchg{display:inline-flex;align-items:center;gap:2px;font-family:Space Mono,monospace;font-size:8px;padding:1px 5px}.cup{background:var(--grd);color:var(--gr2)}.cdn{background:var(--rdd);color:var(--rd2)}.cnu{background:var(--gdd);color:var(--gd2)}.tbl{width:100%;border-collapse:collapse;font-size:11px}.tbl th{font-family:Space Mono,monospace;font-size:8px;color:var(--w3);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;text-align:left;border-bottom:1px solid var(--lw);background:var(--s3)}.tbl td{padding:7px 9px;border-bottom:1px solid rgba(0,200,120,.025);color:var(--w2);vertical-align:middle}.tbl tbody tr{transition:background .1s;cursor:default}.tbl tbody tr:hover td{background:rgba(0,200,120,.03)}.tbl tbody tr:last-child td{border-bottom:none}.tbb{font-weight:600;color:var(--w)!important}.tg,.tm{font-family:Space Mono,monospace;font-size:10px}.tg{color:var(--gr2)!important}.tb{color:var(--bl3)!important}.tb,.td{font-family:Space Mono,monospace;font-size:10px}.td{color:var(--gd2)!important}.trd{color:var(--rd2)!important;font-weight:700}.tpu{color:var(--pu2)!important;font-size:10px}.badge,.tpu{font-family:Space Mono,monospace}.badge{display:inline-flex;align-items:center;gap:3px;font-size:8px;padding:2px 7px}.bg{background:var(--grd);color:var(--gr2);border:1px solid var(--grb)}.bb{background:var(--bld);color:var(--bl3);border:1px solid var(--blb)}.bd{background:var(--gdd);color:var(--gd2);border:1px solid var(--gdb)}.br{background:var(--rdd);color:var(--rd2);border:1px solid var(--rdb)}.bp{background:var(--pud);color:var(--pu2);border:1px solid var(--pub)}.bcy{background:var(--cyd);color:var(--cy2);border:1px solid var(--cyb)}.bw{background:hsla(0,0%,100%,.04);color:var(--w3);border:1px solid var(--lw)}.prog{background:var(--s4);overflow:hidden}.pf,.prog{height:4px}.pf{transition:width .9s ease}.pg .pf{background:var(--gr)}.pb .pf{background:var(--bl2)}.pd .pf{background:var(--gd)}.pr .pf{background:var(--rd)}.strip{padding:9px 12px;display:flex;align-items:center;gap:9px;margin-bottom:9px;border:1px solid}.s-g{background:var(--grd);border-color:var(--grb)}.s-b{background:var(--bld);border-color:var(--blb)}.s-d{background:var(--gdd);border-color:var(--gdb)}.s-r{background:var(--rdd);border-color:var(--rdb)}.s-p{background:var(--pud);border-color:var(--pub)}.s-cy{background:var(--cyd);border-color:var(--cyb)}.si{font-size:13px;flex-shrink:0}.st{font-size:12px;font-weight:300;color:var(--w2);flex:1 1;line-height:1.5}.sv{font-family:Space Mono,monospace;font-size:9px;flex-shrink:0}.irow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(0,200,120,.04)}.irow:last-child{border-bottom:none}.il{font-size:11px;color:var(--w3)}.iv{font-size:12px;font-weight:600;color:var(--w)}.iv.g{color:var(--gr2)}.iv.b{color:var(--bl3)}.iv.d{color:var(--gd2)}.iv.r{color:var(--rd2)}.fg{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.fl{font-size:8px;color:var(--w3);letter-spacing:.08em;text-transform:uppercase}.finp,.fl{font-family:Space Mono,monospace}.finp{background:var(--s3);border:1px solid var(--lw);padding:8px 10px;font-size:13px;color:var(--w);outline:none;transition:border-color .12s;width:100%}.finp:focus{border-color:var(--gr)}.finp::placeholder{color:var(--w3)}select.finp{cursor:pointer}.fi{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid rgba(0,200,120,.04)}.fi:last-child{border-bottom:none}.fi-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:4px}.fi-b{flex:1 1;min-width:0}.fi-t{font-size:11px;font-weight:600;color:var(--w);margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-s{font-family:Space Mono,monospace;font-size:9px;color:var(--w3)}.fi-r{text-align:right;flex-shrink:0}.fi-amt{font-size:11px;font-weight:700;line-height:1.2}.fi-tm{font-size:9px;color:var(--w3)}.fi-tm,.ob-row{font-family:Space Mono,monospace}.ob-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0;gap:0;padding:3px 8px;font-size:10px;transition:background .1s;cursor:default;position:relative}.ob-row:hover{background:hsla(0,0%,100%,.03)}.ob-row-bg{position:absolute;top:0;bottom:0;right:0;opacity:.08;pointer-events:none}.ob-ask .ob-row-bg{background:var(--rd2)}.ob-bid .ob-row-bg{background:var(--gr2)}.ob-ask{color:var(--rd2)}.ob-bid{color:var(--gr2)}.ob-size,.ob-total{color:var(--w3);text-align:right}.ob-spread{text-align:center;padding:5px;font-family:Space Mono,monospace;font-size:9px;color:var(--gd2);background:var(--s3);border-top:1px solid var(--lw);border-bottom:1px solid var(--lw)}.chart-area{background:var(--s2);border:1px solid var(--ln);position:relative;overflow:hidden}.chart-body{width:100%;height:100%;position:relative}.chart-header{padding:9px 12px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pair-price{font-size:20px;font-weight:700;color:var(--gr2);line-height:1}.pair-change,.pair-price{font-family:Space Mono,monospace}.pair-change{font-size:11px;padding:2px 7px}.chart-stat{display:flex;flex-direction:column;gap:1px}.cs-l{font-size:8px;color:var(--w3);letter-spacing:.06em}.cs-l,.cs-v{font-family:Space Mono,monospace}.cs-v{font-size:11px;font-weight:700;color:var(--w)}.cs-v.g{color:var(--gr2)}.cs-v.r{color:var(--rd2)}.tf-btn{font-family:Space Mono,monospace;font-size:8px;padding:3px 8px;background:transparent;color:var(--w3);border:1px solid transparent;cursor:pointer;transition:all .12s}.tf-btn.on{background:var(--grd);color:var(--gr2);border-color:var(--grb)}.tf-btn:hover{color:var(--w2)}.swap-box{background:var(--s2);border:1px solid var(--ln);padding:14px}.swap-token-row{display:flex;align-items:center;gap:9px;padding:11px 12px;background:var(--s3);border:1px solid var(--lw);margin-bottom:3px}.swap-icon{font-size:20px;flex-shrink:0}.swap-symbol{font-size:12px;font-weight:700;color:var(--w);flex:1 1}.swap-bal,.swap-symbol{font-family:Space Mono,monospace}.swap-bal{font-size:9px;color:var(--w3)}.swap-inp{background:transparent;border:none;outline:none;font-family:Space Mono,monospace;font-size:16px;font-weight:700;color:var(--w);text-align:right;width:160px;flex-shrink:0}.swap-inp::placeholder{color:var(--w3)}.swap-arrow{padding:6px 0}.swap-arr-btn,.swap-arrow{display:flex;justify-content:center;cursor:pointer}.swap-arr-btn{width:32px;height:32px;background:var(--s3);border:1px solid var(--grb);align-items:center;font-size:16px;transition:all .12s}.swap-arr-btn:hover{background:var(--grd);transform:rotate(180deg)}.swap-rate{padding:9px 12px;background:var(--s3);border:1px solid var(--lw);margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.sr-row{display:flex;justify-content:space-between;font-family:Space Mono,monospace;font-size:9px}.sr-l{color:var(--w3)}.sr-v{color:var(--w)}.btn-swap{width:100%;padding:13px;background:var(--gr);color:var(--bg);border:none;cursor:pointer;font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .13s}.btn-swap:hover{background:var(--gr2)}.btn-swap:disabled{background:var(--s4);color:var(--w3);cursor:not-allowed}.btn-limit{width:100%;padding:12px;background:var(--bl2);color:#fff;border:none;cursor:pointer;font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .13s}.btn-limit:hover{background:var(--bl3)}.btn-cancel{width:100%;padding:10px;background:transparent;color:var(--rd2);border:1px solid var(--rdb);cursor:pointer;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.06em;transition:all .12s;margin-top:4px}.btn-cancel:hover{background:var(--rdd)}.pair-card{background:var(--s3);border:1px solid var(--ln);padding:10px;cursor:pointer;transition:all .15s}.pair-card:hover{border-color:var(--grb);background:var(--grd)}.pair-card.on{border-color:var(--gr);background:var(--grd)}.pc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.pc-name{font-size:10px;font-weight:700;color:var(--w)}.pc-chg,.pc-name{font-family:Space Mono,monospace}.pc-chg{font-size:9px;padding:1px 6px}.pc-price{font-size:14px;font-weight:700;margin-bottom:2px}.pc-price,.pc-vol{font-family:Space Mono,monospace}.pc-vol{font-size:8px;color:var(--w3)}.pool-card{background:var(--s3);border:1px solid var(--ln);padding:12px;transition:border-color .15s}.pool-card:hover{border-color:var(--grb)}.pool-icons{display:flex;margin-bottom:7px}.pool-icon{width:28px;height:28px;background:var(--s4);display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid var(--s2)}.pool-icon:not(:first-child){margin-left:-8px}.pool-name{font-size:13px;font-weight:700;color:var(--w);margin-bottom:2px}.pool-fee{font-family:Space Mono,monospace;font-size:9px;color:var(--w3);margin-bottom:9px}@keyframes scan{0%{top:0}to{top:100%}}.scanline{position:fixed;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,120,.1),transparent);animation:scan 8s linear infinite;pointer-events:none;z-index:9999}