*{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}}