@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#08151e;--side:#07121a;--panel:#0e202b;--line:#20333e;--muted:#859aa7;--text:#e5eef2;--accent:#78d9ec;--green:#9ddbb7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}button,input,select{border-radius:8px}button{border:0}input,select{background:#0a1923;border:1px solid var(--line);padding:13px;color:var(--text);min-width:0}input::placeholder{color:#617988}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}h1{font-size:43px;letter-spacing:-1.7px;line-height:1.25;margin:10px 0 14px;font-weight:650}h1>span{color:var(--accent)}h2,h3{margin:0}p{line-height:1.65}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;padding:35px 20px 20px;border-right:1px solid var(--line);background:var(--side);display:flex;flex-direction:column;z-index:2}.brand{font-size:33px;font-weight:750;letter-spacing:-1.8px;display:flex;align-items:center;gap:11px;padding-left:12px}.brand svg{width:32px;stroke:var(--accent);stroke-width:2.5;fill:none}.brand-dot{color:var(--accent)}.workspace-label{font-size:10px;letter-spacing:1.8px;color:#6f8998;margin:38px 12px 18px;display:flex;justify-content:space-between}.workspace-label span{font-size:9px;border:1px solid var(--line);border-radius:3px;padding:1px 4px}nav{display:grid;gap:8px}.nav-item{background:none;color:#91a5b1;display:flex;gap:12px;align-items:center;text-align:left;padding:13px 12px;font-size:13px}.nav-item>span:first-child{font-size:20px;line-height:20px;width:20px}.nav-item.active{background:#102b36;color:#95e0ec}.nav-item:hover{background:#102532}.count{margin-left:auto;font-size:10px;border-radius:4px;background:#1c3640;padding:2px 5px}.sidebar-bottom{margin-top:auto;padding-top:45px}.independence{padding:18px 12px;border-top:1px solid var(--line)}.tiny-wave{color:var(--accent);font-size:25px;display:block;margin-bottom:12px}.independence strong{font-size:12px;font-weight:500}.independence p{font-size:11px;color:var(--muted);line-height:1.9}.quiet{background:none;color:#78929f;padding:12px;font-size:11px}.network{margin-top:15px;border-top:1px solid var(--line);padding:20px 12px 0;font-size:11px;color:#8197a4;display:flex;gap:8px;align-items:center}.network span{margin-left:auto}.network i,.simulation i{height:5px;width:5px;border-radius:50%;background:#83d1b0;display:inline-block}.main-wrap{margin-left:228px;width:calc(100% - 228px)}.topbar{height:82px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{color:#708997;font-size:12px}.crumb span{margin:0 14px;color:#47616f}.crumb strong{font-weight:450;color:#c3d2d9}.top-actions{display:flex;gap:20px;align-items:center}.simulation{display:flex;gap:7px;align-items:center;color:#8ba4b1;font-size:11px}.simulation i{background:#e8be75}.account-btn{background:#152b36;padding:11px 16px;border:1px solid #2a424e;font-size:12px}.account-btn span{margin-left:15px;color:var(--accent)}main{max-width:1370px;margin:auto;padding:40px 42px 36px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:550;letter-spacing:2px;color:var(--accent)}.intro p,.subheading{color:var(--muted);margin:0;font-size:13px}.outline{background:none;border:1px solid #354c59;padding:12px 17px;font-size:12px}.outline span{margin-left:25px;color:var(--accent)}.hero{position:relative;overflow:hidden;border:1px solid #28464f;background:linear-gradient(110deg,#122f3d,#102934 48%,#09232e);border-radius:12px;padding:31px 34px;height:265px}.hero-copy{position:relative;z-index:1}.tag{font-size:8px;letter-spacing:1.5px;color:#96c4d2}.hero h2{font-size:29px;font-weight:500;line-height:1.3;letter-spacing:-.7px;margin:14px 0 10px}.hero p{color:#91aebc;font-size:11px;line-height:1.8;margin-bottom:15px}.text-link{background:none;padding:0;color:var(--accent);font-size:11px}.text-link span{margin-left:15px}.hero-art{position:absolute;right:-20px;top:5px;bottom:0;width:53%}.hero-art svg{width:100%;height:100%;transform:rotate(-12deg) scale(1.1)}.floating-asset{position:absolute;display:grid;place-items:center;border-radius:50%;background:#173441;border:1px solid #315868;box-shadow:0 8px 40px #0006;font-size:25px;height:62px;width:62px}.eth{top:30px;left:39%;transform:rotate(-15deg);color:#99b9f0}.btc{top:104px;left:64%;color:#f1c290;background:#3c3021;border-color:#73563c;width:72px;height:72px;font-size:37px;transform:rotate(12deg)}.usd{top:166px;left:28%;background:#183834;color:#a1d0b8;width:45px;height:45px;font-size:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:27px 0 39px;border:1px solid var(--line);border-radius:10px;background:#0a1a25}.stats>div{padding:21px 25px}.stats>div+div{border-left:1px solid var(--line)}.stats span{display:block;color:#90a5b2;font-size:11px}.stats strong{display:block;font:500 25px 'Manrope',sans-serif;letter-spacing:-.5px;margin:8px 0}.stats small{font-size:10px;color:#688392}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.section-title h2{font-size:20px;font-weight:550;letter-spacing:-.4px}.section-title p{font-size:11px;color:var(--muted);margin:7px 0 0}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:#0b1b25;padding-left:12px;color:#738f9f}.search input{border:0;padding:11px;font-size:11px;width:175px;background:none}.filters{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.filters button,.tabs button{background:none;border:1px solid transparent;color:#849ca9;padding:8px 13px;font-size:11px}.filters .selected,.tabs .selected{background:#15323d;color:#b2e6ef;border-color:#284854}.basket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.basket-card{background:#0c1d28;border:1px solid #233946;border-radius:11px;padding:22px;transition:border-color .2s,transform .2s}.basket-card:hover{border-color:#456574;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.basket-icon{height:42px;width:42px;border-radius:11px;display:grid;place-items:center;background:#173843;color:var(--basket-color);font-size:25px;border:1px solid #284854}.card-category{font-size:9px;color:#93aab8;border:1px solid #2a404d;border-radius:4px;padding:4px 7px}.basket-card h3{font-size:17px;font-weight:600;margin:0 0 6px;letter-spacing:-.3px}.creator{color:#7791a1;font-size:10px}.allocation-bar{display:flex;height:5px;border-radius:8px;overflow:hidden;margin:24px 0 13px;gap:3px}.asset-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:9px;color:#99afbb}.asset-legend span{display:flex;gap:4px;align-items:center}.asset-legend i{width:4px;height:4px;border-radius:50%}.card-metrics{display:flex;justify-content:space-between;padding:22px 0 18px}.card-metrics span{color:#748e9e;font-size:9px;display:block;margin-bottom:6px}.card-metrics strong{font-family:'Manrope';font-size:15px;font-weight:500}.card-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between}.card-bottom small{color:#81b19d;font-size:9px}.card-open{background:#16343f;border:1px solid #2b4a56;color:#a2e0ea;font-size:10px;padding:9px 12px}.notice{margin-top:25px;display:flex;align-items:center;gap:10px;color:#718b9b;font-size:10px}.notice p{margin:0}.mobile-break{display:none}footer{border-top:1px solid var(--line);margin:0 42px;padding:22px 0;display:flex;justify-content:space-between;font-size:9px;color:#627e8e}.panel{padding:27px;background:#0c1d28;border:1px solid var(--line);border-radius:12px}.create-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;margin-top:30px;max-width:900px}.panel label{display:grid;gap:9px;font-size:12px;margin-bottom:20px}.label-row{display:flex;justify-content:space-between;gap:10px;margin:25px 0 14px;font-size:12px}.label-row span{font-size:10px;color:var(--muted)}.asset-row{display:flex;align-items:center;gap:12px;margin:12px 0;background:#112630;border:1px solid var(--line);padding:12px;border-radius:8px}.asset-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.asset-row label{margin:0;flex:1;display:block}.asset-row input[type=number]{width:80px;padding:7px;text-align:right}.asset-row>span{color:var(--muted);font-size:11px}.weight-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;font-size:12px}.weight-total strong{color:var(--accent)}.primary{background:var(--accent);color:#06222e;padding:14px 20px;font-weight:650;font-size:12px}.primary:hover{background:#9de7f4}.primary span{margin-left:20px}.full{width:100%}.muted{font-size:11px;color:var(--muted)}.create-note{padding:25px 15px}.note-icon{color:var(--accent);font-size:33px}.create-note h2{font-size:30px;letter-spacing:-.8px;line-height:1.3;margin:18px 0}.create-note p,.create-note li{color:#89a3b2;font-size:12px;line-height:1.9}.create-note ul{padding-left:17px;margin-top:30px}.create-note li{margin:10px 0}.note-footer{font-size:10px;color:#688392;border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.form-error{color:#f2a2a2;font-size:12px;min-height:18px}.empty{border:1px dashed #294350;border-radius:12px;text-align:center;padding:65px 20px;margin-top:30px}.empty-icon{font-size:35px;color:var(--accent)}.empty h2{font-size:20px;margin:15px 0}.empty p{color:var(--muted);font-size:12px}.empty button{margin-top:10px}.position{margin-top:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.position h3{font-size:17px}.position .right{margin-left:auto;text-align:right}.position .right strong{font-size:22px}.claim-list{width:100%;border-top:1px solid var(--line);padding-top:15px}.claim-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px}.claim-row button{background:#183d36;color:#a3d8bd;padding:7px 12px;font-size:10px}.activity-row{padding:22px 0;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center}.activity-icon{background:#16313a;color:var(--accent);padding:10px;border-radius:10px;font-size:19px}.activity-row strong{font-size:13px;font-weight:500}.activity-row p{margin:5px 0;font-size:11px;color:var(--muted)}.activity-row time{margin-left:auto;color:#7894a3;font-size:10px}.activity-list{margin-top:30px}dialog{padding:26px;border:1px solid #385260;border-radius:16px;background:#0c1e29;color:var(--text);width:min(540px,calc(100% - 24px));max-height:90vh;overflow:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#020b13bf;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font-size:25px;margin-top:8px;font-weight:550}.close{background:#142d38;width:32px;height:32px;font-size:23px;color:#9ab4c1}.summary-metrics{display:flex;gap:35px;margin:22px 0}.summary-metrics span{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.summary-metrics strong{font-size:18px;font-weight:500}.tabs{display:flex;border-bottom:1px solid var(--line);padding-bottom:12px;gap:8px;margin-bottom:20px}.action-label{font-size:12px;display:flex;justify-content:space-between;margin:18px 0 9px}.action-label small{color:var(--muted);font-size:10px}.amount-input{display:flex;align-items:center;border:1px solid #34505e;background:#091822;border-radius:8px;padding:0 14px}.amount-input input{border:0;flex:1;width:100%;font-size:25px;background:none;padding:17px 0}.amount-input span{font-size:12px;color:var(--accent)}.quote{background:#102733;border-radius:8px;padding:15px;margin:16px 0}.quote-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:6px 0;color:var(--muted);gap:10px}.quote-row strong{color:#cadbe2;font-size:12px;font-weight:450}.quote-row.total{border-top:1px solid #28404d;margin-top:8px;padding-top:13px}.slippage{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin:15px 0}.slippage select{padding:5px 9px;font-size:11px}.modal-foot{text-align:center;color:#688798;font-size:9px;margin:18px 0 0}.rebalance-inputs{display:grid;gap:10px}.rebalance-inputs label{display:flex;align-items:center;gap:10px;color:#abc0cc;font-size:12px}.rebalance-inputs input{width:100px;margin-left:auto;padding:9px;text-align:right}.pending{background:#16312e;border:1px solid #2a5548;color:#b3d5c7;padding:14px;border-radius:8px;font-size:11px;line-height:1.8;margin-bottom:15px}.button-row{display:flex;gap:8px}.button-row button{flex:1}.muted-button{background:#192f3b;border:1px solid #304956;font-size:11px;padding:12px}#toast{position:fixed;bottom:28px;left:calc(50% + 70px);transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;transition:.2s;background:#203c43;border:1px solid #48727b;color:#d2edf0;padding:14px 22px;border-radius:9px;box-shadow:0 8px 35px #0007;z-index:10;font-size:12px;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}[hidden]{display:none!important}
@media(min-width:1500px){main{padding-top:50px}.hero{height:290px}.hero h2{font-size:33px}.basket-card{padding:27px}.card-top{margin-bottom:28px}}
@media(max-width:1100px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.main-wrap{margin-left:195px;width:calc(100% - 195px)}main{padding:30px 27px}.topbar{padding:0 27px}.basket-grid{gap:12px}.basket-card{padding:17px}.asset-legend{gap:7px;font-size:8px}.hero-art{width:47%}.hero p{font-size:10px}.stats>div{padding:20px}.stats strong{font-size:22px}footer{margin:0 27px}}
@media(max-width:850px){.basket-grid{grid-template-columns:1fr 1fr}.hero-art{opacity:.55}.hero-copy{max-width:72%}.intro .outline{display:none}.create-layout{grid-template-columns:1fr}.create-note{padding:10px}.top-actions{gap:12px}.stats>div{padding:17px 14px}.stats strong{font-size:19px}.stats small{font-size:9px}.section-title p{max-width:200px}.search input{width:140px}.intro h1{font-size:37px}}
@media(max-width:620px){.sidebar{position:relative;width:100%;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line);display:block}.shell{display:block}.brand{font-size:27px;padding:0}.brand svg{width:27px}.workspace-label,.sidebar-bottom{display:none}nav{display:flex;margin-top:16px;gap:5px;overflow:auto}.nav-item{padding:10px;font-size:10px;white-space:nowrap;gap:5px}.nav-item>span:first-child{font-size:15px;width:auto}.count{display:none}.main-wrap{margin:0;width:100%}.topbar{height:66px;padding:0 20px}.simulation{font-size:9px}.account-btn{font-size:10px;padding:9px 11px}.account-btn span{margin-left:8px}main{padding:28px 20px}.intro{margin-bottom:25px}.intro h1{font-size:35px}.intro p{font-size:12px}.hero{height:258px;padding:25px}.hero h2{font-size:27px}.hero-copy{max-width:100%}.hero-art{opacity:.25;width:65%;right:-60px}.hero p{max-width:240px}.stats{grid-template-columns:1fr 1fr;margin:22px 0 28px}.stats>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center}.stats>div:nth-child(3) strong{margin:0;text-align:right}.stats>div:nth-child(3) small{grid-column:1/-1;margin-top:8px}.basket-grid{grid-template-columns:1fr}.basket-card{padding:24px}.asset-legend{font-size:10px}.card-metrics strong{font-size:18px}.card-category,.creator,.card-bottom small{font-size:10px}.card-open{font-size:11px}.section-title{align-items:flex-start;gap:12px;flex-direction:column}.section-title p{max-width:none}.search{width:100%}.search input{width:100%}.filters{gap:4px}.filters button{font-size:10px;padding:8px 10px}.notice{align-items:flex-start}.notice p{font-size:10px}.create-layout{gap:10px}.panel{padding:20px}.label-row{flex-wrap:wrap}footer{margin:0 20px;gap:10px;flex-wrap:wrap}footer span:nth-child(2){display:none}#toast{left:50%;width:max-content;max-width:calc(100% - 30px)}h1{font-size:34px}.activity-row time{max-width:75px;text-align:right}.position{gap:15px}.position .right strong{font-size:19px}.summary-metrics{gap:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}