/* Product dashboard, reconstructed as live, resolution-independent HTML. */
.mpr-dashboard{--db-bg:#e8edf4;--db-gold:var(--mpr-brand-gold,#e6bb67);--db-ink:#000;position:relative;isolation:isolate;background:var(--db-bg);color:var(--db-ink);font:16px/1.6 'Plus Jakarta Sans',Arial,sans-serif;padding:68px 0 72px;overflow:hidden}
.mpr-dashboard *{box-sizing:border-box}
.mpr-dashboard button,.mpr-dashboard a{-webkit-tap-highlight-color:transparent}
.db-wrap{width:calc(100% - 112px);max-width:1800px;margin:auto;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,2fr);gap:24px 48px;align-items:center}
.db-intro{grid-column:1;grid-row:1;align-self:end}
.db-eyebrow{font-size:14px;font-weight:800;color:var(--db-gold);margin:0 0 20px;letter-spacing:0;line-height:1.4}
.db-intro h2{font-size:clamp(32px,2.8vw,49px);line-height:1.12;letter-spacing:-1.25px;font-weight:800;margin:0;color:#000}
.db-description{font-size:15px;line-height:1.75;color:#4a6074;margin:21px 0 0;max-width:345px}
.db-explore-label{font-size:12px;font-weight:600;margin-top:23px;display:flex;justify-content:space-between;align-items:center;max-width:330px;color:#345367}
.db-mobile-instruction{display:none}
.db-navigation{grid-column:1;grid-row:2;align-self:start;display:grid;gap:9px;max-width:360px}
.db-navigation button{width:100%;position:relative;display:flex;align-items:center;gap:14px;text-align:left;font:inherit;min-height:52px;padding:11px 14px;border:1px solid #bacad8;background:#e2eaf1;color:#111;border-radius:9px;box-shadow:inset 0 1px #fff9,0 3px 0 #b7c7d4,0 8px 12px -8px #24435d66;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
.db-navigation strong{font-size:14px;font-weight:700;line-height:1.4}
.db-choice-number{font-size:11px;color:#506c7f;font-weight:600;font-variant-numeric:tabular-nums}
.db-choice-arrow{margin-left:auto;font-size:19px;color:#365b6c}
.db-navigation button[aria-pressed=true]{background:#f3e5c5;border-color:#d2af6c;box-shadow:inset 0 1px #fff9e2,0 3px 0 #c4b590,0 10px 16px -10px #19394c80}
.db-navigation button:active{transform:translateY(3px);box-shadow:0 1px 0 #c4b590}
.db-navigation button:hover{transform:translateY(-2px)}
.db-navigation button:active{transform:translateY(3px)}
.db-presentation{grid-column:2;grid-row:1/span 2;min-width:0}
.db-stage{--screen-height:480px;--db-rx:0deg;--db-ry:0deg;position:relative;height:calc(var(--screen-height) + 40px);min-height:var(--db-detail-min-height,0px);perspective:1800px;touch-action:pan-y;transition:height .45s cubic-bezier(.2,.8,.2,1)}
.db-ambient{position:absolute;left:25px;right:25px;top:12px;animation:db-hover 8s ease-in-out infinite alternate}
.db-tilt{transform:rotateX(var(--db-rx)) rotateY(var(--db-ry));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.db-window{position:relative;width:100%;height:var(--screen-height);overflow:hidden;border-radius:13px;background:#f8f5ef;border:1px solid #6c8296;box-shadow:0 2px 0 #d9e3ec,0 6px 0 #92a7b9,0 12px 12px -4px #19384d35,0 32px 35px -14px #17354d70,0 48px 60px -35px #17354d55}
.db-canvas{width:1280px;height:830px;position:absolute;top:0;left:0;transform:scale(var(--db-scale, .65));transform-origin:top left;background:#f8f5ef;color:#191919;font:14px/1.4 'Plus Jakarta Sans',Arial,sans-serif;user-select:none}
.db-canvas svg{width:20px;height:20px;flex-shrink:0}
.db-canvas h3,.db-canvas h4,.db-canvas p{margin:0}
.db-app-header{height:48px;background:#191919;color:#e5e5e5;display:flex;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:0 2px 8px #0002}
.db-app-brand{display:flex;align-items:center;gap:10px;font-size:16px;color:#fff}.db-app-brand>b{background:#ffbf24;color:#171717;font-size:13px;display:grid;place-items:center;border-radius:8px;width:31px;height:31px}.db-app-brand strong{font-weight:800}.db-app-brand em{color:#ffbf24;font-style:normal}
.db-top-links{display:flex;gap:17px;align-items:center;font-size:13px}.db-top-current{padding:6px 10px;background:#303030;border-radius:6px;color:#fff}.db-sign-out{padding:4px 10px;border:1px solid #444;border-radius:5px;color:#999}.db-avatar{width:28px;height:28px;border:1px solid #ffe59b;border-radius:50%;background:#6d4cf1;position:relative;margin-left:2px}.db-avatar:before{content:'';position:absolute;width:9px;height:9px;left:8px;top:5px;border-radius:50%;background:#fff}.db-avatar:after{content:'';position:absolute;width:15px;height:7px;left:5px;bottom:3px;border-radius:8px 8px 4px 4px;background:#fff}
.db-sidebar{position:absolute;left:0;top:48px;bottom:0;width:180px;background:#191919;color:#a6a6a6;padding:16px 9px}
.db-nav-group+ .db-nav-group{border-top:1px solid #303030;margin-top:26px;padding-top:17px}.db-nav-group>small{font-size:10px;letter-spacing:.7px;color:#777;font-weight:700;display:block;margin-bottom:8px}.db-nav-item{display:flex;gap:10px;align-items:center;min-height:38px;padding:8px 6px;font-size:12px;font-weight:600;border-radius:5px;white-space:nowrap}.db-nav-item svg{width:16px;height:16px;color:#777}.db-nav-item.is-current{background:#3b331b;color:#ffbf24}.db-nav-item.is-current svg{color:#ffbf24}.db-nav-count{font-size:10px;line-height:18px;padding:0 5px;margin-left:auto;background:#422020;color:#b91c1c;border-radius:10px}.db-pilot{font-size:10px;color:#08654f;background:#17372c;padding:1px 7px;margin-left:auto;border-radius:12px;font-weight:500}
.db-app-content{position:absolute;top:48px;left:180px;right:0;bottom:0;padding:24px}
.db-greeting{display:flex;align-items:center;justify-content:space-between;gap:12px}.db-greeting h3{font-size:24px;font-weight:800;display:inline-block;letter-spacing:-.5px}.db-greeting>div>span{margin-left:12px;font-size:20px}.db-greeting p{color:#6b7280;font-size:13px;margin-top:6px}.db-app-tools{display:flex;gap:10px;align-items:center;flex-shrink:0}.db-app-tools small{font-size:10px;color:#737984;margin-right:3px}.db-app-tools>span{display:flex;align-items:center;gap:8px;padding:9px 13px;font-size:12px!important;margin:0!important;border-radius:8px}.db-app-tools svg{width:14px;height:14px}.db-refresh{border:1px solid #dfddd7;box-shadow:0 2px 4px #0001;background:#fff}.db-product-language{background:#ffbf24;border:1px solid #e9a800;box-shadow:0 3px 8px #cca21d2b;font-weight:600}
.db-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.db-metric{position:relative;border:1px solid #e8e5df;border-radius:14px;background:white;box-shadow:0 3px 8px #30240b0b;min-height:104px;padding:19px 20px;display:flex;align-items:flex-start;gap:14px;text-align:left;font:inherit;color:#191919}.db-stat-icon{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border-radius:11px;background:linear-gradient(135deg,#fff4c4,#ffe590);color:#a64e0d}.db-stat-icon svg{width:23px;height:23px;stroke-width:2.1}.db-stat-text>b{display:block;font-size:30px;line-height:1.05;font-weight:800;color:#b45309}.db-stat-text strong{display:block;margin-top:6px;font-size:13px;font-weight:700}.db-stat-text small{display:block;color:#737780;font-size:11px;margin-top:5px}.db-students .db-stat-icon{background:#cee0fc;color:#2453cc}.db-students .db-stat-text>b{color:#2550d4}.db-assignments .db-stat-icon{background:#ffe8ca;color:#b94812}.db-assignments .db-stat-text>b{color:#b94812}.db-attention .db-stat-icon{background:#ffdcdd;color:#b91c1c}.db-attention .db-stat-text>b{color:#b91c1c}
.db-metric.db-assignments,.db-classroom{cursor:pointer;transition:box-shadow .24s,border-color .24s,translate .24s}
.db-metric.db-assignments:hover,.db-classroom:hover{border-color:#d8ac4d;box-shadow:0 4px 0 #e9d39b,0 13px 20px #a1822526;translate:0 -3px}
.db-hotspot{position:absolute;right:10px;bottom:9px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:17px;color:#725211;background:#fff3ce;border:1px solid #e3bf65;animation:db-hotspot 4s ease-in-out infinite}
.db-progress-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px}.db-progress-heading h4{font-size:16px;font-weight:800}.db-new-class{background:#ffbf24;border:1px solid #e6ab16;font-size:11px;padding:3px 12px;border-radius:6px}
.db-classroom{position:relative;width:calc((100% - 28px)/3);background:#fff;border:1px solid #dedbd5;border-radius:14px;box-shadow:0 2px 4px #30240b0b;padding:15px 16px;color:#171717;text-align:left;font:inherit;display:block}
.db-classroom-top{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #dedbd5}.db-room-icon{display:grid;place-items:center;width:40px;height:40px;background:#fcf5df;color:#443054;border-radius:10px;flex-shrink:0}.db-classroom-top strong{display:block;font-size:15px;font-weight:800}.db-classroom-top small{display:block;color:#6b7280;margin-top:3px;font-size:11px}.db-edit-icon{align-self:flex-start;margin-left:auto;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;padding:3px;height:24px}.db-edit-icon svg{width:15px;height:15px}.db-student-total{display:block;text-align:center;margin-top:12px}.db-student-total b{display:block;font-size:21px;font-weight:800}.db-student-total small{color:#6b7280;display:block;margin-top:2px;font-size:10px}
.db-decision{border:1px solid #e8e5df;border-top:2px solid #e9aa24;border-radius:14px;background:#fff;padding:17px 20px;margin-top:24px;box-shadow:0 3px 10px #30240b0b}.db-decision-heading{display:flex;gap:11px;align-items:center;padding-bottom:13px;border-bottom:1px solid #eee}.db-decision-heading>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#ffecaa;color:#8f3e06}.db-decision-heading h4{font-size:16px;font-weight:800}.db-attention-title{display:flex;align-items:center;gap:10px;margin-top:15px;font-size:13px}.db-attention-title b{background:#ffd8da;color:#9b1d21;border:1px solid #f4b9bd;border-radius:50%;padding:3px 6px;font-size:11px;font-weight:500}.db-decision>p{font-size:12px;color:#6b7280;margin-top:5px}.db-view-students{display:flex;gap:12px;align-items:center;width:max-content;background:#171717;color:#fff;font-size:12px;padding:10px 14px;border-radius:8px;margin-top:16px;font-weight:700}.db-view-students svg{width:17px;height:17px}
.db-screen-dim{position:absolute;inset:0;pointer-events:none;background:#0009;opacity:0;transition:opacity .3s}
.mpr-dashboard:not([data-view=overview]) .db-screen-dim{opacity:1}
.db-detail{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:750px;border:1px solid #fff8;border-radius:16px;background:#fff;color:#191919;overflow:hidden;box-shadow:0 2px 0 #c7ced3,0 7px 0 #b9c6d0,0 18px 20px -8px #152a3b66,0 34px 55px -12px #132b4670;animation:db-panel-forward .55s cubic-bezier(.2,.8,.2,1);font-family:'Plus Jakarta Sans',Arial,sans-serif}
.db-detail[hidden]{display:none}
.db-detail-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#ece7db;min-height:61px}.db-detail-heading h3{font-size:16px;font-weight:800;line-height:1.4;margin:0}.db-detail-heading p{font-size:11px;margin:3px 0 0;color:#626d7a}.db-detail-close{display:grid;place-items:center;width:36px;height:36px;background:none;border:0;color:#687789;font:26px/1 Arial;cursor:pointer;border-radius:6px}.db-detail-close:hover{background:#d9d2c4}
.db-table-wrap{padding:0 16px 13px}.db-table-wrap table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:11px;line-height:1.4}.db-table-wrap th,.db-table-wrap td{padding:10px 9px;border-bottom:1px solid #dfddd7;text-align:center}.db-table-wrap th:first-child{width:34%;text-align:left}.db-table-wrap thead{background:#f8f5ee;font-size:8px;letter-spacing:.3px}.db-table-wrap thead th{font-weight:800;padding-block:11px}.db-table-wrap tbody th{font-weight:500}.db-table-wrap tbody tr:last-child>*{border-bottom:0}.db-table-wrap .db-score{font-weight:800}.db-table-wrap .db-no-score{color:#c7c3b8}.db-table-wrap tbody tr:hover{background:#fff8e8}
.db-assignment-detail{max-width:560px;width:74%}.db-assignment-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:37px 24px 34px}.db-all-clear{display:grid;place-items:center;border-radius:5px;width:30px;height:30px;background:linear-gradient(#99e3b6,#39b97d);box-shadow:inset 0 0 0 2px #fff4;color:#fff;margin-bottom:19px}.db-all-clear svg{width:25px;height:25px;stroke-width:2.5}.db-assignment-body strong{font-size:14px}.db-assignment-body p{margin:8px 0 0;font-size:12px;line-height:1.7;color:#626d7a}
.db-stage-arrow{position:absolute;z-index:5;top:50%;margin-top:-20px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #d2ae6a;background:var(--db-gold);box-shadow:0 3px 0 #bda16d,0 8px 15px #18384d33;font:28px/1 Arial;color:#172e3e;cursor:pointer;transition:translate .2s,box-shadow .2s}.db-previous{left:-2px}.db-next{right:-2px}.db-stage-arrow:hover{translate:0 -2px}.db-stage-arrow:active{translate:0 2px;box-shadow:0 1px 0 #bda16d,0 3px 7px #18384d33}
.db-caption{display:flex;align-items:center;gap:14px;margin:23px 26px 0;min-height:44px;font-size:12px;line-height:1.6}.db-view-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;letter-spacing:1px;color:#526e83}.db-view-caption{margin:0;color:#345367;flex:1}.db-try{display:flex;align-items:center;gap:10px;flex-shrink:0;color:#172e3e;font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid #b49150;padding:6px 0}.db-try:hover{color:#000}.db-try>span:last-child{font-size:18px}
.mpr-dashboard :focus-visible{outline:3px solid #93661e;outline-offset:4px}
.db-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes db-hover{from{translate:0 -5px}to{translate:0 3px}}
@keyframes db-hotspot{0%,100%{box-shadow:0 0 0 0 #e6bb6733}50%{box-shadow:0 0 0 5px #e6bb6700}}
@keyframes db-panel-forward{from{transform:translate(-50%,calc(-50% + 28px)) scale(.93)}to{transform:translate(-50%,-50%) scale(1)}}
@media(min-width:1600px){.db-wrap{gap:30px 68px;grid-template-columns:minmax(330px,.75fr) minmax(0,2fr)}.db-description{font-size:17px}.db-navigation strong{font-size:16px}.db-navigation button{min-height:58px}.db-table-wrap table{font-size:13px}.db-table-wrap thead{font-size:10px}.db-table-wrap th,.db-table-wrap td{padding:12px}.db-detail-heading h3{font-size:19px}.db-detail-heading p{font-size:13px}}
@media(min-width:701px) and (max-width:1100px){.db-wrap{width:calc(100% - 64px);grid-template-columns:250px minmax(0,1fr);gap:20px 24px}.db-intro h2{font-size:32px}.db-description{font-size:13px}.db-eyebrow{font-size:13px}.db-navigation button{min-height:45px;padding:8px 10px}.db-navigation strong{font-size:12px}.db-ambient{left:19px;right:19px}.db-stage{min-height:max(380px,var(--db-detail-min-height,0px))}.db-ambient{top:50%;margin-top:calc(var(--screen-height)/-2)}.db-detail{width:88%}.db-table-wrap{padding:0 9px 10px}.db-table-wrap table{font-size:10px}.db-table-wrap th,.db-table-wrap td{padding:8px 5px}.db-table-wrap thead{font-size:7px}.db-stage-arrow{width:34px;height:34px;font-size:25px}.db-previous{left:-7px}.db-next{right:-7px}.db-caption{margin:13px 15px 0;flex-wrap:wrap;gap:6px 10px}.db-try{margin-left:auto}.db-assignment-detail{width:84%}.db-assignment-body{padding:28px 16px}.db-assignment-body strong{font-size:12px}.db-assignment-body p{font-size:11px}}
@media(max-width:700px){
 .mpr-dashboard{padding:48px 0 40px}
 .db-wrap{display:flex;flex-direction:column;width:calc(100% - 40px);gap:0}
 .db-intro{align-self:auto;width:100%;order:0}
 .db-eyebrow{font-size:12px;margin-bottom:17px}
 .db-intro h2{font-size:33px;letter-spacing:-1px;line-height:1.12;max-width:450px}
 .db-description{font-size:14px;line-height:1.7;margin-top:17px;max-width:430px}
 .db-explore-label{margin:19px 0 0;max-width:none}
 .db-desktop-instruction{display:none}.db-mobile-instruction{display:inline}
 .db-presentation{order:1;width:100%;margin-top:18px}
 .db-stage{min-height:var(--db-detail-min-height,0px);height:calc(var(--screen-height) + 38px);--db-rx:0deg;--db-ry:0deg}
 .mpr-dashboard[data-view=reports] .db-stage{height:420px}
 .mpr-dashboard[data-view=assignments] .db-stage{height:280px}
 .db-ambient{left:9px;right:9px;top:50%;margin-top:calc(var(--screen-height)/-2);animation-duration:7s}
 .db-window{border-radius:6px;box-shadow:0 2px 0 #dbe5ed,0 5px 0 #9db1c2,0 17px 20px -8px #17354d70,0 30px 38px -20px #17354d55}
 .db-detail{width:calc(100% - 18px);border-radius:11px;max-width:490px}
 .db-detail-heading{padding:12px;min-height:54px}.db-detail-heading h3{font-size:15px}.db-detail-heading p{font-size:10px}.db-detail-close{width:32px;height:32px;font-size:23px}
 .db-table-wrap{padding:0 7px 10px}.db-table-wrap table{font-size:10px}.db-table-wrap th,.db-table-wrap td{padding:8px 4px;height:31px}.db-table-wrap th:first-child{width:38%}.db-table-wrap thead{font-size:6.5px;letter-spacing:0}.db-table-wrap thead th{padding-block:8px;overflow-wrap:anywhere}
 .db-assignment-body{padding:26px 18px}.db-assignment-body strong{font-size:12px}.db-assignment-body p{font-size:11px}.db-all-clear{width:28px;height:28px;margin-bottom:15px}
 .db-stage-arrow{width:34px;height:34px;margin-top:-17px;font-size:25px}.db-previous{left:-15px}.db-next{right:-15px}
 .db-caption{margin:12px 0 0;gap:10px;flex-wrap:wrap;min-height:44px}.db-view-caption{font-size:11px}.db-view-count{font-size:9px;letter-spacing:.5px}.db-try{font-size:11px}
 .db-navigation{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;width:100%;gap:7px;margin-top:17px}
 .db-navigation button{min-height:60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:8px 9px;border-radius:7px}
 .db-navigation strong{font-size:10px;line-height:1.4}.db-choice-number{font-size:9px}.db-choice-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.db-ambient,.db-hotspot,.db-detail{animation:none}.db-stage,.db-tilt,.db-navigation button{transition:none}.db-tilt{transform:none}}

/* Keep the approved mobile CTA; place desktop signup with the view controls. */
.db-caption .db-try{margin-left:auto}
.db-try.db-try-desktop{display:none}
@media(min-width:1101px){
 .db-caption{display:none}
 .db-try.db-try-desktop{display:inline-flex;justify-content:center;width:max-content;min-height:46px;gap:22px;margin-top:15px;padding:10px 20px;border:1px solid var(--db-gold);border-radius:6px;background:var(--db-gold);color:#172737;font:700 16px/1.4 'Plus Jakarta Sans',Arial,sans-serif;box-shadow:inset 0 1px 0 #fff5,0 3px 0 #bb9651,0 10px 20px -8px #17354d55;transition:transform .2s,box-shadow .2s}
 .db-try.db-try-desktop:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff5,0 3px 0 #bb9651,0 14px 22px -8px #17354d66}
 .db-try.db-try-desktop:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff5,0 1px 0 #bb9651,0 5px 10px -5px #17354d55}
}