@import url('./tokens.css?v=20261028-17');
.mk-scene{--mk-canvas:#0a0a0a;--mk-card:#191919;--mk-line:#212327;--mk-white:#fff;--mk-text:#dadbdf;--mk-muted:#8c9096;color:var(--mk-text);font-size:14px;line-height:1.5;min-width:0}
.mk-scene *{box-sizing:border-box}
.mk-scene h2,.mk-scene h3,.mk-scene h4,.mk-scene p{margin:0}
.mk-scene button,.mk-scene select{font:inherit}
.mk-scene button{cursor:pointer}
.mk-scene button:focus-visible,.mk-scene select:focus-visible,.mk-heat-populated:focus-visible{outline:2px solid #dadbdf;outline-offset:3px}
.mk-scene h2{font-size:16px;font-weight:600;line-height:24px}
.mk-scene h3{font-size:14px;font-weight:600;line-height:22px;color:#fff}
.mk-tabs{display:inline-flex;align-items:center;gap:4px;background:#191919;border:1px solid #292c30;border-radius:26px;padding:4px;height:46px;max-width:100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.mk-tabs::-webkit-scrollbar{display:none}
.mk-tab{height:36px;min-width:66px;padding:0 13px;border:1px solid transparent;border-radius:22px;background:transparent;color:#a9adb4;font-size:13px!important;line-height:20px;white-space:nowrap}
.mk-tab:hover{color:#fff;background:#232323}
.mk-tab-active{background:#0a0a0a;border-color:#282a2e;color:#fff}
.mk-day-card{height:188px;margin-top:20px;border:1px solid var(--mk-line);border-radius:16px;padding:14px 16px;background:var(--mk-canvas);overflow:hidden}
.mk-day-card h2{margin-bottom:4px}
.mk-day-date{font-size:12px;color:#7d8189;line-height:18px}
.mk-day-card p{font-size:13px;line-height:22px;color:#c4c7cd;margin-top:12px;max-width:1160px}
.mk-day-card small{display:block;font-size:12px;line-height:18px;color:#777c85;margin-top:12px}
.mk-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mk-overview-metrics{margin-top:16px}
.mk-metric{border:1px solid var(--mk-line);border-radius:16px;background:var(--mk-canvas);padding:14px 16px;min-width:0}
.mk-overview-metrics .mk-metric{height:108px}
.mk-metric-label{font-size:12px;line-height:18px;min-height:18px;color:#80858d;white-space:nowrap}
.mk-metric-value{display:block;font-size:24px;line-height:30px;font-weight:650;color:#fff;margin-top:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.mk-metric-note{color:#7f848c;font-size:12px;line-height:18px;margin-top:1px}
.mk-positive{color:#27f5a6!important}.mk-negative{color:#ff5471!important}
.mk-instruments-heading{margin-top:16px;height:38px}
.mk-instruments-heading h2{font-size:15px;line-height:22px}
.mk-instruments-heading p{font-size:12px;color:#7c818a;line-height:16px;margin-top:3px}
.mk-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.mk-board{border:1px solid var(--mk-line);border-radius:16px;padding:14px 16px 18px;background:var(--mk-canvas);min-width:0}
.mk-board h3{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.mk-board h3>span{font-size:11px;font-weight:400;color:var(--mk-muted);white-space:nowrap}
.mk-board-group{margin-top:14px}
.mk-board-group+.mk-board-group{margin-top:18px}
.mk-board-group h4{font-size:10px;line-height:14px;font-weight:600;letter-spacing:.5px;color:#777d86;margin-bottom:6px}
.mk-board-row{display:flex;align-items:center;width:100%;gap:10px;min-height:42px;border:0;background:transparent;color:#fff;text-align:left;padding:6px 0;font-size:13px!important;border-radius:7px}
.mk-board-row:hover{background:#181818}
.mk-board-row strong{margin-left:auto;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.mk-trade-filter{height:48px;margin-top:20px;display:flex;align-items:center;gap:10px}
.mk-account-filter{display:flex;align-items:center;gap:10px;color:#858a92;font-size:13px}
.mk-account-filter select{color:#e1e3e7;background:#191919;border:1px solid #2c2f34;border-radius:11px;height:48px;width:223px;padding:0 12px;font-size:13px;outline-offset:3px}
.mk-period{display:flex;align-items:center;gap:3px;background:#0a0a0a;border:1px solid #292c31;border-radius:10px;height:38px;padding:3px}
.mk-period button{border:1px solid transparent;background:transparent;color:#a5a9b1;border-radius:8px;padding:4px 11px;font-size:12px!important;line-height:20px;white-space:nowrap}
.mk-period .mk-period-active{background:#2a2b2e;color:#fff;border-color:#7c818b}
.mk-filter-note{margin-left:auto;font-size:11px;line-height:16px;color:var(--mk-muted);white-space:nowrap}
.mk-trade-metrics{margin-top:14px}
.mk-trade-metrics .mk-metric{height:86px;padding-top:14px}
.mk-trade-metrics .mk-metric-value{margin-top:7px}
.mk-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.mk-bar-card{height:233px;border:1px solid var(--mk-line);border-radius:16px;padding:12px 16px;background:var(--mk-canvas);overflow:hidden;min-width:0}
.mk-bar-card h3{margin-bottom:8px}
.mk-bar-rows{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#383b42 transparent}
.mk-bar-row{display:grid;grid-template-columns:92px minmax(50px,1fr) 72px;align-items:center;gap:10px;min-height:24px;font-size:13px;line-height:20px}
.mk-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3f4f6}
.mk-bar-asset{display:flex;align-items:center;gap:8px;min-width:0}
.mk-bar-asset>span:last-child{overflow:hidden;text-overflow:ellipsis}
.mk-bar-track{height:12px;display:block;overflow:hidden;background:#26272b;border-radius:8px}
.mk-bar-track>span{display:block;height:100%;border-radius:8px}
.mk-bar-positive{background:#27f5a6}.mk-bar-negative{background:#ff5471}
.mk-bar-row strong{font-size:13px;font-weight:600;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.mk-bottom-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin-top:16px}
.mk-heat-card,.mk-pattern-card{height:291px;border:1px solid var(--mk-line);border-radius:16px;padding:12px 16px;background:var(--mk-canvas);min-width:0}
.mk-heat-card h3,.mk-pattern-card h3{display:flex;gap:10px;align-items:baseline;white-space:nowrap}
.mk-heat-card h3>span,.mk-pattern-card h3>span{font-size:11px;font-weight:400;color:#737982;white-space:nowrap}
.mk-heat-scroll{margin-top:12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#383b42 transparent}
.mk-heat-grid{display:grid;grid-template-columns:28px repeat(24,minmax(0,1fr));gap:4px;align-items:center;min-width:540px}
.mk-heat-hour{font-size:9px;line-height:14px;color:#777d86;text-align:center}
.mk-heat-day{font-size:11px;line-height:20px;color:#737983}
.mk-heat-cell{display:block;height:22px;border-radius:6px;background:#191a1d;border:1px solid #24262b;min-width:0}
.mk-heat-populated{border-color:transparent}
.mk-heat-neutral{background:#454a52;border-color:#666c77}
.mk-heat-legend{display:flex;align-items:center;gap:16px;margin-top:13px;color:#838995;font-size:11px;line-height:16px}
.mk-heat-legend span{display:flex;align-items:center;gap:5px}
.mk-heat-legend i{display:block;width:10px;height:10px;border-radius:3px}
.mk-legend-loss{background:#ff5471}.mk-legend-empty{background:#292b30}.mk-legend-profit{background:#27f5a6}
.mk-pattern-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.mk-pattern{height:64px;display:flex;align-items:flex-start;gap:10px;border:1px solid #24262b;border-radius:14px;background:#080808;padding:11px 12px;min-width:0}
.mk-pattern-number{display:grid;place-items:center;height:27px;width:27px;flex-shrink:0;border-radius:50%;background:#232428;color:#fff;font-size:13px;font-weight:600}
.mk-pattern>div{min-width:0}
.mk-pattern h4{font-size:12px;line-height:18px;font-weight:600;color:#e5e7ec}
.mk-pattern p{font-size:11px;line-height:16px;color:#818791;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:320px}
.mk-pattern>strong{margin-left:auto;align-self:center;font-size:13px;font-weight:600;white-space:nowrap;color:#dadbdf;font-variant-numeric:tabular-nums}
.mk-empty{font-size:12px;color:#858b94;padding:24px 0}