:root{--sidebar:#0b2e23;--sidebar-active:#134e3a;--primary:#10b981;--primary-hover:#059669;--mint-fill:#ecfdf5;--mint-border:#a7f3d0;--background:#f6faf8;--surface:#fff;--border:#e3ebe7;--text:#0f1f19;--text-muted:#5b6b64;--control-off:#cbd5d0;--danger:#ef4444;--danger-fill:#fef2f2;--danger-strong:#dc2626;--warning:#f59e0b;--warning-fill:#fef3c7;--warning-strong:#b45309;--info:#3b82f6;--info-fill:#dbeafe;--info-strong:#1d4ed8;--status-published-bg:var(--mint-fill);--status-published-fg:var(--primary-hover);--status-draft-bg:#f1f5f3;--status-draft-fg:var(--text-muted);--status-pending-bg:var(--warning-fill);--status-pending-fg:var(--warning-strong);--role-admin-bg:var(--sidebar-active);--role-admin-fg:#fff;--role-instructor-bg:var(--mint-fill);--role-instructor-fg:var(--primary-hover);--role-student-bg:#f1f5f3;--role-student-fg:var(--text-muted);--role-student-bg-feed:var(--background);--chart-1:#10b981;--chart-2:#34d399;--chart-3:#0ea5a4;--chart-area-from:#10b98159;--chart-area-to:#10b98100;--on-dark:#fff;--on-dark-85:#ffffffd9;--on-dark-75:#ffffffbf;--on-dark-72:#ffffffb8;--on-dark-70:#ffffffb3;--on-dark-65:#ffffffa6;--on-dark-60:#fff9;--on-dark-50:#ffffff80;--on-dark-40:#fff6;--on-dark-25:#ffffff40;--on-dark-20:#fff3;--on-dark-12:#ffffff1f;--on-dark-10:#ffffff1a;--on-dark-06:#ffffff0f;--on-dark-05:#ffffff0d;--on-dark-045:#ffffff0b;--radius-card:12px;--radius-control:8px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #0f1f190f;--shadow-panel:0 8px 24px #0f1f1933;--shadow-modal:0 16px 48px #0f1f1940;--shadow-dropdown:0 4px 16px #0003;--focus-ring:0 0 0 3px var(--mint-border);--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:11px;--text-2xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:32px;--text-hero:44px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-snug:1.45;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-wide:.08em;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--content-max:1280px;--content-pad:24px;--content-pad-sm:16px;--bp-tablet:768px;--bp-desktop:1180px;--bottom-nav-height:58px;--search-max:480px;--gutter:24px;--feed-left:280px;--feed-right:300px;--ease:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.18s;--toast-life:2.6s;--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}figure{margin:0}img,svg{max-width:100%;display:block}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default}input,select,textarea{outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:var(--weight-semibold)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}@keyframes edulms-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anim-in{animation:edulms-in var(--duration-base) var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}[hidden]{display:none!important}.btn{border-radius:var(--radius-control);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;line-height:1.2;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-dark)}.btn-primary:hover{background:var(--primary-hover);color:var(--on-dark)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--background);border-color:var(--mint-border)}.btn-ghost{color:var(--primary);background:0 0}.btn-ghost:hover{background:var(--mint-fill);color:var(--primary-hover)}.btn-danger{background:var(--danger);color:var(--on-dark)}.btn-danger:hover{background:var(--danger-strong);color:var(--on-dark)}.btn-dark{background:var(--sidebar);color:var(--on-dark)}.btn-dark:hover{background:var(--sidebar-active);color:var(--on-dark)}.btn:disabled,.btn.is-disabled{background:var(--border);color:var(--text-muted);cursor:default;pointer-events:none}.btn-primary.is-waiting{background:var(--mint-border);cursor:default}.btn-sm{font-size:var(--text-sm);padding:8px 14px}.btn-lg{padding:10px 18px}.btn-block{width:100%}.icon-btn{color:var(--text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-btn:hover{background:var(--background);color:var(--text)}.btn-google{background:var(--surface);color:var(--text);border:1px solid var(--border);width:100%}.btn-google:hover{background:var(--background)}.label{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:6px;display:block}.field{margin-bottom:16px}.hint{font-size:var(--text-2xs);color:var(--text-muted);margin-top:6px}.input,.select,.textarea{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-control);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);padding:9px 12px}.textarea{resize:vertical;min-height:96px;line-height:var(--leading-normal)}.input:focus,.select:focus,.textarea:focus{border-color:var(--mint-border);box-shadow:var(--focus-ring)}.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235B6B64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.input-search{padding-left:36px}.input-pill{border-radius:var(--radius-pill);background:var(--background);padding:10px 16px}.input-pill:focus{background:var(--surface)}.check,.radio{cursor:pointer;font-size:var(--text-base);align-items:center;gap:10px;display:flex}.check input,.radio input{opacity:0;width:0;height:0;position:absolute}.check-box{border:1.5px solid var(--control-off);background:var(--surface);width:18px;height:18px;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.check-box:after{content:"";border-left:2px solid var(--on-dark);border-bottom:2px solid var(--on-dark);opacity:0;width:10px;height:6px;transform:rotate(-45deg)translateY(-1px)}.check input:checked+.check-box{background:var(--primary);border-color:var(--primary)}.check input:checked+.check-box:after{opacity:1}.radio-ring{border-radius:var(--radius-pill);border:1.5px solid var(--control-off);flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.radio-ring:after{content:"";border-radius:var(--radius-pill);background:0 0;width:8px;height:8px}.radio input:checked+.radio-ring{border-color:var(--primary)}.radio input:checked+.radio-ring:after{background:var(--primary)}.check input:focus-visible+.check-box,.radio input:focus-visible+.radio-ring{box-shadow:var(--focus-ring)}.toggle{border-radius:var(--radius-pill);background:var(--control-off);cursor:pointer;flex-shrink:0;width:40px;height:22px;transition:background .15s;position:relative}.toggle:after{content:"";border-radius:var(--radius-pill);background:var(--surface);width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.toggle[aria-checked=true]{background:var(--primary)}.toggle[aria-checked=true]:after{left:21px}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.toggle-row:last-child{border-bottom:none}.chip{border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;padding:2px 10px;display:inline-flex}.chip-admin{background:var(--role-admin-bg);color:var(--role-admin-fg)}.chip-instructor{background:var(--role-instructor-bg);color:var(--role-instructor-fg)}.chip-student{background:var(--role-student-bg);color:var(--role-student-fg)}.chip-student.chip-feed{background:var(--role-student-bg-feed)}.chip-published{background:var(--status-published-bg);color:var(--status-published-fg)}.chip-draft{background:var(--status-draft-bg);color:var(--status-draft-fg)}.chip-pending-review{background:var(--status-pending-bg);color:var(--status-pending-fg)}.chip-category{background:var(--mint-fill);color:var(--primary-hover)}.chip-warning{background:var(--warning-fill);color:var(--warning-strong)}.chip-info{background:var(--info-fill);color:var(--info-strong)}.chip-danger{background:var(--danger-fill);color:var(--danger-strong)}.avatar{border-radius:var(--radius-pill);background:var(--sidebar-active);width:40px;height:40px;color:var(--on-dark);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-xs{width:22px;height:22px;font-size:9px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.card-flush{padding:0;overflow:hidden}.card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.card-link{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--primary)}.card-list{flex-direction:column;gap:14px;display:flex}.kpi-grid{gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kpi-label{font-size:var(--text-sm);color:var(--text-muted)}.kpi-value{font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;margin:6px 0 4px}.kpi-delta{font-size:var(--text-2xs);color:var(--primary-hover);font-weight:var(--weight-semibold)}.kpi-delta-muted{color:var(--text-muted);font-weight:var(--weight-regular)}.course-grid{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.course-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.course-thumb{background:var(--primary);height:130px;position:relative;overflow:hidden}.course-thumb:after{content:"";border-radius:var(--radius-pill);background:#fff3;width:130px;height:130px;position:absolute;bottom:-40px;right:-30px}.course-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.course-body .chip{align-self:flex-start}.course-title{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.35}.course-meta{font-size:var(--text-2xs);color:var(--text-muted);align-items:center;gap:8px;display:flex}.course-foot{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.course-price{font-weight:var(--weight-semibold);color:var(--primary-hover)}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.table-scroll{overflow-x:auto}.table th{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--background);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px}.table td{border-bottom:1px solid var(--border);font-size:var(--text-base);vertical-align:middle;padding:14px 16px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--background)}.table tbody tr.is-selected td{background:var(--mint-fill)}.table-dense td{font-size:var(--text-sm);padding:10px 16px}.table-actions{justify-content:flex-end;gap:4px;display:flex}.cell-user{align-items:center;gap:10px;display:flex}.cell-sub{font-size:var(--text-2xs);color:var(--text-muted)}.table-foot{border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-muted);background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px}.tab:hover{color:var(--text)}.tab.is-active{color:var(--primary-hover);background:var(--mint-fill);border-bottom-color:var(--primary);border-radius:var(--radius-control) var(--radius-control) 0 0}.tab-count{font-size:var(--text-xs);color:var(--text-muted);margin-left:6px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:var(--surface);color:var(--text);border:1px solid var(--border);padding:7px 14px}.pill:hover{border-color:var(--mint-border)}.pill.is-active{background:var(--primary);color:var(--on-dark);border-color:var(--primary)}.stepper{flex-direction:column;gap:8px;display:flex}.step{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-weight:var(--weight-semibold);font-size:var(--text-base);text-align:left;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.step-n{border-radius:var(--radius-pill);background:var(--background);width:24px;height:24px;font-size:var(--text-2xs);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.step.is-done{background:var(--mint-fill);color:var(--primary-hover);border-color:var(--mint-border)}.step.is-done .step-n{background:var(--surface);color:var(--primary-hover)}.step.is-active{background:var(--primary);color:var(--on-dark);border-color:var(--primary)}.step.is-active .step-n{color:var(--on-dark);background:#ffffff40}.bar{border-radius:var(--radius-pill);background:var(--border);width:100%;height:6px;overflow:hidden}.bar-fill{border-radius:var(--radius-pill);background:var(--primary);height:100%;display:block}.bar-lg{height:8px}.ring-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.ring-value{font-weight:var(--weight-semibold);font-size:var(--text-sm);position:absolute}.ring-value-lg{font-size:var(--text-2xl)}.accordion-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.accordion-item+.accordion-item{margin-top:10px}.accordion-head{text-align:left;width:100%;font-weight:var(--weight-semibold);font-size:var(--text-base);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.accordion-head:hover{background:var(--background)}.accordion-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.accordion-item.is-open .accordion-chevron{transform:rotate(180deg)}.accordion-body{border-top:1px solid var(--border)}.accordion-item:not(.is-open) .accordion-body{display:none}.lesson-row{font-size:var(--text-base);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 16px;display:flex}.lesson-row:last-child{border-bottom:none}.lesson-row:hover{background:var(--background)}.lesson-row.is-current{background:var(--mint-fill)}.lesson-row.is-done .lesson-title{color:var(--text-muted)}.lesson-title{flex:1;min-width:0}.lesson-mins{font-size:var(--text-2xs);color:var(--text-muted);flex-shrink:0}.empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:10px;padding:40px;display:flex}.empty-badge{border-radius:var(--radius-pill);background:var(--mint-fill);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.empty-title{font-weight:var(--weight-semibold)}.empty-hint{font-size:var(--text-sm);color:var(--text-muted)}.panel-backdrop{z-index:60;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease);background:#0f1f1933;position:fixed;inset:0}.panel.is-open~.panel-backdrop,.drawer.is-open~.panel-backdrop,body.has-panel .panel-backdrop{opacity:1;pointer-events:auto}.panel,.drawer{background:var(--surface);border-left:1px solid var(--border);width:420px;max-width:92vw;height:100vh;box-shadow:var(--shadow-panel);z-index:70;transition:transform var(--duration-base) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer{width:520px}.panel.is-open,.drawer.is-open{transform:none}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.panel-title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.panel-body{flex:1;padding:20px;overflow-y:auto}.panel-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.section-label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:16px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.page-sub{color:var(--text-muted);margin-top:4px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-grow{flex:1;min-width:200px;position:relative}.toolbar-grow svg{position:absolute;top:11px;left:12px}.grid-2{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.grid-3{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.stack{gap:var(--gutter);flex-direction:column;display:flex}.stack-sm{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--text-muted)}.small{font-size:var(--text-sm)}.tiny{font-size:var(--text-2xs)}.strong{font-weight:var(--weight-semibold)}.mt-auto{margin-top:auto}.divider{background:var(--border);height:1px;margin:16px 0}.brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-logo{border-radius:var(--radius-md);border:1.5px dashed var(--mint-border);background:var(--mint-fill);width:40px;height:40px;font-size:10px;font-weight:var(--weight-semibold);color:var(--primary-hover);flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-name{font-weight:var(--weight-bold);font-size:var(--text-xl);letter-spacing:-.02em}.brand-on-dark .brand-logo{border-color:var(--on-dark-40);color:var(--on-dark-60);background:0 0}.site{flex-direction:column;min-height:100vh;display:flex}.site-nav{height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.site-nav-inner{max-width:var(--content-max);padding:0 var(--content-pad);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.site-links{gap:8px;display:flex}.site-link{border-radius:var(--radius-control);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text);background:0 0;border:none;padding:8px 14px}.site-link:hover{background:var(--mint-fill)}.site-link.is-active{background:var(--mint-fill);color:var(--primary-hover)}.site-main{flex:1}.site-footer{background:var(--sidebar);color:var(--on-dark);margin-top:auto}.site-footer-inner{max-width:var(--content-max);padding:56px var(--content-pad) 32px;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin:0 auto;display:grid}.site-footer .brand{margin-bottom:14px}.footer-blurb{color:var(--on-dark-65);max-width:320px;line-height:1.6}.footer-col-title{font-weight:var(--weight-semibold);margin-bottom:14px}.footer-col-links{color:var(--on-dark-70);flex-direction:column;gap:10px;display:flex}.footer-col-links a{color:inherit}.footer-col-links a:hover{color:var(--on-dark)}.site-footer-base{border-top:1px solid var(--on-dark-12)}.site-footer-base-inner{max-width:var(--content-max);padding:18px var(--content-pad);font-size:var(--text-sm);color:var(--on-dark-50);justify-content:space-between;margin:0 auto;display:flex}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar);color:var(--on-dark);flex-direction:column;flex-shrink:0;height:100vh;transition:width .2s;display:flex;position:sticky;top:0}.app.is-collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar-head{height:var(--topbar-height);justify-content:space-between;align-items:center;padding:16px 16px 12px 20px;display:flex}.sidebar-head .brand{gap:10px;overflow:hidden}.sidebar-head .brand-logo{border-radius:var(--radius-control);width:32px;height:32px;font-size:8px}.sidebar-head .brand-name{white-space:nowrap;font-size:18px}.sidebar-collapse{color:var(--on-dark-70);border-radius:var(--radius-sm);padding:4px;display:flex}.sidebar-collapse:hover{background:var(--on-dark-06);color:var(--on-dark)}.sidebar-collapse svg{transition:transform .2s}.app.is-collapsed .sidebar-collapse svg{transform:rotate(180deg)}.app.is-collapsed .sidebar-head .brand-name,.app.is-collapsed .nav-label,.app.is-collapsed .nav-chevron,.app.is-collapsed .nav-children,.app.is-collapsed .logout-label{display:none}.app.is-collapsed .sidebar-head{justify-content:center;padding:16px 8px 12px}.app.is-collapsed .nav-item,.app.is-collapsed .logout{justify-content:center;padding-left:0;padding-right:0}.sidebar-nav{flex:1;padding:8px 0;overflow:hidden auto}.nav-item{border-radius:var(--radius-control);cursor:pointer;color:var(--on-dark-85);font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap;text-align:left;background:0 0;border-left:3px solid #0000;align-items:center;gap:12px;width:calc(100% - 24px);margin:2px 12px;padding:10px 13px;display:flex}.nav-item:hover{background:var(--on-dark-06);color:var(--on-dark)}.nav-item.is-active{color:var(--on-dark);background:var(--sidebar-active);border-left-color:var(--primary)}.nav-item.is-parent-active{color:var(--on-dark);background:0 0;border-left-color:#0000}.nav-item svg{flex-shrink:0}.nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.nav-chevron{opacity:.7;flex-shrink:0;transition:transform .15s}.nav-group.is-open .nav-chevron{transform:rotate(180deg)}.nav-children{padding-bottom:4px}.nav-group:not(.is-open) .nav-children{display:none}.nav-child{border-radius:var(--radius-control);cursor:pointer;font-size:var(--text-sm);color:var(--on-dark-75);white-space:nowrap;text-align:left;background:0 0;align-items:center;gap:10px;width:calc(100% - 24px);margin:1px 12px;padding:8px 12px 8px 48px;display:flex}.nav-child:hover{background:var(--on-dark-06);color:var(--on-dark)}.nav-child.is-active{color:var(--on-dark);background:var(--sidebar-active)}.nav-dot{border-radius:var(--radius-pill);background:var(--on-dark-40);flex-shrink:0;width:6px;height:6px}.nav-child.is-active .nav-dot{background:var(--primary)}.sidebar-foot{border-top:1px solid var(--on-dark-10);padding:12px}.logout{border-radius:var(--radius-control);width:100%;color:var(--on-dark-85);font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap;align-items:center;gap:12px;padding:10px 13px;display:flex}.logout:hover{background:var(--on-dark-06);color:var(--on-dark)}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:var(--gutter);padding:0 var(--content-pad);z-index:20;display:flex;position:sticky;top:0}.topbar-title{font-size:18px;font-weight:var(--weight-semibold);letter-spacing:-.01em;flex-shrink:0;width:240px}.topbar-search{flex:1;justify-content:center;display:flex}.topbar-search-field{width:100%;max-width:var(--search-max);position:relative}.topbar-search-toggle{pointer-events:none;display:flex;position:absolute;top:11px;left:12px}.search-panel{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-height:70vh;box-shadow:var(--shadow-panel);padding:6px;animation:.15s ease-out edulms-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-group-label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:8px 10px 4px}.search-item{border-radius:var(--radius-control);text-align:left;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding:8px 10px;display:flex}.search-item:hover,.search-item.is-active{background:var(--mint-fill)}.search-item-title{font-size:var(--text-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-item-hint{flex-shrink:0}.search-state{text-align:center;padding:14px 10px}.search-error{color:var(--danger-strong)}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-bell{color:var(--text-muted);border-radius:var(--radius-control);padding:8px;display:flex;position:relative}.topbar-bell:hover,.topbar-bell.is-open{background:var(--background);color:var(--text)}.topbar-bell.has-unread:after{content:"";border-radius:var(--radius-pill);background:var(--primary);border:1.5px solid var(--surface);width:7px;height:7px;position:absolute;top:7px;right:7px}.topbar-account{position:relative}.topbar-user{cursor:pointer;border-radius:var(--radius-control);text-align:left;align-items:center;gap:10px;padding:4px 6px 4px 4px;display:flex}.topbar-user:hover,.topbar-user.is-open{background:var(--background)}.topbar-user-chevron{transition:transform var(--duration-base) var(--ease)}.topbar-user.is-open .topbar-user-chevron{transform:rotate(180deg)}.topbar-user .avatar{width:34px;height:34px;font-size:var(--text-2xs)}.topbar-user-meta{flex-direction:column;line-height:1.2;display:flex}.topbar-user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.topbar-user-role{font-size:var(--text-xs);color:var(--text-muted)}.topbar-notices{position:relative}.notice-panel{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:360px;max-width:calc(100vw - 24px);max-height:70vh;box-shadow:var(--shadow-panel);flex-direction:column;animation:.15s ease-out edulms-in;display:flex;position:absolute;top:calc(100% + 6px);right:0}.notice-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.notice-panel-state{text-align:center;padding:20px 14px}.notice-panel-state .field-error{color:var(--danger-strong);margin:0 0 8px}.notice-list{margin:0;padding:6px;list-style:none;overflow-y:auto}.notice-item{border-radius:var(--radius-control);text-align:left;flex-direction:column;gap:2px;width:100%;padding:9px 10px 9px 20px;display:flex;position:relative}.notice-item:hover,.notice-item:focus-visible{background:var(--background);outline:none}.notice-item.is-unread{background:var(--mint-fill)}.notice-item.is-unread:before{content:"";border-radius:var(--radius-pill);background:var(--primary);width:6px;height:6px;position:absolute;top:15px;left:8px}.notice-item-top{justify-content:space-between;gap:8px;display:flex}.notice-item-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.notice-item-time{flex-shrink:0}.account-menu{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-panel);padding:6px;animation:.15s ease-out edulms-in;position:absolute;top:calc(100% + 6px);right:0}.account-menu-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding:8px 10px 10px}.account-menu-name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.account-menu-email{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu-item{border-radius:var(--radius-control);width:100%;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);text-align:left;align-items:center;gap:10px;padding:9px 10px;display:flex}.account-menu-item svg{color:var(--text-muted)}.account-menu-item:hover,.account-menu-item:focus-visible{background:var(--mint-fill);outline:none}.account-menu-item.is-logout{border-top:1px solid var(--border);border-radius:0 0 var(--radius-control) var(--radius-control);color:var(--danger-strong);margin-top:6px}.account-menu-item.is-logout svg{color:var(--danger-strong)}.content{padding:var(--content-pad);max-width:var(--content-max);flex:1;width:100%;margin:0 auto;animation:.25s ease-out edulms-in}.signin{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.signin-panel{background:var(--sidebar);color:var(--on-dark);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.signin-panel>*{position:relative}.shape{border-radius:var(--radius-pill);position:absolute}.shape-1{background:var(--primary);opacity:.35;width:420px;height:420px;top:-80px;right:-120px}.shape-2{background:var(--chart-2);opacity:.25;width:380px;height:380px;bottom:-140px;left:-60px}.shape-3{background:var(--chart-3);opacity:.4;border-radius:40px;width:160px;height:160px;bottom:120px;right:120px;transform:rotate(20deg)}.signin-form{background:var(--surface);justify-content:center;align-items:center;padding:48px;display:flex}.signin-card{width:100%;max-width:380px}.toast{z-index:100;background:var(--text);color:var(--on-dark);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);box-shadow:var(--shadow-modal);align-items:center;gap:12px;padding:12px 16px;display:none;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.is-visible{animation:.2s ease-out edulms-in;display:flex}.toast-badge{border-radius:var(--radius-pill);background:var(--primary);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.toast.is-error .toast-badge{background:var(--danger-strong)}.index-dock{z-index:90;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.index-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);width:560px;max-height:70vh;padding:20px;animation:.2s ease-out edulms-in;overflow-y:auto;box-shadow:0 16px 48px #0f1f192e}.index-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.index-title{font-weight:var(--weight-semibold)}.index-hint{font-size:var(--text-2xs);color:var(--text-muted)}.index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.index-group-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:6px}.index-links{flex-direction:column;gap:2px;display:flex}.index-link{text-align:left;color:var(--text);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;padding:6px 8px;display:block}.index-link:hover{background:var(--background)}.index-link.is-active{background:var(--mint-fill);color:var(--primary-hover)}.feed-banner{background:var(--mint-fill);border:1px solid var(--mint-border);border-radius:var(--radius-card);margin-bottom:var(--gutter);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.feed-banner-text{align-items:center;gap:12px;display:flex}.feed{grid-template-columns:var(--feed-left) minmax(0, 1fr) var(--feed-right);gap:var(--gutter);align-items:start;display:grid}.feed-side{gap:var(--gutter);flex-direction:column;display:flex}.feed-main{flex-direction:column;gap:16px;min-width:0;display:flex}.pinned-item{gap:10px;display:flex}.pinned-dot{border-radius:var(--radius-pill);background:var(--primary);flex-shrink:0;width:6px;height:6px;margin-top:7px}.pinned-title{font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.pinned-meta{font-size:var(--text-2xs);color:var(--text-muted);margin-top:3px}.class-item{align-items:center;gap:12px;display:flex}.class-swatch{border-radius:var(--radius-control);flex-shrink:0;width:36px;height:36px}.class-title{font-size:var(--text-sm);font-weight:var(--weight-medium)}.class-members{font-size:var(--text-2xs);color:var(--text-muted)}.update-item{align-items:flex-start;gap:10px;display:flex}.update-text{font-size:var(--text-sm);line-height:var(--leading-snug)}.update-where{color:var(--primary);font-weight:var(--weight-semibold)}.update-time{font-size:var(--text-2xs);color:var(--text-muted);margin-top:2px}.trend-item{justify-content:space-between;align-items:center;display:flex}.trend-tag{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--primary-hover)}.trend-count{font-size:var(--text-2xs);color:var(--text-muted)}.composer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px 20px}.composer-row{align-items:center;gap:12px;display:flex}.composer-actions{justify-content:space-between;align-items:center;margin-top:12px;padding-left:52px;display:flex}.composer-attach{gap:4px;display:flex}.attach-btn{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-control);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.attach-btn:hover{background:var(--background);color:var(--text)}.post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.post-head{align-items:flex-start;gap:12px;display:flex}.post-ident{flex:1;min-width:0}.post-byline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-author{font-size:var(--text-base);font-weight:var(--weight-semibold)}.post-time{font-size:var(--text-2xs);color:var(--text-muted)}.post-category{margin-top:4px;display:inline-flex}.post-body{font-size:var(--text-base);line-height:var(--leading-relaxed);text-wrap:pretty;margin-top:14px}.post-link{border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;gap:14px;margin-top:14px;display:flex;overflow:hidden}.post-link:hover{border-color:var(--mint-border);color:inherit}.post-link-thumb{background:var(--mint-fill);flex-shrink:0;justify-content:center;align-items:center;width:96px;display:flex}.post-link-meta{padding:12px 14px 12px 0}.post-link-title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.post-link-desc{font-size:var(--text-2xs);color:var(--text-muted);margin-top:3px}.post-link-url{font-size:var(--text-xs);color:var(--primary);font-weight:var(--weight-semibold);margin-top:6px}.post-poster{border-radius:var(--radius-md);background:var(--sidebar-active);align-items:flex-end;height:220px;margin-top:14px;padding:20px;display:flex;position:relative;overflow:hidden}.post-poster:before,.post-poster:after{content:"";border-radius:var(--radius-pill);position:absolute}.post-poster:before{background:var(--primary);opacity:.5;width:220px;height:220px;top:-60px;right:-40px}.post-poster:after{background:var(--chart-2);opacity:.35;width:180px;height:180px;bottom:-80px;right:120px}.post-poster-text{color:var(--on-dark);position:relative}.post-poster-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);opacity:.8}.post-poster-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-top:4px}.post-actions{border-top:1px solid var(--border);align-items:center;gap:4px;margin-top:14px;padding-top:12px;display:flex}.react-btn{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-control);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.react-btn:hover{background:var(--mint-fill);color:var(--primary-hover)}.react-btn.is-liked{color:var(--primary-hover)}.react-btn.is-liked svg{fill:var(--primary)}.comment-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.comment{align-items:flex-start;gap:10px;display:flex}.comment-bubble{background:var(--background);border-radius:var(--radius-md);font-size:var(--text-sm);flex:1;padding:8px 12px}.comment-form{align-items:center;gap:10px;margin-top:12px;display:flex}.comment-form .input{border-radius:var(--radius-pill);font-size:var(--text-sm);padding:8px 14px}.library{max-width:var(--content-max);padding:40px var(--content-pad) 80px;flex-direction:column;gap:40px;margin:0 auto;display:flex}.library-back{font-size:var(--text-sm);background:0 0;align-self:flex-start;padding:0}.library-back:hover{background:0 0}.library-title{font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;margin-bottom:6px}.library-sidebar-demo{background:var(--sidebar);border-radius:var(--radius-card);width:280px;padding:12px 0}.library code{font-size:var(--text-sm);background:var(--mint-fill);color:var(--primary-hover);border-radius:var(--radius-sm);padding:1px 6px}.rail{max-width:var(--content-max);padding:0 var(--content-pad);margin:0 auto}.band{padding:64px 0}.band-tight{padding:32px 0}.band-tint{background:var(--mint-fill)}.band-title{font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:1.2}.band-sub{color:var(--text-muted);max-width:620px;margin-top:8px}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--primary-hover);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:8px}.stars{color:var(--warning);letter-spacing:-1px}.hero{background:linear-gradient(160deg, var(--mint-fill) 0%, var(--surface) 62%);border-bottom:1px solid var(--border);padding:72px 0 80px}.hero-inner{max-width:var(--content-max);padding:0 var(--content-pad);grid-template-columns:minmax(0,1fr) 460px;align-items:center;gap:56px;margin:0 auto;display:grid}.hero-badge{background:var(--surface);border:1px solid var(--mint-border);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:10px;padding:5px 14px 5px 5px;display:inline-flex}.hero-badge-new{background:var(--primary);color:var(--on-dark);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px 10px}.hero-title{font-size:var(--text-hero);font-weight:var(--weight-bold);letter-spacing:-.03em;margin:20px 0 16px;line-height:1.1}.hero-accent{color:var(--primary)}.hero-sub{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:520px}.hero-proof{align-items:center;gap:14px;margin-top:28px;display:flex}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-10px}.avatar-stack .avatar:first-child{margin-left:0}.avatar-more{background:var(--mint-fill);width:32px;height:32px;color:var(--primary-hover);font-size:var(--text-xs)}.mock{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 48px #0f1f191a}.mock-bar{border-bottom:1px solid var(--border);background:var(--background);align-items:center;height:44px;padding:0 16px;display:flex}.mock-body{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.mock-kpis{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mock-kpi{background:var(--background);border-radius:var(--radius-control);padding:8px 10px}.mock-kpi-label{color:var(--text-muted);font-size:10px}.mock-kpi-value{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.mock-resume,.mock-chart,.mock-post,.mock-quiz{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.mock-resume{background:var(--mint-fill);border-color:var(--mint-border);grid-column:1/-1}.mock-resume .bar{margin-top:10px}.mock-resume .btn{pointer-events:none}.mock-eyebrow{font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--primary-hover)}.mock-spark{width:100%;height:56px;display:block}.mock-quiz{align-items:center;gap:12px;display:flex}.mock-quiz .ring{width:44px;height:44px}.mock-quiz .ring-value{font-size:var(--text-xs)}.stat-strip{gap:var(--gutter);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);grid-template-columns:repeat(4,minmax(0,1fr));padding:28px;display:grid}.stat{text-align:center}.stat-value{font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--primary-hover)}.stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px}.trusted-label{text-align:center;font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:16px}.trusted-row{color:var(--text-muted);font-weight:var(--weight-semibold);font-size:var(--text-lg);opacity:.7;flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.feature-grid{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin-top:28px;display:grid}.feature-wide{grid-column:span 2}.feature-title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.feature-copy{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-top:8px}.feature-demo{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:16px;padding:14px}.mini-post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);padding:10px 12px}.feature-video{background:var(--sidebar-active);border:none;justify-content:center;align-items:center;height:140px;display:flex;position:relative}.play-badge{border-radius:var(--radius-pill);background:#fff3;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.video-quality{color:var(--on-dark);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:#0003;padding:2px 8px;position:absolute;bottom:12px;right:12px}.dots{gap:6px;display:flex}.dot{border-radius:var(--radius-pill);background:var(--border);width:8px;height:8px}.dot.is-done{background:var(--primary)}.dot.is-current{background:var(--primary);box-shadow:0 0 0 3px var(--mint-border)}.quiz-opt{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);font-size:var(--text-sm);align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.quiz-opt.is-correct{background:var(--mint-fill);border-color:var(--mint-border);color:var(--primary-hover);font-weight:var(--weight-medium)}.feature-cert{justify-content:center;display:flex}.cert-mini{background:var(--surface);border:1.5px solid var(--mint-border);border-radius:var(--radius-control);text-align:center;width:100%;padding:16px 20px}.cert-eyebrow{letter-spacing:var(--tracking-wide);color:var(--text-muted);font-size:9px;font-weight:var(--weight-semibold)}.cert-course{font-weight:var(--weight-semibold);margin:6px 0 4px}.cert-id{font-size:var(--text-xs);color:var(--primary-hover)}.role-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.role-tile{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.how{position:relative}.how-n{border-radius:var(--radius-pill);background:var(--mint-fill);width:32px;height:32px;color:var(--primary-hover);font-weight:var(--weight-semibold);justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.cta{background:var(--sidebar);border-radius:var(--radius-lg);text-align:center;color:var(--on-dark);padding:56px 24px}.cta-title{font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.cta-sub{color:var(--on-dark-65);margin-top:10px}.catalog{gap:var(--gutter);grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.filter-group+.filter-group{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.filter-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:10px;display:block}.filter-row{font-size:var(--text-sm);padding:6px 0}.filter-label{flex:1}.filter-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--background);border-radius:var(--radius-pill);padding:1px 8px}.detail-banner{background:linear-gradient(160deg, var(--mint-fill) 0%, var(--surface) 70%);border-bottom:1px solid var(--border);padding:28px 0 36px}.detail-back{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:18px;display:inline-block}.detail-title{font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;max-width:760px;line-height:1.15}.detail-sub{color:var(--text-muted);font-size:var(--text-lg);max-width:680px;margin-top:10px}.detail-meta{font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.detail-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;display:grid}.detail-aside{top:calc(var(--topbar-height) + 24px);position:sticky}.detail-thumb{border-radius:var(--radius-md);height:150px;margin:-4px 0 16px;position:relative;overflow:hidden}.detail-thumb:after{content:"";border-radius:var(--radius-pill);background:#fff3;width:140px;height:140px;position:absolute;bottom:-40px;right:-30px}.detail-price{font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;display:grid}.learn-item{font-size:var(--text-sm);line-height:var(--leading-snug);align-items:flex-start;gap:10px;display:flex}.learn-item svg{flex-shrink:0;margin-top:2px}.signin-headline{font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;max-width:420px;line-height:1.2}.signin-blurb{color:var(--on-dark-65);max-width:400px;line-height:var(--leading-relaxed);margin-top:14px}.signin-proof{color:var(--on-dark-70);align-items:center;gap:14px;display:flex}.signin-proof .avatar-stack .avatar{border-color:var(--sidebar)}.signin-proof .avatar-more{background:var(--sidebar-active);color:var(--on-dark-70)}.signin-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.signin-divider{color:var(--text-muted);font-size:var(--text-2xs);align-items:center;gap:12px;margin:22px 0;display:flex}.signin-divider:before,.signin-divider:after{content:"";background:var(--border);flex:1;height:1px}.dash-split{gap:var(--gutter);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;display:grid}.chart{width:100%;height:190px;display:block}.chart-axis{font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;padding:0 6px;display:flex}.legend{border-radius:3px;width:10px;height:10px;display:inline-block}.settings-grid{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.upload-slot{border:1.5px dashed var(--mint-border);border-radius:var(--radius-md);background:var(--mint-fill);align-items:center;gap:14px;padding:14px;display:flex}.upload-slot>div{flex:1}.swatches{gap:12px;display:flex}.swatch{border-radius:var(--radius-pill);width:36px;height:36px;box-shadow:0 0 0 2px var(--surface), 0 0 0 2px transparent}.swatch.is-chosen{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.course-swatch{border-radius:var(--radius-control);flex-shrink:0;width:32px;height:32px;display:inline-block}.deadline-date{border-radius:var(--radius-control);border:1.5px solid var(--border);background:var(--background);min-width:52px;font-size:var(--text-xs);font-weight:var(--weight-semibold);flex-shrink:0;justify-content:center;align-items:center;padding:6px 8px;display:inline-flex}.builder{gap:var(--gutter);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.builder-lesson{gap:10px}.drag{cursor:grab;display:inline-flex}.builder-add{border-top:1px solid var(--border);padding:10px 16px}.question{padding:16px 20px}.question-n{border-radius:var(--radius-pill);background:var(--mint-fill);width:26px;height:26px;color:var(--primary-hover);font-size:var(--text-2xs);font-weight:var(--weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.resume-card{background:var(--sidebar);color:var(--on-dark);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr) 260px;display:grid;position:relative;overflow:hidden}.resume-body{z-index:1;padding:28px 32px;position:relative}.resume-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;margin-top:6px}.resume-next{color:var(--on-dark-70);font-size:var(--text-sm);margin-top:6px}.resume-progress{max-width:420px;color:var(--on-dark-70);margin-top:20px}.resume-progress .bar{background:var(--on-dark-20)}.resume-art{position:relative;overflow:hidden}.shape-a{border-radius:var(--radius-pill);background:var(--primary);opacity:.45;width:220px;height:220px;position:absolute;top:-60px;right:-50px}.shape-b{border-radius:var(--radius-pill);background:var(--chart-2);opacity:.3;width:170px;height:170px;position:absolute;bottom:-80px;right:90px}.player{gap:var(--gutter);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.player-video{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--sidebar-active);justify-content:center;align-items:center;max-width:100%;display:flex;position:relative}.player-video .play-badge{width:68px;height:68px}.quiz-shell{max-width:780px;margin:0 auto}.quiz-card{margin:16px 0 20px;padding:28px}.quiz-text{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1.35}.quiz-choices{flex-direction:column;gap:10px;margin-top:20px;display:flex}.quiz-choice{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);width:100%;font-size:var(--text-base);align-items:center;gap:12px;padding:14px 16px;display:flex}.quiz-choice:hover{border-color:var(--mint-border);background:var(--background)}.quiz-choice.is-chosen{background:var(--mint-fill);border-color:var(--primary);font-weight:var(--weight-medium)}.radio-dot{border-radius:var(--radius-pill);background:var(--primary);width:8px;height:8px;display:block}.result-summary{align-items:center;gap:32px;padding:32px;display:flex}.review-item{padding:16px 20px}.review-mark{border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.review-mark.is-ok{background:var(--primary)}.review-mark.is-bad{background:var(--danger)}.cert-sheet{background:var(--surface);border:2px solid var(--mint-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);text-align:center;padding:28px}.cert-name{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:10px 0 6px}.cert-sheet .cert-course{font-size:var(--text-lg);color:var(--primary-hover);margin:8px 0 20px}.cert-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.google-badge{border-radius:var(--radius-pill);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.mobile-stage{max-width:var(--content-max);padding:40px var(--content-pad) 80px;margin:0 auto}.mobile-head{max-width:640px;margin-bottom:32px}.frames{flex-wrap:wrap;gap:48px;display:flex}.frame-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:12px}.phone{background:var(--background);border:10px solid var(--sidebar);border-radius:36px;flex-direction:column;width:390px;max-width:100%;height:780px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 48px #0f1f1929}.phone-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:56px;padding:0 14px;display:flex}.phone-icon{color:var(--text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px;display:inline-flex}.phone-body{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.phone-body-dim{filter:blur(1px)}.m-resume{background:var(--sidebar);color:var(--on-dark);border-radius:var(--radius-card);padding:16px}.m-resume .bar{background:var(--on-dark-20)}.m-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.m-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.m-section{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:6px}.m-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px;display:flex}.phone-tabbar{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;grid-template-columns:repeat(4,1fr);height:62px;display:grid}.phone-tab{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.phone-tab.is-active{color:var(--primary-hover)}.phone-drawer{background:var(--sidebar);width:272px;color:var(--on-dark);z-index:2;box-shadow:var(--shadow-panel);flex-direction:column;padding-bottom:12px;display:flex;position:absolute;inset:0 auto 0 0}.phone-scrim{z-index:1;background:#0f1f1966;position:absolute;inset:0}.bottom-nav{z-index:80;height:var(--bottom-nav-height);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0f1f190f}.bottom-nav-inner{height:var(--bottom-nav-height);grid-template-columns:repeat(4,1fr);display:grid}.bottom-tab{font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted);text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.bottom-tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-tab.is-active{color:var(--primary-hover)}.bottom-tab.is-active svg{stroke:var(--primary)}.more-sheet,.more-scrim{display:none}.more-sheet{left:0;right:0;bottom:var(--bottom-nav-height);z-index:79;background:var(--surface);border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(calc(100% + var(--bottom-nav-height) + env(safe-area-inset-bottom,0px)));visibility:hidden;transition:transform var(--duration-base) var(--ease), visibility 0s linear var(--duration-base);padding:8px 12px 16px;position:fixed;box-shadow:0 -8px 32px #0f1f192e}.more-sheet.is-open{visibility:visible;transition-delay:0s;transform:none}.more-grip{border-radius:var(--radius-pill);background:var(--border);width:40px;height:4px;margin:8px auto 12px}.more-link{border-radius:var(--radius-control);color:var(--text);font-weight:var(--weight-medium);text-align:left;align-items:center;gap:12px;width:100%;padding:13px 12px;display:flex}.more-link:hover{background:var(--background)}.more-link.is-active{background:var(--mint-fill);color:var(--primary-hover)}.more-scrim{z-index:78;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease);background:#0f1f1959;position:fixed;inset:0}.more-scrim.is-open{opacity:1;pointer-events:auto}.course-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.course-tabs .tab{white-space:nowrap}@media (width<=1179px){.app:not(.is-expanded) .sidebar{width:var(--sidebar-collapsed)}.app:not(.is-expanded) .sidebar-head .brand-name,.app:not(.is-expanded) .nav-label,.app:not(.is-expanded) .nav-chevron,.app:not(.is-expanded) .nav-children,.app:not(.is-expanded) .logout-label{display:none}.app:not(.is-expanded) .sidebar-head{justify-content:center;padding:16px 8px 12px}.app:not(.is-expanded) .nav-item,.app:not(.is-expanded) .logout{justify-content:center;padding-left:0;padding-right:0}.kpi-grid,.stat-strip,.course-grid,.course-grid-4,.feature-grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-wide{grid-column:span 2}.grid-2,.settings-grid,.dash-split{grid-template-columns:minmax(0,1fr)}.site-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{grid-template-columns:minmax(0,1fr);gap:32px}.hero-mock{display:none}.feed{grid-template-columns:minmax(0, 1fr) var(--feed-right)}.feed>.feed-main{order:1}.feed>.feed-side:last-child{order:2}.feed>.feed-side:first-child{order:3;grid-column:1/-1}.detail-grid,.player,.resume-card{grid-template-columns:minmax(0,1fr)}.resume-art{display:none}.detail-aside{position:static}.catalog{grid-template-columns:220px minmax(0,1fr)}.builder{grid-template-columns:180px minmax(0,1fr)}.topbar-title{width:auto}.index-panel{width:420px}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.sidebar{display:none}.app{display:block}.app-main{min-height:100vh}.content,.site-main{padding-bottom:calc(var(--bottom-nav-height) + 24px)}.bottom-nav,.more-sheet,.more-scrim{display:block}.content{padding:16px var(--content-pad-sm) calc(var(--bottom-nav-height) + 24px)}.topbar{padding:0 var(--content-pad-sm);gap:10px}.topbar-title{width:auto;min-width:0;font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.topbar-search{flex:none}.topbar-search-field{width:auto}.topbar-search-field .input{display:none}.topbar-search-toggle{pointer-events:auto;border-radius:var(--radius-control);padding:8px;position:static}.topbar-search-field{position:static}.topbar-search.is-expanded .input{z-index:61;width:auto;display:block;position:absolute;top:12px;left:12px;right:12px}.search-panel{top:calc(100% + 4px);left:12px;right:12px}.topbar-user-meta{display:none}.topbar-notices{position:static}.notice-panel{width:auto;top:calc(100% + 4px);left:12px;right:12px}.site-nav-inner{padding:0 var(--content-pad-sm)}.site-links{display:none}.kpi-grid,.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-grid,.course-grid-4,.feature-grid,.grid-2,.grid-3,.settings-grid,.dash-split,.role-row,.site-footer-inner{grid-template-columns:minmax(0,1fr)}.feature-wide{grid-column:span 1}.rail{padding:0 var(--content-pad-sm)}.band{padding:40px 0}.band-title{font-size:var(--text-2xl)}.feed{grid-template-columns:minmax(0,1fr)}.feed>.feed-main{order:1}.feed>.feed-side:first-child{order:2}.feed>.feed-side:last-child{order:3}.feed-banner{flex-direction:column;align-items:flex-start;gap:12px}.composer-actions{padding-left:0}.catalog,.builder{grid-template-columns:minmax(0,1fr)}.stepper{flex-direction:row;padding-bottom:4px;overflow-x:auto}.step{flex:none;width:auto}.resume-card{grid-template-columns:minmax(0,1fr)}.resume-art{display:none}.resume-body{padding:20px var(--content-pad-sm)}.resume-title{font-size:var(--text-lg)}.resume-progress{max-width:none}.player,.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-aside{position:static}.detail-title{font-size:var(--text-2xl)}.learn-grid{grid-template-columns:minmax(0,1fr)}.hero{padding:40px 0 48px}.hero-inner{grid-template-columns:minmax(0,1fr);gap:28px}.hero-mock{display:none}.hero-title{font-size:var(--text-3xl)}.hero-sub{font-size:var(--text-base)}.hero-inner .row{flex-direction:column;align-items:stretch}.hero-inner .btn{width:100%}.trusted-row{font-size:var(--text-base);gap:20px}.signin{grid-template-columns:minmax(0,1fr);min-height:auto}.signin-panel{padding:32px var(--content-pad-sm);gap:24px;min-height:320px}.signin-headline{font-size:var(--text-2xl)}.signin-form{padding:32px var(--content-pad-sm) calc(var(--bottom-nav-height) + 32px)}.result-summary{flex-direction:column;align-items:flex-start;gap:20px}.quiz-card{padding:20px}.quiz-text{font-size:var(--text-lg)}html,body{max-width:100%;overflow-x:hidden}.toolbar-grow{min-width:0}.card-head{gap:10px}.page-head{flex-direction:column;align-items:stretch;gap:12px}.toolbar{gap:10px}.card{padding:16px}.cta{padding:36px 20px}.cta-title{font-size:var(--text-2xl)}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table th,.table td{white-space:nowrap}.panel,.drawer{width:100%;max-width:100%}.index-dock{right:12px;bottom:calc(var(--bottom-nav-height) + 12px)}.index-btn{border-radius:var(--radius-pill);padding:10px}.index-btn span{display:none}.index-panel{width:calc(100vw - 24px);max-height:60vh}.index-grid{grid-template-columns:minmax(0,1fr)}.toast{bottom:calc(var(--bottom-nav-height) + 16px);width:calc(100% - 32px)}.frames{flex-direction:column;gap:32px}.library{padding:24px var(--content-pad-sm) 60px}}@media (width<=359px){.kpi-grid,.stat-strip{grid-template-columns:minmax(0,1fr)}.bottom-tab{font-size:9px}.bottom-tab span{letter-spacing:-.01em}.hero-title{font-size:var(--text-2xl)}.card{padding:14px}}