:root{color-scheme:dark;--bg:#101211;--panel:#181b19;--line:#2a2e2a;--muted:#8d958d;--text:#eef0e9;--gold:#e7c371;--green:#58dda4;--red:#f17e82;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--font)}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer;color:inherit}
button:disabled{opacity:.4;cursor:not-allowed}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
h1{font-size:36px;font-weight:580;letter-spacing:-1.4px;line-height:1.2}
h2{font-size:18px;font-weight:600}
h3{font-size:11px;letter-spacing:1.5px}
small{font-size:11px}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
[hidden]{display:none!important}
.muted{color:var(--muted)}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--gold)}
.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:600;letter-spacing:1px;line-height:1.15}
.brand strong{display:block;font-size:9px;font-weight:500;letter-spacing:2px;color:var(--muted);margin-top:5px}
.brand-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#24251e;color:var(--gold);border:1px solid #55503c;border-radius:11px;font-size:25px;font-weight:700;letter-spacing:-5px;padding-right:5px}
.brand-mark span{font-size:16px;align-self:flex-end;margin-bottom:6px}
.button{min-height:42px;padding:10px 17px;border:1px solid #383e36;border-radius:8px;background:#222722;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}
.button:hover{background:#30382e}
.button.gold{background:var(--gold);border-color:var(--gold);color:#23251c}
.button.gold:hover{background:#f2d58f}
.button.kill{background:#2b1c1d;border-color:#633234;color:#ff9c9d}
.button.kill:hover{background:#432326}
.button.small{min-height:35px;padding:7px 12px;font-size:11px}
.full{width:100%}
.icon-button{border:0;background:transparent;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:#aab0a6;border-radius:6px}
.icon-button:hover{background:#252a24}
.text-button{border:0;background:transparent;padding:7px 0;font-size:11px;color:var(--gold);text-align:left}
.danger{color:var(--red)!important}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:650;letter-spacing:1px;padding:4px 9px;border:1px solid #3d493c;border-radius:5px;color:#b2c4aa;background:#202b22;white-space:nowrap}
.badge.live{color:#f2ba81;border-color:#63513b;background:#2b251c}
.badge.neutral{color:var(--muted);border-color:#3d423c;background:#222621}
.sidebar{position:fixed;inset:0 auto 0 0;width:225px;border-right:1px solid var(--line);padding:30px 23px;background:#141714;z-index:20;display:flex;flex-direction:column}
.nav-caption{font-size:9px;letter-spacing:2px;color:#697367;margin:50px 12px 14px}
nav{display:grid;gap:7px}
nav a,nav button{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:7px;font-size:12px;color:#a5aca2;border:1px solid transparent;background:transparent;text-align:left}
nav a.active{background:#2b2c21;border:1px solid #46432e;color:var(--gold)}
nav a:hover,nav button:hover{background:#242a22}
nav span{font-size:19px;line-height:1}
.sidebar-bottom{margin-top:auto;font-size:10px;color:#b5c1ad;padding:18px 10px 0;border-top:1px solid var(--line)}
.sidebar-bottom p{margin:14px 0;color:#73806d;font-size:10px;line-height:1.8}
.small-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:7px}
.workspace{margin-left:225px}
.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;background:#101211f5;backdrop-filter:blur(16px);z-index:10}
.top-left,.top-actions{display:flex;align-items:center;gap:17px;font-size:11px}
.top-title{font-size:12px;font-weight:600}
.feed-pill{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;padding:6px 11px;border:1px solid #394738;border-radius:20px;color:#a0afa0}
.feed-pill i{width:5px;height:5px;background:#8d958d;border-radius:50%}
.feed-pill.online{color:var(--green);border-color:#28533f;background:#17271e}
.feed-pill.online i{background:var(--green)}
.notification{position:relative}
.notification b{position:absolute;top:1px;right:0;background:var(--gold);color:#24271e;border-radius:20px;font-size:9px;padding:0 4px}
.avatar{width:31px;height:31px;background:#2c3129;border:1px solid #46503e;border-radius:50%;color:#c7d4bf}
#menu-button{display:none}
.main-content{max-width:1500px;margin:auto;padding:38px}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.page-heading h1{margin:9px 0 11px}
.page-heading h1 span{color:var(--gold)}
.page-heading p{font-size:12px}
.page-heading>.button{align-self:center}
.context-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8a9587;margin:0 0 17px}
.context-row>div{display:flex;align-items:center}
.context-row .small-dot{background:#75816e}
.banner{padding:13px 17px;background:#31251d;border:1px solid #6e5038;color:#eac39b;border-radius:8px;margin-bottom:18px;font-size:12px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:20px;align-items:start}
.card{background:linear-gradient(130deg,#1a1e1a,#171a17);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0;scroll-margin-top:95px}
.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}
.card-heading h2{font-size:11px;letter-spacing:1.3px;font-weight:650;color:var(--gold);display:flex;align-items:center;gap:9px}
.section-icon{font-size:19px;font-weight:400;line-height:1}
.micro-label{font-size:8px;letter-spacing:1.3px;color:#939c8c;white-space:nowrap}
.status-card{grid-column:1/-1;padding:21px 26px;display:grid;grid-template-columns:1fr auto;gap:16px 30px;background:linear-gradient(115deg,#1c231d,#172019 65%,#1a2019)}
.card-label{font-size:10px;letter-spacing:1.5px;color:#b5c1ad;display:flex;align-items:center;gap:11px;grid-column:1/-1}
.card-label>span:first-child{font-size:9px;color:#778873}
.live-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--red)}
.connection-heading{display:flex;gap:15px;align-items:center}
.connection-symbol{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #4c3a37;color:var(--red);background:#2a2521;border-radius:50%;font-size:23px}
.connection-heading h2{font-size:24px;letter-spacing:1.3px;color:var(--red);line-height:1.3}
.connection-heading p{font-size:11px;color:#9ba795;margin-top:3px}
.status-card.connected .connection-heading h2{color:var(--green)}
.status-card.connected .connection-symbol{border-color:#3f6c4b;background:#213d2b;color:var(--green)}
.status-card.connected .live-dot{background:var(--green)}
.status-footer{display:flex;align-items:center;gap:22px;align-self:end;flex-direction:row;font-size:10px;color:#85927e}
.status-footer>span:first-child{max-width:250px;text-align:right}
.account-card{grid-column:1;grid-row:2}
.account-toolbar{display:flex;gap:8px;margin:0 0 21px}
.account-toolbar select{flex:1;min-width:0;margin:0;font-size:11px;min-height:36px;padding:7px 10px}
.account-details{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:19px 16px;padding-bottom:22px}
.account-details dt{color:var(--muted);font-size:10px;margin-bottom:5px}
.account-details dd{font-size:12px;margin:0;overflow-wrap:anywhere}
.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:20px;gap:20px 14px}
.metrics span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}
.metrics strong{font-weight:500;font-size:20px;letter-spacing:-.5px}
.metrics div:nth-child(2) strong{color:var(--gold)}
.account-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.account-bottom strong{color:var(--text);font-size:12px;font-weight:500;margin-left:8px}
.account-bottom small{display:block;font-size:9px;margin-top:4px}
.analysis-card{grid-column:2;grid-row:2}
.chart-heading{display:flex;gap:10px;align-items:baseline}
.chart-heading strong{font-size:27px;font-weight:500;letter-spacing:-.8px}
.chart-heading>span{font-size:10px}
.chart-wrap{height:180px;margin-top:7px;position:relative}
.chart-wrap canvas{display:block;width:100%;height:100%}
#chart-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;color:#9da595;text-align:center}
#chart-empty small{font-size:10px;color:#737f6c;margin-top:6px}
.chart-axis{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#737f6d;margin:8px 0 20px}
.analysis-lines{display:grid;gap:7px}
.analysis-lines>div{padding:10px 12px;background:#1e241d;border:1px solid #30392d;border-radius:6px;display:flex;justify-content:space-between;gap:10px;font-size:10px}
.analysis-lines>div>span:last-child{color:#a6b59d;text-align:right}
.card-footnote{font-size:9px;color:#7e8977;line-height:1.8;margin-top:16px}
.bots-card{grid-column:1;grid-row:3/span 2}
.section-description{font-size:10px;color:var(--muted);margin:-10px 0 20px}
.bot-item{padding:17px 0;border-top:1px solid var(--line)}
.bot-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bot-name{font-size:13px;font-weight:550}
.bot-item p{font-size:10px;color:#8e9b84;margin-top:6px}
.bot-item .badge{font-size:8px}
.badge.running{color:var(--green);border-color:#36543c;background:#233729}
.badge.error{color:var(--red);border-color:#603d3c;background:#352423}
.bot-actions{display:flex;gap:8px;margin-top:13px}
.bot-actions .button{flex:1;min-height:32px;font-size:10px;padding:6px}
.bot-item details{margin-top:11px;font-size:10px;color:#9ca891}
.bot-item summary{cursor:pointer}
.bot-item textarea{margin-top:10px;font:11px/1.6 Consolas,monospace;min-height:85px}
.bot-capability{font-size:8px;letter-spacing:.3px;color:#7f9074;margin-top:8px}
.log-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}
.log-heading h3{font-size:9px;color:#aab49f}
.log-heading select{padding:4px 8px;min-height:30px;font-size:9px;width:auto;margin:0;max-width:160px}
.log-view{padding:14px;background:#111510;border:1px solid #2a3426;border-radius:7px;color:#9eae94;min-height:150px;max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.9 Consolas,monospace}
.risk-card{grid-column:2;grid-row:3}
.risk-items{display:grid;gap:16px}
.risk-items>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#adb6a6}
.risk-items strong{color:var(--text);font-size:13px;font-weight:500}
.risk-items small{color:#75836b;font-size:9px}
.positions-card{grid-column:2;grid-row:4}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}
th{font-size:9px;color:#818d79;font-weight:400;padding:0 7px 12px}
td{padding:12px 7px;border-top:1px solid var(--line)}
td:first-child,th:first-child{padding-left:0}
.table-empty{text-align:center;padding:26px 8px;color:#7f8a78}
.positive{color:var(--green)}
.negative{color:var(--red)}
.page-footer{display:flex;justify-content:space-between;gap:14px;margin-top:30px;color:#697562;font-size:8px;letter-spacing:1px}
.page-footer b{margin:0 9px;font-weight:400}
.page-footer>span:last-child{letter-spacing:0}
dialog{background:#1a1f19;border:1px solid #404a39;border-radius:14px;color:var(--text);padding:26px;width:440px;max-width:calc(100% - 28px);max-height:90dvh;box-shadow:0 25px 100px #0008}
dialog::backdrop{background:#080b08c9;backdrop-filter:blur(6px)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.dialog-heading h2{margin-top:5px;font-size:20px;letter-spacing:-.4px}
dialog>.muted,dialog form>.muted{font-size:12px;margin-bottom:20px}
label{display:block;font-size:11px;color:#b7c0af;margin:17px 0 0}
input,select,textarea{display:block;width:100%;min-height:43px;border:1px solid #394134;border-radius:6px;background:#121710;padding:11px 12px;color:var(--text);outline:none;margin-top:7px}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e7c37112}
input::placeholder{color:#64715b;font-size:11px}
dialog form>.button{margin-top:23px}
.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checkbox-label{display:flex;align-items:flex-start;gap:10px;line-height:1.7}
.checkbox-label input{width:17px;min-height:17px;margin-top:2px;accent-color:var(--gold)}
.error-text{font-size:12px;color:var(--red);margin-top:14px}
.error-text:empty{display:none}
.result-view{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;background:#121710;padding:14px;border:1px solid var(--line);border-radius:7px;font:11px/1.7 Consolas,monospace}
.wide-dialog{width:800px}
.alert-item{border-top:1px solid var(--line);padding:15px 0;font-size:12px}
.alert-item time{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}
.alert-item.unread{color:var(--gold)}
#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e8d39b;border:1px solid #ffedb6;color:#262b1e;padding:14px 22px;max-width:calc(100% - 32px);border-radius:9px;z-index:100;font-size:12px;box-shadow:0 8px 40px #0009}
.login-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}
.login-story{display:flex;flex-direction:column;padding:45px 55px;background:radial-gradient(ellipse at 60% 60%,#2d3422 0%,#1b2118 40%,#121710 75%);border-right:1px solid #30382b;min-height:100dvh}
.story-body{margin:auto 0;padding:80px 0}
.story-body h1{font-size:clamp(40px,5vw,76px);font-weight:450;letter-spacing:-3px;line-height:1.1;margin:25px 0;color:#e4e9da}
.story-body p{font-size:14px;color:#9caa8f;line-height:1.9}
.story-line{display:flex;align-items:center;gap:12px;margin-top:50px;color:#77896b;max-width:340px}
.story-line span{height:1px;flex:1;background:#414c34}
.story-line small{font-size:9px;letter-spacing:.6px}
.login-story footer{font-size:8px;letter-spacing:1.2px;color:#75876a;display:flex;justify-content:space-between;gap:10px}
.login-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:50px 30px}
.login-box{width:330px}
.login-box h2{font-size:31px;letter-spacing:-1px;margin:15px 0 8px}
.login-box>.muted{font-size:12px;margin-bottom:30px}
.login-box label{margin-top:20px}
.optional{font-size:9px;color:#74816c;float:right}
.login-box input{background:#181d16}
.login-box .button{margin-top:27px;justify-content:space-between;min-height:46px}
.login-note{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:10px;color:#7d8974;line-height:1.9}
.login-bottom{position:absolute;bottom:24px;font-size:8px;color:#68765e;letter-spacing:1.5px}

@media(min-width:1450px){
.main-content{padding:45px 55px}
.topbar{padding:0 55px}
.dashboard-grid{gap:24px}
.card{padding:28px}
.chart-wrap{height:190px}
}

@media(max-width:1150px){
.sidebar{width:190px;padding:28px 16px}
.workspace{margin-left:190px}
.main-content{padding:28px 24px}
.topbar{padding:0 24px}
.status-footer>span:first-child{max-width:170px}
.card{padding:20px}
.top-actions{gap:10px}
.top-title{font-size:11px}
.desktop-only{display:none}
.metrics strong{font-size:18px}
.login-story{padding:35px}
.login-story footer span{display:none}
}

@media(max-width:850px){
.sidebar{transform:translateX(-100%);transition:transform .2s;width:225px;box-shadow:10px 0 50px #0008}
.sidebar.open{transform:translateX(0)}
.workspace{margin-left:0}
#menu-button{display:flex}
.topbar{height:68px;padding:0 18px}
.top-left{gap:9px}
.main-content{padding:28px 20px}
.login-layout{grid-template-columns:.85fr 1fr}
.login-story{padding:30px}
.story-body h1{font-size:45px;letter-spacing:-2px}
.story-body p{font-size:12px}
}

@media(max-width:600px){
.login-layout{display:block}
.login-story{min-height:0;padding:25px 25px 22px;border-right:0;border-bottom:1px solid var(--line)}
.story-body{padding:30px 0 0}
.story-body h1{font-size:36px;letter-spacing:-1.3px;margin:12px 0}
.story-body h1 br{display:none}
.story-body p,.story-line,.login-story footer{display:none}
.login-panel{padding:34px 26px 65px}
.login-box{width:100%}
.login-box h2{font-size:27px}
.login-box>.muted{margin-bottom:23px}
.login-box label{margin-top:15px}
.login-box input{min-height:45px}
.topbar{padding:0 12px;height:64px}
.top-title{font-size:11px}
.top-left{gap:5px}
.top-actions{gap:4px}
.top-actions>.badge{font-size:8px;padding:3px 5px}
.feed-pill{padding:5px 7px;font-size:7px;gap:5px}
.avatar{display:none}
.notification{min-width:34px}
.main-content{padding:26px 16px}
.page-heading{gap:10px;margin-bottom:24px;align-items:flex-start}
.page-heading h1{font-size:27px;letter-spacing:-1px;margin:8px 0 9px}
.page-heading p{font-size:10px;max-width:200px;line-height:1.7}
.eyebrow{font-size:8px;letter-spacing:1.6px}
.page-heading>.button{align-self:flex-start;margin-top:24px;padding:8px 10px;font-size:9px;min-height:34px}
.context-row{font-size:8px;gap:8px}
.context-row>span{max-width:145px;text-align:right}
.dashboard-grid{display:flex;flex-direction:column;gap:15px}
.card{width:100%;padding:20px;border-radius:10px}
.status-card{display:block;padding:19px 20px}
.card-label{margin-bottom:17px;font-size:9px}
.connection-heading h2{font-size:23px}
.connection-symbol{width:38px;height:38px;font-size:20px}
.connection-heading p{font-size:10px}
.status-footer{margin-top:19px;padding-top:13px;border-top:1px solid #2c392a;justify-content:space-between;gap:8px;font-size:9px}
.status-footer>span:first-child{text-align:left;max-width:230px}
.card-heading{margin-bottom:20px}
.account-details{gap:20px}
.metrics{gap:23px}
.metrics strong{font-size:23px}
.chart-wrap{height:190px}
.analysis-card,.bots-card,.risk-card,.positions-card{order:0}
.page-footer{display:block;font-size:7px;line-height:2.8;margin-top:23px}
.page-footer>span{display:block}
.bot-actions .button{min-height:37px}
.bot-item details{font-size:11px}
.card-footnote{font-size:10px}
dialog{padding:22px}
.form-columns{gap:10px}
.account-bottom{font-size:9px}
.account-bottom strong{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition:none!important}
}
/* MT5 mobile signout */
@media(max-width:600px){
.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}
.top-title{font-size:10px}
}
@media(max-width:380px){
.feed-pill span{display:none}
}