@font-face {
    font-family: 'Avenir LT Pro';
    src: url('../assets/fonts/AvenirLTPro-Book.woff2') format('woff2'),
        url('../assets/fonts/AvenirLTPro-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Pro';
    src: url('../assets/fonts/AvenirLTPro-Light.woff2') format('woff2'),
        url('../assets/fonts/AvenirLTPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Pro';
    src: url('../assets/fonts/AvenirLTPro-Medium.woff2') format('woff2'),
        url('../assets/fonts/AvenirLTPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Avenir LT Pro';
    src: url('../assets/fonts/AvenirLTPro-Roman.woff2') format('woff2'),
        url('../assets/fonts/AvenirLTPro-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body , html {
      font-family: 'Avenir LT Pro' !important;
}

:root{--bg:#030303;--text:#f5f5f0;--muted:rgba(245,245,240,.58);--line:rgba(255,255,255,.09);--gold:#c6a15b;--ok:#78d69b;--danger:#ff6b6b;--panel:rgba(255,255,255,.045)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:'KookFaNum',Tahoma,Arial,sans-serif;background:radial-gradient(circle at 70% 12%,rgba(198,161,91,.13),transparent 32%),radial-gradient(circle at 12% 80%,rgba(255,255,255,.05),transparent 25%),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.user-bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:96px 96px;mask-image:radial-gradient(circle at center,black,transparent 78%)}
.login-wrap,.panel-wrap{width:min(1240px,94%);margin:auto;position:relative}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(520px,100%);border:1px solid var(--line);border-radius:34px;padding:36px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 28px 80px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.login-card h1{font-size:42px;font-weight:400;margin:22px 0 12px;letter-spacing:-.04em}.login-card p{color:var(--muted);line-height:1.9;margin:0 0 24px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.25em}.brand span{width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 24px rgba(198,161,91,.85)}.badge{display:inline-flex;padding:9px 14px;border-radius:999px;border:1px solid rgba(198,161,91,.28);color:var(--gold);font-size:12px;margin-top:22px}
.topbar{height:82px;margin:32px 0 24px;padding:0 24px;border:1px solid var(--line);border-radius:28px;background:rgba(3,3,3,.72);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between}.top-actions{display:flex;align-items:center;gap:12px}.user-chip,.logout{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--muted)}.logout{color:#fff2c4;border-color:rgba(198,161,91,.3)}
.alert{margin-bottom:18px;padding:14px 16px;border-radius:18px;border:1px solid rgba(120,214,155,.25);background:rgba(120,214,155,.08);color:#c9f6d8}.alert.error{border-color:rgba(255,107,107,.3);background:rgba(255,107,107,.08);color:#ffd1d1}.hero-dashboard{display:grid;gap:22px;align-items:center;margin-bottom:22px}.hero-copy,.glass-card,.stat-card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 28px 70px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.hero-copy{padding:34px}.hero-copy h1{font-size:clamp(38px,5vw,58px);line-height:1.05;margin:18px 0 14px;font-weight:400;letter-spacing:-.055em}.hero-copy h1 span{color:#bd9957}.hero-copy p{margin:0;color:var(--muted);line-height:1.9}.hero-orb{min-height:260px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at center,rgba(198,161,91,.13),transparent 52%),rgba(255,255,255,.025);display:grid;place-items:center}.hero-orb span{width:150px;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(198,161,91,.45);position:relative;animation:spin 18s linear infinite}.hero-orb span:after{content:"";position:absolute;inset:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2c4,var(--gold) 45%,#5b431e);box-shadow:0 0 70px rgba(198,161,91,.45);animation:pulse 4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08)}}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card{padding:22px}.stat-card small{color:var(--muted)}.stat-card strong{display:block;margin-top:10px;font-size:24px;font-weight:500;color:#fff2c4}.glass-card{padding:26px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.card-title h2{margin:0;font-weight:400;letter-spacing:-.03em}.card-title small{color:var(--muted)}.year-form{display:flex;align-items:center;gap:10px}.year-form label,label{color:rgba(245,245,240,.72);font-size:13px}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.1);outline:none;border-radius:16px;padding:14px 15px;color:var(--text);background:rgba(255,255,255,.045);font-family:inherit}select option{background:#111;color:#fff}input:focus,select:focus,textarea:focus{border-color:rgba(198,161,91,.55);box-shadow:0 0 0 4px rgba(198,161,91,.08)}button{border:0;cursor:pointer;width:100%;padding:14px 19px;border-radius:999px;background:var(--text);color:#030303;font-family:inherit;font-weight:700;transition:.3s}button:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(245,245,240,.12)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.full{grid-column:1/-1}.full label{display:block;margin-bottom:8px}.chart-wrap{height:300px;display:grid;grid-template-columns:repeat(12,1fr);gap:10px;align-items:end;padding-top:35px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.022);overflow:auto}.chart-month{min-width:64px;text-align:center;display:grid;gap:10px}.bars{height:230px;display:flex;align-items:end;justify-content:center;gap:5px}.bar{width:15px;border-radius:999px 999px 4px 4px;display:block;animation:barRise .9s ease both}.bar.deposit{background:linear-gradient(180deg,#fff2c4,var(--gold))}.bar.payout{background:linear-gradient(180deg,#78d69b,#2d8d55);animation-delay:.12s}.chart-month small{color:var(--muted);font-size:11px}@keyframes barRise{from{height:0!important;opacity:.2}to{opacity:1}}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:8px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.deposit-dot{background:var(--gold)}.payout-dot{background:var(--ok)}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.mini-list,.announcement-list{display:grid;gap:12px}.mini-row{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.mini-row span,.muted{color:var(--muted)}.mini-row strong{color:#fff2c4}.announcement-item{padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.announcement-item small{color:var(--gold)}.announcement-item h3{margin:8px 0 8px;font-weight:500}.announcement-item p{margin:0;color:var(--muted);line-height:1.9}.profile-card{align-self:start}
@media(max-width:980px){.hero-dashboard,.stats-grid,.content-grid{grid-template-columns:1fr}.hero-orb{display:none}.form-grid{grid-template-columns:1fr}.topbar{height:auto;padding:18px;align-items:flex-start;gap:14px;flex-direction:column}.chart-wrap{grid-template-columns:repeat(12,64px)}}
.login-wrap {
    min-height: 100vh;
    display: flex;
    place-items: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
a.Backtohome {
    margin-top: 25px;
    font-size: 14px;
    color: #c6a15b;
    display: block;
    text-align: center;
    width: fit-content;
}
/* Updated client panel: modal actions + annual profit line chart */
.icon-action{
  width:auto;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(198,161,91,.28);
  background:rgba(255,255,255,.045);
  color:#fff2c4;
  white-space:nowrap;
}
.icon-action:hover{border-color:rgba(198,161,91,.6);background:rgba(198,161,91,.1)}
.quick-panel-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px;margin-bottom:70px}.big-action{border:1px solid rgba(198,161,91,.32);background:linear-gradient(180deg,#f5f5f0,#d8d0bd);color:#030303;border-radius:24px;padding:18px 22px}.big-action.ghost{background:rgba(255,255,255,.045);color:#fff2c4;border-color:rgba(255,255,255,.1)}
.line-chart-wrap{position:relative;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 70% 25%,rgba(198,161,91,.08),transparent 35%),rgba(255,255,255,.022);padding:20px;overflow:hidden}.profit-line-chart{width:100%;height:330px;display:block;overflow:visible}.chart-grid-line{stroke:rgba(255,255,255,.08);stroke-width:1}.profit-area{fill:url(#profitArea);opacity:0;animation:chartFade .9s ease .35s forwards}.profit-line{fill:none;stroke:url(#profitStroke);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 16px rgba(198,161,91,.35));stroke-dasharray:1600;stroke-dashoffset:1600;animation:drawProfit 1.6s ease forwards}.profit-dot{fill:#c6a15b;stroke:#fff2c4;stroke-width:3;filter:drop-shadow(0 0 10px rgba(198,161,91,.55));opacity:0;animation:chartFade .6s ease 1.25s forwards}.line-months{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-top:12px;color:var(--muted);font-size:11px;text-align:center}.line-months span{min-width:0;white-space:nowrap}.legend .payout-dot{background:var(--gold)}
@keyframes drawProfit{to{stroke-dashoffset:0}}@keyframes chartFade{to{opacity:1}}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(10px);z-index:999;display:none;align-items:center;justify-content:center;padding:22px}.modal.show{display:flex}.modal-box{width:min(760px,96vw);max-height:88vh;overflow:auto;animation:modalIn .32s ease both}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-head h2{margin:0;font-weight:400}.modal-head small{color:var(--muted)}.modal-close{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;font-size:26px;line-height:1;background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--line)}.modal-close:hover{background:rgba(255,107,107,.12);color:#ffd1d1}.modal .announcement-list{max-height:62vh;overflow:auto;padding-inline-end:4px}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:980px){.top-actions{flex-wrap:wrap}.quick-panel-actions{grid-template-columns:1fr}.line-months{grid-template-columns:repeat(6,1fr);row-gap:10px}.profit-line-chart{height:280px}.icon-action{width:auto}.modal{padding:14px}}


/* === MONVEST User Panel Final Enhancements === */

.stats-grid-compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.premium-stat{
  position:relative;
  overflow:hidden;
  min-height:155px;
  isolation:isolate;
}

.premium-stat::before{
  content:"";
  position:absolute;
  inset:-120px auto auto -120px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(198,161,91,.18), transparent 68%);
  animation:premiumFloat 7s ease-in-out infinite;
  z-index:-1;
}

.premium-stat::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.055), transparent);
  transform:translateX(-120%);
  animation:statShine 5.5s ease-in-out infinite;
  z-index:-1;
}

.premium-stat em{
  display:inline-flex;
  margin-top:15px;
  padding:7px 11px;
  border-radius:999px;
  color:#c6a15b;
  background:rgba(198,161,91,.08);
  border:1px solid rgba(198,161,91,.18);
  font-style:normal;
  font-size:12px;
}

.stat-glow{
  position:absolute;
  left:22px;
  top:22px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#c6a15b;
  box-shadow:0 0 0 9px rgba(198,161,91,.08), 0 0 35px rgba(198,161,91,.8);
  animation:pulseGold 2.2s ease-in-out infinite;
}

.account-motion-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin:22px 0;
}

.motion-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:140px 1fr;
  align-items:center;
  gap:24px;
  padding:28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:32px;
  background:
    radial-gradient(circle at 82% 18%, rgba(198,161,91,.13), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
  box-shadow:0 28px 70px rgba(0,0,0,.32);
  backdrop-filter:blur(18px);
}

.motion-card::before{
  content:"";
  position:absolute;
  inset:auto -40px -90px auto;
  width:230px;
  height:230px;
  border-radius:50%;
  border:1px dashed rgba(198,161,91,.22);
  animation:slowRotate 18s linear infinite;
}

.motion-card small{
  display:inline-flex;
  margin-bottom:9px;
  color:#c6a15b;
  letter-spacing:.06em;
}

.motion-card h3{
  margin:0 0 10px;
  font-size:clamp(25px,3.2vw,34px);
  font-weight:500;
  color:#f5f5f0;
}

.motion-card p{
  margin:0;
  color:rgba(245,245,240,.58);
  line-height:1.85;
}

.motion-ring{
    position: relative;
    width: 128px;
    height: 128px;
    display: flex;
    place-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: #1e1a12;
    border-radius: 100%;
}

.motion-ring svg{
 width: 50%;
    height: auto;
    color: #bd9957;
}

.motion-ring circle{
  fill:none;
  stroke-width:10;
}

.ring-bg{
  stroke:rgba(255,255,255,.08);
}

.ring-progress{
  stroke:#c6a15b;
  stroke-linecap:round;
  stroke-dasharray:301.59;
  stroke-dashoffset:calc(301.59 - (301.59 * var(--value) / 100));
  filter:drop-shadow(0 0 12px rgba(198,161,91,.55));
  animation:ringDraw 1.5s ease both;
}

.motion-ring span{
  position:relative;
  z-index:2;
  width:86px;
  height:86px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(198,161,91,.18);
  color:#fff2c4;
  font-size:24px;
  font-weight:700;
  box-shadow:inset 0 0 25px rgba(198,161,91,.08);
}

.access-orbit{
  position:relative;
  width:128px;
  height:128px;
  border-radius:50%;
  border:1px solid rgba(198,161,91,.28);
  background:radial-gradient(circle, rgba(198,161,91,.09), transparent 62%);
  box-shadow:0 0 70px rgba(198,161,91,.12), inset 0 0 35px rgba(255,255,255,.035);
  animation:softBreath 3.8s ease-in-out infinite;
}

.access-orbit::before,
.access-orbit::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  border:1px dashed rgba(245,245,240,.14);
  animation:slowRotate 13s linear infinite;
}

.access-orbit::after{
  inset:37px;
  border-style:solid;
  border-color:rgba(198,161,91,.3);
  animation-direction:reverse;
}

.access-orbit span{
  position:absolute;
  left:50%;
  top:50%;
  width:46px;
  height:46px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 35% 28%, #fff2c4, #c6a15b 48%, #5b431e);
  box-shadow:0 0 45px rgba(198,161,91,.55);
}

.access-orbit i{
  position:absolute;
  left:50%;
  top:9px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff2c4;
  box-shadow:0 0 20px rgba(198,161,91,.9);
  transform-origin:0 55px;
  animation:orbitDot 5.2s linear infinite;
}

.chart-card{
  position:relative;
  overflow:hidden;
}

.chart-card::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  pointer-events:none;
  background:radial-gradient(circle at 68% 32%, rgba(198,161,91,.09), transparent 34%);
}

.line-chart-wrap{
  position:relative;
  padding-top:16px;
}

.profit-line-chart{
  overflow:visible;
  filter:drop-shadow(0 22px 35px rgba(0,0,0,.28));
}

.profit-area{
  opacity:.85;
  animation:areaReveal 1.1s ease both;
}

.profit-line{
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:1400;
  stroke-dashoffset:1400;
  animation:lineDraw 1.7s cubic-bezier(.2,.9,.2,1) .15s forwards;
  filter:drop-shadow(0 0 11px rgba(198,161,91,.55));
}

.profit-point-group{
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  animation:pointPop .55s cubic-bezier(.2,1.7,.3,1) var(--delay) forwards;
}

.profit-dot-halo{
  fill:rgba(198,161,91,.12);
  stroke:rgba(198,161,91,.22);
  stroke-width:1;
  animation:haloPulse 2.2s ease-in-out infinite;
}

.profit-dot{
  fill:#fff2c4;
  stroke:#c6a15b;
  stroke-width:3;
  filter:drop-shadow(0 0 10px rgba(198,161,91,.85));
}

.profit-value-label{
  font-family:Tahoma,Arial,sans-serif;
  font-size:28px;
  font-weight:700;
  fill:#fff2c4;
  paint-order:stroke;
  stroke:rgba(3,3,3,.78);
  stroke-width:6px;
  stroke-linejoin:round;
  direction:ltr;
}

.line-months span{
  position:relative;
}

.line-months span::after{
  content:attr(title);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%) translateY(6px);
  white-space:nowrap;
  padding:7px 10px;
  border-radius:999px;
  color:#030303;
  background:#fff2c4;
  font-size:11px;
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
}

