*{box-sizing:border-box}html,body,#root{color:#f5f5f5;background:#000;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}.page{background:#000;width:1600px;min-height:1000px;display:flex}.side{background:#020302;border-right:1px solid #9fcb84;width:270px;padding:24px 14px}.brand{align-items:center;gap:10px;margin-bottom:25px;display:flex}.brand span{color:#9fcb84;font-size:82px;font-weight:1000}.brand h1{margin:0;font-size:46px}.brand p{margin:0;font-size:12px;font-weight:800}.nav{color:#fff;text-align:left;background:#090b09;border:1px solid #333;border-radius:8px;width:100%;height:52px;margin:6px 0;padding:0 16px;font-weight:900;display:block}.nav.active,.nav:hover{background:linear-gradient(#314923,#10150f);border-color:#9fcb84}.userbox{text-align:center;border:1px solid #9fcb84;border-radius:10px;margin-top:55px;padding:20px}.userbox span{color:#66e047;margin:8px;display:block}.fee{border:1px solid #aaa;border-radius:8px;margin-top:15px;padding:15px}.fee strong{font-size:34px}.main{width:1330px;padding:20px}header{text-align:center;height:105px;position:relative}header h1{margin:10px 0 5px;font-size:46px}header p{letter-spacing:2px;color:#ccc;font-weight:900}.live{text-align:left;border:1px solid #9fcb84;border-radius:8px;padding:15px 22px;position:absolute;top:0;right:0}.live span{font-size:14px}.stats{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px;display:grid}.stat{background:#0a0c0a;border:1px solid #9fcb84;border-radius:9px;padding:18px}.stat small{font-size:12px}.stat b{margin:8px 0;font-size:24px;display:block}.stat span{color:#ccc;font-size:13px}.grid{grid-template-columns:760px 490px;gap:12px;display:grid}.card{background:#070907;border:1px solid #9fcb84;border-radius:9px;padding:16px}.card h2{text-align:center;margin:0 0 14px;font-size:25px}.featured{height:350px}.token{border:1px solid #333;border-radius:8px;gap:20px;padding:16px;display:flex}.coin{color:#9fcb84;background:#111;border:1px solid #9fcb84;border-radius:50%;place-items:center;width:95px;height:95px;font-size:70px;font-weight:1000;display:grid}.tokeninfo{flex:1}.tokeninfo h3{margin:0;font-size:25px}.tokeninfo p{color:#ccc}.metrics{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.metrics b{font-size:22px}.metrics small{color:#ccc;font-size:11px}.buttons{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;display:grid}button{color:#fff;background:linear-gradient(#5f813f,#203718);border:1px solid #9fcb84;border-radius:6px;padding:12px;font-weight:900}.botgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid #222;padding:12px}.green{color:#66e047!important}input{color:#111;background:#d3d3d3;border:0;border-radius:5px;width:100%;margin:9px 0;padding:10px;font-weight:900;display:block}.wide{height:120px}@media (width<=900px){html,body,#root{width:100%;overflow-x:hidden}.page{width:100%;min-height:100vh;display:block}.side{border-bottom:1px solid #9fcb84;border-right:0;width:100%;padding:18px 14px}.brand{justify-content:center;margin-bottom:14px}.brand span{font-size:58px}.brand h1{font-size:34px}.nav{height:44px;margin:5px 0;font-size:13px}.userbox{margin-top:16px}.main{width:100%;padding:16px 10px}header{height:auto;padding-bottom:16px}header h1{font-size:31px;line-height:1.05}header p{font-size:12px}.live{width:fit-content;margin:14px auto 0;position:static}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.stat b{font-size:20px}.grid{grid-template-columns:1fr}.card,.featured,.wide{height:auto}.card h2{font-size:22px}.token{text-align:center;display:block}.coin{margin:0 auto 14px}.metrics,.buttons,.botgrid{grid-template-columns:1fr 1fr}table{font-size:13px}td{padding:10px 4px}}@media (width<=480px){.stats,.metrics,.buttons,.botgrid{grid-template-columns:1fr}header h1{font-size:27px}.card{padding:13px}.nav{font-size:12px}}@media (width>=901px){html,body,#root{width:100%;overflow-x:hidden}.page{width:100vw;max-width:100vw;overflow-x:hidden}.main{width:calc(100vw - 270px);max-width:calc(100vw - 270px);overflow-x:hidden}.stats,.grid{max-width:100%}}@media (width>=901px) and (width<=1250px){.page{width:100vw}.side{width:220px;padding:18px 10px}.brand span{font-size:60px}.brand h1{font-size:34px}.brand p{font-size:10px}.nav{height:44px;padding:0 10px;font-size:12px}.main{width:calc(100vw - 220px);margin-left:220px;padding:16px 12px}header h1{font-size:34px}header p{font-size:13px}.live{width:fit-content;margin:12px auto 0;position:static}header{height:auto;padding-bottom:12px}.stats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.card,.featured,.wide{height:auto}.token{display:flex}.metrics{grid-template-columns:repeat(3,1fr)}.buttons,.botgrid{grid-template-columns:repeat(2,1fr)}.buttons button:last-child{grid-column:1/-1}}@media (width<=900px){.page,.main,.side,.card,.token,.stats,.grid,.buttons,.botgrid{max-width:100vw;overflow-x:hidden}.main{padding-left:12px;padding-right:12px}.card{width:100%}button,input{max-width:100%}}@media (width>=901px) and (width<=1250px){html,body,#root{width:100%;overflow-x:hidden!important}.page{grid-template-columns:300px 1fr!important;width:100vw!important;max-width:100vw!important;display:grid!important;overflow-x:hidden!important}.side{width:300px!important;min-width:300px!important;height:auto!important;min-height:100vh!important;position:relative!important}.main{width:100%!important;max-width:calc(100vw - 300px)!important;margin-left:0!important;padding:28px 26px!important;overflow-x:hidden!important}header h1{white-space:normal!important;font-size:38px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid{grid-template-columns:1fr!important;width:100%!important}.card,.featured,.wide{width:100%!important;height:auto!important}.token{text-align:center!important;display:block!important}.coin{margin:0 auto 16px!important}.metrics,.buttons,.botgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width>=1251px){body{background:#000!important}.page{width:calc(100vw - 72px)!important;max-width:1540px!important;margin:0 auto!important;overflow-x:hidden!important}.side{width:270px!important;min-width:270px!important}.main{width:calc(100% - 270px)!important;padding-left:28px!important;padding-right:28px!important;overflow-x:hidden!important}}@media (width<=900px){.token-row{grid-template-columns:1fr!important}.token-actions{justify-content:stretch}.token-actions a,.token-actions button{text-align:center;flex:1}}.token-section{height:auto!important}.token-list{gap:10px;display:grid}.token-row{background:#050805;border:1px solid #31422d;border-radius:8px;grid-template-columns:2fr .7fr .7fr .7fr 1.4fr;align-items:center;gap:10px;padding:12px;display:grid}.token-row b{font-size:15px}.token-row small{color:#bdbdbd;word-break:break-all;margin-top:5px;font-size:11px;display:block}.token-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.token-actions a,.token-actions button{color:#fff;background:linear-gradient(#5f813f,#203718);border:1px solid #9fcb84;border-radius:6px;padding:8px 9px;font-size:12px;font-weight:900;text-decoration:none}.bad{font-weight:900;color:#f55!important}@media (width<=900px){.token-row{grid-template-columns:1fr!important}.token-actions{justify-content:stretch}.token-actions a,.token-actions button{text-align:center;flex:1}}.authbox{justify-content:center;gap:8px;margin-top:14px;display:flex}.authbox input{color:#111;background:#d3d3d3;border:0;border-radius:7px;width:260px;max-width:70%;padding:10px 12px;font-weight:900}.authbox button{color:#fff;background:linear-gradient(#5f813f,#203718);border:1px solid #9fcb84;border-radius:7px;padding:10px 15px;font-weight:900}
