:root{--ink:#1d1813;--amber:#ffae0a;--amber-wash:#f0e7d0;--bg:#eeefeb;--card-bg:#ffffff;--border:#e8e1d4;--text:#1d1813;--muted:#66635f;--radius:12px;--shadow:0 1px 3px rgba(29, 24, 19, 0.08),0 1px 2px rgba(29, 24, 19, 0.05)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);height:100%}#app{display:grid;grid-template-columns:300px 1fr;min-height:100vh}#sidebar{background:var(--ink);color:#fff;padding:20px 14px 40px;overflow-y:auto}.sidebar-brand{display:flex;flex-direction:column;gap:8px;padding:6px 10px 22px}.sidebar-brand-logo{width:158px;height:auto;display:block}.sidebar-brand-title{font-size:15px;font-weight:700;line-height:1.3;color:rgba(255,255,255,.88);letter-spacing:.01em}.nav-home{width:100%;text-align:left;background:0 0;border:none;color:#fff;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:10px}.nav-home.active,.nav-home:hover{background:rgba(255,255,255,.08)}.nav-home-icon{opacity:.7;margin-right:4px}.nav-level{margin-bottom:6px;border-radius:10px;overflow:hidden}.nav-level-header{width:100%;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:none;color:#fff;padding:12px 12px;cursor:pointer;text-align:left;border-radius:8px}.nav-level-header.active,.nav-level-header:hover{background:rgba(255,255,255,.1)}.nav-level-dot{width:10px;height:10px;border-radius:50%;background:var(--level-color);flex-shrink:0}.nav-level-title{font-size:14px;font-weight:600;flex:1}.nav-level-title em{display:block;font-style:normal;font-weight:400;font-size:12px;color:rgba(255,255,255,.6)}.nav-chevron{display:inline-block;font-size:15px;color:rgba(255,255,255,.45);transition:transform .15s ease;flex-shrink:0}.nav-level-header.expanded .nav-chevron{transform:rotate(90deg);color:rgba(255,255,255,.8)}.nav-level-soon{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;background:rgba(255,255,255,.1);color:rgba(255,255,255,.55);padding:3px 8px;border-radius:999px;flex-shrink:0}.nav-level-disabled .nav-level-header{cursor:default;opacity:.55}.nav-level-disabled .nav-level-header:hover{background:rgba(255,255,255,.04)}.nav-modules{display:none;padding:4px 0 10px 6px}.nav-modules.expanded{display:block}.nav-module{margin-top:4px}.nav-module-title{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;background:0 0;border:none;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.5);padding:7px 10px;border-radius:6px;font-weight:600}.nav-module-title:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.85)}.nav-module-title.expanded{color:rgba(255,255,255,.92)}.nav-module-title .nav-chevron{font-size:13px}.nav-module-title.expanded .nav-chevron{transform:rotate(90deg)}.nav-module-title-text{text-align:left}.nav-lessons{display:none;flex-direction:column}.nav-lessons.expanded{display:flex}.nav-lesson{display:flex;align-items:center;gap:8px;background:0 0;border:none;color:rgba(255,255,255,.85);padding:7px 10px 7px 16px;font-size:13px;text-align:left;border-radius:6px;cursor:pointer}.nav-lesson:hover{background:rgba(255,255,255,.06)}.nav-lesson.active{background:rgba(255,255,255,.14);color:#fff;font-weight:600}.nav-lesson-num{font-size:11px;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-lesson-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-icon{font-size:12px;flex-shrink:0}.status-icon.done{color:#4ade80}.status-icon.draft{color:var(--amber)}#main-wrap{overflow-y:auto;height:100vh}#main-content{max-width:940px;margin:0 auto;padding:40px 32px 80px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 28px;margin-bottom:20px}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.small{font-size:12.5px}.hero{padding:12px 4px 28px}.hero-kicker{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:var(--amber);font-weight:700;padding:4px 10px;border-radius:999px}.hero h1{font-size:32px;margin:12px 0 10px;color:var(--text)}.hero-lead{font-size:16px;color:var(--muted);max-width:640px;line-height:1.55}.level-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.level-card{text-align:left;border:1px solid var(--border);background:var(--level-bg);border-radius:var(--radius);padding:20px;cursor:pointer;border-top:4px solid var(--level-color)}.level-card:hover{transform:translateY(-2px);transition:transform .15s ease}.level-card-badge{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--level-color-text,var(--text));text-transform:uppercase}.level-card-title{font-size:20px;font-weight:700;color:var(--text);margin:4px 0}.level-card-sub{font-size:13px;color:var(--muted);margin-bottom:10px}.level-card-meta{font-size:12.5px;color:var(--text);font-weight:600}.level-card-disabled{opacity:.6}.level-card-disabled:hover{transform:none}.pingpong-card ol.pingpong-steps{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}.pingpong-steps li{display:flex;gap:12px;align-items:flex-start}.pingpong-index{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--amber-wash);color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.progress-summary{margin-top:12px}.progress-bar-track{background:#e3e0d6;border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--amber),var(--ink));height:100%}.progress-summary-text{margin-top:8px;font-size:13px;color:var(--muted)}.level-header{padding:8px 4px 22px}.level-header-badge{display:inline-block;background:var(--level-color);color:var(--level-text-on,#fff);font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.05em}.level-header h1{color:var(--text);font-size:30px;margin:10px 0 6px}.level-header-sub{color:var(--muted);font-style:italic}.view-level-disabled .level-header-badge{opacity:.85}.kpi-list{display:grid;grid-template-columns:220px 1fr;gap:8px 16px;margin:12px 0 0}.kpi-list dt{font-weight:700;color:var(--text)}.kpi-list dd{margin:0;color:var(--text)}.note-card{background:var(--level-bg);border-color:transparent}.lesson-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13.5px}.lesson-table th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 6px}.lesson-table td{padding:12px 6px;border-bottom:1px solid var(--border);vertical-align:top}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;margin-right:6px}.badge-open{background:var(--border);color:var(--muted)}.badge-draft{background:var(--amber-wash);color:var(--text)}.badge-done{background:#dcfce7;color:#166534}.criteria-table{width:100%;border-collapse:collapse;margin-top:8px}.criteria-table th{text-align:left;padding:8px 10px;background:var(--level-bg);color:var(--text);width:180px;border-radius:6px 0 0 6px}.criteria-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.empty-state{text-align:center;color:var(--muted);padding:40px 20px}.lesson-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:10px}.link-btn{background:0 0;border:none;color:var(--text);font-weight:600;cursor:pointer;font-size:13px;padding:0}.link-btn:hover{text-decoration:underline}.lesson-header{padding-bottom:16px}.lesson-header-num{font-size:12px;font-weight:700;color:var(--level-color-text,var(--text));text-transform:uppercase;letter-spacing:.05em}.lesson-header h1{color:var(--text);margin:6px 0 8px;font-size:28px}.lesson-description{color:var(--muted);font-size:15px;max-width:680px}.lesson-tags{display:flex;gap:8px;margin:10px 0}.tag{background:var(--level-bg);color:var(--text);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.lesson-task{background:var(--level-bg);border-left:3px solid var(--level-color);padding:10px 14px;border-radius:6px;font-size:14px;margin-top:10px}.tabs{display:flex;gap:8px;margin:18px 0 16px;border-bottom:1px solid var(--border)}.tab-btn{background:0 0;border:none;padding:10px 6px;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-right:14px}.tab-btn.active{color:var(--text);border-bottom-color:var(--amber)}.video-wrap{position:relative;padding-top:56.25%;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-placeholder{text-align:center;padding:60px 20px}.placeholder-icon{font-size:40px;margin-bottom:8px}.workbook-card{padding-bottom:12px}.workbook-header p{color:var(--text)}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#faf9f6;border:1px solid var(--border);border-radius:8px;padding:12px;margin:16px 0 24px}.profile-fields label{font-size:12px;color:var(--muted);font-weight:600;display:flex;flex-direction:column;gap:4px}.profile-fields input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13.5px}.wb-heading{color:var(--text);font-size:19px;margin:28px 0 10px;padding-top:14px;border-top:1px solid var(--border)}.wb-heading:first-child{border-top:none;margin-top:0}.wb-subheading{color:var(--text);font-size:15px;margin:20px 0 8px}.wb-note{background:var(--amber-wash);border-radius:8px;padding:12px 16px;margin:10px 0 16px;font-size:13.5px}.wb-note-title{font-weight:700;color:var(--text);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.wb-note ul{margin:0;padding-left:18px}.wb-note li{margin-bottom:3px}.wb-note p{margin:0}.wb-field{margin-bottom:18px}.wb-field label{display:block;font-weight:600;font-size:14px;color:var(--text);margin-bottom:4px}.wb-hint{font-size:12.5px;color:var(--muted);margin-bottom:6px;font-style:italic}.wb-input{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;font-family:inherit;background:#fff;resize:vertical}.wb-input:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-wash)}.wb-options{display:flex;flex-wrap:wrap;gap:10px}.wb-options-inline{gap:8px}.wb-option{display:flex;align-items:center;gap:6px;font-size:13.5px;background:#faf9f6;border:1px solid var(--border);border-radius:999px;padding:6px 12px;cursor:pointer}.wb-option input{margin:0}.wb-countgroup{display:flex;gap:16px;flex-wrap:wrap}.wb-countgroup-item{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}.wb-countgroup-item input{width:140px;border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:13.5px}.wb-numberedlist-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.wb-numberedlist-idx{width:22px;color:var(--muted);font-size:13px;flex-shrink:0}.wb-numberedlist-row input{flex:1;border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:13.5px}.competitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.competitor-block{background:#faf9f6;border:1px solid var(--border);border-radius:10px;padding:14px}.competitor-block-title{font-weight:700;color:var(--text);margin-bottom:10px}.wb-field-compact{margin-bottom:10px}.wb-field-compact label{font-size:12.5px;font-weight:600}.weekplan-grid{display:grid;gap:14px}.weekplan-day{background:#faf9f6;border:1px solid var(--border);border-radius:10px;padding:14px}.weekplan-day-title{font-weight:700;color:var(--text);margin-bottom:10px;font-size:13px;letter-spacing:.03em}.workbook-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding-top:16px;margin-top:8px;flex-wrap:wrap}.submit-toggle{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text)}.workbook-actions{display:flex;align-items:center;gap:12px}.save-indicator{font-size:12.5px;color:var(--muted)}.btn{background:var(--ink);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{background:#2e261d}.btn-secondary{background:var(--amber);color:var(--text)}.btn-secondary:hover{background:#e69c00}.btn-small{padding:5px 10px;font-size:12px}@media (max-width:900px){#app{grid-template-columns:1fr}#sidebar{display:none}.level-cards{grid-template-columns:1fr}.competitor-grid{grid-template-columns:1fr}.profile-fields{grid-template-columns:1fr}}