/* YOOBIZZ Trading Lab Pro */
:root{--proN:#0e2848;--proN2:#173e6c;--proR:#d62f45;--proG:#168653;--proBg:#f4f7fb;--proLine:#dde6f0;--proM:#66788f}
html,body{max-width:100%;overflow-x:hidden}body{background:linear-gradient(180deg,#fff 0,#f4f7fb 32%,#eef3f8 100%)}
.top,.nav,.hero,.wrap,.card,.section,.tradePanel,.grid2,.grid3,.grid4,.botCards,.steps,.lessonGrid,.kpis,.toolbar{min-width:0;max-width:100%}
.proStrip{max-width:1440px;margin:12px auto 0;padding:0 18px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.proStrip::-webkit-scrollbar{display:none}.proQuote{flex:0 0 auto;min-width:160px;background:#0f2b4e;color:#fff;border-radius:13px;padding:10px 12px;text-decoration:none;border:1px solid rgba(255,255,255,.08)}.proQuoteTop{display:flex;justify-content:space-between;gap:8px;font-size:9px}.proQuoteTop b{font-size:10px}.proQuotePx{font-size:15px;font-weight:950;margin-top:5px}.proQuoteMeta{font-size:7.5px;color:#bdcce0;margin-top:5px}.proUp{color:#7ce0ae}.proDown{color:#ff9dab}
.proSubnav{max-width:1440px;margin:10px auto 0;padding:0 18px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.proSubnav::-webkit-scrollbar{display:none}.proSubnav a{flex:0 0 auto;padding:8px 11px;border:1px solid var(--proLine);border-radius:10px;background:#fff;color:var(--proN);font-size:9px;font-weight:950;text-decoration:none}.proSubnav a.on{background:var(--proN);color:#fff;border-color:var(--proN)}
.proNotice{max-width:1440px;margin:10px auto 0;padding:0 18px}.proNotice>div{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid var(--proLine);border-radius:12px;padding:9px 11px;font-size:9px;color:var(--proM)}.proNotice b{color:var(--proN)}
.hero{border-bottom:1px solid rgba(255,255,255,.10)}.hero h1{letter-spacing:-.03em}.hero p{max-width:760px}.heroFeatures{gap:8px!important}.heroFeature{border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.06)!important}
.card{box-shadow:0 12px 34px rgba(16,42,76,.07)!important}.section h2,.section h3,.tradePanel h3{letter-spacing:-.015em}.kpi,.stat,.tool{border-color:var(--proLine)!important}.pillBtn,.tab{transition:.18s}.pillBtn:hover,.tab:hover{transform:translateY(-1px)}
.proDesk{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0}.proDeskItem{min-width:0;background:#fff;border:1px solid var(--proLine);border-radius:13px;padding:10px}.proDeskItem small{display:block;color:var(--proM);font-size:8px;font-weight:900}.proDeskItem b{display:block;margin-top:5px;font-size:13px;color:var(--proN);overflow-wrap:anywhere}.proDeskItem span{font-size:8px;margin-top:4px;display:block}
.proTerminalHead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.proTerminalHead .status{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:900;color:var(--proG)}.proTerminalHead .dot{width:7px;height:7px;border-radius:50%;background:var(--proG);box-shadow:0 0 0 4px rgba(22,134,83,.12)}
.proRisk{display:flex;gap:6px;align-items:center}.proRisk span{font-size:8px;color:var(--proM)}.proRiskBar{width:74px;height:7px;border-radius:999px;background:#edf1f6;overflow:hidden}.proRiskBar i{display:block;height:100%;background:linear-gradient(90deg,#18a66a,#d69230,#d62f45)}
.proPanel{margin-top:12px;border:1px solid var(--proLine);border-radius:13px;background:#fbfcfe;padding:11px;min-width:0}.proPanelTitle{font-size:9px;font-weight:950;color:var(--proN);letter-spacing:.05em;margin-bottom:8px}.proMiniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.proMini{min-width:0;background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:8px}.proMini small{display:block;font-size:7px;color:var(--proM)}.proMini b{display:block;font-size:10px;margin-top:4px;overflow-wrap:anywhere}
.proFeed{display:grid;gap:7px}.proFeedItem{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #e9eef4;font-size:9px}.proFeedItem:first-child{border-top:0}.proFeedItem em{font-style:normal;font-size:7px;color:var(--proM)}
.tableCard,.section{overflow:hidden}.tableCard table,.section table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}.tabs,.times,.tools,.marketStrip{max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar,.times::-webkit-scrollbar,.tools::-webkit-scrollbar,.marketStrip::-webkit-scrollbar{display:none}
@media(max-width:900px){.proDesk{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
 .top{width:100%;padding-left:14px!important;padding-right:14px!important}.nav{width:100%;padding-left:14px!important;padding-right:14px!important}.hero{width:100%;padding-left:16px!important;padding-right:16px!important}.wrap{width:100%;padding-left:12px!important;padding-right:12px!important}
 .grid2,.grid3,.grid4,.botCards,.kpis,.steps,.lessonGrid{grid-template-columns:1fr!important}.heroFeatures{grid-template-columns:1fr 1fr!important}
 .section[style*="grid-template-columns"]{display:grid!important;grid-template-columns:1fr 1fr!important}.section[style*="grid-template-columns"]>div:first-child{grid-column:1/-1}
 .toolbar{align-items:flex-start}.toolbar>div{min-width:0}.chart,.smallChart{max-width:100%}.donut{max-width:100%}
 .proStrip,.proSubnav,.proNotice{padding-left:12px;padding-right:12px}.proQuote{min-width:145px}.proDesk{grid-template-columns:repeat(2,minmax(0,1fr))}.proNotice>div{align-items:flex-start;flex-direction:column}.proMiniGrid{grid-template-columns:1fr}.proCalcGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){.heroFeatures{grid-template-columns:1fr!important}.section[style*="grid-template-columns"]{grid-template-columns:1fr!important}.proDesk{grid-template-columns:1fr 1fr}.proQuote{min-width:138px}}