@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;color:#172033;background:#f6f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f8fb}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:#101828;color:#c6d0df;padding:30px 18px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:15px;font-weight:800;letter-spacing:.09em;line-height:1.08;padding:0 12px 42px}.brand small{font-size:9px;letter-spacing:.23em;color:#8e9bb0}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#e6b65b;color:#101828;font-size:22px;font-weight:800}.side-nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#9eabc0;display:flex;gap:13px;align-items:center;text-align:left;padding:13px 14px;border-radius:9px;font-size:14px;transition:.2s ease}.nav-item:hover,.nav-item.active{background:#1d2b43;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #e6b65b}.nav-icon{width:20px;text-align:center;color:#e6b65b;font-size:18px}.sidebar-footer{margin-top:auto;border-top:1px solid #26344a;padding:19px 12px 0;color:#8290a5;font:11px DM Mono,monospace}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#58c895;margin-right:7px;box-shadow:0 0 0 4px #58c8951a}.chain-pill{float:right;color:#e6b65b}.main-content{width:min(100%,1240px);margin:0 auto;padding:32px 48px 56px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:38px}.eyebrow,.kicker,.order-id{color:#8c98aa;font:10px DM Mono,monospace;letter-spacing:.17em}.topbar h1{margin:8px 0 0;font-size:23px;letter-spacing:-.03em}.wallet-button,.primary-button,.outline-button{border:0;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:700;transition:.2s ease}.wallet-button{background:#172338;color:#fff;box-shadow:0 6px 18px #17233820}.wallet-button:hover{background:#263a5b}.wallet-dot{display:inline-block;width:7px;height:7px;margin-right:8px;background:#e6b65b;border-radius:50%}.page-stack{display:grid;gap:25px}.hero-band{min-height:245px;background:#15233a;color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:40px 48px;overflow:hidden;position:relative}.hero-band:after{content:"";position:absolute;width:460px;height:460px;right:100px;top:-180px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 34px #ffffff05,0 0 0 70px #ffffff05}.hero-band>*{position:relative;z-index:1}.hero-band h2{max-width:560px;margin:14px 0 12px;font-size:clamp(27px,4vw,44px);letter-spacing:-.06em;line-height:1.12}.hero-band p{margin:0;color:#afbbcb;font-size:14px}.hero-orbit{width:175px;height:175px;border:1px solid #e6b65b80;border-radius:50%;display:grid;place-content:center;text-align:center;background:#e6b65b0d}.hero-orbit span,.hero-orbit small{font:10px DM Mono,monospace;color:#e6b65b;letter-spacing:.15em}.hero-orbit strong{margin:7px 0;font-size:20px}.hero-orbit small{color:#8c98aa;font-size:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-card,.staking-panel,.order-card,.holding-card,.withdraw-card{background:#fff;border:1px solid #e5eaf1;border-radius:11px;box-shadow:0 7px 24px #263b5b08}.metric-card{min-height:135px;padding:21px;display:flex;flex-direction:column}.metric-card.accent{border-top:3px solid #e6b65b}.metric-card span,.metric-card small{color:#8c98aa;font-size:11px}.metric-card strong{margin:auto 0 4px;color:#172033;font-size:23px;letter-spacing:-.05em}.metric-card small{font-size:10px}.split-section{border-top:1px solid #dfe5ed;padding-top:23px}.section-heading,.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading h3,.page-intro h2{margin:8px 0 0;font-size:22px;letter-spacing:-.05em}.muted,.page-intro p{margin:0;color:#8c98aa;font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:17px}.quick-card{min-height:106px;display:flex;align-items:flex-start;gap:15px;border:1px solid #e5eaf1;border-radius:11px;padding:20px;text-align:left;background:#fff;transition:.2s ease}.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #263b5b12}.quick-card>span{font-size:24px}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:14px}.quick-card small{margin-top:8px;color:#8c98aa;font-size:11px}.quick-card.blue>span{color:#4d8bdf}.quick-card.gold>span{color:#d49b31}.quick-card.green>span{color:#48ad87}.toast{position:fixed;z-index:10;top:22px;left:50%;transform:translate(-50%);padding:11px 18px;border-radius:8px;color:#fff;font-size:13px;box-shadow:0 8px 25px #0002}.toast.success{background:#238765}.toast.error{background:#c44c59}.outline-button{background:#fff;border:1px solid #dce3ec;color:#4f5e73}.outline-button:hover{border-color:#aeb9c8}.primary-button{background:#15233a;color:#fff}.primary-button:hover{background:#263a5b}.danger-button,.text-button{border:0;background:transparent;padding:8px 0;font-size:12px;font-weight:700}.danger-button{color:#c44c59}.text-button{color:#337cc7}.empty-state{padding:65px 20px;border:1px dashed #cfd8e4;border-radius:11px;text-align:center}.empty-state.compact{padding:36px 20px}.empty-icon{display:block;color:#d1a64f;font-size:34px}.empty-state h3{margin:12px 0 7px;font-size:17px}.empty-state p{margin:0 0 20px;color:#8c98aa;font-size:13px}.order-list,.withdraw-list{display:grid;gap:12px}.order-card{overflow:hidden}.order-head{width:100%;border:0;background:#fff;display:flex;justify-content:space-between;text-align:left;padding:19px 21px}.order-head strong,.holding-top strong,.withdraw-card>div:first-child strong{display:block;margin-top:7px;font-size:18px}.order-state{display:flex;gap:14px;align-items:center}.chevron{color:#9aa6b6;font-size:21px}.status-badge{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.status-active{color:#237c5d;background:#e3f5ed}.status-filled{color:#3269a4;background:#e7f0fb}.status-settling,.status-withdraw_pending{color:#a26f1b;background:#fff2d7}.status-cancelled,.status-exited{color:#a24b59;background:#fbe7ea}.order-fields,.holding-fields{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #edf0f4;padding:15px 21px;gap:18px}.order-fields span,.holding-fields span,.detail-grid span,.panel-facts span,.withdraw-amount span{display:block;color:#8c98aa;font-size:10px}.order-fields strong,.holding-fields strong,.detail-grid strong,.panel-facts strong{display:block;margin-top:5px;font-size:13px}.order-detail{border-top:1px solid #edf0f4;padding:17px 21px 20px;background:#fbfcfe}.detail-title{margin-bottom:13px;color:#68778b;font-size:12px;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-grid strong{color:#3269a4}.price-chip,.fee-note{background:#fff;border:1px solid #e5eaf1;border-radius:8px;padding:11px 14px;color:#4f5e73;font:11px DM Mono,monospace}.staking-panel{padding:22px}.panel-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:20px;border-bottom:1px solid #edf0f4}.staking-form{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:14px;padding-top:22px}.input-wrap{position:relative}.input-wrap label{display:block;color:#68778b;font-size:11px;margin-bottom:7px}.input-wrap input{width:100%;height:42px;border:1px solid #d9e0e9;border-radius:8px;padding:0 65px 0 13px;outline:none}.input-wrap input:focus{border-color:#d5a64d;box-shadow:0 0 0 3px #d5a64d18}.input-wrap button{position:absolute;right:7px;bottom:7px;border:0;background:#edf2f7;color:#4076aa;border-radius:5px;padding:4px 7px;font-size:10px}.estimate{height:42px;padding:3px 0}.estimate span{display:block;color:#8c98aa;font-size:10px}.estimate strong{display:block;margin-top:5px;font-size:16px}.holding-card{padding:20px 21px 14px}.holding-top,.withdraw-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.holding-actions{display:flex;justify-content:flex-end;gap:18px;border-top:1px solid #edf0f4;margin-top:16px;padding-top:12px}.withdraw-card{align-items:center;padding:20px 21px}.withdraw-amount{margin-left:auto;text-align:right}.withdraw-amount strong{display:block;margin-top:5px;font-size:17px;color:#237c5d}@media(max-width:900px){.sidebar{width:205px;flex-basis:205px}.main-content{padding:28px 25px 45px}.metric-grid{grid-template-columns:repeat(2,1fr)}.hero-band{padding:32px}.hero-orbit{width:140px;height:140px}.staking-form{grid-template-columns:1fr 150px}}@media(max-width:640px){.app-shell{display:block;padding-bottom:70px}.sidebar{position:fixed;z-index:5;bottom:0;left:0;right:0;width:100%;height:64px;padding:0 9px;flex-direction:row;align-items:center;border-top:1px solid #2a3950}.brand,.sidebar-footer{display:none}.side-nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.nav-item{justify-content:center;flex-direction:column;gap:1px;padding:7px 3px;font-size:10px;border-radius:7px}.nav-icon{font-size:16px}.main-content{padding:22px 16px 30px}.topbar{margin-bottom:26px}.topbar h1{font-size:20px}.wallet-button{padding:9px 10px;font-size:11px}.hero-band{display:block;min-height:345px;padding:28px 24px}.hero-band h2{font-size:32px}.hero-orbit{margin:28px auto 0;width:135px;height:135px}.metric-grid,.quick-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:120px;padding:15px}.metric-card strong{font-size:18px}.quick-card{padding:14px;min-height:112px}.quick-card>span{font-size:19px}.quick-card small{font-size:10px}.section-heading,.page-intro{align-items:flex-start}.page-intro{display:block}.page-intro>:last-child{margin-top:14px;display:inline-block}.order-fields,.holding-fields,.detail-grid{grid-template-columns:repeat(2,1fr)}.order-head{padding:16px}.order-fields,.order-detail{padding-left:16px;padding-right:16px}.panel-facts{grid-template-columns:1fr 1fr}.staking-form{grid-template-columns:1fr}.withdraw-card{flex-wrap:wrap}.withdraw-amount{margin-left:0;margin-right:auto;text-align:left}.withdraw-card .primary-button{width:100%}}