@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101311;--panel:#181c19;--line:#2b302c;--muted:#959e96;--accent:#d0fa86;--text:#f0f3ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sidebar{width:220px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font:800 36px Manrope,sans-serif;letter-spacing:-2px;gap:12px}.brandmark{display:grid;place-items:center;background:var(--accent);color:#162013;border-radius:11px;width:34px;height:38px;font-size:32px;font-style:italic}.brandend{color:var(--accent);margin-left:-12px}.workspace{font-size:11px;letter-spacing:1.6px;color:#7f8880;margin:59px 12px 20px}.nav{border:0;background:none;display:flex;align-items:center;gap:13px;width:100%;text-align:left;font-size:14px;color:var(--muted);padding:15px 14px;border-radius:9px;margin-bottom:8px}.nav span{font-size:21px}.nav.active{background:#252e1e;color:var(--accent)}.nav:hover{background:#202620}.sidebar-bottom{margin-top:auto}.network{display:flex;align-items:center;gap:10px;font-size:12px;padding:18px 0}.network small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.network-icon{font-size:24px;color:var(--accent)}.prototype{border-top:1px solid var(--line);padding-top:20px;font-size:10px;letter-spacing:1.5px;color:var(--muted);display:flex;justify-content:space-between}.shell{margin-left:220px}header{height:91px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{padding:0 17px;color:#59625b}.breadcrumb b{font-weight:500;color:var(--text)}.wallet{border:1px solid #d0fa8650;background:var(--accent);color:#182112;border-radius:9px;padding:12px 18px;font-weight:700;font-size:13px}main{padding:39px 44px 0;max-width:1640px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}h1{font:600 clamp(24px,2.65vw,40px)/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:12px 0 10px}h1 span{color:var(--accent)}.page-title p{margin:0;color:var(--muted);font-size:14px}.demo-pill{font-size:11px;white-space:nowrap;border:1px solid var(--line);padding:8px 11px;border-radius:20px;color:#bac4b6}.overview{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-radius:15px;background:linear-gradient(105deg,#222d1b,#1a211a 70%);border:1px solid #37422e;padding:28px 33px;margin-bottom:35px;overflow:hidden}.overview .eyebrow{color:#c6d2b9}.overview h2{font:500 28px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:12px 0}.overview p{font-size:13px;color:#aab6a3;max-width:310px;line-height:1.5}.overview a{display:inline-flex;gap:25px;color:var(--accent);font-size:13px;margin-top:5px}.overview-market{align-self:center;border-left:1px solid #394332;padding-left:35px}.metric-title{font-size:13px;display:flex;justify-content:space-between;align-items:center}.metric-title span{font-size:9px;color:#9aa892;letter-spacing:1px}.metric-value{font:500 34px Manrope,sans-serif;margin:10px 0 15px;letter-spacing:-1px}.metric-value span{font:500 12px 'DM Sans',sans-serif;letter-spacing:0;color:var(--accent);margin-left:13px}.overview svg{width:100%;height:86px;overflow:visible}.chart-bottom{display:flex;justify-content:space-between;font-size:9px;color:#84917e;margin-top:12px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 20px}.section-heading h2,.trade-heading h2{font:600 19px Manrope,sans-serif;letter-spacing:-.5px;margin:0}.section-heading>span{font-size:12px;color:var(--muted)}.market-toolbar{display:flex;gap:12px;justify-content:space-between;margin-bottom:15px;align-items:center}.filters{display:flex;gap:2px}.filters button{background:none;border:0;padding:9px 12px;border-radius:7px;font-size:12px;color:var(--muted);white-space:nowrap}.filters .selected{background:#2b3129;color:#e4eddd}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:var(--muted);max-width:160px}.search input{border:0;background:none;outline:0;width:100%;font-size:12px;color:var(--text)}table{width:100%;border-collapse:collapse;text-align:right}th{font-size:11px;font-weight:400;color:#8c968d;padding:12px 4px;border-bottom:1px solid var(--line)}th:first-child{text-align:left}td{padding:16px 4px;border-bottom:1px solid #252b26;font-size:13px;white-space:nowrap}td:first-child{text-align:left}.asset-name{display:flex;align-items:center;gap:11px;cursor:pointer}.coin{height:35px;width:35px;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:14px}.asset-name b{font-weight:600}.asset-name small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.positive{color:#b5e587}.negative{color:#e4978e}.spark{width:76px;height:25px}.favorite{border:0;background:none;color:#697369;font-size:22px;padding:0 0 0 10px}.favorite.on{color:var(--accent)}.market-footer{font-size:10px;color:#778177;display:flex;justify-content:space-between;gap:15px;margin-top:16px}.trade-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:23px;align-self:start}.trade-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.trade-heading>span{color:var(--accent);font-size:24px}.trade-tabs{display:flex;background:#101411;border-radius:8px;padding:4px;margin-bottom:23px}.trade-tabs button{border:0;background:none;flex:1;font-size:13px;color:var(--muted);padding:9px;border-radius:5px}.trade-tabs .selected{background:#313c28;color:var(--accent)}.field-label{font-size:11px;color:var(--muted);display:block;margin-bottom:10px}select{width:100%;padding:12px;background:#202620;border:1px solid #363e35;border-radius:7px;font-size:13px;color:#f4f5ef}.amount-box{border:1px solid #363e35;border-radius:8px;padding:14px;margin-top:16px}.amount-box label{color:var(--muted);font-size:11px}.amount-box>div{display:flex;align-items:center;margin-top:9px}.amount-box input{width:100%;min-width:0;background:none;border:0;color:var(--text);font-size:28px;outline:0}.amount-box span{font-size:12px;color:#c1c9bc}.receive-row{display:flex;justify-content:space-between;font-size:11px;margin:19px 0 24px;color:var(--muted)}.receive-row b{font-weight:500;color:var(--text)}.primary{background:var(--accent);color:#172111;border:0;border-radius:8px;padding:14px 16px;width:100%;font-weight:700;font-size:13px;display:flex;justify-content:center;gap:20px}.primary:hover,.wallet:hover{background:#e1ffad}.trade-note{font-size:11px;line-height:1.6;text-align:center;color:var(--muted);margin:13px 0 23px}.custody{border-top:1px solid var(--line);padding-top:18px;text-align:center;font-size:11px;color:#a7b19f}.custody span{margin-right:6px;color:var(--accent)}footer{margin-top:40px;border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:15px;color:#7f897e;font-size:10px}dialog{color:var(--text);border:1px solid #414d38;border-radius:18px;padding:35px;background:#1b211b;max-width:440px;width:90%}dialog::backdrop{background:#050805bb;backdrop-filter:blur(4px)}dialog h2{font:600 26px Manrope,sans-serif;letter-spacing:-1px}dialog p{font-size:15px;line-height:1.7;color:#bdc6b8}dialog .primary{margin-top:25px}.close{position:absolute;right:14px;top:8px;background:none;border:0;font-size:27px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#empty{padding:45px;text-align:center;color:var(--muted)}#portfolio-note{font-size:13px;line-height:1.7;margin-top:22px;color:var(--muted)}#portfolio-note b{color:var(--text)}@media(min-width:1450px){main{padding-top:50px}.overview{padding:36px}.overview h2{font-size:34px}.overview svg{height:110px}.content-grid{grid-template-columns:minmax(0,1fr) 330px}td{padding:20px 6px}}@media(max-width:1150px){.sidebar{width:180px;padding:30px 16px}.shell{margin-left:180px}header{padding:0 25px}main{padding:30px 25px 0}.content-grid{gap:20px;grid-template-columns:minmax(0,1fr) 265px}.trend-col,.trend-cell{display:none}.overview{padding:25px;gap:20px}.overview-market{padding-left:20px}.market-toolbar{flex-wrap:wrap}.market-footer span{display:none}}@media(max-width:850px){.sidebar{position:static;width:auto;flex-direction:row;align-items:center;padding:18px 22px;border-right:0;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:28px}.brandmark{width:27px;height:30px;font-size:25px}.workspace,.sidebar-bottom{display:none}nav{display:flex;margin-left:auto}.nav{margin:0;padding:9px;font-size:12px;width:auto}.nav span{display:none}.shell{margin:0}header{height:68px}.content-grid{grid-template-columns:minmax(0,1fr) 280px}.page-title h1{font-size:29px}.eyebrow{font-size:9px}.overview h2{font-size:26px}}@media(max-width:650px){main{padding:26px 18px 0}header{padding:0 18px}.breadcrumb{font-size:12px}.wallet{padding:10px 12px}.sidebar{padding:15px 18px;gap:10px}.brand{gap:7px}.brandend{margin-left:-7px}.nav{font-size:11px;padding:8px}.page-title{align-items:flex-start;gap:5px}.page-title h1{font-size:28px;max-width:270px}.page-title p{font-size:13px;line-height:1.5}.demo-pill{font-size:9px;padding:6px}.overview{grid-template-columns:1fr;padding:24px;gap:25px}.overview h2 br{display:none}.overview-market{border:0;border-top:1px solid #394332;padding:20px 0 0}.overview p{max-width:none}.overview svg{height:80px}.content-grid{grid-template-columns:1fr}.trade-card{margin-top:8px}.market-toolbar{flex-wrap:nowrap}.filters button{padding:8px;font-size:11px}.search{max-width:135px}.market-footer{font-size:10px}footer{flex-wrap:wrap;font-size:10px;line-height:1.7}.trade-note,.field-label,.receive-row,.custody{font-size:13px}.table-wrap{overflow-x:auto}}