:root{--bg:#f7f8fa;--surface:#ffffff;--surface-soft:#f1f5f4;--surface-strong:#0b1220;--ink:#111827;--muted:#667085;--line:#e6eaf0;--primary:#0f766e;--primary-dark:#115e59;--accent:#2563eb;--warning:#b7791f;--radius:10px;--shadow:0 20px 50px rgba(15,23,42,0.08)}.demo-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.demo-account-grid button{border:1px solid var(--border);border-radius:8px;background:#ffffff;color:var(--text);cursor:pointer;display:grid;grid-gap:4px;gap:4px;min-height:62px;padding:10px;text-align:left}.demo-account-grid button:hover{border-color:var(--accent)}.demo-account-grid small{color:var(--muted);font-size:12px}.auth-message{border:1px solid rgba(37,99,235,.16);border-radius:8px;background:rgba(37,99,235,.06);color:#1d4ed8;display:grid;grid-gap:4px;gap:4px;line-height:1.6;margin:0;padding:10px 12px}.auth-message.error{border-color:rgba(220,38,38,.2);background:rgba(220,38,38,.06);color:#b91c1c}.auth-entry{display:grid;grid-gap:14px;gap:14px}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:6px}.auth-tabs button{border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-weight:900;min-height:40px;padding:9px 10px}.auth-tabs button.active,.auth-tabs button:hover{background:#ffffff;color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.08)}.permission-state{align-items:flex-start;background:#ffffff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px;margin:40px auto;max-width:520px;padding:24px}.permission-state strong{color:var(--text);font-size:22px}.permission-state p{color:var(--muted);line-height:1.8;margin:0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.auth-status,.topbar-actions{align-items:center;display:flex;gap:10px}.auth-status{border:1px solid var(--border);border-radius:8px;min-height:42px;padding:6px 8px 6px 12px}.auth-status span{color:var(--text);font-size:14px;font-weight:800}.auth-status button,.auth-status small{color:var(--muted);font-size:12px}.auth-status button{border:0;border-radius:7px;background:#f1f5f9;cursor:pointer;padding:7px 9px}.auth-status button:hover{color:var(--text)}.policy-card,.review-mode-card{background:#ffffff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:16px;gap:16px;margin:0 auto;max-width:860px;padding:clamp(24px,5vw,44px)}.policy-card h1,.review-mode-card h1{color:var(--text);font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0}.policy-card p,.review-mode-card p{color:var(--muted);font-size:16px;line-height:1.9;margin:0}@media (max-width:760px){.demo-account-grid{grid-template-columns:1fr}.auth-status,.topbar-actions{align-items:stretch;width:100%}}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(15,118,110,.1),transparent 34%),linear-gradient(180deg,#fbfcfd 0,var(--bg) 420px);color:var(--ink);font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 56px;border-bottom:1px solid rgba(230,234,240,.82);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:inline-flex;align-items:center;gap:12px;min-width:200px}.brand-logo{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:linear-gradient(135deg,#0f766e,#111827);color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(15,118,110,.22)}.brand-mark small,.brand-mark strong{display:block}.brand-mark strong{letter-spacing:0}.brand-mark small{margin-top:2px;color:var(--muted);font-size:12px}.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7)}.site-nav a{border-radius:999px;color:#475467;font-size:14px;padding:8px 12px}.site-nav a:hover{background:#f1f5f9;color:var(--ink)}.site-footer{justify-content:space-between;gap:18px;padding:26px 56px;border-top:1px solid rgba(230,234,240,.9);background:#fff;color:#667085;font-size:13px}.site-footer,.site-footer div{display:flex;align-items:center}.site-footer div{flex-wrap:wrap;gap:10px}.site-footer strong{color:var(--ink)}.site-footer a{color:#475467}.site-footer a:hover{color:var(--primary)}.danger-button,.ghost-button,.header-action,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:9px;cursor:pointer;font-size:14px;font-weight:800;padding:0 16px;white-space:nowrap}.header-action,.primary-button{background:#101828;color:#fff;box-shadow:0 12px 24px rgba(16,24,40,.14)}.secondary-button{background:var(--primary);color:#fff}.ghost-button{border:1px solid var(--line);background:#fff;color:var(--ink)}.danger-button{border:1px solid rgba(220,38,38,.22);background:#fef2f2;color:#b42318}.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);grid-gap:48px;gap:48px;align-items:center;min-height:calc(100vh - 80px);padding:58px 56px 48px}.hero-copy{max-width:780px}.badge,.eyebrow,.section-intro span{display:inline-flex;align-items:center;border:1px solid rgba(15,118,110,.18);border-radius:999px;background:#ecfdf7;color:var(--primary-dark);font-size:13px;font-weight:800;padding:7px 11px}.hero h1{margin:22px 0 18px;max-width:760px;font-size:clamp(46px,6.4vw,84px);line-height:.98;letter-spacing:0}.hero p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;max-width:620px;margin-top:34px}.hero-metrics div{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);padding:16px}.hero-metrics span,.hero-metrics strong{display:block}.hero-metrics strong{font-size:28px}.hero-metrics span{margin-top:5px;color:var(--muted);font-size:13px}.hero-panel{position:relative;border:1px solid rgba(230,234,240,.9);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);overflow:hidden}.hero-panel:before{content:"";display:block;height:7px;background:linear-gradient(90deg,var(--primary),var(--accent),#111827)}.panel-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 22px}.hero-dashboard{display:grid;grid-gap:0;gap:0}.dashboard-highlight{display:flex;gap:16px;align-items:center;padding:22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8fafc,#ecfdf7)}.dashboard-highlight svg{flex:0 0 auto;color:var(--primary-dark)}.dashboard-highlight small,.dashboard-highlight span,.dashboard-highlight strong{display:block}.dashboard-highlight small{color:var(--muted)}.dashboard-highlight strong{margin:6px 0;font-size:20px}.dashboard-highlight span{color:var(--muted);font-size:13px}.panel-grid{display:grid;grid-gap:0;gap:0}.panel-row{display:grid;grid-template-columns:92px 1fr 90px;grid-gap:16px;gap:16px;align-items:center;border-bottom:1px solid #eef2f6;background:#fff;padding:17px 22px}.panel-row:last-child{border-bottom:0}.panel-row small{color:var(--muted)}.panel-row strong{font-size:15px}.panel-row span{justify-self:end;border-radius:999px;background:#f0fdfa;color:var(--primary-dark);font-size:12px;font-weight:800;padding:5px 9px}.section{padding:58px 56px}.course-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.52fr);grid-gap:42px;gap:42px;align-items:center;padding:74px 56px 48px}.course-hero h1{max-width:820px;margin:20px 0 16px;font-size:clamp(42px,5.6vw,72px);line-height:1.02;letter-spacing:0}.course-hero p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.8}.course-summary-card{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);padding:18px}.course-summary-card div{display:grid;grid-template-columns:34px 1fr auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid #eef2f6;border-radius:12px;background:#fff;padding:14px}.course-summary-card svg{color:var(--primary-dark)}.course-summary-card span{color:var(--muted);font-size:13px}.course-summary-card strong{font-size:16px}.section.alt{background:rgba(255,255,255,.72)}.section-intro{max-width:760px;margin-bottom:30px}.section-intro h2{margin:14px 0 12px;font-size:clamp(30px,4vw,48px);letter-spacing:0}.section-intro p{color:var(--muted);font-size:17px;line-height:1.75}.admin-grid,.audience-grid,.case-grid,.feature-grid,.package-grid,.stat-grid,.workflow-grid{display:grid;grid-gap:18px;gap:18px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-grid,.case-grid,.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.course-phase-grid{display:grid;grid-gap:18px;gap:18px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.note-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.note-section-card{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 1px 2px rgba(16,24,40,.03);display:grid;grid-gap:14px;gap:14px;padding:24px}.note-section-card h3{margin:0;font-size:24px}.note-section-card p{color:var(--muted);line-height:1.75;margin:0}.boundary-list,.note-section-card div{display:flex;flex-wrap:wrap;gap:10px}.boundary-list span,.note-section-card span{border:1px solid #d9f4ed;border-radius:999px;background:#ecfdf7;color:var(--primary-dark);font-size:13px;font-weight:800;line-height:1.5;padding:7px 10px}.boundary-list{align-content:start;max-width:520px}.boundary-list span{border-radius:10px;background:#fff;color:#344054}.audience-card,.case-card,.course-player,.empty-card,.feature-card,.final-cta,.form-card,.package-card,.stat-card,.table-card,.workflow-card{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 1px 2px rgba(16,24,40,.03);padding:22px}.audience-card{display:flex;gap:12px;align-items:flex-start;min-height:104px;font-weight:800;line-height:1.7}.audience-card svg{flex:0 0 auto;margin-top:3px;color:var(--primary)}.workflow-card{min-height:178px}.choice-card,.course-phase-card{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.92);padding:24px}.choice-card svg{color:var(--primary)}.choice-card h3{margin:14px 0 8px;font-size:24px}.choice-card p{color:var(--muted);line-height:1.75}.course-phase-card h3{margin:16px 0 8px;font-size:24px}.course-phase-card p{max-width:760px;margin:0 0 18px;color:var(--muted);line-height:1.7}.progress-item div{display:grid;grid-gap:5px;gap:5px;min-width:0}.progress-item small{color:var(--muted);font-size:13px;line-height:1.65}.workflow-card span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#ecfdf7;color:var(--primary-dark);font-weight:900}.workflow-card h3{margin:18px 0 8px;font-size:22px}.workflow-card p{color:var(--muted);line-height:1.7}.feature-card svg{color:var(--primary)}.case-card h3,.feature-card h3,.package-card h3{margin:14px 0 8px}.case-card p,.feature-card p,.package-card li,.stat-card span{color:var(--muted);line-height:1.65}.case-card strong{display:block;margin:10px 0;font-size:24px}.student-review-card h3,.student-review-card strong{overflow-wrap:anywhere}.case-story-list{display:grid;grid-gap:22px;gap:22px}.case-boundary-note{max-width:980px;margin:-10px auto 28px;padding:12px 16px;border:1px solid #d8ece8;border-radius:8px;background:#f7fbfa;color:#516174;font-size:14px;line-height:1.8}.case-story-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);grid-gap:24px;gap:24px;align-items:start;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);padding:24px}.case-story-copy h3{margin:16px 0 10px;font-size:clamp(26px,3vw,38px);letter-spacing:0}.case-story-copy>p{color:var(--muted);font-size:16px;line-height:1.8}.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.case-meta span{border:1px solid var(--line);border-radius:999px;background:#fff;color:#475467;font-size:12px;font-weight:800;padding:6px 9px}.case-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:18px 0}.case-stat-row strong{border:1px solid #d9f4ed;border-radius:12px;background:#ecfdf7;color:var(--primary-dark);font-size:14px;padding:12px}.case-review{border:1px solid var(--line);border-radius:14px;background:#f8fafc;padding:16px}.case-review small{color:var(--primary-dark);font-weight:900}.case-review p{margin:8px 0 0;color:var(--muted);line-height:1.75}.case-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;max-height:760px;overflow:auto;padding-right:4px}.case-image-grid img{display:block;width:100%;max-height:520px;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.case-image-placeholder{display:grid;min-height:260px;place-items:center;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:var(--muted);font-weight:800}.case-admin-list{display:grid;grid-gap:14px;gap:14px}.case-admin-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.94);padding:20px}.case-admin-card h3{margin:14px 0 8px}.case-admin-card p{color:var(--muted);line-height:1.7}.case-admin-actions{display:flex;gap:10px}.package-card.featured{border-color:rgba(15,118,110,.35);box-shadow:var(--shadow)}.package-head span{color:var(--primary-dark);font-size:13px;font-weight:800}.package-head strong{font-size:36px}.package-head small{color:var(--muted);margin-left:8px}.package-card ul{display:grid;grid-gap:12px;gap:12px;list-style:none;margin:18px 0 0;padding:0}.package-card li{display:flex;gap:10px}.package-card li svg{color:var(--primary);flex:0 0 auto;margin-top:3px}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.timeline-item{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px}.timeline-item span{color:var(--primary-dark);font-weight:900}.login-layout{display:grid;min-height:100vh;grid-template-columns:1fr 440px}.login-visual{display:flex;flex-direction:column;justify-content:space-between;padding:56px;background:radial-gradient(circle at 20% 10%,rgba(15,118,110,.32),transparent 30%),#0b1220;color:#fff}.login-visual p{max-width:620px;color:rgba(255,255,255,.72);font-size:18px;line-height:1.8}.login-box{display:grid;align-content:center;grid-gap:18px;gap:18px;padding:42px;background:#fff}.form-card{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px}.field label{color:#475467;font-size:14px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:12px 13px}.danger-button,.field input,.field select,.field textarea,.file-drop,.ghost-button,.primary-button,.secondary-button{touch-action:manipulation}.field textarea{min-height:110px;resize:vertical}.app-frame{display:grid;min-height:100vh;grid-template-columns:276px 1fr;background:#f6f7f9}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 20% 0,rgba(20,184,166,.2),transparent 34%),#0b1220;color:#fff;padding:20px}.app-sidebar .brand-logo{background:#fff;color:#0b1220;box-shadow:none}.app-sidebar .brand-mark small{color:rgba(255,255,255,.58)}.sidebar-brand{min-width:0;padding-bottom:22px}.side-menu{display:grid;grid-gap:7px;gap:7px}.side-menu a{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;color:rgba(255,255,255,.68);padding:12px}.side-menu a:hover{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.08);color:#fff}.app-main{padding:28px}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.app-topbar small{color:var(--primary-dark);font-weight:900}.app-topbar h1{margin:6px 0 0;font-size:32px;letter-spacing:0}.admin-hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);grid-gap:20px;gap:20px;align-items:start;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(15,118,110,.1),rgba(37,99,235,.06)),#fff;box-shadow:var(--shadow);margin-bottom:18px;padding:28px}.admin-hero-card h2{margin:14px 0 10px;font-size:clamp(28px,3.2vw,42px);letter-spacing:0}.admin-hero-card p{max-width:760px;color:var(--muted);line-height:1.75}.admin-alert{display:flex;gap:10px;align-items:flex-start;border:1px solid #fedf89;border-radius:14px;background:#fffaeb;color:#93370d;font-weight:800;line-height:1.6;padding:14px}.admin-alert svg{flex:0 0 auto;margin-top:2px}.admin-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:18px}.admin-work-card{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.94);padding:22px}.admin-work-card svg{color:var(--primary-dark)}.admin-work-card h3{margin:14px 0 8px}.admin-work-card p{color:var(--muted);line-height:1.7}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.94);margin-bottom:18px;padding:22px}.admin-toolbar h2{margin:0 0 8px;font-size:24px}.admin-toolbar p{margin:0;color:var(--muted);line-height:1.7}.admin-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;margin-bottom:18px}.content-editor-section{margin-bottom:22px}.content-form{grid-template-columns:repeat(2,minmax(0,1fr))}.content-form .wide{grid-column:1/-1}.content-list-editor{display:grid;grid-gap:12px;gap:12px}.content-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);padding:14px}.content-row span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#ecfdf7;color:var(--primary-dark);font-weight:900}.content-row input{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px}.content-package-editor{display:grid;grid-template-columns:minmax(220px,.32fr) 1fr;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);padding:16px}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-28px;top:-28px;width:90px;height:90px;border-radius:999px;background:rgba(15,118,110,.08)}.stat-card strong{display:block;margin:8px 0;font-size:34px;letter-spacing:0}.student-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:24px;gap:24px;align-items:start;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(15,118,110,.09),rgba(37,99,235,.06)),#fff;box-shadow:var(--shadow);margin-bottom:18px;padding:28px}.student-hero-card.compact{grid-template-columns:1fr}.student-hero-card h2{max-width:760px;margin:14px 0 10px;font-size:clamp(28px,3.6vw,42px);letter-spacing:0}.student-hero-card p{max-width:760px;color:var(--muted);line-height:1.75}.student-hero-actions{display:flex;gap:10px}.student-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:18px}.student-panel{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.94);padding:22px}.upgrade-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(2,8,23,.52);padding:18px}.upgrade-modal{position:relative;width:min(720px,100%);max-height:min(86vh,760px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.28);padding:24px}.upgrade-modal-close{position:absolute;top:16px;right:16px;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}.upgrade-modal h2{max-width:560px;margin:12px 0 10px;font-size:28px;letter-spacing:0}.upgrade-modal>p{margin:0;color:var(--muted);line-height:1.8}.upgrade-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:18px 0}.upgrade-compare-grid article{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:16px}.upgrade-compare-grid article.featured{border-color:rgba(15,118,110,.36);background:#f0fdfa}.upgrade-compare-grid h3{margin:0 0 12px;font-size:18px}.upgrade-compare-grid ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding-left:18px;color:var(--muted);line-height:1.6}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.panel-title svg{color:var(--primary-dark)}.panel-title h3{margin:0;font-size:20px}.task-list{display:grid;grid-gap:10px;gap:10px}.task-item{display:grid;grid-template-columns:34px 1fr;grid-gap:12px;gap:12px;align-items:center;border:1px solid #eef2f6;border-radius:12px;background:#fff;padding:12px}.task-item span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#ecfdf7;color:var(--primary-dark);font-weight:900}.task-item strong{font-size:14px}.review-preview h4{margin:14px 0 8px;font-size:19px}.muted-text,.review-preview p{color:var(--muted);line-height:1.75}.student-tools-workbench{display:grid;grid-gap:18px;gap:18px}.student-tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.student-tool-card{display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}.linked-tool-card{color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.linked-tool-card:hover{border-color:rgba(15,118,110,.42);box-shadow:0 18px 36px rgba(15,23,42,.09);transform:translateY(-2px)}.student-tool-card>svg{display:grid;width:42px;height:42px;border-radius:11px;background:#ecfdf7;color:var(--primary-dark);padding:9px}.student-tool-card span{color:var(--primary-dark);font-size:12px;font-weight:900}.student-tool-card h3{margin:5px 0 6px}.student-tool-card p{color:var(--muted);line-height:1.65;margin:0}.tool-section{margin-top:0}.tool-section-header{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:18px}.tool-section-header h3{margin:8px 0 0;font-size:22px}.tool-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.tool-step-item{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:14px;color:var(--ink)}.tool-step-item strong{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:999px;background:#ecfdf7;color:var(--primary-dark);font-size:14px}.tool-two-column{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.rent-copy-layout{margin-top:14px}.tool-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.tool-form-grid .wide{grid-column:1/-1}.main-image-preview,.tool-result,.topic-result-card{border:1px solid var(--line);border-radius:14px;background:#f8fafc}.tool-result{display:grid;grid-gap:12px;gap:12px;padding:16px}.tool-result-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.tool-result-head small{color:var(--muted);display:block;font-size:12px;font-weight:800;margin-top:5px}.tool-result-head .ghost-button{flex:0 0 auto}.tool-result h4,.topic-result-card h4{margin:0}.tool-output-list{display:grid;grid-gap:8px;gap:8px}.tool-output-list strong{border:1px solid #d9f4ed;border-radius:10px;background:#ecfdf7;color:var(--primary-dark);padding:10px}.tool-result pre{border:1px solid var(--line);border-radius:12px;background:#fff;color:#344054;font-family:inherit;line-height:1.8;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap}.rent-copy-result pre{min-height:110px}.tool-result p{color:#475467;line-height:1.75;margin:0}.tool-tags,.tool-tip-list{display:flex;flex-wrap:wrap;gap:8px}.tool-tags span,.tool-tip-list span{border-radius:999px;background:#fff;color:#475467;font-size:12px;font-weight:900;padding:7px 10px}.main-image-preview{aspect-ratio:1/1;display:grid;align-content:space-between;grid-gap:16px;gap:16px;min-height:430px;overflow:hidden;padding:28px}.main-image-preview.clean{background:linear-gradient(135deg,#f8fafc,#ecfdf7)}.main-image-preview.impact{background:#111827;color:#fff}.main-image-preview.friendly{background:linear-gradient(135deg,#fef7ed,#fff7ed)}.main-image-preview>span{justify-self:start;border-radius:999px;background:#0f766e;color:#fff;font-size:13px;font-weight:900;padding:8px 12px}.main-image-preview h4{font-size:clamp(30px,4vw,50px);line-height:1.12;margin:0;overflow-wrap:anywhere}.main-image-preview p{color:inherit;font-size:20px;font-weight:800;line-height:1.45;margin:0;opacity:.82}.main-image-preview div{display:grid;grid-gap:8px;gap:8px}.main-image-preview strong{border-radius:10px;background:rgba(255,255,255,.86);color:var(--primary-dark);padding:10px 12px}.main-image-preview.impact strong{background:rgba(255,255,255,.12);color:#d1fae5}.main-image-preview .primary-button{justify-self:start}.tool-tip-list{margin-top:14px}.rent-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.rent-chip-grid,.rent-rank-group-row,.rent-segmented-control,.rent-skin-picker{display:flex;flex-wrap:wrap;gap:8px}.rent-segmented-control{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:6px}.rent-chip-grid button,.rent-rank-group-row button,.rent-segmented-control button,.rent-skin-picker button{border:1px solid var(--line);border-radius:9px;background:#fff;color:#475467;cursor:pointer;font-weight:900;min-height:38px;padding:8px 10px}.rent-chip-grid button.active,.rent-chip-grid button:hover,.rent-rank-group-row button:hover,.rent-segmented-control button.active,.rent-segmented-control button:hover,.rent-skin-picker button.active,.rent-skin-picker button:hover{border-color:rgba(15,118,110,.36);background:#ecfdf7;color:var(--primary-dark)}.rent-skin-picker{max-height:260px;overflow:auto;padding-right:4px}.rent-skin-picker button{align-items:flex-start;display:grid;grid-gap:3px;gap:3px;min-width:136px;text-align:left}.field-hint,.rent-skin-picker small{color:var(--muted);font-size:12px;font-weight:800}.rent-skin-picker span{overflow-wrap:anywhere}.rent-note-grid button{align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:#475467;cursor:pointer;display:flex;gap:8px;justify-content:flex-start;min-height:42px;padding:9px 10px;text-align:left}.rent-note-grid button.active,.rent-note-grid button:hover{border-color:rgba(15,118,110,.36);background:#ecfdf7;color:var(--primary-dark)}.rent-note-grid svg{flex:0 0 auto}.topics-form{margin-bottom:16px}.topic-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.topic-result-card{display:grid;grid-gap:10px;gap:10px;padding:14px}.topic-result-card span,.topic-result-card svg{color:var(--primary-dark)}.topic-result-card span{font-size:12px;font-weight:900}.topic-result-card p{color:var(--muted);line-height:1.7;margin:0}.checkin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.checkin-form .wide,.checkin-form button{grid-column:1/-1}.course-player{display:grid;grid-gap:18px;gap:18px}.video-placeholder{display:grid;min-height:390px;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(15,118,110,.88),rgba(17,24,39,.94)),#0b1220;color:#fff;text-align:center}.video-player-frame{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#050816;aspect-ratio:16/9}.video-player-frame iframe,.video-player-frame video{display:block;width:100%;height:100%;border:0;background:#050816}.video-placeholder strong{display:block;margin-top:10px;font-size:24px}.progress-list{display:grid;grid-gap:10px;gap:10px}.progress-item{display:grid;grid-template-columns:40px 1fr auto;grid-gap:14px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px}.progress-item span:first-child{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#ecfdf7;color:var(--primary-dark);font-weight:900}.table-card{overflow-x:auto;padding:8px}table{width:100%;border-collapse:collapse;min-width:760px}td,th{border-bottom:1px solid var(--line);padding:14px 12px;text-align:left}tr:last-child td{border-bottom:0}th{color:#667085;font-size:12px;font-weight:900;letter-spacing:.02em}td{color:#344054}.status{display:inline-flex;border-radius:999px;background:#ecfdf7;color:var(--primary-dark);font-size:12px;font-weight:900;padding:6px 9px}.status.warn{background:#fffaeb;color:var(--warning)}.status.danger{background:#fef2f2;color:#b91c1c}.status.muted{background:#f1f5f9;color:#64748b}.deploy-summary-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.deploy-check-card,.deploy-summary-grid article{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.deploy-summary-grid span{color:#64748b;display:block;font-size:13px;margin-bottom:8px}.deploy-summary-grid strong{color:#111827;display:block;font-size:30px}.deploy-check-list{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.deploy-check-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.deploy-check-head h3{font-size:17px;margin:0 0 8px}.deploy-check-card p{color:#334155;line-height:1.7;margin:0 0 12px}.deploy-check-card small{color:#64748b;display:block;line-height:1.6}.course-learning-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px;align-items:start}.course-catalog-panel,.course-watch-panel{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow);padding:16px}.course-watch-panel{display:grid;grid-gap:16px;gap:16px}.course-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.course-tags,.lesson-homework{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.course-tags span,.lesson-homework span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:#344054;font-size:13px;font-weight:800;padding:7px 10px}.lesson-homework span{border-radius:10px}.material-link{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(15,118,110,.2);border-radius:10px;background:#ecfdf7;color:var(--primary-dark);font-weight:900;margin-bottom:12px;padding:10px 12px}.lesson-homework svg{color:var(--primary-dark);flex:0 0 auto}.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.catalog-head strong{color:var(--text)}.course-catalog-list{display:grid;grid-gap:10px;gap:10px}.course-catalog-list button{display:grid;grid-template-columns:38px minmax(0,1fr);grid-gap:8px 10px;gap:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);cursor:pointer;min-height:74px;padding:12px;text-align:left}.course-catalog-list button.active,.course-catalog-list button:hover{border-color:rgba(15,118,110,.42);background:#f0fdfa}.course-catalog-list button>span{display:grid;grid-row:1/3;place-items:center;border-radius:10px;background:#ecfdf7;color:var(--primary-dark);font-weight:900;width:38px;height:38px}.course-catalog-list strong{overflow-wrap:anywhere}.course-catalog-list small{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.course-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.course-admin-summary article{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--soft-shadow);display:grid;grid-gap:8px;gap:8px;padding:18px}.course-admin-summary svg{color:var(--primary-dark)}.course-admin-summary span{color:var(--muted);font-size:13px;font-weight:800}.course-admin-summary strong{color:var(--text);font-size:30px}.course-package-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.course-package-tabs button{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--soft-shadow);cursor:pointer;display:grid;grid-gap:6px;gap:6px;padding:16px 18px;text-align:left}.course-package-tabs button.active{border-color:rgba(15,118,110,.42);background:#f0fdfa}.course-package-tabs strong{color:var(--text);font-size:18px}.course-package-tabs small{color:var(--muted);font-size:13px;font-weight:800}.student-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px;align-items:start}.course-manager-layout{grid-template-columns:minmax(0,1fr) 420px}.student-admin-summary{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.student-admin-editor,.student-admin-main,.student-admin-summary article{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow)}.student-admin-summary article{display:grid;grid-gap:8px;gap:8px;padding:18px}.student-admin-summary svg,.student-permission-note svg{color:var(--primary-dark)}.student-admin-summary span{color:var(--muted);font-size:13px;font-weight:800}.student-admin-summary strong{color:var(--text);font-size:30px}.student-admin-main{overflow:hidden}.student-admin-main .table-card{border:0;box-shadow:none}.course-manager-list{display:grid;grid-gap:14px;gap:14px;padding:18px}.course-manager-head{align-items:center;display:flex;gap:14px;justify-content:space-between}.course-manager-head h3{color:var(--text);font-size:24px;margin:6px 0 4px}.course-manager-head p{color:var(--muted);font-weight:800;margin:0}.course-manager-head .primary-button{align-items:center;display:inline-flex;gap:8px;white-space:nowrap}.course-lesson-list{display:grid;grid-gap:10px;gap:10px}.course-lesson-card{align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;display:grid;grid-gap:12px;gap:12px;grid-template-columns:48px minmax(0,1fr) auto auto;padding:14px;text-align:left}.course-lesson-card.active{border-color:rgba(15,118,110,.42);background:#f0fdfa}.course-lesson-order{align-items:center;align-self:stretch;background:#ecfdf7;border-radius:10px;color:var(--primary-dark);display:inline-flex;font-weight:900;justify-content:center;min-height:46px}.course-lesson-copy{display:grid;grid-gap:5px;gap:5px;min-width:0}.course-lesson-copy strong{color:var(--text);overflow-wrap:anywhere}.course-lesson-copy small{color:var(--muted);font-size:12px;font-weight:800}.course-video-state{border:1px solid #fedf89;border-radius:999px;background:#fffbeb;color:#b45309;font-size:12px;font-weight:900;padding:6px 10px;white-space:nowrap}.course-video-state.ready{border-color:rgba(15,118,110,.22);background:#ecfdf7;color:var(--primary-dark)}.student-admin-main td{cursor:pointer;vertical-align:top}.student-admin-main td small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.selected-row td{background:#f0fdfa}.student-admin-editor{display:grid;grid-gap:14px;gap:14px;padding:18px;position:-webkit-sticky;position:sticky;top:18px}.editor-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.editor-head h3{color:var(--text);font-size:24px;margin:6px 0 0}.student-admin-editor .field textarea{min-height:100px}.course-editor-note{align-items:flex-start;border:1px solid rgba(15,118,110,.18);border-radius:12px;background:#f0fdfa;color:#475467;display:flex;gap:10px;line-height:1.7;padding:12px}.course-editor-note svg{color:var(--primary-dark);flex:0 0 auto}.course-editor-note p{margin:0}.course-asset-field{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:12px}.course-asset-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center}.course-asset-upload-row .file-drop{min-height:44px;padding:10px}.field-message{color:var(--primary-dark);font-size:12px;font-weight:800;line-height:1.5}.field-message.error{color:#b91c1c}.student-admin-editor input:disabled,.student-admin-editor select:disabled,.student-admin-editor textarea:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.student-editor-actions{display:flex;flex-wrap:wrap;gap:10px}.student-permission-note{align-items:flex-start;border:1px solid rgba(15,118,110,.18);border-radius:12px;line-height:1.7;padding:12px}.file-drop,.student-permission-note{background:#f0fdfa;color:#475467;display:flex;gap:10px}.file-drop{align-items:center;border:1px dashed rgba(15,118,110,.38);border-radius:12px;cursor:pointer;min-height:58px;padding:14px}.file-drop svg{color:var(--primary-dark)}.file-drop input{display:none}.checkin-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-gap:18px;gap:18px;align-items:start}.checkin-package-switcher{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.checkin-package-switcher button{border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);cursor:pointer;display:grid;grid-gap:6px;gap:6px;min-height:96px;padding:16px;text-align:left}.checkin-package-switcher button.active,.checkin-package-switcher button:hover{border-color:rgba(15,118,110,.42);background:#f0fdfa}.checkin-package-switcher span{font-size:15px;font-weight:900}.checkin-package-switcher strong{font-size:28px;line-height:1}.checkin-package-switcher small{color:var(--muted);font-weight:800}.checkin-admin-summary{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.checkin-admin-summary article,.checkin-list-panel,.checkin-review-editor{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow)}.checkin-admin-summary article{display:grid;grid-gap:8px;gap:8px;padding:18px}.checkin-admin-summary svg{color:var(--primary-dark)}.checkin-admin-summary span{color:var(--muted);font-size:13px;font-weight:800}.checkin-admin-summary strong{color:var(--text);font-size:30px}.checkin-list-panel{display:grid;grid-gap:10px;gap:10px;padding:14px}.checkin-panel-head{align-items:flex-end;display:flex;justify-content:space-between;gap:14px;padding:4px 2px 8px}.checkin-panel-head h3{color:var(--text);font-size:22px;margin:4px 0 0}.checkin-panel-head small{color:var(--muted);font-weight:900}.checkin-list-panel button{border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);cursor:pointer;display:grid;grid-gap:10px;gap:10px;padding:14px;text-align:left}.checkin-list-panel button.active,.checkin-list-panel button:hover{border-color:rgba(15,118,110,.42);background:#f0fdfa}.checkin-card-top{align-items:center;display:flex;justify-content:space-between;gap:10px}.checkin-card-top div{display:grid;grid-gap:3px;gap:3px}.checkin-card-top strong{color:var(--text);font-size:17px}.checkin-card-top span,.checkin-card-top time{color:var(--muted);font-size:13px;font-weight:800}.checkin-card-action{color:#475467;line-height:1.7;margin:0}.checkin-card-foot,.checkin-card-meta,.checkin-editor-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.checkin-card-foot>span:not(.status),.checkin-card-meta span,.checkin-editor-tags>span:not(.package-badge){border-radius:999px;background:#f8fafc;color:var(--muted);font-size:12px;font-weight:900;padding:6px 9px}.checkin-card-foot{justify-content:space-between}.checkin-editor-tags{margin-top:10px}.checkin-editor-tags>span:not(.package-badge){display:inline-flex;gap:5px}.package-badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;padding:6px 9px}.package-3000{background:#ecfdf7;color:#047857}.package-599{background:#eff6ff;color:#1d4ed8}.checkin-list-panel small{color:var(--muted);font-weight:800}.checkin-review-editor{display:grid;grid-gap:14px;gap:14px;padding:18px;position:-webkit-sticky;position:sticky;top:18px}.checkin-detail{border:1px solid var(--line);border-radius:12px;background:#f8fafc;display:grid;grid-gap:10px;gap:10px;padding:12px}.checkin-detail-row{display:grid;grid-gap:4px;gap:4px}.checkin-detail p,.checkin-detail-row p{color:#475467;line-height:1.7;margin:0}.checkin-detail strong{color:var(--text)}.checkin-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.checkin-metric-strip article{border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;grid-gap:6px;gap:6px;min-width:0;padding:12px}.checkin-metric-strip svg{color:var(--primary-dark)}.checkin-metric-strip span{color:var(--muted);font-size:12px;font-weight:900}.checkin-metric-strip strong{color:var(--text);font-size:20px;line-height:1;overflow-wrap:anywhere}.checkin-screenshot-block{color:#475467;display:grid;grid-gap:10px;gap:10px;line-height:1.7}.checkin-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.checkin-screenshot-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.checkin-screenshot-grid a,.checkin-screenshot-grid span{align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);display:flex;font-size:12px;font-weight:800;justify-content:center;min-height:84px;overflow:hidden;padding:6px;text-align:center;text-decoration:none}.checkin-screenshot-grid img{aspect-ratio:4/3;border-radius:7px;display:block;height:100%;object-fit:cover;width:100%}.checkin-review-editor .field textarea{min-height:92px}.report-layout{display:grid;grid-gap:18px;gap:18px}.report-control-panel,.report-copy-panel,.report-ranking-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow);padding:18px}.report-control-panel{align-items:end;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;grid-gap:14px;gap:14px}.report-control-panel h3,.report-copy-panel h3,.report-ranking-card h3{margin:4px 0 0}.report-filter-row{border:1px solid var(--line);border-radius:12px;background:#f8fafc;display:flex;gap:6px;padding:6px}.report-filter-row button{border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-weight:900;min-height:36px;padding:8px 12px}.report-filter-row button.active,.report-filter-row button:hover{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.08)}.report-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px}.report-summary-grid article{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}.report-summary-grid span{color:var(--muted);font-size:13px;font-weight:900}.report-summary-grid strong{color:var(--text);display:block;font-size:28px;line-height:1.2;margin-top:8px}.report-ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.report-ranking-card svg{color:var(--primary-dark)}.report-rank-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.report-rank-list article{align-items:center;border:1px solid var(--line);border-radius:12px;background:#f8fafc;display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-gap:10px;gap:10px;min-height:64px;padding:10px}.report-rank-index{align-items:center;border-radius:9px;background:#0f172a;color:#fff;display:inline-flex;font-size:13px;font-weight:900;height:30px;justify-content:center;width:30px}.report-rank-list small,.report-rank-list strong{display:block}.report-rank-list small{color:var(--muted);font-weight:800;margin-top:3px}.report-rank-list b{color:var(--primary-dark);font-size:16px}.report-copy-panel{display:grid;grid-gap:14px;gap:14px}.report-copy-panel pre{border:1px solid var(--line);border-radius:12px;background:#f8fafc;color:#344054;font-family:inherit;line-height:1.8;margin:0;overflow-x:auto;padding:14px;white-space:pre-wrap}.qa-tip{align-items:flex-start;border:1px solid rgba(245,158,11,.24);border-radius:14px;background:#fffbeb;color:#92400e;display:flex;gap:10px;line-height:1.8;margin-bottom:18px;padding:14px}.qa-tip svg{flex:0 0 auto;margin-top:4px}.qa-quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.qa-quick-links a{align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);display:flex;font-weight:900;gap:8px;justify-content:space-between;min-height:48px;padding:12px;text-decoration:none}.qa-quick-links a:hover{border-color:rgba(15,118,110,.42);background:#f0fdfa}.qa-section-list{display:grid;grid-gap:18px;gap:18px}.qa-section{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow);display:grid;grid-gap:14px;gap:14px;padding:18px}.qa-section-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.qa-section-head h3{color:var(--text);font-size:22px;margin:0 0 8px}.qa-section-head p{color:var(--muted);line-height:1.7;margin:0}.qa-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.qa-item{border:1px solid var(--line);border-radius:12px;background:#f8fafc;display:grid;grid-gap:8px;gap:8px;padding:14px}.qa-item div{align-items:center;display:flex;gap:8px}.qa-item svg{color:var(--primary-dark)}.qa-item strong{color:var(--text)}.qa-item p{color:#475467;line-height:1.7;margin:0}.qa-item b{color:var(--text)}.file-storage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.file-storage-grid,.file-upload-panel{display:grid;grid-gap:14px;gap:14px;margin-bottom:22px}.file-upload-grid{display:grid;grid-template-columns:minmax(180px,.28fr) minmax(260px,1fr) auto;grid-gap:14px;gap:14px;align-items:end;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow);padding:18px}.file-upload-grid small{color:var(--muted);line-height:1.6}.file-upload-actions{display:flex;justify-content:flex-end}.main-image-admin,.main-image-lab-page,.main-image-lab-tabs,.main-image-lab-tool{display:grid;grid-gap:18px;gap:18px}.main-image-lab-standalone{background:#eef2f7;min-height:100svh;padding:24px}.main-image-lab-standalone .main-image-lab-page{margin:0 auto;max-width:1280px}.main-image-tab-list{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.main-image-tab-list button{align-items:center;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,.06);color:#334155;cursor:pointer;display:grid;grid-gap:12px;gap:12px;grid-template-columns:38px minmax(0,1fr);min-height:82px;padding:16px;text-align:left}.main-image-tab-list button>svg{align-items:center;background:#f1f5f9;border-radius:8px;color:#0f172a;display:flex;height:38px;justify-content:center;padding:9px;width:38px}.main-image-tab-list button small,.main-image-tab-list button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-image-tab-list button strong{color:#0f172a;font-size:17px}.main-image-tab-list button small{color:#64748b;font-size:13px;margin-top:4px}.main-image-tab-list button.active{background:#111827;border-color:#111827;color:#fff}.main-image-tab-list button.active>svg{background:rgba(255,255,255,.14);color:#fff}.main-image-tab-list button.active small,.main-image-tab-list button.active strong{color:#fff}.main-image-upload-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.main-image-gallery-tabs{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));margin-bottom:16px}.main-image-gallery-tabs.compact{margin:14px 0 0}.main-image-gallery-tabs button{align-items:center;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:8px;color:#334155;cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-height:42px;padding:10px 12px}.main-image-gallery-tabs button span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-image-gallery-tabs button strong{background:#f1f5f9;border-radius:999px;color:#475569;font-size:12px;min-width:26px;padding:3px 8px;text-align:center}.main-image-gallery-tabs button.active{background:#111827;border-color:#111827;color:#fff}.main-image-gallery-tabs button.active strong{background:rgba(255,255,255,.16);color:#fff}.main-image-batch-import{align-items:stretch;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;margin-top:14px}.main-image-asset-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.main-image-asset-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:8px;display:grid;grid-gap:10px;gap:10px;padding:10px}.main-image-asset-card img{aspect-ratio:1.35;border-radius:6px;object-fit:cover;width:100%}.main-image-asset-card span,.main-image-asset-card strong,.main-image-picker-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-image-asset-card span{color:#64748b;display:block;font-size:13px;margin-top:2px}.asset-card-actions,.main-image-export-actions,.main-image-lab-actions,.main-image-template-row{display:flex;flex-wrap:wrap;gap:10px}.asset-card-actions{justify-content:flex-end}.icon-button{align-items:center;background:#f8fafc;border:1px solid rgba(15,23,42,.1);border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.icon-button.danger{color:#dc2626}.main-image-lab-tool{align-items:start;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr)}.main-image-lab-form{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.main-image-watermark-field{grid-column:span 2}.main-image-color-field,.main-image-template-field{grid-column:1/-1}.main-image-promo-template-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.main-image-color-row button,.main-image-promo-template-grid button{align-items:center;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:8px;color:#0f172a;cursor:pointer;display:grid;grid-gap:4px;gap:4px;min-height:54px;padding:10px;text-align:left}.main-image-color-row button.active,.main-image-promo-template-grid button.active{background:#111827;border-color:#111827;color:#fff}.main-image-promo-template-grid button span,.main-image-promo-template-grid button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-image-promo-template-grid button span{color:#64748b;font-size:12px}.main-image-promo-template-grid button.active span{color:rgba(255,255,255,.72)}.main-image-color-row{display:flex;flex-wrap:wrap;gap:10px}.main-image-color-row button{grid-auto-flow:column;justify-content:start;min-height:44px;min-width:88px}.main-image-color-row button span{border:1px solid rgba(15,23,42,.2);border-radius:999px;display:block;height:18px;width:18px}.main-image-toggle{align-items:center;align-self:end;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:8px;color:#334155;cursor:pointer;display:flex;font-weight:700;gap:10px;min-height:44px;padding:0 12px}.main-image-template-row{margin-top:14px}.main-image-step-strip{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.main-image-step-strip span{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:8px;color:#64748b;font-size:13px;font-weight:800;min-height:40px;padding:10px 12px;text-align:center}.main-image-step-strip span.active{background:#111827;color:#fff}.chip-button{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:8px;color:#334155;cursor:pointer;font-weight:700;min-height:38px;padding:8px 12px}.chip-button.active{background:#111827;color:#fff}.main-image-lab-actions{margin-top:14px}.main-image-logo-panel{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:8px;display:grid;grid-gap:12px;gap:12px;margin-top:14px;padding:14px}.main-image-logo-mode-field{grid-column:1/-1}.main-image-logo-mode-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.main-image-logo-mode-grid button{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:8px;color:#334155;cursor:pointer;font-weight:800;min-height:40px;padding:9px 10px}.main-image-logo-mode-grid button.active{background:#111827;border-color:#111827;color:#fff}.main-image-confirm-panel,.main-image-text-editor{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:8px;display:grid;grid-gap:12px;gap:12px;margin-top:16px;padding:14px}.main-image-confirm-panel{align-items:center;grid-template-columns:minmax(0,1fr) auto auto}.main-image-confirm-panel span,.main-image-confirm-panel strong{display:block}.main-image-confirm-panel span{color:#64748b;font-size:13px;margin-top:3px}.main-image-text-editor{background:#fff}.main-image-preview-panel{background:#0f172a;border-radius:8px;display:grid;grid-gap:14px;gap:14px;padding:16px;position:-webkit-sticky;position:sticky;top:18px}.main-image-preview-head{align-items:center;color:#fff;display:flex;justify-content:space-between}.main-image-preview-head span{color:rgba(255,255,255,.78);font-size:13px;font-weight:800}.main-image-preview-head strong{font-size:13px}.main-image-preview-panel canvas{aspect-ratio:1;background:#111827;border-radius:6px;cursor:-webkit-grab;cursor:grab;touch-action:none;width:100%}.main-image-preview-panel canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.main-image-export-actions{justify-content:flex-end}.main-image-asset-picker{grid-column:1/-1}.main-image-picker-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.main-image-picker-card{background:#fff;border:2px solid transparent;border-radius:8px;color:#111827;cursor:pointer;display:grid;grid-gap:8px;gap:8px;padding:8px;text-align:left}.main-image-picker-card img{aspect-ratio:1.35;border-radius:6px;object-fit:cover;width:100%}.main-image-picker-card.selected{border-color:#2563eb;box-shadow:0 12px 28px rgba(37,99,235,.18)}.uploaded-result{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(260px,1fr) auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid rgba(15,118,110,.18);border-radius:14px;background:#f0fdfa;padding:14px}.uploaded-result small,.uploaded-result strong{display:block}.uploaded-result small{color:var(--muted);margin-top:5px}.uploaded-result input{border:1px solid var(--line);border-radius:9px;color:var(--ink);min-width:0;padding:11px 12px;width:100%}.file-next-steps article,.file-storage-card,.upload-plan-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow)}.file-storage-card{display:grid;grid-gap:10px;gap:10px;padding:18px}.file-storage-card svg{color:var(--primary-dark)}.file-storage-card h3{color:var(--text);margin:0}.file-next-steps p,.file-storage-card p,.upload-plan-card p{color:var(--muted);line-height:1.75;margin:0}.file-plan-section{display:grid;grid-gap:14px;gap:14px;margin-top:22px}.upload-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.upload-plan-card{display:grid;grid-gap:10px;gap:10px;padding:16px}.upload-plan-card strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-wrap:anywhere}.table-card td small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:5px}.file-next-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.file-next-steps article{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:10px;gap:10px;padding:14px}.file-next-steps span{display:grid;place-items:center;border-radius:10px;background:#ecfdf7;color:var(--primary-dark);font-weight:900;width:34px;height:34px}.final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:24px;gap:24px;align-items:start;padding:34px;background:linear-gradient(135deg,rgba(15,118,110,.08),rgba(37,99,235,.06)),#fff}.final-cta h2{margin:16px 0 10px;max-width:760px;font-size:clamp(30px,4vw,48px)}.final-cta p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.75}.cta-actions{display:flex;gap:10px}.cta-checks{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.cta-checks span{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.72);color:#344054;font-weight:800;padding:13px}.cta-checks svg{color:var(--primary-dark)}@media (max-width:980px){.course-hero,.hero,.section,.site-footer,.site-header{padding-left:22px;padding-right:22px}.site-footer,.site-header{align-items:flex-start;flex-direction:column}.app-frame,.course-hero,.hero,.login-layout{grid-template-columns:1fr}.hero{min-height:auto}.login-layout{min-height:100svh}.login-visual{gap:28px;min-height:auto;padding:28px 22px}.login-visual p{font-size:16px}.login-box{align-content:start;padding:28px 22px 40px}.admin-grid,.admin-work-grid,.audience-grid,.case-admin-card,.case-grid,.case-image-grid,.case-stat-row,.case-story-card,.checkin-admin-layout,.checkin-admin-summary,.checkin-package-switcher,.choice-grid,.course-admin-summary,.course-detail-grid,.course-learning-layout,.course-package-tabs,.cta-checks,.feature-grid,.file-next-steps,.file-storage-grid,.file-upload-grid,.hero-metrics,.main-image-batch-import,.main-image-lab-tool,.main-image-upload-grid,.note-section-grid,.package-grid,.qa-item-list,.qa-quick-links,.report-control-panel,.report-ranking-grid,.report-summary-grid,.stat-grid,.student-admin-layout,.student-admin-summary,.student-grid,.student-tool-card-grid,.timeline,.tool-two-column,.topic-result-grid,.upload-plan-grid,.uploaded-result,.workflow-grid{grid-template-columns:1fr}.file-upload-actions{justify-content:stretch}.main-image-preview-panel{position:static}.main-image-asset-grid,.main-image-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-image-confirm-panel,.main-image-gallery-tabs,.main-image-step-strip,.main-image-tab-list{grid-template-columns:1fr}.qa-section-head{flex-direction:column}.checkin-review-editor,.student-admin-editor{position:static}.course-manager-head{align-items:stretch;flex-direction:column}.course-manager-head .primary-button{justify-content:center;width:100%}.course-lesson-card{align-items:flex-start;grid-template-columns:44px minmax(0,1fr)}.course-lesson-card .status,.course-video-state{grid-column:2;justify-self:start}.app-frame{min-height:100svh}.app-sidebar{position:static;height:auto;padding:14px}.sidebar-brand{padding-bottom:12px}.side-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.side-menu a{justify-content:center;min-height:44px;padding:10px 8px;text-align:center;white-space:nowrap}.app-main{padding:22px}.app-topbar h1{font-size:28px}.topbar-actions{justify-content:flex-start}.auth-status{justify-content:space-between}.student-hero-card{grid-template-columns:1fr;padding:22px}.student-hero-card h2{font-size:30px}.student-hero-actions,.student-hero-actions a,.topbar-actions a,.topbar-actions button{width:100%}.student-hero-actions{align-items:stretch;flex-direction:column}.upgrade-modal{padding:20px}.upgrade-modal h2{font-size:24px}.upgrade-compare-grid{grid-template-columns:1fr}.course-catalog-panel,.course-watch-panel,.form-card,.student-panel{padding:18px}.video-placeholder{min-height:260px;padding:22px}.video-placeholder strong{font-size:20px}.course-catalog-panel{order:-1}.admin-form,.admin-hero-card,.checkin-form,.content-form,.content-package-editor,.content-row,.course-asset-upload-row,.final-cta,.student-hero-card,.tool-form-grid{grid-template-columns:1fr}.admin-toolbar{align-items:flex-start;flex-direction:column}.case-admin-actions,.cta-actions,.student-hero-actions{flex-wrap:wrap}.app-topbar{align-items:flex-start;flex-direction:column}.checkin-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.panel-row,.progress-item{grid-template-columns:1fr}.app-main,.login-box,.login-visual{padding:18px}.side-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.side-menu a{align-items:center;border-radius:12px;font-size:14px;justify-content:flex-start;min-height:46px;overflow:hidden;padding:11px 10px;text-overflow:ellipsis}.brand-mark{min-width:0}.danger-button,.ghost-button,.header-action,.primary-button,.secondary-button{min-height:46px;width:100%}.field input,.field select,.field textarea{border-radius:10px;font-size:16px;min-height:46px}.field textarea{min-height:132px}.login-layout{background:#fff}.login-visual .brand-mark{align-items:flex-start}.login-visual h1,.student-hero-card h2{font-size:26px;line-height:1.18}.login-visual p{display:none}.demo-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-account-grid button{min-height:72px}.app-topbar{margin-bottom:18px}.app-topbar h1{font-size:32px;line-height:1.15}.auth-status{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.auth-status small,.auth-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-status button{min-height:36px}.rent-note-grid,.rent-segmented-control,.tool-result-head{grid-template-columns:1fr}.tool-result-head{align-items:stretch;display:grid}.case-card,.course-catalog-panel,.course-watch-panel,.form-card,.student-panel{border-radius:12px;padding:16px}.stat-card{padding:16px}.stat-card strong{font-size:28px}.task-item{grid-template-columns:30px minmax(0,1fr);padding:10px}.course-tags span,.lesson-homework span{border-radius:10px;width:100%}.video-player-frame{border-radius:12px}.video-placeholder{min-height:220px}.course-catalog-list button{min-height:70px}.checkin-form{grid-template-columns:1fr}.file-drop{align-items:flex-start;min-height:76px}.file-drop span{overflow-wrap:anywhere}.checkin-screenshot-grid,.checkin-screenshot-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.student-review-card h3{font-size:24px;line-height:1.28}.student-review-card strong{font-size:24px;line-height:1.32}.student-review-card p{font-size:16px}.permission-state{margin:18px auto;padding:18px}.checkin-card-foot,.checkin-card-top,.checkin-panel-head{align-items:flex-start;flex-direction:column}.checkin-metric-strip,.main-image-asset-grid,.main-image-lab-form,.main-image-logo-mode-grid,.main-image-picker-grid,.main-image-promo-template-grid{grid-template-columns:1fr}.main-image-color-field,.main-image-template-field,.main-image-watermark-field{grid-column:auto}}