:root{--bg:#0b1118;--panel:#111a24;--panel2:#141f2b;--line:#243140;--text:#edf3f8;--muted:#8795a5;--soft:#b7c3cf;--accent:#23d7a0;--accent-dark:#128a68;--amber:#f2b84b;--red:#ff6577;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:#0d141c;border-right:1px solid #202c39;padding:27px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 38px;text-decoration:none;color:#f5f8fb;font:800 19px Manrope,sans-serif;letter-spacing:.5px}.brand-muted{color:#8996a5}.brand-logo{width:34px;height:34px;display:block;flex-shrink:0}.workspace-label,.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#6f7f90}.workspace-label{padding:0 13px 12px}.main-nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:0;background:transparent;color:#94a2b1;padding:12px 13px;border-radius:10px;font-size:13px;transition:.2s}.nav-item:hover{background:#17232f;color:#e9f1f8}.nav-item.active{background:rgba(35,215,160,.11);color:var(--accent);font-weight:700}.nav-icon{font-size:19px;width:20px;text-align:center}.nav-count{margin-left:auto;color:#748596;font-size:11px}.sidebar-bottom{margin-top:auto}.connection-card{border:1px solid #283541;border-radius:12px;padding:14px;margin:0 2px 17px;background:#111b25}.connection-top{display:flex;align-items:center;gap:8px;font-size:12px;color:#dbe4ec;font-weight:600}.connection-card p{margin:12px 0 5px;font-size:13px;font-weight:700}.small-muted{font-size:11px;color:#7d8b99;line-height:1.5}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--accent);flex-shrink:0}.status-dot.amber{background:var(--amber);box-shadow:0 0 0 3px rgba(242,184,75,.09)}.profile-mini{border-top:1px solid #202c39;margin-top:17px;padding:18px 7px 0;display:flex;align-items:center;gap:9px}.avatar{height:33px;width:33px;border-radius:10px;display:grid;place-items:center;background:#193e39;color:#6ff0c4;font-size:11px;font-weight:800}.avatar.small{height:29px;width:29px;border-radius:9px}.profile-text{display:grid;gap:3px;min-width:0}.profile-text strong{font-size:11px}.profile-text span{font-size:10px;color:#8190a0}.profile-dots{margin-left:auto;color:#82909d;letter-spacing:2px}.main-content{flex:1;min-width:0;padding:0 32px 20px;max-width:1800px;margin:0 auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202c39;margin-bottom:27px}.topbar-left{display:flex;align-items:center;gap:14px}.topbar h1{font:700 21px Manrope,sans-serif;margin:5px 0 0}.topbar-actions{display:flex;align-items:center;gap:20px}.market-status{display:flex;align-items:center;gap:9px;color:#9ba8b5;font-size:12px}.icon-button{position:relative;background:#141e29;border:1px solid #2a3745;color:#dce5ec;width:36px;height:36px;border-radius:11px;font-size:17px}.icon-button i{position:absolute;right:7px;top:7px;width:5px;height:5px;background:var(--amber);border-radius:50%}.account-button{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#dbe3eb;font-size:12px}.chevron{color:#8190a0}.mobile-menu{display:none;background:transparent;color:white;border:0;font-size:22px}.view{display:none}.view.active{display:block}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.muted-line{font-size:12px;color:#8291a1;margin:0 0 8px}.welcome-row h2{font:700 25px Manrope,sans-serif;margin:0 0 8px;letter-spacing:-.6px}.subheading,.section-intro p{color:#8e9baa;margin:0;font-size:13px;line-height:1.6}.button{border-radius:10px;padding:12px 17px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s;border:1px solid transparent}.button-primary{background:var(--accent);color:#06271d}.button-primary:hover{background:#52e9bc;transform:translateY(-1px)}.button-secondary{background:#17232e;border-color:#2b3947;color:#dbe5ec}.button-secondary:hover{border-color:#526273}.button:disabled{cursor:not-allowed;opacity:.8}.full-width{width:100%}.notice{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;border-radius:12px;margin:0 0 21px}.notice-amber{background:rgba(242,184,75,.07);border:1px solid rgba(242,184,75,.2)}.notice-icon{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;font-weight:800;font-size:12px;background:rgba(242,184,75,.16);color:var(--amber)}.notice strong{font-size:12px}.notice p{margin:5px 0 0;color:#9da7b3;font-size:12px;line-height:1.5}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.metric-card{padding:19px 19px 17px;min-width:0}.metric-label{display:flex;justify-content:space-between;align-items:center;color:#9ba8b5;font-size:12px}.metric-icon{font-size:17px;color:#6e8294}.metric-value{font:700 27px Manrope,sans-serif;margin:17px 0 7px;letter-spacing:-.7px}.metric-foot{font-size:11px;color:#748493}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:18px;margin-bottom:19px}.panel{overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 21px;border-bottom:1px solid #22303d}.panel-header h3,.settings-card h3,.risk-panel h3{font:700 14px Manrope,sans-serif;margin:0 0 6px}.panel-header p{margin:0;color:#7f8d9b;font-size:11px;line-height:1.5}.pill{display:inline-flex;align-items:center;gap:7px;background:#19242f;border:1px solid #2b3947;border-radius:30px;padding:7px 10px;color:#9caab7;font-size:10px;white-space:nowrap}.chart-placeholder{height:300px;position:relative;background:linear-gradient(180deg,rgba(17,26,36,.4),rgba(11,17,24,.8));overflow:hidden}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(91,113,132,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,113,132,.08) 1px,transparent 1px);background-size:100% 48px,70px 100%}.chart-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:20px}.chart-symbol{width:43px;height:43px;border:1px solid #2d3d4b;border-radius:13px;display:grid;place-items:center;color:#7b91a3;font-size:24px;margin-bottom:4px}.chart-center strong{font-size:12px}.chart-center span{font-size:11px;color:#81909f;max-width:300px;line-height:1.6}.chart-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:12px 16px;color:#617384;font-size:10px}.text-button{background:none;border:0;color:var(--accent);font-size:11px;font-weight:700;white-space:nowrap}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:48px 20px;gap:8px}.empty-state.compact{padding:45px 18px}.empty-icon{width:42px;height:42px;border:1px solid #2c3a48;border-radius:13px;display:grid;place-items:center;color:#7d93a4;font-size:22px;margin-bottom:3px}.empty-state strong{font-size:12px}.empty-state span{font-size:11px;color:#81909e;line-height:1.5;max-width:230px}.lower-panel{margin-bottom:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:1px;color:#748493;font-weight:700;padding:14px 20px;border-bottom:1px solid #24313e}td{font-size:11px;color:#b9c4cf;padding:15px 20px;border-bottom:1px solid #202d39}.table-empty{text-align:center!important;color:#778796!important;padding:29px 20px!important;white-space:normal}.app-footer{display:flex;justify-content:space-between;gap:12px;color:#657585;font-size:10px;padding:13px 3px 4px}.app-footer span:first-child{font-weight:800;letter-spacing:1px}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 23px}.section-intro h2{font:700 24px Manrope,sans-serif;margin:0 0 7px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #2a3846;border-radius:9px;padding:9px 11px;color:#8595a4}.search-box input{border:0;outline:0;background:transparent;color:white;width:150px;font-size:11px}.search-box input::placeholder{color:#6d7c8b}.trade-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:18px;align-items:start}.order-panel{padding-bottom:20px}.order-panel>.panel-header{margin-bottom:18px}.order-side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 21px 22px;padding:4px;background:#0d151d;border-radius:10px}.order-side-toggle button{border:0;border-radius:7px;padding:11px;font-weight:700;font-size:12px;background:transparent;color:#8796a5}.order-side-toggle .side-buy{background:rgba(35,215,160,.13);color:var(--accent)}.order-panel>.field-label,.order-panel>.field-control,.order-panel>.field-row,.order-summary,.order-panel>.full-width,.form-footnote{margin-left:21px;margin-right:21px}.field-label{display:block;font-size:11px;color:#a6b2bd;margin-bottom:8px}.field-control{display:flex;align-items:center;gap:9px;background:#0d151d;border:1px solid #2a3846;border-radius:9px;padding:0 12px;min-height:43px;color:#8393a2;margin-bottom:17px}.field-control input,.field-control select{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#d9e2e9;font-size:11px}.field-control select:disabled,.field-control input:disabled{opacity:1}.field-control select option{background:#111a24}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-row>div{min-width:0}.order-summary{padding:15px 0;margin-top:4px;margin-bottom:18px;border-top:1px solid #24313e;border-bottom:1px solid #24313e;display:grid;gap:13px}.order-summary>div,.risk-line,.settings-details>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.order-summary span,.risk-line span,.settings-details span{font-size:11px;color:#8998a6}.order-summary strong,.risk-line strong,.settings-details strong{font-size:11px;color:#c6d0d9;font-weight:600}.form-footnote{text-align:center;color:#778796;font-size:10px;line-height:1.5;margin-top:12px}.risk-panel{padding:22px}.risk-icon,.settings-card-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(35,215,160,.1);color:var(--accent);font-size:20px;margin-bottom:17px}.risk-panel h3{font-size:15px}.risk-panel p,.settings-card p{font-size:12px;color:#8c9aa8;line-height:1.7;margin:9px 0 20px}.risk-rule{height:1px;background:#263441;margin:18px 0}.risk-line{margin:15px 0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.settings-card{padding:22px}.settings-card h3{font-size:14px}.settings-card p{min-height:58px;margin-bottom:18px}.settings-status{display:flex;align-items:center;gap:8px;color:#a9b6c2;font-size:11px;margin-bottom:18px}.settings-details{border-top:1px solid #263440;border-bottom:1px solid #263440;padding:15px 0;display:grid;gap:14px;margin-bottom:18px}.settings-details strong{font-size:10px}.settings-details strong.good{color:var(--accent)}.filter-chip{background:#17232e;border:1px solid #2a3947;color:#9ba9b6;border-radius:8px;padding:8px 10px;font-size:10px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1a2834;border:1px solid #354757;color:#e7eef4;padding:13px 17px;border-radius:10px;font-size:12px;box-shadow:0 12px 40px #0005;transition:.25s;z-index:10;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.sidebar{width:220px}.main-content{padding:0 22px 20px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.chart-placeholder{height:260px}}@media(max-width:760px){.sidebar{position:fixed;z-index:20;left:-260px;top:0;bottom:0;width:244px;transition:left .25s;box-shadow:12px 0 40px #0005}.sidebar.open{left:0}.main-content{padding:0 15px 18px}.topbar{height:75px;margin-bottom:22px}.mobile-menu{display:block}.topbar-actions{gap:10px}.market-status{display:none}.account-button>span:not(.avatar):not(.chevron){display:none}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h2{font-size:22px;line-height:1.3}.welcome-row .button{width:100%}.metrics-grid{gap:10px}.metric-card{padding:15px}.metric-value{font-size:23px}.metric-label{font-size:11px}.content-grid,.trade-layout,.settings-grid{grid-template-columns:1fr}.section-intro{align-items:flex-start;flex-direction:column}.section-intro h2{font-size:22px}.panel-header{padding:17px}.panel-header p{max-width:260px}.chart-placeholder{height:250px}.app-footer{flex-direction:column}.settings-card p{min-height:0}.field-row{gap:9px}.field-control{padding:0 9px}.order-panel>.field-label,.order-panel>.field-control,.order-panel>.field-row,.order-summary,.order-panel>.full-width,.form-footnote{margin-left:15px;margin-right:15px}.order-panel>.panel-header{margin-bottom:15px}.order-side-toggle{margin-left:15px;margin-right:15px}.table-empty{min-width:220px}.topbar h1{font-size:19px}}@media(max-width:380px){.metrics-grid{grid-template-columns:1fr}.topbar h1{font-size:17px}.eyebrow{font-size:9px}.topbar-actions{gap:7px}.field-row{grid-template-columns:1fr}}

/* Payments view */
.payments-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:18px;align-items:start}.payment-form{padding:21px}.payment-form .field-label{margin-top:2px}.payment-form .field-control{margin-bottom:18px}.paystack-wordmark{font-size:15px;font-weight:800;letter-spacing:-.5px;color:#00c3a5}.amount-control{display:flex;align-items:center;gap:10px;min-height:53px;padding:0 14px;background:#0d151d;border:1px solid #2a3846;border-radius:10px;margin-bottom:12px}.amount-control>span{font-size:13px;color:#8f9eac;font-weight:700}.amount-control input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#edf3f8;font:700 22px Manrope,sans-serif}.amount-control input::placeholder{color:#4f5f6e}.amount-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.amount-presets button{border:1px solid #2b3b49;background:#17232e;color:#b6c2cc;border-radius:8px;padding:8px 12px;font-size:11px}.amount-presets button:hover{border-color:var(--accent);color:var(--accent)}.payment-summary{padding:16px 0;margin:3px 0 18px;border-top:1px solid #24313e;border-bottom:1px solid #24313e;display:grid;gap:14px}.payment-summary>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.payment-summary span{font-size:11px;color:#8998a6}.payment-summary strong{font-size:11px;color:#d1dbe3;text-align:right}.payment-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#9aa8b5;line-height:1.55;margin-bottom:18px}.payment-consent input{margin-top:2px;accent-color:var(--accent)}.payment-message{display:none;margin-top:13px;padding:12px;border-radius:9px;font-size:11px;line-height:1.5}.payment-message.show{display:block}.payment-message.info{background:rgba(35,215,160,.08);border:1px solid rgba(35,215,160,.2);color:#a5e8d3}.payment-message.warn{background:rgba(242,184,75,.08);border:1px solid rgba(242,184,75,.2);color:#f0d39b}.payment-info-panel{padding:22px}.payment-info-panel>p{font-size:12px;color:#8c9aa8;line-height:1.7;margin:9px 0 20px}.payment-record{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #263440;border-bottom:1px solid #263440}.record-icon{height:34px;width:34px;border-radius:10px;background:#17232e;color:#92a5b4;display:grid;place-items:center}.payment-record>div:last-child{display:grid;gap:4px;min-width:0}.payment-record strong{font-size:11px;overflow-wrap:anywhere}.payment-record span{font-size:10px;color:#8392a0;line-height:1.5}.payment-record.has-record .record-icon{color:var(--accent)}@media(max-width:760px){.payments-layout{grid-template-columns:1fr}.payment-form{padding:17px}}


/* RanoFX embedded live market widgets */
.tv-widget-wrap { width:100%; min-width:0; overflow:hidden; border-radius:12px; background:#0b1118; }
.tv-widget-wrap .tradingview-widget-container { width:100%; height:100%; }
.tv-widget-wrap .tradingview-widget-container__widget { width:100%; height:100%; }
.overview-chart { height:430px; }
.tv-mini { height:380px; }
.full-chart { height:600px; }
.market-widgets-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:18px 0; }
.market-widget-card { min-width:0; overflow:hidden; }
.market-chart-full { overflow:hidden; }
.tradingview-widget-copyright { font-size:10px; padding:4px 8px; color:#8993a2; }
.tradingview-widget-copyright a { color:#b6beca; }
@media (max-width: 900px) { .market-widgets-grid { grid-template-columns:1fr; } .overview-chart { height:360px; } .tv-mini { height:360px; } .full-chart { height:480px; } }
@media (max-width: 520px) { .overview-chart { height:330px; } .tv-mini { height:340px; } .full-chart { height:420px; } }

/* Supabase authentication overlay */
.auth-overlay{position:fixed;inset:0;z-index:100;background:rgba(5,9,14,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.auth-overlay.hidden{display:none}.auth-card{width:min(100%,430px);padding:32px;background:#111a24;border:1px solid #2b3947;border-radius:20px;box-shadow:0 25px 90px #0008}.auth-logo{width:54px;height:54px;margin-bottom:20px}.auth-card h2{font:800 25px Manrope,sans-serif;margin:8px 0 10px}.auth-subtitle,.auth-legal{color:#8d9ba9;font-size:12px;line-height:1.65}.auth-form{display:grid;gap:10px;margin-top:22px}.auth-form .field-label{margin:5px 0 -3px}.auth-input{width:100%;min-height:45px;padding:12px 13px;color:#eef3f8;background:#0b1219;border:1px solid #2a3947;border-radius:9px;outline:none}.auth-input:focus{border-color:var(--accent)}.auth-message{min-height:18px;margin:0;color:#23d7a0;font-size:12px;line-height:1.5}.auth-switch{width:100%;border:0;background:transparent;color:var(--accent);padding:12px 0;font-size:12px;font-weight:700}.auth-legal{font-size:10px;margin-bottom:0}.positive-value{color:#66dfae!important}.negative-value{color:#ff7886!important}

/* RanoFX customer portal refinements */
.hidden{display:none!important}.status-dot.green{background:#a5e85f}.notice-success{background:rgba(91,169,76,.12);border:1px solid rgba(120,205,90,.32)}.signed-status{font-size:12px;color:#a8b0b9}.button-small{padding:9px 13px;font-size:12px}.market-note{display:flex;align-items:center;gap:10px;border:1px solid var(--border,#242a31);padding:12px;border-radius:12px;margin:0 0 16px;font-size:12px}.market-note small{display:block;color:#8c949e;margin-top:4px}.chart-frame{height:330px;overflow:hidden;border-radius:12px;background:#0b0e11}.chart-frame .tradingview-widget-container,.chart-frame .tradingview-widget-container__widget{height:100%;width:100%}.chart-frame iframe{width:100%;height:100%;border:0}.large-chart{height:520px}.watchlist{display:flex;flex-direction:column}.watchlist button{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border:0;border-bottom:1px solid #252a30;background:transparent;color:#f1f3f5;text-align:left;cursor:pointer}.watchlist button:hover,.market-tile:hover{background:#171c22}.watchlist small{display:block;color:#89929e;margin-top:4px}.watchlist strong,.market-tile span{font-size:11px;color:#b4bdc8}.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.market-tile{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;background:#11161b;color:#f4f5f6;border:1px solid #2a3038;border-radius:12px;padding:16px;cursor:pointer}.auth-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:18px}.auth-backdrop.show{display:flex}.auth-card{width:min(100%,420px);background:#10151a;border:1px solid #303740;border-radius:20px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.auth-logo{width:58px;height:58px;margin-bottom:10px}.auth-card h2{margin:0 0 8px;font-family:Manrope,sans-serif}.auth-card>p{color:#a1a9b3;font-size:13px;margin:0 0 22px}.auth-toggle,.auth-skip{margin-top:15px}.auth-skip{float:right}.profile-panel{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px}.avatar.large{width:64px;height:64px;font-size:20px}.profile-panel p{color:#9ba4ae}.positive{color:#a5e85f}.negative{color:#ff8d8d}.payment-message.info{color:#c4e3ff}.payment-message.warn{color:#ffd68a}.payment-message{overflow-wrap:anywhere}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-empty{text-align:center;color:#929ba5;padding:25px!important}@media(max-width:900px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.large-chart{height:420px}}@media(max-width:600px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.market-tile{padding:12px}.chart-frame{height:280px}.large-chart{height:360px}.auth-card{padding:22px}.profile-panel{align-items:flex-start}.topbar-actions{gap:8px}.signed-status{display:none}}


/* RanoFX fixed green theme: do not switch to a white interface based on device appearance. */
:root { color-scheme: dark; --bg:#06150f; --panel:#0b2118; --panel2:#103022; --line:#1d4934; --text:#e9fff2; --muted:#8fb7a0; --soft:#c2e7d0; --accent:#22d37f; --accent-dark:#14864f; --amber:#f2b84b; --red:#ff6577; }
body { background:var(--bg); color:var(--text); }
.sidebar { background:#071a12; border-color:#153c29; }
.nav-item.active { background:rgba(34,211,127,.15); color:var(--accent); }
.metric-card,.panel { background:var(--panel); border-color:var(--line); }
.field-control,.amount-control { background:#071a12; border-color:#24543a; }
.field-control input,.field-control select,.amount-control input { color:var(--text); }
.amount-presets button,.button-secondary { background:#103022; color:#d8f8e5; border-color:#24543a; }
.notice-amber { background:rgba(34,211,127,.07); border-color:rgba(34,211,127,.24); }
.chart-frame { background:#06150f; }
.assets-summary { padding:25px 27px 23px; margin:0 0 20px; border-radius:18px; }
.assets-label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:15px; }
.eye-toggle { border:0; background:transparent; color:var(--muted); font-size:20px; padding:0 2px; line-height:1; }
.assets-total { font:700 clamp(34px,5vw,48px) Manrope,sans-serif; letter-spacing:-1.2px; margin:16px 0 6px; overflow-wrap:anywhere; }
.assets-approx { color:var(--muted); font-size:13px; margin-bottom:22px; }
.today-pnl { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-bottom:26px; font-size:14px; }
.today-pnl span:first-child { font-weight:700; }
.today-pnl strong { color:#20b981; font-weight:700; }
.today-pnl strong.negative { color:#e45563; }
.assets-columns { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-top:18px; border-top:1px solid var(--line); }
.assets-columns div { display:grid; gap:8px; min-width:0; }
.assets-columns span { color:var(--muted); font-size:14px; }
.assets-columns strong { font:700 21px Manrope,sans-serif; overflow-wrap:anywhere; }
.password-control { position:relative; }
.password-control input { flex:1; min-width:0; }
.password-toggle { border:0; background:transparent; color:var(--muted); font-size:11px; font-weight:700; padding:8px 2px; }
.assets-hidden .sensitive-value { filter:blur(9px); user-select:none; }
@media(max-width:600px) {
 .assets-summary { padding:23px 19px; border:0; box-shadow:none; }
 .assets-columns strong { font-size:18px; }
 .assets-columns span { font-size:13px; }
 .assets-total { font-size:38px; }
}

.referral-panel { margin-top:18px; }
.referral-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0 20px; }
.referral-stats > div { min-width:0; padding:14px; border:1px solid var(--border); border-radius:12px; display:flex; flex-direction:column; gap:7px; }
.referral-stats span { color:var(--muted); font-size:12px; }
.referral-stats strong { overflow-wrap:anywhere; font-size:17px; }
.referral-link-row { display:flex; gap:10px; align-items:center; }
.referral-link-row input { flex:1; min-width:0; }
.referral-footnote { color:var(--muted); font-size:12px; line-height:1.5; margin-top:14px; }
@media(max-width:600px){.referral-stats{grid-template-columns:1fr}.referral-link-row{align-items:stretch;flex-direction:column}.referral-link-row .button{width:100%}}

/* Requested profile signal controls and fixed mobile zoom */
.signal-action-panel{margin-top:18px}
.signal-code-control{align-items:stretch;padding:10px 12px}
.signal-code-control textarea{display:block;width:100%;min-height:105px;resize:vertical;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:12px;line-height:1.5}
.signal-code-control textarea::placeholder{color:var(--muted)}
.signal-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 21px}
.signal-buy,.signal-sell{min-height:44px;font-weight:800;border-radius:10px}
.signal-buy{background:#22d37f;color:#052014}
.signal-buy:hover{background:#48e99a}
.signal-sell{background:#103b27;border:1px solid #22d37f;color:#b9ffd3}
.signal-sell:hover{background:#165536}
.signal-action-panel .form-footnote{margin-top:12px}
html,body{overscroll-behavior: none}
body{touch-action:pan-x pan-y}
@media(max-width:760px){.signal-action-panel .payment-form{padding-bottom:18px}.signal-action-buttons{margin-left:15px;margin-right:15px}}

/* Consistent in-app back navigation on every page */
.back-button{white-space:nowrap;flex-shrink:0;padding:9px 12px!important;border-color:rgba(35,215,160,.28)!important;color:#35e59c!important;background:rgba(35,215,160,.08)!important}
.back-button:hover{background:rgba(35,215,160,.16)!important}
.back-button.back-disabled{opacity:.55}
@media(max-width:480px){.topbar-left{gap:8px}.back-button{padding:8px 9px!important;font-size:11px!important}.topbar h1{font-size:17px}}


/* Add to Home Screen prompt */
.install-prompt{position:relative;display:flex;align-items:center;gap:16px;padding:17px 52px 17px 18px;margin:0 0 22px;border-color:rgba(35,215,160,.28);background:linear-gradient(110deg,rgba(8,65,42,.96),rgba(6,28,20,.98));}
.install-prompt[hidden],.install-ios-help[hidden]{display:none!important}
.install-copy{flex:1;min-width:0}.install-copy strong{display:block;color:#eafff4;font:700 13px Manrope,sans-serif}.install-copy p{color:#a9c9b9;font-size:11px;line-height:1.5;margin:5px 0 0}.install-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#c5e8d6;font-size:25px;line-height:1;padding:3px 6px}.install-ios-help{flex-basis:100%;color:#b8d9c8;font-size:11px;line-height:1.6}.install-prompt.ios-help-open{flex-wrap:wrap}.install-prompt .button{flex-shrink:0}@media(max-width:600px){.install-prompt{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 44px 16px 15px}.install-prompt .button{width:100%}.install-prompt.ios-help-open{gap:10px}}