:root{
  --bg:#061018;--bg-soft:#0a1520;--panel:#0d1a27;--panel-2:#101f2e;--line:rgba(255,255,255,.09);
  --text:#f6f8fb;--muted:#8e9bae;--gold:#f0ba3b;--gold-2:#ffd66f;--green:#3bd6a3;--red:#ff6f7b;
  --shadow:0 18px 60px rgba(0,0,0,.24);--radius:20px;
}
html[data-theme="light"]{
  --bg:#f4f7fb;--bg-soft:#eef3f8;--panel:#fff;--panel-2:#f8fbff;--line:rgba(18,43,69,.11);
  --text:#122237;--muted:#627286;--shadow:0 18px 45px rgba(31,56,86,.10);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{background:radial-gradient(circle at 18% 0,#0a2a2d 0,#07131e 30%,#071019 58%,#080b14 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-theme="light"] body{background:linear-gradient(180deg,#eef4f8 0,#f7f9fc 38%,#f1f5f9 100%)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)!important}.positive{color:var(--green)!important}.negative{color:var(--red)!important}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9ba7b8;font-weight:800}.microcopy{font-size:12px;color:var(--muted);line-height:1.55}.subtle-link{font-size:12px;color:#c7b16c}
.toast{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%,-18px);opacity:0;pointer-events:none;z-index:9999;background:#fff;color:#071019;padding:11px 15px;border-radius:999px;font-weight:800;box-shadow:var(--shadow);transition:.22s;max-width:calc(100% - 24px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#3a1116;color:#ffc3c9}

/* Auth */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr)}
.auth-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:44px}.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.20}.aurora-a{width:520px;height:520px;background:#08a28f;left:-150px;top:-120px}.aurora-b{width:560px;height:560px;background:#6b35d7;right:-240px;bottom:-190px}
.brand-card{position:relative;width:min(760px,100%);padding:30px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(160deg,rgba(9,22,31,.90),rgba(7,11,23,.78));box-shadow:var(--shadow);border-radius:30px;backdrop-filter:blur(18px)}
.hero-logo{display:block;width:min(100%,650px);height:auto;margin:0 auto 18px;background:transparent!important;filter:none!important;box-shadow:none!important}
.auth-copy{max-width:620px;margin:0 auto;text-align:center}.auth-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.04;margin:12px 0 14px;letter-spacing:-.045em}.auth-copy p{margin:0;font-size:15px;line-height:1.65;color:#abb6c5}
.feature-strip{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-strip>div{padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.feature-strip b{font-size:14px}.feature-strip span{font-size:11px;color:var(--muted)}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:34px;background:rgba(2,7,12,.56);border-left:1px solid var(--line)}html[data-theme="light"] .auth-panel{background:rgba(255,255,255,.76)}.auth-box{width:min(420px,100%)}
.theme-toggle-row{display:flex;justify-content:flex-end;margin-bottom:8px}.theme-toggle-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:11px;padding:0;font-size:17px;font-weight:900}.theme-toggle-btn.compact{width:36px;height:36px;font-size:16px}html[data-theme="light"] .theme-toggle-btn{background:#fff}
.auth-logo{display:block;width:205px;height:auto;margin:0 auto 24px;background:transparent!important;filter:none!important;box-shadow:none!important}.auth-welcome{text-align:center;margin-bottom:20px}.auth-welcome h2{font-size:24px;margin:0 0 6px}.auth-welcome p{margin:0;color:var(--muted);font-size:13px}
.tab-row{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.035);border:1px solid var(--line);padding:5px;border-radius:14px;margin-bottom:20px}.tab{border:0;background:transparent;color:var(--muted);padding:11px;border-radius:10px;font-weight:800}.tab.active{background:rgba(255,255,255,.08);color:var(--text)}html[data-theme="light"] .tab.active{background:#edf3f8}
.auth-form,.stack-form,.modal-form{display:flex;flex-direction:column;gap:13px}.auth-form label,.stack-form label,.ticket-panel label,.modal-label{display:flex;flex-direction:column;gap:7px;color:#bcc6d3;font-size:13px;font-weight:700}html[data-theme="light"] .auth-form label,html[data-theme="light"] .stack-form label,html[data-theme="light"] .ticket-panel label,html[data-theme="light"] .modal-label{color:#516276}
.auth-form input,.stack-form input,.stack-form select,.stack-form textarea,.ticket-panel input,.modal-label input{width:100%;min-width:0;border:1px solid var(--line);background:#091620;color:#fff;border-radius:12px;padding:12px 13px;outline:none}html[data-theme="light"] .auth-form input,html[data-theme="light"] .stack-form input,html[data-theme="light"] .stack-form select,html[data-theme="light"] .stack-form textarea,html[data-theme="light"] .ticket-panel input,html[data-theme="light"] .modal-label input{background:#fff;color:#122237}
.btn{border:0;border-radius:12px;padding:11px 14px;font-weight:850;transition:.18s}.btn:active{transform:scale(.99)}.btn-wide{width:100%}.btn-primary{color:#171105;background:linear-gradient(135deg,var(--gold-2),#dea21f)}.btn-ghost{color:#dbe2eb;background:rgba(255,255,255,.04);border:1px solid var(--line)}html[data-theme="light"] .btn-ghost{color:#17314a;background:#fff}.btn-buy{background:#123d30;color:#80efc9}.btn-sell{background:#40191f;color:#ffb0b8}.btn-small{padding:7px 10px;font-size:12px}.link-btn,.text-action{background:none;border:0;color:#d0b05b;padding:5px;font-weight:800}

/* App shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);width:100%}.sidebar{position:sticky;top:0;height:100vh;padding:16px 13px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(5,13,20,.88);backdrop-filter:blur(16px);z-index:20}.sidebar-brand{padding:2px 8px 16px;border-bottom:1px solid var(--line)}.sidebar-brand img{width:100%;max-height:90px;object-fit:contain;background:transparent!important;filter:none!important}.side-nav{display:flex;flex-direction:column;gap:6px;padding:16px 0}.side-nav button{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#8e9bab;padding:11px 12px;border-radius:11px;text-align:left;font-weight:800}.side-nav button span{width:21px;text-align:center}.side-nav button:hover,.side-nav button.active{background:linear-gradient(90deg,rgba(240,186,59,.12),rgba(255,255,255,.02));color:#fff}.side-nav button.active{box-shadow:inset 2px 0 var(--gold)}.sidebar-foot{margin-top:auto}.workspace{min-width:0;width:100%;overflow-x:hidden}
.topbar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(7,16,24,.76);backdrop-filter:blur(16px);position:sticky;top:0;z-index:15}html[data-theme="light"] .topbar{background:rgba(255,255,255,.88)}.topbar>div:first-child{min-width:0}.topbar-title{font-size:18px;font-weight:900}.topbar-sub{font-size:12px;color:var(--muted);margin-top:2px}.topbar-right{display:flex;align-items:center;gap:9px}.market-mini{padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:1px;min-width:88px}.market-mini span{font-size:9px;color:var(--muted);letter-spacing:.11em}.market-mini b{font-size:13px}.avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#e7bc4c,#a97410);display:grid;place-items:center;color:#171104;font-weight:900}.top-admin-btn{border:1px solid rgba(240,186,59,.28);background:rgba(240,186,59,.09);color:#efd073;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:900}
.content{padding:22px 24px 108px;min-width:0;overflow-x:hidden}.page{display:none;min-width:0}.page.active{display:block}.hero-dashboard{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:0 0 14px;padding:12px 2px}.hero-dashboard h2,.section-title h2{font-size:29px;line-height:1.08;letter-spacing:-.035em;margin:5px 0}.hero-dashboard p,.section-title p{margin:0;color:var(--muted)}
.status-chip,.soft-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:rgba(240,186,59,.09);color:#eac65e;border:1px solid rgba(240,186,59,.2)}.status-chip.active{color:#83e9c6;background:rgba(59,214,163,.08);border-color:rgba(59,214,163,.22)}.status-chip.suspended{color:#ffadb6;background:rgba(255,111,123,.08);border-color:rgba(255,111,123,.22)}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.metrics-grid.compact .metric-card{min-height:112px}.metric-card{min-height:132px;border-radius:var(--radius);padding:17px;background:linear-gradient(160deg,rgba(17,31,45,.96),rgba(9,20,30,.92));border:1px solid var(--line);box-shadow:0 10px 36px rgba(0,0,0,.10);display:flex;flex-direction:column;justify-content:center}.metric-card span{font-size:12px;color:var(--muted)}.metric-card strong{font-size:26px;margin:7px 0 3px;letter-spacing:-.03em}.metric-card small{color:#748295}html[data-theme="light"] .metric-card,html[data-theme="light"] .panel{background:linear-gradient(160deg,#fff,#f9fbfe);box-shadow:var(--shadow)}
.panel{background:linear-gradient(160deg,rgba(14,27,40,.95),rgba(8,18,28,.94));border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 12px 44px rgba(0,0,0,.10);margin-bottom:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h3,.panel h3{margin:4px 0 0;font-size:18px}
.home-market-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:9px;align-items:stretch;margin:0 0 13px}.home-market-strip>button{min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);border-radius:13px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.home-market-strip>button span{font-size:12px;font-weight:900}.home-market-strip>button small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.home-market-strip>button strong{font-size:17px;white-space:nowrap}.home-live-badge{align-self:center;border:1px solid rgba(59,214,163,.22);background:rgba(59,214,163,.08);color:#7fe8c4;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:900;letter-spacing:.09em}
.market-panel{min-height:220px;position:relative;overflow:hidden}.market-panel:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-110px;bottom:-130px;opacity:.10;filter:blur(14px)}.gold-panel:after{background:var(--gold)}.silver-panel:after{background:#bac3d0}.live-dot{font-size:9px;color:#8ca09e}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:5px}.big-price{font-size:44px;font-weight:900;letter-spacing:-.045em;margin:24px 0}.price-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.home-order-symbols{display:flex;gap:8px;margin-bottom:12px}.home-order-symbols button,.symbol-switch button,.admin-tabs button,.leverage-presets button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);border-radius:11px;padding:9px 11px;font-weight:900}.home-order-symbols button small,.symbol-switch button small{display:block;font-size:9px;margin-top:2px}.home-order-symbols button.active,.symbol-switch button.active,.admin-tabs button.active,.leverage-presets button.active{color:var(--text);border-color:rgba(240,186,59,.34);background:rgba(240,186,59,.08)}
.home-order-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr 1fr;gap:9px;align-items:end}.home-order-grid>label{display:flex;flex-direction:column;gap:7px;color:#bcc6d3;font-size:12px;font-weight:700}.home-order-grid input{width:100%;min-width:0;border:1px solid var(--line);background:#091620;color:#fff;border-radius:12px;padding:12px}.home-order-summary{display:flex;justify-content:space-between;gap:12px;margin:12px 0;color:var(--muted);font-size:12px}.home-order-summary b{color:var(--text)}
.table-wrap{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.data-table{width:100%;border-collapse:collapse;min-width:620px}.data-table th{text-align:left;color:#718195;font-size:10px;text-transform:uppercase;letter-spacing:.10em;font-weight:900;padding:9px 10px;border-bottom:1px solid var(--line)}.data-table td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.045);font-size:13px;color:#dce2ea}html[data-theme="light"] .data-table td{color:#25384c;border-color:rgba(18,43,69,.07)}.empty-state{padding:22px;text-align:center;color:var(--muted);font-size:13px}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;background:rgba(255,255,255,.05);border:1px solid var(--line)}.pill.pending{color:#e3c966}.pill.approved,.pill.active,.pill.buy{color:#7be5bf}.pill.rejected,.pill.suspended,.pill.sell{color:#ff9fa9}

/* Trade */
.trade-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);gap:14px}.chart-panel{min-height:560px}.trade-head{align-items:flex-start}.symbol-switch{display:flex;gap:7px}.big-inline-price{font-size:24px;font-weight:900}.chart-panel canvas{width:100%;height:420px;display:block;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.002))}.chart-caption{text-align:center;color:#68778a;font-size:11px;margin-top:7px}.ticket-panel{height:max-content;position:sticky;top:92px}.side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0}.side-toggle button{border:1px solid var(--line);background:#091620;color:#8794a5;padding:12px;border-radius:11px;font-weight:900}.side-toggle button.sell.active{background:#3e171e;color:#ffb0b8;border-color:rgba(255,111,123,.28)}.side-toggle button.buy.active{background:#12392e;color:#87eac7;border-color:rgba(59,214,163,.28)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.order-summary{margin:13px 0;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0}.order-summary div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.order-summary b{color:var(--text)}

/* Wallet */
.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 0 16px}.wallet-grid{display:grid;grid-template-columns:.65fr 1.15fr 1fr 1fr;gap:13px}.wallet-balance{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(240,186,59,.16),rgba(11,24,35,.95))}.wallet-balance span{color:#d8c17b}.wallet-balance strong{font-size:32px;margin:10px 0}.wallet-balance small{color:#8e9baa}.usdt-deposit-layout{display:grid;grid-template-columns:165px minmax(0,1fr);gap:16px;align-items:center}.usdt-qr{width:165px;height:165px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:8px;overflow:hidden}.usdt-qr img{width:100%;height:100%;object-fit:contain}.qr-placeholder{font-weight:900;color:#8793a2;letter-spacing:.14em}.usdt-wallet-details{min-width:0;display:flex;flex-direction:column;gap:7px}.wallet-address-row{display:flex;gap:7px;align-items:center;min-width:0}.wallet-address-row code{display:block;flex:1;min-width:0;overflow-wrap:anywhere;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);font-size:11px;color:var(--text)}

/* Profile / statement / admin */
.statement-card{padding:22px}.statement-head{display:flex;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--line)}.statement-head img{width:150px;max-height:70px;object-fit:contain;background:transparent!important;filter:none!important}.statement-head div{display:flex;flex-direction:column;gap:4px}.statement-head span{font-size:12px;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}.profile-card{text-align:center;display:flex;flex-direction:column;align-items:center}.profile-avatar{width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#f0c65a,#a9740c);color:#171104;display:grid;place-items:center;font-size:27px;font-weight:900;margin-bottom:10px}.profile-card h3{font-size:21px}.profile-card p{color:var(--muted)}.detail-list>div{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--muted)}
.admin-tabs{display:flex;gap:7px;margin-bottom:13px;overflow:auto}.admin-tab-pane{display:none}.admin-tab-pane.active{display:block}.info-panel p{color:var(--muted);line-height:1.65}.example-ledger{margin-top:16px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.example-ledger div{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line);font-size:13px}.example-ledger div:last-child{border-bottom:0}.admin-action-group{display:flex;gap:5px;flex-wrap:wrap}.btn-password{color:#e7cc7a!important}.settings-form{max-width:680px}

/* Modal */
.modal-backdrop{position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.68);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px;overflow-y:auto}.modal-card{width:min(470px,100%);background:linear-gradient(160deg,#101e2c,#09131d);border:1px solid var(--line);border-radius:20px;padding:19px;box-shadow:0 28px 90px rgba(0,0,0,.50)}html[data-theme="light"] .modal-card{background:#fff}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.modal-head h3{margin:5px 0 0;font-size:20px}.modal-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);font-size:22px}.modal-client{color:var(--muted);font-size:13px;margin:13px 0}.leverage-input-wrap{display:flex;align-items:center;border:1px solid var(--line);background:#07131d;border-radius:12px;overflow:hidden}html[data-theme="light"] .leverage-input-wrap{background:#fff}.leverage-input-wrap input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);padding:12px 13px;outline:none;font-size:18px;font-weight:900}.leverage-input-wrap span{padding:0 14px;color:var(--gold-2);font-weight:900}.leverage-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.modal-notice{margin:11px 0;padding:10px 11px;border-radius:11px;background:rgba(240,186,59,.08);border:1px solid rgba(240,186,59,.2);color:#dec77e;font-size:12px;line-height:1.5}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.password-help-actions{display:flex;flex-direction:column;gap:12px}.password-divider{display:flex;align-items:center;gap:9px;color:#68788a;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.password-divider:before,.password-divider:after{content:"";height:1px;background:var(--line);flex:1}.temp-password-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}

.bottom-nav{display:none}

@media(max-width:1120px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-grid{grid-template-columns:1fr 1fr}.wallet-balance{grid-column:1/-1}.trade-layout{grid-template-columns:1fr}.ticket-panel{position:static}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;border-left:0}.profile-grid{grid-template-columns:1fr}}

@media(max-width:760px){
  html,body{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  .app-shell{display:block;width:100%;min-width:0}.sidebar{display:none}.workspace{width:100%;min-width:0;overflow-x:clip}
  .topbar{height:auto;min-height:calc(62px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 11px 9px;align-items:flex-end;gap:8px}.topbar>div:first-child{min-width:0;flex:1}.topbar-title{font-size:19px;line-height:1.06;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{flex:0 0 auto;gap:6px}.market-mini{display:none}.theme-toggle-btn.compact{width:33px;height:33px;font-size:14px;border-radius:9px}.avatar{width:33px;height:33px;border-radius:9px}.top-admin-btn{padding:7px 8px;font-size:10px}
  .content{padding:12px 10px calc(94px + env(safe-area-inset-bottom));overflow-x:clip}.page,.panel,.hero-dashboard,.metrics-grid,.two-col,.wallet-grid,.trade-layout,.chart-panel,.ticket-panel{width:100%;max-width:100%;min-width:0}
  .home-market-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-bottom:10px}.home-market-strip>button{padding:9px 10px}.home-market-strip>button strong{font-size:14px}.home-live-badge{grid-column:1/-1;justify-self:start;padding:6px 8px}
  .hero-dashboard{padding:7px 1px 9px;margin-bottom:10px}.hero-dashboard>div:first-child{min-width:0}.hero-dashboard h2,.section-title h2{font-size:24px}.hero-dashboard p{font-size:13px;line-height:1.4}.status-chip{font-size:9px;padding:6px 8px;flex:0 0 auto}
  .metrics-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.metric-card{min-height:105px;padding:12px}.metric-card strong{font-size:20px}.metric-card small{font-size:10px}
  .two-col,.wallet-grid,.profile-grid{display:block}.panel{padding:13px;border-radius:17px;margin-bottom:10px}.market-panel{min-height:195px}.big-price{font-size:34px;margin:20px 0}.price-actions .btn{padding:11px 8px}
  .home-order-symbols{display:grid;grid-template-columns:1fr 1fr}.home-order-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.home-side-toggle{grid-column:1/-1;margin:0}.home-order-grid>label:first-of-type{grid-column:1/-1}.home-order-summary{font-size:11px;flex-wrap:wrap}
  .trade-layout{display:block}.chart-panel{min-height:410px}.chart-panel canvas{height:285px}.trade-head{flex-direction:column;gap:8px}.symbol-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.big-inline-price{font-size:24px}.field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wallet-grid>.panel{width:100%}.usdt-deposit-layout{grid-template-columns:1fr;justify-items:center}.usdt-wallet-details{width:100%}.usdt-qr{width:min(205px,70vw);height:min(205px,70vw)}.wallet-address-row{align-items:stretch}.wallet-address-row .btn{flex:0 0 auto}
  .table-wrap{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.data-table{min-width:600px}
  .section-title{align-items:flex-start;gap:10px}.admin-tabs{max-width:100%;overflow-x:auto;padding-bottom:3px}.admin-tabs button{flex:0 0 auto}.admin-action-group{min-width:230px}
  .bottom-nav{position:fixed;left:7px;right:7px;bottom:max(7px,env(safe-area-inset-bottom));height:66px;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);z-index:60;background:rgba(8,18,28,.96);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:19px;box-shadow:0 14px 44px rgba(0,0,0,.34);padding:5px;max-width:calc(100% - 14px)}html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.97)}.bottom-nav button{min-width:0;border:0;background:transparent;color:#738194;border-radius:13px;font-size:9px;font-weight:850;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 1px}.bottom-nav button span{font-size:16px}.bottom-nav button.active{color:#efc95f;background:rgba(240,186,59,.08)}
  .modal-backdrop{padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))}.modal-card{width:100%;max-width:100%;border-radius:18px}.modal-actions{grid-template-columns:1fr}.temp-password-row{grid-template-columns:1fr}
  .auth-panel{padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.auth-logo{width:min(210px,62vw)}.auth-box{width:100%}
}

@media print{body{background:#fff;color:#111}.sidebar,.topbar,.bottom-nav,.section-title .btn,.admin-tabs{display:none!important}.app-shell,.workspace{display:block}.content{padding:0}.page{display:none!important}#page-statements{display:block!important}.panel{box-shadow:none;background:#fff;color:#111;border:1px solid #ddd}.data-table td,.data-table th{color:#111;border-color:#ddd}.statement-head span,.muted{color:#666!important}}

/* ===== GST V10 professional trading/admin refinements ===== */
html,body{position:relative;overflow-x:clip!important;overscroll-behavior-x:none!important;touch-action:pan-y}
body,#appView,.app-shell,.workspace,.content,.page{max-width:100vw!important;overflow-x:clip!important}
img,svg,canvas,iframe{max-width:100%}
input,select,textarea,button{max-width:100%;min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y}

.field-label{display:block;color:var(--muted);font-size:12px;font-weight:800;margin:0 0 7px}
.leverage-choice-block{margin:0 0 14px}.leverage-choice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.leverage-choice button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted);padding:10px 7px;border-radius:11px;font-weight:900}
.leverage-choice button.active{color:#171105;background:linear-gradient(135deg,var(--gold-2),#dea21f);border-color:transparent;box-shadow:0 8px 22px rgba(240,186,59,.14)}
html[data-theme="light"] .leverage-choice button{background:#fff}.trade-leverage-block{margin-top:14px}

.tv-chart-wrap{position:relative;width:100%;height:520px;border-radius:14px;overflow:hidden;background:#08131d;border:1px solid rgba(255,255,255,.04);touch-action:auto}
.tradingview-chart{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.tradingview-chart iframe{width:100%!important;height:100%!important;border:0!important}
.chart-position-markers{position:absolute;left:12px;right:72px;bottom:12px;z-index:8;display:flex;gap:7px;flex-wrap:wrap;pointer-events:none}
.chart-marker,.chart-marker-empty{backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);background:rgba(5,13,20,.84);color:#fff;border-radius:10px;padding:7px 9px;font-size:10px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.chart-marker.buy{border-color:rgba(59,214,163,.35)}.chart-marker.sell{border-color:rgba(255,111,123,.35)}.chart-marker span{color:#c4ced9}.chart-marker-empty{color:#8d9aaa}
html[data-theme="light"] .tv-chart-wrap{background:#fff;border-color:var(--line)}html[data-theme="light"] .chart-marker,html[data-theme="light"] .chart-marker-empty{background:rgba(255,255,255,.92);color:#122237;border-color:rgba(18,43,69,.14)}html[data-theme="light"] .chart-marker span{color:#5d6e82}

.admin-page{width:100%;max-width:100%}.admin-console-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px;padding:4px 2px 10px}.admin-console-head h2{font-size:30px;margin:5px 0 4px}.admin-console-head p{margin:0;color:var(--muted)}
.admin-tabs{display:flex;gap:7px;flex-wrap:wrap;overflow:visible}.admin-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted);border-radius:11px;padding:9px 12px;font-weight:850}.admin-tabs button.active{background:rgba(240,186,59,.11);border-color:rgba(240,186,59,.30);color:#efd075}html[data-theme="light"] .admin-tabs button{background:#fff}
.admin-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}.admin-metric-card{border:1px solid var(--line);border-radius:17px;padding:16px;background:linear-gradient(160deg,rgba(14,27,40,.96),rgba(8,18,28,.94));display:flex;flex-direction:column;gap:6px}.admin-metric-card span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.admin-metric-card strong{font-size:26px}.admin-metric-card small{color:#8190a2}html[data-theme="light"] .admin-metric-card{background:#fff}
.admin-approval-row,.admin-exposure-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.admin-approval-row:last-of-type{margin-bottom:12px}.admin-exposure-summary hr{border:0;border-top:1px solid var(--line);margin:7px 0}.created-client-result{margin-top:15px;padding:14px;border:1px solid rgba(59,214,163,.22);background:rgba(59,214,163,.06);border-radius:13px;display:flex;flex-direction:column;gap:8px}.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important}.check-row input{width:auto!important}

/* keep every mobile page vertical; only tables may scroll horizontally */
@media(max-width:760px){
  html,body{width:100%!important;max-width:100vw!important;overflow-x:clip!important;overscroll-behavior-x:none!important;touch-action:pan-y}
  #appView,.app-shell,.workspace,.content,.page,.panel,.hero-dashboard,.metrics-grid,.two-col,.wallet-grid,.trade-layout,.chart-panel,.ticket-panel,.admin-page,.admin-tab-pane,.admin-console-head,.admin-metrics-grid{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important}
  .topbar{width:100%!important;max-width:100vw!important}.content{padding-left:10px!important;padding-right:10px!important}
  .home-order-panel,.home-order-grid,.home-order-summary,.leverage-choice-block,.leverage-choice,.field-grid,.side-toggle{min-width:0!important;max-width:100%!important}
  .leverage-choice{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.leverage-choice button{padding:10px 3px;font-size:12px}
  .tv-chart-wrap{height:410px;border-radius:12px}.chart-position-markers{left:7px;right:7px;bottom:7px;display:grid;grid-template-columns:1fr;gap:5px}.chart-marker,.chart-marker-empty{font-size:9px;padding:6px 7px;gap:5px;overflow:hidden}.chart-marker span{white-space:nowrap}
  .trade-layout{overflow:visible!important}.ticket-panel{margin-top:10px}.field-grid{grid-template-columns:1fr 1fr!important}
  .admin-console-head{align-items:flex-start}.admin-console-head h2{font-size:24px}.admin-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:hidden!important}.admin-tabs button{width:100%;font-size:11px;padding:9px 5px;white-space:normal}
  .admin-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-metric-card{padding:12px}.admin-metric-card strong{font-size:21px}.admin-dashboard-grid{display:block!important}
  .wallet-address-row{width:100%;max-width:100%;overflow:hidden}.wallet-address-row code{word-break:break-all;overflow-wrap:anywhere}
  .bottom-nav{left:7px!important;right:7px!important;width:auto!important;max-width:calc(100vw - 14px)!important;overflow:hidden!important}
  .table-wrap{overflow-x:auto!important;max-width:100%!important;touch-action:pan-x pan-y!important}
}


/* ===== GST V11 profile/logout/investor creation + light logo ===== */
.theme-logo{background:transparent!important;box-shadow:none!important;outline:0!important}
html[data-theme="light"] .theme-logo{filter:none!important;background:transparent!important}
.btn-danger{background:rgba(255,82,99,.11);border:1px solid rgba(255,82,99,.28);color:#ff9ca6}.btn-danger:hover{background:rgba(255,82,99,.17)}
.account-actions-panel{display:flex;align-items:center;justify-content:space-between;gap:18px}.account-actions-panel h3{margin:5px 0 4px}.admin-head-actions{display:flex;gap:8px;align-items:center}.admin-create-grid{align-items:start}.created-success-head{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid var(--line)}.created-success-head>div{display:flex;flex-direction:column;gap:2px}.created-success-head small{color:var(--muted)}.success-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(59,214,163,.14);color:var(--green);font-weight:900}.created-login-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;padding:12px 0}.created-login-grid span{color:var(--muted);font-size:12px}.created-login-grid b{word-break:break-word}.created-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.created-actions .btn{width:100%}
@media(max-width:760px){.account-actions-panel{align-items:flex-start;flex-direction:column}.account-actions-panel .btn{width:100%}.admin-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-console-head{flex-direction:column}.created-actions{grid-template-columns:1fr}.created-login-grid{grid-template-columns:90px minmax(0,1fr)}}


/* ===== GST V12 reference-match layout + hard mobile width lock ===== */
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden!important;overscroll-behavior-x:none!important}
body{min-width:0!important}
.auth-shell,.app-shell,.workspace,.content,.page,.panel,.topbar,.bottom-nav{min-width:0!important;max-width:100%!important}
.auth-visual,.auth-panel,.brand-card,.auth-box,.metrics-grid,.two-col,.wallet-grid,.trade-layout,.admin-page,.admin-tab-pane{min-width:0!important}
.theme-logo{display:block;object-fit:contain;background:transparent!important;box-shadow:none!important;outline:0!important}
.hero-logo{max-width:610px}
.auth-logo{width:190px;max-width:62%;}
.profile-action-buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}

/* Desktop admin now behaves like the reference: navigation rail + work area. */
@media(min-width:901px){
  #page-admin.active{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto 1fr;gap:14px 16px;align-items:start}
  #page-admin .admin-console-head{grid-column:1/-1;margin-bottom:0}
  #page-admin .admin-tabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:6px;position:sticky;top:92px;padding:10px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(8,18,28,.95));box-shadow:0 14px 40px rgba(0,0,0,.12)}
  html[data-theme="light"] #page-admin .admin-tabs{background:#fff}
  #page-admin .admin-tabs button{width:100%;text-align:left;padding:11px 12px}
  #page-admin .admin-tab-pane.active{display:block;grid-column:2;grid-row:2;min-width:0}
}

@media(max-width:900px){
  .auth-shell{display:block;width:100%;min-height:100svh}
  .auth-visual{display:none!important}
  .auth-panel{width:100%;min-height:100svh;border-left:0;padding:calc(14px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));align-items:flex-start;overflow-x:hidden}
  .auth-box{width:100%;max-width:430px;margin:0 auto;padding-top:8px;overflow:hidden}
  .theme-toggle-row{height:40px;margin:0 0 4px;align-items:center}
  .auth-logo{width:190px;max-width:58%;margin:8px auto 22px}
  .auth-welcome{margin-bottom:18px}.auth-welcome h2{font-size:30px;line-height:1.05}.auth-welcome p{font-size:15px}
  .tab-row{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}.tab{min-width:0;white-space:nowrap;padding:12px 6px;font-size:16px}
  .auth-form{width:100%;overflow:hidden}.auth-form label{min-width:0}.auth-form input{width:100%;font-size:16px}
  .app-shell{display:block;width:100%;max-width:100%;overflow-x:hidden!important}
  .sidebar{display:none!important}
  .workspace{width:100%;max-width:100%;overflow-x:hidden!important}
  .topbar{width:100%;max-width:100%;min-height:calc(64px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 14px 8px;overflow:hidden}
  .topbar-title{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-right{flex:0 0 auto;gap:6px;max-width:48%}.market-mini{display:none!important}.avatar{width:36px;height:36px;flex:0 0 36px}.theme-toggle-btn.compact{width:34px;height:34px;flex:0 0 34px}.top-admin-btn{padding:7px 8px;font-size:10px;white-space:nowrap}
  .content{width:100%;max-width:100%;padding:14px 10px calc(92px + env(safe-area-inset-bottom));overflow-x:hidden!important}
  .page,.panel,.hero-dashboard,.metrics-grid,.two-col,.wallet-grid,.trade-layout,.chart-panel,.ticket-panel,.admin-page,.admin-tab-pane,.section-title{width:100%;max-width:100%;min-width:0!important;overflow-x:hidden!important}
  .panel{border-radius:18px;padding:15px}
  .bottom-nav{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:initial!important;grid-auto-columns:initial!important;overflow:hidden!important}
  .bottom-nav #adminBottomBtn{display:none!important}
  .bottom-nav button{min-width:0!important;width:auto!important;padding:3px 0!important;font-size:9px!important}
  .bottom-nav button span{font-size:16px}
  /* Mobile home matches the approved reference: live prices first, order directly underneath. */
  #page-home.active{display:flex!important;flex-direction:column}
  #page-home .home-market-strip{order:1;margin-bottom:10px}
  #page-home .home-order-panel{order:2;margin-bottom:12px}
  #page-home .hero-dashboard{order:3}
  #page-home .metrics-grid{order:4}
  #page-home>.two-col{display:none!important}
  #page-home>article.panel:not(.home-order-panel){order:6}
  .home-market-strip{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;overflow:hidden}
  .home-market-strip>button{min-width:0!important;width:100%!important;padding:13px 12px!important;border-radius:16px!important;text-align:left!important}
  .home-market-strip>button span{display:block!important}.home-market-strip>button strong{display:block!important;font-size:25px!important;margin-top:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .home-live-badge{grid-column:1/-1;justify-self:end;margin-top:-2px}
  .home-order-head{align-items:flex-start}.home-order-head .soft-badge{display:none}
  .leverage-choice{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.leverage-choice button{min-width:0;width:100%;padding:10px 2px;font-size:12px}
  .home-order-symbols{display:grid;grid-template-columns:1fr 1fr}.home-order-symbols button{width:100%;min-width:0}
  .home-order-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;width:100%}
  .home-side-toggle{grid-column:1/-1;width:100%}.home-order-grid>label:nth-of-type(1){grid-column:1/-1}.home-order-grid label{min-width:0}.home-order-grid input{width:100%;min-width:0}
  .home-order-summary{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}
  .hero-dashboard{margin-top:2px}.hero-dashboard h2{font-size:25px}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:112px;padding:14px}.metric-card strong{font-size:21px}
  /* Trade screen */
  .trade-layout{display:block!important}.chart-panel{min-height:0!important}.trade-head{display:flex!important;flex-direction:row!important;align-items:center!important}.symbol-switch{min-width:0}.symbol-switch button{padding:8px 9px}.big-inline-price{font-size:22px!important;margin:0!important;white-space:nowrap}.tv-chart-wrap{width:100%!important;height:405px!important;overflow:hidden!important}.tradingview-chart,.tradingview-chart>div,.tradingview-chart iframe{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}.ticket-panel{position:static!important;top:auto!important;margin-top:10px}.field-grid{grid-template-columns:1fr 1fr!important;gap:9px}.field-grid label{min-width:0}.field-grid input{width:100%;min-width:0}
  .chart-position-markers{left:6px!important;right:6px!important;bottom:6px!important;max-width:calc(100% - 12px)!important}
  /* Wallet stacks cleanly; QR never exceeds viewport. */
  .wallet-grid{display:block!important}.wallet-grid>.panel{margin-bottom:12px}.usdt-deposit-layout{display:block!important}.usdt-qr{width:190px!important;height:190px!important;max-width:72vw!important;margin:4px auto 14px!important}.usdt-qr img{width:100%!important;height:100%!important;object-fit:contain!important}.wallet-address-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important}.wallet-address-row code{min-width:0!important;word-break:break-all!important;overflow-wrap:anywhere!important}
  /* Profile mirrors the reference with a single-column account card and obvious logout. */
  .profile-grid{display:block!important}.profile-card{margin-bottom:10px}.detail-list>div{padding:14px 0}.account-actions-panel{display:block!important}.profile-action-buttons{display:grid!important;grid-template-columns:1fr!important;width:100%;margin-top:14px}.profile-action-buttons .btn{width:100%}
  /* Admin remains a real console on mobile, without creating a sixth bottom tab. */
  #page-admin .admin-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%;overflow:hidden!important}
  #page-admin .admin-tabs button{width:100%;min-width:0;white-space:normal;font-size:11px;padding:9px 5px}.admin-metrics-grid{grid-template-columns:1fr 1fr!important}.admin-head-actions{width:100%;grid-template-columns:1fr 1fr}.admin-create-grid,.admin-dashboard-grid{display:block!important}.admin-create-grid>.panel,.admin-dashboard-grid>.panel{margin-bottom:10px}
  /* Only data tables may pan horizontally. */
  .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y!important}
  .data-table{min-width:620px!important}
}

