*{box-sizing:border-box}body{margin:0;background:#06111c;color:#edf5fb;font-family:Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.brokerSide{position:fixed;inset:0 auto 0 0;width:210px;background:#071522;border-right:1px solid #173047;padding:18px 12px;z-index:20}.brokerLogo{display:flex;gap:9px;align-items:center;font-weight:900;font-size:17px}.brokerLogo>span{font-size:27px;color:#20d98b}.brokerLogo small{display:block;color:#20d98b;font-size:7px;letter-spacing:2px}.brokerSide nav{margin-top:28px}.brokerSide nav>b{display:block;color:#4f6a80;font-size:8px;letter-spacing:1.6px;margin:22px 8px 8px}.brokerSide nav>a{display:flex;gap:11px;padding:9px 10px;color:#9bb1c3;font-size:11px;border-radius:7px}.brokerSide nav>a:hover{background:#0d2b47;color:#fff}.sideFoot{position:absolute;bottom:18px;color:#4f687d;font-size:8px}.sideFoot>*{display:block}.brokerApp{margin-left:210px}.brokerTop{height:58px;border-bottom:1px solid #173047;background:#07141f;display:flex;justify-content:space-between;align-items:center;padding:0 18px;position:sticky;top:0;z-index:10}.topIndices{display:flex;height:100%}.topIndices>a{min-width:115px;padding:10px 13px;border-right:1px solid #132a3e;display:grid;grid-template-columns:1fr auto}.topIndices small{font-size:7px;color:#758da1}.topIndices b{font-size:10px}.topIndices em{grid-column:2;grid-row:1/3;font-style:normal;font-size:8px;align-self:center}.topUser{display:flex;gap:9px;align-items:center}.topUser .avatar{width:32px;height:32px;border:1px solid #31506a;border-radius:50%;display:grid;place-items:center}.topUser b,.topUser small{display:block;font-size:9px}.topUser small{color:#6e879b}.brokerMain{padding:14px;max-width:1600px;margin:auto}.green{color:#20d98b!important}.red{color:#ff526a!important}.dashHero{display:grid;grid-template-columns:1.4fr 1fr .48fr;gap:10px}.promo,.headline,.marketStatus,.panelPro{background:linear-gradient(145deg,#0b1b29,#081520);border:1px solid #18364d;border-radius:9px}.promo{padding:23px;display:flex;justify-content:space-between;overflow:hidden}.promo h1{margin:0;font-size:21px}.promo p,.headline p,.marketStatus p{color:#7890a4;font-size:9px}.promo a{display:inline-block;background:#20d98b;color:#03140d;padding:9px 14px;border-radius:6px;font-size:9px;font-weight:800}.promo a.outline{background:transparent;color:#b8cad8;border:1px solid #31516a;margin-left:5px}.bullArt{font-size:110px;color:#1b946b;opacity:.45;line-height:.7}.headline,.marketStatus{padding:15px}.headline small,.pageTitle>div>small,.panelHead small{color:#20d98b;font-size:8px;letter-spacing:1.2px}.headline h3{font-size:13px}.headline a{font-size:8px;color:#42a8ff}.marketStatus h3{font-size:16px;margin:12px 0}.liveDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#20d98b;margin-right:5px}.heroStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.heroStats>div{display:flex;gap:12px;align-items:center;background:#0b1b29;border:1px solid #18364d;border-radius:9px;padding:14px}.heroStats i{width:38px;height:38px;border-radius:50%;background:#10334a;display:grid;place-items:center;color:#20d98b;font-style:normal}.heroStats span{font-size:8px;color:#728a9e}.heroStats b{display:block;color:#fff;font-size:16px;margin:3px 0}.heroStats em{display:block;font-size:8px;font-style:normal}.workspace{display:grid;grid-template-columns:1.6fr .72fr;gap:10px}.panelPro{padding:12px}.marketTabs{display:flex;gap:22px;border-bottom:1px solid #18364d;padding:0 5px 10px;font-size:8px;color:#7d95a8}.marketTabs b{color:#fff}.boardSearch{width:48%;background:#07131e;border:1px solid #19364c;padding:8px;border-radius:6px;color:#5e788d;font-size:8px;margin:10px 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #142b3e;padding:9px;font-size:9px}th{color:#638096;font-size:7px}.sparkMini{color:#20d98b}.tradeBuy,.tradeSell{display:inline-block;padding:5px 12px;border-radius:4px;color:#fff;font-size:8px;font-weight:900}.tradeBuy{background:#19bd7c}.tradeSell{background:#ef445a;margin-left:4px}.terminalAsset{display:grid;grid-template-columns:35px 1fr auto auto;gap:8px;align-items:center}.assetRound{width:33px;height:33px;border-radius:50%;background:#c8323d;display:grid;place-items:center;font-size:8px}.terminalAsset small{display:block;color:#71899c;font-size:7px}.terminalAsset strong{font-size:15px}.terminalAsset em{font-style:normal;font-size:8px}.miniCandle{height:185px;display:flex;align-items:center;gap:4px;background:repeating-linear-gradient(0deg,transparent,transparent 45px,#142b3e 46px);padding:20px}.miniCandle i{width:8px;display:block}.miniCandle .up{background:#20d98b}.miniCandle .down{background:#ff526a}.quickOrder{border-top:1px solid #173047;padding-top:10px}.buySell{display:grid;grid-template-columns:1fr 1fr;background:#07131e;padding:3px}.buySell>*{padding:7px;text-align:center;font-size:8px}.buySell b{background:#19bd7c}.quickOrder label{display:block;color:#71899c;font-size:8px;margin-top:8px}.quickOrder input,.quickOrder select,.moneyCard input{width:100%;background:#07131e;color:#fff;border:1px solid #214059;border-radius:6px;padding:8px;margin-top:4px}.quickOrder p{font-size:8px}.quickOrder> a{display:block;background:#19bd7c;padding:9px;text-align:center;font-size:9px;font-weight:900}.bottomGrid{display:grid;grid-template-columns:1fr .65fr .55fr;gap:10px;margin-top:10px}.bottomGrid h3{font-size:11px}.newsRow{display:flex;gap:12px;border-bottom:1px solid #142b3e;padding:8px;font-size:8px}.newsRow small{color:#628095}.portfolioDonut{height:150px;display:grid;place-items:center}.portfolioDonut>div{width:130px;height:130px;border-radius:50%;background:conic-gradient(#168cff 0 34%,#20d98b 34% 55%,#ffc742 55% 72%,#826cff 72% 88%,#263d50 88%);display:grid;place-items:center;position:relative}.portfolioDonut>div:after{content:"";position:absolute;width:82px;height:82px;background:#0a1824;border-radius:50%}.portfolioDonut b,.portfolioDonut small{z-index:1;position:absolute}.portfolioDonut b{font-size:10px}.portfolioDonut small{margin-top:27px;font-size:6px;color:#698397}.quickLinks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quickLinks h3{grid-column:1/-1}.quickLinks a{background:#0d2638;border:1px solid #1a3b53;border-radius:6px;padding:13px 5px;text-align:center;font-size:8px}.pageTitle{display:flex;justify-content:space-between;align-items:end;margin:10px 0 18px}.pageTitle h1{font-size:27px;margin:4px 0}.pageTitle p{font-size:10px;color:#70889c;margin:0}.securePill{background:#0d3328;color:#20d98b;border-radius:20px;padding:7px 10px;font-size:8px}.walletStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.walletStats>div{background:#0b1b29;border:1px solid #18364d;border-radius:9px;padding:17px}.walletStats small,.walletStats span{display:block;color:#6d8599;font-size:8px}.walletStats b{display:block;font-size:20px;margin:8px 0}.walletGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.moneyCard{display:grid;grid-template-columns:50px 1fr;gap:12px}.moneyCard form{grid-column:1/-1}.moneyCard h2{font-size:15px;margin:3px 0}.moneyCard p{color:#6e869a;font-size:9px}.moneyIcon{width:45px;height:45px;border-radius:11px;display:grid;place-items:center;font-size:20px}.moneyIcon.in{background:#0e3a2d;color:#20d98b}.moneyIcon.out{background:#38202a;color:#ff6078}.moneyCard label{display:block;color:#71899c;font-size:8px;margin:9px 0}.moneyInput{display:flex;align-items:center;background:#07131e;border:1px solid #214059;border-radius:6px;margin-top:4px}.moneyInput span{padding-left:10px}.moneyInput input{border:0;margin:0}.moneySubmit{width:100%;background:#19bd7c;border:0;color:#fff;border-radius:6px;padding:10px;font-weight:900}.moneySubmit.secondary{background:#1b6fa8}.requestTable{margin-top:10px;overflow:auto}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panelHead h3{margin:3px 0;font-size:12px}.panelHead a{font-size:8px;color:#4faeff}.txnIcon{display:inline-grid;width:26px;height:26px;border-radius:7px;place-items:center;margin-right:7px}.txnIcon.in{background:#0e3a2d;color:#20d98b}.txnIcon.out{background:#38202a;color:#ff6078}.statusBadge{padding:5px 8px;border-radius:20px;font-size:7px}.statusBadge.pending{background:#382d16;color:#ffc75a}.statusBadge.approved{background:#0e382c;color:#20d98b}.statusBadge.rejected{background:#3a2028;color:#ff6078}.emptyState{text-align:center;color:#61798e;padding:25px}.adminActions{display:flex;gap:7px}.adminActions a{background:#0b1b29;border:1px solid #18364d;padding:9px 12px;border-radius:7px;font-size:8px}.adminStats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.adminStats>div{display:flex;gap:10px;background:#0b1b29;border:1px solid #18364d;padding:14px;border-radius:9px}.adminStats i{font-style:normal;color:#20d98b}.adminStats span{font-size:7px;color:#6d8599}.adminStats b{display:block;color:#fff;font-size:15px;margin:4px 0}.adminStats small{display:block}.adminWork{display:grid;grid-template-columns:1.4fr .6fr;gap:10px;margin-top:10px}.volumeBars{height:230px;display:flex;align-items:flex-end;gap:15px;background:repeating-linear-gradient(0deg,transparent,transparent 45px,#142b3e 46px);padding:15px}.volumeBars div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.volumeBars i{width:55%;background:linear-gradient(#219cff,#1764d6);border-radius:4px 4px 0 0}.volumeBars small{font-size:6px;color:#60798f}.serviceRow{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #142b3e}.serviceRow>i{width:8px;height:8px;border-radius:50%}.serviceRow>i.ok{background:#20d98b}.serviceRow>i.bad{background:#ff526a}.serviceRow span{flex:1}.serviceRow b,.serviceRow small{display:block;font-size:8px}.serviceRow small{color:#61798e}.serviceRow strong{font-size:7px}.moduleGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.moduleGrid a{background:#0b1b29;border:1px solid #18364d;border-radius:8px;padding:13px}.moduleGrid i,.moduleGrid b,.moduleGrid span{display:block}.moduleGrid i{color:#20d98b}.moduleGrid b{font-size:9px;margin:6px 0}.moduleGrid span{font-size:7px;color:#627b90}.publicPro{height:70px;max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.publicMain{max-width:1200px;margin:auto;padding:30px}.mobileDock{display:none}@media(max-width:1100px){.brokerSide{width:175px}.brokerApp{margin-left:175px}.topIndices a:nth-child(n+3){display:none}.dashHero{grid-template-columns:1fr 1fr}.marketStatus{display:none}.workspace,.bottomGrid,.adminWork{grid-template-columns:1fr}.moduleGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.brokerSide{display:none}.brokerApp{margin:0}.brokerMain{padding:10px 10px 75px}.brokerTop{height:52px}.topIndices a:nth-child(n+2){display:none}.heroStats,.walletStats,.adminStats{grid-template-columns:1fr 1fr}.dashHero,.walletGrid{grid-template-columns:1fr}.headline{display:none}.workspace{grid-template-columns:1fr}.rightTerminal{display:none}.moduleGrid{grid-template-columns:1fr 1fr}.mobileDock{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(5,1fr);background:#071522ee;border-top:1px solid #18364d;padding:7px;z-index:50}.mobileDock a{text-align:center;font-size:15px;color:#7f98ac}.mobileDock small{display:block;font-size:6px}.boardSearch{width:100%}}
/* ===== V9.5.2 GLOBAL COMPATIBILITY / PUBLIC / AUTH ===== */
html,body{min-height:100%}
button,input,select,textarea{font:inherit}
input,select,textarea{outline:none}
.publicPro{height:76px;max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid #142c40}
.publicPro nav{display:flex;gap:12px;align-items:center}
.publicPro nav a{padding:10px 15px;border-radius:7px;color:#a8bac8;font-size:12px}
.publicPro nav .primary,.primary,.btn{background:#20d98b!important;color:#03140d!important;border:0;border-radius:7px;padding:11px 16px;font-weight:800;display:inline-block;cursor:pointer}
.publicMain{max-width:1280px;margin:auto;padding:40px 28px 80px}
.landing{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.landing h1{font-size:62px;line-height:1.02;letter-spacing:-2.8px;margin:18px 0}
.landing h1 i{font-style:normal;color:#20d98b}
.landing p{font-size:17px;color:#8298aa;line-height:1.65;max-width:600px}
.eyebrow,.tag{color:#20d98b;font-size:10px;font-weight:900;letter-spacing:1.5px}
.landingActions{display:flex;gap:10px;margin:28px 0}
.ghost,.ghostbtn{border:1px solid #29475e!important;background:transparent!important;color:#b8cad7!important;padding:10px 15px;border-radius:7px}
.trust{display:flex;gap:18px;color:#688196;font-size:10px;flex-wrap:wrap}
.terminalMock{background:linear-gradient(145deg,#0c1d2b,#08141f);border:1px solid #1a3a52;border-radius:18px;padding:26px;box-shadow:0 35px 100px #0007}
.mocktop{display:flex;justify-content:space-between;color:#7991a4;font-size:10px}.mocktop b{color:#20d98b}
.terminalMock h3{font-size:10px;color:#70889c;margin:28px 0 7px}.terminalMock>strong{display:block;font-size:34px}.terminalMock>span{font-size:10px}
.mockchart{height:170px;display:flex;align-items:center;color:#20d98b;font-size:42px;letter-spacing:-8px;overflow:hidden}
.mockstocks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mockstocks span{background:#07131e;border:1px solid #17344a;border-radius:7px;padding:10px;font-size:9px}.mockstocks b{display:block}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0 60px}.features>div{background:#0b1b29;border:1px solid #18364d;border-radius:10px;padding:20px}.features small{color:#20d98b}.features p{color:#71899c;font-size:10px}
.auth{max-width:470px!important;margin:65px auto!important;background:linear-gradient(145deg,#0c1d2b,#08141f)!important;border:1px solid #1a3a52!important;border-radius:15px!important;padding:30px!important;box-shadow:0 30px 80px #0005}
.auth h1{font-size:30px;margin:8px 0 22px}.auth p{color:#71899c;font-size:11px}.auth form{display:block}
.auth label{display:block!important;color:#7890a4!important;font-size:10px!important;margin:15px 0!important}
.auth input{display:block!important;width:100%!important;background:#07131e!important;border:1px solid #21425b!important;border-radius:7px!important;color:#fff!important;padding:12px!important;margin-top:6px!important}
.auth button{width:100%;margin-top:8px}.alert,.notice{background:#13372d;border:1px solid #23664f;color:#9de8c9;border-radius:8px;padding:11px 13px;margin:12px 0;font-size:10px}
.pagehead,.title,.welcome{display:flex;justify-content:space-between;align-items:center;margin:10px 0 20px}.pagehead h1,.title h1,.welcome h1{font-size:27px;margin:4px 0}.pagehead small,.title small,.welcome small{color:#20d98b;font-size:8px;letter-spacing:1.2px}
.glass,.panel,.card{background:linear-gradient(145deg,#0b1b29,#081520);border:1px solid #18364d;border-radius:10px;padding:16px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards.two{grid-template-columns:1fr 1fr}
.stats,.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.stats>div,.metric{background:#0b1b29;border:1px solid #18364d;border-radius:9px;padding:16px}.stats small,.metric small{display:block;color:#6d8599;font-size:8px}.stats b,.metric b{display:block;font-size:20px;margin:7px 0}
.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
label{display:block;color:#71899c;font-size:9px;margin:10px 0}
input,select,textarea{width:100%;background:#07131e;color:#fff;border:1px solid #214059;border-radius:7px;padding:10px;margin-top:5px}
textarea{min-height:110px;resize:vertical}
.full{width:100%}.muted,.sub{color:#647e93!important;font-size:9px}
.table{overflow:auto}.table table{min-width:680px}
.inline{display:flex;gap:6px;align-items:center}.inline input,.inline select{margin:0}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.actions button,.buy,.sell{border:0;border-radius:6px;padding:10px;color:#fff;font-weight:900;cursor:pointer}.buy{background:#18b979}.sell{background:#e94459}
.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}
.notification{display:flex;justify-content:space-between;gap:15px;padding:13px;border-bottom:1px solid #142b3e}.notification.unread{border-left:3px solid #20d98b;background:#0c211e}.notification p{color:#7890a4;font-size:10px}
.chat{display:flex;flex-direction:column;gap:8px}.bubble{max-width:75%;padding:12px;border-radius:10px;background:#10283a}.bubble.customer{align-self:flex-end}.bubble.staff{align-self:flex-start;border-left:3px solid #20d98b}
.historychart{height:240px;display:flex;align-items:flex-end;gap:4px;background:repeating-linear-gradient(0deg,transparent,transparent 47px,#142b3e 48px)}.historychart div{height:var(--h);flex:1;background:#20d98b;border-radius:3px 3px 0 0}
.marketstrip{display:flex;gap:8px;overflow:auto;margin-bottom:10px}.marketstrip a{min-width:155px;background:#0b1b29;border:1px solid #18364d;border-radius:8px;padding:10px;display:grid;gap:3px}
.trader,.stockgrid,.dashgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:10px}
.chart,.bigchart{min-height:260px;background:repeating-linear-gradient(0deg,transparent,transparent 51px,#142b3e 52px);overflow:hidden}
.spark,.chartline{font-size:45px;color:#20d98b;letter-spacing:-8px}
.book{display:grid;grid-template-columns:1fr 1fr 1fr;padding:8px;border-bottom:1px solid #142b3e;font-size:9px}
.mobilebar{display:none}
@media(max-width:900px){.landing{grid-template-columns:1fr}.terminalMock{display:none}.features,.cards{grid-template-columns:1fr 1fr}.trader,.stockgrid,.dashgrid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.publicMain{padding:25px 14px}.publicPro{padding:0 14px}.landing h1{font-size:40px}.features,.cards,.cards.two,.stats,.metrics,.formgrid{grid-template-columns:1fr}.auth{margin:30px 12px!important}.publicPro nav a:first-child{display:none}}