.profit-tracker {
  position: fixed;
  z-index: 1200;
  right: 18px;
  bottom: 18px;
  width: 332px;
  overflow: hidden;
  color: #f5eee6;
  background: linear-gradient(145deg, #20170f, #120e0a 72%);
  border: 1px solid rgba(221, 111, 39, .5);
  border-radius: 10px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 183, 81, .035) inset;
  font-family: var(--font-body, "Work Sans", sans-serif);
  user-select: none;
}

.profit-tracker.dragging {
  cursor: grabbing;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .68), 0 0 0 1px rgba(237, 123, 50, .24) inset;
}

.profit-tracker-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(34, 25, 17, .98), rgba(20, 15, 10, .98));
  border-bottom: 1px solid rgba(221, 111, 39, .22);
  cursor: grab;
}

.profit-tracker-title { display: flex; gap: 9px; align-items: center; }
.profit-tracker-mark {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  color: #f29a4c;
  background: #2d1c10;
  border: 1px solid rgba(237, 123, 50, .36);
  border-radius: 5px;
  box-shadow: 0 0 14px rgba(237, 123, 50, .08) inset;
  font: 800 16px/1 "JetBrains Mono", monospace;
}

.profit-tracker-title b {
  display: block;
  color: #fff8ef;
  font: 800 13px/1.05 Oswald, sans-serif;
  letter-spacing: .07em;
}

.profit-tracker-title small {
  display: block;
  margin-top: 3px;
  color: #8f7d6d;
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.profit-tracker-icon {
  padding: 2px 4px;
  color: #a79483;
  background: transparent;
  border: 0;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
}

.profit-tracker-icon:hover { color: #f39a4a; }
.profit-tracker-body { padding: 11px 12px 12px; }
.profit-tracker.collapsed { width: 310px; }
.profit-tracker.collapsed .profit-tracker-head { border-bottom: 0; }
.profit-tracker.collapsed .profit-tracker-body { display: none; }
.profit-tracker-controls { display: flex; gap: 8px; margin-bottom: 10px; }

.profit-tracker-controls select {
  flex: 1;
  min-width: 0;
  padding: 8px 11px;
  color: #eadfd3;
  background: #15100c;
  border: 1px solid rgba(213, 127, 62, .24);
  border-radius: 5px;
  outline: none;
  font: 600 11px var(--font-body, "Work Sans", sans-serif);
}

.profit-tracker-controls select:focus { border-color: #e77b36; }
.profit-tracker-controls .profit-tracker-icon {
  width: 34px;
  background: #18110c;
  border: 1px solid rgba(213, 127, 62, .18);
  border-radius: 5px;
}

.profit-tracker-stats {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 1px;
  overflow: hidden;
  background: rgba(223, 133, 65, .16);
  border: 1px solid rgba(223, 133, 65, .15);
  border-radius: 5px;
}

.profit-tracker-stats > div { padding: 10px 11px; background: rgba(21, 15, 10, .96); }
.profit-tracker-stats span {
  display: block;
  color: #857363;
  font: 700 8px/1 Oswald, sans-serif;
  letter-spacing: .11em;
}

.profit-tracker-stats strong {
  display: block;
  margin-top: 5px;
  color: #f1e7dd;
  font: 800 17px/1 "JetBrains Mono", monospace;
}

.profit-tracker-stats strong.positive { color: #78c66d; }
.profit-tracker-stats strong.negative { color: #ef684f; }
.profit-tracker-chart {
  margin-top: 10px;
  padding: 9px 9px 7px;
  background: #15100c;
  border: 1px solid rgba(223, 133, 65, .15);
  border-radius: 5px;
}

.profit-tracker-chart-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  color: #806f61;
  font: 700 8px Oswald, sans-serif;
  letter-spacing: .11em;
}

.profit-tracker-chart-label em { color: #e98b43; font-style: normal; }
.profit-tracker-chart svg { display: block; width: 100%; height: 112px; }
.profit-tracker-chart polyline {
  fill: rgba(224, 111, 39, .18);
  stroke: #ec843d;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.profit-tracker-zero { stroke: rgba(239, 181, 82, .4); stroke-width: 1; stroke-dasharray: 4 4; }
.profit-tracker-footer { display: flex; gap: 8px; margin-top: 10px; }
.profit-tracker-footer button {
  flex: 1;
  padding: 8px 7px;
  color: #e9ded2;
  background: #1d1510;
  border: 1px solid rgba(224, 113, 40, .3);
  border-radius: 4px;
  font: 700 9px Oswald, sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
  cursor: pointer;
}

.profit-tracker-footer button:last-child { color: #f3984b; background: rgba(224, 101, 31, .09); }
.profit-tracker-footer button:hover { border-color: #e77b36; background: rgba(228, 125, 52, .16); }

@media (max-width: 560px) {
  .profit-tracker { right: 10px; bottom: 10px; left: 10px; width: auto; max-width: none; }
  .profit-tracker.collapsed { width: auto; }
  .profit-tracker-chart svg { height: 92px; }
}