@media(max-width:390px){
  .auth-panel{padding-left:14px;padding-right:14px}.auth-logo{width:175px}.auth-welcome h2{font-size:27px}
  .topbar{padding-left:10px;padding-right:10px}.topbar-right{gap:4px}.top-admin-btn{font-size:9px;padding:6px}
  .content{padding-left:8px;padding-right:8px}.panel{padding:13px}.home-market-strip>button strong{font-size:22px!important}
  .metrics-grid{gap:7px}.metric-card{padding:12px}.metric-card strong{font-size:19px}
}

/* ===== GST V13 advanced dealing / sizing / mobile stability ===== */
html,body{overflow-x:clip!important;overscroll-behavior-x:none!important;position:relative;max-width:100%!important}
body{touch-action:pan-y;}
#authView,#appView,.app-shell,.workspace,.content,.page{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important}
img,svg,canvas,video{max-width:100%}
input,select,textarea,button{max-width:100%;min-width:0}
.tv-chart-wrap,.tradingview-chart,.tradingview-chart iframe{touch-action:auto!important}
.table-wrap{touch-action:pan-x pan-y!important}

.order-size-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);margin:12px 0}
.order-size-mode button{border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:800;padding:10px 8px}
.order-size-mode button.active{background:rgba(244,187,53,.12);color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(244,187,53,.22)}
.order-size-mode button:disabled,.leverage-choice button:disabled{opacity:.28;cursor:not-allowed}
.stack-form label small,.home-order-grid label small,.ticket-panel label small{font-size:10px;color:var(--muted);font-weight:500;line-height:1.35;margin-top:2px}
.home-order-summary{gap:12px!important}

