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