/* Jaisandar 5.10.107 — Акция профилі */
.jsp{--jp-bg:#FAF3E0;--jp-card:#F6ECD4;--jp-card2:#FBF5E6;--jp-line:#E4D4AF;--jp-ink:#14161A;--jp-ink2:#4A4F57;--jp-mute:#6B6F76;--jp-up:#0B7344;--jp-dn:#B3302A;--jp-gold:#8A6A2E;
 --jp-disp:"JaiBenguiat",Georgia,"Times New Roman",serif;position:relative;margin:0 0 22px;padding:26px;border-radius:26px;background:var(--jp-bg);border:1px solid var(--jp-line);color:var(--jp-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;animation:jspIn .5s cubic-bezier(.2,.8,.2,1) both}
.jsp[hidden]{display:none!important}
@keyframes jspIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.jsp *{box-sizing:border-box}
.jsp-skel{display:grid;gap:14px}.jsp-skel i{display:block;height:120px;border-radius:18px;background:linear-gradient(90deg,#EFE4CB 25%,#F8F0DE 50%,#EFE4CB 75%);background-size:300% 100%;animation:jspSk 1.2s linear infinite}.jsp-skel i:first-child{height:70px}
@keyframes jspSk{to{background-position:-150% 0}}
.jsp-empty{color:var(--jp-mute);padding:30px 0;text-align:center;margin:0}
/* жоғарғы бөлік */
.jsp{container-type:inline-size}
.jsp-top{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;justify-content:space-between}
.jsp-id{flex:1 1 100%}
.jsp-px{flex:1 1 auto}
.jsp-id{display:flex;gap:18px;align-items:center;min-width:0}
.jsp-logo{width:76px;height:76px;flex:0 0 76px;border-radius:22px;background:#fff;object-fit:contain;padding:8px;box-shadow:0 10px 26px -14px rgba(20,22,26,.45),0 0 0 1px var(--jp-line)}
.jsp-kicker{display:block;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--jp-gold)}
.jsp h2{margin:4px 0 8px;font:700 clamp(28px,3.4vw,42px)/1.05 var(--jp-disp);letter-spacing:-.01em;color:var(--jp-ink)}
.jsp h2 em{font:800 .45em/1 Inter,Arial,sans-serif;font-style:normal;letter-spacing:.06em;color:#fff;background:#14161A;border-radius:8px;padding:5px 9px;vertical-align:middle;margin-left:6px}
.jsp-vens{display:flex;flex-wrap:wrap;gap:8px}
.jsp-ven{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 7px;border-radius:999px;background:#fff;border:1px solid var(--jp-line);font-size:12px}
.jsp-ven img{height:16px;width:auto;max-width:64px}.jsp-ven b{font-weight:850}.jsp-ven small{color:var(--jp-mute);font-weight:650}
.jsp-px{text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.jsp-px strong{width:auto}.jsp-px small{flex:1 1 100%;margin-top:0!important}
.jsp-px strong{display:block;font:700 clamp(34px,4vw,52px)/1 var(--jp-disp);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.jsp-px small{display:block;margin-top:8px;color:var(--jp-mute);font-size:12.5px}.jsp-px small b{color:var(--jp-ink)}
.jsp-chip{display:inline-flex;align-items:center;margin-top:0;padding:6px 12px;border-radius:999px;font-weight:850;font-size:13px;background:#EFE5CF;color:var(--jp-ink2)}
.jsp-chip.up{background:#DDF1E5;color:var(--jp-up)}.jsp-chip.dn{background:#F8DEDA;color:var(--jp-dn)}
.jsp-acts{display:flex;gap:8px;align-items:center}
.jsp-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:14px;padding:12px 16px;font:800 13px/1 Inter,Arial,sans-serif;cursor:pointer;color:#fff;background:linear-gradient(120deg,#0F8B66,#1A9DB3);box-shadow:0 10px 22px -14px rgba(15,139,102,.9);transition:transform .2s,filter .2s}
.jsp-btn+.jsp-btn{background:linear-gradient(120deg,#D9961E,#E4664A);box-shadow:0 10px 22px -14px rgba(217,150,30,.9)}
.jsp-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.jsp-btn svg{width:18px;height:18px}.jsp-btn:disabled{opacity:.6;cursor:wait}
.jsp-x{width:42px;height:42px;border-radius:50%;border:1px solid var(--jp-line);background:#fff;font-size:16px;cursor:pointer;color:var(--jp-ink)}
.jsp-x:hover{background:#14161A;color:#fff}
/* ауыстырғыш */
.jsp-switch{display:flex;gap:8px;overflow-x:auto;margin:20px 0 4px;padding-bottom:4px;scrollbar-width:none}.jsp-switch::-webkit-scrollbar{display:none}
.jsp-switch button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 7px;border-radius:999px;border:1px solid var(--jp-line);background:var(--jp-card2);font:800 12.5px/1 Inter,Arial,sans-serif;color:var(--jp-ink);cursor:pointer;transition:background .2s,color .2s}
.jsp-switch button img{width:22px;height:22px;border-radius:7px;background:#fff;object-fit:contain;padding:1px}
.jsp-switch button:hover{background:#EFE2C3}.jsp-switch button.on{background:#14161A;color:#fff;border-color:#14161A}
/* тор */
.jsp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:16px}
.jsp-card{position:relative;background:var(--jp-card);border:1px solid var(--jp-line);border-radius:22px;padding:20px 22px;min-width:0;animation:jspIn .55s cubic-bezier(.2,.8,.2,1) both}
.jsp-k{display:block;font-size:11.5px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--jp-gold)}
.jsp-card h3{margin:6px 0 0;font:700 22px/1.2 var(--jp-disp);color:var(--jp-ink)}
.jsp-card h3 .up{color:var(--jp-up)}.jsp-card h3 .dn{color:var(--jp-dn)}
.jsp-chart{grid-column:span 12}
.jsp-kpis{grid-column:span 12;display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;align-content:start}
.jsp-range{grid-column:span 5}.jsp-periods{grid-column:span 7}
.jsp-divs{grid-column:span 7}.jsp-holders{grid-column:span 5}.jsp-heat{grid-column:span 12}
@container (min-width:1240px){.jsp-chart{grid-column:span 8}.jsp-kpis{grid-column:span 4;grid-template-columns:1fr 1fr}.jsp-range{grid-column:span 4}.jsp-periods{grid-column:span 4}.jsp-heat{grid-column:span 4}.jsp-divs{grid-column:span 7}.jsp-holders{grid-column:span 5}}
@container (max-width:820px){.jsp-range,.jsp-periods,.jsp-divs,.jsp-holders{grid-column:span 12}}
.jsp-chart header,.jsp-divs header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.jsp-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.jsp-tabs,.jsp-type{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#EFE2C3}
.jsp-tabs button,.jsp-type button{border:0;background:transparent;border-radius:999px;padding:7px 11px;font:800 12px/1 Inter,Arial,sans-serif;color:#4A3B1C;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.jsp-tabs button.on{background:#14161A;color:#fff}
.jsp-type button.on{background:linear-gradient(120deg,#0F8B66,#2BB58A 60%,#E0A12E);color:#fff}
.jsp-plot{position:relative;margin-top:10px;min-height:280px}
.jsp-svg{display:block;overflow:visible;touch-action:pan-y}
.jsp-svg .g{stroke:rgba(80,60,20,.12);stroke-dasharray:3 5}.jsp-svg .ax{fill:#7A7466;font:600 11px Inter,Arial,sans-serif}
.jsp-svg .line{stroke-dasharray:1;stroke-dashoffset:1;animation:jspDraw 1.2s cubic-bezier(.3,.7,.2,1) forwards}
@keyframes jspDraw{to{stroke-dashoffset:0}}
.jsp-svg .area{animation:jspFade .9s .3s ease both}.jsp-svg .bd{animation:jspFade .5s 1s ease both}
@keyframes jspFade{from{opacity:0}to{opacity:1}}
.jsp-svg .bar{transform-box:fill-box;transform-origin:bottom;animation:jspGrow .7s cubic-bezier(.3,.7,.2,1) both}
@keyframes jspGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.jsp-svg .bdr{fill:#FFFCF4;stroke-opacity:.5}.jsp-svg .b1{font:800 11.5px Inter,Arial,sans-serif}.jsp-svg .b2{fill:#6B6F76;font:600 10.5px Inter,Arial,sans-serif}
.jsp-svg .pulse{transform-box:fill-box;transform-origin:center;animation:jspPulse 2.2s ease-in-out infinite}
@keyframes jspPulse{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1.6);opacity:.08}}
.jsp-svg .dv line{stroke:#D9961E;stroke-opacity:.35;stroke-dasharray:2 4}.jsp-svg .dv circle{fill:#D9961E}.jsp-svg .dv text{fill:#fff;font:900 9.5px Inter,Arial,sans-serif;pointer-events:none}
.jsp-svg .cross{stroke:#7A7466;stroke-dasharray:3 4}
.jsp-tip{position:absolute;z-index:5;pointer-events:none;display:grid;gap:2px;padding:9px 12px;border-radius:12px;background:#14211B;color:#fff;font:600 11.5px/1.25 Inter,Arial,sans-serif;box-shadow:0 12px 28px -12px rgba(0,0,0,.55)}
.jsp-tip span{color:#A9C3B8}.jsp-tip strong{font:700 17px/1.1 var(--jp-disp)}.jsp-tip em{font-style:normal;font-weight:800}.jsp-tip em.up{color:#6FE3B0}.jsp-tip em.dn{color:#FF9C8C}
.jsp-pstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.jsp-pstats span{display:block;padding:10px 12px;border-radius:14px;background:var(--jp-card2);border:1px solid var(--jp-line);font-size:11.5px;font-weight:700;color:var(--jp-mute)}
.jsp-pstats b{display:block;margin-top:4px;font:700 17px/1.1 var(--jp-disp);color:var(--jp-ink)}.jsp-pstats small{display:block;margin-top:2px;font-size:10.5px;color:#8B8F96}
.jsp-pstats .up b{color:var(--jp-up)}.jsp-pstats .dn b{color:var(--jp-dn)}
/* KPI */
.jsp-kpi{position:relative;overflow:hidden;padding:16px 16px 14px;border-radius:18px;background:var(--jp-card2);border:1px solid var(--jp-line);animation:jspIn .5s cubic-bezier(.2,.8,.2,1) both}
.jsp-kpi:nth-child(2){animation-delay:.05s}.jsp-kpi:nth-child(3){animation-delay:.1s}.jsp-kpi:nth-child(4){animation-delay:.15s}.jsp-kpi:nth-child(5){animation-delay:.2s}.jsp-kpi:nth-child(6){animation-delay:.25s}.jsp-kpi:nth-child(7){animation-delay:.3s}.jsp-kpi:nth-child(8){animation-delay:.35s}
.jsp-kpi::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--k)}
.jsp-kpi::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:var(--k);opacity:.08}
.jsp-kpi span{display:block;font-size:11.5px;font-weight:750;color:var(--jp-mute);line-height:1.25}
.jsp-kpi strong{display:block;margin-top:6px;font:700 22px/1.1 var(--jp-disp);color:var(--k);font-variant-numeric:tabular-nums}
.jsp-kpi small{display:block;margin-top:5px;font-size:11px;color:#8B8F96;line-height:1.3}
.jsp-mini{height:6px;border-radius:6px;background:#EADFC6;margin-top:8px;overflow:hidden}.jsp-mini i{display:block;height:100%;background:var(--k);border-radius:6px}
/* диапазон */
.jsp-rng{margin-top:18px}
.jsp-rng-bar{position:relative;height:14px;border-radius:14px;background:linear-gradient(90deg,#E4664A,#F2C14E 50%,#2BB58A)}
.jsp-rng-bar i{position:absolute;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#14161A;border:4px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.3);animation:jspSlide 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes jspSlide{from{left:0}}
.jsp-rng-l{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;font-weight:700;color:var(--jp-mute)}
.jsp-rng-l b{display:block;margin-top:3px;font:700 15px/1 var(--jp-disp);color:var(--jp-ink)}.jsp-rng-l .c{text-align:center}.jsp-rng-l span:last-child{text-align:right}
.jsp-gauge{display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--jp-line)}
.jsp-gauge svg{width:120px;height:70px;flex:0 0 120px}.jsp-gauge .gv{animation:jspFade 1s ease both}
.jsp-gauge b{display:block;font:700 26px/1 var(--jp-disp)}.jsp-gauge small{display:block;margin-top:4px;font-size:11.5px;color:var(--jp-mute)}
/* кезеңдер */
.jsp-prs{display:grid;gap:9px;margin-top:14px}
.jsp-pr{display:grid;grid-template-columns:58px 1fr 64px;gap:10px;align-items:center;font-size:12.5px;font-weight:750}
.jsp-pr span{color:var(--jp-ink2)}.jsp-pr b{text-align:right;font-weight:850}
.jsp-pr-bar{height:16px;border-radius:8px;background:#EADFC6;overflow:hidden}
.jsp-pr-bar i{display:block;height:100%;width:var(--w);border-radius:8px;animation:jspW .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes jspW{from{width:0}}
.jsp-pr.up i{background:linear-gradient(90deg,#2BB58A,#0B8A55)}.jsp-pr.dn i{background:linear-gradient(90deg,#F08A6F,#D0423A)}.jsp-pr.up b{color:var(--jp-up)}.jsp-pr.dn b{color:var(--jp-dn)}
/* дивидендтер */
.jsp-dbars{display:flex;align-items:flex-end;gap:12px;height:190px;margin-top:16px;padding:0 4px}
.jsp-dbar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.jsp-dbar i{display:block;width:min(64px,80%);height:var(--h);min-height:4px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#2BB58A,#0F8B66);transform-origin:bottom;animation:jspGrow .8s cubic-bezier(.2,.8,.2,1) both}
.jsp-dbar.last i{background:linear-gradient(180deg,#F2C14E,#D9961E)}
.jsp-dbar em{font-style:normal;font-weight:850;font-size:12px}.jsp-dbar span{font-size:12px;font-weight:750;color:var(--jp-mute)}
.jsp-dt{width:100%;border-collapse:collapse;margin-top:16px;font-size:12.5px}
.jsp-dt th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--jp-mute);font-weight:800;padding:6px 8px;border-bottom:1px solid var(--jp-line)}
.jsp-dt td{padding:8px;border-bottom:1px dashed var(--jp-line)}.jsp-dt tr:last-child td{border-bottom:0}
.jsp-dt td:nth-child(3),.jsp-dt th:nth-child(3),.jsp-dt td:nth-child(4),.jsp-dt th:nth-child(4){text-align:right}
.jsp-note{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--jp-mute)}
/* акционерлер */
.jsp-hold{display:flex;gap:16px;align-items:center;margin-top:14px}
.jsp-donut{width:150px;height:150px;flex:0 0 150px;transform:rotate(0)}
.jsp-donut circle+circle{animation:jspFade .7s ease both}
.jsp-donut .d1{font:700 8px var(--jp-disp);fill:var(--jp-ink)}.jsp-donut .d2{font:700 3.4px Inter,Arial,sans-serif;fill:var(--jp-mute)}
.jsp-hold ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1;min-width:0}
.jsp-hold li{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:12.5px;font-weight:750}
.jsp-hold li i{width:12px;height:12px;border-radius:4px}.jsp-hold li span{min-width:0;line-height:1.25}
.jsp-hold li small{display:block;font-size:10.5px;color:#8B8F96;font-weight:650}.jsp-hold li b{font-weight:850}
/* айлық карта */
.jsp-hm{display:grid;gap:4px;margin-top:14px;overflow-x:auto}
.jsp-hm-row{display:grid;grid-template-columns:40px repeat(12,minmax(26px,1fr));gap:4px;align-items:center;min-width:420px}
.jsp-hm-row span{font-size:11.5px;font-weight:800;color:var(--jp-ink2)}
.jsp-hm-row.h b{font-size:10px;font-weight:800;color:var(--jp-mute);text-align:center;text-transform:uppercase}
.jsp-hm-row i{display:grid;place-items:center;height:30px;border-radius:7px;font:800 10px/1 Inter,Arial,sans-serif;font-style:normal;color:#14161A}
.jsp-hm-row i.up{background:rgba(11,138,85,calc(.12 + var(--a)*.75));color:#0B3F27}.jsp-hm-row i.dn{background:rgba(208,66,58,calc(.12 + var(--a)*.75));color:#4A1410}
.jsp-hm-row i.fl{background:#EADFC6}.jsp-hm-row i.na{background:repeating-linear-gradient(45deg,#EFE5CF 0 4px,#F6ECD4 4px 8px)}
.jsp-src{margin:16px 2px 0;font-size:11.5px;color:var(--jp-mute)}.jsp-src a{color:#0F5868;font-weight:750}
/* видео терезесі */
.jsp-vm{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:rgba(8,14,20,.86);padding:16px}
.jsp-vm[hidden]{display:none}
.jsp-vm-box{position:relative;display:flex;flex-direction:column;gap:10px;max-height:100%;align-items:center}
.jsp-vm canvas{height:min(78vh,1920px);width:auto;max-width:92vw;aspect-ratio:9/16;border-radius:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);background:#FAF3E0}
.jsp-vm-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}
.jsp-vm-bar button{border:0;border-radius:12px;padding:10px 14px;font:800 13px/1 Inter,Arial,sans-serif;cursor:pointer;background:#fff;color:#14161A}
.jsp-vm-bar button[data-v="rec"]{background:linear-gradient(120deg,#D9961E,#E4664A);color:#fff}.jsp-vm-bar button:disabled{opacity:.6}
.jsp-vm-bar .x{background:rgba(255,255,255,.15);color:#fff}
.jsp-vm-bar span{color:#E8EEF2;font:700 12.5px Inter,Arial,sans-serif;min-width:120px}
.jsp-vm-prog{width:100%;height:4px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden}.jsp-vm-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2BB58A,#E0A12E)}
body.jsp-vm-open{overflow:hidden}
/* жауапты */
@media(max-width:760px){.jsp{padding:16px;border-radius:20px;margin-left:-4px;margin-right:-4px}.jsp-logo{width:60px;height:60px;flex-basis:60px;border-radius:18px}
 .jsp-kpis{grid-template-columns:1fr 1fr!important}.jsp-card{padding:16px}.jsp-pstats{grid-template-columns:1fr 1fr}.jsp-hold{flex-direction:column;align-items:stretch}.jsp-donut{margin:0 auto}
 .jsp-acts{flex-wrap:wrap}.jsp-btn{flex:1;justify-content:center}.jsp-tools{width:100%}.jsp-tabs{overflow-x:auto;max-width:100%}.jsp-dbars{height:150px;gap:6px}}
@media(prefers-reduced-motion:reduce){.jsp,.jsp *{animation:none!important}.jsp-svg .line{stroke-dashoffset:0}}
/* қараңғы режим */
html[data-theme="dark"] body .jsp{--jp-bg:#11161C!important;--jp-card:#161C23!important;--jp-card2:#1B222A!important;--jp-line:#2A323C!important;--jp-ink:#EDE8DE!important;--jp-ink2:#C3C8CF!important;--jp-mute:#9AA1AA!important;--jp-up:#3DD68C!important;--jp-dn:#FF7A6E!important;--jp-gold:#E2B04A!important}
html[data-theme="dark"] .jsp h2 em{background:#EDE8DE;color:#11161C}
html[data-theme="dark"] .jsp-ven,html[data-theme="dark"] .jsp-x{background:#1B222A}
html[data-theme="dark"] .jsp-tabs,html[data-theme="dark"] .jsp-type{background:#232B34}html[data-theme="dark"] .jsp-tabs button,html[data-theme="dark"] .jsp-type button{color:#C3C8CF}
html[data-theme="dark"] .jsp-tabs button.on{background:#EDE8DE;color:#11161C}
html[data-theme="dark"] .jsp-switch button.on{background:#EDE8DE;color:#11161C}
html[data-theme="dark"] .jsp-svg .ax{fill:#9AA1AA}html[data-theme="dark"] .jsp-svg .g{stroke:rgba(255,255,255,.08)}html[data-theme="dark"] .jsp-svg .bdr{fill:#1B222A}
html[data-theme="dark"] .jsp-pr-bar,html[data-theme="dark"] .jsp-mini{background:#262E37}html[data-theme="dark"] .jsp-hm-row i.fl{background:#262E37}html[data-theme="dark"] .jsp-hm-row i.up{color:#DDF7EA}html[data-theme="dark"] .jsp-hm-row i.dn{color:#FFE2DE}
html[data-theme="dark"] .jsp-hm-row i.na{background:repeating-linear-gradient(45deg,#1B222A 0 4px,#161C23 4px 8px)}
.jsp-tip[hidden]{display:none!important}
.jsp-tabs button,.jsp-type button{white-space:nowrap;flex:0 0 auto}
.jsp-tabs{scrollbar-width:none}.jsp-tabs::-webkit-scrollbar{display:none}
.jsp-dt td:nth-child(3),.jsp-dt td:nth-child(4){white-space:nowrap}
@media(max-width:760px){.jsp-dt{font-size:11.5px}.jsp-dt td,.jsp-dt th{padding:7px 5px}.jsp-hm{margin-right:-6px}}
html[data-theme="dark"] .jsp-gauge .gt{stroke:#262E37}html[data-theme="dark"] .jsp-donut circle:first-of-type{stroke:#262E37}
