@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#f3f6f5;--surface:#fff;--surface-2:#f8faf9;--text:#12211d;--muted:#73807c;--muted-2:#97a19e;--line:#dfe7e4;--line-soft:#ebf0ee;--green:#0c7f69;--green-2:#0a6f5d;--green-soft:#e9f5f1;--green-soft-2:#f1f8f5;--shadow:0 18px 50px rgba(24,47,40,.06);--radius:22px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon.tiny{width:15px;height:15px}

/* app chrome */
.app-shell{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:286px;padding:28px 22px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.main-area{grid-column:2;min-width:0}.brand{display:flex;align-items:center;gap:13px}.brandmark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#15957c,#08725f);color:#fff;display:grid;place-items:center;font:800 14px Manrope;box-shadow:0 8px 20px rgba(12,127,105,.18)}.brandcopy{display:flex;flex-direction:column;gap:4px}.brandcopy strong{font:800 18px Manrope;letter-spacing:.1px}.brandcopy small{font-size:9px;letter-spacing:2.2px;color:#7d8b86;font-weight:700}.account-card{margin:28px 0 24px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fbfcfc,#f7faf9)}.account-row{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;color:#87938f;font-weight:700;margin-bottom:9px}.account-dot{width:9px;height:9px;border-radius:50%;background:#25bf91;box-shadow:0 0 0 5px #e6f6f1}.account-live{margin-left:auto;font-size:8px;color:#08705d;background:#e9f6f2;border-radius:999px;padding:4px 6px;letter-spacing:.4px}.account-card>strong{display:block;font-size:13px;margin-bottom:4px}.account-card>small{font-size:11px;color:#899590}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-nav a{height:52px;border-radius:14px;display:flex;align-items:center;gap:14px;padding:0 15px;color:#687570;font-size:14px;font-weight:600;transition:.18s}.sidebar-nav a .icon{width:19px;height:19px;color:#8a9692}.sidebar-nav a:hover{background:#f6f9f8;color:#24332e}.sidebar-nav a.active{background:#eaf5f1;color:#08705d}.sidebar-nav a.active .icon{color:#08705d}.nav-score{margin-left:auto;background:#dce9e5;color:#66746f;border-radius:7px;padding:4px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.support-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfcfc}.support-icon{width:34px;height:34px;border-radius:10px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.support-card>span:nth-child(2){flex:1}.support-card small{display:block;font-size:8px;color:#96a19d;letter-spacing:1.2px;margin-bottom:3px}.support-card strong{font-size:11px}.system-line{display:flex;align-items:center;gap:8px;padding:14px 4px 0;color:#7c8884;font-size:10px}.system-line i{width:7px;height:7px;border-radius:50%;background:#22bd8e;box-shadow:0 0 0 4px #e5f5f0}
.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;position:sticky;top:0;z-index:15}.mobile-menu{display:none}.search-command{width:360px;height:46px;border:1px solid var(--line);background:#f8faf9;border-radius:13px;display:flex;align-items:center;gap:11px;padding:0 14px;color:#7c8985;cursor:pointer}.search-command .icon{width:17px;height:17px}.search-command span{font-size:12px;flex:1;text-align:left}.search-command kbd{border:1px solid #dbe4e0;background:#fff;padding:4px 7px;border-radius:7px;color:#8d9894;font-size:10px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.sandbox-badge{font-size:9px;font-weight:800;letter-spacing:1.1px;color:#9b6810;background:#fff8e8;border:1px solid #ead7aa;padding:8px 10px;border-radius:8px}.round-btn{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:13px;display:grid;place-items:center;color:#66746f;position:relative}.round-btn .icon{width:18px;height:18px}.round-btn i{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#20b98b;box-shadow:0 0 0 2px #fff}.profile-chip{height:50px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:5px 10px 5px 6px;background:#fff}.avatar{width:38px;height:38px;border-radius:11px;background:#e5f4ef;color:#08705f;display:grid;place-items:center;font-weight:800}.profile-chip strong{display:block;font-size:12px;margin-bottom:3px}.profile-chip small{display:block;font-size:10px;color:#8d9894}.profile-caret{color:#8c9793;margin-left:4px}.signout{font-size:11px;color:#7d8985;margin-left:2px}.content{max-width:1360px;margin:0 auto;padding:42px 42px 64px}

/* shared page */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.page-head h1{font:800 34px Manrope;margin:0;letter-spacing:-1.1px}.eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:1.7px;color:var(--green);font-weight:800}.sub{margin:8px 0 0;color:#74817d;font-size:14px;line-height:1.55}.primary-btn,.secondary-btn{border-radius:11px;padding:12px 16px;border:1px solid var(--line);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.primary-btn{background:var(--green);color:#fff;border-color:var(--green)}.primary-btn:hover{background:var(--green-2)}.primary-btn .icon{width:16px;height:16px}.secondary-btn{background:#fff;color:#26332f}.panel,.hero-card,.quick-actions,.metric-strip{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.page-panel{padding:28px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-head h2,.quick-actions h2,.summary-panel h2,.form-panel h2,.referral-hero h2,.security-card h2{font:700 20px Manrope;margin:0}.panel-head a{font-size:11px;color:var(--green);font-weight:700}.soft-pill,.status-pill,.step-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.soft-pill{padding:8px 11px;background:#f4f8f6;border:1px solid #e0e8e5;color:#5c6964}.soft-pill i,.status-pill.active i{width:6px;height:6px;border-radius:50%;background:#1dbb8b}.status-pill{padding:7px 9px}.status-pill.active{background:#eaf6f2;color:#08705f}.status-pill.complete{background:#f1f5f3;color:#64726d}.step-pill{background:#f3f7f5;color:#75817d;padding:8px 11px}.green-text,.positive{color:var(--green)!important}.empty-state{text-align:center;padding:54px 20px;color:#7d8985}.empty-state .empty-icon{width:54px;height:54px;border-radius:16px;background:#edf6f3;color:var(--green);display:grid;place-items:center;margin:0 auto 15px}.empty-state strong{display:block;color:#26342f;font:700 17px Manrope}.empty-state p{margin:7px 0 18px;font-size:12px}.info-note{display:flex;align-items:flex-start;gap:11px;border:1px solid #e8dfc0;background:#fffaf0;color:#756649;border-radius:14px;padding:14px 16px;margin-top:20px;font-size:11px;line-height:1.55}.info-note>span{width:21px;height:21px;border-radius:50%;background:#f3e7bd;display:grid;place-items:center;font-weight:800}.info-note p{margin:1px 0 0}

/* dashboard */
.dashboard-head{margin-bottom:24px}.hero-card{padding:30px 32px 0;margin-bottom:20px}.hero-label{display:flex;align-items:center;justify-content:space-between}.hero-label>span:first-child{font-size:13px;color:#6f7c78;font-weight:600}.hero-balance>strong{display:block;font:800 46px Manrope;letter-spacing:-2px;margin:7px 0}.gain{margin:0;font-size:12px;color:var(--green);font-weight:700}.gain b{margin-left:8px}.gain em{font-style:normal;color:#8d9894;font-weight:500;margin-left:8px}.hero-chart-wrap{margin-top:25px}.chart-head{display:flex;align-items:end;justify-content:space-between}.chart-head strong{display:block;font-size:14px}.chart-head span{font-size:11px;color:#899590}.range-tabs{display:flex;gap:2px;background:#f3f7f5;padding:3px;border-radius:9px}.range-tabs button{border:0;background:transparent;color:#899590;font-size:10px;padding:6px 9px;border-radius:7px}.range-tabs button.active{background:#fff;color:var(--green);box-shadow:0 1px 5px rgba(20,45,37,.08);font-weight:700}.performance-chart{height:170px;margin-top:5px}.performance-chart.compact{height:150px}.performance-chart svg{width:100%;height:100%}.gridlines line{stroke:#e9efec;stroke-width:1;stroke-dasharray:3 5}.performance-line{fill:none;stroke:#0e806c;stroke-width:2.4;vector-effect:non-scaling-stroke}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0 -32px;border-top:1px solid var(--line-soft)}.hero-metrics>div{padding:20px 32px;border-right:1px solid var(--line-soft)}.hero-metrics>div:last-child{border-right:0}.hero-metrics span{font-size:11px;color:#7c8985}.hero-metrics strong{display:block;font:700 20px Manrope;margin:5px 0}.hero-metrics small{font-size:10px;color:#99a39f}.quick-actions{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.action-buttons{display:flex;gap:10px}.action-buttons a{min-width:190px;border:1px solid var(--line);border-radius:13px;padding:12px 14px;display:flex;align-items:center;gap:11px;background:#fff}.action-buttons a>span{width:36px;height:36px;border-radius:10px;background:#edf6f3;color:var(--green);display:grid;place-items:center}.action-buttons a>span .icon{width:18px;height:18px}.action-buttons strong{display:block;font-size:12px}.action-buttons small{display:block;font-size:10px;color:#8c9793;margin-top:2px}.action-buttons a.primary{background:var(--green);border-color:var(--green);color:#fff}.action-buttons a.primary>span{background:rgba(255,255,255,.14);color:#fff}.action-buttons a.primary small{color:#cce5de}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);gap:20px}.dashboard-grid .panel{padding:25px}.investments{min-width:0}.investment-row{display:grid;grid-template-columns:1.45fr .65fr 1fr auto;gap:17px;align-items:center;padding:17px 0;border-top:1px solid var(--line-soft)}.investment-main{display:flex;align-items:center;gap:12px}.plan-icon{width:40px;height:40px;border-radius:12px;background:#edf6f3;color:var(--green);display:grid;place-items:center}.plan-icon .icon{width:18px;height:18px}.investment-main strong{display:block;font-size:13px}.investment-main small,.investment-amount span{display:block;font-size:10px;color:#8c9793;margin-top:3px}.investment-amount strong{font-size:13px}.investment-progress>div{display:flex;justify-content:space-between;font-size:10px;color:#7f8b87}.progress{height:7px;background:#edf1ef;border-radius:99px;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:var(--green);border-radius:99px}.allocation-body{display:flex;align-items:center;gap:22px;padding:5px 0 24px}.allocation-ring{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--alloc)*1%),#e7eeeb 0);display:grid;place-items:center;position:relative}.allocation-ring:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.allocation-ring>div{z-index:1;text-align:center}.allocation-ring strong{display:block;font:800 25px Manrope}.allocation-ring small{font-size:9px;color:#8c9793}.allocation-list{flex:1}.allocation-list div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:11px}.allocation-list span{color:#72807b}.allocation-list i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.allocation-list .green{background:var(--green)}.allocation-list .dark{background:#bdc8c4}.text-link{display:block;border-top:1px solid var(--line-soft);padding-top:16px;font-size:11px;color:var(--green);font-weight:700}.activity-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line-soft)}.activity-icon,.tx-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf6f3;color:var(--green)}.activity-icon.debit,.tx-icon.debit{background:#f6f1ed;color:#896e5a}.activity-icon .icon,.tx-icon .icon{width:17px;height:17px}.activity-copy strong{display:block;font-size:12px}.activity-copy small{font-size:10px;color:#8d9894}.activity-amount{font-size:12px}.health-score{display:flex;align-items:center;gap:14px;padding-bottom:18px}.score-ring{width:72px;height:72px;border-radius:50%;border:7px solid #d9eee8;display:flex;align-items:baseline;justify-content:center;padding-top:18px}.score-ring strong{font:800 21px Manrope}.score-ring span{font-size:8px;color:#8c9793}.health-score>div:last-child{flex:1}.health-score>div:last-child strong{font-size:12px}.health-score p{font-size:10px;line-height:1.5;color:#82908b;margin:5px 0 0}.health-row{display:flex;justify-content:space-between;border-top:1px solid var(--line-soft);padding:13px 0;font-size:11px}

/* metric strip + portfolio */
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:22px;overflow:hidden}.metric-strip>div{padding:22px 26px;border-right:1px solid var(--line-soft)}.metric-strip>div:last-child{border-right:0}.metric-strip span{font-size:11px;color:#7e8a86}.metric-strip strong{display:block;font:700 24px Manrope;margin:6px 0}.metric-strip small{font-size:10px;color:#97a19e}.position-list{display:flex;flex-direction:column}.position-card{display:grid;grid-template-columns:48px 1.4fr .65fr .5fr 1fr auto;gap:16px;align-items:center;padding:19px 0;border-top:1px solid var(--line-soft)}.position-icon{width:42px;height:42px;border-radius:12px;background:#edf6f3;color:var(--green);display:grid;place-items:center}.position-icon .icon{width:19px;height:19px}.position-name small{display:block;font-size:8px;letter-spacing:1px;color:#98a29e}.position-name strong{display:block;font-size:13px;margin:4px 0}.position-name span,.position-stat span{font-size:10px;color:#8a9692}.position-stat strong{display:block;font-size:13px;margin-top:4px}.position-progress>div{display:flex;justify-content:space-between;font-size:10px;color:#7d8985}

/* invest */
.subtle-panel{padding:18px 22px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.invest-intro>div:first-child{display:flex;align-items:center;gap:12px}.feature-icon{width:40px;height:40px;border-radius:12px;background:#edf6f3;color:var(--green);display:grid;place-items:center}.feature-icon .icon{width:18px;height:18px}.invest-intro strong{font-size:12px}.invest-intro p{margin:3px 0 0;font-size:10px;color:#82908b}.balance-chip{text-align:right}.balance-chip span{display:block;font-size:10px;color:#87938f}.balance-chip strong{font:700 18px Manrope;display:block;margin-top:3px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow);position:relative;overflow:hidden}.plan-card.featured{border-color:#c6ded6;box-shadow:0 18px 55px rgba(12,127,105,.09)}.plan-card.featured:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#0c7f69,#4ebba3)}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-number{font:800 12px Manrope;color:#9aa4a1}.recommended{font-size:8px;letter-spacing:1px;background:#eaf6f2;color:var(--green);font-weight:800;padding:6px 8px;border-radius:999px}.plan-card h2{font:700 22px Manrope;margin:18px 0 8px}.plan-desc{min-height:42px;color:#7b8884;font-size:11px;line-height:1.55}.plan-return{margin:22px 0;padding:18px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.plan-return span{display:block;font-size:10px;color:#87938f}.plan-return strong{display:block;font:800 38px Manrope;margin-top:4px;color:#18322b}.plan-return small{font-size:18px}.plan-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-details div{background:#f7faf9;border-radius:12px;padding:12px}.plan-details span{display:block;font-size:9px;color:#899590}.plan-details strong{display:block;font-size:12px;margin-top:4px}.plan-benefits{display:flex;flex-direction:column;gap:9px;margin:20px 0}.plan-benefits span{font-size:10px;color:#63716c;display:flex;align-items:center;gap:7px}.plan-benefits .icon{width:14px;height:14px;color:var(--green)}.plan-action{width:100%;border:0;background:#edf2f0;color:#71807b;border-radius:11px;padding:12px;cursor:not-allowed}.plan-action span{display:block;font-size:11px;font-weight:700}.plan-action small{display:block;font-size:8px;margin-top:2px}

/* forms deposit/withdraw */
.two-column-form{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.72fr);gap:20px}.form-panel,.summary-panel{padding:28px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.payment-option{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px;text-align:left;position:relative}.payment-option.selected{border-color:#b8d9d0;background:#f5fbf8;box-shadow:0 0 0 2px #e8f5f1}.payment-option strong{display:block;font-size:11px}.payment-option small{display:block;font-size:9px;color:#8c9793;margin-top:2px}.coin{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800}.coin.usdt{background:#e3f5f0;color:#11866f}.coin.btc{background:#fff0db;color:#b87512}.coin.eth{background:#edf0f8;color:#5f6a9c}.method-check{position:absolute;right:10px;top:10px;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:10px}.field-group{margin-top:20px}.field-group>label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.field-group>small{display:block;margin-top:7px;font-size:9px;color:#8d9894}.money-input,.select-like,.text-input{height:52px;border:1px solid var(--line);background:#fbfcfc;border-radius:12px}.money-input{display:flex;align-items:center;padding:0 14px}.money-input>span{font-size:17px;color:#71807b}.money-input input{border:0;background:transparent;outline:0;flex:1;font:700 17px Manrope;padding:0 9px;color:#25332f}.money-input b{font-size:9px;color:#74817c}.select-like{display:flex;align-items:center;gap:10px;padding:0 12px}.select-like>div{flex:1}.select-like strong{display:block;font-size:11px}.select-like small{display:block;font-size:9px;color:#8c9793}.text-input{width:100%;padding:0 14px;color:#7e8986}.wide-action{width:100%;margin-top:24px;border:0;border-radius:12px;padding:14px 16px;background:#dce6e2;color:#798680;display:flex;justify-content:space-between;font-size:11px;font-weight:700;cursor:not-allowed}.summary-balance{padding:18px;border-radius:14px;background:#f5f9f7;margin:18px 0}.summary-balance span{font-size:10px;color:#7b8884}.summary-balance strong{display:block;font:800 28px Manrope;margin-top:4px}.summary-list>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line-soft);font-size:10px}.summary-list span{color:#7e8a86}.security-note{display:flex;gap:10px;background:#f7faf9;border-radius:13px;padding:14px;margin-top:18px}.security-note>.icon{width:20px;height:20px;color:var(--green);flex:0 0 auto}.security-note strong{display:block;font-size:10px}.security-note p{font-size:9px;color:#82908b;line-height:1.5;margin:3px 0 0}.balance-banner{display:flex;justify-content:space-between;align-items:center;border:1px solid #d7e8e2;background:#f3faf7;border-radius:14px;padding:16px 18px;margin-bottom:20px}.balance-banner span{font-size:10px;color:#66756f}.balance-banner strong{font:700 21px Manrope;color:#124237}

/* transactions */
.transaction-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:20px}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs button{border:0;background:#f3f6f5;color:#75827d;padding:8px 11px;border-radius:9px;font-size:10px}.filter-tabs button.active{background:#e7f4ef;color:var(--green);font-weight:700}.table-search{min-width:180px;height:36px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#8d9894}.table-search .icon{width:15px;height:15px}.table-search span{font-size:10px}.transaction-item{display:grid;grid-template-columns:44px 1fr 150px 150px;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--line-soft)}.tx-main strong{display:block;font-size:12px}.tx-main span{display:block;font-size:10px;color:#8b9692;margin-top:3px}.tx-date span{display:block;font-size:11px}.tx-date small{display:block;font-size:9px;color:#8c9793;margin-top:3px}.tx-amount{text-align:right}.tx-amount>strong{display:block;font-size:12px;margin-bottom:5px}.tx-amount .status-pill{justify-content:center}

/* referrals */
.referral-hero{padding:30px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.referral-hero>div:first-child{max-width:650px}.referral-hero p:not(.eyebrow){color:#788581;font-size:12px;line-height:1.55}.ref-link{display:flex;align-items:center;border:1px solid var(--line);background:#f8faf9;border-radius:12px;padding:5px 5px 5px 13px;margin-top:20px}.ref-link span{flex:1;font-size:10px;color:#6c7974;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-link button{border:0;background:#fff;border-radius:9px;padding:9px 11px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:var(--green);box-shadow:0 1px 4px rgba(20,45,37,.07)}.ref-link .icon{width:14px;height:14px}.referral-art{width:170px;height:120px;position:relative;display:grid;place-items:center;margin-right:10px}.referral-art>span{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#15957c,#08725f);color:#fff;display:grid;place-items:center;font:800 18px Manrope;z-index:2;box-shadow:0 12px 25px rgba(12,127,105,.2)}.referral-art i{position:absolute;border:1px solid #d7e8e2;border-radius:50%}.referral-art i:nth-of-type(1){width:90px;height:90px}.referral-art i:nth-of-type(2){width:130px;height:130px}.referral-art i:nth-of-type(3){width:170px;height:170px}.referral-metrics{margin-top:20px}.simple-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:12px;align-items:center;border-top:1px solid var(--line-soft);padding:14px 0}.simple-row>div strong{display:block;font-size:12px}.simple-row>div small{font-size:9px;color:#8c9793}

/* security */
.security-score-pill{border:1px solid #d8e6e1;background:#f6faf8;color:#697772;border-radius:12px;padding:10px 12px;font-size:10px}.security-score-pill strong{color:var(--green);margin-left:6px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.security-card{padding:24px;display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center}.security-card-icon{width:46px;height:46px;border-radius:14px;background:#eaf6f2;color:var(--green);display:grid;place-items:center}.security-card-icon.muted{background:#f1f4f3;color:#73807c}.security-card-icon .icon{width:21px;height:21px}.security-card p:not(.eyebrow){font-size:10px;color:#80908a;line-height:1.5;margin:5px 0 0}.security-card button{align-self:center}.access-row{display:grid;grid-template-columns:42px 1fr 220px auto;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--line-soft)}.access-icon{width:38px;height:38px;border-radius:11px;background:#edf6f3;color:var(--green);display:grid;place-items:center}.access-icon .icon{width:17px;height:17px}.access-row>div:nth-child(2) strong{display:block;font-size:12px}.access-row>div:nth-child(2) small{display:block;font-size:9px;color:#8c9793;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.access-row>div:nth-child(3) span{display:block;font-size:9px;color:#899590}.access-row>div:nth-child(3) strong{display:block;font-size:10px;margin-top:3px}

/* 404 */
.notfound{max-width:560px;margin:80px auto;padding:55px;text-align:center}.notfound>span{display:inline-block;background:#edf6f3;color:var(--green);border-radius:12px;padding:8px 12px;font:800 16px Manrope}.notfound h1{font:800 30px Manrope;margin:16px 0 7px}.notfound p{font-size:12px;color:#7c8985;margin:0 0 22px}

/* command palette */
.command-modal{position:fixed;inset:0;background:rgba(18,33,29,.28);backdrop-filter:blur(4px);z-index:50;display:none;align-items:flex-start;justify-content:center;padding-top:110px}.command-modal.show{display:flex}.command-box{width:540px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px rgba(18,33,29,.22);padding:12px}.command-input{display:flex;align-items:center;gap:10px;padding:7px 8px 13px;border-bottom:1px solid var(--line-soft)}.command-input .icon{width:18px;height:18px;color:#83908b}.command-input input{border:0;outline:0;flex:1;font-size:13px;padding:8px}.command-input kbd{font-size:9px;color:#8c9793}.command-label{font-size:8px;letter-spacing:1.2px;color:#9aa4a1;padding:14px 10px 7px}.command-box>a{display:flex;align-items:center;gap:12px;border-radius:10px;padding:11px 12px;font-size:11px}.command-box>a:hover{background:#f3f7f5}.command-box>a .icon{width:17px;height:17px;color:#7f8b87}

/* auth */
.auth-body{background:#f2f5f4;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.05fr) minmax(480px,.95fr)}.auth-visual{background:linear-gradient(145deg,#0f2f29 0%,#0c473b 52%,#08705e 100%);color:#fff;padding:42px 58px 36px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.auth-visual:before{width:500px;height:500px;right:-260px;top:110px}.auth-visual:after{width:330px;height:330px;right:-130px;top:195px}.auth-brand{position:relative;z-index:2}.auth-brand .brandmark{background:#fff;color:#0d725f;box-shadow:none}.auth-brand .brandcopy strong{color:#fff}.auth-brand .brandcopy small{color:#bdd5ce}.auth-copy{max-width:620px;margin:auto 0;position:relative;z-index:2}.auth-kicker{font-size:9px;letter-spacing:2px;color:#9ed0c2;font-weight:800}.auth-copy h1{font:800 clamp(42px,4.2vw,68px) Manrope;line-height:1.03;letter-spacing:-2.7px;margin:20px 0 18px}.auth-copy>p{font-size:15px;line-height:1.75;color:#c8d9d4;max-width:560px}.auth-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}.auth-feature-grid>div{border-top:1px solid rgba(255,255,255,.18);padding-top:15px}.auth-feature-grid span{font-size:9px;color:#79baa9}.auth-feature-grid strong{display:block;font-size:11px;margin:7px 0}.auth-feature-grid small{display:block;font-size:9px;line-height:1.5;color:#abc8c0}.auth-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#b7d0c9;font-size:9px}.auth-foot>span{display:flex;align-items:center;gap:8px}.auth-foot i{width:7px;height:7px;border-radius:50%;background:#39d9aa;box-shadow:0 0 0 4px rgba(57,217,170,.12)}.auth-panel-wrap{background:#f7f9f8;display:grid;place-items:center;padding:45px}.auth-panel{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 22px 70px rgba(20,43,36,.08)}.auth-panel-head>span{font-size:9px;letter-spacing:1.7px;color:var(--green);font-weight:800}.auth-panel-head h2{font:800 28px Manrope;letter-spacing:-.8px;margin:10px 0 8px}.auth-panel-head p{margin:0 0 27px;color:#7c8985;font-size:12px}.alert{background:#fff1ef;border:1px solid #f3d4cf;color:#9d493d;border-radius:11px;padding:11px 12px;font-size:11px;margin-bottom:16px}.auth-form>label{display:block;margin-top:16px}.auth-form>label>span{display:block;font-size:10px;font-weight:700;margin-bottom:8px}.auth-form input[type=text],.auth-form input[type=password],.auth-form input[name=username]{width:100%;height:50px;border:1px solid var(--line);border-radius:11px;padding:0 13px;outline:0;background:#fbfcfc;font-size:12px}.auth-form input:focus{border-color:#9acdbf;box-shadow:0 0 0 3px #eaf6f2}.auth-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0 20px}.remember{display:flex;align-items:center;gap:7px;font-size:10px;color:#687570}.remember input{accent-color:var(--green)}.auth-row>a{font-size:10px;color:var(--green);font-weight:700}.auth-submit{width:100%;height:50px;border:0;border-radius:11px;background:var(--green);color:#fff;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.auth-submit:hover{background:var(--green-2)}.auth-security{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line-soft);margin-top:24px;padding-top:20px}.lock-dot{width:30px;height:30px;border-radius:50%;background:#eaf6f2;color:var(--green);display:grid;place-items:center;font-weight:800}.auth-security strong{display:block;font-size:10px}.auth-security small{display:block;font-size:9px;color:#8a9692;margin-top:2px}

/* responsive */
@media(max-width:1180px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{width:250px;padding-left:18px;padding-right:18px}.content{padding:34px 28px 55px}.search-command{width:300px}.action-buttons a{min-width:165px}.dashboard-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr}.position-card{grid-template-columns:44px 1.3fr .6fr .5fr 1fr}.position-card>.status-pill{display:none}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:460px;padding:32px}.auth-copy{margin:70px 0 50px}.auth-copy h1{font-size:46px}.auth-panel-wrap{padding:32px}.two-column-form{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.payment-methods{grid-template-columns:1fr 1fr 1fr}.metric-strip{grid-template-columns:1fr 1fr 1fr}.transaction-item{grid-template-columns:44px 1fr auto}.tx-date{display:none}.position-card{grid-template-columns:44px 1fr auto}.position-stat:nth-of-type(2),.position-progress{display:none}}
@media(max-width:780px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s;width:286px;box-shadow:15px 0 50px rgba(15,40,32,.12)}body.navopen .sidebar{transform:none}.main-area{margin:0}.topbar{height:70px;padding:0 15px}.mobile-menu{display:block;border:0;background:transparent;font-size:20px;margin-right:10px}.search-command{display:none}.signout,.profile-chip>div:not(.avatar),.profile-caret{display:none}.profile-chip{width:48px;padding:5px}.sandbox-badge{display:none}.content{padding:24px 15px 45px}.page-head{align-items:flex-start}.page-head h1{font-size:28px}.page-head>.secondary-btn,.page-head>.primary-btn,.security-score-pill{display:none}.hero-card{padding:22px 20px 0}.hero-balance>strong{font-size:37px}.hero-metrics{grid-template-columns:1fr;margin:0 -20px}.hero-metrics>div{border-right:0;border-bottom:1px solid var(--line-soft);padding:15px 20px}.performance-chart.compact{height:125px}.quick-actions{display:block}.action-buttons{display:grid;margin-top:15px}.action-buttons a{min-width:0}.dashboard-grid{display:block}.dashboard-grid>.panel{margin-bottom:15px}.investment-row{grid-template-columns:1fr auto}.investment-progress{grid-column:1/-1}.investment-row>.status-pill{display:none}.activity-row{grid-template-columns:38px 1fr auto}.activity-row>.status-pill{display:none}.metric-strip{grid-template-columns:1fr}.metric-strip>div{border-right:0;border-bottom:1px solid var(--line-soft)}.position-card{grid-template-columns:42px 1fr auto}.position-stat,.position-progress,.position-card>.status-pill{display:none}.payment-methods{grid-template-columns:1fr}.transaction-toolbar{display:block}.table-search{margin-top:12px}.transaction-item{grid-template-columns:40px 1fr auto}.transaction-item .tx-amount .status-pill{display:none}.referral-hero{padding:24px}.referral-art{display:none}.referral-metrics{grid-template-columns:1fr}.security-card{grid-template-columns:44px 1fr}.security-card button{grid-column:1/-1}.access-row{grid-template-columns:40px 1fr auto}.access-row>div:nth-child(3){display:none}.auth-feature-grid{grid-template-columns:1fr}.auth-feature-grid>div:nth-child(n+2){display:none}.auth-visual{min-height:380px}.auth-copy{margin:50px 0 35px}.auth-copy h1{font-size:38px}.auth-copy>p{font-size:13px}.auth-panel-wrap{padding:20px}.auth-panel{padding:26px}.command-box{width:calc(100% - 30px)}}


/* V6 modern polish — preserves V5 layout */
:root{--bg:#f4f7f6;--surface-glass:rgba(255,255,255,.82);--shadow:0 18px 55px rgba(26,58,48,.065);--shadow-hover:0 22px 65px rgba(26,58,48,.095)}
body{background:radial-gradient(circle at 82% 4%,rgba(32,174,139,.055),transparent 28rem),linear-gradient(180deg,#f7f9f8 0,#f2f6f4 48%,#f6f8f7 100%);background-attachment:fixed}
.sidebar{background:rgba(255,255,255,.94);backdrop-filter:saturate(150%) blur(18px)}
.topbar{background:rgba(255,255,255,.86);backdrop-filter:saturate(160%) blur(18px);box-shadow:0 1px 0 rgba(255,255,255,.75)}
.panel,.hero-card,.quick-actions,.metric-strip,.plan-card,.form-panel,.summary-panel,.referral-hero,.security-card{box-shadow:var(--shadow);border-color:rgba(207,220,215,.88)}
.hero-card,.panel,.plan-card,.form-panel,.summary-panel,.referral-hero,.security-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.plan-card:hover,.security-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#c9ddd6}
.primary-btn,.auth-submit,.plan-action,.payment-option,.sidebar-nav a,.round-btn,.profile-chip{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.primary-btn:hover,.auth-submit:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(12,127,105,.18)}
.round-btn:hover,.profile-chip:hover{border-color:#c7d9d3;box-shadow:0 8px 22px rgba(22,52,43,.07)}
.sidebar-nav a.active{box-shadow:inset 3px 0 0 #0c8d74;background:linear-gradient(90deg,#e7f5f0,#eef8f5)}
.brandmark{box-shadow:0 10px 25px rgba(12,127,105,.22)}
.account-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.search-command{background:rgba(248,250,249,.9)}
.performance-chart{position:relative}.performance-chart svg{filter:drop-shadow(0 8px 10px rgba(12,127,105,.035))}.performance-line{stroke-width:2.6}
.hero-balance>strong{font-variant-numeric:tabular-nums}.gain{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.status-pill.active,.account-live{box-shadow:inset 0 0 0 1px rgba(12,127,105,.05)}
.top-action-wrap{position:relative}.profile-chip{font:inherit;cursor:pointer;text-align:left}.floating-menu{position:absolute;right:0;top:calc(100% + 12px);width:290px;background:rgba(255,255,255,.96);backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--line);border-radius:17px;box-shadow:0 24px 70px rgba(20,45,37,.16);padding:9px;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top right;transition:.18s ease;z-index:60}.floating-menu.show{opacity:1;visibility:visible;transform:none}.floating-menu a{display:block;padding:11px 12px;border-radius:11px;font-size:11px}.floating-menu a:hover{background:#f2f7f5}.floating-menu a b{display:block;color:#20302b;font-size:11px;margin-bottom:4px}.floating-menu a small{display:block;color:#83908b;font-size:9px;line-height:1.45}.floating-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;border-bottom:1px solid var(--line-soft);margin-bottom:4px}.floating-head strong{font:700 13px Manrope}.floating-head span{font-size:9px;color:var(--green);background:var(--green-soft);padding:5px 7px;border-radius:999px}.profile-menu-user{display:flex;align-items:center;gap:10px;padding:8px 9px 12px;border-bottom:1px solid var(--line-soft);margin-bottom:4px}.profile-menu-user .avatar{width:36px;height:36px}.profile-menu-user strong{display:block;font-size:11px}.profile-menu-user small{display:block;font-size:9px;color:#8a9692;margin-top:2px}.profile-menu .menu-signout{color:#8b4e45;border-top:1px solid var(--line-soft);margin-top:4px}.notification-menu{width:320px}
.payment-option.selected{box-shadow:0 10px 26px rgba(12,127,105,.08),inset 0 0 0 1px rgba(12,127,105,.15)}
.transaction-item,.position-card,.investment-row{transition:background .16s ease}.transaction-item:hover,.position-card:hover,.investment-row:hover{background:#fbfdfc}
.auth-panel{box-shadow:0 28px 85px rgba(20,43,36,.11);border-color:#d8e3df}.auth-visual{background:radial-gradient(circle at 88% 70%,rgba(77,213,176,.15),transparent 26rem),linear-gradient(145deg,#0d2e28 0%,#0b493c 52%,#08725f 100%)}.auth-submit{box-shadow:0 9px 24px rgba(12,127,105,.13)}
@media(max-width:780px){.floating-menu{position:fixed;right:14px;top:66px;left:14px;width:auto}.notification-menu{width:auto}.profile-menu{left:auto;right:14px;width:270px}.top-action-wrap .profile-chip{width:48px}.top-action-wrap .profile-chip>div:not(.avatar),.top-action-wrap .profile-caret{display:none}}

/* V7 functional sandbox controls */
.flash{border-radius:14px;padding:13px 16px;margin:0 0 20px;font-size:12px;font-weight:650;box-shadow:0 8px 30px rgba(20,43,36,.04)}
.flash-success{background:#eef9f5;border:1px solid #cfe9df;color:#0b6f5e}.flash-error{background:#fff2f0;border:1px solid #f1d2cc;color:#9a453c}
.wide-action.enabled,.plan-action.enabled{background:var(--green);color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(12,127,105,.12)}.wide-action.enabled:hover,.plan-action.enabled:hover{background:var(--green-2);transform:translateY(-1px)}.wide-action.enabled:disabled,.plan-action.enabled:disabled{background:#dce6e2;color:#798680;cursor:not-allowed;box-shadow:none;transform:none}
.payment-option{cursor:pointer}.payment-option input{position:absolute;opacity:0;pointer-events:none}.plan-form{margin-top:18px}.plan-form>label{display:block;font-size:10px;font-weight:700;margin-bottom:8px}.money-input.compact{height:46px}.plan-form .plan-action{margin-top:11px}
.request-panel{margin-top:20px}.request-list{display:flex;flex-direction:column}.request-row{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.4fr) 150px auto;align-items:center;gap:18px;padding:17px 0;border-top:1px solid var(--line-soft)}.request-row:first-child{border-top:0}.request-row>div:first-child strong{display:block;font-size:12px}.request-row>div:first-child small{display:block;color:#8a9692;font-size:9px;margin-top:4px}.request-address span{display:block;color:#87938f;font-size:9px;margin-bottom:5px}.request-address code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f6f9f8;border:1px solid #edf1ef;padding:7px 9px;border-radius:8px;font-size:9px;color:#53615c}.request-amount{text-align:right}.request-amount>strong{display:block;font-size:12px;margin-bottom:6px}.inline-action,.request-actions{display:flex;gap:7px;margin:0}.request-actions form{margin:0}.request-row .primary-btn,.request-row .secondary-btn{padding:9px 11px;font-size:10px;white-space:nowrap}.text-input{font-size:12px;outline:0}.text-input:focus,.money-input:focus-within{border-color:#9acdbf;box-shadow:0 0 0 3px #eaf6f2}.money-input input:not(:disabled){color:#22332e}.status-pill.pending{background:#fff7e8;color:#a86a08}
@media(max-width:1180px){.request-row{grid-template-columns:1fr 1fr 120px}.request-row>.inline-action,.request-row>.request-actions{grid-column:1/-1}}
@media(max-width:780px){.request-row{grid-template-columns:1fr}.request-address,.request-amount{text-align:left}.request-row>.inline-action,.request-row>.request-actions{grid-column:auto}.request-actions{flex-wrap:wrap}}
/* V7.4 multi-chain coin badges reuse the existing neutral coin treatment. */
.coin.trx,.coin.doge{display:inline-grid;place-items:center}
/* V7.5 admin crypto console */
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-grid .span-2{grid-column:1/-1}.admin-section{position:relative}.admin-narrow{max-width:720px}.admin-head-actions{display:flex;align-items:center;gap:10px}.status-pill{display:inline-flex;align-items:center;border:1px solid var(--line,#dfe5e2);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.status-pill.good{background:#edf9f4;color:#087a55;border-color:#ccecdf}.status-pill.info{background:#eef5ff;color:#295f9f;border-color:#d7e5f8}.status-pill.neutral{background:#f5f6f6;color:#6f7774}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-form-grid label,.address-import-form label,.form-stack label{display:flex;flex-direction:column;gap:7px}.admin-form-grid label>span,.address-import-form label>span,.form-stack label>span{font-size:12px;font-weight:800;color:#46504c}.admin-form-grid input[type=text],.admin-form-grid input[type=password],.admin-form-grid input[type=number],.address-import-form select,.address-import-form textarea,.asset-settings-row input{width:100%;border:1px solid #dce3df;border-radius:12px;background:#fff;padding:11px 12px;font:inherit;box-sizing:border-box}.admin-form-grid small,.address-import-form small{color:#87908c}.switch-row{flex-direction:row!important;align-items:center;justify-content:space-between;border:1px solid #e4e9e6;border-radius:14px;padding:12px 14px}.switch-row span{display:flex;flex-direction:column;gap:3px}.switch-row input{width:18px;height:18px}.info-box{background:#f7f9f8;border:1px solid #e4e9e6;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:7px}.info-box code{font-size:12px;word-break:break-all}.form-actions{display:flex;justify-content:flex-end;margin-top:4px}.inline-test{margin-top:12px}.test-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn.small{padding:8px 11px;font-size:12px}.asset-settings-table{display:flex;flex-direction:column;border:1px solid #e3e8e5;border-radius:14px;overflow:hidden}.asset-settings-row{display:grid;grid-template-columns:1.1fr .5fr .7fr 2fr;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid #e8ecea}.asset-settings-row:first-child{border-top:0}.asset-settings-row.head{background:#f7f9f8;color:#7b8580;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.asset-settings-row span:first-child{display:flex;flex-direction:column;gap:2px}.asset-settings-row small{color:#8c9591}.rate-block{margin-top:16px}.address-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.mini-stat{border:1px solid #e3e8e5;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:3px}.mini-stat strong{font-size:15px}.mini-stat span{font-size:12px;color:#18745a;font-weight:800}.mini-stat small{color:#8b9490}.address-import-form{display:grid;grid-template-columns:220px 1fr;gap:15px}.admin-address-table{margin-top:20px}.admin-address-table code{font-size:11px;word-break:break-all}.link-btn{background:none;border:0;color:#0d7657;font-weight:800;cursor:pointer}.flash.error{background:#fff0f0;color:#9c2c2c;border:1px solid #f1cece;padding:12px 14px;border-radius:12px;margin-bottom:15px}@media(max-width:900px){.admin-grid,.admin-form-grid{grid-template-columns:1fr}.admin-grid .span-2,.admin-form-grid .span-2{grid-column:auto}.asset-settings-row{grid-template-columns:1fr}.asset-settings-row.head{display:none}.address-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-import-form{grid-template-columns:1fr}.address-import-form .span-2{grid-column:auto}}