@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";.defi-workspace{width:100%;max-width:1080px;margin:0 auto}.defi-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 0 28px}.defi-heading h2{font-size:26px;margin:7px 0 6px}.defi-heading p{margin:0;color:#899187;font-size:13px}.market-status{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid #30382e;background:#151a14;color:#b9c2b5;font-size:11px;font-weight:600;text-transform:uppercase}.market-status i,.rail-foot i{width:7px;height:7px;border-radius:50%;background:#b9f45b;box-shadow:0 0 10px #b9f45b}.defi-layout{display:grid;grid-template-columns:minmax(420px,640px) minmax(260px,1fr);gap:20px;align-items:start}.swap-card,.market-rail{border:1px solid #2a3128;background:#141914;box-shadow:0 20px 60px #0000002e}.swap-card{padding:20px}.dex-tabs{display:flex;gap:5px;padding:4px;background:#0e120e;margin-bottom:18px}.dex-tabs button{flex:1;height:36px;border:0;background:transparent;color:#788175;font-size:12px;font-weight:600}.dex-tabs button.selected{background:#232a21;color:#eef2eb;box-shadow:inset 0 -2px #b9f45b}.token-input{position:relative;border:1px solid #30372e;background:#0e120e;padding:15px 16px;transition:border-color .15s}.token-input:focus-within{border-color:#69785c}.input-label{display:flex;justify-content:space-between;align-items:center;color:#7f887c;font-size:11px}.input-label small{color:#555e53}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:9px}.input-row>input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f0f3ee;font-family:Manrope,sans-serif;font-size:30px;font-weight:600;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.input-row>input[readonly]{color:#dce2d8}.token-picker{position:relative}.token-trigger{height:42px;min-width:118px;padding:0 10px;border:1px solid #3a4337;background:#20261e;color:#f0f3ee;display:flex;align-items:center;gap:8px}.token-trigger:hover{border-color:#66745b}.token-mark{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#10130f;font-weight:800;font-size:12px;flex:none}.token-trigger svg{margin-left:auto;color:#788175}.token-menu{position:absolute;z-index:30;right:0;top:48px;width:240px;padding:6px;border:1px solid #3b4438;background:#171c16;box-shadow:0 18px 60px #000c}.token-menu button{width:100%;height:58px;padding:7px 9px;border:0;background:transparent;color:#edf1eb;display:flex;align-items:center;gap:10px;text-align:left}.token-menu button:hover{background:#242b21}.token-menu button>span:last-child{display:grid;gap:2px}.token-menu small{color:#747d71;font-size:10px}.flip-action{width:38px;height:38px;margin:-8px auto;position:relative;z-index:3;border:4px solid #141914;background:#b9f45b;color:#10130f;display:grid;place-items:center}.flip-action:hover{background:#d0ff7e}.swap-details{display:flex;justify-content:space-between;gap:10px;margin:14px 2px;color:#717a6e;font-size:10px}.swap-details span{display:flex;align-items:center;gap:5px}.wide-action{width:100%;height:47px;justify-content:center;margin-top:2px}.wide-action:disabled{opacity:.5;cursor:not-allowed}.market-rail{padding:20px}.rail-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #2b3229}.rail-head h3{font-family:Manrope,sans-serif;margin:5px 0 0;font-size:16px}.rail-head a{width:34px;height:34px;border:1px solid #343c31;color:#8d9789;display:grid;place-items:center}.market-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid #282f26}.pair-icon{width:30px;height:30px;background:#20271e;color:#b9f45b;display:grid;place-items:center}.market-row div{display:grid;gap:3px}.market-row b{font-size:12px}.market-row small{font-size:9px;color:#697166}.market-row strong{text-align:right;font-size:12px}.market-row em{display:block;margin-top:4px;color:#9fcf59;font-size:9px;font-style:normal}.rail-foot{display:flex;justify-content:space-between;padding-top:16px;color:#697267;font-size:9px}.rail-foot span{display:flex;align-items:center;gap:6px}.stake-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.stake-icon{width:48px;height:48px;display:grid;place-items:center;background:#242c20;color:#b9f45b;margin-bottom:15px}.stake-empty h3{font-family:Manrope,sans-serif;margin:0 0 8px}.stake-empty p{max-width:340px;color:#798276;font-size:12px;line-height:1.6}.outline-action{height:41px;margin-top:13px;padding:0 18px;border:1px solid #4a5544;background:transparent;color:#dce2d8;font-weight:600}.trade-note{display:block;color:#687065;margin:11px 0}@media(max-width:880px){.defi-layout{grid-template-columns:1fr}.market-rail{order:2}.defi-heading{align-items:flex-start}.market-status{margin-top:6px}}@media(max-width:560px){.defi-heading{display:block;padding-top:0}.defi-heading h2{font-size:21px}.market-status{display:inline-flex;margin-top:16px}.swap-card{padding:13px}.input-row>input{font-size:23px}.token-trigger{min-width:104px}.token-menu{width:220px}.swap-details{flex-wrap:wrap}.defi-layout{display:block}.market-rail{margin-top:14px}}:root{font-family:DM Sans,sans-serif;color:#edf1eb;background:#0b0e0b;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:#0b0e0b}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #b9f45b;outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:26px 18px;border-right:1px solid #242a22;background:#101410;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 34px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#b9f45b;color:#10130f}.brand strong{font-family:Manrope,sans-serif;font-size:15px;display:block}.brand span{font-size:10px;color:#697267}.sidebar nav{display:grid;gap:5px}.sidebar nav button{height:44px;border:0;background:transparent;color:#818a7e;display:flex;gap:12px;align-items:center;padding:0 13px;text-align:left;font-weight:500}.sidebar nav button svg{width:17px}.sidebar nav button.active,.sidebar nav button:hover{background:#1d231b;color:#eef2ec}.sidebar nav button.active{box-shadow:inset 2px 0 #b9f45b}.network-card{margin-top:auto;border:1px solid #293027;background:#151a14;padding:15px;display:grid;gap:5px;font-size:11px;color:#bdc5b9}.network-card small{color:#626b60}.network-card a{color:#8e988a;text-decoration:none;margin-top:8px;display:flex;gap:5px;align-items:center}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b9f45b;box-shadow:0 0 10px #b9f45b;margin-right:8px}main{grid-column:2;padding:34px clamp(24px,4vw,58px) 24px;max-width:1440px;width:100%;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid #222820}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#83917d}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:0}h1{font-size:25px;margin:5px 0 0}h2{font-size:20px;margin:4px 0}.primary,.wallet-button{border:0;background:#b9f45b;color:#10130f;height:42px;padding:0 17px;font-weight:700;display:flex;align-items:center;gap:8px}.primary:hover{background:#d0ff7e}.wallet-button{background:#181e17;color:#dfe5dc;border:1px solid #30382e}.avatar{width:8px;height:8px;border-radius:50%;background:#b9f45b}.setup-banner{display:flex;align-items:center;gap:10px;border:1px solid #384131;background:#171d15;color:#bdc9b8;padding:12px 15px;font-size:12px;margin-bottom:18px}.setup-banner svg{color:#b9f45b}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #282f26;margin-bottom:34px;background:#121612}.metrics article{padding:21px 23px;border-right:1px solid #282f26}.metrics article:last-child{border-right:0}.metrics span{display:block;color:#7f887c;font-size:11px}.metrics strong{font-family:Manrope,sans-serif;font-size:25px;display:block;margin:8px 0}.metrics small{color:#626b60;display:flex;align-items:center;gap:6px;font-size:10px}.metrics small svg{width:13px}.metrics .yield-metric strong,.metrics .yield-metric small svg{color:#b9f45b}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head p{margin:5px 0 0;color:#727b70;font-size:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 9px;border-bottom:1px solid #292f27}.toolbar>span{color:#626a60;font-size:10px}.segments{display:flex}.segments button{border:0;background:transparent;color:#747e71;padding:10px 13px;border-bottom:2px solid transparent;text-transform:capitalize}.segments button.selected{color:#eef2ec;border-color:#b9f45b}.vault-list{border-top:1px solid #282f26}.vault-row{min-height:100px;border-bottom:1px solid #282f26;display:grid;grid-template-columns:42px minmax(240px,1fr) 150px 120px;gap:17px;align-items:center;padding:17px 7px}.vault-row:hover{background:#111511}.vault-icon{width:36px;height:36px;border:1px solid #30372e;background:#161b15;display:grid;place-items:center;color:#b9f45b}.vault-icon svg{width:16px}.vault-title,.progress-label{display:flex;justify-content:space-between}.vault-title strong{font-size:13px}.vault-title span,.progress-label{font-size:10px;color:#697267}.progress-track{height:3px;background:#272e25;margin:13px 0 8px}.progress-track i{display:block;height:100%;background:#b9f45b}.vault-amount{text-align:right}.vault-amount strong{font-family:Manrope,sans-serif;display:block}.vault-amount span{font-size:10px;color:#91aa68}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions button,.row-actions a,.chevron{width:34px;height:34px;border:1px solid #30372e;background:#171c16;color:#bdc5ba;display:grid;place-items:center}.row-actions button:hover,.row-actions a:hover{border-color:#b9f45b;color:#b9f45b}.preview{opacity:.78}.chevron{margin-left:auto}footer{display:flex;justify-content:space-between;color:#50584e;font-size:9px;margin-top:32px;border-top:1px solid #20251f;padding-top:17px}.drawer-backdrop{position:fixed;z-index:40;inset:0;background:#050705c7;display:flex;justify-content:flex-end}.drawer{width:min(500px,100%);height:100%;overflow:auto;background:#141914;border-left:1px solid #30372e;padding:31px}.drawer-head{display:flex;justify-content:space-between;margin-bottom:27px}.drawer-head button{background:transparent;border:0;color:#9da59a;font-size:27px}.drawer label{display:block;color:#929b8f;font-size:11px;margin:18px 0;position:relative}.drawer label b{float:right;color:#b9f45b}.drawer input:not([type=range]){width:100%;height:44px;background:#0e120e;color:#e8ece5;border:1px solid #323a30;padding:0 12px;margin-top:8px;outline:none}.drawer input:focus{border-color:#708061}.drawer label small{position:absolute;right:12px;top:39px;color:#697267}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.policy-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.policy-picker button{height:83px;border:1px solid #30372e;background:#101410;color:#d5dbd2;display:grid;grid-template-columns:20px 1fr;text-align:left;align-items:center;padding:12px}.policy-picker button span{grid-column:2;color:#687066;font-size:10px}.policy-picker button.picked{border-color:#b9f45b;background:#1a2117}.policy-picker svg{width:16px;color:#b9f45b}.drawer input[type=range]{width:100%;accent-color:#b9f45b;margin-top:14px}.range-label{display:flex;justify-content:space-between;color:#626a60;font-size:9px}.summary{border:1px solid #30372e;background:#101410;padding:14px;display:flex;gap:11px;align-items:flex-start}.summary svg{color:#b9f45b;flex:none}.summary strong,.summary span{display:block}.summary strong{font-size:12px}.summary span{font-size:10px;color:#737c70;margin-top:3px}.create-submit{width:100%;justify-content:center;margin-top:23px}.toast{position:fixed;z-index:60;right:24px;bottom:24px;max-width:420px;background:#d8f77f;color:#10130f;padding:14px 18px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600;box-shadow:0 12px 40px #0008}@media(max-width:900px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px 18px;display:grid;grid-template-columns:auto 1fr;align-items:center}.brand{padding:0}.sidebar nav{display:flex;justify-content:flex-end}.sidebar nav button{width:44px;padding:0;justify-content:center}.sidebar nav button{font-size:0}.network-card{display:none}main{padding:24px 20px}.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid #282f26}.vault-row{grid-template-columns:36px 1fr 100px}.row-actions{grid-column:2/4}.vault-title span{display:none}}@media(max-width:560px){header{align-items:flex-start;gap:14px}h1{font-size:20px}.wallet-button,.primary{padding:0 12px}.metrics strong{font-size:22px}.section-head{align-items:flex-end}.toolbar>span{display:none}.segments button{padding:10px 8px;font-size:10px}.vault-row{grid-template-columns:36px 1fr}.vault-amount{grid-column:2;text-align:left}.row-actions{grid-column:2;justify-content:flex-start}.two-col,.policy-picker{grid-template-columns:1fr}.drawer{padding:23px 17px}footer{display:block;line-height:1.8}}