.line-months span:hover::after{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

@keyframes premiumFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(32px,26px) scale(1.08)}
}

@keyframes statShine{
  0%,55%{transform:translateX(-120%)}
  78%,100%{transform:translateX(120%)}
}

@keyframes pulseGold{
  0%,100%{transform:scale(1);opacity:.72}
  50%{transform:scale(1.35);opacity:1}
}

@keyframes slowRotate{
  to{transform:rotate(360deg)}
}

@keyframes ringDraw{
  from{stroke-dashoffset:301.59}
}

@keyframes softBreath{
  0%,100%{transform:scale(1);opacity:.82}
  50%{transform:scale(1.045);opacity:1}
}

@keyframes orbitDot{
  to{transform:rotate(360deg)}
}

@keyframes areaReveal{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:.85;transform:none}
}

@keyframes lineDraw{
  to{stroke-dashoffset:0}
}

@keyframes pointPop{
  from{opacity:0;transform:scale(.45)}
  to{opacity:1;transform:scale(1)}
}

@keyframes haloPulse{
  0%,100%{transform:scale(1);opacity:.52}
  50%{transform:scale(1.35);opacity:1}
}

@media(max-width:960px){
  .stats-grid-compact,
  .account-motion-grid{
    grid-template-columns:1fr;
  }

  .motion-card{
    grid-template-columns:1fr;
    text-align:center;
    justify-items:center;
  }
}

