:root{--bg:#f6f7fb;--surface:#fff;--surface2:#f9fafb;--text:#182033;--muted:#70798c;--line:#e7eaf0;--brand:#5b5ce2;--brand2:#7c5cff;--nav:#111827;--nav2:#182033;--green:#119b67;--red:#d64545;--amber:#c77700;--shadow:0 12px 35px rgba(25,35,55,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{text-decoration:none;color:var(--brand)}button,input,textarea,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{background:linear-gradient(180deg,var(--nav),#0d1421);color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:10}.logo{display:flex;gap:11px;align-items:center;color:#fff;font-weight:800;font-size:17px;padding:0 8px 24px}.logo small{display:block;color:#7f8aa3;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.logo-mark{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;box-shadow:0 6px 18px rgba(91,92,226,.35)}.logo-mark.large{width:54px;height:54px;border-radius:16px;font-size:23px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;color:#9eabc1;padding:11px 12px;border-radius:10px;font-weight:600}.nav-item span{font-size:16px;width:19px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.085);color:#fff}.side-user{margin-top:auto;padding:14px 10px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:9px}.side-user b,.side-user small{display:block}.side-user small{color:#8290a8;font-size:11px;margin-top:2px}.side-user>a{margin-left:auto;color:#7f8aa3}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ececff;color:#4d4ecb;font-weight:800}.avatar.xl{width:68px;height:68px;font-size:24px}.workspace{min-width:0}.topbar{height:92px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:8}.topbar h1{font-size:22px;margin:0;font-weight:760}.topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#5f687b;background:#fff}.menu-btn{display:none;background:transparent;border:0;font-size:20px;margin-right:8px}.content-wrap{padding:28px 34px 50px;max-width:1500px;margin:auto}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(16,24,40,.02);margin-bottom:18px}.panel.narrow{max-width:900px}.panel-head,.split-head,.module-head,.course-footer,.course-meta,.lesson-top,.lesson-actions,.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head h2,.split-head h2{margin:0;font-size:16px}.panel-head a{font-size:12px}.split-head{margin:3px 0 18px}.split-head h2{font-size:20px}.split-head p{margin:4px 0 0;color:var(--muted)}h2,h3,h4{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:linear-gradient(135deg,var(--brand),#6964ed);color:#fff;padding:10px 15px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 5px 13px rgba(91,92,226,.18)}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.ghost{background:#fff;color:#495166;border:1px solid var(--line);box-shadow:none}.btn.danger{background:#fff1f1;color:var(--red);border:1px solid #ffd9d9;box-shadow:none}.btn.small{padding:7px 10px;border-radius:8px;font-size:12px}.btn.block{width:100%}.icon-danger{border:0;background:#fff1f1;color:var(--red);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:18px}.field{margin-bottom:14px}.field label{display:block;font-weight:650;font-size:12px;margin-bottom:6px;color:#424b5f}.hint{font-weight:400;color:#9399a8}input,select,textarea{width:100%;border:1px solid #dfe3eb;background:#fff;border-radius:10px;padding:10px 11px;outline:0;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:#999af4;box-shadow:0 0 0 3px rgba(91,92,226,.08)}textarea{min-height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inline-form{display:flex;gap:9px;align-items:center}.inline-form input{margin:0}.inline-form input[type=number]{max-width:90px}.grow{flex:1}.check{display:flex;align-items:center;gap:8px;margin:8px 0 16px;color:#596174}.check input{width:auto}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--brand)}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#f0f2f6;color:#646c7c}.badge-active,.badge-completed,.badge-published{background:#e9f9f2;color:#08754c}.badge-draft{background:#fff5e3;color:#9a5d00}.badge-revoked,.badge-inactive{background:#fff0f0;color:#b83030}.badge-required{background:#efefff;color:#5152c6}.alert{padding:12px 14px;border-radius:11px;margin-bottom:16px;border:1px solid transparent}.alert.success{background:#edf9f4;color:#08754c;border-color:#d5f1e5}.alert.error{background:#fff1f1;color:#b83030;border-color:#ffdada}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;align-items:center;gap:13px}.stat-icon{width:42px;height:42px;border-radius:12px;background:#f0f0ff;color:var(--brand);display:grid;place-items:center;font-size:18px}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{font-size:25px;margin:2px 0}.stat-card em{font-style:normal;color:#a0a6b3;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:18px}.metric-list{display:grid;gap:0;margin:7px 0 16px}.metric-list div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.metric-list span{color:var(--muted)}.table-wrap{overflow:auto;margin:0 -2px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8b92a2;font-weight:800}td{font-size:12px}td small{display:block;color:var(--muted);margin-top:3px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.course-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 2px 4px rgba(16,24,40,.02)}.course-card>img,.course-placeholder{height:155px;width:100%;object-fit:cover;background:linear-gradient(135deg,#e8e9ff,#f4ecff);display:grid;place-items:center;color:var(--brand);font-size:36px}.course-body{padding:16px}.course-meta{font-size:11px;color:var(--muted)}.course-card h3{font-size:16px;margin:12px 0 6px}.course-card p{margin:0 0 15px;color:var(--muted);line-height:1.55;min-height:42px}.course-footer{border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:11px}.course-editor-head h2{font-size:22px;margin:9px 0 4px}.course-editor-head p{margin:0;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.7fr);gap:18px;align-items:start}.sticky{position:sticky;top:112px}.module{padding:0;overflow:hidden}.module-head{padding:13px 15px;background:#fafbfc;border-bottom:1px solid var(--line)}.lesson-edit,.add-row,.quiz-box details,.question-list details{border-bottom:1px solid var(--line)}details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}.lesson-edit summary,.add-row>summary,.question-list summary{display:flex;align-items:center;gap:10px;padding:13px 15px;color:#4e5667}.lesson-edit summary>div{flex:1}.lesson-edit summary b,.lesson-edit summary small{display:block}.lesson-edit summary small{color:var(--muted);font-size:10px;margin-top:2px}.drag{color:#afb4c0}.details-body{padding:15px;background:#fcfcfd}.add-row>summary{color:var(--brand);font-weight:700}.quiz-box{border:1px solid var(--line);border-radius:12px;margin-top:13px;overflow:hidden}.quiz-top{padding:12px}.quiz-top b,.quiz-top small{display:block}.quiz-top small{margin-top:3px;color:var(--muted);font-size:10px}.question-list details{border-top:1px solid var(--line);border-bottom:0}.question-list summary{font-size:11px}.person,.profile-hero,.profile-banner{display:flex;align-items:center;gap:11px}.person small{display:block;color:var(--muted);margin-top:2px}.mini-progress,.progress{height:7px;border-radius:999px;background:#edf0f4;overflow:hidden}.mini-progress{width:100px;display:inline-block;margin-right:6px}.mini-progress span,.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#8e65f0);border-radius:999px}.progress.big{height:8px;margin:10px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-banner h2,.profile-banner p{margin:0}.profile-banner p{color:var(--muted);margin-top:3px}.empty{text-align:center;padding:38px 20px;color:var(--muted);width:100%}.empty h3{margin:8px 0 3px}.empty p{margin:0}.empty-icon{font-size:28px;color:#aaaaf3}.notice-list{margin-top:10px}.notice{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.notice-dot{width:8px;height:8px;border-radius:50%;background:#d8dbe2;margin-top:6px}.notice.unread .notice-dot{background:var(--brand)}.notice b,.notice p,.notice small{display:block}.notice p{margin:3px 0;color:var(--muted)}.notice small{color:#a0a6b3}.learner-hero{background:linear-gradient(120deg,#181938,#25274f);color:#fff;border-radius:18px;padding:27px;display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;overflow:hidden;position:relative}.learner-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(112,101,255,.22);right:-55px;top:-100px}.learner-hero .eyebrow{color:#b9b9ff}.learner-hero h2{font-size:28px;color:#fff;margin:7px 0 4px}.learner-hero p{margin:0;color:#c3c9d8}.hero-stats{display:flex;gap:25px;z-index:1}.hero-stats div{text-align:center}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:25px}.hero-stats span{font-size:10px;color:#aab2c8;text-transform:uppercase}.learning-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.curriculum{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;align-self:start;position:sticky;top:112px;max-height:calc(100vh - 140px);overflow-y:auto}.curriculum-progress{padding:16px;border-bottom:1px solid var(--line)}.curriculum-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.curriculum-progress b{font-size:18px}.curriculum-progress span{color:var(--muted);font-size:11px}.curr-module h4{padding:13px 14px 7px;margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8a91a0}.curr-lesson{display:flex;gap:9px;padding:10px 14px;color:#4d5567;border-left:3px solid transparent}.curr-lesson:hover{background:#fafafe}.curr-lesson.active{background:#f3f3ff;border-left-color:var(--brand);color:#3738b8}.curr-lesson.done>span{color:var(--green)}.curr-lesson div{font-size:12px}.curr-lesson small{display:block;color:#9aa0ad;font-size:9px;margin-top:2px}.lesson-stage{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-height:550px}.lesson-top{margin-bottom:18px}.lesson-top h2{font-size:24px;margin:5px 0 0}.lesson-content{min-height:390px}.video{width:100%;aspect-ratio:16/9;background:#000;border:0;border-radius:12px;max-height:600px}.doc-frame{width:100%;height:560px;border:1px solid var(--line);border-radius:12px}.prose{font-size:15px;line-height:1.8;max-width:850px;margin:20px 0;color:#3f4654}.resource-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:14px;border-radius:12px;color:var(--text);max-width:420px}.resource-card>span{width:36px;height:36px;border-radius:10px;background:#f0f0ff;color:var(--brand);display:grid;place-items:center}.resource-card b,.resource-card small{display:block}.resource-card small{color:var(--muted);margin-top:2px}.lesson-actions{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.quiz-page{max-width:900px}.quiz-intro h2{margin:6px 0}.quiz-intro p{color:var(--muted)}.question{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:22px 0;border-top:1px solid var(--line)}.qnum{width:30px;height:30px;background:#f1f1ff;color:var(--brand);border-radius:9px;display:grid;place-items:center;font-weight:800}.question h3{font-size:15px;margin:4px 0 12px}.options{display:grid;gap:8px}.options label{cursor:pointer}.options input{display:none}.options span{display:block;padding:11px 13px;border:1px solid var(--line);border-radius:10px}.options input:checked+span{border-color:#8f90ec;background:#f4f4ff;color:#3d3eb5}.result-card{display:flex;align-items:center;gap:16px;padding:15px;border-radius:13px;margin:16px 0}.result-card strong{font-size:28px}.result-card p{margin:3px 0 0}.result-card.pass{background:#edf9f4;color:#08754c}.result-card.fail{background:#fff4e9;color:#9a5d00}.certificate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cert-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;position:relative;overflow:hidden}.cert-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#f2f2ff;right:-45px;top:-50px}.seal{font-size:30px;color:var(--brand);display:block;margin-bottom:18px}.cert-card h3{font-size:20px;margin:6px 0}.cert-card p{color:var(--muted)}.cert-card code{display:block;background:#f7f8fa;padding:9px;border-radius:8px;margin:15px 0;font-size:11px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-brand{background:radial-gradient(circle at 20% 15%,#5d60dd 0,#25284f 35%,#101827 72%);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-brand h1{font-size:34px;margin:16px 0 5px;color:#fff}.auth-brand p{color:#b4bfd2}.auth-card{align-self:center;max-width:430px;width:calc(100% - 60px);margin:auto;background:#fff;padding:34px;border-radius:18px;box-shadow:var(--shadow)}.auth-card h2{font-size:24px;margin:7px 0}.auth-card>.muted{margin:0 0 22px}.text-link{display:block;text-align:center;margin-top:15px;font-size:12px}.verify-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at top,#ebeaff,#f8f9fc 40%)}.verify-card{max-width:650px;width:100%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px;text-align:center;box-shadow:var(--shadow)}.verify-card h1{margin:15px 0 20px}.verify-card h2{font-size:26px;margin:6px}.verify-card h3{font-size:20px}.verify-ok,.verify-bad{display:inline-block;padding:7px 11px;border-radius:999px;font-weight:800}.verify-ok{background:#e9f9f2;color:#08754c}.verify-bad{background:#fff0f0;color:#b83030}.verify-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.verify-meta span{background:#f7f8fa;padding:12px;border-radius:10px;color:var(--muted);font-size:11px}.verify-meta b{display:block;color:var(--text);margin-top:3px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}@media(max-width:1100px){.course-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.sticky{position:static}.learning-shell{grid-template-columns:260px 1fr}}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:245px;transition:.2s}.menu-open .sidebar{left:0}.menu-btn{display:inline-block}.topbar{padding:0 18px}.content-wrap{padding:20px 18px}.dashboard-grid,.learning-shell,.two-col{grid-template-columns:1fr}.curriculum{position:static;max-height:none}.course-grid,.certificate-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{width:calc(100% - 30px)}.hero-stats{display:none}}@media(max-width:580px){.stat-grid,.form-grid{grid-template-columns:1fr}.top-actions .btn{display:none}.content-wrap{padding:16px 12px}.panel{padding:15px}.learner-hero{padding:22px}.course-card>img,.course-placeholder{height:135px}.inline-form{flex-wrap:wrap}.lesson-stage{padding:16px}}

.toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.builder-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr);gap:20px}.sticky-builder{position:sticky;top:20px}.shortcodes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.shortcode{border:1px solid #dfe3eb;background:#f7f8fb;padding:7px 10px;border-radius:8px;font:600 11px ui-monospace,monospace;cursor:pointer}.element-list{display:grid;gap:10px}.cert-element{display:grid;grid-template-columns:minmax(180px,1fr) 74px 74px 74px 100px 100px;gap:8px;padding:12px;border:1px solid #e8eaf0;border-radius:12px;background:#fbfbfd}.cert-element .field{margin:0}.certificate-preview{aspect-ratio:842/595;background:#f7f5ef center/100% 100% no-repeat;border:1px solid #dfe3eb;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 16px 40px rgba(16,24,40,.12)}.preview-text{position:absolute;white-space:nowrap;color:#111827;line-height:1}.template-list{display:grid;gap:8px}.template-list>div{padding:10px;border:1px solid #e8eaf0;border-radius:10px}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-form select{min-width:260px}.check{display:flex;gap:8px;align-items:center;margin:10px 0}.check input{width:auto}@media(max-width:1000px){.builder-grid{grid-template-columns:1fr}.sticky-builder{position:static}.cert-element{grid-template-columns:1fr 1fr 1fr}.cert-element .grow{grid-column:1/-1}}@media(max-width:640px){.cert-element{grid-template-columns:1fr 1fr}}


/* Aecon Academy v2.2 — 2026/27 Course Studio + Corporate Learning */
.studio-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding:28px 30px;margin-bottom:20px;border-radius:22px;background:linear-gradient(135deg,#15162e 0%,#232654 58%,#34377a 100%);color:#fff;box-shadow:0 24px 70px rgba(28,31,75,.18);position:relative;overflow:hidden}
.studio-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(124,119,255,.18);right:-70px;top:-120px}
.studio-hero h2{font-size:30px;color:#fff;margin:8px 0 6px}.studio-hero p{max-width:720px;color:#c8cede;margin:0;line-height:1.65}.studio-kicker{display:flex;align-items:center;gap:10px}.studio-kicker>span:last-child{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b8bfda;font-weight:800}.studio-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.studio-stats span{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);font-size:11px;color:#cdd3e6}.studio-stats b{color:#fff}.studio-actions{display:flex;gap:8px;position:relative;z-index:1}.studio-hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}
.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.studio-main{min-width:0}.studio-side{display:grid;gap:18px}.builder-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.builder-toolbar h2{margin:4px 0}.composer-card{border:1px solid #dadcf4;background:linear-gradient(180deg,#fff,#fafaff)}
.module-card{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:16px;box-shadow:0 8px 28px rgba(20,24,45,.04);overflow:visible}.module-titlebar{display:flex;align-items:flex-start;gap:14px;padding:18px 19px;border-bottom:1px solid #eceef3}.module-number{width:38px;height:38px;border-radius:12px;background:#f0f0ff;color:#5555cc;display:grid;place-items:center;font-weight:900;font-size:12px}.module-titlebar h3{margin:3px 0;font-size:17px}.module-titlebar p{margin:3px 0;color:var(--muted);font-size:12px}.module-meta{font-size:10px;color:#999fad;margin-top:7px}.module-menu{position:relative}.module-menu>summary{list-style:none;cursor:pointer;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}.module-menu>summary::-webkit-details-marker{display:none}.module-popover{position:absolute;right:0;top:40px;width:320px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 55px rgba(18,22,44,.15);z-index:8}.danger-zone{margin-top:10px;padding-top:10px;border-top:1px solid #f1e5e5}
.lesson-stack{padding:12px}.lesson-card{border:1px solid #e9ebf0;border-radius:13px;margin-bottom:9px;background:#fff;overflow:hidden;transition:.2s}.lesson-card[open]{border-color:#cfd0fb;box-shadow:0 12px 35px rgba(39,42,90,.07)}.lesson-card>summary{display:flex;align-items:center;gap:12px;padding:12px 13px;cursor:pointer;list-style:none}.lesson-card>summary::-webkit-details-marker{display:none}.lesson-card>summary b{display:block;font-size:13px}.lesson-card>summary small{display:block;color:#8b91a0;margin-top:3px;font-size:10px}.lesson-icon{width:38px;height:38px;border-radius:11px;background:#f2f3f6;color:#525866;display:grid;place-items:center;font-size:10px;font-weight:900}.lesson-icon.type-text{background:#eef1ff;color:#4c52c9}.lesson-icon.type-youtube,.lesson-icon.type-video{background:#fff0f0;color:#c84040}.lesson-icon.type-pdf{background:#fff2ea;color:#bb5e2d}.lesson-icon.type-document{background:#eef8ff;color:#3170a6}.lesson-icon.type-embed{background:#eff8f3;color:#2f7a59}.lesson-status{font-size:10px;color:#6a6fd1;padding:6px 8px;border-radius:8px;background:#f4f4ff}
.lesson-composer{padding:18px;border-top:1px solid #eceef4;background:#fcfcfe}.editor-field{margin-bottom:14px}.editor-field>label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.editor-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:7px;border:1px solid #dfe2e8;border-bottom:0;border-radius:11px 11px 0 0;background:#f8f9fb}.editor-toolbar button{min-width:32px;border:0;background:transparent;border-radius:7px;padding:6px 8px;font-size:11px;cursor:pointer;color:#525968}.editor-toolbar button:hover{background:#eceefe;color:#4045b8}.rich-editor{min-height:190px;padding:18px;border:1px solid #dfe2e8;border-radius:0 0 11px 11px;background:#fff;outline:none;font-size:14px;line-height:1.7}.rich-editor:focus{border-color:#9295e8;box-shadow:0 0 0 3px rgba(102,105,220,.08)}.rich-editor h2,.rich-editor h3{margin:15px 0 8px}.rich-editor blockquote{border-left:3px solid #8587df;margin:12px 0;padding:8px 14px;background:#f7f7ff;color:#5e6371}
.form-grid.three{grid-template-columns:repeat(3,1fr)}.input-suffix{display:flex;align-items:center;border:1px solid #dfe2e8;border-radius:10px;overflow:hidden;background:#fff}.input-suffix input{border:0!important;border-radius:0!important;box-shadow:none!important}.input-suffix span{padding:0 12px;color:#8c92a0;font-size:11px;border-left:1px solid #e8eaf0}
.toggle-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e7e9ef;border-radius:12px;margin:13px 0;background:#fff}.toggle-row>input{display:none}.toggle-row>span{width:36px;height:20px;border-radius:999px;background:#d8dce4;position:relative;transition:.2s;flex:0 0 auto}.toggle-row>span:after{content:"";width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;left:2px;top:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.toggle-row>input:checked+span{background:#696bd5}.toggle-row>input:checked+span:after{left:18px}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:var(--muted);font-size:10px;margin-top:2px}.toggle-row.compact{padding:9px}
.add-content-card{border:1px dashed #cfd3df;border-radius:13px;background:#fafbfc}.add-content-card>summary{display:flex;gap:11px;align-items:center;padding:13px;cursor:pointer;list-style:none}.add-content-card>summary::-webkit-details-marker{display:none}.add-content-card>summary>span{width:35px;height:35px;border-radius:10px;background:#ededff;color:#5559c7;display:grid;place-items:center;font-size:18px}.add-content-card b,.add-content-card small{display:block}.add-content-card small{color:var(--muted);font-size:10px;margin-top:2px}
.assessment-card{border:1px solid #e6e8ef;border-radius:13px;margin-top:11px;overflow:hidden}.assessment-head{padding:13px}.assessment-head b,.assessment-head small{display:block}.assessment-head small{font-size:10px;color:var(--muted);margin-top:3px}.assessment-count{float:right;padding:5px 7px;border-radius:7px;background:#f1f2ff;color:#5658bd;font-size:9px;font-weight:900}.assessment-card>details>summary{padding:10px 13px;border-top:1px solid #eceef2;cursor:pointer;font-size:11px;color:#666cc7}.question-edit{border:1px solid #eceef2;border-radius:10px;margin:8px 0}.question-edit>summary{padding:9px 10px;cursor:pointer;font-size:11px}.ghost-danger{background:transparent!important}
.table-sub{display:block;color:#969cab;margin-top:3px;font-size:10px}.profile-line{display:flex;align-items:center;gap:9px}.profile-line h2{margin:0}.compact-list{display:grid;gap:8px;margin-top:12px}.compact-list>a{display:flex;justify-content:space-between;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px;color:var(--text)}.compact-list>a:hover{border-color:#c5c7f4;background:#fbfbff}
.record-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(135deg,#fff,#f7f7ff)}.record-hero h2{font-size:25px;margin:4px 0}.record-hero p{margin:0;color:var(--muted)}.record-metrics{display:grid;grid-template-columns:repeat(4,minmax(95px,1fr));gap:9px}.record-metrics>div{padding:12px;border:1px solid #e7e8f3;border-radius:12px;background:#fff;text-align:center}.record-metrics strong,.record-metrics span{display:block}.record-metrics strong{font-size:16px}.record-metrics span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#999faf;margin-top:3px}.status-check{color:#08754c;font-weight:700}.lesson-badges{display:flex;align-items:center;gap:7px}.rich-prose h2{font-size:24px;margin:24px 0 10px}.rich-prose h3{font-size:19px;margin:20px 0 8px}.rich-prose blockquote{border-left:4px solid #7679dc;background:#f7f7ff;padding:12px 16px;margin:18px 0;color:#555c6a}.rich-prose a{text-decoration:underline}.badge-supervisor{background:#eef1ff;color:#4c52c9}.badge-student{background:#f4f5f7;color:#626a78}.badge-passed{background:#e9f9f2;color:#08754c}.badge-failed{background:#fff0f0;color:#b83030}
@media(max-width:1180px){.studio-layout{grid-template-columns:1fr}.studio-side{grid-template-columns:1fr 1fr}.studio-side .sticky{position:static}.record-hero{align-items:flex-start;flex-direction:column}.record-metrics{width:100%}}
@media(max-width:760px){.studio-hero{flex-direction:column;padding:22px}.studio-actions{width:100%}.studio-actions .btn{flex:1}.builder-toolbar{align-items:flex-start;flex-direction:column}.form-grid.three{grid-template-columns:1fr}.studio-side{grid-template-columns:1fr}.module-popover{position:fixed;left:16px;right:16px;top:120px;width:auto}.record-metrics{grid-template-columns:1fr 1fr}.lesson-card>summary{align-items:flex-start}.lesson-status{display:none}}


/* Aecon Academy v2.3 — Visual Certificate Studio */
.cert-studio{max-width:1600px;margin:0 auto}.cert-studio-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.cert-template-title{min-width:0;flex:1}.cert-template-title input{border:0;background:transparent;padding:0;font-size:22px;font-weight:800;color:var(--text);width:min(620px,100%);box-shadow:none}.cert-template-title input:focus{outline:0;border-bottom:1px solid #8a8ee8}.cert-template-title p{margin:6px 0 0;color:var(--muted);font-size:12px}.cert-top-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.cert-upload-btn{position:relative;overflow:hidden}.cert-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.cert-workbench{display:grid;grid-template-columns:190px minmax(620px,1fr) 300px;min-height:680px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 55px rgba(25,29,55,.07)}.cert-tools{padding:16px 12px;border-right:1px solid var(--line);background:#fbfbfd}.cert-tools h3{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#9298a7;margin:6px 8px 10px}.cert-tool{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;padding:9px;border-radius:10px;cursor:pointer;color:#4f5666}.cert-tool:hover,.cert-tool.active{background:#eeeeff;color:#5557c9}.cert-tool b{width:27px;height:27px;display:grid;place-items:center;border:1px solid #e1e3eb;border-radius:8px;background:#fff}.cert-tool-divider{height:1px;background:#e9ebf0;margin:13px 5px}.cert-shortcode-list{display:grid;gap:6px}.cert-data-chip{border:1px solid #e7e9ef;background:#fff;border-radius:9px;padding:8px;text-align:left;cursor:pointer;overflow:hidden}.cert-data-chip:hover{border-color:#a9acec;background:#f8f8ff}.cert-data-chip code{display:block;font-size:9px;color:#575ac8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-data-chip small{display:block;font-size:9px;color:#949aa7;margin-top:3px}
.cert-canvas-area{min-width:0;background:#f2f4f8;padding:0 18px 18px;overflow:auto}.cert-canvas-toolbar{height:54px;display:flex;justify-content:space-between;align-items:center;gap:12px}.cert-canvas-toolbar>div{display:flex;align-items:center;gap:7px}.canvas-btn{border:1px solid #dfe2e9;background:#fff;border-radius:8px;padding:7px 9px;font-size:10px;color:#596070;cursor:pointer}.canvas-btn:hover{border-color:#aeb1e7;color:#5053bd}.cert-grid-toggle{font-size:10px;color:#697181;display:flex;gap:6px;align-items:center}.cert-grid-toggle input{width:auto}.cert-stage{display:flex;justify-content:center;align-items:flex-start;min-height:545px;padding:16px;overflow:auto}.cert-canvas{width:min(100%,900px);aspect-ratio:842/595;background-color:#fff;background-position:center;background-size:100% 100%;background-repeat:no-repeat;position:relative;box-shadow:0 14px 40px rgba(25,30,54,.14);transform-origin:top center;overflow:hidden;user-select:none}.cert-canvas.grid-on:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(83,88,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(83,88,160,.08) 1px,transparent 1px);background-size:5% 5%}.cert-canvas-element{position:absolute;transform:translate(-50%,-50%);line-height:1.15;padding:6px 9px;cursor:move;white-space:normal;z-index:2;border:1px solid transparent;outline:0}.cert-canvas-element:hover{border:1px dashed #7779df}.cert-canvas-element.selected{border:1px solid #6568df;background:rgba(255,255,255,.12);box-shadow:0 0 0 2px rgba(101,104,223,.12)}.cert-canvas-element.selected:before,.cert-canvas-element.selected:after{content:"";position:absolute;width:7px;height:7px;border:1px solid #6568df;background:#fff;top:50%;transform:translateY(-50%)}.cert-canvas-element.selected:before{left:-5px}.cert-canvas-element.selected:after{right:-5px}.cert-hint{text-align:center;font-size:10px;color:#8b92a1;padding-top:8px}
.cert-properties{border-left:1px solid var(--line);background:#fff}.cert-prop-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.cert-prop-tabs button{border:0;background:#fff;padding:15px 10px;font-size:11px;font-weight:700;color:#8a91a0;cursor:pointer;border-bottom:2px solid transparent}.cert-prop-tabs button.active{color:#5557c9;border-bottom-color:#6668dc}.cert-properties>#propertyPanel,.cert-properties>#layersPanel{padding:16px}.cert-empty-prop{text-align:center;padding:50px 15px;color:#8c93a1}.cert-empty-prop b{display:block;color:#515867}.cert-empty-prop p{font-size:10px;line-height:1.6}.cert-selected-name{padding:11px;border-radius:10px;background:#f6f6ff;margin-bottom:15px}.cert-selected-name small,.cert-selected-name b{display:block}.cert-selected-name small{font-size:8px;letter-spacing:.08em;color:#8d91ba}.cert-selected-name b{margin-top:3px;font-size:12px}.cert-properties textarea{resize:vertical}.cert-properties .form-grid{gap:8px}.cert-properties .field label{font-size:9px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e0e2e8;border-radius:9px;overflow:hidden}.segmented button{border:0;border-right:1px solid #e0e2e8;background:#fff;padding:8px;font-size:9px;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button.active{background:#6568d9;color:#fff}.cert-layers{display:grid;gap:7px}.cert-layer{width:100%;display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;border:1px solid #e8eaf0;background:#fff;border-radius:9px;padding:8px;text-align:left;cursor:pointer}.cert-layer.active{border-color:#999ce8;background:#f8f8ff}.cert-layer b,.cert-layer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-layer b{font-size:10px}.cert-layer small{font-size:8px;color:#999fab;margin-top:2px}
.cert-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.cert-template-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}.cert-template-card{display:flex;align-items:center;gap:10px;border:1px solid #e7e9ef;border-radius:11px;padding:8px;color:var(--text)}.cert-template-card:hover,.cert-template-card.active{border-color:#9ea1e8;background:#fafaff}.cert-thumb{width:72px;aspect-ratio:842/595;border:1px solid #eceef2;border-radius:7px;background:#f7f8fa center/cover no-repeat;flex:0 0 auto}.cert-template-card b,.cert-template-card small{display:block}.cert-template-card b{font-size:11px}.cert-template-card small{font-size:9px;color:#969ca8;margin-top:3px}.cert-guide .shortcodes{margin-top:12px}.cert-delete-form{margin-top:12px;text-align:right}
@media(max-width:1300px){.cert-workbench{grid-template-columns:150px minmax(520px,1fr) 270px}.cert-data-chip small{display:none}}
@media(max-width:1050px){.cert-workbench{grid-template-columns:1fr}.cert-tools{display:none}.cert-properties{border-left:0;border-top:1px solid var(--line)}.cert-canvas-area{min-height:650px}.cert-bottom-grid{grid-template-columns:1fr}}
@media(max-width:700px){.cert-studio-top{flex-direction:column}.cert-top-actions{width:100%}.cert-workbench{min-height:0}.cert-canvas-area{padding:0 8px 12px}.cert-stage{padding:8px;min-height:400px}.cert-properties{min-width:0}}

/* Aecon Academy v2.5 — Course Journey, Completion & Public Certificate */
body.modal-open{overflow:hidden}.course-wizard-overlay{position:fixed;inset:0;background:rgba(13,18,32,.58);backdrop-filter:blur(8px);z-index:120;display:grid;place-items:center;padding:24px}.course-wizard-overlay.hidden{display:none}.course-wizard{width:min(820px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid #e8eaf0;border-radius:24px;box-shadow:0 30px 90px rgba(10,15,35,.28)}.course-wizard-head{display:flex;justify-content:space-between;gap:24px;padding:28px 30px 20px}.course-wizard-head h2{margin:4px 0 5px;font-size:25px}.course-wizard-head p{margin:0;color:var(--muted)}.wizard-close{width:38px;height:38px;border:1px solid #e4e6ec;border-radius:11px;background:#fff;font-size:23px;cursor:pointer;color:#737987}.wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0 30px 22px;gap:8px;border-bottom:1px solid #eceef3}.wizard-steps button{display:flex;gap:10px;align-items:center;text-align:left;border:0;border-radius:12px;background:#f7f8fa;padding:11px;color:#8a909c}.wizard-steps button>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e7e9ee;font-weight:800;font-size:10px}.wizard-steps button b,.wizard-steps button small{display:block}.wizard-steps button b{font-size:11px}.wizard-steps button small{font-size:9px;margin-top:2px}.wizard-steps button.active{background:#f0efff;color:#5457c9}.wizard-steps button.active>span{background:#6265dc;color:#fff}.wizard-pane{display:none;padding:28px 30px;min-height:340px}.wizard-pane.active{display:block}.wizard-copy{margin-bottom:22px}.wizard-copy h3{font-size:20px;margin:4px 0 5px}.wizard-copy p{margin:0;color:var(--muted);max-width:640px}.starter-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.starter-presets button{border:1px solid #e1e3ea;background:#fff;padding:9px 12px;border-radius:10px;font-weight:700;font-size:10px;cursor:pointer}.starter-presets button:hover{border-color:#9ea1e7;background:#f8f8ff;color:#5558c8}.course-review-card{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#f4f3ff,#fafbff);border:1px solid #dedfff;border-radius:15px;padding:16px;margin-top:18px}.course-review-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#6366dc;color:#fff;font-size:20px}.course-review-card small,.course-review-card b{display:block}.course-review-card small{font-size:8px;letter-spacing:.08em;color:#8388a0}.course-review-card b{font-size:14px;margin-top:3px}.course-review-card p{margin:3px 0 0;font-size:10px;color:#858b98}.wizard-footer{display:flex;align-items:center;gap:8px;padding:18px 30px 26px;border-top:1px solid #eceef3}.course-insights{display:flex;gap:7px;margin:12px 0}.course-insights span{font-size:9px;background:#f6f7f9;border:1px solid #eceef2;padding:6px 8px;border-radius:8px;color:#7d8491}.course-insights b{color:#343a49}
.studio-onboarding{display:flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(115deg,#111a32,#232d55);color:#fff;border-radius:18px;padding:20px 22px;margin-bottom:18px;box-shadow:0 14px 35px rgba(25,32,63,.16)}.studio-onboarding h3{margin:4px 0}.studio-onboarding p{margin:0;color:#bdc5da;font-size:11px}.studio-onboarding .eyebrow{color:#989ff3}.studio-onboarding-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.studio-onboarding-steps span{font-size:9px;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.08);color:#cdd3e4;white-space:nowrap}.studio-onboarding-steps b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.12);margin-right:4px}.studio-onboarding-steps .done{background:#6568df;color:#fff}
.completion-modal-backdrop{position:fixed;inset:0;background:rgba(7,12,24,.62);backdrop-filter:blur(10px);z-index:150;display:grid;place-items:center;padding:22px}.completion-modal{width:min(520px,100%);background:#fff;border-radius:26px;padding:38px;text-align:center;position:relative;box-shadow:0 35px 100px rgba(0,0,0,.32);animation:completionIn .28s ease-out}.completion-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:50%;border:1px solid #e7e8ed;background:#fff;color:#747b88;font-size:20px;cursor:pointer}.completion-confetti{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,#6568df,#8c6ee8);color:#fff;font-size:30px;box-shadow:0 15px 35px rgba(101,104,223,.25)}.completion-modal h2{font-size:27px;margin:6px 0}.completion-modal>p{color:#707786;line-height:1.7;margin:0 auto 18px;max-width:410px}.completion-score{display:inline-grid;place-items:center;width:110px;height:110px;border:8px solid #eeefff;border-radius:50%;margin:4px auto 22px;background:#fafaff}.completion-score span{display:block;font-size:25px;font-weight:900;color:#575acb}.completion-score small{display:block;margin-top:-28px;font-size:8px;color:#8a90a0}.completion-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.completion-actions .btn{min-width:145px}@keyframes completionIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.verify-card-wide{max-width:1050px!important;width:min(1050px,96vw)!important}.verify-page{padding:34px 18px}.verify-lead{color:#757c8c;margin-bottom:18px}.certificate-public-frame{width:100%;aspect-ratio:842/595;background:#f3f4f7;border:1px solid #e3e5eb;border-radius:15px;overflow:hidden;box-shadow:0 16px 45px rgba(17,24,39,.1);margin:16px 0 20px}.certificate-public-frame iframe{display:block;width:100%;height:100%;border:0}.verify-meta-wide{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px;text-align:left}.verify-meta-wide span{background:#f7f8fa;border:1px solid #eceef2;border-radius:10px;padding:10px}.verify-meta-wide b{display:block;margin-top:3px;overflow-wrap:anywhere}.verify-actions{margin:18px 0 8px}
@media(max-width:800px){.wizard-steps{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.wizard-steps button small{display:none}.wizard-pane,.course-wizard-head,.wizard-footer{padding-left:20px;padding-right:20px}.studio-onboarding{align-items:flex-start;flex-direction:column}.studio-onboarding-steps{justify-content:flex-start}.verify-meta-wide{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.completion-modal{padding:30px 18px}.completion-actions{display:grid}.verify-meta-wide{grid-template-columns:1fr!important}.course-wizard-overlay{padding:10px}.course-wizard{border-radius:18px}}


/* Aecon Academy v2.6 — Resume learning, visible course details & immersive verification */
.course-details-panel{scroll-margin-top:24px;margin-bottom:18px}.course-details-panel .panel-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.course-details-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:26px;align-items:start}.course-details-fields textarea{min-height:150px;resize:vertical}.field-help{display:block;color:#9097a5;font-size:9px;margin-top:6px}.featured-image-editor{border-left:1px solid var(--line);padding-left:24px}.featured-preview{width:100%;aspect-ratio:16/9;border:1px solid #e4e6ec;border-radius:15px;overflow:hidden;background:#f7f8fa;display:grid;place-items:center}.featured-preview img{display:block;width:100%;height:100%;object-fit:cover}.featured-empty{text-align:center;color:#969caa;display:grid;gap:5px;place-items:center}.featured-empty span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ededff;color:#5d60cf;font-size:18px}.featured-empty b{font-size:11px;color:#606776}.featured-empty small{font-size:9px}.featured-upload{display:block;margin-top:10px;border:1px dashed #cfd3dd;border-radius:12px;padding:12px;cursor:pointer;background:#fbfcfd}.featured-upload:hover{border-color:#9094e4;background:#f9f9ff}.featured-upload span,.featured-upload small{display:block}.featured-upload span{font-size:10px;font-weight:800}.featured-upload small{font-size:8px;color:#9299a6;margin-top:3px}.featured-upload input{width:100%;margin-top:9px}.course-details-status{align-self:flex-start}
.certificate-verify-full{margin:0;background:#0e1320;overflow:hidden}.verify-floating-bar{height:62px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 14px;background:rgba(14,19,32,.96);border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.verify-floating-left,.verify-floating-actions{display:flex;align-items:center;gap:10px;min-width:0}.verify-check{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#daf8e8;color:#08754c;font-weight:900}.verify-floating-left b,.verify-floating-left small{display:block}.verify-floating-left b{font-size:11px}.verify-floating-left small{font-size:8px;color:#aeb6c8;margin-top:2px}.verify-recipient{font-size:9px;color:#bbc2d0;max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verify-certificate-full{width:100vw;height:calc(100vh - 62px);background:#151b29}.verify-certificate-full iframe{display:block;border:0;width:100%;height:100%;background:#fff}
@media(max-width:900px){.course-details-grid{grid-template-columns:1fr}.featured-image-editor{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px}.verify-recipient{display:none}}
@media(max-width:560px){.verify-floating-bar{height:58px}.verify-floating-left small{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verify-certificate-full{height:calc(100vh - 58px)}.verify-floating-actions .btn{font-size:8px;padding:8px}.course-details-panel{padding:16px}}

.wizard-featured-preview{width:100%;aspect-ratio:16/7;border:1px dashed #d5d8e1;border-radius:12px;background:#f8f9fb;display:grid;place-items:center;text-align:center;color:#999fac;margin-bottom:9px;overflow:hidden}.wizard-featured-preview span{font-size:20px;color:#676ada}.wizard-featured-preview small{font-size:8px}.wizard-featured-preview img{width:100%;height:100%;object-fit:cover;display:block}


/* Aecon Academy v2.7 — employee-training workflow */
.wizard-steps-two{grid-template-columns:repeat(2,1fr)!important}.quiz-sequence-card{border-color:#e2defa}.quiz-sequence-card>summary{background:linear-gradient(90deg,#fbfaff,#fff)}.lesson-icon.type-quiz{background:#eeeafd;color:#624fc5;border-color:#ddd5fa}.add-quiz-card{border-color:#ded8f7;background:#fcfbff}.add-quiz-card>summary>span{background:#6959cb;color:#fff}.quiz-builder{background:#fbfaff}.quiz-question-stack{display:grid;gap:8px;margin:18px 0}.modern-question{border:1px solid #e5e3f1;border-radius:12px;background:#fff;overflow:hidden}.modern-question>summary{display:flex;gap:10px;align-items:center;padding:12px;cursor:pointer}.modern-question>summary>span{width:28px;height:28px;border-radius:9px;background:#f0edff;color:#5d52bc;display:grid;place-items:center;font-weight:800}.modern-question>summary b,.modern-question>summary small{display:block}.modern-question>summary small{font-size:9px;color:var(--muted);margin-top:2px}.quiz-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.add-question-modern{border:1px dashed #cfc9ee;border-radius:12px;margin:10px 0}.add-question-modern>summary{padding:11px 13px;font-weight:800;color:#5f54bc;cursor:pointer}.quiz-create-guide{display:flex;gap:11px;align-items:center;padding:12px;border-radius:12px;background:#f3f0ff;margin-bottom:14px}.quiz-create-guide>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#6557c7;color:#fff;font-weight:900}.quiz-create-guide b,.quiz-create-guide small{display:block}.quiz-create-guide small{font-size:9px;color:#77718f;margin-top:2px}.flow-tip{margin-top:13px;padding:12px;border-radius:11px;background:#f6f7fa}.flow-tip b,.flow-tip span{display:block}.flow-tip b{font-size:9px;color:#5359c9;text-transform:uppercase;letter-spacing:.06em}.flow-tip span{font-size:10px;margin-top:4px}.quiz-nav span{background:#f0edff!important;color:#5e52bd!important}
.student-preview-page{min-height:100vh;background:#f4f6f9;color:#232937}.student-preview-bar{height:66px;background:#111827;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.student-preview-bar>div{display:flex;align-items:center;gap:10px}.student-preview-bar b,.student-preview-bar small{display:block}.student-preview-bar small{font-size:9px;color:#aeb6c5}.student-preview-hero{max-width:1100px;margin:26px auto 16px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:minmax(250px,38%) 1fr;align-items:center}.student-preview-hero img{width:100%;height:100%;min-height:250px;object-fit:cover}.student-preview-hero>div{padding:30px}.student-preview-hero h1{font-size:30px;margin:6px 0 10px}.student-preview-hero p{color:#697181;line-height:1.7}.student-preview-curriculum{max-width:1100px;margin:0 auto;padding-bottom:40px}.student-preview-curriculum>h2{font-size:18px}.preview-module{background:#fff;border:1px solid #e5e7eb;border-radius:15px;margin:10px 0;padding:17px}.preview-module h3{margin:0 0 4px}.preview-module>p{color:#7c8492;font-size:10px}.preview-item{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0f4;padding:11px 2px}.preview-item>span{width:28px;height:28px;border-radius:8px;background:#f0f1ff;color:#5d61ca;display:grid;place-items:center;font-weight:800}.preview-item b,.preview-item small{display:block}.preview-item small{font-size:9px;color:#8e95a2;margin-top:2px}
.verify-immersive{margin:0!important;overflow:hidden!important;background:#111827!important;width:100vw;height:100vh}.verify-stage-full{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:0;background:#111827;overflow:hidden}.verified-certificate-canvas{container-type:inline-size;position:relative;width:min(100vw,calc(100vh * 1.415126));height:min(100vh,calc(100vw / 1.415126));aspect-ratio:842/595;background:#fff center/100% 100% no-repeat;overflow:hidden;box-shadow:0 0 70px rgba(0,0,0,.36)}.verified-cert-element{position:absolute;transform:translate(-50%,-50%);line-height:1.14;white-space:normal}.verified-float{position:fixed;z-index:20;left:16px;top:16px;display:flex;align-items:center;gap:9px;padding:7px 8px 7px 9px;border-radius:13px;background:rgba(12,18,30,.86);backdrop-filter:blur(12px);color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.22)}.verified-float b,.verified-float small{display:block}.verified-float b{font-size:10px}.verified-float small{font-size:8px;color:#bac2d1}.verified-float .verify-check{width:29px;height:29px}.verified-float .btn{margin-left:5px}
@media(max-width:760px){.quiz-option-grid{grid-template-columns:1fr}.student-preview-hero{grid-template-columns:1fr;margin:14px}.student-preview-curriculum{padding:0 14px 30px}.student-preview-bar{padding:0 12px}.student-preview-bar small{display:none}.verified-float{left:8px;top:8px;max-width:calc(100vw - 16px)}.verified-float small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* Aecon Academy v2.8 — access, certificate governance & quiz player */
.admin-access-label{display:inline-flex;padding:6px 9px;border-radius:8px;background:#eef0ff;color:#575ccc;font-size:9px;font-weight:800}.admin-access-card{background:linear-gradient(135deg,#f8f8ff,#fff)}.permission-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.permission-pills span{padding:7px 9px;border-radius:8px;background:#f0efff;color:#5a5fc4;font-size:9px;font-weight:700}
.certificate-admin-control{border:1px solid #dedff3;background:linear-gradient(135deg,#fff,#fbfbff)}.certificate-control-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0}.certificate-control-row code,.certificate-control-row small{display:block}.certificate-control-row small{color:var(--muted);margin-top:4px}.certificate-status-reason{margin-top:8px;padding:8px 10px;border-radius:8px;background:#f7f3f0;color:#80624d;font-size:9px}.certificate-state-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.cert-state-form{border:1px solid #eceef3;border-radius:11px;padding:12px}.badge-paused{background:#fff4d9!important;color:#8a6718!important}.badge-cancelled{background:#fee7e7!important;color:#a43737!important}.certificate-inactive{opacity:.82}.certificate-state-message{margin-top:12px;padding:10px;border-radius:10px;background:#f7f7f9}.certificate-state-message p{font-size:9px;color:#747b88;margin:6px 0 0}.certificate-invalid-page{min-height:100vh;margin:0;display:grid;place-items:center;background:#111827;padding:20px}.certificate-invalid-card{width:min(520px,94vw);background:#fff;border-radius:22px;padding:34px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.35)}.certificate-invalid-icon{width:64px;height:64px;border-radius:20px;background:#fee7e7;color:#b33d3d;font-size:30px;font-weight:900;display:grid;place-items:center;margin:0 auto 16px}.certificate-invalid-card h1{margin:6px 0}.certificate-invalid-card>p{color:#6f7786}.certificate-reason{margin:18px 0;padding:13px;border-radius:12px;background:#f7f7f9;text-align:left}.certificate-reason small,.certificate-reason b{display:block}.certificate-reason small{font-size:8px;color:#9096a3;text-transform:uppercase;letter-spacing:.07em}.certificate-reason b{margin-top:4px;font-size:11px}
.quiz-policy-box{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;padding:12px;margin:12px 0;border:1px solid #e6e3f5;border-radius:12px;background:#faf9ff}.mark-correct{border:0;background:#f1f2f5;color:#818795;padding:5px 7px;border-radius:7px;font-size:8px;font-weight:800;cursor:pointer;margin-top:5px}.mark-correct:hover,.mark-correct.active{background:#e1f7ea;color:#08754c}
.quiz-player-shell{max-width:960px;margin:0 auto}.quiz-player-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.quiz-player-header h2{font-size:24px;margin:4px 0}.quiz-player-header p{color:var(--muted);margin:0}.dynamic-quiz-form{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(27,32,62,.07)}.quiz-progress-head{display:flex;justify-content:space-between;padding:16px 20px 10px;font-size:9px;color:#737b8a;font-weight:700}.quiz-progress-track{height:4px;background:#eceef5}.quiz-progress-track span{display:block;height:100%;background:#6468d9;transition:width .25s ease}.quiz-slides{min-height:430px}.quiz-slide{display:none;padding:42px 54px}.quiz-slide.active{display:block;animation:quizSlideIn .2s ease}.quiz-question-number{font-size:11px;font-weight:900;color:#6569d8;letter-spacing:.08em;margin-bottom:12px}.quiz-slide h3{font-size:23px;line-height:1.4;margin:0 0 27px;max-width:760px}.dynamic-options{display:grid;gap:10px}.dynamic-options label{display:grid;grid-template-columns:40px 1fr 28px;align-items:center;gap:11px;padding:13px;border:1px solid #e3e6ed;border-radius:13px;cursor:pointer;background:#fff;transition:.15s}.dynamic-options label:hover{border-color:#aeb1e9;background:#fbfbff}.dynamic-options input{position:absolute;opacity:0;pointer-events:none}.dynamic-options label:has(input:checked){border-color:#6d70dd;background:#f5f4ff;box-shadow:0 0 0 2px rgba(109,112,221,.09)}.option-letter{width:34px;height:34px;border-radius:9px;background:#f2f3f6;display:grid;place-items:center;font-size:10px;font-weight:900;color:#656c79}.dynamic-options label:has(input:checked) .option-letter{background:#666adc;color:#fff}.option-text{font-size:12px;font-weight:600}.option-check{opacity:0;color:#5d61cf;font-weight:900}.dynamic-options label:has(input:checked) .option-check{opacity:1}.quiz-player-footer{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:16px 20px}.quiz-answer-warning{font-size:9px;color:#b34d4d;font-weight:700}.quiz-result-screen{text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px 30px;box-shadow:0 18px 50px rgba(27,32,62,.07)}.quiz-result-ring{width:138px;height:138px;margin:0 auto 22px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:10px solid #eef0f5}.quiz-result-ring.pass{border-color:#dff3e7;background:#f8fdf9}.quiz-result-ring.fail{border-color:#fae5e5;background:#fffafa}.quiz-result-ring strong{font-size:30px}.quiz-result-ring span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#7d8491}.quiz-result-screen h2{font-size:25px;margin:5px 0}.quiz-result-screen>p{color:#727a89}.quiz-result-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;margin:24px auto;gap:8px}.quiz-result-stats div{padding:13px;border-radius:11px;background:#f7f8fa}.quiz-result-stats b,.quiz-result-stats small{display:block}.quiz-result-stats b{font-size:16px}.quiz-result-stats small{font-size:8px;color:#9299a6;margin-top:3px}.quiz-policy-note{display:block;margin-top:15px;color:#8f96a3}
@keyframes quizSlideIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.certificate-state-actions,.quiz-policy-box{grid-template-columns:1fr}.certificate-control-row,.quiz-player-header{align-items:flex-start;flex-direction:column}.quiz-slide{padding:28px 18px}.quiz-slide h3{font-size:19px}.quiz-result-stats{grid-template-columns:1fr}.dynamic-options label{grid-template-columns:34px 1fr 22px}}


/* Aecon Academy v2.9 — Roles, Guided Quiz Builder & Fullscreen Quiz */
.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.role-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.role-card-head{display:flex;align-items:center;gap:11px}.role-card-head h3{margin:3px 0 0}.role-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eeefff;color:#575dcc;font-weight:900}.role-card>p{color:var(--muted);min-height:35px}.role-access{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f7f8fa;border-radius:10px;padding:10px;margin:12px 0}.role-access b,.role-access small{font-size:9px}.role-access small{color:#8d94a1}.role-card details>summary{cursor:pointer;font-size:10px;font-weight:800;color:#5c61c8}
.quiz-builder-page{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.quiz-builder-nav{display:grid;gap:8px;align-content:start;position:sticky;top:18px}.quiz-builder-nav a{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:11px;border:1px solid #e5e7ee;border-radius:12px;background:#fff;color:#717887}.quiz-builder-nav a>span{width:30px;height:30px;border-radius:9px;background:#f1f2f5;display:grid;place-items:center;font-size:9px;font-weight:900}.quiz-builder-nav b,.quiz-builder-nav small{display:block}.quiz-builder-nav b{font-size:10px}.quiz-builder-nav small{font-size:8px;margin-top:2px}.quiz-builder-nav a.active{border-color:#9498e5;background:#f8f8ff;color:#555ac8}.quiz-builder-nav a.active>span{background:#6468d9;color:#fff}.quiz-builder-nav a.disabled{opacity:.45;pointer-events:none}.quiz-builder-clean{max-width:850px}.quiz-builder-clean h2,.quiz-builder-question-head h2,.quiz-review-panel h2{font-size:24px;margin:5px 0}.builder-bottom-actions{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-top:20px}.quiz-builder-question-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px}.quiz-builder-question-head p{color:var(--muted);margin:0}.quiz-question-editor{border:1px solid #dcdcf5}.builder-mcq-options{display:grid;gap:8px;margin:12px 0}.builder-option{display:grid;grid-template-columns:24px 34px 1fr;align-items:center;gap:8px;border:1px solid #e5e7ed;border-radius:11px;padding:8px;background:#fff}.builder-option>input[type=radio]{width:auto}.builder-option>span{width:30px;height:30px;border-radius:8px;background:#f1f2f5;display:grid;place-items:center;font-size:9px;font-weight:900}.builder-option:has(input[type=radio]:checked){border-color:#777bdf;background:#f8f8ff}.builder-option:has(input[type=radio]:checked)>span{background:#6569d9;color:#fff}.builder-tf-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.builder-tf-options label{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid #e4e6ec;border-radius:11px}.builder-tf-options input{width:auto}.builder-question-card{padding:0!important;overflow:hidden}.builder-question-card>summary{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:13px;cursor:pointer}.builder-question-card>summary>span:last-child{font-size:9px;color:#6267cf}.builder-q-index{width:30px;height:30px;border-radius:9px;background:#f0efff;color:#5b60c6;display:grid;place-items:center;font-weight:900}.builder-question-card>summary b,.builder-question-card>summary small{display:block}.builder-question-card>summary small{font-size:8px;color:#9198a5;margin-top:3px}.quiz-review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.quiz-review-summary div{text-align:center;padding:15px;background:#f7f8fa;border-radius:11px}.quiz-review-summary b,.quiz-review-summary small{display:block}.quiz-review-summary b{font-size:20px}.quiz-review-summary small{font-size:8px;color:#8e95a2}.quiz-review-list{display:grid;gap:7px;margin:18px 0}.quiz-review-list>div{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid #e8eaf0;border-radius:10px}.quiz-review-list>div>span{width:27px;height:27px;border-radius:8px;background:#f0efff;color:#5e63c8;display:grid;place-items:center;font-size:9px;font-weight:900}.quiz-review-list b,.quiz-review-list small{display:block}.quiz-review-list small{font-size:8px;color:#939aa6}.quiz-inline-builder-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f2f1ff;border:1px solid #deddf8;border-radius:11px;padding:10px;margin-bottom:13px}.quiz-inline-builder-banner b,.quiz-inline-builder-banner span{display:block}.add-quiz-link{display:flex!important;align-items:center;gap:12px;text-decoration:none}.add-quiz-link>span{width:37px;height:37px;border-radius:10px;background:#655ad0;color:#fff;display:grid;place-items:center;font-weight:900}.add-quiz-link>div{flex:1}.add-quiz-link b,.add-quiz-link small{display:block}.add-quiz-link small{font-size:9px;color:#878e9b;margin-top:2px}.add-quiz-link>strong{font-size:9px;color:#5c61ca}
.quiz-fullscreen-body{margin:0!important;background:#0c1220!important;color:#111827;min-height:100vh}.quiz-fullscreen-shell{min-height:100vh;display:flex;flex-direction:column}.quiz-fullscreen-top{height:70px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.quiz-brand{display:flex;align-items:center;gap:10px;color:#fff}.quiz-brand b,.quiz-brand small{display:block}.quiz-brand b{font-size:11px}.quiz-brand small{font-size:8px;color:#aeb6c5;margin-top:2px}.quiz-top-meta{display:flex;align-items:center;gap:9px;font-size:9px}.quiz-top-meta span,.quiz-top-meta a{padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#cfd5e0}.quiz-question-stage{flex:1;display:grid;grid-template-rows:auto 1fr;background:#f5f6f9}.quiz-question-progress{padding:15px 24px 0;max-width:1050px;width:calc(100% - 48px);margin:0 auto}.quiz-question-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;font-weight:800;color:#707887;margin-bottom:7px}.quiz-one-question{max-width:920px;width:calc(100% - 48px);margin:auto;padding:30px 0 50px}.quiz-one-question h1{font-size:31px;line-height:1.35;margin:8px 0 28px}.single-question-options{max-width:850px}.quiz-single-footer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid #dfe2e8}.quiz-final-result{flex:1;background:#f5f6f9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.quiz-final-result h1{font-size:31px;margin:7px 0}.quiz-final-result>p{color:#737b88;max-width:560px}.quiz-final-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.quiz-attempts-ended{margin-top:16px;max-width:580px;padding:11px 14px;border-radius:10px;background:#fff1f1;color:#9c4545;font-size:9px}
@media(max-width:850px){.quiz-builder-page{grid-template-columns:1fr}.quiz-builder-nav{position:static;grid-template-columns:repeat(3,1fr)}.quiz-builder-nav a{grid-template-columns:30px 1fr}.quiz-builder-question-head{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.quiz-fullscreen-top{padding:0 12px;height:62px}.quiz-top-meta span{display:none}.quiz-one-question{width:calc(100% - 28px)}.quiz-one-question h1{font-size:23px}.quiz-question-progress{width:calc(100% - 28px);padding-left:14px;padding-right:14px}.builder-tf-options,.quiz-review-summary{grid-template-columns:1fr}.quiz-builder-nav a small{display:none}}


/* Aecon Academy v3.0 — company branding & richer user profiles */
.btn{background:var(--brand,#5B61D1)}.btn.ghost{background:#fff;color:var(--brand,#5B61D1)}.nav-item.active{background:color-mix(in srgb,var(--brand,#5B61D1) 13%,white);color:var(--brand,#5B61D1)}.logo-mark{background:var(--brand,#5B61D1)}.brand-logo-image{width:39px;height:39px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.brand-logo-image img{max-width:100%;max-height:100%;object-fit:contain}.auth-logo-image{display:flex;align-items:center;justify-content:center;max-width:220px;max-height:90px;margin:0 auto 14px}.auth-logo-image img{max-width:100%;max-height:90px;object-fit:contain}.quiz-brand-logo{width:38px;height:38px;border-radius:9px;background:#fff;display:grid;place-items:center;overflow:hidden}.quiz-brand-logo img{width:100%;height:100%;object-fit:contain}
.avatar.has-photo{overflow:hidden;background:#eef0f5}.avatar.has-photo img{width:100%;height:100%;display:block;object-fit:cover}.avatar.xxl{width:104px;height:104px;font-size:31px;border-radius:28px}.profile-settings-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.profile-summary-card{text-align:center}.profile-photo-large{display:flex;justify-content:center;margin:6px 0 12px}.profile-summary-card>h2{margin:0}.profile-summary-card>p{color:var(--brand,#5B61D1);font-weight:700}.profile-meta-list{display:grid;gap:0;margin-top:18px;text-align:left;border-top:1px solid var(--line)}.profile-meta-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.profile-meta-list span{font-size:9px;color:#9299a6}.profile-meta-list b{font-size:9px;text-align:right}.profile-photo-upload-row{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid #e7e9ef;border-radius:13px;background:#fafbfc;margin-bottom:15px}.readonly-employment{margin:18px 0;padding:14px;border-radius:13px;background:#f7f8fa}.readonly-employment input:disabled{background:#fff;color:#666e7d;opacity:1}
.new-person-header{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:13px;border-radius:13px;background:#f8f9fb;border:1px solid #e8eaf0}.new-person-avatar-preview{width:72px;height:72px;border-radius:20px;background:#eeefff;color:var(--brand,#5B61D1);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.new-person-avatar-preview span{font-size:25px}.new-person-avatar-preview img{width:100%;height:100%;object-fit:cover}
.branding-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.branding-main .panel{overflow:hidden}.brand-assets-grid{display:grid;grid-template-columns:1fr 220px;gap:14px;margin:10px 0 18px}.brand-asset-editor{border:1px solid #e4e7ed;border-radius:14px;padding:13px;background:#fafbfc}.brand-asset-editor>label{display:block;font-size:10px;font-weight:800;margin-bottom:9px}.brand-asset-editor>small{display:block;font-size:8px;color:#9299a6;margin-top:7px}.brand-logo-preview{height:120px;border:1px dashed #d6d9e1;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;margin-bottom:9px}.brand-logo-preview img{max-width:90%;max-height:92px;object-fit:contain}.brand-logo-preview>div{text-align:center}.brand-logo-preview>div span{width:48px;height:48px;border-radius:13px;background:var(--brand,#5B61D1);color:#fff;display:grid;place-items:center;margin:0 auto 5px;font-weight:900}.brand-logo-preview small{font-size:8px;color:#969daa}.favicon-preview{width:88px;height:88px;border-radius:19px;border:1px dashed #d6d9e1;background:#fff;display:grid;place-items:center;overflow:hidden;margin:0 auto 10px}.favicon-preview img{width:100%;height:100%;object-fit:contain}.favicon-preview>span{width:46px;height:46px;border-radius:12px;background:var(--brand,#5B61D1);color:#fff;display:grid;place-items:center;font-weight:900}.brand-color-field{display:grid;grid-template-columns:55px 150px;gap:8px}.brand-color-field input[type=color]{height:44px;padding:4px}.portal-brand-preview{border:1px solid #e0e2e8;border-radius:16px;overflow:hidden;background:#f5f6f9}.preview-brand-head{display:flex;align-items:center;gap:9px;padding:12px;background:#111827;color:#fff}.preview-brand-head>img{width:42px;height:42px;border-radius:10px;background:#fff;object-fit:contain}.preview-brand-head>span{width:42px;height:42px;border-radius:10px;background:var(--brand,#5B61D1);display:grid;place-items:center;font-weight:900}.preview-brand-head b,.preview-brand-head small{display:block}.preview-brand-head b{font-size:10px}.preview-brand-head small{font-size:8px;color:#adb5c5}.preview-brand-body{padding:18px;background:#fff}.preview-brand-body>span{font-size:8px;color:var(--brand,#5B61D1);font-weight:800;letter-spacing:.07em}.preview-brand-body h4{font-size:18px;margin:5px 0}.preview-brand-body p{font-size:9px;color:#7a8290}.preview-brand-body button{border:0;background:var(--brand,#5B61D1);color:#fff;padding:8px 10px;border-radius:8px;font-size:8px;font-weight:800}
.branded-student-welcome{display:flex;align-items:center;gap:18px}.student-company-logo{width:92px;height:76px;border-radius:15px;background:#fff;border:1px solid #e6e8ee;display:grid;place-items:center;padding:9px;flex:0 0 auto}.student-company-logo img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:1050px){.branding-settings-layout{grid-template-columns:1fr}.branding-preview-side{display:none}.profile-settings-grid{grid-template-columns:1fr}.profile-summary-card{text-align:left}.profile-photo-large{justify-content:flex-start}.brand-assets-grid{grid-template-columns:1fr 190px}}
@media(max-width:650px){.brand-assets-grid{grid-template-columns:1fr}.favicon-editor{max-width:none}.profile-photo-upload-row,.branded-student-welcome{align-items:flex-start;flex-direction:column}.brand-color-field{grid-template-columns:55px 1fr}}


/* Aecon Academy v3.1 — premium authentication & explicit sign out */
.sidebar-account{border-top:1px solid rgba(255,255,255,.08);padding-top:10px;margin-top:auto}.sidebar-account .side-user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;text-decoration:none;color:inherit}.sidebar-account .side-user>span:last-child{font-size:16px;color:#8f97a6}.sidebar-logout{margin-top:7px;display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:10px;text-decoration:none;color:#aeb6c4;border:1px solid transparent;transition:.18s ease}.sidebar-logout:hover{background:#fff2f2;border-color:#f2d8d8;color:#a93f3f}.sidebar-logout span{font-size:14px}.sidebar-logout b{font-size:9px;letter-spacing:.02em}.account-menu{position:relative}.account-menu>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:8px;border:1px solid #e3e6ec;border-radius:11px;background:#fff;padding:5px 8px 5px 5px}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary .avatar{width:31px;height:31px;border-radius:9px}.account-menu>summary b,.account-menu>summary small{display:block;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu>summary b{font-size:9px}.account-menu>summary small{font-size:7px;color:#9299a5;margin-top:1px}.account-menu>summary>span:last-child{font-size:10px;color:#9299a5}.account-dropdown{position:absolute;z-index:100;right:0;top:calc(100% + 7px);width:235px;background:#fff;border:1px solid #e2e5eb;border-radius:13px;box-shadow:0 18px 45px rgba(16,24,40,.15);padding:7px}.account-dropdown>a{display:grid;grid-template-columns:29px 1fr;gap:9px;align-items:center;padding:9px;border-radius:9px;text-decoration:none;color:#333a46}.account-dropdown>a>span{width:29px;height:29px;border-radius:8px;background:#f3f4f7;display:grid;place-items:center}.account-dropdown b,.account-dropdown small{display:block}.account-dropdown b{font-size:9px}.account-dropdown small{font-size:7px;color:#949ba7;margin-top:2px}.account-dropdown>a:hover{background:#f7f8fb}.account-dropdown .account-signout{color:#a13f3f}.account-dropdown .account-signout>span{background:#fff0f0}.account-divider{height:1px;background:#eceef2;margin:5px 3px}
.premium-login{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.08fr) minmax(480px,.92fr);background:#fff}.login-visual{position:relative;overflow:hidden;min-height:100vh;background:linear-gradient(145deg,#0c1322 0%,#111b31 54%,#17223b 100%);color:#fff}.login-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.login-visual:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-160px;top:16%;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}.login-visual-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{width:280px;height:280px;background:color-mix(in srgb,var(--brand,#5B61D1) 32%,transparent);left:-100px;bottom:5%;filter:blur(70px)}.orb-two{width:220px;height:220px;background:rgba(64,145,255,.12);right:5%;top:-70px;filter:blur(65px)}.login-visual-content{position:relative;z-index:2;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;padding:44px clamp(40px,6vw,82px) 36px}.login-company-lockup,.login-mobile-brand{display:flex;align-items:center;gap:12px}.login-company-logo{width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;padding:5px;box-sizing:border-box}.login-company-logo img{width:100%;height:100%;object-fit:contain}.login-logo-fallback{width:52px;height:52px;border-radius:14px;background:var(--brand,#5B61D1);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.login-company-lockup b,.login-company-lockup small,.login-mobile-brand b,.login-mobile-brand small{display:block}.login-company-lockup b{font-size:14px}.login-company-lockup small{font-size:8px;color:#aab4c7;margin-top:3px;letter-spacing:.03em}.login-hero-copy{margin:auto 0;max-width:650px;padding:70px 0 45px}.login-kicker{font-size:8px;letter-spacing:.15em;font-weight:900;color:#aeb8ce}.login-hero-copy h1{font-size:clamp(42px,5vw,69px);line-height:1.03;letter-spacing:-.045em;margin:15px 0 22px;max-width:680px}.login-hero-copy h1 em{font-style:normal;color:color-mix(in srgb,var(--brand,#7479e8) 72%,white)}.login-hero-copy p{max-width:510px;color:#aeb8ca;font-size:12px;line-height:1.75}.login-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid rgba(255,255,255,.09);padding-top:24px}.login-feature-row>div{padding-right:10px}.login-feature-row span,.login-feature-row b,.login-feature-row small{display:block}.login-feature-row span{font-size:8px;color:#7479e8;font-weight:900;margin-bottom:9px}.login-feature-row b{font-size:9px;margin-bottom:5px}.login-feature-row small{font-size:7.5px;line-height:1.55;color:#8994a9}.login-company-foot{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.login-company-foot span{font-size:7px;letter-spacing:.13em;color:#707c92}.login-company-foot b{font-size:8px;color:#929db1}.login-form-side{min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:40px clamp(42px,6vw,90px);position:relative;background:linear-gradient(180deg,#fff,#fbfcfe)}.login-mobile-brand{display:none}.login-card-premium{width:100%;max-width:470px;margin:auto}.login-card-heading .eyebrow{color:var(--brand,#5B61D1)}.login-card-heading h2{font-size:31px;letter-spacing:-.03em;margin:8px 0 8px}.login-card-heading p{font-size:10px;line-height:1.65;color:#858d9a;max-width:390px;margin:0 0 28px}.premium-login-form{display:grid;gap:17px}.login-field label{font-size:9px;font-weight:800;color:#3e4652}.login-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.login-label-row label{margin:0}.login-label-row a{font-size:8px;font-weight:800;color:var(--brand,#5B61D1);text-decoration:none}.login-field>label{display:block;margin-bottom:7px}.login-input-wrap{height:52px;border:1px solid #dfe3e9;border-radius:12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;background:#fff;transition:.18s ease;overflow:hidden}.login-input-wrap:focus-within{border-color:color-mix(in srgb,var(--brand,#5B61D1) 65%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#5B61D1) 10%,transparent)}.login-input-wrap>span{display:grid;place-items:center;color:#949ca8;font-size:12px}.login-input-wrap input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;height:100%;padding:0 8px!important;font-size:10px!important}.password-toggle{height:32px;margin-right:8px;padding:0 8px;border:0;background:#f4f5f7;border-radius:7px;font-size:8px;font-weight:800;color:#626b78;cursor:pointer}.premium-signin-btn{height:52px;border:0;border-radius:12px;background:var(--brand,#5B61D1);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 10px 25px color-mix(in srgb,var(--brand,#5B61D1) 22%,transparent);transition:.18s ease}.premium-signin-btn:hover{transform:translateY(-1px);filter:brightness(.96)}.premium-signin-btn b{font-size:16px}.login-error{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;background:#fff4f4;border:1px solid #f3d8d8;color:#994646;padding:9px 11px;border-radius:10px;margin:0 0 17px}.login-error>span{width:28px;height:28px;border-radius:8px;background:#ffe3e3;display:grid;place-items:center;font-weight:900}.login-error b,.login-error small{display:block}.login-error b{font-size:8px}.login-error small{font-size:7px;margin-top:2px}.login-security-note{display:flex;gap:9px;align-items:flex-start;margin-top:22px;padding:12px;border-radius:11px;background:#f7f8fa}.login-security-note>span{width:24px;height:24px;border-radius:7px;background:#e8f6ee;color:#31865a;display:grid;place-items:center;font-size:8px;font-weight:900;flex:0 0 auto}.login-security-note p{margin:0;color:#818995;font-size:7.5px;line-height:1.5}.login-security-note b{color:#4b535f;font-size:8px}.login-form-footer{display:flex;justify-content:space-between;gap:12px;max-width:470px;width:100%;margin:35px auto 0;color:#a1a7b1;font-size:7px}.small.login-logo-fallback{width:42px;height:42px;border-radius:11px;font-size:15px}
@media(max-width:980px){.premium-login{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{padding:35px 24px;min-height:100vh}.login-mobile-brand{display:flex;max-width:470px;width:100%;margin:0 auto 55px}.login-mobile-brand>span:first-child{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid #e5e7ec;display:grid;place-items:center;overflow:hidden}.login-mobile-brand img{max-width:100%;max-height:100%;object-fit:contain}.login-mobile-brand b{font-size:11px}.login-mobile-brand small{font-size:7px;color:#9299a5;margin-top:2px}.login-card-premium{margin:0 auto}.login-form-footer{margin-top:auto;padding-top:45px}}@media(max-width:600px){.account-menu>summary>div,.account-menu>summary>span:last-child{display:none}.account-menu>summary{grid-template-columns:auto;padding:4px}.login-card-heading h2{font-size:27px}.login-form-side{padding:24px 18px}.login-mobile-brand{margin-bottom:45px}}