:root{--orange:#f97316;--orange-dark:#c2410c;--orange-soft:#fff1e8;--black:#111111;--muted:#6b7280;--line:#e7e7e7;--white:#fff;--bg:#f7f7f5;--green:#16803a;--red:#b42318;--shadow:0 18px 50px rgba(17,17,17,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--black);background:var(--bg);line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
.splash,.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 80% 10%,#fed7aa 0,transparent 32%),linear-gradient(135deg,#fff 0,#fff7ed 50%,#111 50%,#111 100%)}.splash{text-align:center}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--orange);color:white;font-weight:900;letter-spacing:-2px;box-shadow:0 12px 28px rgba(249,115,22,.35)}
.auth-card{width:min(460px,100%);padding:36px;border-radius:28px;background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:var(--orange-dark)}h1,h2,h3{line-height:1.15;margin-top:0}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.045em}.auth-card h1{font-size:2.2rem}.muted{color:var(--muted)}.error,.success{padding:11px 13px;border-radius:12px;margin:12px 0;font-weight:700}.error{background:#fff0ed;color:var(--red)}.success{background:#ecfdf3;color:var(--green)}
.field{display:grid;gap:7px;margin:14px 0}.field label{font-weight:800;font-size:.88rem}.field input,.field textarea,.field select,.inline-form input,.inline-form select{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:white;color:#111;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(249,115,22,.13)}textarea{min-height:110px;resize:vertical}
.btn{border:0;border-radius:12px;padding:11px 16px;background:var(--black);color:white;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn.orange{background:var(--orange)}.btn.light{background:white;color:var(--black);border:1px solid var(--line)}.btn.danger{background:#fff0ed;color:var(--red)}.btn.small{padding:8px 11px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.full{width:100%}
.shell{min-height:100vh}.topbar{height:72px;background:#111;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,54px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand .brand-mark{width:40px;height:40px;border-radius:12px;font-size:.85rem;box-shadow:none}.top-actions{display:flex;align-items:center;gap:10px}.user-pill{font-size:.86rem;color:#ddd}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:white;border-right:1px solid var(--line);padding:26px 18px}.nav-btn{width:100%;padding:12px 14px;margin-bottom:6px;border:0;border-radius:12px;text-align:left;background:transparent;font-weight:800;color:#555}.nav-btn:hover,.nav-btn.active{background:var(--orange-soft);color:var(--orange-dark)}.main{padding:clamp(22px,4vw,52px);max-width:1400px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.page-head h1{margin-bottom:6px}.page-head p{margin:0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stat,.card{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 26px rgba(17,17,17,.04)}.stat{padding:20px}.stat strong{display:block;font-size:2rem;line-height:1}.stat span{color:var(--muted);font-size:.88rem}.card{padding:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.course-card{overflow:hidden;padding:0}.course-cover{height:170px;background:radial-gradient(circle at 80% 25%,rgba(255,255,255,.75) 0 8%,transparent 9%),linear-gradient(130deg,var(--orange),#fb923c 55%,#111 56%);padding:22px;color:white;display:flex;align-items:end}.course-cover h3{margin:0;font-size:1.55rem}.course-body{padding:20px}.progress-track{height:9px;border-radius:99px;background:#ececec;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--orange);border-radius:inherit}.progress-row{display:flex;justify-content:space-between;margin:10px 0 6px;font-size:.84rem;font-weight:800}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--orange-soft);color:var(--orange-dark);font-size:.76rem;font-weight:900}.badge.dark{background:#111;color:#fff}.badge.green{background:#ecfdf3;color:var(--green)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:white}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fafafa}tr:last-child td{border-bottom:0}.inline-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.section{margin:28px 0}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.section-title h2,.section-title h3{margin:0}
.course-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.course-nav{background:white;border:1px solid var(--line);border-radius:20px;padding:16px;height:max-content;position:sticky;top:96px}.module-nav{margin:8px 0 16px}.module-nav h3{font-size:.86rem;margin:0 0 8px;color:var(--orange-dark)}.lesson-link{display:flex;width:100%;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:9px;background:transparent;text-align:left;font-size:.86rem}.lesson-link:hover,.lesson-link.active{background:var(--orange-soft)}.check{width:20px;height:20px;border-radius:50%;border:1px solid #ccc;display:grid;place-items:center;flex:0 0 auto;font-size:.7rem}.check.done{background:var(--orange);border-color:var(--orange);color:white}.lesson{background:white;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,48px);min-height:600px}.lesson-meta{color:var(--orange-dark);font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.lesson h1{font-size:clamp(2rem,5vw,3.3rem)}.content-block{margin:26px 0}.content-block h2{font-size:1.55rem}.callout{padding:20px;border-left:5px solid var(--orange);background:var(--orange-soft);border-radius:0 16px 16px 0}.media-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#111}.media-frame iframe,.media-frame img{width:100%;height:100%;border:0;object-fit:cover}.graphic{padding:22px;border-radius:18px;background:#111;color:white}.graphic-row{display:grid;grid-template-columns:120px 1fr 45px;gap:10px;align-items:center;margin:12px 0}.graphic-bar{height:12px;background:#333;border-radius:99px;overflow:hidden}.graphic-bar span{display:block;height:100%;background:var(--orange)}.quiz{margin-top:34px;padding:24px;border-radius:20px;background:#fff7ed;border:1px solid #fed7aa}.option{display:flex;gap:9px;margin:9px 0;padding:11px;background:white;border:1px solid #eee;border-radius:10px}.lesson-footer{display:flex;justify-content:space-between;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
.builder-module{border:1px solid var(--line);background:white;border-radius:18px;padding:18px;margin:14px 0}.builder-lesson{border-left:3px solid var(--orange);padding:12px 0 12px 16px;margin:12px 0}.block-chip{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 11px;border-radius:10px;background:#f5f5f5;margin:7px 0;font-size:.85rem}.block-form{padding:16px;background:#fff7ed;border-radius:14px;margin-top:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{padding:35px;text-align:center;border:1px dashed #ccc;border-radius:16px;color:var(--muted)}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}.nav-btn{width:auto;white-space:nowrap;margin:0}.course-layout{grid-template-columns:1fr}.course-nav{position:static}.inline-form{grid-template-columns:1fr 1fr}.user-pill{display:none}}
@media(max-width:600px){.topbar{padding:0 14px}.main{padding:20px 14px}.stats{grid-template-columns:1fr}.inline-form,.two-col{grid-template-columns:1fr}.page-head{align-items:start;flex-direction:column}.auth-card{padding:26px}.lesson{padding:22px 18px}.lesson-footer{flex-direction:column}.graphic-row{grid-template-columns:90px 1fr 38px}}
.html-frame{width:100%;min-height:520px;border:1px solid var(--line);border-radius:18px;background:white}