.trade-head-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.trade-live-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}
.trade-live-strip>div{padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);min-width:0}
.trade-live-strip span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.trade-live-strip b{display:block;margin-top:5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-panel.chart-maximized{position:fixed!important;inset:0!important;z-index:9998!important;margin:0!important;border-radius:0!important;width:100%!important;max-width:none!important;height:100dvh!important;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;background:var(--bg)!important;overflow:hidden!important}
.chart-panel.chart-maximized .tv-chart-wrap{height:calc(100dvh - 150px)!important;min-height:0!important}
.chart-panel.chart-maximized .chart-caption{display:none}
body.chart-is-maximized{overflow:hidden!important;touch-action:none!important}
body.chart-is-maximized .chart-panel{touch-action:auto!important}

.admin-filter-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:9px;margin:0 0 14px}
.admin-filter-row input,.admin-filter-row select{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:11px;padding:10px 12px;outline:0}
.admin-metrics-grid.advanced{grid-template-columns:repeat(4,minmax(0,1fr))}
.book-mode-pill{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;background:rgba(244,187,53,.10);border:1px solid rgba(244,187,53,.28);color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.dealing-room-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.risk-event-list{display:flex;flex-direction:column;gap:7px}
.risk-event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.risk-event-row:last-child{border-bottom:0}.risk-event-row div{display:flex;flex-direction:column;gap:3px}.risk-event-row b{text-transform:capitalize}.risk-event-row span,.risk-event-row small{font-size:11px;color:var(--muted)}
.group-admin-grid{align-items:start}.toggle-line{flex-direction:row!important;align-items:center;gap:10px!important}.toggle-line input{width:auto!important;accent-color:var(--gold)}
.form-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.group-risk-note{margin-top:18px;padding:14px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:5px}.group-risk-note b{color:var(--gold2)}.group-risk-note span{font-size:12px;color:var(--muted);line-height:1.5}

html[data-theme="light"] .order-size-mode,html[data-theme="light"] .trade-live-strip>div,html[data-theme="light"] .group-risk-note{background:rgba(17,33,51,.025)}
html[data-theme="light"] .admin-filter-row input,html[data-theme="light"] .admin-filter-row select{background:#fff;color:#102033}
html[data-theme="light"] .chart-panel.chart-maximized{background:#f4f7fb!important}

@media(max-width:1100px){.admin-metrics-grid.advanced{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important}
  body{position:relative!important;touch-action:pan-y!important}
  #appView,.app-shell,.workspace,.content,.page,.panel,.hero-dashboard,.metrics-grid,.home-market-strip,.home-order-panel,.trade-layout,.chart-panel,.ticket-panel,.wallet-grid,.profile-grid,.admin-page,.admin-tab-pane{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important}
  .content{box-sizing:border-box!important}
  .trade-live-strip{grid-template-columns:1fr 1fr;gap:6px}.trade-live-strip>div{padding:9px}.trade-live-strip b{font-size:13px}
  .trade-head-actions{gap:6px}.trade-head-actions .btn{padding:7px 8px;font-size:10px}.big-inline-price{font-size:20px!important}
  .order-size-mode{width:100%}.order-size-mode button{padding:10px 4px;font-size:12px}
  .home-order-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.home-order-summary span:last-child{grid-column:1/-1}
  .ticket-panel .order-summary{width:100%}
  .admin-filter-row{grid-template-columns:1fr}.admin-metrics-grid.advanced{grid-template-columns:1fr 1fr!important}.dealing-room-head{align-items:flex-start;flex-direction:column}.book-mode-pill{align-self:flex-start}
  .group-admin-grid{display:block!important}.group-admin-grid>.panel{margin-bottom:10px}.form-actions{grid-template-columns:1fr}
  .chart-panel.chart-maximized{padding:calc(8px + env(safe-area-inset-top)) 6px calc(8px + env(safe-area-inset-bottom))!important}.chart-panel.chart-maximized .trade-live-strip{display:none}.chart-panel.chart-maximized .tv-chart-wrap{height:calc(100dvh - 92px)!important}
  .table-wrap{overflow-x:auto!important;max-width:100%!important}.data-table{width:max-content!important;min-width:620px!important;max-width:none!important}
  .bottom-nav{transform:none!important;margin:0!important;box-sizing:border-box!important}
}

/* GST V14 — portfolio plan + web phase */
.portfolio-plan-home{border-color:rgba(244,187,53,.18);background:linear-gradient(145deg,rgba(244,187,53,.08),rgba(10,23,34,.96))}
.portfolio-plan-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.portfolio-plan-summary-grid>div,.portfolio-preview-summary>div{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:6px;min-width:0}
.portfolio-plan-summary-grid span,.portfolio-preview-summary span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.portfolio-plan-summary-grid strong{font-size:20px;letter-spacing:-.02em}
.portfolio-preview-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.portfolio-preview-summary b{font-size:18px}
.portfolio-admin-grid{align-items:start}.portfolio-admin-grid .panel{min-width:0}
.portfolio-plan-account #homeMarketPanels .market-panel{min-height:190px}
.portfolio-plan-account #homeMarketPanels .big-price{margin-bottom:6px}
.portfolio-plan-account .home-market-strip button{cursor:default}
.portfolio-plan-account .home-market-strip button:hover{transform:none}
html[data-theme="light"] .portfolio-plan-home{background:linear-gradient(145deg,rgba(244,187,53,.11),rgba(255,255,255,.98));border-color:rgba(167,118,15,.16)}
html[data-theme="light"] .portfolio-plan-summary-grid>div,html[data-theme="light"] .portfolio-preview-summary>div{background:#fff;border-color:rgba(13,33,58,.09)}

/* Keep the application viewport stable; only tables and the TradingView chart may use their own gestures. */
html,body,#appView,.app-shell,.workspace,.content,.page{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
.content>*{max-width:100%;min-width:0}.panel,.two-col,.trade-layout,.wallet-grid,.profile-grid,.admin-page{min-width:0;max-width:100%}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.tv-chart-wrap{max-width:100%;overflow:hidden}

@media(max-width:760px){
  .portfolio-plan-summary-grid{grid-template-columns:1fr 1fr}.portfolio-preview-summary{grid-template-columns:1fr}
  .portfolio-admin-grid{grid-template-columns:1fr!important}
  .portfolio-plan-home{padding:16px}
}
@media(max-width:430px){.portfolio-plan-summary-grid{grid-template-columns:1fr}.portfolio-plan-summary-grid strong{font-size:18px}}

/* GST V15 — production print preview + full investor profile */
.print-preview-view{position:fixed;inset:0;z-index:12000;background:var(--bg);overflow-y:auto;overflow-x:hidden;padding:18px}
.print-preview-toolbar{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(980px,100%);margin:0 auto 14px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(8,18,28,.94);backdrop-filter:blur(16px);box-shadow:0 12px 36px rgba(0,0,0,.18)}
.print-preview-toolbar>div{display:flex;flex-direction:column;gap:2px;min-width:0}.print-preview-toolbar small{color:var(--muted)}
.print-preview-sheet{width:min(980px,100%);margin:0 auto 32px;background:#fff;color:#111;border-radius:18px;padding:30px;box-shadow:0 22px 70px rgba(0,0,0,.22)}
.print-document{width:100%}.print-document-head{display:flex;align-items:center;gap:22px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #dfe3e8}.print-document-head img{width:190px;max-height:86px;object-fit:contain;background:#07111a;border-radius:12px;padding:9px 12px}.print-document-head>div{display:flex;flex-direction:column;gap:4px}.print-document-head h2{margin:0 0 5px;font-size:24px}.print-document-head span{color:#667085;font-size:12px}.print-document .data-table{min-width:0!important;width:100%!important;color:#111}.print-document .data-table th{color:#525d6b;border-color:#e1e5ea}.print-document .data-table td{color:#111;border-color:#e8ebef}.print-document .positive{color:#087a55!important}.print-document .negative{color:#b42318!important}.print-document-foot{margin-top:18px;padding-top:12px;border-top:1px solid #e3e7eb;font-size:10px;color:#707b88}.print-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 18px}.print-summary>div{border:1px solid #e2e6eb;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.print-summary span{font-size:10px;color:#697586;text-transform:uppercase}.print-summary b{font-size:14px}
html[data-theme="light"] .print-preview-toolbar{background:rgba(255,255,255,.96)}
.investor-detail-modal{width:min(1100px,calc(100vw - 28px));max-height:92dvh;overflow-y:auto}.investor-detail-content{min-width:0}.investor-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.investor-detail-section{border:1px solid var(--line);border-radius:15px;padding:14px;background:rgba(255,255,255,.025);min-width:0}.investor-detail-section>.eyebrow{display:block;margin-bottom:8px}.investor-detail-section>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);min-width:0}.investor-detail-section>div:last-child{border-bottom:0}.investor-detail-section span{color:var(--muted);font-size:11px}.investor-detail-section b{text-align:right;font-size:12px;min-width:0;overflow-wrap:anywhere}.investor-detail-wide{margin-top:12px;border:1px solid var(--line);border-radius:15px;padding:14px;background:rgba(255,255,255,.018);min-width:0}.security-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.security-history-row:last-child{border-bottom:0}.security-history-row>div{display:flex;flex-direction:column;gap:3px}.security-history-row b{text-transform:capitalize}.security-history-row span,.security-history-row small{font-size:11px;color:var(--muted)}.investor-detail-actions{position:sticky;bottom:-20px;background:linear-gradient(180deg,transparent,var(--panel) 26%);padding-top:24px}.btn-danger{background:rgba(255,109,120,.12);color:#ff9ca6;border:1px solid rgba(255,109,120,.25)}
html[data-theme="light"] .investor-detail-section,html[data-theme="light"] .investor-detail-wide{background:#fff;border-color:rgba(13,33,58,.09)}

@media(max-width:760px){
  .print-preview-view{padding:calc(8px + env(safe-area-inset-top)) 8px calc(12px + env(safe-area-inset-bottom))}.print-preview-toolbar{grid-template-columns:auto 1fr auto;gap:6px;padding:8px}.print-preview-toolbar .btn{padding:9px 10px;font-size:11px}.print-preview-toolbar>div b{font-size:12px}.print-preview-toolbar>div small{display:none}.print-preview-sheet{border-radius:12px;padding:14px;margin-bottom:18px}.print-document-head{gap:10px;align-items:flex-start}.print-document-head img{width:120px;padding:6px 8px}.print-document-head h2{font-size:18px}.print-document .table-wrap{overflow:visible!important}.print-document .data-table{font-size:10px}.print-document .data-table th,.print-document .data-table td{padding:7px 5px}.print-summary{grid-template-columns:1fr 1fr}.investor-detail-modal{width:calc(100vw - 16px);max-height:94dvh;padding:14px}.investor-detail-grid{grid-template-columns:1fr}.security-history-row{flex-direction:column;gap:5px}.investor-detail-actions{grid-template-columns:1fr 1fr}.admin-action-group .btn{white-space:nowrap}
}

@media print{
  body.print-preview-active *{visibility:hidden!important}
  body.print-preview-active #printPreviewView,body.print-preview-active #printPreviewView *{visibility:visible!important}
  body.print-preview-active #printPreviewView{display:block!important;position:static!important;background:#fff!important;padding:0!important;overflow:visible!important}
  body.print-preview-active .print-preview-toolbar{display:none!important}
  body.print-preview-active .print-preview-sheet{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
  body.print-preview-active .print-document-head img{background:#07111a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media print{
  body.print-preview-active #authView,body.print-preview-active #appView,body.print-preview-active .modal-backdrop,body.print-preview-active .toast{display:none!important}
}


/* ===== GST V16 • portfolio-first premium mobile experience ===== */
:root{--quality-accent:#b78a22;--quality-accent-2:#ddb85a;--quality-ink:#101321;--quality-cream:#f4efe1;--quality-card:#fffdf8;--quality-line:#e4dcc6}
html[data-theme="light"]{--bg:#f4efe1;--bg-soft:#eee7d6;--panel:#fffdf8;--panel-2:#faf6ea;--line:rgba(92,77,37,.16);--text:#111321;--muted:#777363;--gold:#b98b1f;--gold-2:#e3bd59;--shadow:0 12px 32px rgba(82,65,26,.10)}
html[data-theme="light"] body{background:linear-gradient(180deg,#f6f0e1 0%,#f3eddf 48%,#eee6d4 100%)}
html[data-theme="light"] .topbar{background:rgba(248,244,233,.91)}
html[data-theme="light"] .bottom-nav{background:rgba(255,253,248,.98);border-color:#e6dec9}
html[data-theme="light"] .bottom-nav button.active{color:#b88b23;background:rgba(184,139,35,.08)}
html[data-theme="light"] .panel,html[data-theme="light"] .metric-card{background:#fffdf8;border-color:#e5ddc8;box-shadow:0 8px 24px rgba(82,65,26,.08)}

.plan-quality-home,.profile-quality-shell,.earnings-quality-shell{max-width:860px;margin:0 auto;padding-bottom:24px}
.pq-userbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 28px}.pq-user-identity{min-width:0;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--text);padding:0;text-align:left}.pq-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f0ca67,#a97a16);color:#201702;font-size:18px;font-weight:950;box-shadow:0 7px 20px rgba(111,82,20,.18)}.pq-user-identity>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.pq-user-identity b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pq-user-identity small{color:var(--muted);font-size:12px;margin-top:3px}.pq-chevron{color:var(--muted);font-size:18px}.pq-user-actions{display:flex;gap:9px}.pq-circle-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:19px;box-shadow:0 7px 20px rgba(0,0,0,.06)}
.pq-balance-hero{text-align:center;margin:8px 0 26px}.pq-balance-hero>span{display:block;color:var(--muted);font-size:14px}.pq-balance-hero>strong{display:block;font-size:clamp(46px,10vw,76px);line-height:1;letter-spacing:-.055em;margin:7px 0 10px}.pq-balance-hero small{font-size:14px;color:var(--muted)}.pq-balance-hero small b{color:var(--green)}
.pq-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:28px}.pq-actions button{border:0;background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:9px;font-weight:850}.pq-actions button span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.07);font-size:25px;color:var(--quality-accent)}.pq-actions button b{font-size:13px}
.pq-plan-card{border-radius:26px;padding:24px;background:linear-gradient(145deg,#15171f,#242018 55%,#3b2c0b);color:#fff;box-shadow:0 17px 40px rgba(40,31,9,.24);margin-bottom:28px;overflow:hidden;position:relative}.pq-plan-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(226,187,84,.13);right:-100px;top:-100px}.pq-plan-card-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pq-kicker{font-size:10px;letter-spacing:.17em;color:#d8c68d;font-weight:900}.pq-plan-card h2{font-size:31px;margin:7px 0 3px;letter-spacing:-.04em}.pq-plan-status{border:1px solid rgba(237,199,95,.32);background:rgba(237,199,95,.12);color:#edd379;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.07em;white-space:nowrap}.pq-plan-card>p{position:relative;z-index:1;color:#d8d4ca;line-height:1.6;font-size:13px;max-width:680px}.pq-plan-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.pq-plan-grid>div{padding:13px;border-radius:15px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09)}.pq-plan-grid span{display:block;color:#bbb6a7;font-size:10px;margin-bottom:7px}.pq-plan-grid strong{font-size:18px}.pq-policy-line{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.pq-policy-line span{font-size:9px;font-weight:850;letter-spacing:.04em;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#ded8c8}
.pq-section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 3px 11px}.pq-section-head h3{font-size:19px;margin:0;letter-spacing:-.02em}.pq-section-head button{border:0;background:transparent;color:var(--quality-accent);font-weight:900}.pq-list-card,.pq-activity-card{border:1px solid var(--line);border-radius:23px;background:var(--panel);box-shadow:0 7px 22px rgba(0,0,0,.055);overflow:hidden}.pq-list-row,.pq-activity-row{display:flex;align-items:center;gap:13px;padding:16px 18px;border-bottom:1px solid var(--line)}.pq-list-row:last-child,.pq-activity-row:last-child{border-bottom:0}.pq-list-row>div:nth-child(2),.pq-activity-row>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.pq-list-row b,.pq-activity-row b{font-size:15px}.pq-list-row small,.pq-activity-row small{color:var(--muted);font-size:11px}.pq-list-value{margin-left:auto;text-align:right}.pq-list-value b{white-space:nowrap}.pq-asset,.pq-icon-bubble{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-weight:950}.pq-usdt{background:#efe8d5;color:#9b741b}.pq-gold{background:#f6eedb;color:#151515}.pq-silver{background:#eceff1;color:#4e5860}.pq-icon-bubble{background:#f5ecd5;color:#ad8120}.pq-activity-row{justify-content:space-between}.pq-activity-row strong{white-space:nowrap}.pq-activity-card .empty-state,.pq-list-card .empty-state{padding:26px}

.quality-page-title{display:flex;align-items:center;gap:14px;margin:4px 0 26px}.quality-page-title h2{margin:0;font-size:28px}.quality-back{width:42px;height:42px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:32px;line-height:1}.earnings-hero-card{padding:28px;border-radius:25px;background:linear-gradient(145deg,#2c2d34,#40340f);color:#fff;box-shadow:0 16px 38px rgba(46,35,11,.22)}.earnings-hero-card>span{font-size:11px;letter-spacing:.13em;color:#d4c799}.earnings-hero-card>strong{display:block;font-size:50px;letter-spacing:-.05em;margin:10px 0}.earnings-hero-card>p{color:#d9d5c9;line-height:1.55;margin:0 0 20px}.earnings-period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.earnings-period-grid>div{padding:13px;border-radius:15px;background:rgba(255,255,255,.08)}.earnings-period-grid span{display:block;color:#c3bfb1;font-size:11px;margin-bottom:6px}.earnings-period-grid b{font-size:18px}.quality-subtitle{font-size:20px;margin:25px 2px 12px}.earnings-breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.earnings-breakdown-grid article{padding:17px;border-radius:21px;background:var(--panel);border:1px solid var(--line);box-shadow:0 7px 22px rgba(0,0,0,.055)}.earnings-breakdown-grid strong{display:block;font-size:21px;margin:12px 0 5px}.earnings-breakdown-grid small{color:var(--muted)}.plan-policy-card{margin-top:22px;padding:21px;border:1px solid var(--line);border-radius:23px;background:var(--panel)}.plan-policy-card h3{margin-top:0}.plan-policy-steps{display:grid;gap:12px}.plan-policy-steps>div{display:flex;gap:11px;align-items:flex-start}.plan-policy-steps b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f0e5c6;color:#8d6712;flex:0 0 auto}.plan-policy-steps span{font-size:13px;line-height:1.5;color:var(--muted)}

.profile-quality-shell{max-width:820px}.profile-quality-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px;border-radius:25px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.065);margin-bottom:28px}.profile-avatar-quality{margin:0;border-radius:50%;width:66px;height:66px}.profile-quality-main{min-width:0}.profile-quality-main h2{margin:0;font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-quality-main p{margin:5px 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip-row{display:flex;gap:6px;flex-wrap:wrap}.profile-plan-badge{display:inline-flex;padding:6px 8px;border-radius:999px;background:#f3e8c8;color:#8e6816;font-size:9px;font-weight:950;letter-spacing:.04em}.profile-quality-balance{text-align:right}.profile-quality-balance span{display:block;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.09em}.profile-quality-balance strong{display:block;font-size:25px;margin-top:4px}.profile-section-title{font-size:20px;font-weight:950;letter-spacing:-.02em;margin:24px 2px 11px}.settings-list{border:1px solid var(--line);border-radius:23px;background:var(--panel);box-shadow:0 7px 22px rgba(0,0,0,.055);overflow:hidden}.settings-list button{width:100%;min-height:70px;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:11px 17px;text-align:left}.settings-list button:last-child{border-bottom:0}.settings-list b{font-size:15px}.settings-list i{font-style:normal;font-size:28px;color:var(--muted);font-weight:300}.settings-icon{width:38px;height:38px;border-radius:50%;background:#f3ecda;color:#7f7765;display:grid;place-items:center;font-size:16px;font-weight:900}html[data-theme="dark"] .settings-icon{background:rgba(255,255,255,.07);color:#d9c780}.quality-signout,.profile-admin-link{width:100%;margin-top:22px;border-radius:20px;padding:17px;border:1px solid var(--line);background:var(--panel);font-weight:900}.quality-signout{color:#d75247;text-align:left;font-size:16px}.quality-signout span{margin-right:10px}.profile-admin-link{color:var(--quality-accent)}.profile-hidden-data{display:none!important}

.quality-sheet-backdrop,.quality-detail-backdrop{position:fixed;inset:0;z-index:150;background:rgba(14,15,17,.38);backdrop-filter:blur(6px);display:flex}.quality-sheet-backdrop{align-items:flex-end;justify-content:center}.quality-sheet{width:min(680px,100%);background:var(--panel);border:1px solid var(--line);border-radius:28px 28px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(0,0,0,.18)}.quality-sheet-handle{width:54px;height:6px;border-radius:999px;background:var(--line);margin:4px auto 14px}.quality-sheet-head{display:flex;align-items:center;justify-content:space-between}.quality-sheet-head h3{font-size:22px}.quality-sheet-head button{border:0;background:transparent;color:var(--muted);font-size:30px}.account-sheet-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.account-sheet-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#f0ca67,#a97a16);display:grid;place-items:center;color:#201702;font-weight:950}.account-sheet-row>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.account-sheet-row small{color:var(--muted);margin-top:3px}.account-sheet-value{margin-left:auto;font-weight:950}.sheet-menu-row{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;width:100%;padding:14px 3px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.sheet-menu-row span{width:38px;height:38px;border-radius:50%;background:#f3ecda;display:grid;place-items:center;color:#8a6b25}.sheet-menu-row i{font-size:26px;color:var(--muted);font-style:normal}.quality-detail-backdrop{align-items:stretch;justify-content:flex-end}.quality-detail-panel{width:min(620px,100%);height:100%;background:var(--bg);box-shadow:-20px 0 60px rgba(0,0,0,.22);overflow-y:auto}.quality-detail-panel>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;padding:18px 20px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.quality-detail-panel>header button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:30px}.quality-detail-panel>header span{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:900}.quality-detail-panel>header h2{font-size:23px;margin:2px 0 0}.quality-detail-body{padding:18px 20px 100px}.quality-detail-card,.quality-plan-detail{padding:19px;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:0 7px 22px rgba(0,0,0,.05);margin-bottom:14px}.quality-detail-card h3,.quality-plan-detail h3{margin:0 0 14px}.quality-detail-card p,.quality-plan-detail p{color:var(--muted);line-height:1.6}.quality-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.quality-info-row:last-child{border-bottom:0}.quality-info-row span{color:var(--muted);font-size:12px}.quality-info-row b{text-align:right;font-size:13px}.quality-plan-detail{background:linear-gradient(145deg,#17191f,#3a2c0a);color:#fff}.quality-plan-detail>span{font-size:9px;color:#dec980;letter-spacing:.13em;font-weight:900}.quality-plan-detail p{color:#d5d0c2}.quality-plan-detail .quality-info-row{border-color:rgba(255,255,255,.12)}.quality-plan-detail .quality-info-row span{color:#bcb6a8}.quality-action-btn{width:100%;padding:13px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-weight:850;margin-top:9px}.quality-note{font-size:11px!important;color:var(--muted)!important}.quality-policy-list{padding-left:18px;color:var(--muted);line-height:1.65;font-size:13px}.quality-status-row{display:flex;align-items:center;gap:12px}.quality-status-row>div{display:flex;flex-direction:column;gap:3px}.quality-status-row small{color:var(--muted)}.quality-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.quality-toggle-row span{display:flex;flex-direction:column;font-weight:750}.quality-toggle-row small{color:var(--muted);font-weight:400;margin-top:3px}.quality-toggle-row input{width:20px;height:20px}.mfa-setup{margin-top:15px;padding:14px;border-radius:16px;background:var(--panel-2)}.mfa-setup img{display:block;width:190px;height:190px;margin:12px auto;background:white;border-radius:12px}.mfa-setup code{display:block;text-align:center;word-break:break-all;color:var(--muted);font-size:11px;margin:8px}.mfa-setup label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.mfa-setup input{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font-size:18px;letter-spacing:.25em;text-align:center}

.portfolio-plan-account #page-home>.home-market-strip,.portfolio-plan-account #page-home>.hero-dashboard,.portfolio-plan-account #page-home>.metrics-grid,.portfolio-plan-account #page-home>#homeMarketPanels,.portfolio-plan-account #page-home>#portfolioPlanHome,.portfolio-plan-account #page-home>#homeOrderPanel,.portfolio-plan-account #page-home>article.panel:not(.pq-plan-card){display:none!important}
.portfolio-plan-account #planQualityHome{display:block!important}

@media(max-width:760px){
  .content{padding-top:16px!important;padding-left:18px!important;padding-right:18px!important;padding-bottom:100px!important}.portfolio-plan-account .topbar{display:none!important}
  .portfolio-plan-account .content{padding-top:max(20px,env(safe-area-inset-top))!important}
  .pq-userbar{margin-top:4px}.pq-actions{gap:5px}.pq-actions button span{width:58px;height:58px}.pq-actions button b{font-size:12px}.pq-plan-card{padding:20px;border-radius:24px}.pq-plan-card-top{display:block}.pq-plan-status{display:inline-flex;margin-top:8px}.pq-plan-grid{grid-template-columns:1fr 1fr}.pq-plan-grid strong{font-size:16px}.profile-quality-card{grid-template-columns:auto minmax(0,1fr);padding:18px}.profile-quality-balance{grid-column:1/-1;text-align:left;border-top:1px solid var(--line);padding-top:13px}.profile-quality-balance strong{font-size:22px}.earnings-breakdown-grid{grid-template-columns:1fr 1fr}.earnings-breakdown-grid article:last-child{grid-column:1/-1}.earnings-hero-card{padding:22px}.earnings-hero-card>strong{font-size:44px}.quality-detail-panel{width:100%}.bottom-nav{height:72px!important;border-radius:0!important;left:0!important;right:0!important;bottom:0!important;max-width:none!important;border-left:0!important;border-right:0!important;border-bottom:0!important;padding-bottom:max(5px,env(safe-area-inset-bottom))!important}.bottom-nav button{font-size:9px!important}.bottom-nav button span{font-size:20px!important}.settings-list button{min-height:72px}.pq-list-row{padding:15px 14px}.pq-section-head{margin-top:20px}.quality-sheet{border-radius:28px 28px 0 0}
}
@media(max-width:390px){.pq-plan-grid{grid-template-columns:1fr}.pq-actions button span{width:52px;height:52px}.pq-actions button b{font-size:11px}.pq-balance-hero>strong{font-size:49px}.profile-quality-card{gap:11px}.profile-avatar-quality{width:58px;height:58px}.profile-quality-main h2{font-size:20px}}

/* ===== GST V17 Existing Client Excel Import ===== */
.admin-import-grid{align-items:start}
.import-panel-head{gap:14px;align-items:flex-start;flex-wrap:wrap}
.import-focus-banner{display:flex;flex-direction:column;gap:5px;margin:16px 0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));line-height:1.45}
.import-focus-banner b{font-size:14px}.import-focus-banner span{font-size:12px;color:var(--muted)}
.import-dropzone{position:relative;display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;border:1.5px dashed color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--panel-2) 78%,transparent);cursor:pointer;transition:.2s ease;padding:22px}
.import-dropzone:hover{transform:translateY(-1px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel-2))}
.import-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.import-upload-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent);font-size:27px;font-weight:700}
.import-dropzone b{font-size:16px}.import-dropzone small,.import-file-meta{font-size:12px;color:var(--muted)}
.import-file-meta{padding:10px 2px 14px;min-height:34px}
.import-safety-note,.import-credential-warning{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:13px 15px;border-radius:16px;background:var(--panel-2);border:1px solid var(--line)}
.import-safety-note b,.import-credential-warning b{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.import-safety-note span,.import-credential-warning span{font-size:12px;color:var(--muted);line-height:1.5}
.import-field-list{display:grid;gap:10px;margin:16px 0}.import-field-list>div{padding:13px 14px;border:1px solid var(--line);background:var(--panel-2);border-radius:16px}.import-field-list b{display:block;font-size:13px;margin-bottom:4px}.import-field-list span{display:block;font-size:12px;line-height:1.4;color:var(--muted)}
.import-preview-area,.import-result-area{margin-top:18px}.import-metrics{margin-bottom:16px}.import-preview-actions{display:flex;gap:8px;flex-wrap:wrap}.import-preview-table{max-height:460px;overflow:auto}.import-preview-table table{min-width:1180px}
.import-row-ok{color:var(--positive,#27ae60);font-weight:700}.import-row-error{color:var(--negative,#e45757);font-weight:700}.import-row-warning{color:#d49b1f;font-weight:700}.import-row-muted{color:var(--muted);font-size:11px;max-width:250px;white-space:normal}
.import-progress{margin-top:16px;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--panel-2)}.import-progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.import-progress-head b{font-size:13px}.import-progress-head span{font-size:12px;color:var(--muted)}.import-progress-track{height:9px;border-radius:20px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}.import-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .25s ease}.import-progress small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:10px}
.import-result-area table{min-width:980px}.import-status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.import-status-pill.imported{background:rgba(39,174,96,.12);color:#28a860}.import-status-pill.skipped{background:rgba(212,155,31,.13);color:#bf8610}.import-status-pill.failed{background:rgba(228,87,87,.12);color:#d34b4b}
@media(max-width:760px){.import-panel-head .btn{width:100%}.import-preview-actions{width:100%}.import-preview-actions .btn{flex:1}.import-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-import-grid{grid-template-columns:1fr}.import-dropzone{min-height:150px}.import-preview-table{max-height:55vh}}

/* V18 dual investor experience chooser */
.experience-chooser{position:fixed;inset:0;z-index:1200;overflow:auto;background:radial-gradient(circle at 12% 15%,rgba(214,169,68,.16),transparent 30%),radial-gradient(circle at 85% 10%,rgba(62,122,173,.14),transparent 32%),var(--bg);padding:max(18px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}
.experience-chooser-shell{width:min(1120px,100%);margin:0 auto;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:20px 0 36px}
.experience-brand-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px}
.experience-logo{width:150px;height:auto;object-fit:contain}
.experience-intro{text-align:center;max-width:760px;margin:0 auto 28px}
.experience-intro h1{font-size:clamp(30px,5vw,54px);line-height:1.03;margin:8px 0 14px;letter-spacing:-.035em}
.experience-intro p{margin:0 auto;color:var(--muted);font-size:15px;line-height:1.65;max-width:700px}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.experience-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel-2) 92%,transparent));padding:26px;box-shadow:0 18px 55px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.experience-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.experience-card.active-mode{border-color:color-mix(in srgb,var(--positive,#2fbf71) 58%,var(--line));box-shadow:0 0 0 1px rgba(47,191,113,.14),0 20px 60px rgba(0,0,0,.2)}
.bot-experience:after{content:"";position:absolute;right:-70px;top:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(222,174,66,.18),transparent 70%);pointer-events:none}
.trade-experience:after{content:"";position:absolute;right:-80px;top:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(73,137,195,.14),transparent 70%);pointer-events:none}
.experience-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;position:relative;z-index:1}
.experience-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:color-mix(in srgb,var(--accent) 13%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));font-size:25px;font-weight:800;color:var(--accent)}
.experience-icon.bot-icon{font-size:22px}
.experience-status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted)}
.active-mode .experience-status{color:var(--positive,#2fbf71);border-color:rgba(47,191,113,.28);background:rgba(47,191,113,.08)}
.experience-kicker{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:7px}
.experience-card h2{font-size:27px;letter-spacing:-.025em;margin:0 0 10px}
.experience-card>p{color:var(--muted);line-height:1.6;font-size:13px;min-height:62px;margin:0}
.experience-points{display:grid;gap:9px;margin:22px 0;color:var(--text);font-size:12px}
.experience-points span{display:flex;gap:8px;align-items:center}
.bot-rate-highlight{display:flex;align-items:flex-end;gap:10px;padding:17px 18px;margin:18px 0 0;border-radius:20px;background:color-mix(in srgb,var(--accent) 9%,var(--panel-2));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}
.bot-rate-highlight strong{font-size:34px;line-height:1;color:var(--accent)}
.bot-rate-highlight span{font-size:12px;color:var(--muted);padding-bottom:3px}
.experience-request-notice{margin:18px auto 0;padding:13px 16px;width:min(700px,100%);border-radius:16px;text-align:center;background:var(--panel);border:1px solid var(--line);font-size:12px;color:var(--muted)}
.experience-footnote{text-align:center;color:var(--muted);font-size:11px;line-height:1.5;margin:18px auto 0;max-width:760px}

/* V18 flexible existing-client Excel mapper */
.import-default-mode{margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}
.import-mode-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:9px}
.import-mode-choice label{position:relative;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel);cursor:pointer}
.import-mode-choice input{accent-color:var(--accent)}
.import-mode-choice span{display:flex;flex-direction:column;gap:2px}.import-mode-choice b{font-size:12px}.import-mode-choice small{font-size:10px;color:var(--muted)}
.import-mapping-area{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}
.import-mapping-head h4{margin:4px 0 3px}.import-mapping-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.import-mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.import-map-field{display:flex;flex-direction:column;gap:5px}.import-map-field span{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}.import-map-field select{width:100%}

.mode-request-action{display:flex;gap:6px;flex-wrap:wrap}.mode-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.mode-pill.portfolio{background:rgba(214,169,68,.12);color:#c39022}.mode-pill.trading{background:rgba(70,135,196,.12);color:#4f8bc1}.mode-pill.pending{background:rgba(212,155,31,.12);color:#c28a18}

@media(max-width:760px){
  .experience-chooser{padding-left:12px;padding-right:12px}.experience-chooser-shell{justify-content:flex-start;padding-top:8px}.experience-brand-row{margin-bottom:24px}.experience-logo{width:126px}.experience-grid{grid-template-columns:1fr}.experience-card{padding:20px;border-radius:24px}.experience-card>p{min-height:0}.experience-intro{text-align:left}.experience-intro h1{font-size:34px}.experience-intro p{font-size:13px}.bot-rate-highlight strong{font-size:30px}.import-mode-choice,.import-mapping-grid{grid-template-columns:1fr}
}

/* ===== GST V19: Sapphire Atelier premium investor experience ===== */
:root{
  --bg:#050914;--bg-soft:#0a1020;--panel:#0c1424;--panel-2:#111b2e;--line:rgba(214,225,245,.10);
  --text:#f8fafc;--muted:#8d9ab1;--gold:#d8b56a;--gold-2:#f2d595;--green:#4fd6aa;--red:#ff7f8b;
  --sapphire:#4d7cff;--sapphire-2:#7aa2ff;--pearl:#f6f0e7;--shadow:0 24px 70px rgba(0,0,0,.26);
}
html[data-theme="light"]{
  --bg:#f3f0ea;--bg-soft:#ece8e1;--panel:#fffdf9;--panel-2:#f7f4ee;--line:rgba(25,44,74,.10);
  --text:#142033;--muted:#667184;--gold:#b88a35;--gold-2:#cfaa63;--sapphire:#335ecf;--sapphire-2:#567fe0;
  --shadow:0 24px 60px rgba(37,50,78,.10);
}
body{background:radial-gradient(circle at 80% -10%,rgba(70,103,214,.22),transparent 28%),radial-gradient(circle at 10% 0,rgba(202,160,81,.10),transparent 24%),linear-gradient(180deg,#07101f 0,#050914 55%,#050812 100%)}
html[data-theme="light"] body{background:radial-gradient(circle at 85% -10%,rgba(69,102,205,.12),transparent 28%),linear-gradient(180deg,#f7f3ec 0,#f1eee8 100%)}
.btn-primary{background:linear-gradient(135deg,#f0d59b,#c79b48);color:#18140e;box-shadow:0 8px 22px rgba(198,154,71,.18)}
.side-nav button:hover,.side-nav button.active{background:linear-gradient(90deg,rgba(75,119,255,.16),rgba(216,181,106,.05));color:#fff}.side-nav button.active{box-shadow:inset 2px 0 var(--sapphire)}
html[data-theme="light"] .side-nav button:hover,html[data-theme="light"] .side-nav button.active{color:#17305f;background:linear-gradient(90deg,rgba(66,104,211,.10),rgba(216,181,106,.06))}
.status-chip,.soft-badge{background:rgba(76,122,255,.10);color:#a9bfff;border-color:rgba(76,122,255,.22)}
.pq-plan-card{background:radial-gradient(circle at 85% 0,rgba(86,127,240,.22),transparent 32%),linear-gradient(145deg,#111b30,#0b1221 58%,#101828);border-color:rgba(191,210,255,.12);box-shadow:0 28px 70px rgba(0,0,0,.24)}
html[data-theme="light"] .pq-plan-card{background:radial-gradient(circle at 85% 0,rgba(66,103,211,.13),transparent 32%),linear-gradient(145deg,#fffdf9,#f4f1eb);border-color:rgba(56,82,135,.10)}
.pq-plan-status{background:rgba(79,214,170,.10)!important;color:#7ce9c3!important;border-color:rgba(79,214,170,.20)!important}

/* Growth / Network investor page */
.growth-shell{max-width:1180px;margin:0 auto}.growth-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 18px}.growth-title h2{font-size:34px;letter-spacing:-.04em;margin:5px 0 6px}.growth-title p{margin:0;color:var(--muted)}
.growth-plan-badge{padding:9px 12px;border-radius:999px;border:1px solid rgba(111,150,255,.24);background:rgba(77,124,255,.09);color:#adc2ff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.growth-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.growth-metrics article{padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(16,27,49,.98),rgba(8,15,29,.95));min-height:125px;display:flex;flex-direction:column;justify-content:center}.growth-metrics span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.growth-metrics strong{font-size:27px;margin:8px 0 4px;letter-spacing:-.035em}.growth-metrics small{color:#7d8aa1}
html[data-theme="light"] .growth-metrics article{background:linear-gradient(155deg,#fffdf9,#f5f2ec)}
.growth-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px}.growth-card{border:1px solid var(--line);background:linear-gradient(155deg,rgba(15,25,44,.98),rgba(8,14,27,.95));border-radius:24px;padding:20px;margin-bottom:14px;box-shadow:0 16px 44px rgba(0,0,0,.10)}html[data-theme="light"] .growth-card{background:linear-gradient(155deg,#fffdf9,#f6f3ed)}
.growth-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.growth-card-head h3{margin:4px 0 3px;font-size:21px}.growth-card-head p{margin:0;color:var(--muted);font-size:12px}.growth-rate{font-size:28px;font-weight:950;color:var(--gold-2)}
.growth-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.growth-info-grid>div{padding:13px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.growth-info-grid span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.growth-info-grid b{font-size:14px}
.growth-progress-block{margin-top:14px}.growth-progress-block>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.growth-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.growth-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--sapphire),var(--gold-2));transition:width .4s ease}
.growth-reward-card{background:radial-gradient(circle at 100% 0,rgba(215,181,106,.18),transparent 40%),linear-gradient(155deg,rgba(18,27,49,.98),rgba(10,15,28,.96))}.growth-reward-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ead096,#a7762d);color:#1a130a;font-size:21px}.growth-campaign-body{display:flex;flex-direction:column;gap:12px}.campaign-progress-row{padding:12px 0;border-top:1px solid var(--line)}.campaign-progress-row:first-child{border-top:0}.campaign-progress-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}.campaign-progress-row small{color:var(--muted)}
.growth-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.growth-level{border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.growth-level-num{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(77,124,255,.10);color:#9ab6ff;font-weight:950}.growth-level b{display:block}.growth-level small{color:var(--muted)}.growth-level .unlock{font-size:10px;font-weight:900;padding:6px 8px;border-radius:999px}.growth-level .unlock.yes{background:rgba(79,214,170,.10);color:#70e0bb}.growth-level .unlock.no{background:rgba(255,255,255,.05);color:#8490a4}
.growth-tag-row{display:flex;gap:8px;flex-wrap:wrap}.growth-tag-row span:not(.muted){padding:8px 11px;border-radius:999px;background:rgba(77,124,255,.09);border:1px solid rgba(77,124,255,.18);font-size:11px;font-weight:850;color:#aec2ff}.pq-growth-strip{margin-top:12px;border-radius:18px;padding:16px 17px;border:1px solid rgba(77,124,255,.18);background:linear-gradient(135deg,rgba(77,124,255,.09),rgba(215,181,106,.05));display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.pq-growth-strip span{display:block;font-size:9px;letter-spacing:.14em;color:#91a6d4;font-weight:900}.pq-growth-strip b{display:block;margin:4px 0 2px}.pq-growth-strip small{color:var(--muted)}.pq-growth-strip>strong{font-size:28px;color:#9fb8ff}

/* Admin compensation / campaign modules */
.premium-admin-card{background:radial-gradient(circle at 100% 0,rgba(79,123,255,.09),transparent 32%),linear-gradient(155deg,rgba(14,25,44,.98),rgba(8,16,28,.96))}html[data-theme="light"] .premium-admin-card{background:radial-gradient(circle at 100% 0,rgba(79,123,255,.07),transparent 32%),linear-gradient(155deg,#fffdf9,#f7f4ee)}
.level-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.level-admin-row{border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(255,255,255,.025)}.level-admin-row>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.level-admin-row strong{font-size:12px}.level-admin-row .field-grid{gap:6px}.level-admin-row input,.level-admin-row select{padding:9px!important}
.reward-admin-list{display:flex;flex-direction:column;gap:9px}.reward-admin-item{border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.025)}.reward-admin-item b{display:block}.reward-admin-item small{display:block;color:var(--muted);margin-top:3px}.reward-admin-item .form-actions{flex:0 0 auto}
.admin-network-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-network-mini>div{border:1px solid var(--line);border-radius:13px;padding:12px;background:rgba(255,255,255,.025)}.admin-network-mini span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.admin-network-mini b{display:block;font-size:18px;margin-top:5px}

@media(max-width:900px){
  .growth-title{align-items:flex-start}.growth-title h2{font-size:29px}.growth-plan-badge{font-size:9px;padding:7px 9px}
  .growth-metrics{grid-template-columns:1fr 1fr;gap:8px}.growth-metrics article{min-height:106px;padding:14px}.growth-metrics strong{font-size:21px}
  .growth-two-col{grid-template-columns:1fr}.growth-card{padding:15px;border-radius:20px}.growth-info-grid{grid-template-columns:1fr 1fr}.growth-level-grid{grid-template-columns:1fr}.level-admin-grid{grid-template-columns:1fr}
  body.portfolio-plan-account .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* ========================================================================== 
   GST V20 PREMIUM EXPERIENCE
   Investor-first private wealth aesthetic + simplified admin navigation
   ========================================================================== */
:root{
  --v20-ink:#071421;--v20-navy:#0b2135;--v20-navy-2:#0f2b44;--v20-blue:#2f7dff;
  --v20-gold:#d9b35f;--v20-gold-soft:#f3dfae;--v20-ivory:#f7f3ea;--v20-card:#0d2236;
  --v20-line:rgba(255,255,255,.10);--v20-shadow:0 24px 70px rgba(0,0,0,.22);
}
body{font-family:"Inter","SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em}
html[data-theme="light"] body{background:#f5f3ee;color:#132235}

/* refined controls */
.btn{font-weight:700;letter-spacing:-.01em;border-radius:14px}
.btn-primary{background:linear-gradient(135deg,#e7ca85,#c89c3e);color:#172033;box-shadow:0 10px 26px rgba(201,157,65,.18)}
.eyebrow{font-weight:700;letter-spacing:.14em;color:#94a3b7}
.ui-svg-icon,.side-nav button span svg,.bottom-nav button span svg,[data-ui-icon] svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* premium logo handling: preserve the actual mark on light backgrounds */
html[data-theme="light"] .auth-logo,html[data-theme="light"] .sidebar-brand .theme-logo,html[data-theme="light"] .experience-logo{
  background:linear-gradient(135deg,#07131f,#14283b)!important;padding:10px 12px;border-radius:16px!important;
  box-shadow:0 12px 30px rgba(7,19,31,.18)!important;
}
html[data-theme="light"] .hero-logo{border-radius:24px;overflow:hidden;box-shadow:0 16px 44px rgba(7,19,31,.16)!important}

/* auth */
.auth-shell{background:linear-gradient(145deg,#081624 0,#0a2337 56%,#0b1727 100%)}
.auth-visual{background:radial-gradient(circle at 22% 14%,rgba(217,179,95,.14),transparent 34%),radial-gradient(circle at 80% 76%,rgba(58,115,191,.16),transparent 32%)}
.brand-card{background:linear-gradient(155deg,rgba(11,32,50,.92),rgba(6,17,28,.88));border-color:rgba(255,255,255,.08);box-shadow:0 35px 100px rgba(0,0,0,.32)}
.auth-copy h1{font-size:clamp(38px,4.4vw,62px);font-weight:750;letter-spacing:-.055em}
.auth-copy p{font-size:15px;max-width:620px;color:#aeb9c8}
.feature-strip>div{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07);padding:16px 17px}
.auth-panel{background:rgba(5,14,23,.88)}
html[data-theme="light"] .auth-panel{background:#f8f6f1}
.auth-box{width:min(430px,100%)}
.auth-welcome h2{font-size:29px;letter-spacing:-.045em;font-weight:760}
.auth-form label{font-weight:600;font-size:12px}
.auth-form input{min-height:52px;border-radius:14px;border-color:rgba(255,255,255,.09);font-size:15px}
html[data-theme="light"] .auth-form input{border-color:#dedbd3;background:#fffdf9}
.tab-row{border-radius:16px;padding:5px}.tab{padding:12px;font-weight:700}

/* show/hide password */
.password-input-shell{position:relative;width:100%}
.password-input-shell>input{padding-right:50px!important}
.password-visibility{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:#8795a8;display:grid;place-items:center;border-radius:10px;padding:0}
.password-visibility:hover{background:rgba(255,255,255,.05);color:var(--text)}
.password-visibility svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="light"] .password-visibility:hover{background:#f1eee7}

/* app chrome */
.sidebar{background:linear-gradient(180deg,#071522 0,#091c2d 100%);border-right-color:rgba(255,255,255,.07);padding:18px 14px}
.sidebar-brand{border-bottom:0;padding:4px 10px 24px}.sidebar-brand img{max-height:76px}
.side-nav{gap:4px}.side-nav button{font-weight:600;color:#8797aa;border-radius:14px;padding:12px 13px}.side-nav button.active{background:rgba(255,255,255,.055);box-shadow:none;color:#f7e3ad}.side-nav button.active:before{content:"";width:3px;height:22px;border-radius:9px;background:var(--v20-gold);margin-right:2px}
.topbar{min-height:72px;background:rgba(7,20,33,.87);border-bottom-color:rgba(255,255,255,.06)}
html[data-theme="light"] .topbar{background:rgba(248,246,241,.92);border-color:#e8e4dc}
.topbar-title{font-size:19px;font-weight:720;letter-spacing:-.03em}.topbar-sub{font-size:11px}
.market-mini{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.07);border-radius:13px}
.avatar{border-radius:50%;background:linear-gradient(135deg,#e5c47b,#b68a34);box-shadow:0 8px 22px rgba(191,145,51,.2)}

/* notification bell */
.notification-bell,.pq-circle-btn{position:relative}
.notification-bell{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);display:grid;place-items:center;padding:0}
html[data-theme="light"] .notification-bell{background:#fff;border-color:#e2ded6;color:#1e3044}
.notification-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e35858;color:white;font-size:10px;font-style:normal;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}
.notification-badge.mini{right:-6px;top:-6px}
.notification-center-backdrop{position:fixed;inset:0;z-index:7000;background:rgba(2,8,14,.62);backdrop-filter:blur(9px);display:flex;justify-content:flex-end;align-items:stretch}
.notification-center{width:min(430px,100%);height:100%;background:linear-gradient(180deg,#0b1d2e,#07131f);border-left:1px solid rgba(255,255,255,.08);padding:22px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:-30px 0 80px rgba(0,0,0,.28);overflow:auto}
html[data-theme="light"] .notification-center{background:#faf8f3;color:#132235;border-color:#e8e3d9}
.notification-center header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 2px 18px}.notification-center header h2{margin:5px 0 0;font-size:27px;letter-spacing:-.04em}.notification-center header button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font-size:24px}.notification-center-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.notification-center-actions button{border:0;background:transparent;color:#d9b35f;font-weight:700}
.notification-list{display:flex;flex-direction:column;padding-top:8px}.notification-item{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:16px 4px;text-align:left}.notification-item.unread{background:linear-gradient(90deg,rgba(217,179,95,.07),transparent)}.notification-mark{width:8px;height:8px;border-radius:50%;background:#6e7c8e;margin-top:7px}.notification-mark.success{background:#43c896}.notification-mark.warning{background:#e4a64a}.notification-copy{display:flex;flex-direction:column;gap:5px}.notification-copy b{font-size:14px}.notification-copy small{font-size:12px;color:var(--muted);line-height:1.5}.notification-copy em{font-size:10px;color:#718093;font-style:normal}.notification-empty{padding:48px 12px;text-align:center;display:flex;flex-direction:column;gap:7px}.notification-empty b{font-size:16px}.notification-empty span{font-size:12px;color:var(--muted)}

/* investor Bot home - calmer private wealth look */
.plan-quality-home{max-width:1180px;margin:0 auto}.pq-userbar{padding:4px 0 18px;border-bottom:0}.pq-user-identity{gap:12px}.pq-avatar{background:linear-gradient(135deg,#e6c57f,#aa7b24)!important;color:#0a1927!important;box-shadow:0 8px 25px rgba(185,139,49,.2)}
.pq-balance-hero{padding:34px 0 28px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}
.pq-balance-hero>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8798ac}.pq-balance-hero strong{font-size:clamp(42px,6vw,70px);font-weight:690;letter-spacing:-.065em}.pq-balance-hero small{font-size:13px;color:#8fa0b3}
.pq-actions{grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 24px}.pq-actions button{background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.075);border-radius:20px;padding:18px 12px;color:#d8e0e9}.pq-actions button span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;margin:0 auto 10px;background:rgba(217,179,95,.10);color:#e1bf72}.pq-actions button b{font-size:12px;font-weight:650}.pq-actions button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65}
.pq-plan-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#102f49,#0a2034 62%,#081927);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:28px;box-shadow:0 22px 65px rgba(0,0,0,.18)}
.pq-plan-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-150px;top:-180px;background:radial-gradient(circle,rgba(217,179,95,.18),transparent 70%);pointer-events:none}
.pq-plan-card-top{align-items:flex-start}.pq-kicker{color:#c6a55e!important;font-size:10px!important;letter-spacing:.16em!important}.pq-plan-card h2{font-size:31px!important;font-weight:680!important;letter-spacing:-.045em!important;margin:7px 0 0!important}.pq-plan-card>p{max-width:690px;color:#a7b5c4;line-height:1.65;font-size:13px}
.pq-plan-status{background:rgba(255,255,255,.06)!important;color:#c8d1dc!important;border-color:rgba(255,255,255,.10)!important;font-size:9px!important}.pq-plan-grid{gap:10px;margin-top:22px}.pq-plan-grid>div{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;padding:15px!important}.pq-plan-grid span{font-size:10px!important;text-transform:uppercase;letter-spacing:.07em}.pq-plan-grid strong{font-size:19px!important}.pq-policy-line{margin-top:17px;display:flex;gap:8px;flex-wrap:wrap}.pq-policy-line span{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 10px;color:#a9b5c3;font-size:10px}
.pq-section-head{margin:26px 0 10px}.pq-section-head h3{font-size:18px;letter-spacing:-.03em}.pq-section-head button{font-weight:650}
.pq-list-card{background:linear-gradient(160deg,rgba(14,34,52,.86),rgba(8,23,37,.88));border:1px solid rgba(255,255,255,.07);border-radius:22px;overflow:hidden;box-shadow:none}.pq-list-row{padding:17px 18px}.pq-list-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.06)}.pq-asset,.pq-icon-bubble{border-radius:14px!important}.pq-list-row b{font-weight:650}.pq-list-row small{font-size:11px}.pq-growth-strip{background:linear-gradient(110deg,#102c43,#12283c);border:1px solid rgba(255,255,255,.07);border-radius:22px;margin-top:18px;box-shadow:none}.pq-growth-strip span{color:#d7b564!important}
html[data-theme="light"] .pq-balance-hero{border-color:#e5e0d6}.pq-balance-hero strong{color:inherit}
html[data-theme="light"] .pq-actions button{background:#fff;border-color:#e7e2d8;color:#25374a;box-shadow:0 10px 28px rgba(45,55,70,.05)}
html[data-theme="light"] .pq-plan-card{background:linear-gradient(145deg,#132e45,#0c2033);color:#fff}
html[data-theme="light"] .pq-list-card{background:#fff;border-color:#e7e2d8;box-shadow:0 10px 28px rgba(35,47,60,.05)}
html[data-theme="light"] .pq-list-row:not(:last-child){border-color:#ece8df}.pq-growth-strip{color:#fff}

/* premium experience chooser */
.experience-chooser{background:radial-gradient(circle at 75% 12%,rgba(217,179,95,.12),transparent 34%),linear-gradient(160deg,#071522,#0b2135)}
.experience-chooser-shell{max-width:1080px}.experience-intro h1{font-weight:720;letter-spacing:-.055em}.experience-intro p{max-width:620px;color:#9cadbf}.experience-grid{gap:18px}.experience-card{border-radius:28px;padding:26px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.14)}.experience-card.active-mode{border-color:rgba(217,179,95,.42);box-shadow:0 0 0 1px rgba(217,179,95,.10),0 24px 70px rgba(0,0,0,.20)}.experience-card h2{font-size:27px;letter-spacing:-.04em}.experience-card>p{color:#9eadbd;line-height:1.6}.bot-rate-highlight{background:linear-gradient(135deg,rgba(217,179,95,.14),rgba(255,255,255,.025));border-color:rgba(217,179,95,.20)}

/* Simplified Admin */
.admin-console-head{align-items:center;padding:0 0 18px;margin-bottom:0}.admin-console-head h2{font-size:32px;font-weight:720;letter-spacing:-.045em}.admin-console-head p{font-size:13px}
.admin-section-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;margin:0 0 18px!important}
.admin-nav-group{display:flex;flex-direction:column;gap:5px;padding:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:18px}.admin-nav-label{display:block;padding:2px 4px 6px;font-size:9px;font-weight:800;letter-spacing:.13em;color:#75869a}.admin-nav-group button{width:100%!important;text-align:left!important;border:0!important;background:transparent!important;padding:9px 10px!important;border-radius:11px!important;font-size:11px!important;font-weight:620!important;color:#95a3b3!important}.admin-nav-group button:hover{background:rgba(255,255,255,.04)!important;color:#eef2f7!important}.admin-nav-group button.active{background:rgba(217,179,95,.10)!important;color:#e5c579!important;box-shadow:inset 0 0 0 1px rgba(217,179,95,.14)!important}
.admin-nav-trading{border-top:2px solid rgba(47,125,255,.48)}.admin-nav-bot{border-top:2px solid rgba(217,179,95,.56)}
html[data-theme="light"] .admin-nav-group{background:#fff;border-color:#e7e2d8}.admin-nav-group button:hover{background:#f6f3ed!important;color:#203247!important}html[data-theme="light"] .admin-nav-group button.active{background:#f4ead2!important;color:#785817!important}
.admin-stream-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}.admin-stream-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.04),rgba(255,255,255,.018));position:relative}.stream-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:#9abef9}.bot-stream .stream-icon{color:#e2bd6b;background:rgba(217,179,95,.09)}.stream-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.admin-stream-card>div:nth-child(2)>span{font-size:9px;letter-spacing:.13em;color:#798ba0;font-weight:800}.admin-stream-card h3{font-size:22px;margin:5px 0 4px}.admin-stream-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.stream-actions{grid-column:1/-1;display:flex;gap:7px}.stream-actions button{border:1px solid var(--line);background:transparent;color:#b8c4d1;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:650}.stream-actions button:hover{background:rgba(255,255,255,.04)}
.admin-metric-card{border-radius:18px;background:linear-gradient(155deg,rgba(14,35,53,.88),rgba(8,22,35,.88));padding:15px}.admin-metric-card strong{font-size:24px;font-weight:680;letter-spacing:-.04em}.admin-metric-card span{font-size:9px;letter-spacing:.09em}
html[data-theme="light"] .admin-stream-card,html[data-theme="light"] .admin-metric-card{background:#fff;border-color:#e7e2d8;box-shadow:0 10px 25px rgba(35,47,60,.04)}

/* notifications admin */
.notification-admin-list{display:flex;flex-direction:column;max-height:540px;overflow:auto}.notification-admin-row{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;padding:13px 2px;border-bottom:1px solid var(--line)}.notification-admin-row div{display:flex;flex-direction:column;gap:3px}.notification-admin-row b{font-size:13px}.notification-admin-row small,.notification-admin-row em{font-size:10px;color:var(--muted);font-style:normal}.notification-admin-row p{margin:3px 0;font-size:12px;line-height:1.45;color:#aeb8c6}
html[data-theme="light"] .notification-admin-row p{color:#5d6c7e}

/* cards / panels */
.panel{border-radius:20px;box-shadow:none}.section-title h2,.hero-dashboard h2{font-weight:720}.quality-profile-card,.quality-settings-card,.quality-detail-card{border-radius:22px!important}

@media(max-width:980px){.admin-section-nav{grid-template-columns:1fr 1fr!important}.admin-stream-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  .content{padding:14px 12px 96px!important}.topbar{padding:0 12px;min-height:64px}.market-mini{display:none}.topbar-title{font-size:16px}.notification-bell{width:38px;height:38px}
  .pq-userbar{padding-top:3px}.pq-balance-hero{padding:26px 2px 22px}.pq-balance-hero strong{font-size:48px}.pq-actions{gap:8px;margin:16px 0 18px}.pq-actions button{border-radius:18px;padding:14px 6px}.pq-actions button span{width:38px;height:38px;margin-bottom:8px}.pq-plan-card{padding:22px 18px;border-radius:24px}.pq-plan-card h2{font-size:27px!important}.pq-plan-grid{grid-template-columns:1fr 1fr!important}.pq-plan-grid>div{padding:13px!important}.pq-list-card,.pq-growth-strip{border-radius:20px}
  .bottom-nav{border-radius:22px;height:70px;background:rgba(6,18,29,.97);border-color:rgba(255,255,255,.07);padding:5px 4px}.bottom-nav button{font-size:8px;font-weight:650;gap:4px}.bottom-nav button span svg{width:20px;height:20px}.bottom-nav button.active{background:rgba(217,179,95,.09);color:#e4c16f}
  html[data-theme="light"] .bottom-nav{background:rgba(250,248,243,.98);border-color:#e4dfd5}.bottom-nav button.active{color:#9b7427}
  .admin-section-nav{grid-template-columns:1fr!important;gap:8px!important}.admin-nav-group{padding:10px}.admin-nav-group{display:grid;grid-template-columns:1fr 1fr}.admin-nav-label{grid-column:1/-1}.admin-nav-group button{text-align:center!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.04)!important}.admin-console-head{flex-direction:column;align-items:flex-start!important}.admin-head-actions{width:100%}.admin-metrics-grid{grid-template-columns:1fr 1fr!important}.admin-stream-grid{grid-template-columns:1fr}.admin-stream-card{padding:16px}
  .notification-center{width:100%;border-left:0;border-radius:24px 24px 0 0;height:min(82vh,760px);margin-top:auto}.notification-center-backdrop{align-items:flex-end}.notification-center header{padding-top:2px}
  .auth-visual{display:none}.auth-shell{display:block;background:#071522}.auth-panel{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#081624,#06111d)}html[data-theme="light"] .auth-panel{background:#f7f4ed}.auth-box{max-width:420px}.auth-logo{width:190px!important;margin-bottom:28px!important}.auth-welcome h2{font-size:31px}.auth-form input{min-height:54px}
}
/* keep Admin landing page intentionally simple; detailed trade metrics live in Trading Overview */
#admin-dashboard>.admin-metrics-grid>.admin-metric-card:nth-child(2),
#admin-dashboard>.admin-metrics-grid>.admin-metric-card:nth-child(3),
#admin-dashboard>.admin-metrics-grid>.admin-metric-card:nth-child(7),
#admin-dashboard>.admin-metrics-grid>.admin-metric-card:nth-child(8){display:none}
#admin-dashboard>.admin-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){#admin-dashboard>.admin-metrics-grid{grid-template-columns:1fr 1fr!important}}
.settings-icon svg,.quality-signout span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.settings-icon{display:grid!important;place-items:center!important}
.quality-signout span{display:grid;place-items:center}


/* =============================================================
   V21.1 HOTFIX — Admin navigation + stable investor routing
   ============================================================= */
@media (min-width:901px){
  #page-admin.active{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  #page-admin .admin-console-head{
    display:flex!important;
    width:100%!important;
    margin-bottom:14px!important;
  }
  #page-admin .admin-tabs.admin-section-nav{
    position:static!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0 0 18px!important;
    gap:10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #page-admin .admin-nav-group{
    min-width:0!important;
    width:100%!important;
  }
  #page-admin .admin-tab-pane.active{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}
@media (min-width:901px) and (max-width:1280px){
  #page-admin .admin-tabs.admin-section-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:900px){
  #page-admin.active{display:block!important}
  #page-admin .admin-tabs.admin-section-nav{position:static!important;top:auto!important}
}

/* GST V22 — referral, income visibility, dual-network wallet */
.referral-status{margin-top:-6px;padding:9px 11px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.01em}
.referral-status.success{background:rgba(51,186,126,.12);border:1px solid rgba(51,186,126,.28);color:#78d8a9}
.referral-status.error{background:rgba(224,84,84,.11);border:1px solid rgba(224,84,84,.25);color:#ff9a9a}
.referral-share-card{overflow:hidden;position:relative}
.referral-share-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-110px;background:radial-gradient(circle,rgba(224,184,92,.18),rgba(224,184,92,0) 70%);pointer-events:none}
.referral-code-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:14px}
.referral-code-line span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.referral-code-line strong{font-size:18px;letter-spacing:.04em}
.referral-link-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:14px}
.referral-link-line code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px 14px;border-radius:13px;background:var(--input);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.referral-link-line>div{display:flex;gap:8px}
.growth-income-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
.growth-income-summary article{padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow-sm)}
.growth-income-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.growth-income-summary strong{display:block;font-size:23px;letter-spacing:-.02em}
.growth-income-summary small{display:block;color:var(--muted);margin-top:5px}
.income-history-list{display:grid;gap:1px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line)}
.income-history-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:var(--panel)}
.income-history-row b{display:block;font-size:14px}.income-history-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.income-history-row strong{white-space:nowrap}
.wallet-network-select{display:grid!important;gap:6px;color:var(--muted);font-size:12px}
.wallet-network-select select{min-width:130px}
.post-status-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:13px 15px;border:1px solid rgba(45,184,122,.26);background:rgba(45,184,122,.1);border-radius:14px}
.post-status-banner b{font-size:11px;letter-spacing:.13em;color:#6ed3a1}.post-status-banner span{font-weight:700}.post-status-banner small{color:var(--muted);margin-left:auto}
@media(max-width:760px){.referral-link-line{grid-template-columns:1fr}.referral-link-line>div{width:100%}.referral-link-line .btn{flex:1}.growth-income-summary{grid-template-columns:1fr}.post-status-banner small{margin-left:0;width:100%}}