@media(max-width:640px){
  .profit-value-label{
    font-size:22px;
  }
}



.profit-point-group{
    opacity:1 !important;
    animation:none !important;
    transform:none !important;
}

.profit-dot-halo{
    display:none !important;
}


/* === Final requested cleanup: history modals + minimal canvas chart === */
.content-grid{
  display:none !important;
}

.motion-card{
  min-height:190px;
}

.motion-content{
  position:relative;
  z-index:2;
  display:grid;
  gap:10px;
}

.motion-card p{
  display:none !important;
}

.motion-history-btn{
  width:max-content;
  min-width:170px;
  margin-top:6px;
  padding:12px 17px;
  border-radius:999px;
  border:1px solid rgba(198,161,91,.3);
  background:rgba(198,161,91,.1);
  color:#fff2c4;
  font-size:13px;
  box-shadow:none;
}

.motion-history-btn:hover{
  background:rgba(198,161,91,.18);
  border-color:rgba(198,161,91,.55);
  box-shadow:0 16px 34px rgba(198,161,91,.08);
}

.minimal-chart-card{
  margin-top:22px;
  padding:28px;
}

.minimal-chart-card::before{
  display:none !important;
}

.minimal-chart-shell{
  border:1px solid rgba(255,255,255,.075);
  border-radius:28px;
  background:
    radial-gradient(circle at 72% 18%, rgba(198,161,91,.075), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012));
  overflow:hidden;
}

