@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.rounded{border-radius:.25rem}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root,[data-theme=olp]{--ink:#17211b;--muted:#69736d;--line:#e4e9e5;--surface:#fff;--canvas:#f5f7f5;--violet:#7257e8;--violet-dark:#5c42d4;--violet-soft:#eeeafe;--lime:#c9f36a;--lime-dark:#6f9926;--lime-soft:#f1fbd8;--blue-soft:#e2f2ff;--orange-soft:#fff0dd;--brand-dark:#28243a;--brand-black:#f7f8f5;--brand-cream:#fff;--shadow-sm:0 1px 2px #17211b0a, 0 8px 28px #17211b0a;--shadow-lg:0 28px 80px #1f1c3d29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button:disabled,input:disabled{cursor:not-allowed}svg{flex:none}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-width{width:min(1180px,100% - 48px);margin-inline:auto}.eyebrow,.section-kicker{color:var(--violet);letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.icon{display:block}.brand-mark{letter-spacing:-.03em;align-items:center;gap:10px;font-size:17px;font-weight:850;display:inline-flex}.brand-symbol{grid-template-columns:repeat(3,6px);align-items:end;gap:3px;width:24px;height:25px;display:grid;transform:skew(-10deg)}.brand-symbol i{background:var(--lime);border-radius:2px 2px 0 0;display:block}.brand-symbol i:first-child{height:12px}.brand-symbol i:nth-child(2){background:var(--violet);height:21px}.brand-symbol i:nth-child(3){height:16px}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 19px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible,.nav-link:focus-visible,.bottom-link:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7257e859}.button-primary{background:var(--violet);color:#fff;box-shadow:0 9px 25px #7257e83d}.button-primary:hover{background:var(--violet-dark);box-shadow:0 12px 30px #7257e852}.button-secondary{border-color:var(--line);color:var(--ink);background:#fff}.button-secondary:hover{background:#fafbfa;border-color:#c9cec9}.button-light{color:var(--violet-dark);background:#fff}.button-small{min-height:38px;padding-inline:14px;font-size:13px}.text-link{color:var(--violet-dark);align-items:center;gap:5px;font-size:13px;font-weight:750;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.tag{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;padding:5px 9px;font-size:9px;font-weight:760;display:inline-flex}.tag-violet{background:var(--violet-soft);color:var(--violet-dark)}.tag-lime{background:var(--lime-soft);color:#52761b}.tag-neutral{color:#6a746e;background:#f0f3f0}.tag-light{color:#fff;background:#ffffff2b}.icon-tile{border-radius:12px;place-items:center;width:42px;height:42px;display:inline-grid}.icon-tile-violet{background:var(--violet-soft);color:var(--violet)}.icon-tile-lime{background:var(--lime-soft);color:var(--lime-dark)}.icon-tile-blue{background:var(--blue-soft);color:#4d7d1e}.icon-tile-orange{background:var(--orange-soft);color:#697066}.icon-tile-light{color:#fff;background:#ffffff26;border:1px solid #ffffff40}.progress-track{background:#e8ebe8;border-radius:99px;height:7px;overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--violet);height:100%;display:block}.progress-lime>span{background:#a8d74d}.landing{background:#f7f8f5;min-height:100svh;overflow:hidden}.landing-header{justify-content:space-between;align-items:center;height:88px;display:flex}.status-pill{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-flex}.status-pill>span{background:#90b948;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #90b9481f}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:calc(100svh - 88px);padding-bottom:70px;display:grid}.landing-copy h1{letter-spacing:-.065em;max-width:650px;margin:0;font-size:clamp(50px,6.2vw,88px);line-height:.98}.landing-lead{max-width:560px;color:var(--muted);margin:28px 0;font-size:18px;line-height:1.65}.landing-actions{align-items:center;gap:18px;display:flex}.landing-note{color:var(--muted);font-size:12px}.production-note{color:#b6c2b2;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;max-width:480px;padding:14px 16px}.landing-visual{background:radial-gradient(circle,#ece7ff 0 31%,#0000 32%),radial-gradient(circle,#7257e81a 0 1px,#0000 1.5px) 0 0/18px 18px;border-radius:50%;min-height:540px;position:relative}.hero-orbit{border:1px solid #7cb73f3d;border-radius:50%;position:absolute;inset:10% 4%;transform:rotate(-18deg)}.hero-orbit-two{inset:20% 15%;transform:rotate(24deg)}.hero-card{box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe8;border:1px solid #ffffffbf;border-radius:18px;position:absolute}.hero-card-main{padding:27px;inset:26% 11% auto 14%}.hero-card-top{color:#aeb8ab;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hero-card-top b{color:var(--ink);font-size:25px}.hero-stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.hero-stat-grid span{color:#aeb8ab;font-size:11px}.hero-stat-grid b{color:var(--ink);font-size:20px;display:block}.hero-card-float,.hero-card-badge{align-items:center;gap:12px;padding:14px;display:flex}.hero-card-float{top:9%;right:-1%}.hero-card-badge{bottom:10%;left:1%}.hero-card-float div,.hero-card-badge div{flex-direction:column;display:flex}.hero-card-float b,.hero-card-badge b{font-size:13px}.hero-card-float div span,.hero-card-badge div span{color:#aeb8ab;font-size:10px}.app-shell{min-height:100svh}.sidebar{z-index:30;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:244px;padding:28px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand-mark{margin:0 12px 35px}.role-switch{border:1px solid var(--line);background:#f6f7f6;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:3px;margin:-16px 0 20px;padding:3px;display:grid}.role-switch a{min-height:29px;color:var(--muted);border-radius:9px;place-items:center;font-size:8px;font-weight:760;display:grid}.role-switch a.active{background:var(--violet);color:#fff}.side-nav{gap:5px;display:grid}.nav-link{color:#737d77;border-radius:10px;align-items:center;gap:13px;min-height:47px;padding:0 13px;font-size:13px;font-weight:680;transition:all .18s;display:flex}.nav-link:hover{color:var(--ink);background:#f6f7f6}.nav-link.active{background:var(--violet-soft);color:var(--violet-dark)}.sidebar-help{background:#f7f6fd;border-radius:14px;margin-top:auto;padding:17px}.sidebar-help strong{margin-top:11px;font-size:13px;display:block}.sidebar-help p{color:#9aa39a;margin:5px 0 10px;font-size:10px;line-height:1.5}.muted-action{color:#687067;text-transform:uppercase;background:#e7e9e4;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:10px;font-weight:750;display:inline-flex}.sidebar .muted-action{color:#7f8983;background:#ecefec}.muted-action.wide{width:100%}.sidebar-profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:18px;padding:15px 4px 0;display:flex}.sidebar-profile div{flex-direction:column;min-width:0;display:flex}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sidebar-profile div span{color:#9aa39a;font-size:9px}.avatar{background:linear-gradient(145deg, var(--violet), #9a81f5);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:inline-grid}.avatar-small{width:32px;height:32px;display:none}.app-main{min-height:100svh;padding-left:244px}.demo-banner{color:#e7e3ff;letter-spacing:.015em;background:#28243a;justify-content:center;align-items:center;gap:7px;height:28px;font-size:10px;font-weight:650;display:flex}.topbar{border-bottom:1px solid var(--line);background:#ffffffeb;align-items:center;gap:12px;height:66px;padding:0 38px;display:flex}.topbar-spacer{flex:1}.demo-chip{background:var(--lime-soft);color:#5c7c25;letter-spacing:.1em;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:850}.role-switch-mobile{border:1px solid var(--line);color:var(--violet-dark);border-radius:9px;padding:7px 12px;font-size:9px;font-weight:720}.icon-button{border:1px solid var(--line);color:#7c857f;background:#fff;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.mobile-brand,.bottom-nav{display:none}.content{width:min(1180px,100% - 76px);margin:0 auto;padding:43px 0 70px}.page-heading{margin-bottom:29px}.page-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3.2vw,42px);line-height:1.1}.page-heading>p:last-child,.page-heading>div>p:last-child{color:var(--muted);margin:10px 0 0}.heading-row{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.section-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-header h2{letter-spacing:-.025em;margin:0;font-size:20px}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px}.streak-badge{background:#fff9f0;border:1px solid #f0e0c9;border-radius:12px;align-items:center;gap:9px;min-width:124px;padding:11px 14px;display:flex}.streak-badge>span{font-size:23px}.streak-badge div{flex-direction:column;display:flex}.streak-badge b{font-size:12px}.streak-badge small{color:var(--muted);font-size:9px}.continue-card{min-height:226px;box-shadow:var(--shadow-sm);border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:210px 1fr 215px;margin-bottom:24px;display:grid;position:relative;overflow:hidden}.continue-art{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.continue-art span{letter-spacing:.22em;opacity:.72;font-size:11px;font-weight:850}.cover-violet{background:linear-gradient(145deg,#5c42d4,#8069ed)}.cover-lime{color:#3e551c;background:linear-gradient(145deg,#acd851,#d7f889)}.cover-blue{background:linear-gradient(145deg,#4a9ed2,#91d2ef)}.cover-orange{background:linear-gradient(145deg,#da8440,#ffc77e)}.continue-content{align-self:center;padding:28px 35px}.continue-content h2{letter-spacing:-.035em;margin:0 0 5px;font-size:25px}.continue-content>p{color:var(--muted);margin:0 0 17px;font-size:12px}.progress-row{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:22px;display:grid}.progress-row b{font-size:11px}.continue-next{border-left:1px solid var(--line);flex-direction:column;align-self:center;gap:4px;padding:22px;display:flex}.continue-next>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.continue-next b{font-size:13px}.continue-next small{color:var(--muted);align-items:center;gap:5px;margin-top:7px;display:flex}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:24px;margin-bottom:29px;display:grid}.metric{color:var(--muted);flex-direction:column;align-items:flex-end;font-size:9px;display:flex}.metric b,.metric-value{color:var(--ink);font-size:16px}.activity-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:16px;height:150px;margin-top:25px;display:grid}.bar-column{flex-direction:column;align-items:center;gap:7px;height:100%;display:flex}.bar-track{background:#f0f2f0;border-radius:6px;align-items:end;width:100%;height:calc(100% - 22px);display:flex;overflow:hidden}.bar-track span{background:linear-gradient(180deg, var(--lime), var(--violet));border-radius:6px;width:100%;min-height:7px}.bar-column small{color:var(--muted);font-size:9px}.goal-panel{grid-template-columns:1fr 120px;align-items:center;display:grid}.goal-panel .section-header{grid-column:1/-1}.goal-panel>p{color:var(--muted);font-size:11px}.goal-ring,.progress-donut{aspect-ratio:1;background:conic-gradient(var(--violet) var(--progress), #eeeef1 0);border-radius:50%;place-items:center;width:110px;display:grid}.goal-ring{grid-area:2/2/4}.goal-ring:before,.progress-donut:before{content:"";aspect-ratio:1;background:#fff;border-radius:50%;grid-area:1/1;width:78%}.goal-ring div,.progress-donut div{z-index:1;flex-direction:column;grid-area:1/1;align-items:center;display:flex}.goal-ring b,.progress-donut b{font-size:21px}.goal-ring span,.progress-donut span{color:var(--muted);font-size:8px}.upcoming-section{margin-top:5px}.upcoming-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;display:grid}.upcoming-card{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px;display:grid}.upcoming-card h3{margin:7px 0 2px;font-size:13px}.upcoming-card p{color:var(--muted);margin:0;font-size:10px}.date-tile{background:var(--violet-soft);width:50px;height:55px;color:var(--violet-dark);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.date-tile-lime{background:var(--lime-soft);color:#638b24}.date-tile b{font-size:19px;line-height:1}.date-tile small{margin-top:3px;font-size:8px;font-weight:800}.round-link{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.round-link:hover{border-color:var(--violet);color:var(--violet)}.round-link.disabled{opacity:.45}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:18px;display:grid}.stat-card div{flex-direction:column;display:flex}.stat-card div b{font-size:21px;line-height:1.1}.stat-card div span,.stat-card small{color:var(--muted);font-size:9px}.stat-card small{grid-column:2;margin-top:-8px}.learning-overview{margin-bottom:24px}.overview-grid{grid-template-columns:150px 1fr 245px;align-items:center;gap:30px;margin-top:24px;display:grid}.progress-donut{background:conic-gradient(var(--violet) var(--progress), #eeeef1 0);width:130px}.overview-details{gap:8px;display:grid}.overview-line{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:10px;display:flex}.overview-line b{color:var(--ink)}.achievement-card{background:var(--lime-soft);border-radius:16px;padding:20px}.achievement-card b{margin-top:12px;font-size:12px;display:block}.achievement-card p{color:var(--muted);margin:5px 0 0;font-size:9px}.compact-chart{height:125px}.mini-task-list{margin-top:15px;display:grid}.mini-task-list article{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 0;display:grid}.mini-task-list div{flex-direction:column;display:flex}.mini-task-list b{font-size:11px}.mini-task-list small{color:var(--muted);font-size:9px}.task-dot{border:2px solid #aab2ad;border-radius:50%;width:9px;height:9px}.task-dot-violet{border-color:var(--violet);background:var(--violet-soft)}.search-field{border:1px solid var(--line);width:235px;height:42px;color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:0 13px;display:flex}.search-field input{width:100%;color:var(--muted);background:0 0;border:0;outline:0;font-size:11px}.filter-row{align-items:center;gap:8px;margin:-5px 0 24px;display:flex}.filter-row small{color:var(--muted);margin-left:auto;font-size:9px}.filter-chip{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:#fff;border-radius:99px;padding:8px 14px;font-size:10px;font-weight:700}.filter-chip.active{border-color:var(--violet);background:var(--violet);color:#0d180a}.course-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.course-card{border:1px solid var(--line);min-height:240px;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;grid-template-columns:155px 1fr;display:grid;overflow:hidden}.course-cover{color:#fff;place-items:center;display:grid;position:relative}.course-cover:after{content:"";border:1px solid #fff3;border-radius:50%;position:absolute;inset:12px}.course-cover .icon{z-index:1}.course-category{z-index:1;text-transform:uppercase;background:#ffffff29;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:800;position:absolute;top:13px;left:13px}.course-card-body{padding:20px}.course-meta{color:var(--muted);gap:12px;font-size:9px;display:flex}.course-meta span+span:before{content:"·";margin-right:12px}.course-card h3{letter-spacing:-.025em;margin:9px 0 6px;font-size:18px}.course-card-body>p{min-height:51px;color:var(--muted);margin:0;font-size:10px;line-height:1.65}.course-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:17px;display:flex}.course-card-footer>span:first-child{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.compact-progress{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:14px;display:grid}.compact-progress:before{content:"";background:#eceeec;border-radius:9px;grid-area:1/1;height:5px}.compact-progress>span{z-index:1;background:var(--violet);border-radius:9px;grid-area:1/1;height:5px}.compact-progress b{font-size:9px}.disclosure-note{background:var(--lime-soft);color:#486329;border:1px solid #cfe6b5;border-radius:14px;align-items:flex-start;gap:11px;margin-top:22px;padding:14px 16px;display:flex}.disclosure-note p{margin:0;font-size:10px}.assignment-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px;display:grid}.assignment-summary>div{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:13px;padding:16px;display:flex}.assignment-summary p{flex-direction:column;margin:0;display:flex}.assignment-summary b{font-size:20px;line-height:1}.assignment-summary p span{color:var(--muted);margin-top:4px;font-size:9px}.assignment-panel{padding:0;overflow:hidden}.assignment-panel>.section-header{padding:21px 23px}.assignment-list article{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:18px 23px;display:grid}.assignment-icon{background:var(--violet-soft);width:42px;height:42px;color:var(--violet);border-radius:11px;place-items:center;display:grid}.assignment-reviewed{background:var(--lime-soft);color:var(--lime-dark)}.assignment-locked{color:#909791;background:#eff1ef}.assignment-main h3{margin:5px 0 2px;font-size:13px}.assignment-main p{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.score{flex-direction:column;align-items:center;display:flex}.score b{color:#659425;font-size:18px}.score span{color:var(--muted);font-size:8px}.breadcrumbs{color:var(--muted);align-items:center;gap:7px;margin:-12px 0 18px;font-size:10px;display:flex}.breadcrumbs a:hover{color:var(--violet)}.course-hero{color:#fff;border-radius:24px;grid-template-columns:1fr 285px;gap:35px;padding:42px;display:grid}.course-hero h1,.course-hero h2{color:var(--brand-cream);letter-spacing:-.045em;text-transform:uppercase;margin:14px 0 9px;font-size:42px;font-weight:760;line-height:.98}.course-hero-copy>p{color:#ffffffc2;max-width:650px;margin:0;font-size:13px}.course-hero-meta{gap:22px;margin-top:24px;display:flex}.course-hero-meta span{color:#ffffffbf;align-items:center;gap:6px;font-size:10px;display:flex}.course-progress-card{background:#0000003d;border:1px solid #ffffff24;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:19px;display:flex}.progress-donut-light{background:conic-gradient(var(--lime) var(--progress), #ffffff30 0);width:100px}.progress-donut-light:before{background:#112316}.progress-donut-light span{color:#ffffffb3}.course-progress-card>p{color:#ffffffb3;margin:7px 0 13px;font-size:9px}.course-layout{grid-template-columns:1fr 280px;gap:24px;margin-top:30px;display:grid}.module-list{gap:11px;margin-top:15px;display:grid}.module{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.module-current{border-color:#b9d99a}.module-head{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 19px;display:grid}.module-number{width:35px;height:35px;color:var(--muted);background:#f0f2f0;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.module-complete .module-number{background:var(--lime-soft);color:var(--lime-dark)}.module-current .module-number{background:var(--violet);color:#fff}.module-head small{color:var(--violet);text-transform:uppercase;font-size:8px;font-weight:800}.module-head h3{margin:1px 0;font-size:13px}.module-head p{color:var(--muted);margin:0;font-size:9px}.lesson-list{border-top:1px solid var(--line);background:#fafbf8}.lesson-row{min-height:52px;color:var(--muted);border-bottom:1px solid #eef0ee;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:8px 17px 8px 68px;display:grid}.lesson-row:last-child{border-bottom:0}.lesson-row.active{background:var(--violet-soft);color:var(--ink)}.lesson-state{border:1px solid #d4d9d5;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.lesson-state-complete{background:var(--lime-soft);color:var(--lime-dark);border-color:#a9cf65}.lesson-state-current{border-color:var(--violet);background:var(--violet);color:#fff}.lesson-row div{flex-direction:column;display:flex}.lesson-row b{font-size:10px}.lesson-row small{align-items:center;gap:4px;font-size:8px;display:flex}.course-aside{align-content:start;gap:15px;display:grid}.course-aside h3{margin:8px 0;font-size:15px}.mentor{align-items:center;gap:10px;margin:15px 0;display:flex}.avatar-mentor{background:linear-gradient(145deg,#34556c,#6a95ad);width:45px;height:45px}.mentor div{flex-direction:column;display:flex}.mentor b{font-size:11px}.mentor span,.small-copy{color:var(--muted);font-size:9px}.aside-stat{color:var(--muted);justify-content:space-between;margin-top:14px;font-size:9px;display:flex}.aside-stat b{color:var(--ink)}.lesson-layout{grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:24px;display:grid}.lesson-content{min-width:0}.lesson-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.lesson-header h1{letter-spacing:-.04em;margin:0;font-size:34px}.lesson-header div>p:last-child{color:var(--muted);align-items:center;gap:6px;margin:7px 0 0;font-size:10px;display:flex}.media-placeholder{background:var(--brand-dark);color:#fff;text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:40px;display:flex;position:relative;overflow:hidden}.media-pattern{opacity:.55;background:radial-gradient(circle at 30% 20%, var(--violet) 0 1px, transparent 2px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.media-placeholder>:not(.media-pattern){z-index:1}.media-placeholder h2{margin:18px 0 6px;font-size:18px}.media-placeholder p{color:#ffffff9e;max-width:480px;margin:0;font-size:10px}.article-body{border:1px solid var(--line);background:#fff;border-radius:20px;margin-top:20px;padding:30px 34px}.article-body h2{margin:27px 0 9px;font-size:19px}.article-body h2:first-child{margin-top:0}.article-body>p{color:#59635d;font-size:12px;line-height:1.75}.callout{border-left:3px solid var(--violet);background:var(--violet-soft);color:#486329;border-radius:5px 12px 12px 5px;align-items:flex-start;gap:10px;margin:19px 0;padding:14px;display:flex}.callout p{margin:0;font-size:10px}.code-example{color:#e7f5d6;background:#0a120a;border-radius:16px;overflow:hidden}.code-title{color:#9aa39a;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:10px 14px;font-size:8px;display:flex}.code-title>span:first-child{gap:4px;display:flex}.code-title i{background:#ee7d6d;border-radius:50%;width:6px;height:6px}.code-title i:nth-child(2){background:#e7c65c}.code-title i:nth-child(3){background:#78bf78}.code-title b{color:#e7f5d6}.code-title>span:last-child{margin-left:auto}.code-example pre{margin:0;padding:19px;font:11px/1.8 SFMono-Regular,Consolas,monospace;overflow-x:auto}.check-list{gap:9px;padding:0;list-style:none;display:grid}.check-list li{color:#536058;align-items:center;gap:8px;font-size:11px;display:flex}.check-list .icon{color:var(--lime-dark)}.check-list code{background:#f0f2f0;border-radius:4px;padding:1px 5px}.lesson-assignment{background:var(--lime-soft);border:1px solid #cfe6b5;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:20px;padding:22px;display:grid}.lesson-assignment h2{margin:0 0 4px;font-size:16px}.lesson-assignment p:not(.section-kicker){color:var(--muted);margin:0 0 10px;font-size:10px}.lesson-footer{justify-content:space-between;margin-top:20px;display:flex}.lesson-sidebar{border:1px solid var(--line);background:#fff;border-radius:20px;position:sticky;top:20px;overflow:hidden}.lesson-sidebar-head{border-bottom:1px solid var(--line);padding:18px}.lesson-sidebar-head>span{color:var(--violet);text-transform:uppercase;font-size:8px;font-weight:800}.lesson-sidebar-head>b{margin:3px 0 12px;font-size:12px;display:block}.sidebar-lessons{margin:0;padding:8px 0;list-style:none}.sidebar-lessons li{color:var(--muted);align-items:center;gap:10px;padding:11px 15px;display:flex}.sidebar-lessons li.active{background:var(--violet-soft);color:var(--ink)}.sidebar-lessons li>span{border:1px solid #d7dcd8;border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.sidebar-lessons li.done>span{background:var(--lime-soft);color:var(--lime-dark);border-color:#bbdb80}.sidebar-lessons li.active>span{border-color:var(--violet);background:var(--violet);color:#fff}.sidebar-lessons div{flex-direction:column;display:flex}.sidebar-lessons b{font-size:9px}.sidebar-lessons small{font-size:8px}.sidebar-course-link{margin:8px 15px 17px}.teacher-next{background:linear-gradient(110deg, var(--brand-dark), #132919);color:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:24px;display:grid}.teacher-next-date{background:var(--lime);color:#0d180a;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:62px;height:66px;display:flex}.teacher-next-date b{font-size:25px;line-height:1}.teacher-next-date span{margin-top:5px;font-size:8px;font-weight:800}.teacher-next h2{color:var(--brand-cream);margin:0;font-size:20px}.teacher-next p:last-child{color:#aeb8ab;margin:4px 0 0;font-size:10px}.teacher-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.teacher-list-panel{min-width:0}.teacher-compact-list{margin-top:13px;display:grid}.teacher-compact-list article{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px 0;display:grid}.teacher-compact-list article>div{flex-direction:column;min-width:0;display:flex}.teacher-compact-list b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.teacher-compact-list div span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.avatar-list{width:36px;height:36px;font-size:9px}.teacher-group-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.teacher-group-card h2{letter-spacing:-.03em;margin:19px 0 2px;font-size:23px}.teacher-group-card>p{color:var(--muted);margin:0;font-size:10px}.teacher-group-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:21px 0 15px;display:grid}.teacher-group-metrics div{flex-direction:column-reverse;display:flex}.teacher-group-metrics dt{color:var(--muted);font-size:8px}.teacher-group-metrics dd{margin:0;font-size:18px;font-weight:780}.teacher-group-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:18px;display:flex}.teacher-group-footer>span:first-child{flex-direction:column;min-width:0;display:flex}.teacher-group-footer b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.teacher-group-footer small{color:var(--muted);font-size:8px}.roster-panel{padding:0;overflow:hidden}.roster-panel>.section-header{padding:22px 24px}.teacher-table{border-top:1px solid var(--line)}.teacher-table-head,.teacher-table-row{grid-template-columns:minmax(180px,1.45fr) minmax(120px,1fr) 70px 90px 90px minmax(110px,.8fr);align-items:center;gap:16px;padding:12px 24px;display:grid}.teacher-table-head{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#f3f5f1;font-size:8px;font-weight:780}.teacher-table-row{border-top:1px solid var(--line);min-height:63px;font-size:10px}.teacher-table-row:first-of-type{border-top:0}.student-cell{align-items:center;gap:10px;display:flex}.student-cell b{font-size:10px}.table-progress{grid-template-columns:1fr 28px;align-items:center;gap:7px;display:grid}.table-progress b{font-size:9px}.table-muted{color:var(--muted);font-size:8px}.teacher-course-hero{margin-bottom:24px}.teacher-course-summary{text-align:center;background:#0000003d;border:1px solid #ffffff24;border-radius:20px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;padding:22px;display:flex}.teacher-course-summary b{color:var(--lime);font-size:54px;line-height:1}.teacher-course-summary span{margin-top:8px;font-size:12px}.teacher-course-summary small{color:#aeb8ab;margin-top:5px;font-size:8px}.teacher-curriculum{margin-bottom:22px}.teacher-submission-list article{grid-template-columns:auto minmax(0,1fr) auto auto}.submission-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;gap:24px;display:grid}.submission-main{gap:20px;min-width:0;display:grid}.student-summary{align-items:center;gap:16px;display:flex}.avatar-large{width:56px;height:56px;font-size:14px}.student-summary h2{margin:0;font-size:19px}.student-summary div>p:last-child{color:var(--muted);margin:3px 0 0;font-size:9px}.work-preview{min-width:0}.work-preview .code-example{max-width:100%;margin-top:20px}.review-checklist{gap:9px;margin:20px 0 0;padding:0;list-style:none;display:grid}.review-checklist li{color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.review-checklist li .icon{color:var(--violet-dark)}.review-checklist b{color:var(--ink)}.grade-panel{min-width:0;position:sticky;top:20px}.grade-panel form{gap:17px;margin-top:20px;display:grid}.grade-score,.grade-comment{color:var(--muted);gap:7px;font-size:9px;font-weight:700;display:grid}.grade-score input,.grade-comment textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fafbf9;border-radius:12px;outline:none}.grade-score input{height:48px;padding:0 14px;font-size:18px;font-weight:780}.grade-comment textarea{resize:vertical;min-height:126px;padding:13px 14px;font-size:10px;line-height:1.6}.grade-score input:focus,.grade-comment textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7cb73f26}.grade-preview{background:var(--lime-soft);border:1px solid #cfe6b5;border-radius:14px;align-items:flex-start;gap:12px;margin-top:18px;padding:15px;display:flex}.grade-preview b{font-size:11px}.grade-preview p{color:#4e5d48;margin:4px 0;font-size:9px}.grade-preview small{color:#6d7768;font-size:8px}.schedule-panel{padding:0;overflow:hidden}.schedule-panel>.section-header{padding:22px 24px}.schedule-list article{border-top:1px solid var(--line);grid-template-columns:auto 135px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 24px;display:grid}.schedule-date{background:var(--violet-soft);width:49px;height:54px;color:var(--violet-dark);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;display:flex}.schedule-date b{font-size:18px;line-height:1}.schedule-date span{margin-top:3px;font-size:7px;font-weight:800}.schedule-time{flex-direction:column;display:flex}.schedule-time b{font-size:10px}.schedule-time span{color:var(--muted);font-size:9px}.schedule-topic h3{margin:5px 0 2px;font-size:12px}.schedule-topic p{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.mobile-role-menu{position:relative}.mobile-role-menu summary{border:1px solid var(--line);min-width:92px;color:var(--violet-dark);text-align:center;cursor:pointer;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:750;list-style:none}.mobile-role-menu summary::-webkit-details-marker{display:none}.mobile-role-menu>div{z-index:60;border:1px solid var(--line);width:170px;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.mobile-role-menu a{color:var(--muted);border-radius:8px;padding:9px 10px;font-size:11px}.mobile-role-menu a:hover{background:var(--violet-soft);color:var(--violet-dark)}.management-overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:24px;margin-bottom:24px;display:grid}.management-chart{min-width:0}.management-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:14px;height:220px;padding-top:26px;display:grid}.management-bars>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.management-bars span{background:linear-gradient(180deg, #9b88f1, var(--violet));border-radius:8px 8px 3px 3px;width:min(36px,80%);min-height:12px}.management-bars small{color:var(--muted);font-size:9px}.management-health dl{gap:2px;margin:18px 0 0;display:grid}.management-health dl div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 0;display:flex}.management-health dt{color:var(--muted);font-size:11px}.management-health dd{margin:0;font-size:19px;font-weight:800}.management-table-panel{padding:0;overflow:hidden}.management-table-panel>.section-header{padding:22px 24px}.management-table-head,.management-table-row{grid-template-columns:120px minmax(170px,1.2fr) 75px 120px 105px minmax(145px,1fr);align-items:center;gap:16px;padding:13px 24px;display:grid}.management-table-head{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;background:#f3f4f2;font-size:8px;font-weight:800}.management-table-row{border-top:1px solid var(--line);min-height:62px;font-size:10px}.management-table-row>span{min-width:0}.management-table-row>span:nth-child(4){align-items:center;gap:8px;display:flex}.mini-progress{background:#eceef0;border-radius:99px;width:54px;height:5px;display:inline-block;overflow:hidden}.mini-progress>i{border-radius:inherit;background:var(--violet);height:100%;display:block}.management-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.management-person{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.management-person h2,.management-course h2{margin:0;font-size:19px}.management-person p{color:var(--muted);margin:3px 0 0;font-size:10px}.management-person dl,.management-course dl{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:6px 0 0;padding-top:17px;display:grid}.management-person dl div,.management-course dl div{flex-direction:column-reverse;display:flex}.management-person dt,.management-course dt{color:var(--muted);font-size:8px}.management-person dd,.management-course dd{margin:0;font-size:18px;font-weight:800}.management-course{gap:14px;display:grid}.management-course>p{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.risk-list ul{gap:0;margin:16px 0 0;padding:0;list-style:none;display:grid}.risk-list li{border-top:1px solid var(--line);flex-direction:column;padding:14px 0;display:flex}.risk-list li b{font-size:11px}.risk-list li span{color:var(--muted);font-size:9px}.cms-course-list{padding:0;overflow:hidden}.cms-course-list>.section-header{padding:22px 24px}.cms-course-list article{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:17px 24px;display:grid}.course-index{color:#a5ada8;font-size:11px;font-weight:800}.cms-course-list h3{margin:0;font-size:13px}.cms-course-list p{color:var(--muted);margin:3px 0 0;font-size:9px}.course-draft-editor{border-top:1px solid var(--line);background:#fafbfa;align-items:end;gap:9px;padding:16px 24px;display:flex}.course-draft-editor label{min-width:220px;color:var(--muted);flex:1;gap:5px;font-size:9px;font-weight:750;display:grid}.course-draft-editor input{border:1px solid var(--line);background:#fff;border-radius:9px;outline:none;min-height:40px;padding:0 12px}.course-draft-editor input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7257e81f}.course-manager-notice{background:var(--lime-soft);border-top:1px solid #dcebbd;align-items:center;gap:7px;padding:10px 24px;display:flex;color:#52761b!important}.cms-structure{gap:0;margin-top:20px;display:grid}.cms-structure>.section-header{padding-bottom:18px}.cms-module-row{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.cms-module-row>div{flex-direction:column;display:flex}.cms-module-row b{font-size:11px}.cms-module-row small{color:var(--muted);font-size:9px}.cms-actions{gap:10px;display:flex}.browser-state-note{background:var(--lime-soft);color:#52761b;border:1px solid #dcebbd;border-radius:10px;align-items:center;gap:8px;margin:-12px 0 20px;padding:11px 14px;font-size:11px;display:flex}.lesson-studio-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:24px;display:grid}.lesson-editor-stack{gap:20px;min-width:0;display:grid}.cms-form-section{gap:20px;display:grid}.cms-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cms-form-grid label,.cms-wide-field,.publish-panel label{color:var(--muted);gap:6px;font-size:9px;font-weight:750;display:grid}.cms-form-grid input,.cms-form-grid select,.cms-wide-field input,.publish-panel select,.answer-editor input[type=text],.answer-editor label>input:last-child{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:0 12px}.cms-form-grid input:focus,.cms-form-grid select:focus,.cms-wide-field input:focus,.publish-panel select:focus,.answer-editor label>input:last-child:focus,.rich-editor:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7257e81f}.editor-toolbar{border:1px solid var(--line);background:#f7f8f7;border-bottom:0;border-radius:10px 10px 0 0;gap:6px;padding:8px;display:flex}.editor-toolbar button{border:1px solid var(--line);min-width:34px;min-height:30px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;padding:0 9px}.rich-editor{border:1px solid var(--line);background:#fff;border-radius:0 0 10px 10px;outline:none;min-height:220px;padding:20px}.rich-editor h2,.lesson-preview-body h2{margin:0 0 13px;font-size:22px}.rich-editor p,.lesson-preview-body p{color:#4c5750;line-height:1.75}.material-list{flex-wrap:wrap;gap:8px;display:flex}.material-list span{border:1px solid var(--line);background:#fafbfa;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:10px;display:inline-flex}.answer-editor{gap:9px;display:grid}.answer-editor label{grid-template-columns:auto 1fr;align-items:center;gap:9px;display:grid}.publish-panel{gap:17px;display:grid;position:sticky;top:20px}.publish-panel h2{margin:-8px 0 0}.publish-panel dl{gap:0;margin:0;display:grid}.publish-panel dl div{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.publish-panel dt{color:var(--muted);font-size:9px}.publish-panel dd{text-align:right;max-width:150px;margin:0;font-size:9px;font-weight:750}.publish-panel>p:last-child{color:var(--muted);align-items:flex-start;gap:7px;margin:0;font-size:9px;display:flex}.lesson-result-preview{max-width:860px;margin:0 auto;padding:0;overflow:hidden}.lesson-preview-cover{color:#fff;background:linear-gradient(145deg,#5c42d4,#8d78ed);justify-content:space-between;align-items:flex-end;min-height:190px;padding:26px;display:flex}.lesson-preview-body,.lesson-result-preview>section{padding:26px}.lesson-result-preview>section{border-top:1px solid var(--line)}.lesson-result-preview>section h2{margin:0 0 14px;font-size:18px}.lesson-result-preview ul{gap:8px;padding:0;list-style:none;display:grid}.lesson-result-preview li{align-items:center;gap:7px;display:flex}.preview-question{background:#faf9ff;gap:9px;display:grid}.preview-question label{align-items:center;gap:8px;display:flex}@media (max-width:1050px){.landing-hero{grid-template-columns:1fr .85fr}.landing-visual{min-height:470px}.sidebar{width:205px}.app-main{padding-left:205px}.content{width:min(100% - 44px,960px)}.continue-card{grid-template-columns:175px 1fr}.continue-next{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:130px 1fr}.achievement-card{grid-column:1/-1}.course-grid{grid-template-columns:1fr}.course-card{grid-template-columns:190px 1fr}.course-layout{grid-template-columns:1fr}.course-aside{grid-template-columns:1fr 1fr}.teacher-columns,.teacher-group-grid,.submission-layout,.management-overview-grid,.lesson-studio-layout{grid-template-columns:1fr}.publish-panel,.grade-panel{position:static}.teacher-table-head,.teacher-table-row{grid-template-columns:minmax(170px,1.2fr) minmax(110px,1fr) 60px 80px 80px}.teacher-table-head>:last-child,.teacher-table-row>:last-child{grid-column:1/-1}}@media (max-width:760px){body{font-size:14px}.page-width{width:min(100% - 32px,600px)}.landing-header{height:70px}.status-pill{padding:9px;font-size:0}.landing-hero{min-height:auto;padding-top:60px;display:block}.landing-copy h1{font-size:clamp(44px,14vw,64px)}.landing-lead{font-size:16px}.landing-visual{min-height:410px;margin-top:35px}.hero-card-main{inset:24% 4% auto}.hero-card-float{right:0}.hero-card-badge{left:0}.sidebar{display:none}.app-main{padding-bottom:65px;padding-left:0}.demo-banner{text-align:center;height:auto;min-height:28px;padding:5px 14px}.topbar{height:59px;padding:0 16px}.mobile-brand,.avatar-small{display:block}.icon-button{display:none}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28243af7;border-top:1px solid #ffffff14;height:65px;display:grid;position:fixed;inset:auto 0 0}.bottom-nav-4{grid-template-columns:repeat(4,1fr)}.bottom-nav-5{grid-template-columns:repeat(5,1fr)}.bottom-nav-6{grid-template-columns:repeat(6,1fr)}.bottom-link{color:#8b849e;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:8px;display:flex}.bottom-link.active{color:var(--lime)}.content{width:min(100% - 30px,680px);padding:30px 0 45px}.heading-row{align-items:flex-start}.streak-badge{min-width:auto}.streak-badge div{display:none}.continue-card{grid-template-columns:1fr}.continue-art{min-height:145px}.continue-content{padding:23px}.dashboard-grid,.upcoming-grid{grid-template-columns:1fr}.goal-panel{min-height:220px}.stats-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr;justify-items:center}.overview-details,.achievement-card{width:100%}.search-field{display:none}.filter-row{padding-bottom:7px;overflow-x:auto}.filter-row small{display:none}.filter-chip{flex:none}.course-card{grid-template-columns:125px 1fr}.assignment-summary{grid-template-columns:1fr}.assignment-list article{grid-template-columns:auto 1fr auto;gap:12px}.assignment-list article>.tag,.assignment-list article>.score{grid-column:2;justify-self:start}.assignment-list article>.round-link{grid-area:1/3/3}.course-hero{grid-template-columns:1fr;padding:30px 24px}.course-progress-card{grid-template-columns:auto 1fr;gap:10px 18px;display:grid}.course-progress-card .button{grid-column:1/-1}.course-aside,.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{grid-row:1;position:static}.media-placeholder{min-height:290px}.lesson-assignment{grid-template-columns:auto 1fr}.lesson-assignment .button{grid-column:1/-1}.management-table-head{display:none}.management-table{padding:0 14px 14px}.management-table-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:15px}.management-table-row>:first-child,.management-table-row>:nth-child(2){grid-column:1/-1}.management-card-grid{grid-template-columns:1fr}.cms-course-list article{grid-template-columns:auto 1fr}.cms-course-list article>:nth-child(3),.cms-course-list article>:nth-child(4){grid-column:2;justify-self:start}.course-draft-editor{flex-direction:column;align-items:stretch}.course-draft-editor label{min-width:0}.teacher-next{grid-template-columns:auto 1fr}.teacher-next .button{grid-column:1/-1}.teacher-table{border-top:0;padding:0 14px 14px}.teacher-table-head{display:none}.teacher-table-row{border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding:15px}.teacher-table-row>:last-child,.student-cell{grid-column:1/-1}.teacher-submission-list article{grid-template-columns:auto 1fr}.teacher-submission-list article>:nth-child(3),.teacher-submission-list article>:nth-child(4){grid-column:2;justify-self:start}.schedule-list article{grid-template-columns:auto 1fr}.schedule-topic,.schedule-list article>:last-child{grid-column:2;justify-self:start}}@media (max-width:480px){.topbar .demo-chip{display:none}.landing-actions{flex-direction:column;align-items:flex-start}.landing-visual{min-height:360px}.hero-card-main{padding:20px}.hero-card-float{top:3%}.hero-card-badge{bottom:2%}.hero-card-float .icon-tile,.hero-card-badge .icon-tile{display:none}.page-heading h1{font-size:30px}.stats-grid{grid-template-columns:1fr}.activity-chart{gap:8px}.upcoming-card{grid-template-columns:auto 1fr}.upcoming-card>:last-child{display:none}.course-card{grid-template-columns:1fr}.course-cover{min-height:125px}.course-card-body>p{min-height:auto}.course-hero h1,.course-hero h2{font-size:30px}.course-hero-meta{flex-wrap:wrap;gap:10px 16px}.module-head{grid-template-columns:auto 1fr}.module-head>.tag{grid-column:2}.lesson-row{padding-left:18px}.lesson-header{flex-direction:column}.article-body{padding:22px 19px}.lesson-footer{flex-direction:column;gap:10px}.lesson-footer>*{width:100%}.mobile-role-menu summary{text-overflow:ellipsis;white-space:nowrap;min-width:80px;max-width:100px;overflow:hidden}.cms-actions{flex-direction:column;width:100%}.cms-actions .button{width:100%}.cms-form-grid,.management-table-row{grid-template-columns:1fr}.management-table-row>*{grid-column:1!important}.teacher-group-metrics{grid-template-columns:1fr 1fr}.teacher-group-footer{flex-direction:column;align-items:stretch}.teacher-group-footer .button{width:100%}.teacher-table-row{grid-template-columns:1fr}.teacher-table-row>*,.teacher-table-row>:last-child,.student-cell{grid-column:1}.schedule-list article{grid-template-columns:auto 1fr;padding-inline:16px}.schedule-time{align-self:center}.schedule-topic,.schedule-list article>:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
