@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--ink: #1e2923;--muted: #718078;--line: #dfe7e1;--paper: #f5f8f4;--card: #fff;--green: #2e684f;--green-dark: #204936;--lime: #c4e36c;--amber: #eea24c;--blue: #91c7d2;--red: #ba5f53;font-family:Manrope,Noto Sans SC,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.app-frame{min-height:100vh}.topbar,.admin-topbar{height:72px;max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.topbar-actions{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-weight:800;letter-spacing:-.03em}.brand-mark svg{color:#8aaf3e}.brand-mark.compact{font-size:16px}.icon-btn{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid transparent;color:var(--muted);background:transparent;border-radius:10px;transition:.2s}.icon-btn:hover{background:#e9f0eb;color:var(--green-dark)}.icon-btn.danger:hover{color:var(--red);background:#fceceb}.avatar{width:35px;height:35px;border-radius:50%;border:0;color:#fff;background:var(--green);font-weight:800}.main-content{max-width:1000px;margin:0 auto;padding:32px 28px 100px}.welcome-row,.section-heading,.admin-header,.panel-heading,.output-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.eyebrow{display:block;color:#89a095;font:500 10px/1.3 DM Mono,monospace;letter-spacing:.13em}h1,h2,h3,h4,p{margin:0}.welcome-row h2{margin-top:7px;font-size:clamp(26px,5vw,38px);letter-spacing:-.06em}.date-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;color:var(--muted);border:1px solid var(--line);border-radius:99px;font-size:12px}.hero-panel{position:relative;overflow:hidden;min-height:270px;margin-top:31px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;color:#f7fbf7;background:var(--green-dark);border-radius:7px}.hero-panel:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.13;background-image:linear-gradient(125deg,transparent 0 35%,#9fcaac 35.2% 35.7%,transparent 36%),linear-gradient(45deg,transparent 0 50%,#9fcaac 50.2% 50.7%,transparent 51%);background-size:42px 42px}.hero-copy{position:relative;z-index:1;max-width:520px}.hero-copy h1{margin:10px 0 11px;color:#fff;font-size:clamp(28px,5vw,46px);line-height:1.05;letter-spacing:-.07em}.hero-copy p{max-width:430px;color:#c6d7ca;font-size:14px;line-height:1.7}.light{color:#abcdb9}.light-btn,.primary-btn,.outline-btn,.link-btn,.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;font-weight:700;transition:.2s}.light-btn{margin-top:24px;padding:11px 17px;color:var(--green-dark);background:var(--lime);border-radius:6px;font-size:13px}.light-btn:hover{transform:translateY(-1px);background:#d4f085}.hero-figure{position:relative;z-index:1;width:180px;height:180px;margin-right:5%;color:var(--lime);border:1px solid rgba(196,227,108,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-11deg)}.hero-figure:before,.hero-figure:after{position:absolute;content:"";border:1px solid rgba(196,227,108,.2);border-radius:50%}.hero-figure:before{top:12px;right:12px;bottom:12px;left:12px}.hero-figure:after{top:-12px;right:-12px;bottom:-12px;left:-12px}.hero-figure span{font:800 54px/1 Manrope;letter-spacing:-.1em}.hero-figure small{margin-top:7px;font:500 9px/1.4 DM Mono;letter-spacing:.16em;text-align:center}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0 42px}.metric{padding:19px 20px;background:var(--card);border:1px solid var(--line);border-radius:6px}.metric-icon{width:31px;height:31px;display:inline-grid;place-items:center;border-radius:8px}.metric-icon.green{color:var(--green);background:#e6f1e4}.metric-icon.amber{color:#ae6925;background:#fff0dc}.metric-icon.blue{color:#3e8795;background:#e3f2f4}.metric strong{display:block;margin:17px 0 2px;font-size:27px;letter-spacing:-.06em}.metric small{color:var(--muted);font-size:12px}.section-heading{align-items:center;margin-bottom:15px}.section-heading h3,.panel-heading h3{margin-top:5px;font-size:20px;letter-spacing:-.05em}.link-btn,.text-btn{padding:7px 0;color:var(--green);background:none;font-size:12px}.link-btn:hover,.text-btn:hover{color:var(--green-dark)}.course-list{display:grid;gap:12px}.course-block{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:6px}.course-block.locked{background:#fbfcfb}.course-head{display:flex;align-items:center;gap:15px;padding:18px 19px 15px}.course-number{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:var(--green);background:#edf4e9;border-radius:50%;font:500 12px DM Mono}.course-title{min-width:0;flex:1}.course-title h4{font-size:16px;letter-spacing:-.04em}.course-title p{margin-top:5px;color:var(--muted);font-size:11px}.access-badge,.status-pill{padding:5px 8px;border-radius:4px;font:500 10px DM Mono}.access-badge.open,.status-pill.unused{color:var(--green);background:#e9f4e7}.access-badge.closed,.status-pill.disabled{color:#8a7060;background:#f6eee6}.status-pill.active{color:#267380;background:#e4f3f5}.lesson-list{border-top:1px solid #edf1ee}.lesson-row{width:100%;min-height:51px;display:flex;align-items:center;gap:11px;padding:0 19px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #f0f3f1;text-align:left;font-size:13px}.lesson-row:last-child{border-bottom:0}.lesson-row:hover{background:#f7faf6}.lesson-play{width:24px;height:24px;display:grid;place-items:center;color:var(--green);background:#e7f1e5;border-radius:50%}.lesson-meta{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:#a2b0a6;font-size:10px}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;width:min(100%,560px);height:67px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(3,1fr);transform:translate(-50%);background:#fffffff0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;color:#9ca9a0;background:none;border:0;font-size:10px}.bottom-nav button.active{color:var(--green)}.login-shell{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:28px 20px;background:#eaf1e9}.login-card{position:relative;z-index:1;width:min(100%,450px);padding:38px 39px 31px;background:#ffffffe6;border:1px solid rgba(255,255,255,.8);box-shadow:0 25px 65px #264d3821;border-radius:8px}.login-heading{margin:54px 0 29px}.login-heading h1{margin:13px 0 14px;font-size:clamp(39px,10vw,60px);line-height:.99;letter-spacing:-.09em}.login-heading h1 em{color:var(--green);font-style:normal}.login-heading p{color:var(--muted);line-height:1.7;font-size:13px}.login-form,.admin-login form{display:grid;gap:14px}label{display:grid;gap:7px;color:#54645b;font-size:11px;font-weight:700}label small{margin-left:4px;color:#a2ada5;font-weight:400}input,select{width:100%;padding:12px 13px;color:var(--ink);background:#f8faf8;border:1px solid var(--line);border-radius:5px;outline:none;font-size:13px}input:focus,select:focus{border-color:#91bfa1;box-shadow:0 0 0 3px #e7f2e8}.primary-btn{padding:13px 17px;color:#fff;background:var(--green);border-radius:5px;font-size:13px}.primary-btn:hover{background:#285b45;transform:translateY(-1px)}.primary-btn.full{width:100%}.login-form .primary-btn{margin-top:10px;justify-content:space-between}.login-card>.text-btn{margin:23px auto 0;display:flex}.login-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:30px;color:#9ca9a0;font-size:10px}.login-orbit{position:absolute;border:1px solid rgba(76,131,92,.11);border-radius:50%}.orbit-one{width:600px;height:600px;left:-260px;bottom:-270px}.orbit-two{width:760px;height:760px;right:-300px;top:-380px}.lesson-page{max-width:820px;margin:0 auto;padding:23px 28px 50px}.lesson-crumb{margin-bottom:19px;color:var(--muted);font:11px DM Mono}.lesson-page h2{font-size:clamp(27px,5vw,39px);letter-spacing:-.07em}.lesson-subtitle{margin-top:7px;color:var(--muted);font-size:12px}.video-wrap{position:relative;overflow:hidden;margin-top:28px;background:#18221d;border-radius:6px;aspect-ratio:16 / 9}video{width:100%;height:100%;display:block;object-fit:contain}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:9px;color:#b5c4ba;font-size:13px}.video-info{padding:18px 0 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:16px;border-bottom:1px solid var(--line)}.video-info strong{display:block;margin-top:4px;font-size:25px;letter-spacing:-.06em}.progress-track{height:5px;overflow:hidden;margin-bottom:7px;background:#e2ebe3;border-radius:99px}.progress-track span{height:100%;display:block;background:var(--lime);border-radius:inherit}.time-label{color:var(--muted);font:10px DM Mono}.lesson-note{display:flex;gap:13px;margin:25px 0;padding:15px;background:#edf4e9;border-radius:5px}.note-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;color:var(--green);background:var(--lime);border-radius:50%}.lesson-note strong{font-size:13px}.lesson-note p{margin-top:4px;color:#6b7c70;font-size:11px;line-height:1.6}.admin-shell{min-height:100vh;background:#f4f7f4}.admin-topbar{max-width:1280px;border-bottom:1px solid var(--line)}.admin-title{display:inline-flex;align-items:center;gap:7px;margin-left:auto;margin-right:17px;color:var(--muted);font-size:12px}.admin-content{max-width:1280px;margin:0 auto;padding:37px 28px 60px}.admin-header{align-items:center}.admin-header h1{margin-top:7px;font-size:32px;letter-spacing:-.07em}.outline-btn{padding:9px 12px;color:var(--green);background:#fff;border:1px solid var(--line);border-radius:5px;font-size:12px}.outline-btn:hover{background:#edf5ed}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0 22px}.admin-stats div{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:5px}.admin-stats span{color:var(--muted);font-size:11px}.admin-stats strong{display:block;margin-top:8px;font-size:27px;letter-spacing:-.06em}.admin-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(450px,1.25fr);gap:16px}.admin-panel{padding:22px;background:#fff;border:1px solid var(--line);border-radius:5px}.panel-heading{align-items:center;margin-bottom:22px}.panel-heading>svg{color:#89aa6b}.count-label{color:var(--muted);font:11px DM Mono}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:13px}.generate-panel>.primary-btn{margin-top:19px}.generated-output{margin-top:20px;padding:13px;background:#f2f7ed;border-radius:4px}.output-heading{align-items:center;color:var(--green);font-size:11px}.generated-output code{display:block;max-height:130px;overflow:auto;margin-top:9px;color:#516950;font:11px/1.8 DM Mono;white-space:pre-wrap}.filter-row{display:grid;grid-template-columns:1fr 130px;gap:9px;margin-bottom:14px}.search-input{position:relative}.search-input svg{position:absolute;top:12px;left:11px;color:#92a197}.search-input input{padding-left:34px}.code-table{display:grid;gap:5px;max-height:530px;overflow:auto}.code-row{min-height:64px;display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1ee}.code-main{min-width:0;flex:1}.code-main code{display:block;overflow:hidden;color:var(--green-dark);font:12px DM Mono;text-overflow:ellipsis;white-space:nowrap}.code-main span{display:block;margin-top:6px;overflow:hidden;color:#9aa79e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.code-actions{display:flex;gap:1px}.admin-login{width:min(100%,420px);margin:50px auto;padding:35px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:6px}.admin-login-icon,.modal-icon{width:49px;height:49px;display:grid;place-items:center;margin:0 auto 20px;color:var(--green);background:#e8f2e6;border-radius:50%}.admin-login h1{margin:10px 0;font-size:31px;letter-spacing:-.07em}.admin-login p{margin-bottom:25px;color:var(--muted);font-size:12px}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#14251b6e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(100%,410px);padding:33px;background:#fff;border-radius:7px;box-shadow:0 22px 70px #00000029}.modal-close{position:absolute;top:12px;right:12px}.modal-icon{margin:0 0 18px}.modal-card h2{margin:8px 0;font-size:27px;letter-spacing:-.07em}.modal-card p{margin-bottom:21px;color:var(--muted);font-size:12px}.code-input{margin-bottom:11px;padding:14px;font:500 14px DM Mono;letter-spacing:.04em;text-transform:uppercase}.toast{position:fixed;z-index:30;top:18px;left:50%;max-width:calc(100% - 30px);padding:11px 16px;display:flex;align-items:center;gap:7px;transform:translate(-50%);color:#fff;background:#25362c;border-radius:5px;box-shadow:0 9px 26px #18302333;font-size:12px}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-9px)}.empty-state{padding:42px 20px;display:grid;place-items:center;gap:8px;color:#96a59b;font-size:12px}@media (max-width: 760px){.topbar,.admin-topbar{height:62px;padding:0 17px}.main-content{padding:25px 17px 96px}.welcome-row h2{font-size:29px}.hero-panel{min-height:265px;padding:28px 25px}.hero-figure{width:120px;height:120px;margin-right:-10px}.hero-figure span{font-size:37px}.hero-copy{max-width:64%}.hero-copy h1{font-size:29px}.hero-copy p{font-size:12px}.metric{padding:14px 13px}.metric strong{margin-top:13px;font-size:23px}.metric small{font-size:10px}.course-head{padding:15px 13px 13px;gap:10px}.lesson-row{padding:0 13px}.lesson-page{padding:21px 17px 35px}.video-info{grid-template-columns:auto 1fr;gap:9px}.time-label{grid-column:2}.admin-content{padding:26px 17px 45px}.admin-grid{grid-template-columns:1fr}.admin-stats strong{font-size:23px}.admin-panel{padding:17px}.admin-title{display:none}}@media (max-width: 420px){.login-card{padding:30px 24px 25px}.login-heading{margin-top:43px}.login-heading h1{font-size:42px}.date-chip{display:none}.hero-figure{width:104px;height:104px}.hero-figure:after{top:-7px;right:-7px;bottom:-7px;left:-7px}.hero-figure span{font-size:31px}.hero-figure small{font-size:7px}.access-badge{display:none}.filter-row{grid-template-columns:1fr}}