.minimal-chart-head{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:20px 22px 0;
}

.minimal-chart-head > div{
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
}

.minimal-chart-head small{
  display:block;
  color:rgba(245,245,240,.48);
  margin-bottom:7px;
}

.minimal-chart-head strong{
  display:block;
  color:#fff2c4;
  font-size:20px;
  font-weight:500;
}

.minimal-chart-canvas-wrap{
  width:100%;
  padding:10px 18px 18px;
  overflow:hidden;
}

#profitCanvas{
  width:100%;
  height:340px;
  display:block;
  direction:ltr;
}

.history-list{
  max-height:62vh;
  overflow:auto;
  padding-inline-end:4px;
}

.history-list .mini-row{
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
}

/* remove old SVG chart visual noise if old classes remain anywhere */
.profit-dot-halo,
.profit-point-group .profit-dot-halo{
  display:none !important;
}

.profit-point-group{
  opacity:1 !important;
  animation:none !important;
  transform:none !important;
}

@media(max-width:980px){
  .motion-history-btn{
    width:100%;
  }

  .minimal-chart-head{
    grid-template-columns:1fr;
  }

  #profitCanvas{
    height:300px;
  }
}


.payout-row{
  display:grid !important;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:16px;
  padding:16px 18px !important;
}

.payout-main{
 display: flex;
    gap: 7px;
    align-items: center;
}

