.bot-dsh-section{ padding:104px 0; background:#F6F7FA; font-family:'Inter',sans-serif; }
.bot-dsh-wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
@media (max-width:640px){ .bot-dsh-wrap{ padding:0 20px; } }
.bot-dsh-shead{ max-width:600px; margin-bottom:56px; }
.bot-dsh-kicker{ font-size:13px; font-weight:700; color:#2A54FF; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:14px; }
.bot-dsh-section h2{ font-family:'Space Grotesk',sans-serif; font-size:36px; font-weight:700; line-height:1.15; color:#0B0D14; margin:0; letter-spacing:-0.02em; }
.bot-dsh-section > .bot-dsh-wrap > .bot-dsh-shead > p{ margin-top:16px; font-size:16.5px; color:#5A5F72; line-height:1.6; }

.bot-dsh-row{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; margin-bottom:110px; }
.bot-dsh-row:last-child{ margin-bottom:0; }
.bot-dsh-row.rev .bot-dsh-copy{ order:2; } .bot-dsh-row.rev .bot-dsh-visual{ order:1; }
@media (max-width:900px){ .bot-dsh-row, .bot-dsh-row.rev{ grid-template-columns:1fr; gap:34px; } .bot-dsh-row.rev .bot-dsh-copy, .bot-dsh-row.rev .bot-dsh-visual{ order:initial; } }
.bot-dsh-pill{ display:inline-flex; background:#EAEEFF; color:#132C8C; font-size:12px; font-weight:700; padding:4px 11px; border-radius:100px; text-transform:uppercase; letter-spacing:.04em; }
.bot-dsh-copy h3{ font-family:'Space Grotesk',sans-serif; font-size:27px; font-weight:700; margin:14px 0 14px; color:#0B0D14; }
.bot-dsh-desc{ font-size:15.5px; color:#5A5F72; line-height:1.65; margin-bottom:20px; }
.bot-dsh-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.bot-dsh-list li{ font-size:14.5px; color:#0B0D14; padding-left:24px; position:relative; }
.bot-dsh-list li::before{ content:'✓'; position:absolute; left:0; color:#2A54FF; font-weight:700; }

.bot-dsh-card{ background:#fff; border:1px solid #E3E6EF; border-radius:18px; box-shadow:0 1px 2px rgba(11,13,20,0.04), 0 12px 32px -12px rgba(11,13,20,0.10); padding:22px; position:relative; overflow:hidden; }
.bot-dsh-card::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:70px; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.96)); pointer-events:none; }
.bot-dsh-title{ display:flex; justify-content:space-between; align-items:center; font-size:12px; font-weight:600; color:#9297A8; margin-bottom:16px; text-transform:uppercase; letter-spacing:.04em; }

.bot-dsh-irow{ display:flex; align-items:center; gap:11px; padding:11px 8px; border-radius:10px; transition:background .5s ease; }
.bot-dsh-irow.active{ background:#EAEEFF; }
.bot-dsh-av{ width:34px; height:34px; border-radius:50%; background:#DDE2F0; flex:none; position:relative; }
.bot-dsh-irow.has-new .bot-dsh-av::after{ content:''; position:absolute; top:-2px; right:-2px; width:10px; height:10px; border-radius:50%; background:#FF4D4F; border:2px solid #fff; animation:bot-dsh-ping .9s ease-in-out infinite; }
@keyframes bot-dsh-ping{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.4); } }
.bot-dsh-txt{ flex:1; min-width:0; }
.bot-dsh-txt .l1{ height:8px; width:55%; border-radius:4px; background:#DADFEA; margin-bottom:6px; }
.bot-dsh-txt .l2{ height:6px; width:80%; border-radius:4px; background:#EDEFF5; }
.bot-dsh-own{ font-size:10px; font-weight:700; background:#EDEFF5; color:#9297A8; padding:3px 8px; border-radius:100px; flex:none; transition:background .35s ease,color .35s ease; }
.bot-dsh-own.me{ background:#0B0D14; color:#fff; }
.bot-dsh-ch{ width:18px; height:18px; flex:none; }

.bot-dsh-statgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
.bot-dsh-stat{ background:#F6F7FA; border-radius:10px; padding:12px 10px; }
.bot-dsh-stat .n{ font-family:'IBM Plex Mono',monospace; font-size:19px; font-weight:600; color:#0B0D14; }
.bot-dsh-stat .l{ font-size:10.5px; color:#9297A8; margin-top:2px; }

.bot-dsh-kpigrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
.bot-dsh-kpi{ background:#F6F7FA; border-radius:10px; padding:12px; }
.bot-dsh-kpi .n{ font-family:'IBM Plex Mono',monospace; font-size:18px; font-weight:600; color:#2A54FF; }
.bot-dsh-kpi .l{ font-size:10px; color:#9297A8; margin-top:3px; }
.bot-dsh-bars{ display:flex; align-items:flex-end; gap:8px; height:70px; padding:0 4px; }
.bot-dsh-bars .bar{ flex:1; background:linear-gradient(to top,#2A54FF,#7C93FF); border-radius:4px 4px 0 0; transition:height 1s cubic-bezier(.22,.9,.35,1); }