*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0b0e11;--bg-secondary: #161a1f;--bg-tertiary: #1e2329;--bg-hover: #2b3139;--border: #2b3139;--border-light: #3c4450;--text-primary: #eaecef;--text-secondary: #848e9c;--text-muted: #5e6673;--green: #0ecb81;--green-dim: rgba(14,203,129,.15);--red: #f6465d;--red-dim: rgba(246,70,93,.15);--yellow: #f0b90b;--yellow-dim: rgba(240,185,11,.15);--blue: #1890ff;--blue-dim: rgba(24,144,255,.15);--font: "Inter", -apple-system, sans-serif;--radius: 4px;--radius-lg: 8px}html,body,#root{height:100%;font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font);outline:none}a{text-decoration:none;color:inherit}.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;transition:opacity .15s,background .15s}.btn:hover{opacity:.9}.btn-green{background:var(--green);color:#000}.btn-red{background:var(--red);color:#fff}.btn-yellow{background:var(--yellow);color:#000}.btn-ghost{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-full{width:100%}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.input-field{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:8px 12px;font-size:13px;transition:border-color .15s}.input-field:focus{border-color:var(--yellow)}.input-field::placeholder{color:var(--text-muted)}.select-field{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:8px 30px 8px 12px;font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23848e9c' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.select-field:focus{border-color:var(--yellow)}.desktop-only{display:block}.mobile-only{display:none}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-auth{display:flex;align-items:center;gap:12px}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text-primary)}.nav-drawer{display:none;position:fixed;top:60px;right:0;bottom:0;left:0;background:var(--bg-secondary);z-index:190;overflow-y:auto;flex-direction:column;padding:16px;gap:4px;border-top:1px solid var(--border)}.nav-drawer.open{display:flex}.nav-drawer a,.nav-drawer button.drawer-link{display:block;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:500;color:var(--text-secondary);text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer}.nav-drawer a:hover,.nav-drawer button.drawer-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-drawer .drawer-divider{height:1px;background:var(--border);margin:8px 0}.nav-drawer .drawer-auth{display:flex;flex-direction:column;gap:8px;padding:8px 0}.nav-drawer .drawer-auth a button{width:100%;padding:12px;border-radius:8px;font-size:15px;font-weight:600}.lp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.lp-markets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.lp-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.lp-hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.lp-pad{padding:0 40px}.lp-hero-h1{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:20px;letter-spacing:-2px}.lp-section-title{font-size:28px;font-weight:800}.lp-footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}@media (max-width: 900px){.lp-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block}.nav-links,.nav-auth{display:none}.nav-hamburger{display:flex;align-items:center;justify-content:center;margin-left:auto}.lp-pad{padding:0 20px}.lp-hero-h1{font-size:36px;letter-spacing:-1px}.lp-hero-btns{flex-direction:column;align-items:stretch}.lp-hero-btns a,.lp-hero-btns a button{width:100%}.lp-stats{grid-template-columns:repeat(2,1fr);gap:16px}.lp-markets{grid-template-columns:1fr 1fr;gap:12px}.lp-features{grid-template-columns:1fr;gap:16px}.lp-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.lp-section-title{font-size:22px}.lp-footer-bottom{flex-direction:column;gap:12px;align-items:center;text-align:center}.lp-footer-bottom div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}}@media (max-width: 480px){.lp-markets,.lp-footer-grid{grid-template-columns:1fr}}.dash-main>*{min-width:0}.page-wrap{max-width:1200px;margin:0 auto;padding:24px}.trade-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.trade-body{display:flex;flex:1;min-height:0}.trade-center{flex:1;display:flex;flex-direction:column;min-width:0}.trade-right-panel{display:flex;flex-shrink:0}.swap-wrap{max-width:1000px;margin:40px auto;padding:0 24px}.swap-grid{display:grid;grid-template-columns:440px 1fr;gap:20px;align-items:start}@media (max-width: 900px){.trade-left,.trade-ob{display:none}.trade-root{height:auto;overflow:visible}.trade-body{flex-wrap:wrap}.trade-center{flex:none;width:100%;min-height:320px}.trade-right-panel{width:100%;flex-shrink:1}.swap-grid{grid-template-columns:1fr}.swap-wrap{margin:16px auto;padding:0 12px}}@media (max-width: 768px){.page-wrap{padding:12px}.col-sm,.col-md{display:none!important}}.dash-page-pad{max-width:1280px;margin:0 auto;padding:28px 24px}.dash-hero-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:28px 32px;margin-bottom:24px}.dash-alloc{flex:0 0 360px;min-width:260px}.dash-hero-val{font-size:40px;font-weight:900;color:#fff;letter-spacing:-1px}.dash-hero-acts{display:flex;flex-direction:column;gap:8px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.dash-main{display:grid;grid-template-columns:3fr 2fr;gap:20px;align-items:start}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 24px}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 768px){.dash-page-pad{padding:12px}.dash-hero-box{padding:16px 20px;margin-bottom:16px;gap:16px}.dash-alloc{display:none}.dash-hero-val{font-size:26px;letter-spacing:-.5px}.dash-hero-acts{display:none}.dash-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.dash-main{grid-template-columns:1fr;gap:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom{flex-direction:column;align-items:center;text-align:center;padding:16px}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}}.mob-nav{display:none}@media (max-width: 768px){.mob-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);z-index:250;height:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.mob-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);padding:6px 0;transition:color .15s}.mob-tab-active{color:var(--yellow)}.mob-tab-label{font-size:10px;font-weight:600}.dash-page-pad,.page-wrap,.swap-wrap,.mob-page-pad,.trade-root,.wallet-wrap{padding-bottom:80px}}
