.jvg-dashboard-preview{--jvg-accent:#126be8;display:grid;grid-template-columns:205px minmax(0,1fr);min-height:510px;background:#f6f9fd;color:#172d50;border-radius:14px;overflow:hidden;border:1px solid #e2eaf4}.jvg-dp-sidebar{background:#0d1b32;color:#dbe7f7;padding:16px 10px;display:flex;flex-direction:column}.jvg-dp-brand{display:flex;gap:10px;align-items:center;padding:6px 8px 16px;border-bottom:1px solid #ffffff12}.jvg-dp-brand>span,.jvg-dp-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--jvg-accent) 35%,#10213d);font-size:17px}.jvg-dp-brand b{display:block;font-size:12px}.jvg-dp-brand small{display:block;color:#8fa5c3;font-size:9px;margin-top:2px}.jvg-dp-navs{overflow:auto;padding:10px 0;display:grid;gap:3px}.jvg-dp-nav{display:flex;gap:9px;align-items:center;padding:8px;border-radius:8px;color:#9eb2cc;font-size:10px}.jvg-dp-nav span{width:18px;text-align:center}.jvg-dp-nav b{font-weight:700}.jvg-dp-nav.active{background:color-mix(in srgb,var(--jvg-accent) 24%,#10213d);color:#fff}.jvg-dp-sidefoot{margin-top:auto;color:#8fa5c3;font-size:9px;padding:10px 8px}.jvg-dp-sidefoot span{color:#31c78c}.jvg-dp-main{padding:18px;min-width:0}.jvg-dp-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.jvg-dp-top small{color:#7085a3;font-size:9px}.jvg-dp-top h3{margin:3px 0 2px;font-size:20px}.jvg-dp-top p{margin:0;color:#7085a3;font-size:10px}.jvg-dp-user{display:flex;gap:7px;align-items:center;font-size:10px}.jvg-dp-user b{white-space:nowrap}.jvg-dp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.jvg-dp-kpi{background:#fff;border:1px solid #e2eaf4;border-radius:11px;padding:11px}.jvg-dp-kpi small,.jvg-dp-kpi span{display:block;color:#7085a3;font-size:8px}.jvg-dp-kpi strong{display:block;font-size:18px;margin:3px 0}.jvg-dp-kpi span{color:#7894b5}.jvg-dp-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:10px}.jvg-dp-panel{background:#fff;border:1px solid #e2eaf4;border-radius:12px;padding:13px;min-width:0}.jvg-dp-panelhead{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.jvg-dp-panelhead b{display:block;font-size:11px}.jvg-dp-panelhead small{display:block;color:#7085a3;font-size:8px;margin-top:2px}.jvg-dp-panelhead>span{font-size:8px;background:#eef6ff;color:#2062aa;padding:4px 7px;border-radius:99px;height:max-content}.jvg-dp-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.jvg-dp-actions button{border:1px solid #e2eaf4;background:#f8fbff;border-radius:8px;padding:7px 5px;color:#31577f;font-size:8px}.jvg-dp-actions button span{display:block;font-size:13px;margin-bottom:2px}.jvg-dp-rows{display:grid;gap:2px}.jvg-dp-row{display:flex;align-items:center;gap:8px;padding:7px 2px;border-top:1px solid #edf2f7}.jvg-dp-row>div{min-width:0;flex:1}.jvg-dp-row b{display:block;font-size:9px}.jvg-dp-row small{display:block;color:#7085a3;font-size:7px}.jvg-dp-row em{font-style:normal;font-size:7px;color:#28754f;background:#eef9f3;padding:3px 6px;border-radius:99px}.jvg-dp-dot{width:20px;height:20px;border-radius:7px;background:#eef5ff;color:var(--jvg-accent);display:grid;place-items:center;font-size:8px;font-weight:900}.jvg-dp-chips{display:flex;flex-wrap:wrap;gap:6px}.jvg-dp-chip{font-size:8px;padding:5px 7px;border-radius:7px;border:1px solid #e2eaf4;background:#fbfdff;color:#355779}.jvg-dp-footnote{margin-top:12px;color:#7085a3;font-size:8px;border-top:1px solid #edf2f7;padding-top:9px}.jvg-dashboard-preview.compact{min-height:390px;grid-template-columns:170px minmax(0,1fr)}.jvg-dashboard-preview.compact .jvg-dp-main{padding:13px}.jvg-dashboard-preview.compact .jvg-dp-sidebar{padding:10px 8px}.jvg-dashboard-preview.compact .jvg-dp-kpis{gap:7px}.jvg-dashboard-preview.compact .jvg-dp-kpi strong{font-size:15px}.jvg-preview-disclosure{background:#f6f9fd;border:1px solid #dce7f5;border-radius:10px;padding:9px 11px;margin-bottom:10px;color:#58718f;font-size:11px}.jvg-preview-disclosure strong{color:#173f79}@media(max-width:900px){.jvg-dp-kpis{grid-template-columns:repeat(2,1fr)}.jvg-dp-grid{grid-template-columns:1fr}}@media(max-width:700px){.jvg-dashboard-preview,.jvg-dashboard-preview.compact{grid-template-columns:1fr}.jvg-dp-sidebar{display:none}.jvg-dp-top{display:block}.jvg-dp-user{margin-top:10px}.jvg-dp-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.jvg-dp-main{padding:12px}.jvg-dp-kpis{grid-template-columns:1fr 1fr}.jvg-dp-kpi strong{font-size:14px}}
.demo-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.demo-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:9px 12px;border-radius:10px;font-weight:700;border:1px solid #dce5ef}.demo-card-actions .btn-primary{background:#126be8;color:#fff;border-color:#126be8}.demo-card-actions .btn-light{background:#fff;color:#28415d}@media(max-width:640px){.demo-card-actions{display:grid;grid-template-columns:1fr}}

.jvg-dp-outcome{margin-bottom:10px;padding:9px 10px;border:1px solid #dce7f5;border-radius:9px;background:#f7fbff}.jvg-dp-outcome b{display:block;font-size:9px}.jvg-dp-outcome small{display:block;color:#7085a3;font-size:8px;line-height:1.4;margin-top:3px}

.jvg-dp-conversion{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:9px;margin-bottom:10px;padding:12px;border:1px solid #cfe2f7;border-radius:11px;background:linear-gradient(135deg,#f7fbff,#fff)}.jvg-dp-conversion small{display:block;color:#3975b5;font-size:7px;font-weight:900;letter-spacing:.08em}.jvg-dp-conversion b{display:block;font-size:12px;margin:3px 0}.jvg-dp-conversion span{display:block;color:#7085a3;font-size:8px;line-height:1.45}.jvg-dp-ba{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.jvg-dp-ba span{padding:5px 7px;border-radius:7px;background:#fff;border:1px solid #e2eaf4}.jvg-dp-ba strong{color:var(--jvg-accent)}@media(max-width:700px){.jvg-dp-conversion{grid-template-columns:1fr}}