.dashboard-preview-live{grid-template-columns:220px 1fr;min-height:690px;background:#f4f0e8}
.dash-live-side{background:#091210;color:#dce5e1;padding:24px 16px;display:flex;flex-direction:column;min-width:0}.dash-live-brand{display:flex;align-items:center;gap:10px;padding:0 5px 27px;font-size:8px;letter-spacing:.1em;line-height:1.25}.dash-live-brand img{width:34px;height:34px;object-fit:contain}.dash-live-brand i{font-style:normal;color:#dfff45}.dash-live-side nav{display:grid;gap:5px}.dash-live-side nav span{padding:11px 12px;border-radius:10px;color:#a8b3af;font-size:10px}.dash-live-side nav .active{color:#fff;background:#202c29}.dash-live-program{margin-top:auto;background:#1c2926;border-radius:15px;padding:16px;display:grid;gap:9px}.dash-live-program b{font-size:11px}.dash-live-program small{font-size:8px;line-height:1.5;color:#9eaaa6}.dash-live-program em{width:max-content;background:#dfff45;color:#091210;border-radius:20px;padding:9px 11px;font-size:8px;font-weight:800;font-style:normal}.dash-live-links{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #26332f;margin-top:15px;padding:15px 4px 0;color:#9eaaa6;font-size:8px}
.dash-live-main{min-width:0}.dash-live-head{height:72px;padding:0 26px;border-bottom:1px solid rgba(11,17,16,.12);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.08em}.dash-live-head>div{display:flex;align-items:center;gap:10px}.dash-live-head i{font-style:normal}.dash-live-head em{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ff6b39;color:#111;font-style:normal;font-weight:800;font-size:12px}.dash-live-content{padding:30px 34px 34px}
.dash-live-welcome{display:flex;align-items:end;justify-content:space-between;gap:20px}.dash-live-welcome small,.dash-live-goal span,.dash-live-course>span,.dash-live-mentor>span,.dash-live-streak>span,.dash-live-skills>span{font-size:8px;font-weight:800;letter-spacing:.15em;color:#879400}.dash-live-welcome h3{font:700 30px/1.05 Unbounded;margin:10px 0 8px;letter-spacing:-.05em}.dash-live-welcome h3 em{font-style:normal;color:#ff6b39}.dash-live-welcome p{font-size:10px;color:#737c79}.dash-live-welcome>article{width:270px;background:#fff;border-radius:16px;padding:18px;display:grid;grid-template-columns:80px 1fr;gap:12px}.dash-live-welcome article>span{font-size:7px;letter-spacing:.12em}.dash-live-welcome article>b{font:700 34px Unbounded;grid-row:2}.dash-live-welcome article div{grid-row:1/3;grid-column:2;border-left:1px solid #ddd;padding-left:14px}.dash-live-welcome article strong,.dash-live-welcome article small{display:block;font-size:8px}.dash-live-welcome article i{display:block;height:3px;background:#e0e3dc;border-radius:4px;margin:12px 0}
.dash-live-goal{margin:22px 0;background:#f4ffd1;border:1px solid #a6c000;border-radius:15px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dash-live-goal div{display:grid;gap:5px}.dash-live-goal b{font-size:16px}.dash-live-goal small{font-size:9px}.dash-live-goal em,.dash-live-course>em{font-style:normal;background:#091210;color:#fff;border-radius:20px;padding:9px 15px;font-size:8px;font-weight:800;white-space:nowrap}
.dash-live-grid{display:grid;grid-template-columns:1.55fr .9fr .9fr;gap:12px}.dash-live-grid article{border-radius:16px;padding:20px}.dash-live-course{grid-row:span 2;background:#dfff45;display:flex;flex-direction:column;min-height:300px}.dash-live-course>div{display:flex;justify-content:space-between;margin-top:28px;font-size:8px}.dash-live-course h4{font:700 24px Unbounded;margin:13px 0}.dash-live-course p{font-size:10px;line-height:1.55}.dash-live-course>i{display:block;height:3px;background:rgba(11,17,16,.18);margin:auto 0 16px}.dash-live-course>em{width:max-content}.dash-live-mentor{background:#091210;color:#fff}.dash-live-mentor span{color:#dfff45}.dash-live-mentor b{display:block;margin:7px 0;font-size:12px}.dash-live-mentor p{font-size:9px;line-height:1.55;color:#a8b3af}.dash-live-mentor em{font-size:8px;font-style:normal;color:#dfff45}.dash-live-streak{background:#fff}.dash-live-streak strong{display:block;font:700 39px Unbounded;margin-top:14px}.dash-live-streak>b{font-size:8px}.dash-live-streak div{display:flex;gap:4px;margin-top:17px}.dash-live-streak i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#edf0ea;font-style:normal;font-size:6px}.dash-live-streak i:first-child{background:#dfff45}.dash-live-skills{grid-column:2/4;background:#fff}.dash-live-skills>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.dash-live-skills b{border:1px solid #d9ddd7;border-radius:8px;padding:13px 8px;font-size:8px}
@media(max-width:900px){.dashboard-preview-live{grid-template-columns:145px 1fr}.dash-live-side{padding:18px 10px}.dash-live-content{padding:24px 20px}.dash-live-grid{grid-template-columns:1fr 1fr}.dash-live-course{grid-row:auto;grid-column:1/3}.dash-live-skills{grid-column:1/3}.dash-live-welcome>article{width:220px}}
@media(max-width:620px){.dashboard-preview-live{grid-template-columns:1fr;min-height:0}.dash-live-side{display:none}.dash-live-head{height:58px;padding:0 16px}.dash-live-content{padding:20px 14px}.dash-live-welcome{align-items:stretch;flex-direction:column}.dash-live-welcome h3{font-size:23px}.dash-live-welcome>article{width:100%}.dash-live-goal{align-items:flex-start;flex-direction:column}.dash-live-grid{display:grid;grid-template-columns:1fr}.dash-live-course,.dash-live-skills{grid-column:auto}.dash-live-skills>div{grid-template-columns:1fr}.dash-live-course{min-height:270px}}