:root{--ink:#19233b;--muted:#71809a;--line:#e1e7f0;--blue:#285ee8;--navy:#101a35;--violet:#6a4fe3;--sky:#eef5ff}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:#f6f8fc;margin:0;font-family:Arial,Helvetica Neue,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.loading,.access{text-align:center;color:#4e427f;background:linear-gradient(135deg,#f5f7ff,#f7fbff);place-content:center;gap:14px;min-height:100vh;padding:30px;display:grid}.loading svg,.access>svg{color:#684ce6;width:48px;height:48px;margin:auto}.access h1{margin:0;font-size:28px}.access p{max-width:520px;color:var(--muted);line-height:1.6}.access button{color:#fff;background:var(--violet);border:0;border-radius:12px;width:max-content;margin:auto;padding:12px 17px;font-weight:800}.login{background:#f7f8fd;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login>section{color:#fff;background:radial-gradient(circle at 70% 23%,#9583ff 0 2%,#0000 29%),linear-gradient(135deg,#171b5a,#382891 55%,#7b4edb);flex-direction:column;justify-content:center;padding:clamp(42px,7vw,110px);display:flex}.login>section>span{background:#ffffff29;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.login>section svg{width:30px}.login>section p{color:#c7bcff;letter-spacing:.15em;margin:34px 0 11px;font-size:11px;font-weight:900}.login h1{letter-spacing:-.06em;max-width:540px;margin:0;font-size:clamp(40px,4.2vw,62px);line-height:1.08}.login>section strong{color:#e9e5ff;border:1px solid #ffffff38;border-radius:999px;width:max-content;margin-top:25px;padding:9px 13px;font-size:11px;display:inline-block}.login>div{place-items:center;padding:34px;display:grid}.login article{border:1px solid var(--line);background:#fff;border-radius:25px;width:min(440px,100%);padding:42px;box-shadow:0 24px 70px #18204c17}.login article p{color:#6d55db;letter-spacing:.13em;margin:0;font-size:11px;font-weight:900}.login article h2{letter-spacing:-.04em;margin:15px 0 10px;font-size:29px}.login article>span{color:var(--muted);line-height:1.6;display:block}.login article button{color:#30384d;background:#fff;border:1px solid #dbe1eb;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:30px;font-size:15px;font-weight:800;display:flex}.login article button:hover{background:#f8faff;border-color:#cbd6e6}.googleLogo{flex:none;height:20px;width:20px!important}.login article small{color:#c2354d;margin-top:13px;line-height:1.5;display:block}.lessonShell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.lessonSidebar{color:#ced6e6;background:#10182c;flex-direction:column;width:280px;min-height:100vh;padding:25px 17px 18px;display:flex;position:sticky;top:0}.lessonBrand{color:#fff;align-items:center;gap:11px;padding:7px 10px 28px;text-decoration:none;display:flex}.lessonBrand>span{background:linear-gradient(135deg,#795df5,#b057db);border-radius:14px;place-items:center;width:43px;height:43px;display:grid}.lessonBrand svg{width:23px}.lessonBrand strong,.lessonBrand small{display:block}.lessonBrand strong{letter-spacing:-.04em;font-size:20px}.lessonBrand small{color:#9ba7c1;letter-spacing:.15em;margin-top:3px;font-size:9px;font-weight:900}.lessonSidebar nav{gap:7px;display:grid}.lessonSidebar nav a{color:#b7c1d6;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:0 12px;font-size:13px;font-weight:750;text-decoration:none;display:flex}.lessonSidebar nav a svg{width:19px}.lessonSidebar nav a:hover{color:#fff;background:#1d2945}.lessonSidebar nav a.active{color:#fff;background:linear-gradient(135deg,#4f40be,#7651e2);box-shadow:0 8px 20px #573dc559}.workflowHelp{background:#15203a;border:1px solid #293653;border-radius:16px;margin-top:28px;padding:16px}.workflowHelp strong{color:#b5a5ff;font-size:12px}.workflowHelp p{color:#92a0bb;margin:8px 0 0;font-size:11px;line-height:1.55}.lessonSidebar footer{border-top:1px solid #293653;margin-top:auto;padding:17px 10px 0}.lessonSidebar footer span{color:#9ca8be;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.lessonSidebar footer button{color:#ff99a8;background:0 0;border:0;align-items:center;gap:7px;margin-top:12px;font-size:12px;font-weight:800;display:flex}.lessonSidebar footer svg{width:17px}.lessonMain{min-width:0;padding:31px clamp(22px,4vw,65px) 68px}.lessonTopbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.lessonTopbar p,.stepHeader p,.packagePreview header p{color:#77849a;letter-spacing:.13em;margin:0 0 7px;font-size:10px;font-weight:900}.lessonTopbar h1{letter-spacing:-.05em;margin:0;font-size:31px}.workspaceSelectors{gap:8px;display:flex}.workspaceSelectors label{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:7px;min-width:176px;height:43px;padding:0 11px;display:flex}.workspaceSelectors select{color:#364058;appearance:none;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px;font-weight:750}.workspaceSelectors svg{color:#8a95a8;width:15px}.workflowRibbon{color:#5c53a8;background:#f5f3ff;border:1px solid #dcd7ff;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:27px 0 22px;padding:13px 16px;font-size:11px;font-weight:850;display:flex}.workflowRibbon i{color:#a193e4;font-style:normal}.notice{border:1px solid;border-radius:13px;align-items:center;gap:9px;min-height:48px;margin-bottom:18px;padding:11px 13px;font-size:13px;font-weight:700;display:flex}.notice.ok{color:#146642;background:#edfcf5;border-color:#ade6cd}.notice.error{color:#a72e48;background:#fff1f3;border-color:#ffc5d0}.notice.info{color:#315ba9;background:#f0f6ff;border-color:#bfd4ff}.notice svg{width:18px}.notice button{color:inherit;background:0 0;border:0;margin-left:auto;padding:0}.notice button svg{width:17px}.step{max-width:1240px}.stepHeader{background:linear-gradient(135deg,#fff,#f7faff);border:1px solid #dbe4f0;border-radius:21px 21px 0 0;align-items:center;gap:17px;padding:24px 27px;display:flex}.stepHeader>span{color:#fff;background:linear-gradient(135deg,#416fe7,#785ce0);border-radius:16px;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 8px 18px #485bc63d}.stepHeader svg{width:26px}.stepHeader h2{letter-spacing:-.045em;margin:0;font-size:25px}.stepHeader small{max-width:750px;color:var(--muted);margin-top:5px;font-size:13px;line-height:1.55;display:block}.actionCard,.subjectUpload,.mixControls,.packageSelect{border:1px solid var(--line);background:#fff;border-top:0;flex-wrap:wrap;align-items:end;gap:14px;padding:22px 26px;display:flex}.actionCard label,.subjectUpload>label,.timetableActions label,.mixControls label,.packageSelect label{color:#68768c;gap:7px;min-width:170px;font-size:11px;font-weight:850;display:grid}.actionCard select,.subjectUpload select,.timetableActions select,.mixControls select,.packageSelect select{color:#2c3851;background:#fff;border:1px solid #d7dfeb;border-radius:10px;outline-color:#705ae1;height:43px;padding:0 11px;font-size:13px;font-weight:750}.filePick{color:#fff;background:#2e61d8;border-radius:11px;align-items:center;gap:8px;min-height:43px;padding:0 15px;font-size:12px;font-weight:850;display:inline-flex}.filePick:hover{background:#244fb6}.filePick input{display:none}.filePick svg{width:18px}.fileList{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 21px 21px;overflow:hidden}.fileList article{border-top:1px solid #edf0f5;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:71px;padding:12px 23px;display:grid}.fileList article>span{color:#4f62c8;background:#eef1ff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.fileList svg{width:18px}.fileList strong,.fileList small{display:block}.fileList strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.fileList small{color:#7c889c;margin-top:4px;font-size:11px}.fileList button{color:#4660cf;background:#fff;border:1px solid #d8e0ed;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.fileList button.delete{color:#d04259}.emptyFiles{color:#8792a4;text-align:center;margin:0;padding:35px;font-size:13px}.timetableActions{border:1px solid var(--line);background:#fff;border-top:0;flex-wrap:wrap;align-items:end;gap:10px;padding:19px 22px;display:flex}.timetableActions button,.packageActions button,.saveProfile{color:#526178;background:#fff;border:1px solid #d7dfeb;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:12px;font-weight:850;display:inline-flex}.timetableActions button:hover,.packageActions button:hover,.saveProfile:hover{background:#f5f7fb}.timetableActions button.primary,.primary,.packageActions .primary{color:#fff;background:linear-gradient(135deg,#513bd5,#7957ed);border-color:#5f49da}.timetableActions svg,.packageActions svg,.saveProfile svg{width:16px}.tableWrap{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 21px 21px;overflow:auto}.timetable{border-collapse:collapse;width:100%;min-width:780px}.timetable th,.timetable td{text-align:center;border:1px solid #e5eaf1;padding:8px}.timetable thead th{color:#fff;background:#345fce;padding:13px;font-size:12px}.timetable tbody th{color:#39465d;background:#f7f9fc;width:76px;font-size:12px}.timetable tbody th small{color:#909bad;margin-top:4px;font-size:9px;display:block}.timetable input{color:#26334a;text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;outline-color:#765ce2;width:100%;min-width:105px;padding:8px;font-size:12px}.timetable input:focus{background:#f7f5ff;border-color:#b8a9ff}.subjectUpload{border-radius:0}.subjectUpload p{color:#758197;max-width:420px;margin:0 0 4px;font-size:12px;line-height:1.5}.profileGrid{border:1px solid var(--line);background:#fff;border-top:0;grid-template-columns:repeat(3,1fr);gap:14px;padding:21px 25px;display:grid}.profileGrid label{color:#435474;gap:8px;font-size:12px;font-weight:850;display:grid}.profileGrid textarea{resize:vertical;color:#33405a;background:#fbfcff;border:1px solid #dbe2ec;border-radius:12px;outline-color:#765ce2;min-height:173px;padding:13px;font-size:12px;line-height:1.6}.saveProfile{border:1px solid var(--line);border-top:0;border-radius:0;margin:0}.mixControls{border-top:0;border-radius:0 0 21px 21px}.mixControls>div{background:#f5f7fc;border-radius:10px;gap:4px;min-width:220px;padding:9px 12px;display:grid}.mixControls strong{color:#46516b;font-size:12px}.mixControls small{color:#8791a4;font-size:11px}.mixButton{border:0;border-radius:11px;min-height:45px;margin-left:auto;padding:0 16px;font-size:12px;font-weight:900}.mixButton svg{width:17px}.packageSelect{border-radius:0}.packageSelect>div{gap:4px;display:grid}.packageSelect strong{color:#394861;font-size:13px}.packageSelect span{color:#7b8698;font-size:12px}.packagePreview{border:1px solid var(--line);background:#fff;border-top:0;padding:25px}.packagePreview header{border-bottom:1px solid #e4e9f1;padding-bottom:14px}.packagePreview h3{margin:0;font-size:19px}.packagePreview article{border-bottom:1px solid #edf0f5;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 0;display:grid}.packagePreview article svg{color:#27a96b;width:19px}.packagePreview article strong,.packagePreview article span{display:block}.packagePreview article strong{font-size:13px}.packagePreview article span{color:#748094;margin-top:3px;font-size:11px}.packagePreview article small{color:#1c7c52;background:#e8f9f0;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.packagePreview>p{color:#8792a5;font-size:13px}.packageActions{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 21px 21px;justify-content:flex-end;gap:10px;padding:20px 25px;display:flex}@media (max-width:950px){.lessonShell{display:block}.lessonSidebar{width:auto;height:auto;min-height:0;padding:14px;position:static}.lessonBrand{padding:0 5px}.lessonSidebar nav{margin-top:13px;display:flex;overflow:auto}.lessonSidebar nav a{min-width:max-content}.workflowHelp,.lessonSidebar footer{display:none}.lessonMain{padding:22px 18px 45px}.lessonTopbar{flex-direction:column;align-items:flex-start}.workspaceSelectors{width:100%}.workspaceSelectors label{flex:1;min-width:0}.profileGrid{grid-template-columns:1fr}.profileGrid textarea{min-height:125px}}@media (max-width:560px){.login{grid-template-columns:1fr}.login>section{padding:46px 28px}.login h1{font-size:45px}.login article{padding:31px 25px}.workflowRibbon{justify-content:flex-start}.workflowRibbon i{display:none}.stepHeader{padding:20px 16px}.stepHeader h2{font-size:21px}.actionCard,.subjectUpload,.mixControls,.packageSelect{align-items:stretch;padding:16px}.actionCard label,.subjectUpload>label,.mixControls label,.packageSelect label{width:100%}.filePick{justify-content:center}.fileList article{grid-template-columns:34px minmax(0,1fr) auto;padding:12px}.fileList article button.delete{display:none}.timetableActions{padding:16px}.packageActions{flex-direction:column;padding:16px}.packageActions button{width:100%}}.actionCard .filePick,.subjectUpload .filePick{color:#fff;white-space:nowrap;background:#2e61d8;border:1px solid #2e61d8;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:auto;min-width:max-content;line-height:1;display:inline-flex}.actionCard .filePick:hover,.subjectUpload .filePick:hover{color:#fff;background:#244fb6;border-color:#244fb6}.actionCard .filePick svg,.subjectUpload .filePick svg{color:currentColor}.actionCard .filePick:focus-within,.subjectUpload .filePick:focus-within{outline-offset:2px;outline:3px solid #2e61d838}@media (min-width:951px){.lessonSidebar{overscroll-behavior:contain;align-self:start;height:100vh;min-height:0;overflow-y:auto}}