/* [next]/internal/font/google/geist_a71539c9.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/53b9e256198e5412-s.390ncx5urfkfu.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.21jp631_3pja2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_a71539c9-module__T19VSG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_a71539c9-module__T19VSG__variable {
  --font-geist-sans: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_8d43a2aa.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_8d43a2aa-module__8Li5zG__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_8d43a2aa-module__8Li5zG__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
* {
  box-sizing: border-box;
}

html, body {
  color: #fff;
  background: #03070c;
  margin: 0;
  padding: 0;
  font-family: Arial, Noto Sans KR, sans-serif;
}

.page {
  background: #03070c;
  width: 100vw;
  min-height: 100vh;
}

:root {
  --dash-w: 1756px;
  --left-w: 1200px;
  --right-w: 526px;
  --col-gap: 10px;
}

.dash {
  width: var(--dash-w);
  background: #03070c;
  min-height: 910px;
  padding: 10px 10px 24px;
  overflow: visible;
}

.panel {
  background: radial-gradient(circle at 8% -8%, #267ed82e, #0000 34%), linear-gradient(#091827 0%, #040f19 100%);
  border: 1px solid #3494e2c7;
  border-radius: 10px;
  box-shadow: inset 0 0 18px #3085dc21, 0 0 9px #1b7ee638;
}

.top {
  grid-template-columns: 535px 865px 190px;
  align-items: center;
  gap: 22px;
  height: 96px;
  padding: 14px 24px;
  display: grid;
}

.brand {
  align-items: center;
  gap: 14px;
  display: flex;
}

.logo {
  color: #ffe178;
  background: radial-gradient(circle at 50% 22%, #ffda58, #5c3605 56%, #08131e 78%);
  border: 1px solid #b87912;
  border-radius: 8px;
  place-items: center;
  width: 56px;
  height: 56px;
  font-size: 37px;
  line-height: 1;
  display: grid;
  box-shadow: 0 0 23px #ffb1237a;
}

.btitle {
  letter-spacing: -1.1px;
  text-shadow: 0 0 6px #ffffff29;
  font-size: 31px;
  font-weight: 900;
  line-height: 1;
}

.btitle b {
  color: #1f80ff;
  margin-left: 8px;
}

.btitle em {
  color: #2590ff;
  margin-left: 9px;
  font-size: 18px;
  font-style: normal;
}

.meta {
  color: #d6d6d6;
  margin-top: 9px;
  font-size: 17px;
}

.meta span {
  color: #aaa;
  margin: 0 12px;
}

.stats {
  background: linear-gradient(#1c2b3ac2, #070f19d6);
  border: 1px solid #8eb0d266;
  border-radius: 8px;
  grid-template-columns: 150px 180px 155px 130px 78px 150px;
  height: 76px;
  display: grid;
  overflow: hidden;
}

.stat {
  border-right: 1px solid #b6c8e638;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stat small {
  color: #ddd;
  font-size: 13px;
}

.stat strong {
  letter-spacing: -1px;
  font-size: 28px;
  line-height: 1.05;
}

.stat span {
  color: #aaa;
  margin-top: 5px;
  font-size: 12px;
}

.green {
  color: #00f39d;
}

.blue {
  color: #2587ff;
}

.spark {
  border-bottom: 2px solid #03c777;
  border-radius: 50%;
  width: 92px;
  height: 12px;
  margin-top: 3px;
}

.donut {
  border-right: 1px solid #b6c8e638;
  place-items: center;
  display: grid;
  position: relative;
}

.donut:before {
  content: "";
  background: conic-gradient(#2684ff 0 82%,#101d2b 82%);
  border-radius: 50%;
  width: 54px;
  height: 54px;
  box-shadow: 0 0 18px #2684ffa6;
}

.donut:after {
  content: "";
  background: #071320;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  position: absolute;
}

.report {
  color: #d9efff;
  background: radial-gradient(circle at 70% 20%, #55b8ff73, #0000 30%), linear-gradient(#104e8e, #082642);
  border: 1px solid #2389f9;
  border-radius: 26px;
  justify-self: end;
  width: 150px;
  height: 50px;
  font-size: 15px;
  font-weight: 800;
  box-shadow: 0 0 18px #2b85ff73;
}

.strategy {
  grid-template-columns: 805px minmax(0, 1fr);
  gap: 24px;
  height: 260px;
  margin-top: 8px;
  padding: 13px 14px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.title {
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 900;
}

.setting {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 32px;
  display: grid;
}

.cell {
  background: #0c1d2cbf;
  border: 1px solid #7da5cd42;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  font-size: 14px;
  display: flex;
}

.cell span {
  color: #e6e6e6;
}

.cell:nth-child(4n) {
  background: linear-gradient(90deg, #532e0ae6, #231104f2);
}

.cell:nth-child(20) {
  background: linear-gradient(90deg, #4f0a0acc, #270707f2);
}

.cell:nth-child(24) {
  background: linear-gradient(90deg, #00402ab3, #09261cd9);
}

.histTitle {
  text-align: center;
  margin: 0 0 14px;
  font-size: 22px;
  font-weight: 900;
}

.histTitle small {
  color: #d0d0d0;
  font-size: 13px;
}

.legend {
  color: #d5d5d5;
  font-size: 13px;
  position: absolute;
  top: 17px;
  right: 48px;
}

.legend i {
  margin-left: 18px;
  font-style: normal;
}

.rows {
  flex-direction: column;
  gap: 9px;
  display: flex;
}

.srow {
  grid-template-columns: 50px 66px minmax(0, 1fr) 56px;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: grid;
}

.srow .lbl, .srow .count {
  font-size: 16px;
  font-weight: 900;
}

.pct {
  color: #00f389;
  text-align: right;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 900;
  overflow: hidden;
}

.blocks {
  gap: 5px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.blk {
  border-radius: 5px;
  flex: 0 0 25px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 13px;
  font-weight: 900;
  display: grid;
}

.w {
  background: linear-gradient(#2289ff, #0755cc);
  box-shadow: 0 0 10px #2179ffa6;
}

.l {
  background: linear-gradient(#ff555c, #b91825);
  box-shadow: 0 0 10px #ff3c3c8c;
}

.d {
  color: #bbc5cf;
  background: linear-gradient(#2c3a4b, #182332);
}

.legWin {
  color: #2482ff;
}

.legLoss {
  color: #ff414b;
}

.legWait {
  color: #606d7b;
}

.filters {
  grid-template-columns: 220px repeat(9, 1fr);
  align-items: center;
  gap: 10px;
  height: 84px;
  margin-top: 8px;
  padding: 13px 18px;
  display: grid;
}

.filters .title {
  margin: 0;
  font-size: 20px;
}

.fcard {
  background: linear-gradient(#102034, #07121f);
  border: 1px solid #4188cf7a;
  border-radius: 8px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 46px 1fr;
  align-items: center;
  height: 58px;
  padding: 7px 12px;
  display: grid;
}

.fcard i {
  color: #00dfff;
  text-shadow: 0 0 16px #00e1ffcc;
  grid-row: 1 / 3;
  font-size: 28px;
  font-style: normal;
}

.fcard span {
  color: #e4e8ee;
  font-size: 12px;
}

.fcard b {
  color: #00ffa2;
  font-size: 16px;
}

.gold {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

.gold:before {
  content: "🏆 ";
  color: #ffbc25;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
}

th, td {
  text-align: center;
  background: #081522d4;
  border: 1px solid #82a5c847;
  height: 35px;
}

th {
  background: linear-gradient(#13283e, #0b1928);
  font-weight: 900;
}

.pos {
  color: #00ed8a;
  background: #00572f73;
  font-weight: 900;
}

.neg {
  color: #ff3535;
  font-weight: 900;
}

.badge {
  color: #fff;
  background: #273443;
  border-radius: 8px;
  margin-right: 8px;
  padding: 3px 8px;
  font-weight: 900;
  display: inline-block;
}

.bottom {
  background: linear-gradient(#081722, #040b12);
  border-radius: 6px;
  grid-template-columns: repeat(8, 1fr);
  align-self: end;
  height: 110px;
  display: grid;
  overflow: hidden;
}

.mini {
  text-align: center;
  border-right: 1px solid #9bb9dc38;
  grid-template-rows: 25px 29px 27px;
  place-items: center;
  min-height: 0;
  padding: 6px 4px;
  display: grid;
}

.mini i {
  color: #00f092;
  font-size: 24px;
  font-style: normal;
  line-height: 1;
}

.mini span {
  color: #f0f4f8;
  font-size: 12px;
  line-height: 1.18;
}

.mini b {
  font-size: 17px;
  line-height: 1.05;
}

.mini .good {
  color: #00f092;
}

.mini .bad {
  color: #ff3d3d;
}

.right {
  width: var(--right-w);
  min-width: var(--right-w);
  max-width: var(--right-w);
  grid-template-rows: 126px 66px 204px;
  justify-self: stretch;
  align-items: stretch;
  gap: 9px;
  display: grid;
  overflow: visible;
}

.rpanel {
  width: var(--right-w);
  min-width: var(--right-w);
  max-width: var(--right-w);
  box-sizing: border-box;
  border-radius: 10px;
  justify-self: stretch;
  margin: 0;
  padding: 11px 14px;
  overflow: hidden;
}

.rtitle {
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}

.dist {
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  height: 88px;
  display: grid;
  overflow: hidden;
}

.bigD {
  background: conic-gradient(#2b86ff 0 82%,#1a2838 82%);
  border-radius: 50%;
  place-items: center;
  width: 86px;
  height: 86px;
  display: grid;
  box-shadow: 0 0 18px #247eff99;
}

.bigD div {
  background: #07131f;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 57px;
  height: 57px;
  font-size: 21px;
  font-weight: 900;
  display: flex;
}

.bigD small {
  font-size: 10px;
}

.legendBars {
  min-width: 0;
}

.legendBars p {
  background: #ffffff0f;
  border-radius: 5px;
  grid-template-columns: minmax(96px, 1fr) 74px 60px;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  height: 22px;
  margin: 4px 0;
  padding: 0 10px;
  font-size: 13px;
  display: grid;
}

.legendBars .num, .legendBars .rate {
  text-align: right;
  white-space: nowrap;
  display: block;
}

.barWin {
  color: #2c86ff;
}

.barLoss {
  color: #ff444d;
}

.profitbar {
  background: linear-gradient(90deg, #0fbd73 0 76.8%, #ff3d48 76.8%);
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 23px;
  margin-top: 3px;
  padding: 0 88px;
  font-weight: 900;
  display: flex;
}

.mdd {
  position: relative;
}

.mdd svg {
  background-color: #0000;
  background-image: linear-gradient(90deg, #3264961f 1px, #0000 1px), linear-gradient(0deg, #5082aa2e 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 77px 37px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  width: 100%;
  height: 148px;
}

.mddLabel {
  background: #ff3a3f;
  border-radius: 16px;
  padding: 7px 13px;
  font-weight: 900;
  position: absolute;
  bottom: 32px;
  right: 22px;
}

.dash:after {
  content: "";
  height: 1px;
  display: block;
}

.panel {
  outline: 0;
}

.strategy > div:nth-child(2) {
  min-width: 0;
  overflow: hidden;
}

.right .rpanel {
  box-sizing: border-box;
}

.legendBars {
  width: 100%;
  min-width: 0;
}

.legendBars b {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.profitbar span, .profitbar b {
  line-height: 23px;
}

.main > .right > .rpanel {
  justify-self: stretch;
}

.main .right > .rpanel {
  width: var(--right-w) !important;
  min-width: var(--right-w) !important;
  max-width: var(--right-w) !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
}

.main .right > .rpanel:first-child, .main .right > .rpanel:nth-child(2), .main .right > .rpanel:nth-child(3) {
  border-radius: 10px;
}

.dist {
  grid-template-columns: 90px 1fr;
  gap: 14px;
}

.legendBars p {
  grid-template-columns: minmax(110px, 1fr) 72px 58px;
  padding-left: 10px;
  padding-right: 10px;
}

.profitbar {
  box-sizing: border-box;
  width: 100%;
  padding-left: 88px;
  padding-right: 88px;
}

.mdd svg {
  width: 100%;
  height: 148px;
  display: block;
}

html, body {
  overflow: auto;
}

.page {
  perspective: 1800px;
  perspective-origin: 50% 38%;
}

.dash {
  transform-style: preserve-3d;
  isolation: isolate;
  background: radial-gradient(circle at 18% 8%, #125ab421, #0000 28%), radial-gradient(circle at 83% 18%, #00beff0f, #0000 26%), #03070c;
  position: relative;
}

.dash:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: screen;
  background: linear-gradient(115deg, #0000 0%, #78d2ff0e 14%, #0000 30% 100%);
  position: absolute;
  inset: 0;
}

.dash > * {
  z-index: 1;
  position: relative;
}

.panel, .top, .rpanel, .fcard, .stats, .cell, .bottom, .report {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.panel, .top {
  transition: transform .22s, box-shadow .22s, border-color .22s;
  position: relative;
  box-shadow: inset 0 1px #aadcff1f, inset 0 -16px 28px #00235f38, 0 1px #ffffff08, 0 12px 28px #00000057, 0 0 14px #2380eb3d;
}

.panel:before, .top:before, .rpanel:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: .72;
  mix-blend-mode: screen;
  background: linear-gradient(135deg, #ffffff1f 0%, #ffffff09 16%, #0000 38%, #0f73eb14 100%);
  position: absolute;
  inset: 1px;
}

.panel:after, .top:after, .rpanel:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: .34;
  filter: blur(.2px);
  background: linear-gradient(110deg, #0000 0% 28%, #78d7ff21 47%, #0000 64% 100%);
  position: absolute;
  inset: -1px;
}

.filters {
  transform: translateZ(11px);
}

.logo {
  position: relative;
  transform: translateZ(18px);
  box-shadow: inset 0 1px #fff5a042, inset 0 -10px 16px #5c2d004d, 0 0 25px #ffb12394, 0 10px 18px #00000047;
}

.logo:after {
  content: "";
  pointer-events: none;
  mix-blend-mode: screen;
  background: linear-gradient(135deg, #ffffff52, #0000 38%, #ffbe1e26);
  border-radius: 6px;
  position: absolute;
  inset: 5px;
}

.report, .fcard, .mini, .cell, .stat, .legendBars p {
  transition: transform .16s, box-shadow .16s, filter .16s;
  position: relative;
}

.blk {
  box-shadow: inset 0 1px #ffffff38, inset 0 -5px 9px #00000040, 0 0 8px #1478ff52;
}

.blk.w {
  box-shadow: inset 0 1px #ffffff38, inset 0 -5px 9px #00000040, 0 0 10px #2179ff94;
}

@keyframes softPulse {
  0%, 100% {
    opacity: .55;
  }

  50% {
    opacity: .86;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    transition: none !important;
    animation: none !important;
  }

  .panel:hover, .top:hover, .report:hover, .fcard:hover, .cell:hover, .mini:hover, .legendBars p:hover {
    transform: none !important;
  }
}

.btitle b, .blue, .fcard i, .bigD {
  animation: none !important;
}

.dash {
  background: radial-gradient(circle at 18% 8%, #125ab414, #0000 28%), #03070c;
}

.dash:before {
  opacity: .35;
  background: linear-gradient(115deg, #0000 0%, #78d2ff06 16%, #0000 33% 100%);
}

.panel, .top {
  box-shadow: inset 0 1px #aadcff14, inset 0 -10px 18px #00235f24, 0 1px #ffffff06, 0 7px 16px #00000047, 0 0 8px #2380eb21 !important;
}

.panel:before, .top:before, .rpanel:before {
  background: linear-gradient(135deg, #ffffff12 0%, #ffffff05 18%, #0000 45%, #0f73eb0a 100%);
  opacity: .38 !important;
}

.panel:after, .top:after, .rpanel:after {
  opacity: .08 !important;
}

.top {
  transform: translateZ(6px) !important;
}

.strategy, .filters {
  transform: translateZ(4px) !important;
}

.left {
  transform: translateZ(3px) !important;
}

.right .rpanel {
  transform: translateZ(4px) !important;
}

.panel:hover, .top:hover {
  border-color: #5cb2ffe0 !important;
  transform: translateY(-4px)translateZ(32px)rotateX(.7deg)rotateY(-.45deg) !important;
  box-shadow: inset 0 1px #d2f0ff29, inset 0 -14px 26px #00378233, 0 17px 34px #00000061, 0 0 16px #2891ff3d !important;
}

.report:hover, .fcard:hover {
  filter: brightness(1.11);
  transform: translateY(-4px)translateZ(22px) !important;
  box-shadow: inset 0 1px #ffffff24, 0 13px 24px #00000057, 0 0 14px #2391ff3d !important;
}

.report:active, .fcard:active {
  filter: brightness(.96);
  transform: translateY(1px)translateZ(3px) !important;
}

.cell:hover, .mini:hover, .legendBars p:hover {
  filter: brightness(1.05);
  transform: translateY(-1px)translateZ(9px) !important;
}

.bigD, .donut:before {
  filter: drop-shadow(0 5px 8px #00000052) !important;
  box-shadow: inset 0 1px #96dcff29, inset 0 -7px 12px #0000003d, 0 0 11px #2684ff61 !important;
}

.profitbar {
  box-shadow: inset 0 1px #ffffff29, inset 0 -5px 9px #0003, 0 5px 10px #00000026 !important;
}

.blk, .blk.w, .blk.l {
  box-shadow: inset 0 1px #ffffff29, inset 0 -4px 7px #0003, 0 0 5px #1478ff33 !important;
}

.blk.l {
  box-shadow: inset 0 1px #ffffff24, inset 0 -4px 7px #0003, 0 0 5px #ff3c3c47 !important;
}

.stat strong, .pos, .neg, .mini b {
  text-shadow: 0 2px 6px #00000059;
}

:root {
  --blue-deep: #1f6fe8;
  --blue-main: #2478ff;
  --blue-soft: #2d86ff;
  --blue-dark: #123a66;
  --blue-border: #1e5aa8;
  --blue-line: #2d7ad294;
  --cyan-muted: #1e8fe8;
}

.panel, .top {
  border-color: var(--blue-line) !important;
  background: radial-gradient(circle at 8% -8%, #18529624, #0000 34%), linear-gradient(#081625 0%, #040e18 100%) !important;
  box-shadow: inset 0 1px #82b4e613, inset 0 -9px 17px #0023551f, 0 8px 18px #0000004d, 0 0 5px #1c5ca029 !important;
}

.panel:hover, .top:hover {
  border-color: #3e82e1c2 !important;
  box-shadow: inset 0 1px #a0cdf521, inset 0 -12px 22px #002a642b, 0 15px 30px #0000005c, 0 0 8px #2070cd33 !important;
}

.btitle b, .btitle em, .blue {
  color: var(--blue-main) !important;
  text-shadow: 0 1px 2px #0000008c !important;
}

.cell b, .histTitle, .rtitle {
  text-shadow: 0 1px 2px #00000080;
}

.cell b {
  color: #11b7f1 !important;
}

.pct {
  color: #00e487 !important;
}

.fcard i {
  color: #119fe3 !important;
  text-shadow: 0 1px 2px #0000008c !important;
}

.fcard b {
  color: #00e887 !important;
  text-shadow: none !important;
}

.fcard.purple b {
  color: #dc55ff !important;
}

.fcard.warn b {
  color: #f0a000 !important;
}

.stats {
  background: linear-gradient(#182736c7, #070f18e0) !important;
  border-color: #7896b957 !important;
  box-shadow: inset 0 1px #ffffff0d, 0 1px 5px #00000061 !important;
}

.report {
  background: linear-gradient(#123d6b 0%, #08213b 100%) !important;
  border-color: #2a78d4 !important;
  box-shadow: inset 0 1px #a0d2ff21, 0 8px 16px #00000047, 0 0 6px #2070cd38 !important;
}

.report:hover, .fcard:hover {
  filter: brightness(1.08) !important;
  box-shadow: inset 0 1px #ffffff1f, 0 12px 22px #00000057, 0 0 7px #1f6fe833 !important;
}

.donut:before, .bigD {
  background: conic-gradient(#2478ff 0 82%,#142033 82%) !important;
  filter: drop-shadow(0 4px 7px #00000059) !important;
  box-shadow: inset 0 1px #82beff1f, inset 0 -7px 12px #00000040, 0 0 6px #1f6fe838 !important;
}

.w, .blk.w {
  background: linear-gradient(#2478ff 0%, #1556c8 100%) !important;
  box-shadow: inset 0 1px #ffffff2e, inset 0 -4px 7px #0000003b, 0 0 4px #1f6fe833 !important;
}

.l, .blk.l {
  box-shadow: inset 0 1px #ffffff24, inset 0 -4px 7px #00000038, 0 0 4px #cd283038 !important;
}

.legWin, .barWin {
  color: #2478ff !important;
}

.fcard, .rpanel, .cell, th, td {
  border-color: #507daa57 !important;
}

.fcard {
  background: linear-gradient(#0c1d31 0%, #071321 100%) !important;
  box-shadow: inset 0 1px #78b4e614, 0 4px 10px #0003 !important;
}

.profitbar {
  background: linear-gradient(90deg, #0fb871 0 76.8%, #ef3e48 76.8%) !important;
  box-shadow: inset 0 1px #ffffff21, inset 0 -4px 8px #0003, 0 3px 7px #00000024 !important;
}

.mddLabel {
  box-shadow: 0 3px 8px #00000040 !important;
}

.logo {
  box-shadow: inset 0 1px #fff5a024, inset 0 -8px 13px #5c2d0033, 0 0 9px #dc911c38, 0 6px 12px #00000038 !important;
}

.main {
  grid-template-columns: var(--left-w) var(--right-w) !important;
  gap: var(--col-gap) !important;
  align-items: start !important;
  height: auto !important;
  min-height: 414px !important;
  margin-top: 8px !important;
  display: grid !important;
  overflow: hidden !important;
}

.left {
  border-color: #b97812b8 !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 13px !important;
  display: flex !important;
  overflow: hidden !important;
}

.left > table {
  flex: none;
}

.left > .bottom {
  flex: 0 0 110px;
  align-self: stretch;
  margin-top: 8px;
}

.left .signal-live-wrap, .left .webhook-wrap {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.left .liveGrid, .left .webhookTable {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.main {
  align-items: stretch !important;
  overflow: visible !important;
}

.main .right > .rpanel {
  width: var(--right-w) !important;
  min-width: var(--right-w) !important;
  max-width: var(--right-w) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.main .right > .rpanel.mdd svg, .mdd svg {
  height: calc(100% - 38px) !important;
  min-height: 145px !important;
  max-height: none !important;
}

:root {
  --dash-w: 1756px;
  --left-w: 1200px;
  --right-w: 526px;
  --ai-side-w: 620px;
  --col-gap: 10px;
}

.page {
  grid-template-columns: var(--dash-w) var(--ai-side-w) !important;
  background: #03070c !important;
  grid-auto-rows: auto !important;
  align-items: stretch !important;
  column-gap: 10px !important;
  width: max-content !important;
  min-width: 100vw !important;
  height: auto !important;
  min-height: 100vh !important;
  display: grid !important;
  overflow: visible !important;
}

.dash {
  width: var(--dash-w) !important;
  min-width: var(--dash-w) !important;
  max-width: var(--dash-w) !important;
  flex: none !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 910px !important;
}

.main {
  grid-template-columns: var(--left-w) var(--right-w) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.main .right, .right {
  width: var(--right-w) !important;
  min-width: var(--right-w) !important;
  max-width: var(--right-w) !important;
  grid-template-rows: 365px 170px minmax(0, 1fr) !important;
  align-content: stretch !important;
  justify-self: stretch !important;
  align-items: stretch !important;
  gap: 9px !important;
  height: 100% !important;
  display: grid !important;
  overflow: hidden !important;
}

.main .right > .rpanel:first-child {
  height: 365px !important;
  min-height: 365px !important;
  max-height: 365px !important;
}

.main .right > .rpanel:nth-child(2) {
  height: 170px !important;
  min-height: 170px !important;
  max-height: 170px !important;
}

.main .right > .rpanel:nth-child(3), .main .right > .rpanel.mdd {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

.main .right > .rpanel.mdd svg, .mdd svg {
  height: calc(100% - 38px) !important;
  min-height: 145px !important;
}

.mddLabel {
  bottom: 16px !important;
}

.aiSidePanel {
  width: var(--ai-side-w) !important;
  min-width: var(--ai-side-w) !important;
  max-width: var(--ai-side-w) !important;
  box-sizing: border-box !important;
  background: radial-gradient(circle at 10% -10%, #267ed82e, #0000 34%), linear-gradient(#071827 0%, #030b13 100%) !important;
  border: 1px solid #2d7ad294 !important;
  border-radius: 10px !important;
  grid-template-rows: 300px minmax(0, 1fr) !important;
  align-self: stretch !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 10px 24px 0 !important;
  padding: 10px !important;
  display: grid !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px #82b4e613, 0 8px 18px #0000004d, 0 0 7px #1c5ca02e !important;
}

.aiCard {
  box-sizing: border-box !important;
  background: radial-gradient(circle at 12% -8%, #287ed826, #0000 35%), linear-gradient(#091827 0%, #04101b 100%) !important;
  border: 1px solid #4188cf7a !important;
  border-radius: 10px !important;
  padding: 14px !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 18px #3085dc1c !important;
}

.aiCollector {
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
}

.aiChatBox {
  grid-template-rows: auto minmax(0, 1fr) 40px 44px !important;
  gap: 10px !important;
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
}

.aiTitleRow {
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  display: flex !important;
}

.aiTitleRow h2 {
  color: #fff !important;
  margin: 0 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.aiTitleRow p {
  color: #9fb3c8 !important;
  margin: 6px 0 0 !important;
  font-size: 12px !important;
}

.aiBadge {
  border: 1px solid #00ffa259 !important;
  border-radius: 14px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.aiBadge.live, .aiBadge.long {
  color: #00ffa2 !important;
  background: #00ffa21f !important;
}

.aiBadge.short {
  color: #ff4b55 !important;
  background: #ff37421f !important;
  border-color: #ff374266 !important;
}

.aiTabs {
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 7px !important;
  margin-bottom: 12px !important;
  display: grid !important;
}

.aiTabs button, .aiQuickBtns button, .aiMore, .aiInputBox button {
  color: #dcefff !important;
  background: linear-gradient(#113b6b, #081f38) !important;
  border: 1px solid #2a78d4a6 !important;
  border-radius: 6px !important;
  height: 34px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.aiInfoRows {
  flex-direction: column !important;
  gap: 7px !important;
  display: flex !important;
}

.aiInfoRow {
  background: #071523b8 !important;
  border: 1px solid #507daa47 !important;
  border-radius: 7px !important;
  grid-template-columns: 78px minmax(0, 1fr) 52px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  display: grid !important;
}

.aiInfoRow span {
  color: #33a8ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.aiInfoRow strong {
  color: #e9f2ff !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 13px !important;
  overflow: hidden !important;
}

.aiInfoRow em {
  text-align: right !important;
  color: #00f092 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.aiMore {
  width: 100% !important;
  margin-top: 10px !important;
}

.aiMessages {
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.aiMsg {
  border-radius: 12px !important;
  padding: 12px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.aiMsg.user {
  background: linear-gradient(#144aa0, #0b2b66) !important;
  border: 1px solid #509bff7a !important;
  align-self: flex-end !important;
  width: 72% !important;
}

.aiMsg.user p {
  margin: 0 !important;
}

.aiMsg.user small {
  color: #b9d7ff !important;
  text-align: right !important;
  margin-top: 6px !important;
  font-size: 11px !important;
  display: block !important;
}

.aiMsg.bot {
  background: #0f1f30d1 !important;
  border: 1px solid #507daa59 !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  display: grid !important;
}

.aiLogo {
  color: #ffe178 !important;
  background: radial-gradient(circle at 50% 22%, #ffda58, #5c3605 56%, #08131e 78%) !important;
  border: 1px solid #b87912 !important;
  border-radius: 8px !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
}

.aiMsg.bot p {
  margin: 0 0 8px !important;
}

.aiMsg.bot ul {
  color: #d9e8f7 !important;
  margin: 0 !important;
  padding-left: 18px !important;
}

.aiQuickBtns {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  display: grid !important;
}

.aiInputBox {
  grid-template-columns: minmax(0, 1fr) 46px !important;
  gap: 8px !important;
  display: grid !important;
}

.aiInputBox input {
  color: #dcefff !important;
  background: #061221 !important;
  border: 1px solid #2a78d4a6 !important;
  border-radius: 7px !important;
  outline: none !important;
  min-width: 0 !important;
  padding: 0 13px !important;
  font-weight: 700 !important;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0cbk-n2._.css.map*/