body:has(.dimensions-surface){--background:#f5f7fb;--foreground:#172743;--card:#fff;--card-foreground:#172743;--popover:#fff;--popover-foreground:#172743;--primary:#2255d8;--primary-foreground:#fff;--secondary:#edf2ff;--secondary-foreground:#2255d8;--muted:#f0f3f8;--muted-foreground:#63718b;--accent:#edf2ff;--accent-foreground:#2255d8;--destructive:#bb3030;--border:#e2e7f0;--input:#d6deeb;--ring:#2255d8;--radius:.7rem;--sidebar:#fff;--sidebar-foreground:#63718b;--sidebar-primary:#2255d8;--sidebar-primary-foreground:#fff;--sidebar-accent:#edf2ff;--sidebar-accent-foreground:#2255d8;--sidebar-border:#e2e7f0;--sidebar-ring:#2255d8}body:has(.dimensions-surface) *{box-sizing:border-box}body:has(.dimensions-surface){background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}:is(body:has(.dimensions-surface) button,body:has(.dimensions-surface) a,body:has(.dimensions-surface) input,body:has(.dimensions-surface) textarea){font:inherit}:is(body:has(.dimensions-surface) button,body:has(.dimensions-surface) a){touch-action:manipulation}body:has(.dimensions-surface) button{cursor:pointer}body:has(.dimensions-surface) button:disabled{cursor:not-allowed;opacity:.55}:is(body:has(.dimensions-surface) h1,body:has(.dimensions-surface) h2,body:has(.dimensions-surface) h3,body:has(.dimensions-surface) p){margin-top:0}body:has(.dimensions-surface) h1{letter-spacing:-.9px;margin-bottom:5px;font-size:30px;font-weight:700}body:has(.dimensions-surface) h2{letter-spacing:-.3px;font-size:20px;font-weight:700}body:has(.dimensions-surface) h3{font-weight:700}body:has(.dimensions-surface) a{color:inherit}:is(body:has(.dimensions-surface) input,body:has(.dimensions-surface) textarea){border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:10px 12px}body:has(.dimensions-surface) textarea{min-height:100px}body:has(.dimensions-surface) label{margin:10px 0 5px;font-size:14px;font-weight:600;display:block}:is(body:has(.dimensions-surface) button:focus-visible,body:has(.dimensions-surface) a:focus-visible){outline-offset:3px;outline:3px solid #7ea6ff}body:has(.dimensions-surface) .shell{width:100%;min-width:0}body:has(.dimensions-surface) .topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 36px;display:flex}:is(body:has(.dimensions-surface) .topbar-left,body:has(.dimensions-surface) .row){align-items:center;gap:12px;display:flex}body:has(.dimensions-surface) .brand{color:#183256;letter-spacing:1px;padding:29px 22px 23px;font-size:20px;font-weight:800}body:has(.dimensions-surface) .brand small{color:#7b879b;letter-spacing:2px;margin-top:5px;font-size:11px;font-weight:500;display:block}body:has(.dimensions-surface) .brand-mark{color:#fff;letter-spacing:-3px;background:#2255d8;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px;padding-right:3px;display:inline-flex}body:has(.dimensions-surface) .nav-caption{letter-spacing:1.7px;color:#8a96a9;margin:20px 20px 12px;font-size:11px;font-weight:700}body:has(.dimensions-surface) .navbutton{margin:3px 0;border-radius:8px!important;height:46px!important;padding:0 16px!important;font-size:14px!important}body:has(.dimensions-surface) .navbutton svg{margin-right:5px;width:19px!important;height:19px!important}body:has(.dimensions-surface) .side-foot{color:#6a7890;margin-top:auto;padding:22px;font-size:13px}body:has(.dimensions-surface) .avatar{color:#2c50a9;background:#e8edff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}body:has(.dimensions-surface) .workspace{max-width:1580px;margin:auto;padding:30px 36px}body:has(.dimensions-surface) .page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}body:has(.dimensions-surface) .sub{color:#738099;margin-bottom:0;font-size:14px}body:has(.dimensions-surface) .eyebrow{letter-spacing:1.7px;color:#70829c;margin-bottom:9px;font-size:11px;font-weight:700}body:has(.dimensions-surface) .badge{white-space:nowrap;color:#315aca;background:#edf2ff;border-radius:5px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}body:has(.dimensions-surface) .badge.green{color:#247755;background:#e4f5ed}body:has(.dimensions-surface) .badge.amber{color:#95671a;background:#fff3da}body:has(.dimensions-surface) .badge.gray{color:#7b8597;background:#f0f2f6}body:has(.dimensions-surface) .btn{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}body:has(.dimensions-surface) .btn.primary{color:#fff;background:#2357d9;border-color:#2357d9}body:has(.dimensions-surface) .btn.small{padding:7px 10px;font-size:13px}body:has(.dimensions-surface) .btn svg{width:16px;height:16px}body:has(.dimensions-surface) .stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px;display:grid}body:has(.dimensions-surface) .stat{border:1px solid var(--border);background:#fff;border-radius:10px;padding:20px}body:has(.dimensions-surface) .stat-top{color:#6d7b94;justify-content:space-between;align-items:center;font-size:13px;display:flex}body:has(.dimensions-surface) .stat-icon{color:#315fd0;background:#edf2ff;border-radius:8px;place-items:center;width:33px;height:33px;display:grid}body:has(.dimensions-surface) .stat-icon svg{width:17px;height:17px}body:has(.dimensions-surface) .stat strong{letter-spacing:-1px;margin:5px 0;font-size:29px;display:block}body:has(.dimensions-surface) .stat small{color:#8390a4;font-size:12px}body:has(.dimensions-surface) .dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;display:grid}body:has(.dimensions-surface) .panel{border:1px solid var(--border);background:#fff;border-radius:11px;min-width:0;margin-bottom:24px;padding:22px}body:has(.dimensions-surface) .panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}body:has(.dimensions-surface) .panel-head h2{margin:0;font-size:17px}body:has(.dimensions-surface) .feature{color:#fff;background:#143b83;border-radius:12px;grid-template-columns:1fr 120px;gap:15px;margin-bottom:24px;padding:25px;display:grid;position:relative;overflow:hidden}body:has(.dimensions-surface) .feature h2{margin:12px 0;font-size:25px;line-height:1.25}body:has(.dimensions-surface) .feature p{color:#c1d3ef;max-width:400px;font-size:14px}body:has(.dimensions-surface) .feature .eyebrow{color:#b6cdf4}body:has(.dimensions-surface) .feature .btn{color:#194387;background:#fff;border:0}body:has(.dimensions-surface) .feature-symbol{color:#91baff;border-left:1px solid #42649b;place-items:center;display:grid}body:has(.dimensions-surface) .feature-symbol svg{stroke-width:1.2px;width:72px;height:72px}body:has(.dimensions-surface) .lesson-row{border-top:1px solid #edf0f6;align-items:center;gap:14px;padding:15px 0;display:flex}body:has(.dimensions-surface) .lesson-row:first-of-type{border:0}body:has(.dimensions-surface) .lesson-icon{color:#4164b3;background:#edf2ff;border-radius:9px;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}body:has(.dimensions-surface) .lesson-icon svg{width:21px}body:has(.dimensions-surface) .lesson-main{flex:1;min-width:0}body:has(.dimensions-surface) .lesson-main strong{font-size:14px;display:block}body:has(.dimensions-surface) .lesson-main small{color:#8190a5;font-size:12px}body:has(.dimensions-surface) .textlink{color:#2d5dcf;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}body:has(.dimensions-surface) .unit-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}body:has(.dimensions-surface) .unit-tile{text-align:center;color:#466495;cursor:pointer;background:#f9fbff;border:1px solid #e2e8f4;border-radius:7px;padding:13px 8px;font-size:12px}body:has(.dimensions-surface) .unit-tile strong{color:#294f94;font-size:18px;display:block}body:has(.dimensions-surface) .unit-tile:hover{background:#e9efff}body:has(.dimensions-surface) .level-tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}body:has(.dimensions-surface) .level-tabs button{border:1px solid var(--border);background:#fff;border-radius:7px;padding:8px 17px;font-size:14px}body:has(.dimensions-surface) .level-tabs button.active{color:#fff;background:#2357d9;border-color:#2357d9}body:has(.dimensions-surface) .notice{color:#4b648a;background:#f0f5ff;border:1px solid #dbe5fa;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:13px}body:has(.dimensions-surface) .notice.error{color:#a44031;background:#fff1ec;border-color:#f5d0c5}body:has(.dimensions-surface) .grid3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}body:has(.dimensions-surface) .lesson-card{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;display:flex}body:has(.dimensions-surface) .lesson-card h3{min-height:50px;margin:0;font-size:17px}body:has(.dimensions-surface) .lesson-card p{color:#78859a;font-size:13px}body:has(.dimensions-surface) .lesson-card .btn{margin-top:auto}body:has(.dimensions-surface) .lesson-layout{grid-template-columns:240px 1fr;gap:24px;display:grid}body:has(.dimensions-surface) .step{text-align:left;color:#78859a;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:13px 10px;font-size:13px;display:flex}body:has(.dimensions-surface) .step.active{color:#2357d9;background:#edf2ff}body:has(.dimensions-surface) .step span{border:1px solid #c9d5eb;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:12px;display:grid}body:has(.dimensions-surface) .activity{background:#f5f8ff;border-radius:9px;margin:20px 0;padding:22px}body:has(.dimensions-surface) .option{text-align:left;background:#fff;border:1px solid #dbe3f3;border-radius:8px;width:100%;margin:5px 0;padding:15px;font-size:15px;display:block}body:has(.dimensions-surface) .option.selected{background:#edf2ff;border:2px solid #2255d8}body:has(.dimensions-surface) .option.correct{background:#e9f9f0;border-color:#2c976a}body:has(.dimensions-surface) .option.wrong{background:#fff2ed;border-color:#bd684b}body:has(.dimensions-surface) .two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}body:has(.dimensions-surface) .skill{border-top:1px solid var(--border);padding:15px 0}body:has(.dimensions-surface) .skill strong{font-size:14px}body:has(.dimensions-surface) .skill p{color:#7b879a;margin:7px 0;font-size:13px}body:has(.dimensions-surface) .legend{color:#7b879a;gap:14px;margin:15px 0;font-size:12px;display:flex}body:has(.dimensions-surface) .dot{border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}body:has(.dimensions-surface) .bar-track{background:#edf1f7;border-radius:4px;height:7px;margin:10px 0;overflow:hidden}body:has(.dimensions-surface) .bar-fill{background:#4c77dd;border-radius:4px;height:100%}body:has(.dimensions-surface) .lab-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:8px;padding:13px}body:has(.dimensions-surface) .lab-card.selected{background:#edf2ff;border-color:#2d5ed4}body:has(.dimensions-surface) .lab-card img{object-fit:contain;width:55px;height:55px;margin:auto}body:has(.dimensions-surface) .lab-card small{color:#7d899d;font-size:12px;display:block}body:has(.dimensions-surface) .dataset-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0;display:grid}body:has(.dimensions-surface) .result-box{background:#eaf4ff;border-radius:8px;margin:15px 0;padding:17px}body:has(.dimensions-surface) .data-table{border-collapse:collapse;width:100%;font-size:14px}:is(body:has(.dimensions-surface) .data-table td,body:has(.dimensions-surface) .data-table th){text-align:left;border-bottom:1px solid var(--border);padding:12px}body:has(.dimensions-surface) .data-table th{color:#7e8b9f;font-size:12px;font-weight:600}body:has(.dimensions-surface) .flow-block{color:#fff;background:#3864ca;border-radius:7px;margin-bottom:7px;padding:13px 16px;font-size:14px;font-weight:600}body:has(.dimensions-surface) .flow-block:nth-child(2n){background:#357e80}body:has(.dimensions-surface) .footer-note{color:#8390a1;margin:25px 0;font-size:12px}body:has(.dimensions-surface) .export-link{color:#2255d8;font-size:14px}body:has(.dimensions-surface) .empty{text-align:center;color:#7a89a2;padding:30px}body:has(.dimensions-surface) .mobile-only{display:none}body:has(.dimensions-surface) .role-select{min-width:170px}body:has(.dimensions-surface) .muted{color:#7b899e}body:has(.dimensions-surface) .statusline{color:#6a7c96;align-items:center;gap:7px;font-size:12px;display:flex}body:has(.dimensions-surface) .statusline svg{width:14px}body:has(.dimensions-surface) .progress-layout{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}@media (max-width:1100px){body:has(.dimensions-surface) .stats{gap:10px}body:has(.dimensions-surface) .workspace{padding:24px}body:has(.dimensions-surface) .dashboard-grid{grid-template-columns:1.4fr 1fr}body:has(.dimensions-surface) .grid3{grid-template-columns:repeat(2,1fr)}body:has(.dimensions-surface) .feature{grid-template-columns:1fr}body:has(.dimensions-surface) .feature-symbol{display:none}body:has(.dimensions-surface) .topbar{padding:0 24px}body:has(.dimensions-surface) .stat{padding:15px}}@media (max-width:800px){:is(body:has(.dimensions-surface) .dashboard-grid,body:has(.dimensions-surface) .progress-layout,body:has(.dimensions-surface) .two-col){grid-template-columns:1fr}body:has(.dimensions-surface) .stats{grid-template-columns:repeat(2,1fr)}body:has(.dimensions-surface) .lesson-layout{grid-template-columns:1fr}body:has(.dimensions-surface) .lesson-layout>aside{display:flex;overflow-x:auto}body:has(.dimensions-surface) .step{min-width:150px}body:has(.dimensions-surface) .grid3{grid-template-columns:1fr 1fr}body:has(.dimensions-surface) .mobile-only{display:block}body:has(.dimensions-surface) .page-heading{flex-direction:column;align-items:flex-start}body:has(.dimensions-surface) .workspace{padding:20px 16px}body:has(.dimensions-surface) .topbar{padding:0 16px}:is(body:has(.dimensions-surface) .topbar .sub,body:has(.dimensions-surface) .topbar .avatar){display:none}body:has(.dimensions-surface) .role-select{min-width:145px}body:has(.dimensions-surface) .topbar{gap:6px}body:has(.dimensions-surface) h1{font-size:26px}}@media (max-width:480px){body:has(.dimensions-surface) .grid3{grid-template-columns:1fr}body:has(.dimensions-surface) .dataset-grid{grid-template-columns:repeat(3,1fr)}body:has(.dimensions-surface) .topbar-left>span{display:none}body:has(.dimensions-surface) .unit-grid{grid-template-columns:repeat(4,1fr)}}@media print{body:has(.dimensions-surface) [data-slot=sidebar]{display:none!important}body:has(.dimensions-surface) .topbar{display:none!important}body:has(.dimensions-surface) .no-print{display:none!important}body:has(.dimensions-surface) button{display:none!important}body:has(.dimensions-surface) .workspace{padding:0}body:has(.dimensions-surface) .panel{break-inside:avoid}body:has(.dimensions-surface) .lesson-layout{display:block}body:has(.dimensions-surface){background:#fff}}.dimensions-adult-banner{color:#fff;z-index:60;background:#102d62;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px;font-size:13px;display:flex;position:relative}.dimensions-adult-banner span{flex:1}.dimensions-adult-banner a{font-weight:700}.dimensions-welcome{max-width:760px;margin:80px auto;padding:32px}.dimensions-surface [data-slot=sidebar-container]{height:calc(100svh - 64px);top:64px}