:root{--ink: #12211e;--emerald: #1b6b4c;--emerald-deep: #0f4d36;--emerald-soft: #e7f0ea;--amber: #e8a13a;--amber-soft: #fbf0da;--paper: #f6f4ee;--paper-2: #efece3;--card: #ffffff;--line: #e4e0d5;--line-strong: #d4cfc0;--muted: #6b7a73;--danger: #c0392b;--danger-soft: #f8e3e0;--ok: #1b6b4c;--ok-soft: #e0efe6;--warn: #b57314;--warn-soft: #fbf0da;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Bricolage Grotesque", var(--sans);--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(18, 33, 30, .04), 0 8px 24px -18px rgba(18, 33, 30, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;margin:0}a{color:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:256px 1fr;min-height:100vh}.sidebar{background:var(--emerald-deep);color:#eaf3ee;padding:22px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 22px}.brand-mark{width:38px;height:38px;border-radius:11px;flex:none;background:var(--amber);color:var(--emerald-deep);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:20px;box-shadow:inset 0 0 0 2px #ffffff2e}.brand-name{font-family:var(--display);font-weight:700;font-size:20px;color:#fff;letter-spacing:-.02em}.brand-sub{font-size:11.5px;color:#9dbcac;letter-spacing:.04em;text-transform:uppercase}.nav-label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#7ba28d;padding:16px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;cursor:pointer;color:#cfe1d7;font-weight:500;font-size:14px;border:0;background:none;width:100%;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--emerald);color:#fff}.nav-item .ic{width:18px;height:18px;flex:none;opacity:.9}.content{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 34px;border-bottom:1px solid var(--line)}.topbar-title{min-width:0}.topbar h1{font-size:27px}.topbar .subtitle{color:var(--muted);font-size:14px;margin-top:3px}.topbar-right{display:flex;align-items:center;gap:14px;flex:none}.user-chip{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--card);border:1px solid var(--line)}.user-avatar{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--emerald-soft);color:var(--emerald-deep);font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.01em}.user-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.user-name{font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.user-role{font-size:11.5px;color:var(--muted);white-space:nowrap}.logout-btn{flex:none}.page{padding:26px 34px 60px;max-width:1180px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px 22px}.card+.card{margin-top:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.card-head h2{font-size:16px}.card-head .hint{color:var(--muted);font-size:13px}.grid{display:grid;gap:18px}.section-title{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:28px 0 12px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line-strong)}.stat.accent-emerald:before{background:var(--emerald)}.stat.accent-amber:before{background:var(--amber)}.stat.accent-danger:before{background:var(--danger)}.stat .k{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat .v{font-family:var(--mono);font-size:25px;font-weight:600;margin-top:6px;letter-spacing:-.02em}.stat .v small{font-size:13px;color:var(--muted);font-weight:500;margin-left:2px}.stat .sub{font-size:12.5px;color:var(--muted);margin-top:2px}.tbar{display:flex;gap:3px;height:10px;border-radius:999px;overflow:hidden;background:var(--paper-2)}.tbar .seg{flex:var(--w, 1);background:var(--line-strong)}.tbar .seg.PAID{background:var(--emerald)}.tbar .seg.PARTIAL{background:linear-gradient(90deg,var(--emerald) var(--p,50%),var(--paper-2) 0)}.tbar .seg.DUE{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.tbar .seg.OVERDUE{background:repeating-linear-gradient(45deg,var(--danger-soft),var(--danger-soft) 4px,#f3d2cd 4px,#f3d2cd 8px);box-shadow:inset 0 0 0 1px var(--danger)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.PAID{background:var(--ok-soft);color:var(--emerald-deep)}.badge.PARTIAL{background:var(--warn-soft);color:var(--warn)}.badge.UNPAID{background:var(--paper-2);color:var(--muted)}.badge.OVERDUE{background:var(--danger-soft);color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:8px;background:var(--paper-2);color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0}td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s}tbody tr:hover{background:#faf9f5}td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.row-accent{border-left:3px solid transparent}.row-accent.PAID{border-left-color:var(--emerald)}.row-accent.PARTIAL{border-left-color:var(--amber)}.row-accent.UNPAID{border-left-color:var(--line-strong)}.row-accent.OVERDUE{border-left-color:var(--danger)}.who-cell{display:flex;flex-direction:column}.who-cell b{font-weight:600}.who-cell small{color:var(--muted);font-size:12.5px}label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:5px;font-weight:500}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px var(--emerald-soft)}.field{margin-bottom:14px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}button{font:inherit;cursor:pointer;border:0;border-radius:var(--radius-sm);font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}.btn{padding:10px 16px;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--emerald);color:#fff}.btn-primary:hover:not(:disabled){background:var(--emerald-deep)}.btn-amber{background:var(--amber);color:var(--emerald-deep)}.btn-amber:hover:not(:disabled){filter:brightness(.96)}.btn-ghost{background:var(--paper-2);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--line)}.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line-strong)}.btn-outline:hover:not(:disabled){border-color:var(--emerald);color:var(--emerald-deep)}.btn-sm{padding:6px 11px;font-size:13px}.btn-danger-ghost{background:none;color:var(--danger);padding:6px 10px}.btn-danger-ghost:hover{background:var(--danger-soft)}.btn-link{background:none;color:var(--emerald-deep);padding:6px 8px}.btn-link:hover{text-decoration:underline}.btn-icon{padding:6px;display:inline-flex;align-items:center;justify-content:center;background:none;color:var(--muted);border-radius:var(--radius-sm)}.btn-icon:hover:not(:disabled){background:var(--paper-2);color:var(--ink)}.btn-danger-ghost.btn-icon{padding:6px;color:var(--danger)}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filters .field{margin:0;min-width:170px}.seg-toggle{display:inline-flex;background:var(--paper-2);border-radius:10px;padding:3px;gap:3px}.seg-toggle button{padding:7px 13px;background:none;color:var(--muted);font-size:13px;border-radius:8px}.seg-toggle button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12211e6b;display:grid;place-items:center;padding:20px;z-index:50;animation:fade .15s ease}.modal{background:var(--card);border-radius:var(--radius);width:100%;max-width:520px;box-shadow:0 30px 80px -30px #12211e99;max-height:90vh;overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px}.modal-body{padding:20px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);background:var(--paper);border-radius:0 0 var(--radius) var(--radius)}@keyframes fade{0%{opacity:0}to{opacity:1}}.empty{text-align:center;color:var(--muted);padding:44px 20px}.empty .ic{width:34px;height:34px;margin:0 auto 12px;color:var(--line-strong)}.error-banner{background:var(--danger-soft);color:var(--danger);padding:11px 14px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px;border:1px solid #eec6c0}.spinner{width:26px;height:26px;border:3px solid var(--emerald-soft);border-top-color:var(--emerald);border-radius:50%;animation:spin .8s linear infinite;margin:44px auto}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:4px}.rowline{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.tag-method{font-family:var(--mono);font-size:12px;font-weight:600;padding:2px 7px;border-radius:6px;background:var(--paper-2);color:var(--ink)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-aside{background:var(--emerald-deep);color:#eaf3ee;padding:56px 52px;display:flex;flex-direction:column;background-image:radial-gradient(circle at 85% 15%,rgba(232,161,58,.18),transparent 42%)}.login-aside .brand-name{font-size:24px}.login-aside h2{color:#fff;font-size:34px;line-height:1.1;margin:auto 0 18px;max-width:15ch}.login-aside p{color:#b9d1c5;max-width:40ch}.receipt{margin-top:28px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.28);border-radius:12px;padding:18px 20px;max-width:340px}.receipt .r-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:#cfe1d7}.receipt .r-row.total{border-top:1px dashed rgba(255,255,255,.28);margin-top:6px;padding-top:10px;color:#fff;font-weight:600}.receipt .r-row .mono{color:#fff}.login-main{display:grid;place-items:center;padding:32px}.login-card{width:100%;max-width:380px}.login-card h1{font-size:26px;margin-bottom:4px}.login-card .muted{margin-bottom:24px}.demo-hint{margin-top:18px;font-size:12.5px;color:var(--muted);background:var(--paper-2);border-radius:10px;padding:12px 14px;line-height:1.7}.demo-hint b{color:var(--ink)}.demo-hint code{font-family:var(--mono);font-size:12px}.search-field{position:relative}.search-field .ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-field input{padding-left:34px}.notice{display:flex;align-items:center;gap:10px;margin-bottom:18px;background:var(--amber-soft);color:var(--warn);border:1px solid #f0dcb4;padding:11px 14px;border-radius:var(--radius-sm);font-size:14px}.notice .ic{flex:none}.chip-lg{padding:6px 10px;font-size:13px;background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}.chip-lg .ic{color:var(--emerald)}.chip-btn{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;background:none;color:var(--muted);border-radius:6px}.chip-btn:hover{background:#0000000f;color:var(--ink)}.chip-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.fee-total{display:flex;align-items:baseline;justify-content:space-between;margin:14px 0 4px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fee-total .mono{font-size:18px;font-weight:600;color:var(--emerald-deep)}.tranche-list{display:flex;flex-direction:column}.tranche-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.tranche-row:last-child{border-bottom:0}.tranche-actions{display:inline-flex;gap:2px}.theme-emerald{--band: #0f4d36;--band-2: #17805a}.theme-amber{--band: #a56714;--band-2: #d08a1e}.theme-plum{--band: #5f3a58;--band-2: #8a5680}.theme-teal{--band: #0e5157;--band-2: #1a838c}.theme-clay{--band: #9a4b31;--band-2: #c56b4a}.theme-indigo{--band: #35407a;--band-2: #5b69b8}.monogram{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--paper-2);color:var(--ink);font-family:var(--display);font-weight:700;font-size:14px}.monogram.mono-emerald{background:var(--emerald-soft);color:var(--emerald-deep)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.course-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .12s,box-shadow .12s}.course-card:hover{transform:translateY(-2px);box-shadow:0 6px 22px -12px #12211e66}.course-card:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.course-band{position:relative;overflow:hidden;padding:16px 18px 14px;min-height:96px;background:var(--band);color:#fff;background-image:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--band-2) 65%,transparent),transparent 46%)}.course-band-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.course-band-top h2{color:#fff;font-size:19px;line-height:1.2;max-width:15ch}.course-band-sub{color:#ffffffd1;font-size:13px;margin-top:4px}.course-band-btn{color:#ffffffd9}.course-band-btn:hover:not(:disabled){background:#ffffff29;color:#fff}.course-band-mark{position:absolute;right:-14px;bottom:-18px;width:84px;height:84px;font-size:30px;background:#ffffff24;color:#ffffffe6;border:2px solid rgba(255,255,255,.18)}.course-card-body{padding:14px 18px;flex:1;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.course-card-body p{font-size:13.5px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-top:1px solid var(--line);color:var(--emerald-deep);font-size:13.5px;font-weight:600}.course-card-arrow{transform:rotate(180deg);color:var(--muted)}.cs-back{margin-bottom:16px}.cs-cover{position:relative;overflow:hidden;border-radius:var(--radius);padding:30px 30px 26px;color:#fff;background:var(--band);background-image:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--band-2) 70%,transparent),transparent 44%)}.cs-cover-code{display:inline-block;font-size:12px;padding:3px 9px;border-radius:7px;background:#ffffff29;color:#fff;margin-bottom:10px}.cs-cover h1{color:#fff;font-size:30px;letter-spacing:-.02em}.cs-cover-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}.cs-cover-meta span{display:inline-flex;align-items:center;gap:7px;color:#ffffffe6;font-size:14px}.cs-cover-dim{color:#ffffffb3!important}.cs-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:8px 0 22px;overflow-x:auto}.cs-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:none;color:var(--muted);font-weight:600;font-size:14px;border-radius:0;border-bottom:2.5px solid transparent;white-space:nowrap}.cs-tab:hover{color:var(--ink)}.cs-tab.on{color:var(--emerald-deep);border-bottom-color:var(--emerald)}.cs-tab-count{font-size:12px;font-weight:700;background:var(--paper-2);color:var(--muted);border-radius:999px;padding:1px 7px}.cs-tab.on .cs-tab-count{background:var(--emerald-soft);color:var(--emerald-deep)}.cs-composer{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.cs-composer textarea{resize:vertical}.cs-composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.cs-feed{display:flex;flex-direction:column;gap:14px}.cs-post{border-left:3px solid var(--emerald)}.cs-post-head{display:flex;align-items:center;gap:12px}.cs-post-who{flex:1;display:flex;flex-direction:column;line-height:1.3}.cs-post-who b{font-weight:600}.cs-post-who small{color:var(--muted);font-size:12.5px}.cs-post-text{margin:12px 0 0;font-size:14.5px;white-space:pre-wrap}.cs-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.cs-topics{display:flex;flex-direction:column;gap:26px}.cs-topic-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}.cs-topic-head h2{font-size:17px}.cs-work{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden;transition:border-color .12s}.cs-work:hover{border-color:var(--line-strong)}.cs-work.open{border-color:var(--emerald);box-shadow:0 0 0 3px var(--emerald-soft)}.cs-work-head{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:none;padding:13px 15px;font-weight:500}.cs-work-ic{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--emerald-soft);color:var(--emerald-deep)}.cs-work-ic.type-MATERIAL{background:var(--amber-soft);color:var(--warn)}.cs-work-ic.type-QUESTION{background:#e8ecf6;color:#35407a}.cs-work-title{flex:1;display:flex;flex-direction:column;line-height:1.35;min-width:0}.cs-work-title b{font-weight:600}.cs-work-title small{color:var(--muted);font-size:12.5px}.cs-work-tags{display:flex;align-items:center;gap:6px;flex:none}.cs-work-actions{display:inline-flex;gap:2px;flex:none}.cs-work-actions span{cursor:pointer}.cs-work-detail{padding:2px 16px 16px 66px}.cs-work-detail p{margin:0 0 12px;font-size:14px;white-space:pre-wrap}.cs-links{display:flex;flex-direction:column;gap:8px}.cs-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--emerald-deep);font-size:13.5px;font-weight:500;width:fit-content;max-width:100%}.cs-link:hover{border-color:var(--emerald)}.cs-person{display:flex;align-items:center;gap:13px}.cs-person b{font-weight:600}.cs-person-row{padding:12px 20px;border-bottom:1px solid var(--line)}.card .cs-person-row:last-child{border-bottom:0}.cs-programme{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;counter-reset:none}.cs-chapter{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.cs-chapter-head{display:flex;align-items:flex-start;gap:13px}.cs-chapter-no{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--emerald-soft);color:var(--emerald-deep);font-family:var(--display);font-weight:700;font-size:15px}.cs-chapter-title{flex:1;min-width:0}.cs-chapter-title b{font-family:var(--display);font-size:16.5px;letter-spacing:-.01em}.cs-chapter-title p{margin:4px 0 0;color:var(--muted);font-size:13.5px}.cs-chapter-actions{display:inline-flex;gap:2px;flex:none}.cs-resources{display:flex;flex-direction:column;gap:8px;margin:14px 0 0;padding-left:43px}.cs-res-empty{font-size:13px;margin:12px 0 0;padding-left:43px}.cs-resource{display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.cs-res-ic{width:34px;height:34px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--paper-2);color:var(--muted)}.cs-res-ic.kind-PDF{background:var(--danger-soft);color:var(--danger)}.cs-res-ic.kind-Word{background:#e8ecf6;color:#35407a}.cs-res-ic.kind-Vidéo{background:var(--emerald-soft);color:var(--emerald-deep)}.cs-res-ic.kind-Lien{background:var(--amber-soft);color:var(--warn)}.cs-res-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3;text-decoration:none;color:inherit}.cs-res-main b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-res-main:hover b{color:var(--emerald-deep);text-decoration:underline}.cs-res-main small{color:var(--muted);font-size:12px}.cs-res-actions{display:inline-flex;gap:2px;flex:none}.cs-res-actions a.btn-icon{display:inline-grid;place-items:center}.cs-chapter-add{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-left:43px}.theme-picker{display:flex;gap:10px;flex-wrap:wrap}.theme-swatch{width:32px;height:32px;border-radius:9px;background:var(--band);border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000014}.theme-swatch.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--emerald-soft)}.cs-link-editor{display:flex;flex-direction:column;gap:8px}.cs-link-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;align-items:center}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar .nav-label{display:none}.sidebar .nav-item{width:auto}.stats{grid-template-columns:repeat(2,1fr)}.login-wrap{grid-template-columns:1fr}.login-aside{display:none}.row2,.row3{grid-template-columns:1fr}.topbar,.page{padding-left:18px;padding-right:18px}.topbar{flex-wrap:wrap}.user-meta,.logout-btn span{display:none}.logout-btn{padding:8px}.cs-cover{padding:22px}.cs-cover h1{font-size:24px}.cs-work-tags{display:none}.cs-work-detail{padding-left:16px}.cs-link-row{grid-template-columns:1fr auto}.cs-resources,.cs-res-empty,.cs-chapter-add{padding-left:0}}html{scroll-behavior:smooth}.login-back{background:none;color:var(--muted);padding:0;margin-bottom:22px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px}.login-back:hover{color:var(--emerald-deep)}.login-back .ic{width:16px;height:16px}.lp{background:var(--paper);min-height:100vh;overflow-x:hidden}.lp-container{width:100%;max-width:1180px;margin:0 auto;padding:0 28px}.lp a.btn{text-decoration:none;border-radius:var(--radius-sm);font-weight:600}.lp-btn-lg{padding:14px 22px;font-size:15.5px}.lp-btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}.lp-btn-ghost:hover{border-color:var(--emerald);color:var(--emerald-deep)}.lp-btn-amber{background:var(--amber);color:var(--emerald-deep)}.lp-btn-amber:hover{filter:brightness(1.05)}.lp-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--emerald)}.lp-icon{width:46px;height:46px;border-radius:13px;background:var(--emerald-soft);color:var(--emerald-deep);display:grid;place-items:center}.lp-icon .ic{width:22px;height:22px}.lp-icon.sm{width:40px;height:40px;border-radius:11px;flex:none}.lp-icon.sm .ic{width:19px;height:19px}.lp-nav{position:sticky;top:0;z-index:20;background:#f6f4eedb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.lp-nav-inner{display:flex;align-items:center;gap:28px;height:70px}.lp-brand{padding:0;text-decoration:none}.lp-brand .brand-name{color:var(--ink);font-size:21px}.lp-links{display:flex;gap:26px;margin-left:auto}.lp-links a{text-decoration:none;color:var(--muted);font-weight:500;font-size:14.5px}.lp-links a:hover{color:var(--emerald-deep)}.lp-hero{padding:72px 0 84px;background-image:radial-gradient(circle at 88% 20%,rgba(232,161,58,.16),transparent 38%),radial-gradient(circle at 10% 90%,rgba(27,107,76,.08),transparent 40%)}.lp-hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.lp-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.035em;margin:16px 0 22px;font-weight:800}.lp-hero h1 em{font-style:normal;color:var(--emerald);background:linear-gradient(transparent 62%,var(--amber-soft) 62%)}.lp-lead{font-size:18px;color:#3f4f49;max-width:52ch;margin:0 0 30px}.lp-cta{display:flex;gap:12px;flex-wrap:wrap}.lp-pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:34px;font-size:13px;color:var(--muted)}.lp-pay b{font-size:12.5px;padding:5px 11px;border-radius:99px;font-weight:700}.pay-om{background:#ff7900;color:#fff}.pay-mtn{background:#fc0;color:#1a1a1a}.pay-visa{background:#1a1f71;color:#fff}.lp-visual{position:relative;height:470px}.lp-ledger{position:absolute;left:0;top:30px;width:330px;background:var(--card);border-radius:16px;padding:22px 22px 20px;box-shadow:0 30px 60px -30px #0f4d3673,0 1px 2px #0000000d;border:1px solid var(--line);transform:rotate(-2.5deg)}.lp-ledger-head{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-bottom:12px;border-bottom:1px dashed var(--line-strong);margin-bottom:6px}.lp-ledger-row{display:flex;justify-content:space-between;font-size:14px;padding:9px 0 9px 12px;border-left:3px solid var(--line);margin:4px 0}.lp-ledger-row.ok{border-color:var(--emerald)}.lp-ledger-row.part{border-color:var(--amber)}.lp-ledger-row.todo{border-color:var(--danger);color:var(--muted)}.lp-ledger-total{display:flex;justify-content:space-between;font-weight:700;padding-top:12px;margin-top:8px;border-top:1px dashed var(--line-strong)}.lp-stamp{position:absolute;right:-14px;top:-16px;transform:rotate(9deg);border:2px solid var(--emerald);color:var(--emerald);background:#fff;font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:8px}.lp-phone{position:absolute;right:10px;top:0;width:232px;height:440px;border-radius:36px;background:#0c1d18;padding:12px;box-shadow:0 40px 70px -30px #0c1d18b3;z-index:2}.lp-phone-notch{width:80px;height:18px;border-radius:0 0 12px 12px;background:#0c1d18;position:absolute;left:50%;top:12px;transform:translate(-50%);z-index:1}.lp-phone-screen{height:100%;border-radius:26px;background:#102722;padding:40px 16px 16px;color:#eaf3ee;display:flex;flex-direction:column;gap:12px}.lp-ph-label{font-family:var(--display);font-weight:700;font-size:19px}.lp-ph-card{display:flex;gap:10px;align-items:center;background:#183530;border-radius:14px;padding:12px}.lp-ph-av{width:36px;height:36px;border-radius:10px;background:#1f4a3d;color:#3fd198;display:grid;place-items:center;font-weight:700;font-size:13px}.lp-ph-name{font-weight:600;font-size:14px}.lp-ph-sub{font-size:11.5px;color:#8fb3a4}.lp-ph-bar{height:8px;border-radius:99px;background:#183530;overflow:hidden}.lp-ph-bar i{display:block;height:100%;background:linear-gradient(90deg,#3fd198,var(--amber));border-radius:99px}.lp-ph-due{display:flex;justify-content:space-between;font-size:12.5px;color:#8fb3a4}.lp-ph-due b{color:#fff;font-size:15px}.lp-ph-btn{margin-top:auto;background:#ff7900;color:#fff;text-align:center;font-weight:700;font-size:13px;padding:12px;border-radius:12px}.lp-course{position:absolute;left:70px;bottom:0;width:290px;background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 24px 50px -28px #0f4d3680;border:1px solid var(--line);z-index:3;transform:rotate(1.5deg)}.lp-course-cover{background:linear-gradient(135deg,#1b6b4c,#0f4d36);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:baseline}.lp-course-cover span{font-family:var(--display);font-weight:700;font-size:17px}.lp-course-cover small{color:#b9d1c5}.lp-course-body{padding:10px 16px 14px;font-size:13px;display:grid;gap:7px}.lp-course-body div{display:flex;align-items:center;gap:8px}.lp-course-body .ic{width:16px;height:16px;color:var(--emerald)}.lp-levels{background:var(--emerald-deep);color:#cfe1d7}.lp-levels-inner{display:flex;align-items:center;gap:12px 34px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;font-size:13px}.lp-levels-inner span{text-transform:uppercase;letter-spacing:.12em;color:#7ba28d;font-weight:600;font-size:11.5px}.lp-levels-inner b{font-family:var(--display);color:#fff;font-size:19px;font-weight:700}.lp-section{padding:96px 0}.lp-section-alt{background:var(--paper-2)}.lp-head{max-width:640px;margin-bottom:44px}.lp-head h2{font-size:clamp(28px,3.4vw,40px);line-height:1.08;margin-top:10px}.lp-spaces{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp-space{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;transition:transform .2s,box-shadow .2s}.lp-space:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.lp-space-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px}.lp-space-num{color:var(--line-strong);font-size:13px;font-weight:600}.lp-space-where{background:var(--amber-soft);color:var(--warn);padding:3px 10px;border-radius:99px;font-weight:600}.lp-space h3{font-size:22px;margin:18px 0 8px}.lp-space p,.lp-feature p,.lp-steps p{color:var(--muted);margin:0;font-size:14.5px}.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px}.lp-feature{display:flex;gap:16px}.lp-feature h3{font-size:17px;margin:2px 0 6px;font-family:var(--sans);letter-spacing:-.01em}.lp-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:none}.lp-steps li{padding:24px 24px 8px 0;border-top:2px solid var(--line-strong);position:relative}.lp-steps li:before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--amber)}.lp-step-n{display:block;color:var(--emerald);font-weight:600;font-size:13px;margin-bottom:10px}.lp-steps h3{font-size:18px;margin-bottom:6px}.lp-final{background:var(--emerald-deep);color:#eaf3ee;padding:72px 0;background-image:radial-gradient(circle at 90% 10%,rgba(232,161,58,.2),transparent 40%)}.lp-final-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.lp-final h2{color:#fff;font-size:clamp(26px,3vw,36px);max-width:22ch;line-height:1.1}.lp-final p{color:#b9d1c5;max-width:56ch;margin:12px 0 0}.lp-footer{background:#0b3a29;color:#7ba28d;font-size:13px}.lp-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}.lp-footer .brand-name{color:#fff;font-size:17px}.lp-footer .brand-mark{width:30px;height:30px;font-size:16px;border-radius:9px}@media (max-width: 980px){.lp-hero-inner{grid-template-columns:1fr}.lp-visual{height:470px;max-width:520px;width:100%;margin:0 auto}.lp-spaces,.lp-features{grid-template-columns:1fr 1fr}.lp-steps{grid-template-columns:1fr 1fr;row-gap:26px}}@media (max-width: 640px){.lp-links{display:none}.lp-nav-inner{justify-content:space-between}.lp-container{padding:0 18px}.lp-hero{padding:44px 0 56px}.lp-visual{display:none}.lp-spaces,.lp-features,.lp-steps{grid-template-columns:1fr}.lp-section{padding:64px 0}.lp-final-inner{flex-direction:column;align-items:flex-start}}