.payout-main span{
  font-size:12px;
  color:rgba(245,245,240,.48);
}

.payout-main strong{
  font-size:18px;
  color:#fff2c4;
}

.payout-extra{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}



.comment-preview{
  position:relative;
  max-width:150px;
  cursor:help;
  z-index:5;
}

.comment-preview span{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(245,245,240,.7);
  font-size:12px;
}

.comment-preview:hover span{
  border-color:rgba(198,161,91,.35);
  background:rgba(198,161,91,.12);
  color:#fff2c4;
}

.comment-preview:hover::after{
  content:attr(data-tooltip);
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  width:240px;
  padding:12px 14px;
  border-radius:16px;
  background:#fff2c4;
  color:#030303;
  font-size:12px;
  line-height:1.7;
  white-space:normal;
  box-shadow:0 18px 45px rgba(0,0,0,.45);
  z-index:9999;
}





.doc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto !important;
  min-width:72px;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:rgba(245,245,240,.78);
  font-size:12px;
  font-weight:600;
}

.doc-btn.gold{
  border-color:rgba(198,161,91,.35);
  background:rgba(198,161,91,.12);
  color:#fff2c4;
}

.doc-btn:hover{
  transform:translateY(-2px);
  background:rgba(198,161,91,.18);
  color:#fff2c4;
}

@media(max-width:640px){
  .payout-row{
    grid-template-columns:1fr;
  }

  .payout-extra{
    justify-content:flex-start;
  }

  .comment-preview{
    max-width:100%;
  }
}




@media(max-width:500px){


.login-card h1 {
    font-size: 32px;
}


.badge {
    padding: 7px 10px;
    font-size: 11px;
    margin-top: 0px;
}

.login-card p {
    line-height: 22px;
}
.hero-copy h1 {
    font-size: clamp(32px, 5vw, 58px);
}
.hero-copy p {
   line-height: 22px;
        font-weight: normal;
        font-size: 15px;
}

.motion-card {
    display: flex;
}

.card-title h2 {
    font-size: 18px;
}

.year-form label, label {
    display: none;
}


.minimal-chart-head strong {
    font-size: 16px;
}

.minimal-chart-card {
    margin-top: 22px;
    padding: 30px 15px;
}
.big-action {
    font-weight: normal;
}

.minimal-chart-canvas-wrap {
    padding: 10px 0px 18px;
}
.minimal-chart-shell {
    border: unset;
    border-radius: unset;
    background: unset;
    overflow: hidden;
}

  .icon-action {
    padding: 7px 10px;
    font-weight: normal;
}

.brand {
    font-size: 14px;
}
     .logout {
        padding: 8px 10px;
        font-size: 14px;
        background: rgb(244 67 54 / 12%);
        color: #b94a42;
        border-color: #b94a4275;
    }


.motion-history-btn {
    padding: 10px 13px;
    font-size: 13px;
    font-weight: normal;
}


.motion-content {
    gap: unset;
}


  
  
}