*{box-sizing:border-box} :root{--bg:#06111e;--panel:#0c1d30;--panel2:#10263b;--line:#1c3a53;--cyan:#23d4e8;--cyan2:#12a9c5;--text:#e8f2fb;--muted:#87a1b9;--green:#19d6a2;--red:#ff6477;--amber:#ffbf59}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#081827;border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 28px}.brand-icon{width:44px;height:44px;border-radius:13px;background:#10364a;color:var(--cyan);display:grid;place-items:center;font-size:30px}.brand b{display:block;letter-spacing:1.5px;font-size:17px}.brand small,.brand em{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;font-style:normal}.brand em{color:var(--cyan);margin-top:3px}.nav-caption,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:800}.nav-caption{color:#6d8ba5;margin:8px 10px 10px}.nav{display:grid;gap:5px}.nav-link{width:100%;border:1px solid transparent;background:transparent;color:#a9bfd1;padding:12px 13px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:13px;font-weight:600}.nav-link span{width:20px;text-align:center;font-size:18px;color:#7fa2bd}.nav-link:hover,.nav-link.active{background:#103148;border-color:#1d6178;color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--cyan),0 0 18px #0ab5cf22}.nav-link.active span{color:var(--cyan)}.sidebar-bottom{margin-top:auto}.agent-card{border:1px solid var(--line);background:#0d2235;border-radius:12px;padding:13px;display:flex;align-items:center;gap:12px;margin-bottom:14px}.agent-avatar{width:39px;height:39px;border-radius:50%;background:#103c51;color:var(--cyan);display:grid;place-items:center;font-size:24px}.agent-card b,.agent-card small{display:block}.agent-card small{color:var(--muted);font-size:11px}.muted{color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:5px}.dot.green{background:var(--green)}.main{margin-left:248px;width:calc(100% - 248px);padding:0 28px 26px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:23px}.topbar h1{font-size:23px;margin:2px 0}.top-right{display:flex;align-items:center;gap:12px}.demo-pill,.connection-pill,.status{font-size:10px;letter-spacing:1px;font-weight:800;border-radius:7px;padding:8px 10px;border:1px solid #6c542b;background:#342918;color:var(--amber)}.connection-pill{letter-spacing:0;text-transform:none;color:#b7c9d8;border-color:var(--line);background:#0d2031}.profile{border:1px solid #31506a;border-radius:50%;width:35px;height:35px;background:#16354b;color:white}.mobile-menu{display:none}.page{display:none;animation:fade .2s ease}.page.active{display:block}@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.panel{background:linear-gradient(145deg,#0d2033,#0a1a2a);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 8px 24px #0002}.welcome{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;margin-bottom:17px;background:linear-gradient(110deg,#103149,#0b1e30)}h2{font-size:22px;margin:6px 0}h3{font-size:15px;margin:0 0 5px}.welcome p,.page-intro p{margin:5px 0}.welcome-status{border:1px solid #624d2c;color:var(--amber);border-radius:8px;padding:9px 12px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.metrics.four{grid-template-columns:repeat(4,1fr)}.metric{padding:15px}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric b{display:block;font-size:23px;margin:7px 0 3px}.metric small{font-size:10px}.green{color:var(--green)!important}.red{color:var(--red)!important}.amber-text{color:var(--amber)!important}.dash-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-bottom:14px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}.panel-head p{font-size:11px;margin:2px 0}.inline-controls{display:flex;gap:7px}select,input{background:#0b1d2e;color:var(--text);border:1px solid #294a64;border-radius:7px;padding:9px 10px;outline:none}select:focus,input:focus{border-color:var(--cyan)}.chart-price{display:flex;align-items:center;gap:13px;margin:7px 0}.chart-price b{font-size:25px}.chart-price small{color:var(--muted)}.chart{width:100%;height:205px;display:block;margin-top:8px}.chart-axis{display:flex;justify-content:space-between;color:#66839c;font-size:10px}.status{white-space:nowrap}.auto-state{display:flex;align-items:center;gap:14px;margin:25px 0}.orb{width:78px;height:78px;border:2px solid #167b91;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:37px;box-shadow:0 0 25px #0ab5cf33}.auto-state b,.auto-state small{display:block}.auto-state b{font-size:18px}.auto-state small{color:var(--muted);font-size:11px;margin-top:4px}.control-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn{border:1px solid transparent;border-radius:8px;padding:10px 13px;font-weight:700}.btn.primary{background:#12b8c9;color:#04131c}.btn.warning{background:#392e1d;border-color:#73572b;color:var(--amber)}.btn.danger{background:#391e29;border-color:#733345;color:#ff8795}.btn.secondary{background:#112c40;border-color:#28536a;color:#a8eaf2}.btn:disabled{opacity:.5;cursor:not-allowed}.control-note{font-size:10px;color:var(--muted);margin:12px 0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:12px;gap:8px}.mini-stats small,.mini-stats b{display:block}.mini-stats small{font-size:10px;color:var(--muted)}.mini-stats b{font-size:12px;margin-top:3px}.bottom-grid,.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-bottom:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#7895ae;font-size:10px;font-weight:600;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #18334a;font-size:12px}tbody tr:last-child td{border-bottom:0}.tag{display:inline-block;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:800}.tag.buy{background:#123b36;color:var(--green)}.tag.sell{background:#442532;color:#ff8494}.text-btn{border:0;background:transparent;color:var(--cyan);font-size:11px}.risk-row,.overview-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #1a344a;font-size:12px}.risk-row span,.overview-line span{color:var(--muted)}.progress{height:8px;background:#1b3449;border-radius:10px;margin:15px 0}.progress span{display:block;height:100%;background:var(--green);border-radius:10px}.safe{font-size:11px;color:var(--muted)}footer{text-align:center;color:#58748c;font-size:10px;padding:26px 0 8px}.page-intro{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px}.page-intro h2{font-size:25px}.filterbar,.analysis-toolbar,.signal-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.filterbar input{min-width:230px}.filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.filter,.setting-tab{background:#0b1c2c;color:#91aabd;border:1px solid var(--line);padding:8px 13px;border-radius:7px}.filter.active,.setting-tab.active{background:#123d51;border-color:var(--cyan);color:#dffbff}.table-panel{margin-bottom:14px}.table-panel .panel-head{align-items:center}.table-panel td small{display:block;color:var(--muted);font-size:10px}.placeholder-chart{height:180px;border:1px dashed #31546b;border-radius:10px;background:repeating-linear-gradient(0deg,#0a1c2c,#0a1c2c 35px,#10273a 36px);display:grid;place-items:center;color:#66859f;margin:15px 0}.placeholder-chart.tall{height:290px}.overview-line b{font-size:12px}.two-col .panel{min-width:0}.legend{display:flex;gap:18px;color:var(--muted);font-size:10px}.signal-big{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.signal-big b{font-size:22px}.notice{background:#2a251c;border:1px solid #5b4829;color:#d7b979;padding:12px;border-radius:8px;font-size:11px;line-height:1.6}.signal-filters{justify-content:flex-start}.signal-filters select{min-width:170px}.signal-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.signal-card .signal-score{padding:13px 0}.signal-score b,.signal-score small{display:block}.signal-score b{font-size:25px}.signal-score small,.level-grid small{color:var(--muted);font-size:10px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.level-grid div{background:#10283c;padding:10px;border-radius:8px}.level-grid b{display:block;margin-top:4px}.signal-card p{font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}.form-grid label{display:grid;gap:6px;color:#9db5c9;font-size:11px}.form-grid input,.form-grid select{width:100%}.result-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:6px}.result-empty div{font-size:35px;color:var(--cyan)}.result-empty b{color:var(--text)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan{padding:24px}.plan.featured{border-color:var(--cyan);box-shadow:0 0 25px #16bfd21c}.plan-label{color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:800}.plan h3{font-size:22px;margin:12px 0}.price{font-size:29px;font-weight:800;margin:14px 0}.price small{font-size:11px;color:var(--muted);font-weight:400}.plan ul{padding-left:18px;color:#a9bfd0;line-height:2.2;font-size:12px;min-height:130px}.plan .btn{width:100%}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.setting-content{display:none}.setting-content.active{display:block}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mode-option{background:#0a1b2b;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:17px;text-align:left}.mode-option b,.mode-option small{display:block}.mode-option small{color:var(--muted);margin-top:5px;font-size:10px}.mode-option.selected{border-color:var(--cyan);background:#10364a;box-shadow:inset 0 0 0 1px #1a8296}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.connection-item{background:#0a1b2b;border:1px solid var(--line);padding:14px;border-radius:9px}.connection-item span,.connection-item b,.connection-item small{display:block}.connection-item b{margin:8px 0}.connection-item small{font-size:10px;color:var(--muted)}.save-row{display:flex;align-items:center;gap:13px;margin-top:14px}.toast{position:fixed;bottom:22px;right:22px;background:#15364a;border:1px solid #27718a;color:#e8fbff;border-radius:9px;padding:12px 16px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:10}.toast.show{opacity:1;transform:none}
@media(max-width:1150px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px);padding:0 18px}.metrics{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.top-right .connection-pill{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:260px}.sidebar.open{transform:none}.main{margin-left:0;width:100%;padding:0 13px 20px}.topbar{height:72px;gap:10px}.mobile-menu{display:block;background:#102b40;border:1px solid var(--line);color:var(--cyan);border-radius:7px;padding:8px}.topbar h1{font-size:18px}.top-right{gap:6px}.demo-pill{display:none}.metrics,.metrics.four{grid-template-columns:repeat(2,1fr)}.metric b{font-size:19px}.welcome{align-items:flex-start;gap:12px;flex-direction:column}.dash-grid,.bottom-grid,.two-col,.signal-cards,.plans{grid-template-columns:1fr}.filterbar,.analysis-toolbar,.signal-filters{align-items:stretch;flex-direction:column}.filterbar input{width:100%}.form-grid,.connection-grid{grid-template-columns:1fr}.mode-options{grid-template-columns:1fr}.page-intro{align-items:flex-start;gap:10px}.chart{height:170px}.panel{padding:14px}.inline-controls select{max-width:115px}.top-right .profile{display:none}}


/* v0.5 professional homepage */
.ticker-strip{display:flex;align-items:center;gap:23px;overflow:hidden;padding:11px 14px;margin:0 0 22px;border:1px solid #1b3d55;border-radius:11px;background:linear-gradient(90deg,#0d263a,#0a1b2c)}
.ticker-label,.ticker-item{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.ticker-label{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:1.3px}.ticker-item b{color:#dceaf5}.ticker-item span{color:#a9bfd1}.ticker-item em{font-style:normal;font-weight:700}.ticker-note{margin-left:auto;color:#66839b;font-size:9px;white-space:nowrap}
.hero-home{position:relative;min-height:420px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;overflow:hidden;padding:42px 42px 36px;border:1px solid #1b4660;border-radius:20px;background:radial-gradient(ellipse at 78% 48%,#0e4b6044,transparent 42%),linear-gradient(115deg,#102c42,#081a2a 70%);box-shadow:0 18px 55px #0004}
.hero-home:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#2bd6e80b 1px,transparent 1px),linear-gradient(90deg,#2bd6e80b 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-copy{position:relative;z-index:2;max-width:610px}.hero-kicker{display:flex;align-items:center;gap:9px;color:#7ce9f2;font-size:10px;font-weight:800;letter-spacing:2px}.pulse{width:8px;height:8px;border-radius:50%;background:#21dfcb;box-shadow:0 0 14px #21dfcb;animation:pulseGlow 1.8s infinite}
.hero-copy h2{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-2px;margin:19px 0}.hero-copy h2 span{color:var(--cyan);text-shadow:0 0 28px #1fcde744}.hero-copy p{max-width:530px;color:#a7bdcf;font-size:14px;line-height:1.8}.hero-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.hero-actions .btn{padding:12px 17px}.hero-proof{display:flex;gap:17px;flex-wrap:wrap;margin-top:27px;color:#88a9bd;font-size:10px}.hero-visual{height:330px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:#12c9df20;filter:blur(35px)}.visual-orbit{position:absolute;border:1px solid #29d5e84d;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:330px;height:190px;animation:orbit 16s linear infinite}.orbit-two{width:260px;height:310px;transform:rotate(55deg);border-color:#16a9ce44;animation:orbit 22s linear infinite reverse}.ai-core{z-index:1;width:174px;height:174px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#15516a,#091c2d 70%);border:1px solid #2bd9e8aa;box-shadow:0 0 28px #0dbedc55,inset 0 0 35px #13b9d433}.core-ring{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;color:#72f4f3;font-size:30px;border:1px solid #35d8e8;margin-bottom:8px;box-shadow:0 0 20px #21d6e855}.ai-core b{letter-spacing:2px;font-size:13px}.ai-core small{font-size:7px;letter-spacing:1.7px;color:#78b5c6}.float-card{position:absolute;z-index:2;padding:11px 13px;border:1px solid #28536a;background:#0a1e30eF;border-radius:10px;box-shadow:0 12px 28px #0005}.float-card small,.float-card b{display:block}.float-card small{font-size:8px;letter-spacing:1.3px;color:#6f9cb3}.float-card b{font-size:11px;margin-top:5px}.float-top{top:28px;right:0}.float-bottom{bottom:28px;left:0}.float-bottom b span{font-size:8px;color:var(--cyan);margin-left:6px}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:17px 0}.feature-strip article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#0d2437,#0a1b2b)}.feature-strip article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#10384a;color:var(--cyan);font-size:21px}.feature-strip b,.feature-strip small{display:block}.feature-strip b{font-size:12px}.feature-strip small{font-size:9px;color:var(--muted);margin-top:3px}.home-lower{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 4px}.home-lower h3{font-size:18px;margin:8px 0}.home-lower p{max-width:570px;font-size:11px}.social-area{min-width:260px}.social-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.social-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #2b526b;border-radius:9px;color:var(--cyan);font-weight:800;background:#102a3e}.social-status{font-size:9px;color:#9bb2c4;border:1px solid #29475c;border-radius:20px;padding:5px 8px}.social-area>small{font-size:9px}.home-disclaimer{padding:11px 13px;border:1px solid #4a3c28;border-radius:9px;background:#241e16;color:#c7a978;font-size:10px}.page#page-home{padding-bottom:10px}
@keyframes pulseGlow{50%{opacity:.45;box-shadow:0 0 4px #21dfcb}}@keyframes orbit{to{transform:rotate(335deg)}}
@media(max-width:1100px){.hero-home{padding:30px;grid-template-columns:1fr  .8fr}.feature-strip{grid-template-columns:repeat(2,1fr)}.ticker-strip{gap:14px}}
@media(max-width:760px){.hero-home{grid-template-columns:1fr;padding:27px 22px}.hero-visual{height:270px;grid-row:1}.hero-copy h2{font-size:43px}.float-top{right:2%}.float-bottom{left:1%}.home-lower{display:block}.social-area{margin-top:22px}.ticker-strip{flex-wrap:wrap}.ticker-note{margin-left:0}.feature-strip{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.feature-strip{grid-template-columns:1fr}.hero-visual{height:235px}.orbit-one{width:260px}.orbit-two{height:250px}.float-card{transform:scale(.88)}.hero-proof{gap:9px}}

/* v0.6 dashboard + candlestick chart */
.v06-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.9fr);align-items:stretch}
.candle-panel{min-width:0}.chart-demo-tag{font-size:8px;letter-spacing:1px;color:#ffbf59;border:1px solid #66502c;border-radius:5px;padding:4px 6px;vertical-align:middle;margin-left:6px}
.chart-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:7px 0 8px}.indicator-active-list{display:flex;gap:6px;flex-wrap:wrap}.indicator-chip{font-size:9px;color:#e8d18b;background:#342e1d;border:1px solid #68552c;padding:4px 7px;border-radius:5px}
.candle-chart-wrap{height:300px;background:#081725;border:1px solid #18364b;border-radius:8px;overflow:hidden}.candle-chart{width:100%;height:100%;display:block}.chart-legend{display:flex;align-items:center;gap:16px;font-size:9px;margin-top:9px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-up,.legend-down{width:8px;height:8px;display:inline-block;border-radius:2px;background:#20d6a2}.legend-down{background:#ff6477}.compact{padding:7px 10px!important;font-size:10px!important}
.indicator-settings{display:none;margin-top:14px;padding:14px;border:1px solid #28536a;border-radius:10px;background:#091b2b}.indicator-settings.open{display:block;animation:fade .18s ease}.indicator-settings-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.indicator-settings-head p{font-size:10px;margin:3px 0 10px}.indicator-add-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.indicator-add-row select{min-width:150px}.indicator-add-row input{width:85px}.indicator-list{display:grid;gap:7px;margin:10px 0}.indicator-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #1e3e55;border-radius:8px;background:#0d2234}.indicator-row label{display:flex;align-items:center;gap:7px;min-width:130px;font-size:11px;font-weight:700}.indicator-row input[type=checkbox]{accent-color:#18c7d9;width:15px;height:15px}.indicator-row .indicator-period{width:75px;padding:6px}.indicator-row small{font-size:9px;color:var(--muted)}.indicator-row .text-btn{margin-left:auto}.indicator-settings>small{display:block;line-height:1.6;margin-top:9px}
.connection-status-list{border-top:1px solid var(--line);margin-top:17px;padding-top:12px;display:grid;gap:12px}.connection-status-list>div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.connection-status-list b{color:#91a9bb;font-size:10px}.connection-status-list span{color:#b7c9d8}
.v06-bottom{grid-template-columns:1.25fr 1fr}.activity-list{display:grid;gap:17px}.activity-list>div{display:flex;align-items:flex-start;gap:10px}.activity-list span b,.activity-list span small{display:block}.activity-list span b{font-size:10px}.activity-list span small{font-size:9px;color:var(--muted);margin-top:3px}.activity-list time{margin-left:auto;font-size:9px;color:#718ba0}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex:none;background:var(--cyan);box-shadow:0 0 9px #21d6e855}.activity-dot.amber{background:var(--amber)}
@media(max-width:1050px){.v06-grid{grid-template-columns:1fr}.v06-bottom{grid-template-columns:1fr}}
@media(max-width:600px){.candle-chart-wrap{height:230px}.chart-toolbar{flex-direction:column}.indicator-row{flex-wrap:wrap}.indicator-row label{min-width:100px}.indicator-add-row>*{flex:1}.chart-legend{flex-wrap:wrap}}

/* v0.7 complete professional dashboard redesign */
.pro-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:5px 0 20px}.pro-dashboard-head h2{font-size:25px;margin:5px 0}.pro-dashboard-head p{margin:0;font-size:11px}.dash-head-right{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.live-state{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:1px;color:#a8c5d6;border:1px solid #23465d;background:#0c2031;border-radius:7px;padding:8px 10px}.live-state i{width:7px;height:7px;border-radius:50%;background:#21c7d4;box-shadow:0 0 10px #21c7d4}
.pro-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.pro-kpi{padding:16px 17px;border-radius:12px;border:1px solid #1c3b51;background:linear-gradient(145deg,#10283b,#0a1b2b);min-width:0}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#8faabd;font-size:11px}.kpi-top i{font-style:normal;color:#42d8e4;font-size:17px}.pro-kpi>b{display:block;font-size:25px;letter-spacing:.2px;margin:9px 0 4px;color:#e7f2f9}.pro-kpi>small{font-size:9px;color:#708ba1}
.pro-main-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,.82fr);gap:14px;align-items:stretch}.pro-card{border:1px solid #1b3b52;border-radius:13px;background:linear-gradient(145deg,#0d2032,#091a29);padding:17px;min-width:0;box-shadow:0 8px 22px #0002}.pro-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.pro-card-head h3{font-size:15px;margin:4px 0}.pro-card-head p{font-size:10px;margin:3px 0}.tv-controls{display:flex;gap:7px;align-items:center}.tv-controls select{font-size:10px;max-width:165px}.icon-btn{height:35px;width:35px;border:1px solid #31536b;background:#102a3e;color:#6fe5ee;border-radius:8px;font-size:18px}.tv-widget-shell{height:535px;min-height:420px;border:1px solid #1c3b50;border-radius:9px;overflow:hidden;background:#081522}.tv-widget-shell #tradingview_chart{height:100%;width:100%}.tradingview-widget-container{height:100%!important;width:100%!important}.tradingview-widget-container iframe{height:100%!important;width:100%!important}.tv-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9bb4c7;text-align:center;padding:20px}.tv-loading b{font-size:12px}.tv-loading small{font-size:10px;color:#6f8ba1}.loader-ring{width:27px;height:27px;border:2px solid #24465b;border-top-color:#25d4e2;border-radius:50%;animation:tvspin .8s linear infinite}@keyframes tvspin{to{transform:rotate(360deg)}}.tv-footnote{display:flex;gap:7px;align-items:flex-start;margin-top:10px;color:#7893a8;font-size:9px;line-height:1.5}.tv-footnote span{color:#49cddd}
.control-card{display:flex;flex-direction:column}.automation-status{display:flex;align-items:center;gap:12px;padding:17px 13px;background:#0b1b2a;border:1px solid #1b3c52;border-radius:10px}.automation-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#10384a;color:#4be2e8;font-size:24px;box-shadow:inset 0 0 18px #1cbfd022}.automation-status b,.automation-status small{display:block}.automation-status b{font-size:13px}.automation-status small{font-size:9px;color:#829db1;margin-top:4px;line-height:1.5}.automation-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.auto-btn{border:1px solid transparent;border-radius:8px;padding:11px 5px;font-size:10px;font-weight:800;color:#eaf5fa;background:#142b3d}.auto-btn span{margin-right:3px}.auto-start{background:#0d443e;border-color:#1b7769;color:#7af0ce}.auto-pause{background:#40331d;border-color:#70572a;color:#ffd27b}.auto-stop{background:#421f2b;border-color:#773344;color:#ff9ba8}.control-divider{height:1px;background:#1c394e;margin:2px 0 13px}.connection-list{display:grid;gap:13px}.connection-list>div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.connection-list>div span{color:#b4c7d5}.connection-list b{font-size:9px;color:#e3b76c}.conn-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e0a94d;margin-right:7px}.control-warning{margin-top:auto;padding:10px;border:1px solid #5a472a;background:#282217;color:#cdb47f;border-radius:8px;font-size:9px;line-height:1.55}
.pro-lower-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:14px}.empty-positions{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;border:1px dashed #29465a;border-radius:9px;background:#091a28}.empty-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#112d40;color:#4bd8e3;font-size:20px}.empty-positions b{font-size:11px}.empty-positions span{max-width:340px;color:#7892a7;font-size:9px;line-height:1.6}.pro-activity{display:grid;gap:17px}.pro-activity>div{display:flex;align-items:flex-start;gap:10px}.pro-activity span b,.pro-activity span small{display:block}.pro-activity span b{font-size:10px}.pro-activity span small{font-size:9px;color:#7f98ab;margin-top:4px}.pro-activity time{margin-left:auto;font-size:9px;color:#70899e}.pro-disclaimer{margin-top:14px;border:1px solid #4c4029;background:#211e17;border-radius:8px;padding:10px 12px;color:#c6ad78;font-size:9px;line-height:1.6}
@media(max-width:1120px){.pro-main-grid{grid-template-columns:1fr}.control-card{min-height:0}.control-warning{margin-top:15px}}
@media(max-width:850px){.pro-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-lower-grid{grid-template-columns:1fr}.tv-widget-shell{height:470px}}
@media(max-width:560px){.pro-dashboard-head{align-items:flex-start;flex-direction:column}.dash-head-right{width:100%}.pro-kpi{padding:13px}.pro-kpi>b{font-size:21px}.pro-card{padding:13px}.pro-card-head{flex-direction:column}.tv-controls{width:100%}.tv-controls select{flex:1;max-width:none}.tv-widget-shell{height:430px;min-height:360px}.automation-actions{gap:5px}.auto-btn{font-size:9px}}

/* v0.8 refined automation control center */
.control-card{position:relative;overflow:hidden}.control-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#16c5d7,#397da9,transparent)}.control-card .pro-card-head{align-items:center;margin-bottom:17px}.automation-status{padding:16px;background:linear-gradient(115deg,#102a3d,#0a1d2c);border-color:#24475d}.automation-icon{flex:none;width:46px;height:46px;border:1px solid #23617a}.automation-copy{min-width:0}.automation-copy b{font-size:14px;letter-spacing:.1px}.automation-copy small{font-size:9px}.automation-state-row{display:flex;justify-content:space-between;align-items:center;margin:16px 2px 8px}.automation-state-row span,.control-section-label{font-size:8px;letter-spacing:1.4px;font-weight:800;color:#6f91a8}.automation-state-row b{font-size:9px;letter-spacing:1px;color:#e8bc70;background:#332a1b;border:1px solid #5d4a2b;padding:5px 8px;border-radius:5px}.automation-actions{gap:8px;margin:0 0 15px}.auto-btn{min-height:42px;transition:filter .15s,transform .15s,border-color .15s}.auto-btn:hover{filter:brightness(1.16);transform:translateY(-1px)}.auto-btn:active{transform:translateY(0)}.control-section-label{margin:0 0 13px}.connection-list{gap:0}.connection-list>div{padding:10px 1px;border-bottom:1px solid #183348}.connection-list>div:last-child{border-bottom:0}.connection-list b{font-size:9px}.execution-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.execution-summary>div{padding:10px;background:#0a1b2a;border:1px solid #1b374b;border-radius:7px}.execution-summary span,.execution-summary b{display:block}.execution-summary span{font-size:8px;color:#7792a7;margin-bottom:5px}.execution-summary b{font-size:10px;color:#d3e2ec}.control-warning{margin-top:13px;padding:11px 12px;font-size:9px}.control-warning b{color:#f1cf88;font-size:9px;display:inline-block;margin-bottom:3px}.control-card[data-preview-state="running"] .automation-icon{color:#7af0ce;border-color:#268e79;box-shadow:0 0 20px #20d6a222}.control-card[data-preview-state="running"] .automation-state-row b{color:#7af0ce;border-color:#267965;background:#10372f}.control-card[data-preview-state="paused"] .automation-state-row b{color:#ffd27b}.status.green{color:#7af0ce;border-color:#267965;background:#10372f}

/* v0.9 purple neon glassmorphism dashboard */
:root{--purple:#b45cff;--purple2:#7b4dff;--cyan:#29d9f2}
body{background:radial-gradient(ellipse at 75% 8%,#241047 0%,transparent 34%),#050817}
.sidebar{background:linear-gradient(180deg,#090b20,#080b1b);border-right-color:#30204c}
.brand-icon{background:linear-gradient(135deg,#32165d,#122b54);color:#d58aff;box-shadow:0 0 20px #9c4dff33}
.nav-link:hover,.nav-link.active{background:linear-gradient(100deg,#32145a,#182b56);border-color:#8544d6;box-shadow:inset 3px 0 #d56aff,0 0 20px #8d35e944}
.nav-link.active span{color:#dc8aff}
.eyebrow{color:#cf83ff}
.panel,.pro-card,.pro-kpi{background:linear-gradient(145deg,#11152dce,#0a1025e8);border-color:#39265f;box-shadow:0 10px 28px #0005,inset 0 1px #ffffff09}
.pro-dashboard-head h2{letter-spacing:-.4px}
.pro-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.pro-kpi{border-radius:13px;position:relative;overflow:hidden;padding:14px}
.pro-kpi:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#8e4bff,#25c9ec,transparent);opacity:.8}
.kpi-top i{color:#cb7aff}.pro-kpi>b{font-size:22px}.kpi-progress{height:6px;border-radius:8px;background:#252447;margin-top:10px;overflow:hidden}.kpi-progress span{display:block;width:4%;height:100%;background:linear-gradient(90deg,#a44dff,#28c8f0)}
.pro-main-grid{grid-template-columns:minmax(0,1.55fr) minmax(400px,1fr);gap:12px}
.pro-card{border-radius:16px;padding:15px;backdrop-filter:blur(16px)}
.tradingview-card{border-color:#5c3a92;box-shadow:0 0 0 1px #8c4bff1a,0 0 25px #6b37ce22}
.tv-widget-shell{height:500px;border-color:#45306e;border-radius:11px}
.control-card{border:1px solid #9349dd;box-shadow:0 0 0 1px #b44cff25,0 0 25px #8b36ed33,inset 0 1px #ffffff10;position:relative}
.control-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#b34dff,#4f7aff,#25d9ed)}
.auto-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #39265f;background:#0a1024;border-radius:30px;margin-bottom:13px}
.mode-switch{border:0;background:transparent;color:#aeb9d2;padding:9px 8px;border-radius:25px;font-size:10px;font-weight:800}.mode-switch.active{color:#fff;background:linear-gradient(100deg,#6333c7,#246bc3);box-shadow:0 0 15px #8d4dff65}
.control-hero{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;padding:10px;border-radius:13px;background:linear-gradient(120deg,#17153a,#0d1830);border:1px solid #3b2b6b}
.power-orb{width:132px;height:132px;border-radius:50%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:4px solid #7b4bce;box-shadow:0 0 0 5px #8b4eff14,inset 0 0 24px #974bff38,0 0 25px #8d45ff55;color:#dca2ff;background:radial-gradient(circle,#24144b,#0b1024 72%)}
.power-orb span{font-size:37px;line-height:1}.power-orb b{font-size:14px;letter-spacing:2px}
.control-card .connection-list{gap:0}.control-card .connection-list>div{padding:9px 3px;border-bottom:1px solid #29254b;font-size:9px}.control-card .connection-list>div:last-child{border:0}.control-card .connection-list b{font-size:9px;color:#e6b6ff}
.control-card .conn-dot{background:#e2a84c;box-shadow:0 0 8px #e2a84c55}
.automation-actions{gap:7px;margin:12px 0 14px}.auto-btn{border-radius:9px;font-size:10px;min-height:40px;box-shadow:0 4px 13px #0004}.auto-start{background:linear-gradient(120deg,#087a50,#10b77d);border-color:#27db9a;color:white}.auto-pause{background:linear-gradient(120deg,#a95b08,#e6a00c);border-color:#ffc04a;color:white}.auto-stop{background:linear-gradient(120deg,#8f1747,#d52b5a);border-color:#ff668e;color:white}
.control-section-label{color:#c486f3;margin:7px 0 9px}
.strategy-config{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.strategy-config label{font-size:8px;color:#9daac7;display:grid;gap:5px}.strategy-config select{width:100%;min-width:0;padding:8px 5px;font-size:9px;border-color:#403269;background:#0b1127}
.risk-config{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.risk-config>div{padding:9px 7px;border:1px solid #382a60;border-radius:9px;background:#0b1228}.risk-config span,.risk-config b,.risk-config small{display:block}.risk-config span{font-size:8px;color:#a2aaca}.risk-config b{font-size:15px;color:#e9e8ff;margin:5px 0}.risk-config small{font-size:7px;color:#7885a7}
.feature-toggles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.feature-toggles label{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:7px 6px;border:1px solid #352b5b;border-radius:8px;background:#0c142b;font-size:8px;color:#c5c8df}.feature-toggles input{display:none}.feature-toggles i{width:23px;height:12px;border-radius:12px;background:#333451;position:relative;flex:none}.feature-toggles i:after{content:"";position:absolute;width:8px;height:8px;left:2px;top:2px;border-radius:50%;background:#9ba2bd}
.control-warning{background:#211a31;border-color:#66408a;color:#c5afd9;margin-top:10px;font-size:8px}.control-warning b{color:#e6bdff}
.control-state-footer{display:grid;grid-template-columns:auto auto;gap:5px;margin-top:10px;align-items:center}.control-state-footer span{font-size:8px;letter-spacing:1px;color:#9e8cbe}.control-state-footer b{justify-self:end;font-size:8px;color:#f1c27d;background:#34271d;border:1px solid #63452b;padding:4px 7px;border-radius:5px}.control-state-footer small{grid-column:1/-1;font-size:8px;color:#7886a5}
.pro-lower-grid{grid-template-columns:1.05fr 1.05fr .95fr;gap:11px}.count-pill{font-size:9px;background:#29184a;color:#dba2ff;border:1px solid #643a94;padding:3px 7px;border-radius:20px;vertical-align:middle}.signal-empty .empty-icon{color:#d78cff;background:#261640}
.activity-dot.cyan{background:#c16bff;box-shadow:0 0 10px #a34cff66}
.status.amber{background:#2a2037;border-color:#76502e;color:#f0c17a}
.live-state{border-color:#52347a;background:#14112d}.live-state i{background:#c66aff;box-shadow:0 0 10px #c66aff}
.btn.primary{background:linear-gradient(110deg,#6e36c9,#236ac1)}
@media(max-width:1320px){.pro-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-main-grid{grid-template-columns:1fr}.control-card{min-width:0}.tv-widget-shell{height:460px}}
@media(max-width:900px){.pro-lower-grid{grid-template-columns:1fr 1fr}.activity-card{grid-column:1/-1}}
@media(max-width:600px){.pro-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-hero{grid-template-columns:1fr}.power-orb{width:108px;height:108px}.strategy-config{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-config{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-toggles{grid-template-columns:repeat(2,1fr)}.pro-lower-grid{grid-template-columns:1fr}.activity-card{grid-column:auto}.tv-widget-shell{height:420px}}

/* v0.9.1 animated market preview ticker */
.animated-market-ticker{gap:16px;position:relative;min-width:0}.animated-market-ticker .ticker-label{flex:none}.ticker-live-dot{width:6px;height:6px;border-radius:50%;background:#25d9a5;box-shadow:0 0 9px #25d9a5;animation:tickerPulse 1.4s ease-in-out infinite}.ticker-viewport{overflow:hidden;min-width:0;flex:1;mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}.ticker-track{display:flex;align-items:center;gap:28px;width:max-content;animation:marketTickerScroll 28s linear infinite}.ticker-track:hover{animation-play-state:paused}.ticker-item{gap:9px;padding:2px 0;min-width:max-content}.ticker-item b{font-size:10px;letter-spacing:.3px}.ticker-item .ticker-price{font-variant-numeric:tabular-nums;min-width:65px}.ticker-change{font-size:10px;font-variant-numeric:tabular-nums}.ticker-spark{display:inline-block;width:28px;height:12px;position:relative;opacity:.9}.ticker-spark:before{content:"";position:absolute;inset:2px 0;background:linear-gradient(135deg,transparent 0 10%,#1ed7a5 11% 17%,transparent 18% 28%,#1ed7a5 29% 35%,transparent 36% 46%,#1ed7a5 47% 53%,transparent 54% 64%,#1ed7a5 65% 71%,transparent 72%);clip-path:polygon(0 75%,20% 55%,35% 72%,52% 25%,68% 45%,82% 5%,100% 20%,100% 100%,0 100%)}.ticker-spark.down:before{filter:hue-rotate(115deg);transform:scaleY(-1)}.ticker-note{margin-left:0;flex:none;font-size:8px;letter-spacing:.8px;color:#7e91ad}.animated-market-ticker .ticker-label{font-size:8px}.ticker-item.flash-up .ticker-price{color:#55edc1;transition:color .2s}.ticker-item.flash-down .ticker-price{color:#ff829a;transition:color .2s}
@keyframes marketTickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes tickerPulse{0%,100%{opacity:1;box-shadow:0 0 8px #25d9a5}50%{opacity:.35;box-shadow:0 0 2px #25d9a5}}
@media(prefers-reduced-motion:reduce){.ticker-track,.ticker-live-dot{animation:none}.ticker-viewport{overflow-x:auto}}
@media(max-width:700px){.animated-market-ticker{gap:10px;flex-wrap:wrap}.ticker-viewport{flex-basis:100%;order:3}.ticker-note{margin-left:auto}.ticker-track{animation-duration:22s}}

/* v0.10 Market Watch — clean card-based watchlist inspired by the approved reference */
.market-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;margin:12px 0 14px;background:#121212;border:1px solid #292929;border-radius:13px}
.market-breadcrumb{display:flex;align-items:center;gap:10px;color:#777;font-size:10px}.market-breadcrumb i{font-style:normal;color:#555}.market-breadcrumb b{color:#e3e3e3;font-weight:650}
.market-actions{display:flex;align-items:center;gap:8px}.market-search{display:flex;align-items:center;gap:8px;padding:0 11px;height:35px;width:190px;border:1px solid #333;border-radius:8px;background:#191919;color:#888;font-size:18px}.market-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eee;font-size:10px}.market-actions select{height:35px;padding:0 9px;border:1px solid #333;border-radius:8px;background:#191919;color:#ddd;font-size:10px}.market-actions .btn{height:35px;padding:0 12px;font-size:10px}
.market-category-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.market-filters{display:flex;gap:6px;flex-wrap:wrap}.market-filters .filter{padding:8px 12px;border-radius:8px;background:#191919;border:1px solid #303030;color:#aaa;font-size:10px}.market-filters .filter.active{background:#292929;border-color:#555;color:#fff;box-shadow:none}.market-count{font-size:9px;color:#777}
.market-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.asset-card{min-width:0;padding:14px;background:#151515;border:1px solid #2b2b2b;border-radius:12px;transition:border-color .18s,transform .18s,background .18s;cursor:pointer}.asset-card:hover{border-color:#555;background:#191919;transform:translateY(-1px)}.asset-card.selected{border-color:#777;box-shadow:inset 0 0 0 1px #ffffff0b}
.asset-card-top,.asset-identity,.asset-price-row,.asset-quote-row{display:flex;align-items:center}.asset-card-top{justify-content:space-between;gap:8px}.asset-identity{gap:9px;min-width:0}.asset-identity>div{min-width:0}.asset-identity b{display:block;font-size:12px;color:#ededed}.asset-identity small{display:block;margin-top:3px;color:#777;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-icon{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:#292929;color:#eee;font-size:12px;font-weight:800}.asset-icon.gold{background:#493817;color:#f6c95d}.asset-icon.silver{background:#34383c;color:#d8e0e8}.asset-icon.bitcoin{background:#543216;color:#ffbd58;font-size:19px}.asset-icon.ethereum{background:#292744;color:#b9a9ff}.asset-icon.euro{background:#24344b;color:#a7caff}.asset-icon.pound{background:#382a45;color:#e4b6ff}.asset-icon.yen{background:#44322b;color:#ffc59b}.asset-icon.index{background:#273c32;color:#a8e8be;font-size:9px}.asset-icon.oil{background:#333;color:#ddd}
.watch-star{border:0;background:transparent;color:#777;font-size:18px;cursor:pointer;padding:2px 4px}.watch-star.active{color:#e6c15a}.asset-price-row{justify-content:space-between;gap:8px;margin-top:15px}.asset-price-row small{display:block;color:#777;font-size:8px}.asset-price-row strong{display:block;color:#eee;font-size:20px;font-weight:650;letter-spacing:-.5px;margin-top:4px;font-variant-numeric:tabular-nums}.asset-change{font-size:10px;padding:5px 7px;border-radius:6px;white-space:nowrap}.asset-change.positive{color:#91c96b;background:#26331f}.asset-change.negative{color:#d58b58;background:#38271f}
.asset-mini-chart{height:45px;margin:9px 0 7px}.asset-mini-chart svg{width:100%;height:100%;overflow:visible}.asset-mini-chart polyline{fill:none;stroke:#8bbd5f;stroke-width:2.1;vector-effect:non-scaling-stroke}.asset-mini-chart.down polyline{stroke:#d38a51}
.asset-quote-row{justify-content:space-between;gap:5px;border-top:1px solid #292929;padding-top:9px}.asset-quote-row span{font-size:8px;color:#777}.asset-quote-row b{display:block;color:#d7d7d7;font-size:9px;font-weight:600;margin-top:3px;font-variant-numeric:tabular-nums}
.market-bottom-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:12px;margin-top:13px}.selected-asset-panel,.market-overview-panel{background:#141414;border-color:#292929}.selected-quote{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.selected-quote>div{padding:9px 10px;background:#1b1b1b;border:1px solid #2c2c2c;border-radius:8px}.selected-quote small{display:block;color:#888;font-size:8px}.selected-quote b{display:block;color:#eee;font-size:13px;margin-top:5px;font-variant-numeric:tabular-nums}.selected-asset-chart{height:145px;position:relative;overflow:hidden;border:1px solid #292929;border-radius:9px;background:#101010}.chart-placeholder-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:25% 25%}.selected-asset-chart svg{position:absolute;inset:0;width:100%;height:100%}.selected-asset-chart polyline{fill:none;stroke:#8bbd5f;stroke-width:2.3;vector-effect:non-scaling-stroke}.selected-stats{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:11px}.selected-stats span{font-size:8px;color:#777}.selected-stats b{color:#ccc;font-size:9px;margin-left:5px}.market-overview-panel .overview-line{padding:12px 0;border-bottom:1px solid #292929}.market-overview-panel .notice{margin-top:14px;background:#242018;border-color:#4a3b26;color:#c9b58f;font-size:9px}
@media(max-width:1050px){.market-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-bottom-grid{grid-template-columns:1fr}}
@media(max-width:700px){.market-toolbar{align-items:stretch;flex-direction:column}.market-actions{flex-wrap:wrap}.market-search{flex:1;width:auto}.market-category-row{align-items:flex-start;flex-direction:column}.market-card-grid{grid-template-columns:1fr}.selected-quote{grid-template-columns:repeat(2,1fr)}.market-breadcrumb{font-size:9px}}

/* v0.10.1 Typography polish */
:root{--font-ui:"Manrope","Segoe UI",Arial,sans-serif;--font-data:"IBM Plex Mono",Consolas,monospace}
html,body{font-family:var(--font-ui);font-size:13px;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-weight:500;line-height:1.55}
h1,h2,h3,h4,.page-title,.brand b{font-family:var(--font-ui);letter-spacing:-.045em;font-weight:800}
h1{line-height:1.12}h2{line-height:1.18}h3{line-height:1.25}
p,.muted,.description{letter-spacing:-.01em;line-height:1.65}
button,input,select,textarea{font-family:var(--font-ui);letter-spacing:-.012em}
button,.nav-link,.btn,.filter{font-weight:700}
input,select,textarea{font-weight:500}
.price,.value,.metric-value,.asset-price-row strong,.asset-quote-row b,.selected-quote b,.selected-stats b,.number,.stat-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.brand b{letter-spacing:-.035em}
.brand small,.brand em,.nav-caption,.eyebrow{letter-spacing:.12em}
.nav-link{letter-spacing:-.02em}
.asset-identity b,.panel-head h3{letter-spacing:-.035em}
.asset-identity small,.asset-price-row small,.asset-quote-row span,.selected-quote small{letter-spacing:0}

/* v0.10.2 — site-wide readability and Market Watch typography */
html{font-size:16px}
body{font-size:14px;line-height:1.6;font-weight:500}
p{font-size:14px;line-height:1.7}
h1{font-size:clamp(28px,2.4vw,36px);font-weight:800}
h2{font-size:clamp(24px,2vw,30px);font-weight:800}
h3{font-size:19px;font-weight:750}
h4{font-size:16px;font-weight:750}
small,.small,.muted{font-size:12px}
.nav-link{font-size:14px;font-weight:700;padding:13px 14px}
.nav-link span{font-size:19px}
.nav-caption{font-size:11px;font-weight:800;letter-spacing:.14em}
.brand b{font-size:19px;font-weight:800}
.brand small,.brand em{font-size:10px}
.btn,button{font-size:13px;font-weight:700}
input,select,textarea{font-size:13px}
.eyebrow{font-size:11px;font-weight:800}
.page-intro h2{font-size:30px}
.page-intro p{font-size:14px}
.panel-head h3{font-size:18px;font-weight:800}
.metric-label,.stat-label,.card-label{font-size:12px;font-weight:650}
.metric-value,.stat-value{font-size:25px;font-weight:600}
.market-intro h2{font-size:30px}
.market-intro p{font-size:14px}
.market-breadcrumb{font-size:12px}
.market-search input{font-size:12px}
.market-actions select,.market-actions .btn{font-size:12px}
.market-filters .filter{font-size:12px;font-weight:700;padding:9px 14px}
.market-count{font-size:11px}
.asset-card{padding:16px}
.asset-identity b{font-size:14px;font-weight:800}
.asset-identity small{font-size:11px}
.asset-icon{width:34px;height:34px;font-size:13px}
.asset-price-row{margin-top:17px}
.asset-price-row small{font-size:10px}
.asset-price-row strong{font-size:24px;font-weight:600}
.asset-change{font-size:12px;font-weight:700;padding:6px 9px}
.asset-mini-chart{height:48px;margin:10px 0 9px}
.asset-quote-row{padding-top:11px}
.asset-quote-row span{font-size:10px}
.asset-quote-row b{font-size:11px;font-weight:600}
.selected-quote small{font-size:10px}
.selected-quote b{font-size:15px}
.selected-stats span{font-size:10px}
.selected-stats b{font-size:11px}
.market-overview-panel .overview-line{font-size:13px}
.market-overview-panel .notice{font-size:11px;line-height:1.65}
.status{font-size:10px;font-weight:800}
@media(max-width:700px){
 body{font-size:13px}
 .nav-link{font-size:13px}
 .market-intro h2{font-size:25px}
 .asset-price-row strong{font-size:22px}
}

/* v0.10.3 — animated futuristic background and visible Market Preview symbols */
body{position:relative;isolation:isolate;background:#050816}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(115deg,rgba(4,7,20,.94) 0%,rgba(5,8,24,.82) 48%,rgba(8,7,28,.78) 100%),url("assets/ai-trading-background.png");background-size:cover,cover;background-position:center,center;background-repeat:no-repeat;opacity:.42;animation:aiBackgroundDrift 42s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 28%,rgba(126,55,255,.14),transparent 32%),radial-gradient(ellipse at 82% 68%,rgba(0,184,255,.12),transparent 35%),linear-gradient(120deg,transparent 35%,rgba(144,72,255,.045) 50%,transparent 65%);background-size:100% 100%,100% 100%,220% 220%;animation:ambientFlow 24s linear infinite}
@keyframes aiBackgroundDrift{0%{background-position:center,48% 50%;transform:scale(1)}100%{background-position:center,54% 46%;transform:scale(1.06)}}
@keyframes ambientFlow{0%{background-position:center,center,0% 50%}100%{background-position:center,center,100% 50%}}
.app,.main,.main-content,.content{position:relative}
.ticker-item{display:flex;align-items:center;gap:8px}
.ticker-symbol-icon{width:25px;height:25px;flex:none;border-radius:50%;display:inline-grid;place-items:center;font-size:14px;font-style:normal;font-weight:800;background:#20253a;color:#fff;box-shadow:0 0 12px #8b5cf633}
.ticker-symbol-icon.gold{background:linear-gradient(135deg,#6d4b08,#e8b83d);color:#fff6d2}
.ticker-symbol-icon.bitcoin{background:#e98b19;color:#fff;font-size:17px}
.ticker-symbol-icon.euro{background:#1747a5;color:#ffe36b;font-size:13px}
.ticker-symbol-icon.pound{background:#253e8e;color:#fff;font-size:14px}
.ticker-symbol-icon.ethereum{background:#5547a8;color:#fff;font-size:16px}
.ticker-symbol-icon.oil{background:#343b46;color:#d8e5f2}
.ticker-strip,.panel,.card,.asset-card,.ticker-item{backdrop-filter:blur(10px)}
.ticker-strip{border-color:#47316f;background:rgba(9,13,31,.82);box-shadow:0 8px 35px #03040b55}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important}}

/* v0.11 — approved neon cyber design and four motion layers */
:root{--neon-purple:#b34dff;--neon-blue:#16cfff;--neon-pink:#f13bff}
body{position:relative;isolation:isolate;background:#050817}
/* Keep the background abstract: never use a full dashboard screenshot as a wallpaper. */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 15% 15%,rgba(120,38,255,.19),transparent 34%),radial-gradient(ellipse at 85% 42%,rgba(0,145,255,.16),transparent 36%),radial-gradient(ellipse at 55% 100%,rgba(225,35,255,.10),transparent 38%),linear-gradient(125deg,#050817,#080b20 48%,#050817);background-size:150% 150%;animation:neonBackdropFlow 26s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.23;background-image:radial-gradient(circle,rgba(90,180,255,.65) 1px,transparent 1.7px),linear-gradient(120deg,transparent 45%,rgba(177,72,255,.10) 50%,transparent 55%);background-size:34px 34px,220% 220%;mask-image:linear-gradient(110deg,transparent 0%,#000 28%,#000 75%,transparent 100%);animation:particleDrift 34s linear infinite}
@keyframes neonBackdropFlow{0%{background-position:0% 30%;filter:hue-rotate(0deg)}100%{background-position:100% 70%;filter:hue-rotate(16deg)}}
@keyframes particleDrift{from{background-position:0 0,0% 50%}to{background-position:120px 90px,100% 50%}}
/* Neon glass panels and approved purple/blue palette */
.hero-home{border-color:rgba(174,75,255,.75);background:linear-gradient(112deg,rgba(8,12,35,.97),rgba(5,13,38,.88) 58%,rgba(15,9,43,.90));box-shadow:0 0 0 1px rgba(28,195,255,.18),0 0 32px rgba(154,55,255,.24),0 20px 55px #0008}
.hero-home:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(36,179,255,.06) 48%,rgba(226,52,255,.07) 72%,transparent 100%);background-size:220% 100%;animation:heroSheen 12s linear infinite}
@keyframes heroSheen{0%{background-position:100% 0}100%{background-position:-120% 0}}
.hero-copy h2 span{background:linear-gradient(90deg,#c65cff,#21d9ff,#d34bff);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;animation:neonTextFlow 6s linear infinite}
@keyframes neonTextFlow{to{background-position:220% center}}
.hero-visual{overflow:visible;isolation:isolate}
.hero-art-wrap{position:absolute;inset:0 -24px 0 -34px;display:grid;place-items:center;z-index:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 92%,transparent 100%)}
.hero-bullbear{width:112%;height:112%;object-fit:cover;object-position:center;opacity:.96;filter:drop-shadow(0 0 18px rgba(22,190,255,.30));animation:bullBearFloat 7s ease-in-out infinite}
@keyframes bullBearFloat{0%,100%{transform:translateY(3px) scale(1)}50%{transform:translateY(-9px) scale(1.025)}}
.hero-art-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 38%,rgba(23,202,255,.13) 50%,transparent 62%);transform:translateY(-100%);animation:scanSweep 6s ease-in-out infinite}
@keyframes scanSweep{0%,15%{transform:translateY(-110%)}70%,100%{transform:translateY(110%)}}
.visual-orbit{z-index:2;border-color:rgba(40,202,255,.55);box-shadow:0 0 15px rgba(40,202,255,.2),inset 0 0 12px rgba(174,75,255,.12)}
.orbit-one{border-color:rgba(203,65,255,.65);animation:orbit 13s linear infinite,orbitPulse 4s ease-in-out infinite}
.orbit-two{animation:orbit 19s linear infinite reverse,orbitPulse 5s ease-in-out infinite reverse}
@keyframes orbitPulse{0%,100%{opacity:.45;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.7)}}
.hero-visual .float-card{z-index:4;border-color:rgba(43,184,255,.65);background:rgba(5,13,35,.86);backdrop-filter:blur(12px);box-shadow:0 0 20px rgba(29,164,255,.20),0 10px 28px #0007;animation:floatBadge 5s ease-in-out infinite}
.hero-visual .float-bottom{animation-delay:-2.5s}
@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.feature-strip article{background:linear-gradient(130deg,rgba(13,24,55,.94),rgba(8,18,42,.9));border-color:rgba(86,118,255,.55);box-shadow:inset 0 0 18px rgba(60,140,255,.06),0 0 16px rgba(125,55,255,.10);transition:transform .25s,border-color .25s,box-shadow .25s}
.feature-strip article:hover{transform:translateY(-4px);border-color:var(--neon-blue);box-shadow:0 0 22px rgba(22,207,255,.18),0 0 24px rgba(179,77,255,.14)}
.btn.primary{background:linear-gradient(100deg,#982cff,#3c6dff);color:#fff;box-shadow:0 0 18px rgba(173,55,255,.35)}
.btn.secondary{background:rgba(12,31,67,.88);border-color:#3479e9;color:#dff8ff}
/* Market Preview: continuous ticker, visible symbols, and subtle price flashes */
.animated-market-ticker{border:1px solid rgba(167,73,255,.6);background:rgba(6,12,34,.82);box-shadow:0 0 18px rgba(151,61,255,.16),inset 0 0 15px rgba(31,163,255,.06)}
.ticker-item{transition:filter .25s,transform .25s}
.ticker-item.flash-up{animation:quoteFlashUp .75s ease}
.ticker-item.flash-down{animation:quoteFlashDown .75s ease}
@keyframes quoteFlashUp{0%{filter:brightness(1)}35%{filter:brightness(1.9) drop-shadow(0 0 7px #19d6a2)}100%{filter:brightness(1)}}
@keyframes quoteFlashDown{0%{filter:brightness(1)}35%{filter:brightness(1.8) drop-shadow(0 0 7px #ff6477)}100%{filter:brightness(1)}}
.ticker-symbol-icon{box-shadow:0 0 14px rgba(116,94,255,.38);animation:symbolHover 4.5s ease-in-out infinite}
.ticker-item:nth-child(2n) .ticker-symbol-icon{animation-delay:-2.2s}
@keyframes symbolHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.asset-card,.panel,.pro-card{background-color:rgba(8,15,38,.88);backdrop-filter:blur(10px)}
/* Bottom digital wave animation */
.page#page-home{position:relative}
.page#page-home:after{content:"";display:block;height:26px;margin:14px -10px 0;opacity:.75;background:repeating-linear-gradient(105deg,transparent 0 16px,rgba(39,194,255,.18) 17px,transparent 19px),linear-gradient(90deg,transparent,rgba(169,58,255,.35),rgba(25,207,255,.32),transparent);background-size:180% 100%;filter:blur(5px);animation:waveRibbon 9s linear infinite}
@keyframes waveRibbon{from{background-position:0 0}to{background-position:180% 0}}
@media(prefers-reduced-motion:reduce){body::before,body::after,.hero-home:after,.hero-copy h2 span,.hero-bullbear,.hero-art-scan,.visual-orbit,.hero-visual .float-card,.feature-strip article,.ticker-item.flash-up,.ticker-item.flash-down,.ticker-symbol-icon,.page#page-home:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.hero-art-wrap{inset:0 -8px}.hero-bullbear{width:125%;height:100%;opacity:.84}.hero-visual .float-card{transform:scale(.88)}}

/* v0.11.1 Visual Polish: remove duplicated art overlays and clean hero composition */
.hero-art-wrap{inset:0 -24px 0 8px;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 100%);overflow:hidden}
.hero-bullbear{width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.98;filter:drop-shadow(0 0 22px rgba(22,190,255,.24));animation:bullBearFloat 8s ease-in-out infinite}
.hero-visual .float-card{display:none!important}
.hero-art-scan{opacity:.55;animation:scanSweep 8s ease-in-out infinite}
.hero-visual{isolation:isolate;overflow:hidden}
.hero-visual::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(5,10,28,.08),transparent 25%,transparent 78%,rgba(5,10,28,.12)),linear-gradient(0deg,rgba(4,8,25,.12),transparent 24%)}
.hero-copy{position:relative;z-index:5}
.hero-copy h2{line-height:1.06}
.hero-home{overflow:hidden}
footer{font-size:11px;color:#8194b7;letter-spacing:.015em}
@media(max-width:760px){.hero-art-wrap{inset:0 -8px 0 0}.hero-bullbear{width:100%;height:100%;object-position:center center;opacity:.86}}

/* v0.11.2 — reference-matched animated Market Preview, AI globe, bull/bear and ambient waves */
body{background:#050719;isolation:isolate}
body::before{content:"";position:fixed;inset:-8%;z-index:-3;pointer-events:none;background:
 radial-gradient(ellipse at 70% 14%,rgba(77,39,255,.25),transparent 33%),
 radial-gradient(ellipse at 12% 75%,rgba(165,25,255,.18),transparent 34%),
 radial-gradient(ellipse at 86% 78%,rgba(0,169,255,.17),transparent 35%),
 linear-gradient(115deg,#050719 0%,#080d27 48%,#08051d 100%);animation:ambientColorDrift 22s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.48;background-image:radial-gradient(circle,rgba(104,122,255,.55) 1px,transparent 1.7px),linear-gradient(120deg,transparent 30%,rgba(168,62,255,.10) 48%,transparent 64%);background-size:32px 32px,220% 100%;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);animation:particleDrift 32s linear infinite}
@keyframes ambientColorDrift{0%{transform:scale(1);filter:hue-rotate(-8deg)}100%{transform:scale(1.07);filter:hue-rotate(12deg)}}
@keyframes particleDrift{0%{background-position:0 0,0 50%}100%{background-position:180px 90px,220% 50%}}
.market-hero-head{height:142px;position:relative;display:flex;align-items:center;overflow:hidden;margin:0 0 12px;padding:12px 22px;border-bottom:1px solid rgba(122,67,255,.34);background:linear-gradient(90deg,rgba(6,10,32,.92),rgba(8,11,38,.58) 54%,rgba(7,10,30,.2));isolation:isolate}
.market-hero-copy{position:relative;z-index:5;max-width:48%}
.market-hero-copy .eyebrow{color:#d17bff;font-size:11px;letter-spacing:2px;font-weight:800}
.market-hero-copy h2{font-size:clamp(30px,3vw,42px);font-weight:850;letter-spacing:-1.8px;line-height:1.03;margin:7px 0 5px;color:#f5f7ff}
.market-hero-copy h2 span{background:linear-gradient(90deg,#a348ff,#f04bdf,#40cfff);background-size:200% auto;color:transparent;background-clip:text;animation:headingGlow 5s linear infinite}
@keyframes headingGlow{to{background-position:200% center}}
.market-hero-copy p{font-size:13px;color:#b6c5e5;margin:0}
.market-hero-status{position:absolute;right:14px;top:12px;z-index:8;display:flex;gap:8px}
.market-hero-status .demo-pill,.market-hero-status .connection-pill{font-size:9px;padding:7px 9px}
.globe-stage{position:absolute;z-index:2;right:17%;top:-35px;width:270px;height:205px;perspective:700px}
.globe-halo{position:absolute;inset:12%;border-radius:50%;background:#3268ff35;filter:blur(35px);animation:globeHalo 4s ease-in-out infinite}
@keyframes globeHalo{50%{opacity:.55;transform:scale(1.18)}}
.ai-globe{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:1px solid #37c9ff;box-shadow:0 0 18px #1e9fffaa,0 0 55px #643dff88,inset -16px -12px 30px #03051d,inset 12px 8px 25px #24d5ff55;background:
 radial-gradient(circle at 34% 28%,#2e8cff 0%,#122d81 28%,#090f3d 63%,#03071e 100%)}
.globe-map{position:absolute;inset:-10%;border-radius:50%;opacity:.9;background:
 repeating-linear-gradient(0deg,transparent 0 13px,#29c8ff65 14px,#29c8ff65 15px,transparent 16px),
 repeating-linear-gradient(90deg,transparent 0 16px,#7b68ff55 17px,#7b68ff55 18px,transparent 19px);
mask-image:radial-gradient(ellipse at 50% 50%,#000 45%,transparent 73%);animation:globeMapSpin 18s linear infinite}
@keyframes globeMapSpin{to{transform:rotateY(360deg)}}
.globe-lat,.globe-long{position:absolute;display:block;border:1px solid #45d8ff88;border-radius:50%;inset:18% 0}
.lat-a{transform:rotate(25deg)}.lat-b{transform:rotate(-27deg);inset:30% -2%}
.globe-long{inset:-2% 27%;border-color:#a66bff88}.long-a{transform:rotate(22deg)}.long-b{transform:rotate(-22deg)}
.globe-shine{position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 25%,#a9f2ff2b 43%,transparent 57%);animation:globeShine 5s ease-in-out infinite}
@keyframes globeShine{0%,100%{transform:translateX(-40%)}50%{transform:translateX(40%)}}
.globe-orbit{position:absolute;left:50%;top:50%;border:1px solid #a44dffb0;border-radius:50%;width:245px;height:82px;transform:translate(-50%,-50%) rotate(-20deg);box-shadow:0 0 12px #a33cff55;animation:globeOrbit 12s linear infinite}
.globe-orbit-b{width:225px;height:65px;border-color:#19cfffaa;transform:translate(-50%,-50%) rotate(35deg);animation-duration:16s;animation-direction:reverse}
@keyframes globeOrbit{to{transform:translate(-50%,-50%) rotate(340deg)}}
.globe-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#4ceaff;box-shadow:0 0 12px 4px #23bfff;animation:particleBlink 2.8s ease-in-out infinite}
.particle-a{left:10%;top:40%}.particle-b{right:10%;top:22%;background:#e65aff;box-shadow:0 0 12px 4px #d42bff;animation-delay:-1s}.particle-c{right:22%;bottom:14%;animation-delay:-1.8s}
@keyframes particleBlink{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}
.market-hero-candles{position:absolute;z-index:1;right:-4px;bottom:0;height:94px;display:flex;align-items:flex-end;gap:10px;opacity:.8}
.market-hero-candles i{position:relative;width:8px;height:var(--h,38px);background:linear-gradient(180deg,#17e4ff,#1474ff);box-shadow:0 0 12px #08caff88;animation:candlePulse 2.2s ease-in-out infinite alternate}
.market-hero-candles i:nth-child(3n){background:linear-gradient(180deg,#ff45df,#9a28ff)}
.market-hero-candles i:nth-child(1){--h:25px}.market-hero-candles i:nth-child(2){--h:43px}.market-hero-candles i:nth-child(3){--h:35px}.market-hero-candles i:nth-child(4){--h:57px}.market-hero-candles i:nth-child(5){--h:46px}.market-hero-candles i:nth-child(6){--h:69px}.market-hero-candles i:nth-child(7){--h:52px}.market-hero-candles i:nth-child(8){--h:76px}.market-hero-candles i:nth-child(9){--h:63px}.market-hero-candles i:nth-child(10){--h:88px}.market-hero-candles i:nth-child(11){--h:71px}.market-hero-candles i:nth-child(12){--h:94px}
@keyframes candlePulse{to{filter:brightness(1.7);transform:translateY(-5px)}}
.hero-home{background:radial-gradient(ellipse at 76% 52%,rgba(80,31,180,.20),transparent 46%),linear-gradient(115deg,rgba(7,13,38,.97),rgba(8,13,42,.94) 65%,rgba(14,8,42,.9));border-color:#8e3cff;box-shadow:0 0 24px #812dff22,inset 0 0 35px #1c67ff12}
.hero-home:before{background-image:linear-gradient(#8e55ff0b 1px,transparent 1px),linear-gradient(90deg,#8e55ff0b 1px,transparent 1px)}
.hero-art-wrap{inset:0 -5px 0 0;mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 100%)}
.hero-bullbear{width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;filter:drop-shadow(0 0 22px rgba(22,190,255,.38));animation:bullBearFloat 5.5s ease-in-out infinite, bullBearGlow 4s ease-in-out infinite alternate}
@keyframes bullBearGlow{from{filter:drop-shadow(0 0 12px rgba(22,190,255,.22))}to{filter:drop-shadow(0 0 28px rgba(209,43,255,.48))}}
.hero-art-scan{opacity:.65}
.page#page-home:after{height:44px;margin-top:16px;opacity:.9;background:
 radial-gradient(ellipse at 20% 100%,transparent 35%,rgba(181,50,255,.72) 36%,transparent 38%),
 radial-gradient(ellipse at 70% 100%,transparent 35%,rgba(0,196,255,.72) 36%,transparent 38%),
 repeating-linear-gradient(100deg,transparent 0 12px,rgba(80,170,255,.16) 13px,transparent 15px);
 background-size:100% 100%,100% 100%,200% 100%;filter:blur(3px);animation:waveRibbon 10s linear infinite}
@media(max-width:900px){.globe-stage{right:5%;opacity:.7}.market-hero-copy{max-width:62%}}
@media(max-width:760px){.market-hero-head{height:125px;padding:12px}.market-hero-copy{max-width:70%}.market-hero-copy h2{font-size:28px}.market-hero-copy p{font-size:10px;max-width:250px}.globe-stage{right:-60px;top:-35px;transform:scale(.75);opacity:.55}.market-hero-status{display:none}.market-hero-candles{opacity:.45}.hero-art-wrap{inset:0 -8px 0 0}.hero-bullbear{object-fit:contain}}
@media(prefers-reduced-motion:reduce){body::before,body::after,.globe-halo,.globe-map,.globe-shine,.globe-orbit,.globe-particle,.market-hero-candles i,.hero-bullbear,.hero-art-scan,.page#page-home:after{animation:none!important}}

/* v0.11.3 — richer digital globe, clean Bull/Bear art, and flowing neon waves */
.globe-stage{width:300px;height:220px;right:16%;top:-38px}
.ai-globe{width:158px;height:158px;background:
 radial-gradient(circle at 32% 25%,rgba(91,196,255,.9),transparent 17%),
 radial-gradient(circle at 40% 38%,#174fa9 0%,#10266d 42%,#080d38 74%,#02051b 100%);
 box-shadow:0 0 22px #1e9fffbb,0 0 65px #643dff99,inset -18px -15px 32px #02051d,inset 12px 9px 28px #24d5ff66}
.globe-map{inset:-5%;border-radius:50%;opacity:.98;background:
 radial-gradient(circle,rgba(69,213,255,.88) 1px,transparent 1.8px);
 background-size:5px 5px;mask-image:radial-gradient(ellipse at 50% 50%,#000 55%,transparent 73%);
 animation:globeMapSpin 22s linear infinite}
.globe-map:after{content:"";position:absolute;inset:0;border-radius:50%;background:
 repeating-linear-gradient(0deg,transparent 0 17px,rgba(77,205,255,.32) 18px,transparent 19px),
 repeating-linear-gradient(90deg,transparent 0 22px,rgba(133,117,255,.25) 23px,transparent 24px);
 opacity:.75}
.globe-continent{position:absolute;display:block;background:linear-gradient(135deg,#8beaff,#338cff 55%,#a477ff);filter:drop-shadow(0 0 5px #2abfff);opacity:.9}
.continent-a{left:15%;top:19%;width:42%;height:35%;clip-path:polygon(4% 12%,27% 0,42% 16%,65% 7%,88% 28%,79% 50%,92% 65%,67% 78%,58% 100%,39% 78%,24% 85%,12% 55%,0 40%)}
.continent-b{right:10%;top:39%;width:32%;height:42%;clip-path:polygon(18% 0,55% 8%,100% 27%,78% 49%,87% 73%,58% 100%,35% 80%,22% 54%,0 29%)}
.continent-c{left:43%;top:12%;width:19%;height:20%;clip-path:polygon(0 18%,55% 0,100% 30%,72% 78%,31% 100%,10% 61%)}
.globe-lat,.globe-long{border-color:#4bdfff9c;box-shadow:0 0 7px #23baff55}
.globe-orbit{box-shadow:0 0 14px #bd3dff77}
.hero-art-wrap{inset:0 -10px 0 -8px;overflow:hidden;mask-image:radial-gradient(ellipse 77% 83% at 53% 50%,#000 54%,rgba(0,0,0,.92) 68%,transparent 100%)}
.hero-bullbear{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:screen;animation:bullBearFloat 6s ease-in-out infinite,bullBearGlow 4.5s ease-in-out infinite alternate}
.hero-visual{overflow:hidden}
.hero-visual:before{content:"";position:absolute;inset:12% 0 8%;background:radial-gradient(ellipse at 55% 65%,rgba(13,177,255,.16),transparent 54%),radial-gradient(ellipse at 82% 55%,rgba(216,36,255,.14),transparent 48%);filter:blur(12px);animation:heroAura 7s ease-in-out infinite alternate}
@keyframes heroAura{to{transform:scale(1.12);opacity:.6}}
/* Layered flowing mesh ribbons across the bottom edge of the home canvas */
.page#page-home{position:relative;isolation:isolate}
.page#page-home:after{content:"";display:block;position:relative;height:78px;margin:20px -8px 0;pointer-events:none;opacity:.95;
 background:
 radial-gradient(ellipse 70% 75% at 18% 100%,transparent 47%,rgba(187,42,255,.95) 48%,rgba(187,42,255,.12) 50%,transparent 55%),
 radial-gradient(ellipse 68% 80% at 75% 100%,transparent 47%,rgba(0,190,255,.95) 48%,rgba(0,190,255,.10) 50%,transparent 56%),
 repeating-linear-gradient(105deg,transparent 0 14px,rgba(95,166,255,.20) 15px,transparent 17px);
 background-size:140% 100%,140% 100%,220% 100%;
 filter:drop-shadow(0 0 9px #8d38ff88);
 animation:waveFlow 12s ease-in-out infinite alternate}
@keyframes waveFlow{0%{background-position:0% 50%,100% 50%,0% 50%;transform:translateX(-1%)}100%{background-position:100% 50%,0% 50%,100% 50%;transform:translateX(1%)}}
@media(max-width:760px){.globe-stage{right:-50px;transform:scale(.72);opacity:.66}.hero-art-wrap{inset:0 -10px 0 -4px}.hero-bullbear{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.globe-map,.hero-bullbear,.hero-visual:before,.page#page-home:after{animation:none!important}}

/* v0.11.4 — transparent Bull & Bear hero artwork */
.hero-art-wrap{inset:0 -8px 0 0;overflow:visible;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 100%)}
.hero-bullbear{width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(20,190,255,.28));animation:bullBearFloat 6s ease-in-out infinite,bullBearGlow 4s ease-in-out infinite alternate}
.hero-visual{background:radial-gradient(ellipse at 76% 65%,rgba(0,173,255,.10),transparent 44%),radial-gradient(ellipse at 85% 55%,rgba(204,35,255,.10),transparent 46%)}

/* v0.11.5 — clean premium footer wave: remove diagonal hatch and create flowing neon mesh */
.page#page-home:after{
 content:"";
 display:block;
 position:relative;
 height:96px;
 margin:8px -8px 2px;
 pointer-events:none;
 opacity:1;
 background:
   radial-gradient(ellipse at 18% 100%,rgba(160,45,255,.28),transparent 48%),
   radial-gradient(ellipse at 78% 100%,rgba(0,178,255,.24),transparent 48%),
   url("assets/footer-neon-wave.svg") center bottom / 100% 100% no-repeat;
 filter:drop-shadow(0 0 10px rgba(126,55,255,.42));
 animation:footerWaveDrift 13s ease-in-out infinite alternate;
}
@keyframes footerWaveDrift{
  0%{background-position:0 0,100% 0,0% 50%;transform:translateY(2px)}
  100%{background-position:100% 0,0 0,100% 50%;transform:translateY(-3px)}
}
footer{
 position:relative;
 margin-top:0!important;
 padding:10px 12px 18px!important;
 text-align:center;
 color:#8799c2!important;
 font-size:11px;
 letter-spacing:.02em;
 border-top:1px solid rgba(109,75,255,.14);
 background:linear-gradient(180deg,rgba(7,10,29,.05),rgba(7,10,29,.58));
}
.home-lower{margin-bottom:14px!important;align-items:center}
.home-disclaimer{margin-bottom:8px!important}
@media(max-width:760px){
 .page#page-home:after{height:68px;margin:4px -4px 0;background-size:auto,auto,cover}
 footer{padding:8px 6px 14px!important;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.page#page-home:after{animation:none!important}}

/* v0.11.6 — premium branding, Market Preview ticker and complete lower-home polish */
.brand{gap:12px;align-items:center}
.brand-icon{width:52px!important;height:52px!important;border-radius:15px!important;display:grid;place-items:center;background:linear-gradient(145deg,#27105a,#071b42)!important;border:1px solid rgba(173,76,255,.62);box-shadow:0 0 18px rgba(148,54,255,.32),inset 0 0 18px rgba(46,183,255,.12);position:relative;overflow:hidden}
.brand-icon:after{content:"";position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);transform:translateX(-55%);animation:brandSweep 5s ease-in-out infinite}
.brand-icon svg{width:39px;height:39px;position:relative;z-index:1;filter:drop-shadow(0 0 5px #a64dff88)}
@keyframes brandSweep{50%,100%{transform:translateX(55%)}}
.brand b{font-size:17px;letter-spacing:1.35px;color:#f4f7ff}
.brand small{font-size:9px;letter-spacing:1.6px}
.brand em{font-size:9px;letter-spacing:1.1px}
.market-hero-head{border:1px solid rgba(139,64,255,.32);border-radius:16px;margin:10px 0 12px;padding:15px 24px;background:
 radial-gradient(ellipse at 80% 50%,rgba(75,50,190,.22),transparent 42%),
 linear-gradient(105deg,rgba(7,12,35,.98),rgba(11,12,42,.88) 64%,rgba(7,10,30,.9));
 box-shadow:inset 0 0 24px rgba(90,50,180,.09),0 8px 28px rgba(0,0,0,.16)}
.market-hero-copy h2{letter-spacing:-1.4px}
.market-hero-copy p{font-size:13px;color:#c2cce5}
.market-hero-status .demo-pill,.market-hero-status .connection-pill{backdrop-filter:blur(12px);box-shadow:0 4px 18px #0005}
.ticker-strip{min-height:58px;padding:10px 14px;border:1px solid rgba(147,62,255,.65);border-radius:14px;background:linear-gradient(100deg,rgba(11,15,43,.98),rgba(12,13,42,.95));box-shadow:0 0 18px rgba(112,42,255,.15),inset 0 0 16px rgba(35,178,255,.06);gap:15px}
.ticker-label{display:flex;align-items:center;gap:8px;white-space:nowrap;padding-right:12px;border-right:1px solid rgba(135,109,220,.28)}
.ticker-item{gap:8px;padding:5px 11px;border-right:1px solid rgba(117,129,190,.18);transition:background .2s ease}
.ticker-item:hover{background:rgba(99,71,190,.13);border-radius:9px}
.ticker-symbol-icon{width:27px;height:27px;min-width:27px;display:inline-grid;place-items:center;border-radius:50%;font-size:13px!important;font-weight:800;box-shadow:0 0 12px rgba(75,103,255,.18);border:1px solid rgba(255,255,255,.12)}
.ticker-symbol-icon.gold{background:linear-gradient(145deg,#78500b,#f4bf39);color:#fff}
.ticker-symbol-icon.bitcoin{background:linear-gradient(145deg,#a54d05,#ff9c24);color:white}
.ticker-symbol-icon.euro{background:linear-gradient(145deg,#123a9c,#316cff);color:white}
.ticker-symbol-icon.pound{background:linear-gradient(145deg,#203c7d,#698dff);color:white}
.ticker-symbol-icon.ethereum{background:linear-gradient(145deg,#44318c,#8d70ff);color:white}
.ticker-symbol-icon.oil{background:linear-gradient(145deg,#26384a,#8da5b7);color:white}
.ticker-item b{font-size:11px;color:#eef3ff}
.ticker-item .ticker-price{font-size:11px;min-width:68px;color:#d7e5ff}
.ticker-change{font-size:10px}
.ticker-track{gap:14px;animation-duration:34s}
.ticker-note{padding-left:12px;border-left:1px solid rgba(117,129,190,.2);font-size:9px;letter-spacing:.7px}
.feature-strip{gap:12px;margin:18px 0 20px}
.feature-strip article{position:relative;overflow:hidden;min-height:76px;padding:15px 16px;border:1px solid rgba(73,112,211,.48);border-radius:15px;background:linear-gradient(135deg,rgba(11,25,57,.96),rgba(8,18,43,.98));box-shadow:0 8px 22px rgba(0,0,0,.14);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.feature-strip article:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(0,218,255,.08),transparent 68%);transform:translateX(-110%);transition:transform .6s ease}
.feature-strip article:hover{transform:translateY(-4px);border-color:#a44cff;box-shadow:0 10px 28px rgba(104,48,255,.22),0 0 0 1px rgba(31,207,255,.13)}
.feature-strip article:hover:before{transform:translateX(110%)}
.feature-strip article>span{width:43px;height:43px;min-width:43px;border-radius:13px;background:linear-gradient(145deg,#122f6b,#321064);border:1px solid rgba(80,184,255,.25);color:#44e1ff;font-size:22px;box-shadow:0 0 15px rgba(32,160,255,.13)}
.feature-strip b{font-size:12px;color:#f1f5ff}
.feature-strip small{font-size:10px;color:#9eb2d3}
.home-lower{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:center;padding:22px 22px;margin:0 0 14px;border:1px solid rgba(96,76,186,.25);border-radius:16px;background:linear-gradient(110deg,rgba(12,17,48,.78),rgba(9,17,43,.62));box-shadow:inset 0 0 26px rgba(93,57,180,.07)}
.home-lower:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:linear-gradient(#d04cff,#16d8ff);box-shadow:0 0 12px #a04cff}
.home-lower h3{font-size:20px;letter-spacing:-.4px;color:#f2f5ff;margin:9px 0}
.home-lower p{font-size:11px;line-height:1.8;color:#9fb2d2}
.social-area{min-width:0;justify-self:end;width:100%;max-width:370px;padding-left:20px;border-left:1px solid rgba(112,105,190,.2)}
.social-area .eyebrow{color:#d16cff}
.social-links{gap:9px;margin:12px 0}
.social-icon{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#102d5a,#25104f);border:1px solid rgba(67,186,255,.4);box-shadow:0 0 12px rgba(25,158,255,.12);font-size:16px;transition:transform .2s ease,box-shadow .2s ease}
.social-icon:hover{transform:translateY(-3px);box-shadow:0 0 17px rgba(174,60,255,.4)}
.social-status{background:rgba(10,18,43,.65);border-color:rgba(99,113,173,.36);padding:7px 10px}
.home-disclaimer{display:flex;align-items:center;gap:9px;min-height:42px;padding:11px 15px;border-radius:11px;background:linear-gradient(100deg,rgba(44,32,18,.94),rgba(35,27,25,.94));border:1px solid rgba(204,151,71,.36);box-shadow:0 5px 18px rgba(0,0,0,.12);font-size:10px;line-height:1.5}
.page#page-home{padding-bottom:12px}
.page#page-home:after{height:96px;margin-top:12px;margin-bottom:0}
footer{margin-top:0!important;padding:12px 10px 18px!important;border-top:1px solid rgba(105,83,185,.15);background:linear-gradient(180deg,rgba(7,10,29,.05),rgba(7,10,29,.45))}
@media(max-width:900px){.home-lower{grid-template-columns:1fr}.social-area{justify-self:stretch;max-width:none;padding:15px 0 0;border-left:0;border-top:1px solid rgba(112,105,190,.2)}}
@media(max-width:760px){.market-hero-head{padding:12px 14px}.ticker-strip{gap:10px;padding:9px}.ticker-label{font-size:8px}.ticker-note{font-size:8px}.home-lower{padding:17px}.feature-strip article{min-height:70px;padding:12px}.social-area{margin-top:0}}
@media(prefers-reduced-motion:reduce){.brand-icon:after,.feature-strip article,.social-icon{animation:none!important;transition:none!important}}

/* v0.11.7 — full-site neon particle-wave background */
html{min-height:100%;background:#07091e}
body{
  min-height:100vh;
  background:
    linear-gradient(115deg,rgba(5,7,25,.76),rgba(8,8,35,.60) 48%,rgba(4,10,32,.76)),
    url("assets/neon-particle-wave-background.png") center center / cover fixed no-repeat,
    #07091e!important;
  background-attachment:fixed,fixed,fixed!important;
  isolation:isolate;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse at 16% 20%,rgba(236,34,179,.16),transparent 42%),
    radial-gradient(ellipse at 83% 74%,rgba(0,110,255,.18),transparent 46%),
    linear-gradient(180deg,rgba(4,6,25,.14),rgba(4,7,24,.48));
}
.app{position:relative;isolation:isolate;background:transparent!important}
.main{background:transparent!important}
.sidebar{
  background:linear-gradient(180deg,rgba(7,8,31,.88),rgba(8,10,35,.76))!important;
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  border-right:1px solid rgba(168,75,255,.32)!important;
  box-shadow:8px 0 36px rgba(0,0,0,.18);
}
.topbar{border-bottom-color:rgba(117,91,196,.30)!important}
.panel,.welcome,.market-hero-head,.ticker-strip,.feature-strip article,.home-lower,
.home-disclaimer,.agent-card,.stat-card,.table-wrap,.chart-panel,.signal-card{
  backdrop-filter:blur(14px) saturate(125%);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
}
.panel{
  background:linear-gradient(145deg,rgba(13,20,52,.82),rgba(7,15,42,.78))!important;
  border-color:rgba(112,91,191,.36)!important;
}
.welcome{
  background:linear-gradient(110deg,rgba(8,18,49,.88),rgba(20,12,56,.70))!important;
}
.market-hero-head{
  background:linear-gradient(100deg,rgba(7,10,34,.78),rgba(15,11,48,.58) 65%,rgba(8,10,33,.42))!important;
}
.ticker-strip{
  background:linear-gradient(100deg,rgba(8,12,39,.88),rgba(18,10,49,.78))!important;
}
.feature-strip article,.home-lower{
  background:linear-gradient(135deg,rgba(10,18,49,.82),rgba(12,12,43,.76))!important;
}
.home-disclaimer{
  background:linear-gradient(100deg,rgba(43,30,25,.86),rgba(31,21,38,.82))!important;
}
button,input,select,textarea,.nav-link{backdrop-filter:blur(8px)}
footer{background:linear-gradient(180deg,rgba(6,8,30,.10),rgba(6,8,30,.52))!important}
@media(max-width:760px){
 body{background-attachment:scroll,scroll,scroll!important;background-position:center top!important}
}
@media(prefers-reduced-motion:reduce){body{background-attachment:scroll!important}}

/* v0.11.8 — unified reference-inspired neon trading platform */
:root{
 --bg:#05091e;--panel:rgba(10,17,48,.84);--panel2:rgba(16,22,62,.82);
 --line:rgba(117,89,221,.42);--cyan:#20eaff;--cyan2:#16bce8;
 --text:#f3f5ff;--muted:#9fb2d6;--purple:#b83dff;--pink:#f52dc7;
}
body{
 font-family:Manrope,Inter,Segoe UI,Arial,sans-serif!important;
 background:
  linear-gradient(112deg,rgba(3,5,23,.54),rgba(5,7,29,.38) 50%,rgba(3,7,27,.58)),
  url("assets/neon-particle-wave-background.png") center center / cover fixed no-repeat,
  #05091e!important;
}
.global-topnav{
 position:fixed;z-index:30;left:0;right:0;top:0;height:64px;
 display:flex;align-items:center;gap:12px;padding:0 20px 0 22px;
 background:linear-gradient(90deg,rgba(5,7,27,.97),rgba(8,10,35,.91) 65%,rgba(6,9,30,.96));
 border-bottom:1px solid rgba(157,64,255,.56);
 box-shadow:0 5px 28px rgba(0,0,0,.30),0 1px 18px rgba(152,46,255,.12);
 backdrop-filter:blur(18px) saturate(140%);
}
.topnav-brand{
 height:100%;width:220px;flex:0 0 220px;display:flex;align-items:center;gap:10px;
 color:#fff;text-decoration:none;border-right:1px solid rgba(114,94,189,.23);
}
.topnav-mark{
 width:38px;height:38px;display:grid;place-items:center;border-radius:12px;
 color:#fff;font-size:29px;font-weight:800;
 background:linear-gradient(145deg,#8b20ff,#0cbce9);
 box-shadow:0 0 16px rgba(169,47,255,.55),inset 0 0 10px rgba(255,255,255,.18);
}
.topnav-brand b,.topnav-brand small{display:block;line-height:1.05;letter-spacing:1.1px}
.topnav-brand b{font-size:15px}.topnav-brand small{font-size:10px;color:#a8b8df;margin-top:3px}
.topnav-links{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;height:100%}
.topnav-link{
 height:46px;padding:0 13px;border:1px solid transparent;border-radius:12px;
 background:transparent;color:#d7e1f6;white-space:nowrap;font-size:12px;font-weight:750;
 display:flex;align-items:center;gap:9px;transition:.22s ease;
}
.topnav-link span{font-size:19px;color:#b6c5ef}
.topnav-link:hover{color:#fff;background:rgba(95,46,176,.20);border-color:rgba(155,75,255,.35)}
.topnav-link.active{
 color:#fff;border-color:#bb45ff;
 background:linear-gradient(110deg,rgba(116,31,221,.46),rgba(19,83,174,.25));
 box-shadow:0 0 12px rgba(176,48,255,.5),inset 0 0 12px rgba(172,68,255,.16);
}
.topnav-link.active span{color:#fff}
.topnav-actions{display:flex;align-items:center;gap:12px;margin-left:4px}
.topnav-icon,.topnav-user{
 position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
 border:1px solid rgba(130,146,218,.42);background:rgba(11,22,55,.8);color:#fff;font-size:18px;
}
.topnav-icon i{position:absolute;width:8px;height:8px;right:3px;top:3px;border-radius:50%;background:#ff416a;box-shadow:0 0 8px #ff416a}
.topnav-user{border:2px solid #16c9f5;font-size:14px;font-weight:800}
.app{padding-top:64px!important}
.sidebar{
 top:64px!important;height:calc(100vh - 64px)!important;
 background:linear-gradient(180deg,rgba(5,7,29,.93),rgba(8,8,34,.86))!important;
 border-right:1px solid rgba(155,64,255,.38)!important;
}
.main{padding-top:0!important}
.topbar{height:70px;margin-bottom:16px!important;border-bottom-color:rgba(132,92,221,.27)!important}
.nav-link{min-height:45px;border-radius:11px!important;color:#c8d5ef!important}
.nav-link.active{
 background:linear-gradient(100deg,rgba(119,36,221,.42),rgba(18,64,146,.26))!important;
 border-color:#b447ff!important;color:#fff!important;
 box-shadow:inset 3px 0 #e55cff,0 0 18px rgba(158,46,255,.25)!important;
}
.nav-link span{color:#b9a5ff!important}
.brand-icon{background:linear-gradient(145deg,#2c0c64,#0b285e)!important;border:1px solid rgba(175,72,255,.6)!important;box-shadow:0 0 18px rgba(160,50,255,.34)!important}
.market-hero-head{height:150px!important;border-bottom:1px solid rgba(185,67,255,.5)!important}
.market-hero-copy h2{font-size:39px!important;font-weight:850!important}
.market-hero-copy h2 span{background:linear-gradient(90deg,#ed4bd8,#a64cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.globe-stage{filter:drop-shadow(0 0 18px rgba(48,147,255,.3))}
.ai-globe{box-shadow:0 0 28px rgba(22,169,255,.52),inset 0 0 22px rgba(66,180,255,.35)!important}
.market-hero-candles i{box-shadow:0 0 12px currentColor}
.ticker-strip{border:1px solid rgba(211,66,255,.88)!important;box-shadow:0 0 16px rgba(190,40,255,.27),inset 0 0 12px rgba(50,120,255,.1)!important}
.hero-home{
 min-height:350px!important;border:1px solid rgba(205,61,255,.85)!important;border-radius:18px!important;
 background:
  radial-gradient(ellipse at 78% 55%,rgba(44,66,173,.23),transparent 45%),
  linear-gradient(110deg,rgba(5,10,35,.91),rgba(8,12,43,.75) 57%,rgba(10,7,39,.66))!important;
 box-shadow:0 0 22px rgba(162,44,255,.22),inset 0 0 28px rgba(64,111,255,.10)!important;
}
.hero-copy h2{font-size:clamp(42px,4vw,62px)!important;line-height:1.03!important;letter-spacing:-2.2px!important}
.hero-copy h2 span{
 background:linear-gradient(90deg,#18dff2,#2da8ff,#b84cff);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-copy p{max-width:550px;color:#d3def4!important;font-size:13px!important}
.hero-bullbear{filter:drop-shadow(0 0 16px rgba(28,169,255,.3)) drop-shadow(0 0 16px rgba(219,35,255,.22))}
.visual-glow{background:radial-gradient(ellipse,rgba(44,103,255,.26),rgba(190,32,255,.10) 52%,transparent 72%)!important}
.feature-strip article{border-color:rgba(72,139,255,.75)!important;box-shadow:0 0 14px rgba(26,126,255,.16),inset 0 0 12px rgba(139,54,255,.1)!important}
.feature-strip article>span{border-radius:50%!important;width:52px!important;height:52px!important;min-width:52px!important;background:linear-gradient(145deg,rgba(25,50,133,.9),rgba(69,15,124,.9))!important;border:1px solid rgba(65,209,255,.65)!important;box-shadow:0 0 14px rgba(25,205,255,.3)!important}
.home-lower{border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 4px!important}
.home-lower:before{display:none}
.home-lower h3{font-size:23px!important}
.social-icon{width:44px!important;height:44px!important;border-radius:50%!important;font-size:19px!important}
.home-disclaimer{border-color:rgba(228,174,71,.42)!important}
.page:not(#page-home){position:relative}
.page:not(#page-home) .panel,
.page:not(#page-home) .pro-card,
.page:not(#page-home) .pro-kpi,
.page:not(#page-home) .asset-card,
.page:not(#page-home) .signal-card,
.page:not(#page-home) .history-card,
.page:not(#page-home) .membership-card,
.page:not(#page-home) .settings-card,
.page:not(#page-home) .analysis-card,
.page:not(#page-home) .backtest-card,
.page:not(#page-home) .stat-card{
 background:linear-gradient(145deg,rgba(10,18,51,.88),rgba(8,12,39,.83))!important;
 border:1px solid rgba(99,107,211,.48)!important;
 box-shadow:0 8px 24px rgba(0,0,0,.20),inset 0 0 18px rgba(101,54,194,.08)!important;
 backdrop-filter:blur(15px) saturate(130%);
}
.pro-kpi,.pro-card,.asset-card,.signal-card,.panel{border-radius:15px!important}
.pro-kpi:hover,.asset-card:hover,.signal-card:hover{
 border-color:rgba(205,66,255,.82)!important;box-shadow:0 0 22px rgba(157,52,255,.18)!important;transform:translateY(-2px);
}
.pro-dashboard-head h2,.pro-card h3{color:#f3f5ff!important}
.pro-kpi b{color:#f6f7ff}
input,select,textarea{
 background:rgba(7,13,39,.82)!important;color:#edf4ff!important;
 border:1px solid rgba(111,120,201,.5)!important;border-radius:9px!important;
}
.btn.primary{background:linear-gradient(105deg,#a328ff,#3b65ff)!important;box-shadow:0 0 18px rgba(159,42,255,.4)!important}
.btn.secondary{border-color:#398fe9!important;background:rgba(10,26,61,.72)!important;color:#e8f3ff!important}
table th{color:#b8c7f1!important}
table td{border-color:rgba(108,110,190,.22)!important}
footer{border-color:rgba(164,60,255,.28)!important}
@media(max-width:1180px){
 .topnav-brand{width:180px;flex-basis:180px}
 .topnav-link{padding:0 8px;font-size:11px}
 .topnav-link span{font-size:16px}
}
@media(max-width:900px){
 .global-topnav{padding:0 10px}
 .topnav-brand{width:auto;flex-basis:52px;border:0}
 .topnav-brand>span:last-child{display:none}
 .topnav-links{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
 .topnav-links::-webkit-scrollbar{display:none}
 .topnav-link{padding:0 9px}
 .topnav-link span{display:none}
}
@media(max-width:760px){
 .global-topnav{height:58px}
 .app{padding-top:58px!important}
 .sidebar{top:58px!important;height:calc(100vh - 58px)!important}
 .topnav-actions{gap:6px}
 .topnav-link{height:38px;font-size:10px}
 .market-hero-head{height:128px!important}
 .market-hero-copy h2{font-size:28px!important}
 .hero-home{min-height:unset!important}
 .hero-copy h2{font-size:39px!important}
}
@media(prefers-reduced-motion:reduce){.topnav-link,.pro-kpi,.asset-card,.signal-card{transition:none!important}}


/* ==========================================================
   v0.11.9 — Reference Match: full-site particle-wave ambience
   ========================================================== */
:root{
  --bg:#08051d;
  --panel:#0c1030;
  --panel2:#10143a;
  --line:rgba(99,112,255,.48);
  --cyan:#20e7ff;
  --cyan2:#168cff;
}
html{background:#07051a}
body{
  background-color:#07051a;
  background-image:
    linear-gradient(180deg,rgba(5,5,24,.66),rgba(5,6,29,.45) 46%,rgba(5,5,25,.70)),
    url("assets/neon-particle-wave-background.png");
  background-repeat:no-repeat;
  background-position:center top,center center;
  background-size:cover,cover;
  background-attachment:fixed,fixed;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse at 13% 20%,rgba(238,36,205,.16),transparent 34%),
    radial-gradient(ellipse at 83% 54%,rgba(0,119,255,.17),transparent 38%),
    linear-gradient(110deg,rgba(7,5,27,.25),rgba(8,7,35,.10) 50%,rgba(6,5,27,.28));
}
.sidebar{
  background:linear-gradient(180deg,rgba(8,6,30,.94),rgba(10,7,34,.82));
  border-right:1px solid rgba(158,69,255,.42);
  box-shadow:8px 0 38px rgba(9,4,31,.28);
  backdrop-filter:blur(18px) saturate(135%);
}
.main{position:relative}
.topbar{
  background:linear-gradient(90deg,rgba(8,7,31,.46),rgba(8,7,31,.18));
  border-bottom-color:rgba(112,91,255,.30);
  backdrop-filter:blur(8px);
}
.panel,.pro-card,.feature-strip article,.asset-card,.market-detail,
.market-table-wrap,.control-card,.home-lower{
  background-color:rgba(9,13,43,.78);
  border-color:rgba(80,125,255,.55);
  box-shadow:0 10px 30px rgba(0,0,0,.20),0 0 18px rgba(115,44,255,.08);
  backdrop-filter:blur(13px) saturate(130%);
}
.nav-link{color:#d5d9f6}
.nav-link:hover,.nav-link.active{
  background:linear-gradient(100deg,rgba(124,35,255,.30),rgba(23,94,207,.20));
  border-color:#b14cff;
  box-shadow:inset 3px 0 #e34dff,0 0 20px rgba(185,54,255,.25);
}
.nav-link span{color:#d48cff}
.brand-icon{
  background:linear-gradient(145deg,#6814db,#0a9bd7);
  box-shadow:0 0 24px rgba(174,49,255,.48);
}
.market-hero-head{
  background:
    radial-gradient(ellipse at 72% 50%,rgba(22,76,196,.18),transparent 42%),
    linear-gradient(90deg,rgba(12,7,38,.70),rgba(11,8,39,.24) 70%,rgba(8,8,35,.10));
  border-bottom-color:rgba(180,57,255,.55);
}
.market-hero-head:after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 76% 48%,rgba(0,212,255,.13),transparent 27%);
}
.market-hero-copy,.globe-stage,.market-hero-candles,.market-hero-status{z-index:2}
.ai-globe{
  background:
    radial-gradient(circle at 32% 26%,rgba(104,230,255,.92),rgba(17,119,255,.55) 22%,rgba(11,21,92,.92) 60%,rgba(5,6,35,.98) 76%);
  border:1px solid rgba(59,208,255,.9);
  box-shadow:0 0 22px #10bfff,0 0 58px rgba(38,100,255,.58),inset -15px -12px 28px rgba(0,0,0,.65);
}
.globe-stage{filter:saturate(1.25)}
.globe-orbit{border-color:rgba(224,47,255,.78);box-shadow:0 0 15px rgba(198,40,255,.45)}
.ticker-strip{
  background:linear-gradient(90deg,rgba(12,8,42,.94),rgba(9,15,49,.88),rgba(17,7,48,.94));
  border:1px solid #a43cff;
  box-shadow:0 0 18px rgba(173,39,255,.27),inset 0 0 16px rgba(28,135,255,.08);
}
.hero-home{
  background:
    radial-gradient(ellipse at 78% 52%,rgba(9,93,196,.22),transparent 43%),
    linear-gradient(112deg,rgba(9,10,39,.90),rgba(9,12,42,.68) 56%,rgba(12,7,42,.53));
  border:1px solid rgba(183,58,255,.88);
  box-shadow:0 0 22px rgba(169,44,255,.30),0 18px 55px rgba(0,0,0,.25),inset 0 0 30px rgba(42,101,255,.08);
}
.hero-home:before{
  background-image:
    linear-gradient(rgba(82,117,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,117,255,.055) 1px,transparent 1px);
  opacity:.6;
}
.hero-home:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 62% 25%,rgba(20,164,255,.24),transparent 2px),
    radial-gradient(circle at 72% 75%,rgba(234,42,255,.25),transparent 3px),
    radial-gradient(circle at 91% 22%,rgba(20,164,255,.25),transparent 2px);
  background-size:180px 150px,230px 190px,210px 170px;
  animation:ambientSparkle 9s linear infinite;
}
@keyframes ambientSparkle{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(-8px)}}
.hero-copy h2 span{
  background:linear-gradient(90deg,#19dfff 0%,#4f8cff 48%,#d84cff 100%);
  background-size:180% auto;
  color:transparent;background-clip:text;
}
.hero-art-wrap{
  inset:0 -12px 0 -28px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 96%,transparent 100%);
}
.hero-bullbear{
  width:118%;height:118%;object-fit:contain;object-position:center;
  filter:drop-shadow(0 0 22px rgba(16,183,255,.38)) drop-shadow(0 0 25px rgba(220,42,255,.22));
  animation:bullBearFloat 6.8s ease-in-out infinite;
}
.visual-orbit.orbit-one{border-color:rgba(18,208,255,.62);box-shadow:0 0 18px rgba(0,194,255,.22)}
.visual-orbit.orbit-two{border-color:rgba(224,43,255,.62);box-shadow:0 0 18px rgba(210,35,255,.20)}
.feature-strip article{
  background:linear-gradient(135deg,rgba(12,18,53,.90),rgba(9,12,39,.82));
  border-color:rgba(68,126,255,.72);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.feature-strip article:hover{
  transform:translateY(-3px);border-color:#bd4dff;
  box-shadow:0 0 22px rgba(166,49,255,.22);
}
.feature-strip article>span{
  border-radius:50%;width:48px;height:48px;
  background:linear-gradient(145deg,rgba(15,201,255,.22),rgba(153,35,255,.25));
  border:1px solid rgba(25,207,255,.65);
  box-shadow:0 0 16px rgba(29,165,255,.18);
}
.home-lower{
  background:transparent;border:0;box-shadow:none;backdrop-filter:none;
  padding:18px 4px 12px;
}
.home-lower h3{font-size:20px}
.social-icon{
  width:42px;height:42px;border-radius:50%;
  background:rgba(12,18,55,.85);border-color:#9b40ff;
  box-shadow:0 0 13px rgba(173,45,255,.22);
}
.home-disclaimer{
  background:rgba(38,27,25,.76);
  border-color:rgba(255,178,67,.38);
  backdrop-filter:blur(10px);
}
.page#page-home{position:relative;isolation:isolate}
.page#page-home:after{
  content:"";display:block;height:76px;margin:10px -8px 0;
  background:url("assets/footer-neon-wave.svg") center bottom/100% 100% no-repeat;
  opacity:.95;filter:drop-shadow(0 0 12px rgba(170,48,255,.35));
  pointer-events:none;
}
.page:not(#page-home){background:linear-gradient(145deg,rgba(8,7,32,.28),rgba(7,9,35,.10));border-radius:16px}
@media(max-width:900px){
  body{background-attachment:scroll,scroll;background-size:auto,auto 100vh}
  .hero-home{background:linear-gradient(120deg,rgba(9,10,39,.92),rgba(9,12,42,.78))}
}
@media(prefers-reduced-motion:reduce){
  .hero-home:after{animation:none}
}


/* ===== v0.12.0: closer match to supplied neon trading reference ===== */
:root{--bg:#07051b;--panel:#0b1030;--panel2:#11143b;--line:#284d9a;--cyan:#13e4ff;--cyan2:#168cff;--text:#f1f4ff;--muted:#a6b3d4}
html,body{min-height:100%;background:#07051b!important}
body{
 color:#f1f4ff;
 background:
  radial-gradient(ellipse at 12% 8%,rgba(203,35,255,.22),transparent 29%),
  radial-gradient(ellipse at 82% 38%,rgba(0,105,255,.18),transparent 34%),
  radial-gradient(ellipse at 54% 90%,rgba(145,23,255,.18),transparent 36%),
  #07051b!important;
 background-attachment:fixed!important;
 overflow-x:hidden;
}
body:before{
 content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
 background-image:
  radial-gradient(circle,rgba(255,87,244,.92) 0 1px,transparent 2px),
  radial-gradient(circle,rgba(0,210,255,.85) 0 1px,transparent 2px),
  radial-gradient(circle,rgba(153,80,255,.8) 0 1.5px,transparent 3px);
 background-size:173px 151px,227px 191px,311px 257px;
 background-position:0 0,60px 30px,120px 90px;
 opacity:.48;animation:starDrift 34s linear infinite;
}
body:after{
 content:"";position:fixed;left:0;right:0;bottom:-4px;height:190px;z-index:-1;pointer-events:none;
 background:
  radial-gradient(ellipse at 20% 90%,rgba(178,24,255,.23),transparent 36%),
  radial-gradient(ellipse at 70% 95%,rgba(0,146,255,.25),transparent 42%),
  repeating-radial-gradient(ellipse at 50% 120%,transparent 0 17px,rgba(23,137,255,.20) 18px 19px,transparent 20px 28px);
 mask-image:linear-gradient(to top,black,transparent 96%);
 animation:waveGlow 8s ease-in-out infinite alternate;
}
@keyframes starDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-70px,-45px,0)}}
@keyframes waveGlow{0%{opacity:.55;filter:hue-rotate(0deg)}100%{opacity:1;filter:hue-rotate(22deg)}}
.app{background:transparent}
.sidebar{
 background:linear-gradient(180deg,rgba(7,5,28,.96),rgba(11,5,37,.88))!important;
 border-right:1px solid rgba(161,55,255,.42)!important;
 box-shadow:8px 0 34px rgba(0,0,0,.3);backdrop-filter:blur(16px);
}
.brand{padding-bottom:24px}
.brand-icon{background:linear-gradient(145deg,#751bdb,#05b9df)!important;box-shadow:0 0 22px #a22cff88}
.brand em{color:#20eaff!important}
.nav-caption{color:#c58cff!important}
.nav-link{color:#f1efff!important;border-radius:10px}
.nav-link span{color:#d78cff!important}
.nav-link.active,.nav-link:hover{
 background:linear-gradient(100deg,rgba(151,30,255,.40),rgba(20,95,219,.22))!important;
 border-color:#c64cff!important;color:#fff!important;
 box-shadow:inset 3px 0 #e64cff,0 0 22px rgba(193,44,255,.34)!important;
}
.main{background:transparent!important}
.topbar{
 background:rgba(7,6,28,.30)!important;
 border-bottom:1px solid rgba(89,100,255,.32)!important;
 backdrop-filter:blur(12px);
}
.eyebrow{color:#d85cff!important}
.demo-pill{background:rgba(58,40,15,.88)!important;border-color:#9c6c1d!important;color:#ffd34e!important}
.connection-pill{background:rgba(8,22,51,.9)!important;border-color:#3159a4!important;color:#e7edff!important}
.profile{background:#102b59!important;border-color:#1bbfff!important}
.market-hero-head{
 position:relative;overflow:hidden;
 background:linear-gradient(90deg,rgba(10,6,34,.38),rgba(9,10,39,.16))!important;
 border-bottom:1px solid rgba(177,43,255,.68)!important;
}
.market-hero-copy h2{font-size:36px;letter-spacing:-1px}
.market-hero-copy h2 span{color:#ed3cff!important;text-shadow:0 0 20px #df36ff77}
.market-hero-copy p{color:#e6eaff!important}
.globe-stage{filter:drop-shadow(0 0 22px rgba(0,180,255,.42))}
.ai-globe{box-shadow:0 0 25px #04bfff,0 0 60px #245bff99,inset -14px -12px 25px #0009!important}
.globe-orbit{border-color:#d42dff!important;box-shadow:0 0 18px #b02cff99}
.ticker-strip{
 background:linear-gradient(90deg,rgba(12,6,43,.96),rgba(8,14,49,.96),rgba(19,7,47,.96))!important;
 border:1px solid #c22dff!important;border-radius:13px!important;
 box-shadow:0 0 18px #a12bff77,inset 0 0 16px #277aff22!important;
}
.ticker-label{color:#13efff!important}
.ticker-item{border-right-color:#4a317c!important}
.ticker-symbol-icon{box-shadow:0 0 12px #287dff66}
.hero-home{
 position:relative;overflow:hidden;
 background:
  radial-gradient(ellipse at 76% 50%,rgba(0,125,255,.22),transparent 38%),
  linear-gradient(105deg,rgba(8,9,38,.93),rgba(8,10,40,.80) 52%,rgba(14,5,43,.52))!important;
 border:1px solid #c334ff!important;border-radius:18px!important;
 box-shadow:0 0 24px #a42bff55,inset 0 0 32px #195cff18!important;
}
.hero-home:before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:linear-gradient(rgba(90,110,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(90,110,255,.045) 1px,transparent 1px);
 background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black 55%,black);
}
.hero-copy{position:relative;z-index:2}
.hero-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.03;letter-spacing:-1.8px}
.hero-copy h2 span{
 background:linear-gradient(90deg,#04eaff,#12b8ff 48%,#d84cff);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-copy p{color:#edf1ff!important;max-width:520px}
.hero-visual{z-index:1}
.hero-art-wrap{inset:0 -10px 0 -55px!important}
.hero-bullbear{
 width:120%!important;height:120%!important;object-fit:contain!important;
 filter:drop-shadow(0 0 24px #00aaff66) drop-shadow(0 0 25px #e42aff44)!important;
 animation:bullBearFloat 6s ease-in-out infinite!important;
}
.visual-orbit.orbit-one{border-color:#11cfff99!important;box-shadow:0 0 16px #00bfff55}
.visual-orbit.orbit-two{border-color:#e52dff99!important;box-shadow:0 0 18px #d32cff55}
.hero-actions .btn.primary{
 background:linear-gradient(110deg,#d629ff,#642eff)!important;color:white!important;
 border:1px solid #f07cff!important;box-shadow:0 0 20px #c42aff88!important;
}
.hero-actions .btn.secondary{background:rgba(8,20,53,.9)!important;border-color:#2d9cff!important;color:white!important}
.hero-proof{color:#e4eaff!important}
.feature-strip article{
 background:linear-gradient(135deg,rgba(10,17,52,.94),rgba(8,12,39,.92))!important;
 border:1px solid #367fff!important;border-radius:14px!important;
 box-shadow:0 0 15px #174dff33,inset 0 0 16px #9c2dff10!important;
}
.feature-strip article>span{
 border-radius:50%!important;background:linear-gradient(145deg,#0b5276,#31126b)!important;
 border:1px solid #09dfff!important;box-shadow:0 0 18px #00cfff66!important;color:#24edff!important;
}
.home-lower{background:transparent!important;border:0!important;box-shadow:none!important}
.home-lower .eyebrow{color:#e34cff!important}
.home-lower h3{color:#f2f3ff!important}
.social-icon{background:rgba(13,17,58,.94)!important;border:1px solid #9d3fff!important;box-shadow:0 0 15px #ad2cff66!important}
.home-disclaimer{background:rgba(44,31,25,.88)!important;border-color:#9a6928!important}
#page-home{position:relative}
#page-home footer,.page-footer{position:relative}
@media(max-width:900px){
 body:after{height:110px}
 .hero-art-wrap{inset:0!important}
}