@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');:root{--bg:#f5f7fb;--card:#fff;--ink:#172033;--muted:#697386;--primary:#4f46e5;--primary-dark:#3730a3;--soft:#eef2ff;--green:#0f9d74;--amber:#b7791f;--red:#c2415d;--line:#e4e8f0;--shadow:0 18px 48px rgba(31,41,55,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}.container{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{font-weight:900;font-size:22px;text-decoration:none;color:var(--ink)}.brand span{color:var(--primary)}.nav{display:flex;align-items:center;gap:22px}.nav a,.link-button{color:var(--muted);text-decoration:none;font:inherit;border:0;background:none;cursor:pointer}.nav a:hover,.link-button:hover{color:var(--primary)}.nav form{margin:0}.page{min-height:calc(100vh - 132px);padding:42px 0 64px}.footer{padding:22px 0;color:var(--muted);font-size:14px;border-top:1px solid var(--line);background:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,5vw,50px);line-height:1.08;letter-spacing:0}h2{font-size:25px;line-height:1.2}.muted,small{color:var(--muted)}small{display:block}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--primary);margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;border:1px solid transparent;font-weight:800;text-decoration:none;cursor:pointer;font-size:15px}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button-wide{width:100%;margin-top:12px}.alert{padding:14px 18px;border-radius:14px;margin-bottom:20px}.alert-success{background:#e8fff6;color:#076a4e}.alert-warning{background:#fff8e5;color:#825d13}.alert-feedback{background:#fff0f3;color:#9f2947}.auth-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:stretch}.hero-panel{padding:52px;border-radius:28px;background:linear-gradient(140deg,#282078,#4f46e5 55%,#7c72ff);color:#fff;min-height:580px;display:flex;flex-direction:column;justify-content:center}.hero-panel .eyebrow{color:#c7d2fe}.hero-panel h1{font-size:58px}.hero-panel p{font-size:19px;color:#e7e9ff;max-width:600px}.flow-mini{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}.flow-mini span{background:rgba(255,255,255,.14);padding:10px 14px;border-radius:12px;font-weight:700}.auth-card{display:flex;flex-direction:column;justify-content:center}.form-stack{display:grid;gap:16px}.form-stack label{font-weight:700;font-size:14px}.form-stack input[type=email],.form-stack input[type=password]{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font:inherit}.check{display:flex;gap:8px;align-items:center}.demo-accounts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.demo-accounts>div{background:var(--bg);border-radius:12px;padding:12px}.demo-accounts code{display:block;font-size:12px;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-head h1{margin-bottom:8px}.avatar{width:74px;height:74px;border-radius:24px;background:var(--soft);color:var(--primary);display:grid;place-items:center;font-size:30px;font-weight:900}.avatar.teacher{background:#e8fff6;color:var(--green)}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.stat-card span{color:var(--muted);display:block}.stat-card strong{font-size:34px;display:block;margin:8px 0}.action-card{display:flex;justify-content:space-between;align-items:center;margin:22px 0}.action-card p{margin-bottom:0;max-width:720px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head a{color:var(--primary);font-weight:800;text-decoration:none}.mastery-list{display:grid;gap:18px}.mastery-row{display:grid;grid-template-columns:minmax(220px,1fr) 2fr 60px;gap:20px;align-items:center}.progress{height:10px;background:#edf0f5;border-radius:999px;overflow:hidden}.progress.large{height:12px;margin:14px 0 22px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#7c72ff,var(--primary));border-radius:inherit}.quiz-shell{max-width:800px;margin:auto}.quiz-meta{display:flex;justify-content:space-between;color:var(--muted);font-weight:700}.question-card h1{font-size:34px;margin:24px 0}.pill,.score-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:12px;font-weight:800}.question-top{display:flex;justify-content:space-between}.score-badge{background:#e8fff6;color:var(--green)}.options-form{display:grid;gap:12px}.option{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:15px;border-radius:15px;cursor:pointer;font-weight:650}.option:hover{border-color:#9c96ff;background:#fafaff}.option input{accent-color:var(--primary)}.option-letter{width:32px;height:32px;border-radius:10px;background:var(--bg);display:grid;place-items:center;font-weight:900}.privacy-note{text-align:center;color:var(--muted);font-size:13px;margin-top:15px}.hint{margin-top:18px;background:var(--bg);padding:13px 15px;border-radius:12px}.hint summary{cursor:pointer;font-weight:800;color:var(--primary)}.result-hero{text-align:center;max-width:760px;margin:28px auto 38px}.result-icon{width:76px;height:76px;border-radius:28px;background:#e8fff6;color:var(--green);display:grid;place-items:center;font-size:36px;font-weight:900;margin:0 auto 18px}.indicator-card{text-align:center}.score-circle{width:108px;height:108px;border-radius:50%;border:10px solid var(--soft);display:grid;place-items:center;margin:20px auto;font-size:24px;font-weight:900;color:var(--primary)}.center-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.learning-shell{max-width:820px;margin:auto}.learning-banner{display:flex;gap:18px;align-items:center;margin-bottom:24px}.learning-icon{width:60px;height:60px;border-radius:20px;background:#fff0f3;color:var(--red);display:grid;place-items:center;font-size:29px;font-weight:900}.lesson-content{font-size:18px;margin:22px 0}.visual-box,.example-box,.explanation{padding:18px;border-radius:15px;margin:16px 0}.visual-box{background:#151a2d;color:#fff;text-align:center}.visual-box code{font-size:18px}.example-box{background:var(--soft)}.explanation{background:#fff8e5}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}td small{margin-top:3px}.inline-progress{display:flex;align-items:center;gap:10px}.inline-progress .progress{width:120px}.status{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;text-transform:capitalize}.status-mastered{background:#e8fff6;color:var(--green)}.status-needs_support{background:#fff0f3;color:var(--red)}.status-developing{background:var(--soft);color:var(--primary)}.rule-card{margin-top:22px}.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rule-grid>div{background:var(--bg);padding:16px;border-radius:14px}.rule-grid p{margin:6px 0 0;color:var(--muted);font-size:14px}.error{color:var(--red)}@media(max-width:820px){.auth-shell,.grid-3,.rule-grid{grid-template-columns:1fr}.hero-panel{min-height:auto;padding:34px}.hero-panel h1{font-size:42px}.action-card,.page-head{align-items:flex-start;gap:20px}.action-card{flex-direction:column}.mastery-row{grid-template-columns:1fr}.nav{gap:12px;font-size:13px}.demo-accounts{grid-template-columns:1fr}.question-card h1{font-size:28px}}@media(max-width:560px){.container{width:min(100% - 20px,1120px)}.page{padding-top:25px}.card{padding:20px;border-radius:18px}.nav a{display:none}.center-actions{flex-direction:column}.button{width:100%}}
.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.avatar.admin{background:#fff4dd;color:#9a6500}.role-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.role-admin{background:#fff4dd;color:#8a5a00}.role-teacher{background:#e8fff6;color:var(--green)}.role-student{background:var(--soft);color:var(--primary)}.admin-actions{display:flex;gap:12px;margin:22px 0}.stack-list{display:grid;gap:4px}.stack-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.stack-row:last-child{border-bottom:0}.text-right{text-align:right}.filter-card{margin-bottom:20px}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end}.filter-grid label,.form-grid label{font-weight:700;font-size:14px}.filter-grid input,.filter-grid select,.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.form-card{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-2{grid-column:1/-1}.checkbox-panel{border:1px solid var(--line);border-radius:14px;padding:16px}.checkbox-panel legend{padding:0 8px;font-weight:800}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.table-actions{display:flex;align-items:center;gap:12px}.table-actions form{margin:0}.table-actions a,.table-link{color:var(--primary);text-decoration:none;font-weight:800}.danger-link{border:0;background:none;color:var(--red);font:inherit;font-weight:800;cursor:pointer;padding:0}.demo-accounts-3{grid-template-columns:repeat(3,1fr)}[hidden]{display:none!important}@media(max-width:900px){.grid-4,.grid-2,.filter-grid{grid-template-columns:1fr 1fr}.demo-accounts-3{grid-template-columns:1fr}.form-card{max-width:none}}@media(max-width:650px){.grid-4,.grid-2,.filter-grid,.form-grid,.checkbox-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-actions,.form-actions{flex-direction:column}.stack-row{align-items:flex-start}.text-right{text-align:left}}
.builder-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.answer-list{display:grid;gap:12px}.answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:12px}.answer-row input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.builder-field{display:grid;gap:8px;margin-bottom:16px}.builder-field>label{font-weight:800}.builder-field input,.builder-field textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.option.is-correct{border-color:#9ae6c8;background:#f0fff9}.json-preview{white-space:pre-wrap;word-break:break-word;margin:12px 0 0;font:600 13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.filter-grid .button{width:auto}@media(max-width:760px){.answer-row{grid-template-columns:1fr}.filter-grid .button{width:100%}}
.compact-row{grid-template-columns:minmax(0,1fr) auto}.interactive-answer{display:grid;gap:16px}.node-palette{display:flex;flex-wrap:wrap;gap:10px}.node-palette span{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:10px 14px;border-radius:14px;background:var(--soft);color:var(--primary);font-weight:900}.edge-builder{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.edge-builder label{font-weight:800;font-size:14px}.edge-builder select{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.edge-list{display:flex;flex-wrap:wrap;gap:10px;min-height:48px}.edge-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800}.edge-chip button{border:0;background:none;color:var(--red);font:inherit;font-weight:900;cursor:pointer}@media(max-width:760px){.edge-builder{grid-template-columns:1fr}.compact-row{grid-template-columns:1fr}}
.pagination-wrap{margin-top:18px}.pagination-wrap nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pagination-wrap svg{width:18px;height:18px}.pagination-wrap p{margin:0;color:var(--muted);font-size:13px}.pagination-wrap a,.pagination-wrap span{font-size:13px}.pagination-wrap [aria-current] span,.pagination-wrap a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:10px}.pagination-wrap a{color:var(--primary);text-decoration:none;border:1px solid var(--line);background:white;font-weight:800}.pagination-wrap [aria-current] span{background:var(--primary);color:white;border:1px solid var(--primary)}.pagination-wrap [aria-disabled] span{color:#a6adba}.table-actions .button,.question-top .button,.center-actions .button{min-height:42px}.button-sm{padding:8px 12px;border-radius:10px;font-size:13px}.profile-photo{width:40px;height:40px;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:var(--soft)}.profile-photo-lg{width:112px;height:112px;border-radius:28px;object-fit:cover;border:1px solid var(--line);background:var(--soft)}.profile-head{display:flex;gap:18px;align-items:center}.profile-menu{position:relative}.profile-menu summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;color:var(--ink);font-weight:800}.profile-menu summary::-webkit-details-marker{display:none}.profile-initial{width:40px;height:40px;border-radius:14px;background:var(--soft);color:var(--primary);display:grid;place-items:center;font-weight:900;border:1px solid var(--line)}.profile-dropdown{position:absolute;right:0;top:calc(100% + 12px);min-width:190px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;z-index:30}.profile-dropdown a,.profile-dropdown .link-button{display:flex;width:100%;padding:11px 12px;border-radius:11px;color:var(--ink);font-weight:800;text-align:left}.profile-dropdown a:hover,.profile-dropdown .link-button:hover{background:var(--soft);color:var(--primary)}.profile-dropdown form{margin:0}.result-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.result-filter label{font-weight:800;font-size:14px}.result-filter select{display:block;margin-top:7px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:white;font:inherit}
.helper-text{color:var(--muted);font-size:13px;margin:6px 0 0}.builder-field select,.builder-field input[type=text],.builder-field textarea,.repeater-row input,.repeater-row select,.repeater-row textarea,.answer-input textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.repeater-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) auto;gap:12px;align-items:end;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:14px}.repeater-row label{font-weight:800;font-size:13px}.sima-interaction{display:grid;gap:18px;margin:22px 0}.interaction-heading{padding-bottom:12px;border-bottom:1px solid var(--line)}.interaction-heading h2{margin-bottom:4px}.interaction-heading p{margin:0;color:var(--muted)}.reading-content{background:var(--soft);border-radius:14px;padding:18px}.drop-grid,.tree-board{display:grid;gap:12px}.drop-row,.tree-node-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.drop-row select,.tree-node-row select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}.order-list{display:grid;gap:10px}.order-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}.order-number{width:30px;height:30px;border-radius:10px;background:var(--soft);color:var(--primary);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.order-controls{display:flex;gap:8px;margin-left:auto}.order-controls button,.edge-chip button{border:0;border-radius:9px;background:var(--soft);color:var(--primary);padding:7px 9px;font-weight:800;cursor:pointer}.stack-stage,.queue-stage{min-height:80px;display:flex;gap:10px;align-items:flex-end;border:1px dashed #bcc7da;border-radius:16px;padding:16px;background:#f8fbff}.stack-stage{flex-direction:column-reverse;align-items:center}.queue-stage{align-items:center}.object-block{min-width:82px;text-align:center;padding:12px 14px;border-radius:13px;background:var(--primary);color:#fff;font-weight:900}.node-token{display:inline-flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-width:72px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}.node-token.selected,.edge-chip.selected,.sort-bar.selected{border-color:var(--primary);background:var(--soft);color:var(--primary)}.interaction-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.hotspot-question{position:relative;min-height:240px;border:1px dashed #bcc7da;border-radius:16px;background:#f8fbff;display:grid;place-items:center;overflow:hidden;cursor:crosshair}.hotspot-question img{display:block;width:100%;max-height:460px;object-fit:contain}.hotspot-pick{position:absolute;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.25);transform:translate(-50%,-50%)}.media-player{width:100%;min-height:280px;border:0;border-radius:16px;background:#101827}.code-editor{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101827;color:#e7ecff}.code-editor header{display:flex;justify-content:space-between;padding:11px 14px;background:#172033;color:#c7d2fe;font-weight:900}.code-editor textarea,.code-editor pre{width:100%;min-height:220px;margin:0;padding:16px;border:0;background:#101827;color:#e7ecff;font:600 14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.code-editor textarea:focus{outline:2px solid #7c72ff}.sort-board{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;min-height:96px}.sort-bar{min-width:54px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:18px 14px;font-weight:900;color:var(--ink);cursor:pointer}.flow-to-code{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}@media(max-width:760px){.drop-row,.tree-node-row,.flow-to-code,.repeater-row{grid-template-columns:1fr}.order-item{align-items:flex-start;flex-wrap:wrap}.order-controls{margin-left:0}.media-player{min-height:210px}}
.assessment-limit{display:grid;gap:6px;max-width:210px;margin-bottom:12px;font-weight:800;font-size:13px}.assessment-limit input,.material-limit-row input{width:120px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}.material-limit-list{display:grid;gap:10px;min-width:320px}.material-limit-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.material-limit-row strong{display:block}.material-limit-row small{margin-top:2px}@media(max-width:760px){.material-limit-list{min-width:0}.material-limit-row{grid-template-columns:1fr}.assessment-limit input,.material-limit-row input{width:100%}}
.landing-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:42px 0 24px}.landing-hero h1{max-width:760px}.landing-hero p{font-size:18px;color:var(--muted);max-width:680px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.landing-panel{background:linear-gradient(140deg,#eef2ff,#fff);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.mini-dashboard{display:grid;gap:12px}.mini-dashboard div,.landing-score{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.mini-dashboard span,.landing-score span{display:block;color:var(--muted);font-size:13px}.mini-dashboard strong{font-size:18px}.landing-score{margin-top:16px}.landing-score strong{display:block;font-size:52px;color:var(--primary);line-height:1}.landing-flow{margin-top:22px}.preview-check-panel{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.preview-choice-button{text-align:left;background:#fff}.preview-choice-button.selected{border-color:var(--primary);background:var(--soft)}.preview-check-result{font-weight:800;color:var(--muted)}.preview-check-result.is-ok{color:var(--green)}.preview-check-result.is-bad{color:var(--red)}.pagination-wrap{margin-top:18px}.pagination-wrap nav{display:flex;justify-content:center}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap nav>div:last-child{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}.pagination-wrap span[aria-current] span,.pagination-wrap nav a,.pagination-wrap nav span{min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:800}.pagination-wrap span[aria-current] span{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-wrap svg{width:16px;height:16px}.button-sm{padding:9px 13px;border-radius:10px;font-size:13px}@media(max-width:820px){.landing-hero{grid-template-columns:1fr}.landing-panel{order:-1}}@media(max-width:560px){.landing-actions .button{width:100%}.pagination-wrap nav>div:last-child{justify-content:flex-start}.pagination-wrap nav a,.pagination-wrap nav span{min-width:34px;height:34px;padding:0 10px}}
.choice-image{margin:0;width:100%}.choice-image img{display:block;max-width:240px;width:100%;max-height:150px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}.student-choice-button .choice-image img,.pretest-choice-button .choice-image img{max-width:280px}
.topic-material-section{margin-bottom:26px}.topic-material-section .section-head{margin-bottom:12px}
.option-builder-field{display:grid;gap:10px}.option-image-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:800}.option-image-upload span{color:var(--muted)}.option-image-upload input{width:auto!important;padding:8px!important;background:#fff!important}.option-image-preview{margin:0;width:180px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff}.option-image-preview img{display:block;width:100%;max-height:120px;object-fit:contain;border-radius:8px}
.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title h2{margin-bottom:0}.content-order-list{display:grid;gap:14px}.content-order-item{border:1px solid var(--line);border-radius:16px;background:#fbfdff;padding:14px}.content-order-main,.content-order-child{display:flex;align-items:center;justify-content:space-between;gap:16px}.content-order-main{padding-bottom:12px;border-bottom:1px solid var(--line)}.content-order-children{display:grid;gap:10px;padding-top:12px}.content-order-child{padding:10px 12px;border-radius:12px;background:#fff}.content-order-child span{font-weight:800}.order-actions{display:flex;gap:7px;flex:0 0 auto}.order-actions form{margin:0}.order-actions button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--primary);font-weight:900;cursor:pointer}.order-actions button:hover{border-color:var(--primary);background:var(--soft)}.material-limit-row-stack{grid-template-columns:minmax(220px,1.4fr) minmax(120px,.6fr) minmax(110px,.5fr) minmax(110px,.5fr) minmax(110px,.5fr);align-items:end}.material-limit-row-stack label{font-size:12px;font-weight:800}.material-limit-row select,.material-limit-row-stack input{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}.landing-hero{position:relative;grid-template-columns:1fr .86fr;min-height:560px;padding:62px 0 36px}.landing-hero::before{content:"";position:absolute;inset:18px -40px auto auto;width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(15,157,116,.15));z-index:-1}.landing-hero h1{font-size:clamp(38px,6vw,66px);letter-spacing:0}.landing-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.landing-trust span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:800;font-size:13px}.landing-panel{border-radius:28px;background:linear-gradient(160deg,#ffffff,#eef2ff 68%,#e8fff6);padding:26px}.landing-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.landing-panel-top h2{margin:10px 0 0}.landing-percent{font-size:42px;color:var(--primary);line-height:1}.landing-progress{height:12px;border-radius:999px;background:#dfe7f5;overflow:hidden;margin-bottom:18px}.landing-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#0f9d74)}.mini-dashboard div{box-shadow:0 10px 24px rgba(31,41,55,.05)}.landing-recommendation{margin-top:16px;border:1px solid var(--line);border-radius:18px;background:#172033;color:#fff;padding:18px}.landing-recommendation p{margin:7px 0 0;color:#dbe2f0}.landing-feature-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start;margin-top:26px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.landing-feature-band h2{margin-bottom:0}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.landing-feature-grid div{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}.landing-feature-grid strong{display:block;margin-bottom:6px}@media(max-width:900px){.section-title,.content-order-main,.content-order-child{align-items:flex-start;flex-direction:column}.material-limit-row-stack{grid-template-columns:1fr 1fr}.landing-feature-band,.landing-feature-grid{grid-template-columns:1fr}}@media(max-width:760px){.landing-hero{min-height:auto;padding-top:34px}.landing-panel-top{flex-direction:column}.material-limit-row-stack{grid-template-columns:1fr}.order-actions{width:100%}.order-actions button{width:44px}.landing-trust span{width:100%}}
.result-filter input{display:block;margin-top:7px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:white;font:inherit}
.form-section-title{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.form-section-title .eyebrow{margin-bottom:6px}.form-section-title h2{margin:0 0 6px;font-size:20px}.form-section-title p{margin:0;color:var(--muted)}
.select-list-panel{border:1px solid var(--line);border-radius:14px;padding:16px}.select-list-panel legend{padding:0 8px;font-weight:800}.select-list-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.select-list-picker select{display:block;width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.selected-list{display:flex;flex-wrap:wrap;gap:10px;min-height:46px;margin-top:12px}.selected-list .muted{margin:0}.selected-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--primary);font-weight:850}.selected-chip button{display:inline-grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:#fff;color:var(--red);font:inherit;font-weight:900;cursor:pointer}@media(max-width:650px){.select-list-picker{grid-template-columns:1fr}}
.content-learning-page{--content-blue:#0b3ca8;--content-pink:#c90d4d;--content-soft:#f3f5f9;display:grid;gap:28px}.content-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;margin:-42px calc((100vw - min(1120px,calc(100vw - 32px)))/-2) 0;padding:48px max(16px,calc((100vw - 1120px)/2)) 44px;background:linear-gradient(135deg,#f3f4ff 0%,#fff 55%,#fff0f3 100%)}.content-meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#6b7280;font-weight:750}.content-topic-pill{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;background:var(--content-pink);color:#fff;font-weight:950}.content-hero h1{margin:10px 0 12px;font-size:20px;letter-spacing:0}.content-hero p{max-width:660px;margin:0;color:#4b5565;font-size:17px}.content-progress-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(31,41,55,.12)}.content-progress-card span{display:block;color:var(--muted)}.content-progress-ring{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:conic-gradient(var(--content-blue) var(--progress),#e7ebf3 0)}.content-progress-ring strong{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--content-blue);font-size:14px}.content-module-tabs{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:-8px}.content-module-tabs span{padding:10px 18px;border-radius:999px;color:#374151;font-weight:900}.content-module-tabs .active{background:var(--content-blue);color:#fff;box-shadow:0 8px 16px rgba(11,60,168,.2)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.content-main,.content-side{display:grid;gap:28px}.content-session-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.content-session-head span{display:block;color:var(--content-blue);font-weight:950}.content-session-head h2{margin:0;font-size:17px}.content-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.content-badges small,.content-session-head>small,.content-cheat{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:#e7ebf3;color:#394150;font-weight:900}.content-badges small:last-child,.content-cheat{background:#e8ecff;color:var(--content-blue)}.content-cheat{background:#ffe1e8;color:#a3123e}.content-video-card,.content-session-card,.content-side-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 10px 24px rgba(31,41,55,.08)}.content-video-frame{position:relative;min-height:330px;background:#dfe7f2}.content-video-frame img{display:block;width:100%;height:390px;object-fit:cover}.content-video-fallback{display:grid;place-items:center;align-content:center;gap:8px;min-height:390px;padding:30px;text-align:center;background:linear-gradient(135deg,#dbeafe,#eef2ff 52%,#fff1f2)}.content-video-fallback span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff;color:var(--content-blue);font-weight:950}.content-video-fallback strong{font-size:28px;max-width:520px}.content-video-fallback small{color:#64748b;font-weight:850}.content-play-button{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:70px;height:70px;border:0;border-radius:50%;background:var(--content-blue);box-shadow:0 12px 24px rgba(11,60,168,.25);transform:translate(-50%,-50%);cursor:pointer}.content-play-button::before{content:"";margin-left:5px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:19px solid #fff}.content-video-caption{position:absolute;left:16px;right:16px;bottom:15px;display:flex;justify-content:space-between;gap:14px;padding:10px 14px;border-radius:8px;background:rgba(15,23,42,.72);color:#fff}.content-video-caption span{color:#e5e7eb}.content-text-block{padding:26px}.content-text-block h3{font-size:17px}.content-text-block p{margin:0;color:#4b5565;font-size:16px;line-height:1.72}.content-session-card{padding:28px}.content-summary-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(260px,1fr);gap:26px;align-items:center;margin-top:22px}.content-note{padding:24px;border-radius:10px;background:#f0f2f6}.content-note h3{font-size:18px}.content-note p{margin:0;color:#4b5565;font-size:17px;line-height:1.45}.content-visual-board{display:grid;place-items:center;min-height:210px}.content-visual-board code{display:block;width:100%;padding:24px;border-radius:14px;background:#172033;color:#e5edff;white-space:pre-wrap;font-size:17px}.content-tree-visual{position:relative;display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:62px 62px 62px;gap:16px 28px;justify-content:center}.content-tree-visual span,.content-tree-visual small{display:grid;place-items:center;width:58px;height:58px;border:4px solid #3b82c4;border-radius:50%;background:#dff0ff;color:#122033;font-size:22px;font-weight:950;box-shadow:inset 0 0 0 2px #fff}.content-tree-visual .root{grid-column:2;background:#dbeafe;border-color:var(--content-blue)}.content-tree-visual span:nth-child(2){grid-column:1;grid-row:2}.content-tree-visual span:nth-child(3){grid-column:3;grid-row:2;background:#dcfce7;border-color:#16a34a}.content-tree-visual small{grid-row:3;background:#fef3c7;border-color:#f59e0b}.content-tree-visual small:nth-child(4){grid-column:1}.content-tree-visual small:nth-child(5){grid-column:2;background:#dcfce7;border-color:#16a34a}.content-tree-visual small:nth-child(6){grid-column:3;background:#fee2e2;border-color:#ef4444}.content-guided-card{margin-top:34px}.content-question-box{margin-top:22px;padding:26px;border-radius:13px;background:#fff}.content-question-label{display:inline-flex;margin-bottom:14px;padding:5px 12px;border-radius:999px;background:#ffdce6;color:#7b1230;font-weight:950}.content-question-box h3{font-size:19px}.content-steps{display:grid;gap:13px;margin-top:22px;padding:18px;border-radius:12px;background:#f4f6ff}.content-steps summary{cursor:pointer;color:var(--content-blue);font-weight:900}.content-steps div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start}.content-steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--content-blue);color:#fff;font-weight:950}.content-steps p{margin:0;color:#4b5565}.content-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px}.content-bottom-actions form{margin:0}.content-side-card{padding:24px}.content-side-card h2{font-size:18px}.content-module-list{display:grid;gap:10px;margin-top:16px}.content-module-list div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:12px;background:#f0f2f6}.content-module-list div.active{background:#eef2ff}.content-module-list span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9dde6;color:#111827;font-weight:950}.content-module-list .active span{background:var(--content-blue);color:#fff}.content-module-list p{margin:0}.content-module-list strong{display:block}.content-module-list small{font-size:12px}.content-audio-card{padding:26px;border-radius:13px;background:linear-gradient(160deg,#153ca0,#244fc2);color:#fff;box-shadow:0 14px 28px rgba(11,60,168,.25)}.content-audio-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.content-audio-head span{font-size:18px;font-weight:950}.content-audio-head b{font-size:12px;color:#dbeafe}.content-audio-card p{color:#d9e3ff}.content-audio-player{margin-top:22px;padding:18px;border-radius:12px;background:rgba(255,255,255,.12)}.content-audio-player small{color:#dbeafe}.content-wave{display:flex;align-items:center;gap:10px;height:48px;margin:14px 0}.content-wave i{display:block;width:4px;border-radius:999px;background:#dbeafe}.content-audio-controls{display:flex;align-items:center;justify-content:space-between}.content-audio-controls button{border:0;border-radius:999px;background:#fff;color:var(--content-blue);padding:9px 14px;font-weight:950;cursor:pointer}@media(max-width:980px){.content-hero,.content-layout{grid-template-columns:1fr}.content-progress-card{max-width:360px}.content-side{grid-template-columns:1fr 1fr}.content-video-frame img,.content-video-fallback{height:330px;min-height:330px}}@media(max-width:720px){.content-learning-page{gap:20px}.content-hero{margin-top:-25px;padding-top:30px}.content-session-head,.content-bottom-actions{align-items:flex-start;flex-direction:column}.content-summary-grid,.content-side{grid-template-columns:1fr}.content-video-frame img,.content-video-fallback{height:250px;min-height:250px}.content-video-fallback strong{font-size:22px}.content-session-card,.content-side-card,.content-audio-card{padding:20px}.content-tree-visual{transform:scale(.86)}}
.student-report-dashboard{--report-blue:#0d3fa8;--report-red:#c90848;--report-green:#0aa879;display:grid;gap:28px}.student-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.student-report-head h1{margin:6px 0 18px;color:var(--report-blue);font-size:22px;text-transform:uppercase;letter-spacing:.02em}.student-report-head p{margin:0;color:#4b5565;font-size:18px}.student-profile-pill{display:flex;flex-direction:column;align-items:flex-end;min-width:210px;padding:12px 18px;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,41,55,.06)}.student-profile-pill strong{font-size:16px}.student-profile-pill span{color:var(--muted);font-size:13px}.student-report-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:-10px;padding-bottom:24px;border-bottom:1px solid var(--line)}.student-report-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1fr;gap:22px}.student-report-stat,.student-report-score{position:relative;overflow:hidden;min-height:118px;padding:28px;border:0;border-radius:0;background:#fff;box-shadow:0 16px 34px rgba(31,41,55,.06)}.student-report-stat::after{content:"";position:absolute;right:-34px;bottom:-45px;width:120px;height:120px;border-radius:50%;background:#e8edf6}.student-report-stat.success::after{background:#dff7ed}.student-report-stat.danger::after{background:#ffe2ec}.student-report-stat span,.student-report-score span{display:block;margin-bottom:24px;color:#737b8b;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.student-report-stat strong{position:relative;z-index:1;font-size:18px}.student-report-stat.success strong{color:#078660}.student-report-stat.danger strong{color:#e33b78}.student-report-stat small{position:relative;z-index:1;margin-top:4px}.student-report-score{background:linear-gradient(135deg,var(--report-blue),#244ec2);color:#fff}.student-report-score::after{content:"";position:absolute;right:-30px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.12)}.student-report-score span,.student-report-score small{position:relative;z-index:1;color:#cbd8ff}.student-report-score strong{position:relative;z-index:1;display:block;font-size:19px}.student-report-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.student-analysis-card{padding:36px 56px;border:0;border-radius:0;background:#fff;box-shadow:0 18px 40px rgba(31,41,55,.06)}.student-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.student-section-title h2{margin-bottom:2px;font-size:22px}.student-section-title p{margin:0;color:#4b5565}.student-section-title span{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:#eef0f5;color:#4b5565;font-weight:900;white-space:nowrap}.student-analysis-list{display:grid;gap:24px}.student-analysis-row>div:first-child{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center}.student-analysis-row>div:first-child span{width:12px;height:12px;border-radius:50%;background:var(--report-blue)}.student-analysis-row.mid>div:first-child span{background:#f59e0b}.student-analysis-row.low>div:first-child span{background:var(--report-red)}.student-analysis-row.good>div:first-child span{background:var(--report-green)}.student-analysis-row strong{font-size:17px}.student-analysis-row b{color:var(--report-blue)}.student-analysis-row.low b{color:var(--report-red)}.student-analysis-row.good b{color:var(--report-green)}.student-analysis-progress{height:10px;margin:10px 0 8px;border-radius:999px;background:#eef0f5;overflow:hidden}.student-analysis-progress i{display:block;height:100%;border-radius:inherit;background:var(--report-blue)}.student-analysis-row.mid .student-analysis-progress i{background:#f59e0b}.student-analysis-row.low .student-analysis-progress i{background:var(--report-red)}.student-analysis-row.good .student-analysis-progress i{background:var(--report-green)}.student-analysis-row p{margin:0;color:#6b7280}.student-empty-analysis{padding:26px;border-radius:14px;background:#f6f8fc}.student-empty-analysis p{margin:0;color:var(--muted)}.student-recommendation-card{position:relative;overflow:hidden;min-height:342px;padding:34px;border-radius:0;background:linear-gradient(150deg,#153ea8,#1f47b5);color:#fff;box-shadow:0 18px 40px rgba(13,63,168,.24)}.student-recommendation-card::after{content:"";position:absolute;right:-50px;bottom:-70px;width:210px;height:210px;border:22px solid rgba(255,255,255,.08);border-radius:50%}.student-recommendation-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:24px;border-radius:15px;background:rgba(255,255,255,.12);font-size:12px;font-weight:950}.student-recommendation-card h2{position:relative;z-index:1;color:#fff;font-size:21px}.student-recommendation-card p{position:relative;z-index:1;color:#dbe5ff;font-size:18px;font-weight:750;line-height:1.55}.student-recommendation-card .button{position:relative;z-index:1;margin-top:20px;background:#fff;color:var(--report-blue);border-color:#fff}.student-recommendation-card form{position:relative;z-index:1;margin:0}@media(max-width:980px){.student-report-stats,.student-report-grid{grid-template-columns:1fr 1fr}.student-recommendation-card{grid-column:1/-1}.student-analysis-card{padding:30px}}@media(max-width:720px){.student-report-head,.student-section-title{flex-direction:column}.student-profile-pill{align-items:flex-start;width:100%}.student-report-actions{justify-content:flex-start}.student-report-stats,.student-report-grid{grid-template-columns:1fr}.student-report-stat,.student-report-score,.student-analysis-card,.student-recommendation-card{border-radius:14px}.student-analysis-card{padding:22px}.student-analysis-row>div:first-child{grid-template-columns:12px minmax(0,1fr)}.student-analysis-row b{grid-column:2}.student-report-head h1{font-size:20px}.student-report-head p{font-size:16px}}
.login-page{background:#f7f9fd}.login-page .topbar,.login-page .footer{display:none}.login-page .container.page{width:100%;min-height:100vh;padding:0}.login-screen{position:relative;min-height:100vh;overflow:hidden;padding:48px 7vw 28px;background:linear-gradient(135deg,#f8fbff 0%,#ffffff 55%,#fff7f8 100%)}.login-decor{position:absolute;border-radius:50%;filter:blur(18px);opacity:.9;pointer-events:none}.login-decor-blue{left:-86px;top:76px;width:230px;height:230px;background:radial-gradient(circle,#dfe7ff 0,#dfe7ff 45%,rgba(79,70,229,.18) 58%,transparent 72%)}.login-decor-red{right:-72px;bottom:-44px;width:260px;height:260px;background:radial-gradient(circle,#ffe6e8 0,#ffe6e8 45%,rgba(239,68,68,.2) 60%,transparent 73%)}.login-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1260px;margin:0 auto 70px}.login-logo{display:inline-grid;text-decoration:none;line-height:.9;font-weight:950;letter-spacing:-.03em}.login-logo span{font-size:25px;color:#1d64d8}.login-logo span::first-letter{color:#ff4b8b}.login-logo small{font-size:13px;letter-spacing:.1em;color:#ff5b98;text-align:center}.login-back{display:inline-flex;align-items:center;gap:8px;color:#0f49b7;text-decoration:none;font-weight:900;font-size:16px}.login-card{position:relative;z-index:1;display:grid;grid-template-columns:430px minmax(0,1fr);max-width:1040px;min-height:720px;margin:0 auto;border-radius:28px;background:#fff;box-shadow:0 26px 70px rgba(20,32,57,.18);overflow:hidden}.login-info{display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:42px 40px;color:#fff;background:linear-gradient(150deg,#1743af 0%,#114fc3 48%,#119bff 100%)}.login-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.login-badge svg{width:18px;height:18px}.login-info h1{margin:0 0 12px;font-size:35px;line-height:1.15;color:#fff}.login-info p{margin:0;max-width:340px;color:#dbe8ff;font-size:18px;line-height:1.35}.login-photo{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 36px rgba(0,0,0,.18)}.login-photo img,.login-photo-fallback{display:block;width:100%;height:260px;object-fit:cover}.login-photo-fallback{position:relative;padding:28px;background:linear-gradient(135deg,#fff7ed,#e0f2fe);overflow:hidden}.fallback-board{position:absolute;left:50%;top:48%;width:160px;padding:18px 14px;border-radius:16px;background:#fff;box-shadow:0 15px 35px rgba(15,23,42,.18);transform:translate(-50%,-50%);text-align:center}.fallback-board span{display:block;width:46px;height:8px;margin:0 auto 12px;border-radius:999px;background:#1743af}.fallback-board strong{display:block;color:#1743af}.fallback-board small{color:#6b7280}.fallback-students{position:absolute;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;align-items:flex-end}.fallback-students i{width:54px;height:54px;border-radius:50% 50% 14px 14px;background:#1d4ed8;box-shadow:0 -36px 0 -16px #f5c9a8}.fallback-students i:nth-child(2n){background:#f472b6}.fallback-students i:nth-child(3n){background:#0f9d74}.login-community{display:flex;align-items:center;gap:16px}.login-avatars{display:flex}.login-avatars span{display:grid;place-items:center;width:34px;height:34px;margin-left:-8px;border:2px solid #07368d;border-radius:50%;background:#dbeafe;color:#07368d;font-weight:900}.login-avatars span:first-child{margin-left:0}.login-avatars span:nth-child(2){background:#ffe0eb}.login-avatars span:nth-child(3){background:#e0f7ff}.login-community p{font-size:14px;line-height:1.35}.login-form-panel{display:grid;place-items:center;padding:56px 64px;background:#fff}.login-form-inner{width:min(480px,100%)}.login-mark{display:block;width:32px;height:7px;margin-bottom:20px;border-radius:999px;background:#1648b7}.login-form-inner h2{margin:0 0 8px;font-size:34px;line-height:1.15;color:#123f9c}.login-form-inner>p{margin:0 0 42px;color:#4b5565;font-size:17px;line-height:1.45}.login-form{display:grid;gap:19px}.login-form label>span{display:block;margin-bottom:8px;color:#242833;font-size:15px;font-weight:900}.login-input{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border:1px solid #dfe3eb;border-radius:10px;background:#f0f2f6;box-shadow:inset 0 1px 2px rgba(15,23,42,.05)}.login-input svg{width:20px;height:20px;color:#7a8293;flex:0 0 auto}.login-input input{width:100%;border:0;background:transparent;color:#172033;font:inherit;font-weight:650;outline:0}.login-input input::placeholder{color:#858b9b}.login-password-toggle{display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:#727b8e;cursor:pointer}.login-password-toggle svg{width:20px;height:20px}.login-remember{display:flex!important;align-items:center;gap:12px;color:#3f4553;font-weight:700}.login-remember input{appearance:none;width:20px;height:20px;border:0;border-radius:6px;background:#e1e5ec;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04);cursor:pointer}.login-remember input:checked{background:#1648b7;box-shadow:inset 0 0 0 5px #1648b7}.login-remember span{margin:0!important;font-weight:750!important}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:58px;margin-top:8px;border:0;border-radius:22px;background:#1648b7;color:#fff;box-shadow:0 8px 18px rgba(22,72,183,.28);font:inherit;font-weight:950;cursor:pointer}.login-submit:hover{background:#0f3d9f}.login-copyright{position:relative;z-index:1;margin-top:48px;text-align:center;color:#4b5565;font-size:15px}@media(max-width:980px){.login-screen{padding:28px 20px}.login-header{margin-bottom:26px}.login-card{grid-template-columns:1fr;max-width:640px}.login-info{min-height:520px}.login-form-panel{padding:42px 32px}.login-info h1{font-size:31px}}@media(max-width:620px){.login-screen{padding:20px 14px}.login-header{align-items:flex-start}.login-back{font-size:14px}.login-card{border-radius:22px}.login-info{padding:28px 22px;min-height:auto}.login-info p{font-size:16px}.login-photo img,.login-photo-fallback{height:210px}.login-community{align-items:flex-start;flex-direction:column}.login-form-panel{padding:34px 22px}.login-form-inner h2{font-size:28px}.login-form-inner>p{margin-bottom:28px;font-size:15px}.login-submit{border-radius:16px}.login-copyright{margin-top:28px}}
.brand-logo{display:block;width:96px;max-height:48px;object-fit:contain}.landing-page{--landing-blue:#194bbb;--landing-blue-dark:#0d3291;--landing-pink:#ff5d99;--landing-text:#20242d;--landing-muted:#606575;background:#f4f7fb}.landing-page .topbar{position:sticky;background:rgba(255,255,255,.95);box-shadow:0 8px 28px rgba(31,41,55,.07)}.landing-page .nav-wrap{height:72px}.landing-page .nav{gap:14px}.landing-page .nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;color:#1243a8;font-weight:900}.landing-page .nav a.is-active,.landing-page .nav-login-button{background:#194bbb!important;color:#fff!important;box-shadow:0 8px 18px rgba(25,75,187,.2)}.landing-page .container.page{width:100%;padding:0}.landing-page .footer{padding:14px 0;border-top:1px solid #e6ebf3;color:#8a90a0;background:#f7f9fc}.landing-shell{width:100%;overflow:hidden}.landing-hero-v2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:58px;align-items:center;min-height:670px;padding:68px max(30px,calc((100vw - 1180px)/2)) 90px;background:linear-gradient(135deg,#edf1ff 0%,#f8faff 52%,#fff1f3 100%)}.landing-hero-copy h1{max-width:670px;margin:26px 0 16px;color:var(--landing-text);font-size:clamp(38px,5vw,60px);line-height:1.08;font-weight:950}.landing-hero-copy h1 span{color:#1f4fbe;text-decoration:underline;text-decoration-color:#ff76a8;text-decoration-thickness:4px;text-underline-offset:7px}.landing-hero-copy p{max-width:620px;margin:0;color:var(--landing-muted);font-size:20px;line-height:1.58;font-weight:600}.landing-chip,.landing-label{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#fff;color:#224eb4;border:1px solid #dce4f4;font-weight:950}.landing-chip{padding:8px 17px;font-size:17px;box-shadow:0 10px 24px rgba(31,41,55,.06)}.landing-chip svg{width:18px;height:18px}.landing-actions-v2{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 27px;border-radius:22px;text-decoration:none;font-weight:950;border:1px solid transparent}.landing-button-primary{background:#194bbb;color:#fff;box-shadow:0 10px 20px rgba(25,75,187,.22)}.landing-button-primary:hover{background:#0d3291}.landing-button-secondary{background:#fff;color:#194bbb;border-color:#d7dfef;box-shadow:0 8px 20px rgba(31,41,55,.06)}.landing-hero-media{display:flex;justify-content:center}.landing-photo-card{position:relative;width:min(100%,460px);margin:0;border:8px solid #fff;border-radius:30px;box-shadow:0 24px 48px rgba(31,41,55,.2);background:#fff;overflow:hidden}.landing-photo-card>img,.landing-photo-fallback{display:block;width:100%;height:420px;object-fit:cover}.landing-photo-fallback{position:relative;background:linear-gradient(135deg,#fff6e8,#e2f2ff);overflow:hidden}.landing-person{position:absolute;right:18%;bottom:0;width:150px;height:260px;border-radius:75px 75px 28px 28px;background:linear-gradient(180deg,#ffd4df 0 31%,#eef4ff 31% 100%);box-shadow:-110px 36px 0 -18px #255cc5}.landing-tablet{position:absolute;left:44px;bottom:88px;width:205px;padding:24px 18px;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.2);z-index:1}.landing-tablet span{display:block;width:64px;height:9px;margin-bottom:14px;border-radius:999px;background:#194bbb}.landing-tablet strong{display:block;color:#194bbb;font-size:22px}.landing-tablet small{color:#697386}.landing-photo-card figcaption{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:15px;padding:18px;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 18px 34px rgba(15,23,42,.17)}.landing-caption-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#ffe1ec;color:#e92b70;font-weight:950}.landing-photo-card figcaption strong{display:block;color:#252936}.landing-photo-card figcaption small{color:#747b8b}.landing-section{padding:92px max(30px,calc((100vw - 1180px)/2));background:#f7f9fc}.landing-section-head{max-width:560px;margin:0 auto 58px;text-align:center}.landing-label{padding:5px 13px;color:#ff5d99;background:#ffeaf2;border:0;text-transform:uppercase;letter-spacing:.04em;font-size:14px}.landing-label.blue-label{background:#e9efff;color:#214eb8}.landing-section-head h2,.landing-about h2{margin:14px 0 10px;color:#20242d;font-size:36px;line-height:1.15}.landing-section-head p,.landing-about p{color:#686f7f;font-size:17px;line-height:1.65}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.landing-step-card{position:relative;min-height:310px;padding:34px 30px 28px;border:1px solid #e0e6ef;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(31,41,55,.04)}.landing-step-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-weight:950}.landing-step-icon.blue{background:#dff0ff;color:#1551bd}.landing-step-icon.pink{background:#ffe5f1;color:#ef3478}.landing-step-number{position:absolute;right:28px;top:30px;color:#c4c9d6;font-size:25px}.landing-step-card h3{margin:26px 0 10px;color:#262a33;font-size:21px}.landing-step-card p{min-height:98px;margin:0 0 20px;color:#697180;font-size:16px;line-height:1.58}.landing-step-card a{display:flex;align-items:center;gap:8px;padding-top:17px;border-top:1px solid #eef1f5;color:#194bbb;text-decoration:none;font-weight:950}.landing-step-card a.pink-link{color:#e91e63}.landing-step-card a.teal-link{color:#075a66}.landing-about{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:72px;align-items:center;padding:82px max(30px,calc((100vw - 1180px)/2));background:#eef2f7}.landing-about-copy p{max-width:550px;margin-bottom:22px}.landing-feature-list{display:grid;gap:22px}.landing-feature-list article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:20px;align-items:start;padding:24px;border:1px solid #dde4ef;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(31,41,55,.05)}.landing-feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;font-weight:950}.landing-feature-icon.purple{background:#e8eaff;color:#3343c5}.landing-feature-icon.pink{background:#ffe1e7;color:#e92b70}.landing-feature-icon.cyan{background:#dff5ff;color:#09708c}.landing-feature-list h3{margin:0 0 5px;color:#2a2e39;font-size:22px}.landing-feature-list p{margin:0;color:#626b7a;font-size:16px;line-height:1.45}@media(max-width:980px){.landing-hero-v2,.landing-about{grid-template-columns:1fr}.landing-hero-v2{gap:38px;padding-top:44px}.landing-hero-media{justify-content:flex-start}.landing-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.landing-page .nav{gap:8px}.landing-page .nav a{display:inline-flex;min-height:36px;padding:0 12px;font-size:13px}.landing-page .nav a[href*="#tentang"]{display:none}.landing-hero-v2,.landing-section,.landing-about{padding-left:18px;padding-right:18px}.landing-hero-v2{min-height:auto;padding-bottom:56px}.landing-chip{font-size:13px}.landing-actions-v2,.landing-actions-v2 .landing-button{width:100%}.landing-photo-card{border-width:5px;border-radius:24px}.landing-photo-card>img,.landing-photo-fallback{height:300px}.landing-photo-card figcaption{left:12px;right:12px;bottom:12px;padding:13px}.landing-steps{grid-template-columns:1fr;gap:18px}.landing-step-card{min-height:auto;padding:26px 22px}.landing-step-card p{min-height:0}.landing-section-head h2,.landing-about h2{font-size:28px}.landing-feature-list article{grid-template-columns:1fr}.landing-page .footer{text-align:center}}

/* SIMA EDU update terbaru: gaya UI terpadu */
:root{--primary:#194bbb;--primary-dark:#0d3291;--soft:#eef3ff;--bg:#f5f8fc;--line:#e2e8f2;--shadow:0 16px 38px rgba(31,41,55,.07)}
.topbar{background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(31,41,55,.06)}
.nav-wrap{min-height:72px;height:auto;padding:10px 0;gap:18px}
.brand-logo{width:92px;height:auto}
.nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}
.nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;color:#16459e;font-weight:850}
.nav a:hover{background:#eef3ff;color:#123b94}
.role-chip{min-height:34px;padding:0 11px;background:#eef3ff;color:#194bbb}
.profile-menu summary{min-height:46px;padding:6px 9px;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(31,41,55,.05)}
.profile-identity{display:grid;gap:0;line-height:1.2}
.profile-identity strong{font-size:14px;color:#172033}
.profile-identity small{font-size:12px;color:#6b7280}
.card,.filter-card,.form-card,.content-video-card,.content-session-card,.content-side-card,.student-report-stat,.student-report-score,.student-analysis-card,.student-recommendation-card{border-radius:16px;box-shadow:0 12px 30px rgba(31,41,55,.06)}
.page-head h1{font-size:clamp(28px,4vw,42px);line-height:1.08}
.button{border-radius:18px;font-weight:900}
.button-primary{background:#194bbb}
.button-primary:hover{background:#0d3291}
.table-wrap{border:1px solid var(--line);border-radius:16px;background:#fff}
.table-wrap table{background:#fff}
.pagination-wrap nav{padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}
.content-audio-card-wide audio{width:100%;margin-top:18px}
.content-visual-image{display:block;max-width:100%;max-height:340px;border-radius:16px;object-fit:contain}
.content-support-card{background:linear-gradient(145deg,#123f9c,#2253c4);color:#fff}
.content-support-card h2{color:#fff}
.content-support-card p{margin:0;color:#dce7ff}
.content-question-box>p{color:#4b5565;font-size:16px;line-height:1.65}
.adaptive-question-page{display:grid;gap:28px}.adaptive-question-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center;margin:-42px calc((100vw - min(1120px,calc(100vw - 32px)))/-2) 0;padding:46px max(16px,calc((100vw - 1120px)/2)) 42px;background:linear-gradient(135deg,#f1f5ff 0%,#fff 55%,#fff1f4 100%)}.adaptive-question-hero h1{margin:12px 0 8px;color:#172033;font-size:36px}.adaptive-question-hero p{max-width:640px;margin:0;color:#566071;font-size:17px}.adaptive-question-status{position:relative;overflow:hidden;padding:24px;border-radius:18px;background:#fff;box-shadow:0 14px 32px rgba(31,41,55,.1)}.adaptive-question-status::after{content:"";position:absolute;right:-34px;bottom:-44px;width:120px;height:120px;border-radius:50%;background:#e8edf6}.adaptive-question-status.good::after{background:#dff7ed}.adaptive-question-status.low::after{background:#ffe2ec}.adaptive-question-status span,.adaptive-question-status small{position:relative;z-index:1;color:#6b7280;font-weight:850}.adaptive-question-status strong{position:relative;z-index:1;display:block;margin:8px 0;color:#194bbb;font-size:34px;line-height:1}.adaptive-question-status.good strong{color:#078660}.adaptive-question-status.low strong{color:#c90848}.adaptive-question-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.adaptive-question-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(31,41,55,.06)}.adaptive-answer-form{margin-top:18px}.student-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.student-choice-button{width:100%;min-height:58px;padding:16px 18px;border:1px solid #e2e8f2;border-radius:14px;background:#f5f7fa;color:#172033;cursor:pointer;font:inherit;font-weight:800;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.student-choice-button:hover,.student-choice-button.selected{border-color:#194bbb;background:#eef3ff;box-shadow:0 10px 24px rgba(25,75,187,.1);transform:translateY(-1px)}
@media(max-width:920px){.nav-wrap{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.profile-menu summary{box-shadow:none;border:1px solid var(--line)}} 
@media(max-width:920px){.adaptive-question-hero,.adaptive-question-grid{grid-template-columns:1fr}.adaptive-question-status{max-width:320px}.student-choice-grid{grid-template-columns:1fr}}
@media(max-width:620px){.nav a{font-size:13px;padding:0 10px}.role-chip{display:none}.profile-identity strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrap{border-radius:12px}.adaptive-question-hero{margin-top:-25px;padding-top:30px}.adaptive-question-hero h1{font-size:28px}.adaptive-question-card{padding:20px}}

/* SIMA EDU auth sidebar */
.sima-auth-body{background:#f5f8fc}.sima-app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sima-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:24px 18px;border-right:1px solid #e2e8f2;background:#fff;box-shadow:10px 0 32px rgba(31,41,55,.04);z-index:20}.sima-sidebar-brand{display:flex;align-items:center;min-height:52px;text-decoration:none;color:#194bbb;font-weight:950}.sima-sidebar-brand span{font-size:25px;letter-spacing:-.03em}.sima-sidebar-brand small{margin-left:3px;color:#ff5d99;font-size:13px;letter-spacing:.1em}.sima-sidebar-user{display:grid;gap:6px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#eef3ff,#fff)}.sima-sidebar-user .role-chip{justify-self:start}.sima-sidebar-user strong{display:block;margin-top:3px;color:#172033;font-size:16px}.sima-sidebar-user small{color:#697386;font-size:13px}.sima-sidebar-nav{display:grid;gap:8px;overflow:auto;padding-right:4px}.sima-sidebar-nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;color:#475569;text-decoration:none;font-weight:850;transition:background .18s ease,color .18s ease,transform .18s ease}.sima-sidebar-nav a:hover{background:#f2f6ff;color:#194bbb}.sima-sidebar-nav a.is-active{background:#194bbb;color:#fff;box-shadow:0 10px 22px rgba(25,75,187,.2);transform:translateX(2px)}.sima-main-panel{min-width:0;display:flex;flex-direction:column}.sima-account-topbar{position:sticky;top:0;border-bottom:1px solid #e2e8f2;background:rgba(255,255,255,.96);box-shadow:0 8px 26px rgba(31,41,55,.05);backdrop-filter:blur(12px);z-index:15}.sima-account-wrap{display:flex;justify-content:flex-end;align-items:center;min-height:72px;width:min(1180px,calc(100% - 32px));margin:auto}.sima-auth-page{width:min(1180px,calc(100% - 32px));padding-top:34px}.sima-auth-footer{margin-top:auto;background:transparent}.sima-auth-body .content-hero,.sima-auth-body .adaptive-question-hero{margin-left:calc((100vw - 270px - min(1180px,calc(100vw - 270px - 32px)))/-2);margin-right:calc((100vw - 270px - min(1180px,calc(100vw - 270px - 32px)))/-2);padding-left:max(16px,calc((100vw - 270px - 1180px)/2));padding-right:max(16px,calc((100vw - 270px - 1180px)/2))}
@media(max-width:980px){.sima-app-shell{grid-template-columns:1fr}.sima-sidebar{position:relative;height:auto;gap:14px;padding:16px;border-right:0;border-bottom:1px solid #e2e8f2;box-shadow:0 8px 24px rgba(31,41,55,.05)}.sima-sidebar-user{display:none}.sima-sidebar-nav{display:flex;gap:8px;overflow-x:auto;padding:0 0 4px}.sima-sidebar-nav a{white-space:nowrap}.sima-sidebar-nav a.is-active{transform:none}.sima-account-wrap,.sima-auth-page{width:min(100% - 24px,1180px)}.sima-auth-body .content-hero,.sima-auth-body .adaptive-question-hero{margin-left:calc((100vw - min(1180px,calc(100vw - 24px)))/-2);margin-right:calc((100vw - min(1180px,calc(100vw - 24px)))/-2);padding-left:max(12px,calc((100vw - 1180px)/2));padding-right:max(12px,calc((100vw - 1180px)/2))}}
@media(max-width:620px){.sima-sidebar-brand .brand-logo{width:82px}.sima-sidebar-nav a{min-height:40px;padding:0 12px;font-size:13px}.sima-account-wrap{justify-content:flex-start}.sima-auth-page{padding-top:24px}}

/* SIMA EDU update v3: submenu sidebar, assessment UI, dan font minimal */
body{font-weight:400}.button,.nav a,.sima-sidebar-nav a,.pill,.score-badge,.role-chip{font-weight:650}h1,h2,h3,.page-head h1{font-weight:700}.eyebrow,th{font-weight:650;letter-spacing:.06em}.student-report-stat span,.student-report-score span,.student-analysis-row strong,.content-topic-pill,.content-session-head span,.content-question-label{font-weight:650}.sima-app-shell{transition:grid-template-columns .22s ease}.sima-sidebar{padding:20px 16px}.sima-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.sima-sidebar-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e2e8f2;border-radius:12px;background:#fff;color:#194bbb;cursor:pointer;transition:background .18s ease,color .18s ease}.sima-sidebar-toggle:hover{background:#eef3ff}.sima-sidebar-user{display:none!important}.sima-sidebar-nav{gap:12px}.sima-sidebar-group{display:grid;gap:6px}.sima-sidebar-group summary{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;gap:10px;align-items:center;min-height:44px;padding:0 12px;border-radius:14px;color:#475569;cursor:pointer;list-style:none;font-weight:650}.sima-sidebar-group summary::-webkit-details-marker{display:none}.sima-sidebar-group summary:hover,.sima-sidebar-group summary.is-active{background:#eef3ff;color:#194bbb}.sima-sidebar-group[open] .sima-submenu-arrow{transform:rotate(180deg)}.sima-submenu-arrow{font-size:12px;transition:transform .18s ease}.sima-sidebar-submenu{display:grid;gap:6px;margin-top:6px;padding-left:10px}.sima-sidebar-submenu a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;min-height:40px;padding:0 12px}.sima-sidebar-submenu a i,.sima-sidebar-group summary i:first-child{font-size:15px;text-align:center}.sima-app-shell.sidebar-collapsed{grid-template-columns:86px minmax(0,1fr)}.sidebar-collapsed .sima-sidebar{align-items:center;padding-inline:12px}.sidebar-collapsed .brand-logo{width:48px}.sidebar-collapsed .sima-sidebar-brand small,.sidebar-collapsed .sima-sidebar-brand span,.sidebar-collapsed .sima-sidebar-group summary span,.sidebar-collapsed .sima-sidebar-submenu,.sidebar-collapsed .sima-submenu-arrow{display:none}.sidebar-collapsed .sima-sidebar-head{flex-direction:column}.sidebar-collapsed .sima-sidebar-group summary{display:grid;grid-template-columns:1fr;width:44px;padding:0}.sidebar-collapsed .sima-sidebar-group summary i:first-child{font-size:17px}.sidebar-collapsed.sima-app-shell .content-hero,.sidebar-collapsed.sima-app-shell .adaptive-question-hero{margin-left:calc((100vw - 86px - min(1180px,calc(100vw - 86px - 32px)))/-2);margin-right:calc((100vw - 86px - min(1180px,calc(100vw - 86px - 32px)))/-2);padding-left:max(16px,calc((100vw - 86px - 1180px)/2));padding-right:max(16px,calc((100vw - 86px - 1180px)/2))}
.adaptive-question-hero{grid-template-columns:1fr}.adaptive-question-card-single{max-width:900px;margin:0 auto;width:100%}.adaptive-question-card-single .content-question-box{background:#f9fbff}.assessment-question-page{display:grid;gap:32px}.assessment-question-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 30px;border-radius:18px;background:#f0f3f8}.assessment-title-wrap{display:flex;align-items:center;gap:16px}.assessment-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#194bbb;color:#fff;font-size:22px;box-shadow:0 8px 16px rgba(25,75,187,.2)}.assessment-icon-pink{background:#f0448b}.assessment-question-hero h1{margin:0 0 4px;font-size:22px;font-weight:650}.assessment-question-hero p{margin:0;color:#1f2937;font-size:17px}.assessment-time-card{min-width:170px;padding:16px 18px;border:1px solid #e2e8f2;border-radius:16px;background:#fff;text-align:center}.assessment-time-card span{display:block;color:#194bbb;font-size:13px;font-weight:650;text-transform:uppercase}.assessment-time-card strong{display:block;margin:2px 0;color:#f0448b;font-size:20px;font-weight:700}.assessment-time-card small{font-size:12px}.assessment-question-card{max-width:880px;margin:0 auto;padding:30px 32px;border:1px solid #e2e8f2;border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(31,41,55,.08)}.assessment-question-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.assessment-question-pill{display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;background:#e9ecff;color:#194bbb;font-weight:650}.assessment-attempt{color:#64748b;font-size:14px;font-weight:600}.assessment-progress-track{height:8px;margin-bottom:24px;border-radius:999px;background:#edf1f7;overflow:hidden}.assessment-progress-track span{display:block;height:100%;border-radius:inherit;background:#194bbb}.assessment-question-card h2{margin:0 0 26px;color:#20242d;font-size:22px;font-weight:600;line-height:1.55}.assessment-answer-form{display:grid;gap:18px}.assessment-choice-grid{display:grid;gap:14px}.assessment-choice-button{display:flex;align-items:center;width:100%;min-height:72px;padding:18px 20px;border:1px solid transparent;border-radius:14px;background:#f0f2f5;color:#20242d;cursor:pointer;font:inherit;font-weight:450;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.assessment-choice-button:hover,.assessment-choice-button.selected{border-color:#194bbb;background:#eef3ff;box-shadow:0 10px 22px rgba(25,75,187,.09);transform:translateY(-1px)}.assessment-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.assessment-bottom-actions .button{min-width:160px}.assessment-bottom-actions .button[disabled]{border-color:#e5e7eb;background:#eef0f3;color:#9aa0aa;cursor:not-allowed}.choice-image img{display:block;max-width:100%;max-height:220px;border-radius:12px;object-fit:contain}
@media(max-width:980px){.sima-app-shell.sidebar-collapsed{grid-template-columns:1fr}.sima-sidebar-head{width:100%}.sima-sidebar-toggle{display:none}.sima-sidebar-group{min-width:max-content}.sima-sidebar-group summary{display:flex}.sima-sidebar-submenu{display:flex;padding-left:0}.assessment-question-hero{align-items:flex-start;flex-direction:column}.assessment-time-card{text-align:left}.sidebar-collapsed.sima-app-shell .content-hero,.sidebar-collapsed.sima-app-shell .adaptive-question-hero{margin-left:calc((100vw - min(1180px,calc(100vw - 24px)))/-2);margin-right:calc((100vw - min(1180px,calc(100vw - 24px)))/-2);padding-left:max(12px,calc((100vw - 1180px)/2));padding-right:max(12px,calc((100vw - 1180px)/2))}}
@media(max-width:680px){.assessment-question-hero,.assessment-question-card{padding:22px}.assessment-title-wrap{align-items:flex-start}.assessment-icon{width:44px;height:44px;font-size:18px}.assessment-question-hero h1{font-size:19px}.assessment-question-hero p{font-size:14px}.assessment-question-card h2{font-size:18px}.assessment-question-top,.assessment-bottom-actions{align-items:flex-start;flex-direction:column}.assessment-bottom-actions .button{width:100%;min-width:0}.assessment-choice-button{min-height:62px;padding:15px 16px}}

/* SIMA EDU update v4: Figma-like typography, blue sidebar, cleaner checks */
:root{--primary:#194bbb;--primary-dark:#0b3a9f;--sidebar:#1646b8;--sidebar-dark:#0f3594;--sidebar-soft:rgba(255,255,255,.12);--ink:#111827;--muted:#64748b;--bg:#f4f7fb;--line:#e4eaf3;--shadow:0 14px 32px rgba(15,23,42,.07)}body{font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;color:#172033}h1,h2,h3,.page-head h1,.student-report-head h1,.assessment-question-hero h1,.content-hero h1{font-weight:650;letter-spacing:0}.button,.nav a,.pill,.score-badge,.role-chip,.status,.section-head a,.table-actions a,.table-link,.danger-link{font-weight:600}.eyebrow,th,.student-report-stat span,.student-report-score span,.content-topic-pill,.content-session-head span,.content-question-label{font-weight:600;letter-spacing:.05em}.form-grid label,.filter-grid label,.builder-field>label,.builder-field>span,.repeater-row label,.result-filter label{font-weight:500}.form-grid input,.form-grid select,.form-grid textarea,.filter-grid input,.filter-grid select,.builder-field input,.builder-field select,.builder-field textarea,.repeater-row input,.repeater-row select,.repeater-row textarea{font-weight:400}.sima-sidebar{background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-dark) 100%);border-right:0;color:#fff;box-shadow:14px 0 34px rgba(25,75,187,.14)}.sima-sidebar-head{padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.sima-sidebar-brand{color:#fff}.sima-sidebar-brand .brand-logo{filter:drop-shadow(0 7px 14px rgba(0,0,0,.12));background:#fff;border-radius:16px;padding:6px}.sima-sidebar-nav{flex:1;padding-right:0}.sima-sidebar-direct,.sima-sidebar-group summary{color:rgba(255,255,255,.82)}.sima-sidebar-direct{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;min-height:46px;padding:0 14px;border-radius:15px;text-decoration:none}.sima-sidebar-direct:hover,.sima-sidebar-group summary:hover{background:var(--sidebar-soft);color:#fff}.sima-sidebar-direct.is-active,.sima-sidebar-group summary.is-active{background:#fff;color:var(--sidebar-dark);box-shadow:0 12px 22px rgba(0,0,0,.14)}.sima-sidebar-submenu{padding-left:0}.sima-sidebar-submenu a{color:rgba(255,255,255,.78)}.sima-sidebar-submenu a:hover{background:var(--sidebar-soft);color:#fff}.sima-sidebar-submenu a.is-active{background:#fff;color:var(--sidebar-dark);box-shadow:0 12px 22px rgba(0,0,0,.13)}.sima-sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.sima-sidebar-toggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-weight:600}.sima-sidebar-toggle:hover{background:#fff;color:var(--sidebar-dark)}.sidebar-collapsed .sima-sidebar-footer{width:100%}.sidebar-collapsed .sima-sidebar-toggle{width:46px;margin:auto}.sidebar-collapsed .sima-sidebar-toggle span{display:none}.sidebar-collapsed .sima-sidebar-direct{grid-template-columns:1fr;width:46px;padding:0;place-items:center}.sidebar-collapsed .sima-sidebar-direct span{display:none}.sidebar-collapsed .sima-sidebar-group{position:relative}.sidebar-collapsed .sima-sidebar-group summary{background:transparent;color:#fff}.sidebar-collapsed .sima-sidebar-group summary:hover,.sidebar-collapsed .sima-sidebar-group summary.is-active{background:#fff;color:var(--sidebar-dark)}.sidebar-collapsed .sima-sidebar-submenu{position:absolute;left:58px;top:0;z-index:60;display:none;min-width:230px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 18px 36px rgba(15,23,42,.18)}.sidebar-collapsed .sima-sidebar-group:hover .sima-sidebar-submenu,.sidebar-collapsed .sima-sidebar-group:focus-within .sima-sidebar-submenu{display:grid}.sidebar-collapsed .sima-sidebar-submenu a{color:#344256}.sidebar-collapsed .sima-sidebar-submenu a:hover{background:#eef3ff;color:#194bbb}.sidebar-collapsed .sima-sidebar-submenu a.is-active{background:#194bbb;color:#fff}.sidebar-collapsed .sima-sidebar-submenu a span{display:inline}.sima-account-topbar{box-shadow:0 8px 22px rgba(15,23,42,.04)}.student-report-head{grid-template-columns:1fr}.student-profile-pill{display:none!important}.check{display:inline-flex;align-items:center;gap:11px;line-height:1.35;color:#1f2937;font-weight:500}.check input[type=checkbox],.inline-check input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;width:23px;height:23px;min-width:23px;margin:0;border:1.8px solid #cfd8e6;border-radius:8px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.check input[type=checkbox]::after,.inline-check input[type=checkbox]::after{content:"";width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(.8);transition:opacity .18s ease,transform .18s ease}.check input[type=checkbox]:checked,.inline-check input[type=checkbox]:checked{border-color:#194bbb;background:#194bbb;box-shadow:0 8px 18px rgba(25,75,187,.18)}.check input[type=checkbox]:checked::after,.inline-check input[type=checkbox]:checked::after{opacity:1;transform:rotate(45deg) scale(1)}.check input[type=checkbox]:focus-visible,.inline-check input[type=checkbox]:focus-visible{outline:3px solid rgba(25,75,187,.2);outline-offset:2px}.checkbox-panel{background:#fff;border-color:#dce5f1}.checkbox-panel legend{font-weight:600}.checkbox-grid{align-items:center}.answer-row .check{align-self:center}.hotspot-question img{background:#fff}
@media(max-width:980px){.sima-sidebar{background:#fff;color:#172033}.sima-sidebar-head{border-bottom:1px solid #e4eaf3}.sima-sidebar-brand .brand-logo{filter:none}.sima-sidebar-direct,.sima-sidebar-group summary,.sima-sidebar-submenu a{color:#475569}.sima-sidebar-direct.is-active,.sima-sidebar-group summary.is-active,.sima-sidebar-submenu a.is-active{background:#194bbb;color:#fff}.sima-sidebar-footer{display:none}.sima-sidebar-submenu{padding-left:0}.sidebar-collapsed .sima-sidebar-submenu{position:static;display:flex;min-width:auto;padding:0;background:transparent;box-shadow:none}.sidebar-collapsed .sima-sidebar-submenu a span{display:inline}}
@media(max-width:980px){.sima-sidebar{background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-dark) 100%);color:#fff}.sima-sidebar-head{border-bottom:1px solid rgba(255,255,255,.12)}.sima-sidebar-brand .brand-logo{filter:drop-shadow(0 7px 14px rgba(0,0,0,.12))}.sima-sidebar-direct,.sima-sidebar-group summary,.sima-sidebar-submenu a{color:rgba(255,255,255,.82)}.sima-sidebar-direct:hover,.sima-sidebar-group summary:hover,.sima-sidebar-submenu a:hover{background:var(--sidebar-soft);color:#fff}.sima-sidebar-direct.is-active,.sima-sidebar-group summary.is-active,.sima-sidebar-submenu a.is-active{background:#fff;color:var(--sidebar-dark)}}
.sima-sidebar-nav .sima-sidebar-direct{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;color:rgba(255,255,255,.82);font-weight:600}.sima-sidebar-nav .sima-sidebar-direct:hover{background:var(--sidebar-soft);color:#fff;transform:none}.sima-sidebar-nav .sima-sidebar-direct.is-active{background:#fff;color:var(--sidebar-dark);box-shadow:0 12px 22px rgba(0,0,0,.14);transform:none}.sidebar-collapsed .sima-sidebar-nav .sima-sidebar-direct{grid-template-columns:1fr;width:46px;padding:0}.sidebar-collapsed .sima-sidebar-nav .sima-sidebar-direct span{display:none}@media(max-width:980px){.sima-sidebar-nav .sima-sidebar-direct{color:rgba(255,255,255,.82)}.sima-sidebar-nav .sima-sidebar-direct.is-active{background:#fff;color:var(--sidebar-dark)}}
.adaptive-hint{margin:18px 0 6px;border:1px solid #dbe6f7;border-radius:15px;background:#f8fbff}.adaptive-hint summary{display:flex;align-items:center;gap:10px;padding:13px 15px;color:#194bbb;cursor:pointer;font-weight:600;list-style:none}.adaptive-hint summary::-webkit-details-marker{display:none}.adaptive-hint summary i{color:#f5a400}.adaptive-hint p{margin:0;padding:0 15px 15px;color:#435166;line-height:1.65}.content-video-player{display:block;width:100%;aspect-ratio:16/9;min-height:320px;border:0;border-radius:18px;background:#101827}.content-video-frame:has(.content-video-player){padding:0;background:#101827}.content-video-frame:has(.content-video-player) .content-video-caption{left:16px;right:16px;bottom:16px}@media(max-width:680px){.content-video-player{min-height:210px}.adaptive-hint summary{padding:12px 13px}.adaptive-hint p{padding:0 13px 13px}}

/* SIMA EDU update v6: sidebar ringkas, gerak halus, hotspot stabil */
.sima-app-shell{grid-template-columns:232px minmax(0,1fr);transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1)}
.sima-sidebar{gap:16px;padding:18px 14px;transition:padding .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,background .32s ease}
.sima-sidebar-head{justify-content:center;min-height:58px;padding:0 0 14px}
.sima-sidebar-brand{justify-content:center;width:100%}
.sima-sidebar-brand .brand-logo{width:106px;max-width:100%;padding:7px;border-radius:14px;transition:width .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1),border-radius .32s ease}
.sima-sidebar-nav{gap:8px;scrollbar-width:thin}
.sima-sidebar-direct,.sima-sidebar-group summary{min-height:42px;border-radius:13px;font-size:14px;font-weight:500;transition:background .24s ease,color .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.22,1,.36,1)}
.sima-sidebar-direct:hover,.sima-sidebar-group summary:hover{transform:translateX(2px)}
.sima-sidebar-submenu{gap:5px}
.sima-sidebar-submenu a{min-height:38px;border-radius:12px;font-size:13px;font-weight:500;transition:background .24s ease,color .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.22,1,.36,1)}
.sima-sidebar-submenu a:hover{transform:translateX(2px)}
.sima-sidebar-footer{display:flex;justify-content:center;margin-top:auto;padding-top:12px}
.sima-sidebar-toggle{width:34px;height:34px;padding:0;border-radius:12px;font-size:13px;transition:background .24s ease,color .24s ease,transform .24s cubic-bezier(.22,1,.36,1),border-color .24s ease}
.sima-sidebar-toggle:hover{transform:translateY(-1px)}
.sima-sidebar-toggle span{display:none!important}
.sima-app-shell.sidebar-collapsed{grid-template-columns:66px minmax(0,1fr)}
.sidebar-collapsed .sima-sidebar{padding-inline:10px}
.sidebar-collapsed .sima-sidebar-brand .brand-logo{width:44px;padding:4px;border-radius:12px}
.sidebar-collapsed .sima-sidebar-direct,.sidebar-collapsed .sima-sidebar-group summary{width:42px;height:42px;min-height:42px;padding:0;place-items:center}
.sidebar-collapsed .sima-sidebar-submenu{left:50px}
.sima-auth-body .content-hero,.sima-auth-body .adaptive-question-hero{margin-left:calc((100vw - 232px - min(1180px,calc(100vw - 232px - 32px)))/-2);margin-right:calc((100vw - 232px - min(1180px,calc(100vw - 232px - 32px)))/-2);padding-left:max(16px,calc((100vw - 232px - 1180px)/2));padding-right:max(16px,calc((100vw - 232px - 1180px)/2))}
.sidebar-collapsed.sima-app-shell .content-hero,.sidebar-collapsed.sima-app-shell .adaptive-question-hero{margin-left:calc((100vw - 66px - min(1180px,calc(100vw - 66px - 32px)))/-2);margin-right:calc((100vw - 66px - min(1180px,calc(100vw - 66px - 32px)))/-2);padding-left:max(16px,calc((100vw - 66px - 1180px)/2));padding-right:max(16px,calc((100vw - 66px - 1180px)/2))}
body{font-weight:400}.button,.nav a,.pill,.score-badge,.role-chip,.status,.section-head a,.table-actions a,.table-link,.danger-link,.sima-sidebar-nav a{font-weight:500}h1,h2,h3,.page-head h1,.student-report-head h1,.assessment-question-hero h1,.content-hero h1{font-weight:600}.stat-card strong,.student-report-stat strong,.student-report-score strong,.student-analysis-row strong{font-weight:600}
.avatar.admin{display:none!important}
.card,.stat-card,.student-report-stat,.student-report-score,.content-video-card,.content-reading-card,.adaptive-question-card,.student-choice-button,.tree-visual-node,.graph-node,.sort-bar,.object-block,.edge-chip,.order-item,.flowchart-block,.code-editor{transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,border-color .26s ease,background .26s ease,color .26s ease}
.student-choice-button:hover,.content-video-card:hover,.content-reading-card:hover,.adaptive-question-card:hover{transform:translateY(-2px)}
.hotspot-question{border-color:#c9d7ee;background:linear-gradient(135deg,#f8fbff,#eef5ff);transition:border-color .24s ease,box-shadow .24s ease,background .24s ease}
.hotspot-question:hover{border-color:#8fb0f2;box-shadow:0 12px 28px rgba(25,75,187,.08)}
.hotspot-pick{display:grid;place-items:center;width:24px;height:24px;border:3px solid #fff;border-radius:999px;background:#ef4389;box-shadow:0 0 0 5px rgba(239,67,137,.18),0 9px 18px rgba(15,23,42,.18);transform:translate(-50%,-50%) scale(1);transition:left .24s cubic-bezier(.22,1,.36,1),top .24s cubic-bezier(.22,1,.36,1),transform .2s ease,background .2s ease,box-shadow .2s ease;animation:simaPulse .75s ease-out}
.hotspot-pick[hidden]{display:none!important}
.hotspot-pick::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.hotspot-pick span{position:absolute;inset:auto auto 100% 50%;min-width:22px;padding:2px 6px;border-radius:999px;background:#172033;color:#fff;font-size:11px;font-weight:600;line-height:1.35;transform:translate(-50%,-5px);box-shadow:0 8px 18px rgba(15,23,42,.14)}
.hotspot-builder-point.correct{background:#11a875;box-shadow:0 0 0 5px rgba(17,168,117,.18),0 9px 18px rgba(15,23,42,.18)}
.hotspot-builder-point.active{background:#194bbb;box-shadow:0 0 0 6px rgba(25,75,187,.2),0 10px 20px rgba(25,75,187,.2);transform:translate(-50%,-50%) scale(1.08)}
.hotspot-answer-point{background:#194bbb;box-shadow:0 0 0 5px rgba(25,75,187,.2),0 10px 20px rgba(15,23,42,.18)}
.hotspot-answer-point span{display:none}
.tree-visual-node:hover,.graph-node:hover,.sort-bar:hover,.edge-chip:hover,.order-item:hover{transform:translateY(-2px)}
.tree-visual-node.selected,.graph-node.selected,.sort-bar.selected,.edge-chip.selected{box-shadow:0 10px 22px rgba(25,75,187,.18)}
.object-block.entering{animation:simaSlideIn .24s cubic-bezier(.22,1,.36,1) both}.object-block.leaving{animation:simaSlideOut .22s ease both}
@keyframes simaPulse{from{opacity:.45;transform:translate(-50%,-50%) scale(.72)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes simaSlideIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes simaSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.96)}}
@media(max-width:980px){.sima-app-shell{grid-template-columns:1fr}.sima-sidebar{padding:16px}.sima-sidebar-brand{justify-content:flex-start}.sima-sidebar-brand .brand-logo{width:88px}.sima-sidebar-direct,.sima-sidebar-group summary{font-size:13px}.sima-auth-body .content-hero,.sima-auth-body .adaptive-question-hero,.sidebar-collapsed.sima-app-shell .content-hero,.sidebar-collapsed.sima-app-shell .adaptive-question-hero{margin-left:calc((100vw - min(1180px,calc(100vw - 24px)))/-2);margin-right:calc((100vw - min(1180px,calc(100vw - 24px)))/-2);padding-left:max(12px,calc((100vw - 1180px)/2));padding-right:max(12px,calc((100vw - 1180px)/2))}}

/* SIMA EDU update v7: menu fit-content, transisi lembut, hotspot presisi */
.sima-auth-page{animation:simaPageFade .3s cubic-bezier(.22,1,.36,1) both}
.sima-sidebar-nav{justify-items:start;align-content:start}
.sima-sidebar-direct,.sima-sidebar-group,.sima-sidebar-group summary{width:max-content;max-width:100%}
.sima-sidebar-direct,.sima-sidebar-group summary{padding-inline:12px 14px}
.sima-app-shell:not(.sidebar-collapsed) .sima-sidebar-submenu{display:grid;overflow:hidden;max-height:0;margin-top:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateY(-6px);transition:max-height .32s cubic-bezier(.22,1,.36,1),opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1),margin .32s ease,padding .32s ease}
.sima-app-shell:not(.sidebar-collapsed) .sima-sidebar-group[open] .sima-sidebar-submenu{max-height:420px;margin-top:6px;padding-top:2px;padding-bottom:2px;opacity:1;transform:translateY(0)}
.sidebar-collapsed .sima-sidebar-direct,.sidebar-collapsed .sima-sidebar-group,.sidebar-collapsed .sima-sidebar-group summary{width:42px}
.tree-visual-node:hover,.graph-node:hover,.sort-bar:hover,.edge-chip:hover,.order-item:hover,.flow-symbol:hover,.flow-slot:hover{transform:none}
.tree-visual-node,.graph-node,.sort-bar,.edge-chip,.order-item,.flow-symbol,.flow-slot{will-change:auto}
.tree-visual-node.is-tapping,.graph-node.is-tapping,.sort-bar.is-tapping,.edge-chip.is-tapping,.order-item.is-tapping,.flow-symbol.is-tapping,.flow-slot.is-tapping,.hotspot-pick.is-tapping{animation:simaTap .18s cubic-bezier(.22,1,.36,1) both}
.hotspot-image-wrap{position:relative;display:block;width:100%;line-height:0}
.hotspot-image-wrap img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain}
.hotspot-image-wrap .hotspot-pick{line-height:1}
.flow-route-guide{display:grid;gap:8px;margin:14px 0;padding:14px 16px;border:1px solid #dfe8f6;border-radius:14px;background:#f8fbff;color:#344256}
.flow-route-guide span{color:#194bbb;font-weight:600}
.flow-route-guide small{color:#64748b}
.flow-route-guide div{display:flex;gap:10px;flex-wrap:wrap}
.flow-route-guide i{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#e9efff;color:#194bbb;font-style:normal;font-weight:600}
.flow-route-guide.branching{background:linear-gradient(135deg,#f8fbff,#fff5f9)}
.flow-route-guide.looping{background:linear-gradient(135deg,#f8fbff,#eefaf4)}
.flow-slots[data-flow-mode=branching],.flow-slots[data-flow-mode=looping]{position:relative}
.flow-slots[data-flow-mode=branching] .flow-slot:nth-child(3),.flow-slots[data-flow-mode=looping] .flow-slot:nth-child(3){border-color:#f8a7c9;background:#fff5f9}
.flow-slots[data-flow-mode=looping] .flow-slot:nth-last-child(2){border-color:#92ddb9;background:#effaf4}
@keyframes simaPageFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes simaTap{0%{transform:scale(1)}50%{transform:scale(.97)}100%{transform:scale(1)}}
@media(max-width:980px){.sima-sidebar-nav{justify-items:stretch}.sima-sidebar-direct,.sima-sidebar-group,.sima-sidebar-group summary{width:max-content}.sima-app-shell:not(.sidebar-collapsed) .sima-sidebar-submenu{display:flex;max-height:none;opacity:1;transform:none}}

/* SIMA EDU update v8: responsive Android, active menu ringan, flowchart bercabang */
html{scroll-behavior:smooth}
[id]{scroll-margin-top:86px}
.sima-auth-body,.landing-page{overflow-x:hidden}
.sima-auth-page,.sima-main-panel,.sima-sidebar,.sima-sidebar-nav{min-width:0}
.sima-sidebar-nav{overflow-x:hidden}
.sima-sidebar-direct,.sima-sidebar-group summary,.sima-sidebar-submenu a{height:auto;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.25}
.sima-sidebar-direct span,.sima-sidebar-group summary span,.sima-sidebar-submenu a span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.sima-sidebar-direct.is-active,.sima-sidebar-group summary.is-active,.sima-sidebar-submenu a.is-active,.sima-sidebar-nav .sima-sidebar-direct.is-active,.sidebar-collapsed .sima-sidebar-group summary.is-active,.sidebar-collapsed .sima-sidebar-submenu a.is-active{background:transparent!important;color:#fff!important;box-shadow:none!important;transform:none!important}
.sima-sidebar-direct.is-active i,.sima-sidebar-group summary.is-active i,.sima-sidebar-submenu a.is-active i{color:#ffb6d2}
.sima-sidebar-direct.is-active span,.sima-sidebar-group summary.is-active span,.sima-sidebar-submenu a.is-active span{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px}
.sima-sidebar-direct:hover,.sima-sidebar-group summary:hover,.sima-sidebar-submenu a:hover{transform:none!important}
.sidebar-collapsed .sima-sidebar-direct.is-active,.sidebar-collapsed .sima-sidebar-group summary.is-active{background:rgba(255,255,255,.14)!important}
.flow-layout-board{display:grid;gap:14px;justify-items:center;max-width:100%;padding:8px 0;overflow-x:auto}
.flow-layout-board .flow-slot{width:min(100%,260px);min-height:58px}
.flow-linear-board{grid-template-columns:1fr}
.flow-branch-board,.flow-loop-board{width:100%}
.flow-branch-lanes{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:start;width:min(100%,720px);margin:2px 0}
.flow-branch-lane{display:grid;gap:10px;justify-items:center;min-width:0;padding:14px;border:1px dashed #cfe0fa;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fff)}
.flow-branch-join{align-self:center;padding:6px 10px;border-radius:999px;background:#eff3fa;color:#64748b;font-size:12px;font-weight:600}
.flow-branch-label{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:600}
.flow-branch-label.yes{background:#e8f8f0;color:#078660}
.flow-branch-label.no{background:#fff0f5;color:#c90848}
.flow-slot-branch{border-color:#b9d4ff!important;background:#f7fbff!important}
.flow-loop-wrap{display:grid;grid-template-columns:minmax(0,260px) minmax(120px,180px);gap:12px;align-items:center}
.flow-slot-loop{border-color:#91ddb8!important;background:#effaf4!important}
.flow-loop-arrow{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;border:1px dashed #91ddb8;border-radius:999px;background:#f6fffa;color:#078660;font-size:12px;font-weight:600;text-align:center}
.tree-visual-node,.graph-node{transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}
.tree-visual-node:hover,.graph-node:hover{transform:none!important}
.tree-visual-node.is-tapping,.graph-node.is-tapping{box-shadow:0 12px 24px rgba(25,75,187,.18)}
.hotspot-question{touch-action:manipulation}
.hotspot-image-wrap{max-width:100%;overflow:hidden;border-radius:inherit}
.hotspot-builder-point,.hotspot-answer-point{pointer-events:auto}
.hotspot-answer-point{z-index:3}
@media(max-width:760px){
    html,body{width:100%;max-width:100%;overflow-x:hidden}
    body{font-size:14px}
    .container,.sima-account-wrap,.sima-auth-page{width:min(100% - 20px,1180px)}
    .sima-app-shell,.sima-app-shell.sidebar-collapsed{display:block;min-height:100vh}
    .sima-sidebar{position:sticky;top:0;height:auto;max-height:none;gap:10px;padding:12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(15,23,42,.12)}
    .sima-sidebar-head{min-height:42px;padding:0 0 10px}
    .sima-sidebar-brand{justify-content:center}
    .sima-sidebar-brand .brand-logo,.sidebar-collapsed .sima-sidebar-brand .brand-logo{width:78px;padding:5px;border-radius:12px}
    .sima-sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
    .sima-sidebar-direct,.sima-sidebar-group,.sima-sidebar-group summary,.sima-sidebar-nav .sima-sidebar-direct{width:100%;max-width:100%}
    .sima-sidebar-direct,.sima-sidebar-group summary,.sima-sidebar-nav .sima-sidebar-direct{grid-template-columns:19px minmax(0,1fr) 12px;min-height:40px;padding:9px 10px;font-size:12px}
    .sima-sidebar-submenu,.sima-app-shell:not(.sidebar-collapsed) .sima-sidebar-submenu{position:static!important;display:grid!important;max-height:none!important;width:100%;min-width:0;margin-top:6px;padding:0;opacity:1!important;transform:none!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
    .sima-sidebar-submenu a,.sidebar-collapsed .sima-sidebar-submenu a{width:100%;max-width:100%;min-height:36px;padding:8px 10px;color:rgba(255,255,255,.8);font-size:12px}
    .sima-sidebar-footer{display:none!important}
    .sidebar-collapsed .sima-sidebar-direct span,.sidebar-collapsed .sima-sidebar-group summary span,.sidebar-collapsed .sima-submenu-arrow,.sidebar-collapsed .sima-sidebar-submenu,.sidebar-collapsed .sima-sidebar-submenu a span{display:inline}
    .sidebar-collapsed .sima-sidebar-direct,.sidebar-collapsed .sima-sidebar-group summary{width:100%;height:auto}
    .sima-account-topbar{position:sticky;top:0}
    .sima-account-wrap{min-height:58px;justify-content:flex-end}
    .profile-menu summary{max-width:calc(100vw - 28px)}
    .profile-identity strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .sima-auth-page,.container.page{padding-top:18px}
    .page-head,.student-report-head,.landing-about,.landing-hero-v2,.content-layout,.content-grid,.adaptive-question-grid,.student-report-grid,.grid,.grid-2,.grid-3,.grid-4,.filter-grid,.form-grid,.result-filter,.flow-to-code{grid-template-columns:1fr!important}
    .page-head{gap:12px}
    .page-head h1,.student-report-head h1,.content-hero h1,.adaptive-question-hero h1{font-size:24px;line-height:1.2}
    .card,.stat-card,.student-report-stat,.student-report-score,.content-video-card,.content-reading-card,.adaptive-question-card,.assessment-question-card{padding:16px;border-radius:14px}
    .table-wrap,.data-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
    table{min-width:680px}
    .button,.page-actions .button,.assessment-bottom-actions .button{width:100%;min-width:0;min-height:42px}
    .page-actions,.section-actions,.assessment-bottom-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
    .student-choice-grid,.assessment-choice-grid{grid-template-columns:1fr!important}
    .student-choice-button,.assessment-choice-button{min-height:0;padding:14px;text-align:left}
    .adaptive-question-hero,.content-hero,.sima-auth-body .content-hero,.sima-auth-body .adaptive-question-hero,.sidebar-collapsed.sima-app-shell .content-hero,.sidebar-collapsed.sima-app-shell .adaptive-question-hero{margin-left:calc((100vw - min(1180px,calc(100vw - 20px)))/-2);margin-right:calc((100vw - min(1180px,calc(100vw - 20px)))/-2);padding:22px 10px!important}
    .adaptive-question-status{max-width:none}
    .content-video-player,.media-player{min-height:190px}
    .hotspot-question{min-height:180px}
    .hotspot-image-wrap img{max-height:320px}
    .tree-canvas-scroll,.graph-board,.flow-layout-board{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .flow-branch-lanes{grid-template-columns:1fr;width:100%}
    .flow-branch-join{justify-self:center}
    .flow-loop-wrap{grid-template-columns:1fr}
    .drop-row,.tree-node-row,.repeater-row{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sima-auth-page,.card,.stat-card,.student-report-stat,.student-report-score,.content-video-card,.content-reading-card,.adaptive-question-card,.student-choice-button,.tree-visual-node,.graph-node,.sort-bar,.object-block,.edge-chip,.order-item,.flowchart-block,.code-editor,.flow-slot,.flow-symbol{animation:none!important;transition:none!important}}

/* SIMA EDU update v9: partial layout, sidebar submenu jelas, dan mode fokus test */
.sima-sidebar-submenu{margin-left:18px;padding-left:12px;border-left:1px solid rgba(255,255,255,.18)}
.sima-sidebar-submenu a{width:fit-content;max-width:100%;padding-inline:10px 12px}
.sima-sidebar-group summary.is-active{background:transparent!important;color:rgba(255,255,255,.82)!important;box-shadow:none!important}
.sima-sidebar-group summary.is-active span{text-decoration:none}
.sima-focus-shell{grid-template-columns:1fr!important}
.sima-focus-test .sima-auth-page,.sima-focus-test .sima-account-wrap{width:min(1040px,calc(100% - 32px))}
.sima-focus-test .adaptive-question-hero,.sima-focus-test .assessment-question-hero{margin-left:calc((100vw - min(1040px,calc(100vw - 32px)))/-2);margin-right:calc((100vw - min(1040px,calc(100vw - 32px)))/-2);padding-left:max(16px,calc((100vw - 1040px)/2));padding-right:max(16px,calc((100vw - 1040px)/2))}
.tree-visual-node:hover,.graph-node:hover,.tree-visual-node:focus,.graph-node:focus{transform:none!important}
.tree-visual-node.is-tapping,.graph-node.is-tapping{animation:simaTap .18s cubic-bezier(.22,1,.36,1) both}
@media(max-width:760px){
    .sima-sidebar-submenu{margin-left:9px;padding-left:9px}
    .sima-sidebar-submenu a{width:100%;max-width:100%}
    .sima-focus-test .sima-auth-page,.sima-focus-test .sima-account-wrap{width:min(100% - 20px,1040px)}
    .sima-focus-test .adaptive-question-hero,.sima-focus-test .assessment-question-hero{margin-left:calc((100vw - min(1040px,calc(100vw - 20px)))/-2);margin-right:calc((100vw - min(1040px,calc(100vw - 20px)))/-2);padding-left:10px!important;padding-right:10px!important}
}

/* SIMA EDU update v10: hotspot presisi, node stabil, active siswa tunggal, lebar soal konsisten */
.tree-visual-node,.graph-node{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease!important;transform:translate(-50%,-50%)!important}
.tree-visual-node:hover,.tree-visual-node:focus,.tree-visual-node:focus-visible,.tree-visual-node:active,.graph-node:hover,.graph-node:focus,.graph-node:focus-visible,.graph-node:active{transform:translate(-50%,-50%)!important}
.tree-visual-node.is-tapping,.graph-node.is-tapping{animation:simaNodeTap .22s ease both!important;transform:translate(-50%,-50%)!important}
.tree-visual-node.selected,.graph-node.selected{transform:translate(-50%,-50%)!important}
.hotspot-pick{transform:translate(-50%,-50%)!important}
.hotspot-builder-point.active{transform:translate(-50%,-50%)!important}
.hotspot-builder-point.is-tapping,.hotspot-answer-point.is-tapping{animation:simaHotspotTap .2s ease both!important;transform:translate(-50%,-50%)!important}
.sima-sidebar-group summary{background:transparent!important;box-shadow:none!important}
.sima-sidebar-group summary span{text-decoration:none!important}
.sima-sidebar-submenu a.is-active{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:none!important}
.sima-sidebar-submenu a.is-active span{text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:4px}
.sima-sidebar-submenu a.is-active i{color:#ffb6d2}
.assessment-question-card,.adaptive-question-card-single{width:100%;max-width:960px!important;margin-left:auto!important;margin-right:auto!important}
.assessment-choice-grid,.student-choice-grid{grid-template-columns:1fr!important}
.assessment-choice-button,.student-choice-button{width:100%;min-height:72px}
.content-question-box{width:100%}
@keyframes simaNodeTap{0%{box-shadow:0 0 0 0 rgba(25,75,187,0)}45%{box-shadow:0 0 0 7px rgba(25,75,187,.18),0 12px 24px rgba(25,75,187,.12)}100%{box-shadow:0 0 0 0 rgba(25,75,187,0)}}
@keyframes simaHotspotTap{0%{box-shadow:0 0 0 3px rgba(25,75,187,.18),0 8px 16px rgba(15,23,42,.16)}50%{box-shadow:0 0 0 8px rgba(25,75,187,.22),0 10px 20px rgba(15,23,42,.18)}100%{box-shadow:0 0 0 5px rgba(25,75,187,.2),0 10px 20px rgba(15,23,42,.18)}}

/* SIMA EDU update v11: hotspot ketat, hint bawah, dashboard indikator bertingkat */
.hotspot-question img{pointer-events:none}
.hotspot-answer-point{pointer-events:none!important}
/* SIMA EDU update v12: koordinat hotspot mengikuti bidang gambar sebenarnya */
.hotspot-image-wrap{display:inline-block!important;width:auto!important;max-width:100%;overflow:hidden;border-radius:inherit;vertical-align:middle}
.hotspot-image-wrap img{display:block;width:auto!important;max-width:100%;height:auto;max-height:460px;object-fit:contain}
@media(max-width:760px){.hotspot-image-wrap img{max-height:320px}}
.adaptive-hint-bottom{margin-top:18px;margin-bottom:0}
.assessment-answer-form .adaptive-hint-bottom,.adaptive-answer-form .adaptive-hint-bottom{width:100%}
.student-analysis-row.is-sub-indicator{margin-left:28px;padding-left:18px;border-left:3px solid rgba(25,75,187,.18)}
.student-analysis-row.is-sub-indicator>div:first-child span{width:10px;height:10px;opacity:.72}
.student-sub-indicator-label{display:block;margin:4px 0 8px 28px;color:#64748b;font-size:12px;line-height:1.4}
.student-analysis-row.is-main-indicator strong{font-weight:650}
.sima-interaction,.sima-interaction [data-interaction-stage],.content-question-box,.assessment-answer-form,.adaptive-answer-form{width:100%}
.assessment-question-card,.adaptive-question-card-single{box-sizing:border-box}
.assessment-choice-grid,.student-choice-grid{width:100%}
/* SIMA EDU update v13: highlight node terpilih dan label topik hitam */
.tree-visual-node.selected{border-color:#111827!important;background:#111827!important;color:#fff!important;box-shadow:0 0 0 5px rgba(17,24,39,.16),0 14px 28px rgba(17,24,39,.22)!important}
.tree-visual-node.selected::after{content:"✓";position:absolute;right:-8px;top:-8px;display:grid;place-items:center;width:24px;height:24px;border:2px solid #fff;border-radius:999px;background:#16a34a;color:#fff;font-size:13px;font-weight:800;line-height:1}
.tree-visual-node.selected small{color:#e5e7eb!important}
.question-topic-pill{margin-bottom:7px;background:#111827!important;color:#fff!important;border:1px solid #111827!important}
.assessment-title-wrap .question-topic-pill{display:inline-flex;margin-bottom:6px}
.sima-sidebar-direct.is-active,.sima-sidebar-submenu a.is-active{background:transparent!important;box-shadow:none!important;transform:none!important;color:#ffd1e2!important}
.sima-sidebar-direct.is-active span,.sima-sidebar-submenu a.is-active span{text-decoration:none!important;color:#ffd1e2!important}
.sima-sidebar-direct.is-active i,.sima-sidebar-submenu a.is-active i{color:#ffb6d2!important}
@media(max-width:720px){.student-analysis-row.is-sub-indicator{margin-left:12px;padding-left:14px}.student-sub-indicator-label{margin-left:18px}.assessment-choice-button,.student-choice-button{min-height:64px}}

.assessment-time-card [data-assessment-countdown]{font-variant-numeric:tabular-nums}
.assessment-time-card [data-assessment-countdown].is-low{color:#c2415d}
.assessment-time-alert{margin-bottom:16px;padding:14px 16px;border-radius:14px;border:1px solid #fbbf24;background:#fffbeb;color:#92400e;font-weight:800}
.assessment-choice-button.selected,.student-choice-button.selected{border-color:var(--primary)!important;background:linear-gradient(135deg,#eef2ff,#fff)!important;box-shadow:0 0 0 3px rgba(79,70,229,.18),0 14px 32px rgba(79,70,229,.12)!important;color:var(--primary-dark)!important}
.assessment-choice-button.selected::before,.student-choice-button.selected::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--primary);color:white;font-weight:900;margin-right:10px;flex:0 0 auto}
.practice-feedback-card{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.practice-feedback-card.is-correct{border-color:#9ae6b4;background:linear-gradient(135deg,#f0fff4,#fff)}
.practice-feedback-card.is-wrong{border-color:#fecaca;background:linear-gradient(135deg,#fff5f5,#fff)}
.practice-feedback-card span{display:inline-block;margin-bottom:6px;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--muted)}
.practice-feedback-card h2{margin-bottom:8px}
.practice-feedback-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:var(--soft);color:var(--primary);font-size:24px}
.practice-feedback-card.is-correct .practice-feedback-icon{background:#dcfce7;color:#15803d}
.practice-feedback-card.is-wrong .practice-feedback-icon{background:#fee2e2;color:#b91c1c}
.practice-explanation-box{margin:16px 0;padding:16px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid var(--line)}
.practice-explanation-box strong{display:block;margin-bottom:6px}
.practice-explanation-box p{margin:0}
.practice-feedback-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:720px){.practice-feedback-card{grid-template-columns:1fr}.assessment-choice-button.selected::before,.student-choice-button.selected::before{width:22px;height:22px;margin-right:8px}}
.indicator-flow-card{margin-bottom:18px}
.indicator-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:900}
.indicator-flow span,.indicator-flow strong{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#eef2ff;color:#3730a3}
.indicator-flow i{color:#94a3b8}
.reinforcement-page{display:grid;gap:20px}
.reinforcement-hero{margin-bottom:0}
.reinforcement-card{display:grid;gap:18px;max-width:920px;margin:0 auto;width:100%}
.reinforcement-media{box-shadow:none}
.reinforcement-image{margin:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:#f8fbff}
.reinforcement-image img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:white}
.reinforcement-text p{margin-bottom:0}

/* SIMA EDU update v14: pilihan jawaban hosting dan halaman fokus materi */
.assessment-choice-button[aria-pressed=true],.student-choice-button[aria-pressed=true]{border-color:var(--primary)!important;background:linear-gradient(135deg,#eef2ff,#fff)!important;box-shadow:0 0 0 3px rgba(25,75,187,.18),0 14px 32px rgba(25,75,187,.12)!important;color:var(--primary-dark)!important}
.assessment-choice-button[aria-pressed=true]::before,.student-choice-button[aria-pressed=true]::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--primary);color:#fff;font-weight:900;margin-right:10px;flex:0 0 auto}
.sima-focus-shell{grid-template-columns:1fr!important}
.sima-focus-test .sima-auth-page{width:min(100% - 32px,1120px)}

/* SIMA EDU update v15: perkembangan kelas/siswa dan modal post-test */
.score-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.score-summary-grid>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fbff}
.score-summary-grid span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}
.score-summary-grid strong{font-size:28px;color:#111827}
.student-score-card{margin-top:20px}
.sima-confirm-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px}
.sima-confirm-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.54);backdrop-filter:blur(4px)}
.sima-confirm-card{position:relative;z-index:1;width:min(100%,460px);padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 26px 70px rgba(15,23,42,.22)}
.sima-confirm-card h2{margin-bottom:10px}
.sima-confirm-card p{color:var(--muted)}
.sima-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
@media(max-width:720px){.score-summary-grid{grid-template-columns:1fr}.sima-confirm-actions{display:grid;grid-template-columns:1fr}.sima-confirm-card{padding:22px}}

/* SIMA EDU update v16: menu guru, ULID URL, dan sidebar mobile off-canvas */
.sima-mobile-menu-button,.sima-mobile-sidebar-close,.sima-sidebar-backdrop{display:none}
@media(max-width:980px){
    .sima-mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid #dbe4f0;border-radius:13px;background:#fff;color:#194bbb;font:inherit;font-weight:600;box-shadow:0 8px 20px rgba(15,23,42,.06)}
    .sima-mobile-menu-button i{font-size:16px}
    .sima-account-wrap{justify-content:space-between!important;gap:12px}
    .sima-mobile-sidebar-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:17px}
    .sima-app-shell,.sima-app-shell.sidebar-collapsed{display:block!important;grid-template-columns:1fr!important}
    .sima-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,318px)!important;height:100vh!important;max-height:100vh!important;z-index:70!important;padding:16px 14px!important;border:0!important;border-right:1px solid rgba(255,255,255,.12)!important;box-shadow:20px 0 48px rgba(15,23,42,.22)!important;transform:translateX(-104%)!important;transition:transform .26s cubic-bezier(.22,1,.36,1)!important;overflow-y:auto!important}
    .sima-app-shell.mobile-sidebar-open .sima-sidebar{transform:translateX(0)!important}
    .sima-sidebar-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-dark) 100%);padding-bottom:12px!important}
    .sima-sidebar-brand{justify-content:flex-start!important;width:auto!important}
    .sima-sidebar-brand .brand-logo,.sidebar-collapsed .sima-sidebar-brand .brand-logo{width:82px!important}
    .sima-sidebar-nav{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:visible!important;padding:4px 0 18px!important}
    .sima-sidebar-direct,.sima-sidebar-group,.sima-sidebar-group summary,.sima-sidebar-nav .sima-sidebar-direct{width:100%!important;max-width:100%!important}
    .sima-sidebar-direct,.sima-sidebar-group summary,.sima-sidebar-nav .sima-sidebar-direct{display:grid!important;grid-template-columns:22px minmax(0,1fr) 16px!important;min-height:44px!important;padding:10px 12px!important;font-size:13px!important}
    .sima-sidebar-direct{grid-template-columns:22px minmax(0,1fr)!important}
    .sima-sidebar-submenu,.sima-app-shell:not(.sidebar-collapsed) .sima-sidebar-submenu,.sidebar-collapsed .sima-sidebar-submenu{position:static!important;display:grid!important;width:100%!important;min-width:0!important;max-height:none!important;margin:6px 0 0 12px!important;padding:0 0 0 10px!important;border-left:1px solid rgba(255,255,255,.18)!important;opacity:1!important;transform:none!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
    .sima-sidebar-submenu a,.sidebar-collapsed .sima-sidebar-submenu a{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;width:100%!important;min-height:38px!important;padding:8px 10px!important;color:rgba(255,255,255,.82)!important;font-size:12px!important}
    .sima-sidebar-footer{display:none!important}
    .sidebar-collapsed .sima-sidebar-direct span,.sidebar-collapsed .sima-sidebar-group summary span,.sidebar-collapsed .sima-submenu-arrow,.sidebar-collapsed .sima-sidebar-submenu,.sidebar-collapsed .sima-sidebar-submenu a span{display:inline!important}
    .sima-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:60;border:0;background:rgba(15,23,42,.46);opacity:0;pointer-events:none;transition:opacity .24s ease}
    .sima-app-shell.mobile-sidebar-open .sima-sidebar-backdrop{opacity:1;pointer-events:auto}
    .sima-mobile-menu-open{overflow:hidden}
    .sima-main-panel{min-width:0}
    .sima-account-topbar{z-index:55}
    .sima-auth-page,.sima-account-wrap{width:min(100% - 20px,1180px)!important}
}

/* SIMA EDU update v17: dashboard siswa baru dan fallback browser lama */
.student-home-dashboard{display:block;color:#172033}
.student-home-dashboard a{text-decoration:none}
.student-home-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:36px;padding:52px 40px;border-radius:26px;background:linear-gradient(105deg,#eef0ff 0%,#fff 52%,#ffe7ed 100%);box-shadow:0 16px 40px rgba(31,41,55,.05)}
.student-home-hero-copy{max-width:700px}
.student-home-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:9px 14px;border-radius:999px;background:#fff;color:#0b3a9f;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.student-home-badge i{color:#e11d48;font-size:8px}
.student-home-hero h1{margin:0 0 12px;color:#0b3a9f;font-size:34px;line-height:1.16;font-weight:800}
.student-home-hero p{max-width:620px;margin:0;color:#4b5563;font-size:17px;line-height:1.72}
.student-home-actions,.student-home-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.student-home-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border-radius:999px;font-weight:800;font-size:14px;line-height:1.2}
.student-home-button.primary{background:#0b3a9f;color:#fff;box-shadow:0 10px 22px rgba(11,58,159,.18)}
.student-home-button.secondary{background:#f3f5f8;color:#172033;border:1px solid #ecf0f5}
.student-home-visual{flex:0 0 270px;display:flex;justify-content:center}
.student-home-visual-card{position:relative;width:250px;height:250px;border-radius:0;background:linear-gradient(145deg,#ffe8dc,#ccf4ff);box-shadow:0 24px 40px rgba(15,23,42,.1);overflow:hidden}
.student-home-avatar-head{position:absolute;left:94px;top:42px;width:62px;height:62px;border-radius:50%;background:#ffd7bd;box-shadow:0 -12px 0 #1f2937 inset}
.student-home-avatar-body{position:absolute;left:74px;top:104px;width:102px;height:118px;border-radius:32px 32px 18px 18px;background:linear-gradient(180deg,#d92357,#a81540)}
.student-home-avatar-book{position:absolute;right:42px;bottom:46px;width:52px;height:70px;border-radius:10px;background:#fff;border:5px solid #194bbb;transform:rotate(-7deg)}
.student-home-avatar-tablet{position:absolute;left:38px;top:116px;width:44px;height:58px;border-radius:8px;background:#334155;transform:rotate(12deg)}
.student-home-section{margin-top:34px}
.student-home-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}
.student-home-section-head span{display:inline-flex;align-items:center;gap:8px;margin-bottom:5px;color:#0b3a9f;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.student-home-section-head h2,.student-home-chart-head h2,.student-home-activity-head h2{margin:0;color:#172033;font-size:25px;line-height:1.2;font-weight:800}
.student-home-section-head p,.student-home-chart-head p{margin:5px 0 0;color:#64748b}
.student-home-section-head>b{white-space:nowrap;padding:8px 14px;border-radius:999px;background:#fff;color:#172033;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.student-home-section-head>b:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:999px;background:#0b3a9f}
.student-home-material-grid,.student-home-stats,.student-home-bottom-grid{display:flex;flex-wrap:wrap;gap:22px}
.student-home-material-card{flex:1 1 280px;min-width:260px;padding:24px;border:1px solid #ecf0f5;background:#fff;box-shadow:0 12px 28px rgba(31,41,55,.05)}
.student-home-material-top,.student-home-progress-meta,.student-home-chart-head,.student-home-activity-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.student-home-topic-chip{display:inline-flex;align-items:center;gap:7px;max-width:75%;padding:7px 12px;border-radius:999px;background:#eef3ff;color:#0b3a9f;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.student-home-material-card.is-pink .student-home-topic-chip{background:#ffe8ef;color:#d91554}
.student-home-material-top>b{padding:5px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px}
.student-home-material-card h3{margin:20px 0 8px;color:#20242d;font-size:21px;font-weight:800}
.student-home-material-card p{min-height:70px;margin:0 0 24px;color:#4b5563;line-height:1.62}
.student-home-progress-meta{margin-bottom:9px;font-size:12px;font-weight:800}
.student-home-progress-meta strong{color:#0b3a9f}
.student-home-material-card.is-pink .student-home-progress-meta strong{color:#d91554}
.student-home-progress-track{height:8px;border-radius:999px;background:#edf1f5;overflow:hidden}
.student-home-progress-track i{display:block;height:100%;border-radius:999px;background:#0b3a9f}
.student-home-material-card.is-pink .student-home-progress-track i{background:#d91554}
.student-home-card-actions .student-home-button{flex:1 1 120px}
.student-home-stats article{position:relative;flex:1 1 230px;min-height:136px;padding:26px 20px;border:1px solid #ecf0f5;background:#fff;box-shadow:0 12px 28px rgba(31,41,55,.05)}
.student-home-stats span{display:block;margin-bottom:26px;color:#334155;font-size:13px;font-weight:650}
.student-home-stats strong{display:block;color:#172033;font-size:27px;line-height:1.05;font-weight:850}
.student-home-stats strong em{font-size:15px;font-style:normal;color:#64748b;font-weight:500}
.student-home-stats small{margin-top:6px;color:#0b3a9f;font-weight:650}
.student-home-stats article.pink strong,.student-home-stats article.pink small{color:#e11d48}
.student-home-stats article>i{position:absolute;right:22px;top:22px;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#eef3ff;color:#0b3a9f}
.student-home-stats article.pink>i{background:#ffe0ea;color:#d91554}
.student-home-bottom-grid{align-items:stretch;margin-top:30px}
.student-home-chart-card,.student-home-activity-card{border:1px solid #ecf0f5;background:#fff;box-shadow:0 12px 28px rgba(31,41,55,.05)}
.student-home-chart-card{flex:1 1 560px;padding:30px 24px}
.student-home-activity-card{flex:1 1 360px;padding:30px 24px}
.student-home-legend{display:flex;gap:14px;align-items:center;font-size:13px;font-weight:700;color:#334155}
.student-home-legend span{display:inline-flex;align-items:center;gap:7px}
.student-home-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;background:#dfe4ea}
.student-home-legend .post i{background:#0b3a9f}
.student-home-bars{display:flex;align-items:flex-end;gap:34px;min-height:250px;margin:30px 0 20px;padding:24px 18px 0;border-bottom:1px solid #dfe5ee;background:repeating-linear-gradient(to top,#fff 0,#fff 49px,#edf1f6 50px)}
.student-home-bar-group{flex:1;min-width:90px;text-align:center}
.student-home-bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:190px}
.student-home-bar-pair span{position:relative;display:block;width:36px;min-height:8px;border-radius:9px 9px 4px 4px;background:#dfe4ea}
.student-home-bar-pair span.post{background:#0b3a9f}
.student-home-bar-pair b{position:absolute;left:50%;top:-24px;transform:translateX(-50%);font-size:12px;color:#0b3a9f}
.student-home-bar-pair .pre b{color:#64748b}
.student-home-bar-group>strong{display:block;margin-top:10px;color:#172033;font-size:13px}
.student-home-chart-note{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border-radius:12px;background:#f3f5f8;color:#0b3a9f;font-weight:800}
.student-home-activity-head{margin-bottom:18px}
.student-home-activity-head a{color:#334155;font-size:13px;font-weight:700}
.student-home-activity-row{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding:16px;border-radius:14px;background:#f5f7fb}
.student-home-activity-row>span{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:999px;background:#eef3ff;color:#0b3a9f}
.student-home-activity-row.is-good>span{background:#e8fff6;color:#0f9d74}
.student-home-activity-row div{min-width:0;flex:1}
.student-home-activity-row strong{display:block;color:#172033;font-weight:800}
.student-home-activity-row small{color:#64748b}
.student-home-activity-row>b{padding:6px 10px;border-radius:999px;background:#fff;color:#0b3a9f;font-size:12px}
.student-home-recommendation{margin-top:24px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#eef0ff,#f3f5ff)}
.student-home-recommendation span{display:inline-flex;align-items:center;gap:8px;color:#0b3a9f;font-weight:900}
.student-home-recommendation p{margin:12px 0 18px;color:#475569;line-height:1.6}
.student-home-recommendation .student-home-button{width:100%}
.student-home-empty{padding:26px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;color:#64748b}
.student-home-empty h3{margin:0 0 6px;color:#172033}
.student-home-empty p{margin:0}
.student-home-empty.compact{padding:20px}
@supports (display:grid){
    .student-home-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
    .student-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
    .student-home-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr)}
}
@media(max-width:1120px){
    @supports (display:grid){
        .student-home-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
        .student-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
        .student-home-bottom-grid{grid-template-columns:1fr}
    }
}

/* SIMA EDU update v18: fallback dasar untuk Chrome/Firefox lama */
body{background:#f4f7fb;color:#172033}
.container,.sima-auth-page,.sima-account-wrap{width:calc(100% - 32px);max-width:1180px;margin-left:auto;margin-right:auto}
.sima-focus-test .sima-auth-page,.sima-focus-test .sima-account-wrap{max-width:1120px}
.button-primary{background:#194bbb;color:#fff}
.button-primary:hover{background:#0b3a9f;color:#fff}
.button-secondary{background:#fff;color:#172033;border-color:#e4eaf3}
.card,.stat-card,.student-report-stat,.student-report-score,.content-video-card,.content-reading-card,.adaptive-question-card,.assessment-question-card{background:#fff;border-color:#e4eaf3;box-shadow:0 14px 32px rgba(15,23,42,.07)}
.sima-app-shell{display:flex;min-height:100vh}
.sima-sidebar{flex:0 0 270px}
.sima-main-panel{flex:1 1 auto;min-width:0}
.sima-sidebar-direct,.sima-sidebar-group summary{color:rgba(255,255,255,.82)}
.sima-sidebar-direct:hover,.sima-sidebar-group summary:hover{background:rgba(255,255,255,.12);color:#fff}
.sima-sidebar-direct.is-active,.sima-sidebar-group summary.is-active{background:#fff;color:#0f3594}
.sima-sidebar-submenu a{color:rgba(255,255,255,.78)}
.sima-sidebar-submenu a:hover{background:rgba(255,255,255,.12);color:#fff}
.sima-sidebar-submenu a.is-active{background:#fff;color:#0f3594}
@supports (display:grid){
    .sima-app-shell{display:grid}
}
@media(max-width:980px){
    .container,.sima-auth-page,.sima-account-wrap{width:calc(100% - 20px)}
    .sima-app-shell,.sima-app-shell.sidebar-collapsed{display:block}
}

/* SIMA EDU update v19: analisis materi, tooltip, sweetalert fallback, dan perapian UI */
.sima-flash-alert[hidden]{display:none!important}
.field-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:8px;border-radius:999px;background:#eef3ff;color:#194bbb;font-size:12px;font-weight:900;vertical-align:middle;cursor:help}
.check .field-help{margin-left:6px}
.check input[type=checkbox],.inline-check input[type=checkbox]{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;vertical-align:middle!important;transform:none!important}
.check input[type=checkbox]::after,.inline-check input[type=checkbox]::after{display:block;margin-top:-1px;transform:rotate(45deg) scale(.9)!important}
.check input[type=checkbox]:checked::after,.inline-check input[type=checkbox]:checked::after{transform:rotate(45deg) scale(1)!important}
.student-analysis-material-switcher{display:grid;gap:16px;margin:18px 0 22px;padding:20px;border:1px solid #e4eaf3;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.student-analysis-material-switcher h2{margin:0 0 6px;font-size:22px}
.student-analysis-material-switcher p{margin:0;color:#64748b}
.student-analysis-material-tabs{display:flex;flex-wrap:wrap;gap:10px}
.student-analysis-material-tabs a,.student-analysis-material-tabs span{display:inline-flex;flex-direction:column;gap:2px;min-width:150px;padding:11px 13px;border:1px solid #e4eaf3;border-radius:14px;background:#f8fbff;color:#172033;font-weight:800;text-decoration:none}
.student-analysis-material-tabs a.is-active{border-color:#194bbb;background:#eef3ff;color:#194bbb;box-shadow:0 8px 18px rgba(25,75,187,.1)}
.student-analysis-material-tabs span{opacity:.62}
.student-analysis-material-tabs small{font-size:12px;color:#64748b;font-weight:600}
.student-material-progress-block{margin-top:18px;padding:18px;border:1px solid #e4eaf3;border-radius:16px;background:#f8fbff}
.student-material-progress-block+.student-material-progress-block{margin-top:22px}
.student-material-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e4eaf3}
.student-material-progress-head span{display:block;margin-bottom:4px;color:#194bbb;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.student-material-progress-head h3{margin:0;font-size:20px}
.student-material-progress-head strong{color:#172033;text-align:right}
.simulation-only-note{display:grid;gap:4px;margin-bottom:14px;padding:13px 15px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e3a8a}
.simulation-only-note strong{font-weight:900}
.simulation-only-note span{font-size:13px;color:#475569}
@media(max-width:980px){
    .sima-sidebar-head{justify-content:center!important}
    .sima-sidebar-brand{justify-content:center!important;width:100%!important}
    .sima-sidebar-brand .brand-logo,.sidebar-collapsed .sima-sidebar-brand .brand-logo{margin-left:auto!important;margin-right:auto!important}
    .sima-mobile-sidebar-close{position:absolute;right:14px;top:14px}
}
@media(max-width:720px){
    .student-material-progress-head{align-items:flex-start;flex-direction:column}
    .student-material-progress-head strong{text-align:left}
    .student-analysis-material-tabs a,.student-analysis-material-tabs span{width:100%}
}
@media(max-width:760px){
    .student-home-hero{display:block;padding:28px 20px;border-radius:18px}
    .student-home-hero h1{font-size:27px}
    .student-home-hero p{font-size:15px}
    .student-home-actions,.student-home-card-actions{display:block}
    .student-home-actions .student-home-button,.student-home-card-actions .student-home-button{width:100%;margin-top:10px}
    .student-home-visual{display:none}
    .student-home-section-head,.student-home-material-top,.student-home-progress-meta,.student-home-chart-head,.student-home-activity-head{align-items:flex-start;flex-direction:column}
    .student-home-section-head>b{white-space:normal}
    .student-home-material-card,.student-home-stats article,.student-home-chart-card,.student-home-activity-card{min-width:0;width:100%;padding:20px;border-radius:14px}
    .student-home-material-card p{min-height:0}
    .student-home-bars{gap:18px;overflow-x:auto}
    .student-home-bar-group{min-width:94px}
    .student-home-legend{flex-wrap:wrap}
    @supports (display:grid){
        .student-home-material-grid,.student-home-stats,.student-home-bottom-grid{grid-template-columns:1fr}
    }
}

/* SIMA EDU update v20: form bank soal ringkas, profil dashboard, dan checkbox stabil */
.sima-advanced-panel{padding:16px;border:1px dashed #cfd8e6;border-radius:14px;background:#f8fbff}
.sima-advanced-panel summary{cursor:pointer;color:#194bbb;font-weight:900}
.sima-advanced-panel .form-grid{margin-top:16px}
.sima-auto-rule-note{display:flex;gap:8px;align-items:flex-start;padding:13px 15px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e3a8a}
.sima-auto-rule-note strong{white-space:nowrap}
.student-home-profile-card{display:grid;justify-items:center;gap:9px;min-width:250px;padding:24px 22px;border-radius:24px;background:#fff;box-shadow:0 22px 48px rgba(15,23,42,.15);border:1px solid rgba(255,255,255,.7)}
.student-home-profile-card img,.student-home-profile-card>span{width:106px;height:106px;border-radius:28px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#eef3ff,#dbeafe);color:#194bbb;font-size:34px;font-weight:950}
.student-home-profile-card strong{margin-top:4px;color:#172033;text-align:center;font-size:18px}
.student-home-profile-card small{text-align:center;color:#64748b}
.student-home-profile-card b{display:inline-flex;margin-top:6px;padding:7px 11px;border-radius:999px;background:#eef3ff;color:#194bbb;font-size:12px}
.check{position:relative}
.check input[type=checkbox],.inline-check input[type=checkbox]{position:relative!important;display:inline-block!important;flex:0 0 23px!important;line-height:0!important}
.check input[type=checkbox]::after,.inline-check input[type=checkbox]::after{position:absolute!important;left:7px!important;top:3px!important;margin:0!important;width:6px!important;height:11px!important}
@media(max-width:760px){.student-home-profile-card{min-width:0;width:100%;margin-top:18px}}

/* SIMA EDU update v22: konfirmasi form dan media gambar soal */
.question-media-figure{margin:16px 0;padding:12px;border:1px solid #e4eaf3;border-radius:16px;background:#f8fbff}
.question-media-figure img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:#fff}
.question-media-figure figcaption{margin-top:8px;color:#64748b;font-size:13px;text-align:center}
.current-media-preview{display:grid;gap:9px;padding:14px;border:1px solid #e4eaf3;border-radius:14px;background:#f8fbff}
.current-media-preview img,.current-media-preview video,.current-media-preview iframe{display:block;max-width:280px;max-height:180px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #e4eaf3}
.current-media-preview iframe{width:280px;height:158px}
.question-media-layout{display:grid;gap:14px;margin:18px 0}
.question-media-layout h1,.question-media-layout h2,.question-media-layout h3{margin-bottom:0}
.question-media-layout.is-left,.question-media-layout.is-right{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center}
.question-media-layout.is-right{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}
.question-media-layout.is-right .question-media-figure{order:2}
.question-media-layout.is-right .question-copy{order:1}
.question-media-layout.is-middle .question-media-figure{max-width:620px;margin-left:auto;margin-right:auto}
.question-media-layout.is-bottom .question-media-figure{margin-top:4px}
.question-media-figure video,.question-media-figure iframe{display:block;width:100%;max-height:430px;border-radius:12px;background:#0f172a}
.question-media-figure iframe{min-height:320px;border:0}
.reading-layout{display:grid;gap:18px;align-items:center}
.reading-layout.is-left{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}
.reading-layout.is-right{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}
.reading-layout.is-right .reading-media{order:2}
.reading-layout.is-right .reading-content{order:1}
.reading-media.is-middle{max-width:620px;margin-left:auto;margin-right:auto}
.sima-alert-list{margin:10px 0 0;padding-left:20px;text-align:left}
.sima-form-wizard-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:18px}
.sima-form-wizard-steps button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:8px 9px;border:1px solid #e4eaf3;border-radius:14px;background:#f8fbff;color:#64748b;font-weight:850;cursor:pointer}
.sima-form-wizard-steps button span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#e4eaf3;color:#475569;font-size:12px}
.sima-form-wizard-steps button.is-active{border-color:#194bbb;background:#eef3ff;color:#194bbb;box-shadow:0 8px 18px rgba(25,75,187,.1)}
.sima-form-wizard-steps button.is-active span{background:#194bbb;color:#fff}
.sima-form-wizard-steps button.is-complete{border-color:#bbf7d0;background:#f0fdf4;color:#047857}
.sima-form-wizard-steps button.is-complete span{background:#22c55e;color:#fff}
.sima-wizard-actions{justify-content:space-between}
.sima-wizard-actions .button:first-child{margin-right:auto}

/* SIMA EDU update v21: label aktivitas, riwayat/progres per materi, dan warna progres guru */
.adaptive-activity-badge{display:grid;gap:2px;min-width:150px;padding:10px 13px;border-radius:14px;text-align:right;border:1px solid #c7d2fe;background:#eef3ff;color:#194bbb}
.adaptive-activity-badge strong{font-size:13px;font-weight:950;text-transform:uppercase}
.adaptive-activity-badge small{font-size:12px;color:#475569}
.adaptive-activity-badge.is-answer{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
.adaptive-activity-note{margin:10px 0 14px;padding:12px 14px;border-radius:14px;background:#f8fbff;border:1px solid #e4eaf3;color:#475569}
.student-history-material,.student-progress-material{margin-top:18px;padding:18px;border:1px solid #e4eaf3;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.student-history-material.is-good,.student-progress-material.is-good{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff)}
.student-history-material.is-mid,.student-progress-material.is-mid{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb,#fff)}
.student-history-material.is-low,.student-progress-material.is-low{border-color:#fecaca;background:linear-gradient(180deg,#fef2f2,#fff)}
.student-history-material.is-empty,.student-progress-material.is-empty{border-color:#e4eaf3;background:#f8fbff}
.student-history-head,.student-progress-material-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.student-history-head span,.student-progress-material-head span{display:block;margin-bottom:4px;color:#194bbb;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.student-history-head h2,.student-progress-material-head h2{margin:0;color:#172033;font-size:21px}
.student-progress-material-head p{margin:6px 0 0;color:#64748b}
.student-history-head strong,.student-progress-material-head>strong{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:9px 12px;border-radius:999px;background:#eef3ff;color:#194bbb;font-size:13px}
.student-history-list,.student-progress-indicators{display:grid;gap:10px}
.student-history-row,.student-progress-indicator{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid #e4eaf3;border-radius:14px;background:#fff}
.student-progress-indicator{grid-template-columns:minmax(0,1fr) auto}
.student-history-row.is-good,.student-progress-indicator.is-good{border-color:#bbf7d0;background:#f0fdf4}
.student-history-row.is-mid,.student-progress-indicator.is-mid{border-color:#fde68a;background:#fffbeb}
.student-history-row.is-low,.student-progress-indicator.is-low{border-color:#fecaca;background:#fef2f2}
.student-history-row.is-empty,.student-progress-indicator.is-empty{background:#f8fbff}
.student-history-row strong,.student-progress-indicator strong{display:block;color:#172033}
.student-history-row small,.student-progress-indicator small{display:block;margin-top:3px;color:#64748b}
.student-history-row>b,.student-progress-indicator>b{font-size:20px;color:#172033}
.student-history-type{display:inline-flex;margin-bottom:5px;padding:4px 9px;border-radius:999px;background:#eef3ff;color:#194bbb;font-size:11px;font-weight:950;text-transform:uppercase}
.student-history-type.is-posttest{background:#ecfdf5;color:#047857}
.student-progress-overview{display:grid;gap:18px}
.student-progress-track-large{height:11px;margin:10px 0 12px;border-radius:999px;background:#e4eaf3;overflow:hidden}
.student-progress-track-large i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#194bbb,#38bdf8)}
.student-progress-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;color:#64748b;font-size:13px}
.student-progress-indicator-track{height:9px;margin-top:10px;border-radius:999px;background:#e4eaf3;overflow:hidden}
.student-progress-indicator-track i{display:block;height:100%;border-radius:inherit;background:#194bbb}
.student-progress-indicator.is-good .student-progress-indicator-track i{background:#0aa879}
.student-progress-indicator.is-mid .student-progress-indicator-track i{background:#f59e0b}
.student-progress-indicator.is-low .student-progress-indicator-track i{background:#c90848}
.student-progress-indicator.is-empty .student-progress-indicator-track i{background:#cbd5e1}
.sima-score-row.is-good{background:#f0fdf4}
.sima-score-row.is-mid{background:#fffbeb}
.sima-score-row.is-low{background:#fef2f2}
.sima-score-row td:first-child{border-left:5px solid #ef4444}
.sima-score-row.is-mid td:first-child{border-left-color:#f59e0b}
.sima-score-row.is-good td:first-child{border-left-color:#22c55e}
.student-material-progress-block.is-good{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff)}
.student-material-progress-block.is-mid{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb,#fff)}
.student-material-progress-block.is-low{border-color:#fecaca;background:linear-gradient(180deg,#fef2f2,#fff)}
.student-material-progress-block.is-empty{border-color:#e4eaf3;background:#f8fbff}
.student-material-progress-block summary{cursor:pointer;list-style:none}
.student-material-progress-block summary::-webkit-details-marker{display:none}
.student-material-progress-head small{display:block;margin-top:4px;color:#64748b}
.student-material-progress-track{height:10px;margin:4px 0 14px;border-radius:999px;background:#e4eaf3;overflow:hidden}
.student-material-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#194bbb,#38bdf8)}
.student-indicator-detail-row.is-good td:first-child{border-left:4px solid #22c55e}
.student-indicator-detail-row.is-mid td:first-child{border-left:4px solid #f59e0b}
.student-indicator-detail-row.is-low td:first-child{border-left:4px solid #ef4444}
.student-indicator-detail-row.is-empty td:first-child{border-left:4px solid #cbd5e1}
@media(max-width:760px){
    .sima-form-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sima-form-wizard-steps button{justify-content:flex-start}
    .sima-wizard-actions{display:grid;grid-template-columns:1fr;gap:10px}
    .sima-wizard-actions .button{width:100%}
    .adaptive-activity-badge{margin-top:10px;text-align:left;width:100%}
    .question-media-layout.is-left,.question-media-layout.is-right,.reading-layout.is-left,.reading-layout.is-right{grid-template-columns:1fr}
    .question-media-layout.is-right .question-media-figure,.reading-layout.is-right .reading-media{order:initial}
    .question-media-layout.is-right .question-copy,.reading-layout.is-right .reading-content{order:initial}
    .student-history-head,.student-progress-material-head,.student-progress-meta{flex-direction:column}
    .student-history-row{grid-template-columns:1fr}
    .student-history-row .button{width:100%}
}

/* SIMA EDU update v27: progres lebih padat dan detail siswa lebih jelas */
.student-progress-material{padding:14px;border-radius:14px;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.student-progress-material-head{margin-bottom:10px}
.student-progress-material-head h2{font-size:18px}
.student-progress-material-head p{font-size:13px;line-height:1.45}
.student-progress-material-head>strong{min-width:76px;padding:7px 10px}
.student-progress-stage-main{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:999px;background:#eef3ff;color:#194bbb;font-size:12px;font-weight:900}
.student-progress-stage-main.is-good{background:#ecfdf5;color:#047857}
.student-progress-stage-main.is-mid{background:#fffbeb;color:#b45309}
.student-progress-stage-main.is-empty{background:#f1f5f9;color:#64748b}
.student-progress-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.student-progress-stage-grid>div{padding:9px 10px;border:1px solid #e4eaf3;border-radius:12px;background:#fff}
.student-progress-stage-grid span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}
.student-progress-stage-grid strong{display:block;margin-top:3px;color:#172033;font-size:13px}
.student-progress-indicator{padding:10px 12px;border-radius:12px}
.student-progress-indicator strong{font-size:14px}
.student-progress-indicator>b{font-size:16px}
.student-detail-profile-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px;border-radius:16px}
.student-detail-profile-main{display:flex;align-items:center;gap:14px;min-width:0}
.student-detail-profile-main h1{margin:2px 0 4px;font-size:24px}
.student-detail-profile-main p{margin:0;color:#64748b}
.student-detail-avatar img,.student-detail-avatar span{width:72px;height:72px;border-radius:20px;object-fit:cover;display:grid;place-items:center;background:#eef3ff;color:#194bbb;font-size:24px;font-weight:950}
.student-detail-profile-actions{flex:0 0 auto}
.student-detail-stat-grid{gap:12px;margin-bottom:16px}
.student-detail-stat-grid .card{padding:15px;border-radius:14px}
.student-detail-stat-grid .stat-card strong{font-size:24px;margin:4px 0}
.student-score-card{padding:18px;border-radius:16px}
.student-material-progress-block{margin-top:10px;padding:13px;border:1px solid #e4eaf3;border-radius:14px}
.student-material-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.student-material-progress-head h3{margin:2px 0;font-size:16px}
.student-material-progress-head strong{font-size:13px;text-align:right}
.student-material-progress-block table th,.student-material-progress-block table td{padding:10px 12px}
@media(max-width:760px){
    .student-progress-stage-grid{grid-template-columns:1fr}
    .student-detail-profile-card,.student-detail-profile-main,.student-material-progress-head{align-items:flex-start;flex-direction:column}
    .student-detail-profile-actions,.student-detail-profile-actions .button{width:100%}
    .student-material-progress-head strong{text-align:left}
}

/* SIMA EDU update v28: hasil post-test seperti analisis dan expand per materi */
.posttest-result-dashboard .student-report-actions{justify-content:flex-start}
.posttest-material-result{display:grid;gap:10px;margin-bottom:12px;padding:14px;border:1px solid #e4eaf3;border-radius:15px;background:#fff}
.posttest-material-result.is-good{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff)}
.posttest-material-result.is-mid{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb,#fff)}
.posttest-material-result.is-low{border-color:#fecaca;background:linear-gradient(180deg,#fef2f2,#fff)}
.posttest-material-result summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}
.posttest-material-result summary::-webkit-details-marker{display:none}
.posttest-material-result summary small{display:block;color:#194bbb;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.posttest-material-result summary strong{display:block;margin:2px 0;color:#172033;font-size:17px}
.posttest-material-result summary span{display:block;color:#64748b;font-size:13px}
.posttest-material-result summary b{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:8px 11px;border-radius:999px;background:#eef3ff;color:#194bbb}
.posttest-summary-progress{margin-top:0}
.posttest-indicator-list{gap:14px;margin-top:8px}
.posttest-indicator-list .student-analysis-row{padding:0 0 12px;border-bottom:1px solid #e4eaf3}
.posttest-indicator-list .student-analysis-row:last-child{border-bottom:0;padding-bottom:0}
@media(max-width:720px){
    .posttest-material-result summary{align-items:flex-start;flex-direction:column}
}

/* SIMA EDU update v29: materi aktif, alert pindah materi selektif, dan feedback normal */
.student-current-session{display:inline-grid;gap:2px;margin:16px 0 0;padding:11px 14px;border:1px solid #dbe5f3;border-radius:14px;background:#fff;color:#172033;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.student-current-session.is-inline{max-width:420px}
.student-current-session span{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.student-current-session strong{font-size:15px;font-weight:700}
.student-current-session small{font-size:12px;color:#64748b}
.student-recommendation-card p,.posttest-result-dashboard .student-recommendation-card p{font-weight:400}
.posttest-indicator-list .student-analysis-row p{font-weight:400}

/* SIMA EDU update v60: materi aktif dan kartu tahapan siswa */
.active-material-panel{display:grid;gap:22px}
.active-material-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px;border:1px solid #dbe5f3;border-radius:20px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.06)}
.active-material-summary h2{margin:14px 0 8px;color:#172033;font-size:26px}
.active-material-summary p{max-width:780px;margin:0;color:#64748b;line-height:1.65}
.learning-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.learning-stage-card{display:flex;flex-direction:column;gap:16px;min-height:290px;padding:22px;border:1px solid #dbeafe;border-radius:18px;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.06);transition:.18s ease}
.learning-stage-card.is-locked{opacity:.48;filter:grayscale(.18);background:#f8fafc;box-shadow:none}
.learning-stage-card.is-ready{border-color:#bfdbfe}
.learning-stage-card.is-done{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f0fdf4)}
.learning-stage-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#eef3ff;color:#0b3a9f;font-size:20px}
.learning-stage-card.is-done .learning-stage-icon{background:#dcfce7;color:#15803d}
.learning-stage-card.is-locked .learning-stage-icon{background:#e2e8f0;color:#64748b}
.learning-stage-card span{color:#0b3a9f;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.learning-stage-card.is-done span{color:#15803d}
.learning-stage-card.is-locked span{color:#64748b}
.learning-stage-card h3{margin:6px 0;color:#172033;font-size:20px}
.learning-stage-card p{flex:1;margin:0;color:#64748b;line-height:1.6}
.learning-stage-card .button{margin-top:auto}
@media(max-width:1100px){.learning-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.active-material-summary{flex-direction:column;padding:20px}.learning-stage-grid{grid-template-columns:1fr}.learning-stage-card{min-height:0}}

/* SIMA EDU update v30: feedback akhir luas dan template feedback materi */
.posttest-final-feedback-wide{position:relative;overflow:hidden;padding:26px 30px;border-left:5px solid #194bbb;border-radius:18px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.07)}
.posttest-final-feedback-wide::after{content:"";position:absolute;right:-54px;bottom:-76px;width:210px;height:210px;border:24px solid rgba(25,75,187,.06);border-radius:50%}
.posttest-final-feedback-wide>div{position:relative;z-index:1;max-width:980px}
.posttest-final-feedback-wide h2{margin:4px 0 10px;color:#172033;font-size:24px}
.posttest-final-feedback-wide p{margin:0;color:#334155;font-size:17px;font-weight:400;line-height:1.75}
.posttest-result-main-card{width:100%}
.material-feedback-template-panel{display:grid;gap:16px;padding:18px;border:1px solid #dbe5f3;border-radius:16px;background:#f8fbff}
.material-feedback-template-head h2{margin:4px 0 6px;color:#172033;font-size:20px}
.material-feedback-template-head p{margin:0;color:#64748b;line-height:1.55}
.material-template-token-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e3a8a}
.material-template-token-box strong{margin-right:4px}
.material-template-token-box span{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff;color:#194bbb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;font-weight:700}
@media(max-width:720px){
    .posttest-final-feedback-wide{padding:22px;border-radius:14px}
    .posttest-final-feedback-wide h2{font-size:21px}
    .posttest-final-feedback-wide p{font-size:15px}
}

/* SIMA EDU update v31: pilih materi bebas, skor post-test jelas, dan subindikator menjorok */
.posttest-score-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-radius:18px;background:linear-gradient(135deg,#0d3fa8,#2463eb);color:#fff;box-shadow:0 16px 34px rgba(13,63,168,.18)}
.posttest-score-hero span{display:block;margin-bottom:5px;color:#dbeafe;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.posttest-score-hero strong{display:block;font-size:42px;line-height:1;font-weight:800}
.posttest-score-hero small{display:block;margin-top:8px;color:#dbeafe;font-size:14px}
.posttest-score-hero p{margin:0;color:#eef6ff;font-size:16px;text-align:right}
.posttest-indicator-list .student-analysis-row.is-sub-indicator{position:relative;margin-left:28px;padding-left:18px;border-left:3px solid #cbd5e1;background:rgba(248,251,255,.68);border-radius:0 12px 12px 0}
.posttest-indicator-list .student-analysis-row.is-sub-indicator strong{font-size:15px}
.posttest-indicator-list .student-analysis-row.is-sub-indicator>div:first-child span{width:9px;height:9px}
@media(max-width:720px){
    .posttest-score-hero{align-items:flex-start;flex-direction:column;padding:22px;border-radius:14px}
    .posttest-score-hero p{text-align:left}
    .posttest-score-hero strong{font-size:36px}
    .posttest-indicator-list .student-analysis-row.is-sub-indicator{margin-left:14px;padding-left:14px}
}

/* SIMA EDU update v32: timer total, navigasi soal, stimulus, dan modul full */
.assessment-layout-v2{display:grid;gap:30px}
.assessment-hero-v2{align-items:center;border-radius:18px;background:#f4f7fb}
.assessment-shell-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:30px;align-items:start}
.assessment-card-v2{min-width:0}
.assessment-flag-toggle{display:inline-flex;align-items:center;gap:8px;color:#194bbb;font-size:14px;font-weight:800;cursor:pointer}
.assessment-flag-toggle input{width:16px;height:16px}
.assessment-stimulus-box{margin:0 0 18px;padding:16px 18px;border:1px solid #dbe5f3;border-radius:14px;background:#f8fbff;color:#334155;font-size:16px;line-height:1.65;white-space:pre-line}
.assessment-bottom-actions-v2{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px}
.assessment-navigation-card{position:sticky;top:96px;display:grid;gap:18px;padding:24px;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.09)}
.assessment-navigation-card h2{margin:0;color:#172033;font-size:18px}
.assessment-navigation-card p{margin:4px 0 0;color:#64748b;font-size:13px}
.assessment-number-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;max-height:270px;overflow:auto;padding-right:5px}
.assessment-number-grid button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:11px;background:#e5e7eb;color:#374151;font-weight:800;cursor:pointer;transition:.18s ease}
.assessment-number-grid button.answered{background:#194bbb;color:#fff}
.assessment-number-grid button.flagged{background:#f14997;color:#fff}
.assessment-number-grid button.current{outline:3px solid rgba(25,75,187,.23);transform:translateY(-1px)}
.assessment-number-grid button:hover{filter:brightness(.96);transform:translateY(-1px)}
.assessment-nav-legend{display:grid;gap:10px;color:#4b5563;font-size:14px}
.assessment-nav-legend span{display:flex;align-items:center;gap:10px}
.assessment-nav-legend i{width:16px;height:16px;border-radius:4px;background:#e5e7eb}
.assessment-nav-legend i.answered{background:#194bbb}
.assessment-nav-legend i.flagged{background:#f14997}
.assessment-finish-button{width:100%;justify-content:center;background:#f14997;border-color:#f14997}
.full-module-page{gap:22px}
.full-module-video iframe,.full-module-video video{display:block;width:100%;min-height:360px;border:0;border-radius:14px;background:#0f172a}
.full-module-content{padding:28px;color:#334155;font-size:16px;line-height:1.8;white-space:normal}
.full-module-pdf-card{display:grid;gap:18px;padding:22px;border-radius:18px}
.full-module-pdf-head h2{margin:4px 0 6px;color:#172033;font-size:22px}
.full-module-pdf-head p{margin:0;color:#64748b}
.full-module-pdf-frame{display:block;width:100%;min-height:760px;border:1px solid #dbe5f3;border-radius:14px;background:#f8fbff}
.about-us-page .about-us-hero{min-height:unset}
.about-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){
    .assessment-shell-grid{grid-template-columns:1fr}
    .assessment-navigation-card{position:static}
}
@media(max-width:720px){
    .assessment-hero-v2{align-items:flex-start;flex-direction:column}
    .assessment-time-card{width:100%}
    .assessment-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .assessment-bottom-actions-v2{align-items:stretch;flex-direction:column}
    .assessment-bottom-actions-v2 .button{width:100%;justify-content:center}
    .full-module-video iframe,.full-module-video video{min-height:220px}
    .full-module-pdf-frame{min-height:560px}
    .about-member-grid{grid-template-columns:1fr}
}

/* SIMA EDU update v34: audio pendukung per soal */
.question-audio-card{display:grid;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid #dbe5f3;border-radius:14px;background:#f8fbff}
.question-audio-head{display:flex;align-items:center;gap:12px;color:#172033}
.question-audio-head span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#eaf1ff;color:#194bbb}
.question-audio-head strong{display:block;font-size:14px}
.question-audio-head small{display:block;margin-top:2px;color:#64748b;font-size:12px}
.question-audio-card audio,.current-audio-preview audio{display:block;width:100%}
.current-audio-preview audio{max-width:520px}

/* SIMA EDU hotfix v47: assessment stabil, tidak melewati halaman fokus test */
.assessment-layout-v2{width:100%;max-width:1120px;margin-left:auto;margin-right:auto}
.assessment-shell-grid{grid-template-columns:minmax(0,1fr) minmax(220px,260px);gap:18px}
.assessment-card-v2,.assessment-question-card{width:100%!important;max-width:none!important}
.assessment-navigation-card{padding:16px;border-radius:16px;min-width:0}
.assessment-navigation-card h2{font-size:16px}
.assessment-navigation-card p{font-size:12px}
.assessment-number-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:240px}
.assessment-number-grid button{min-height:40px;border-radius:9px}
.assessment-nav-legend{gap:7px;font-size:12px}
.assessment-nav-legend span{gap:8px}
.assessment-nav-legend i{width:13px;height:13px}
.assessment-finish-button{min-height:42px}
@media(max-width:980px){
    .assessment-layout-v2{width:100%;max-width:100%}
    .assessment-shell-grid{grid-template-columns:1fr}
    .assessment-navigation-card{position:static}
    .assessment-number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:560px){
    .assessment-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* SIMA EDU hotfix v48: expand per materi/topik agar halaman tidak menumpuk */
.student-progress-material summary,.student-history-material summary,.student-material-progress-block summary,.assessment-topic-group summary{cursor:pointer;list-style:none}
.student-progress-material summary::-webkit-details-marker,.student-history-material summary::-webkit-details-marker,.student-material-progress-block summary::-webkit-details-marker,.assessment-topic-group summary::-webkit-details-marker{display:none}
.student-progress-material summary::after,.student-history-material summary::after,.student-material-progress-block summary::after,.assessment-topic-group summary::after{content:"Lihat detail";display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#eef3ff;color:#194bbb;font-size:12px;font-weight:800}
.student-progress-material[open] summary::after,.student-history-material[open] summary::after,.student-material-progress-block[open] summary::after,.assessment-topic-group[open] summary::after{content:"Tutup detail"}
.assessment-topic-group{display:grid;gap:10px;margin:10px 0;padding:12px;border:1px solid #e4eaf3;border-radius:14px;background:#f8fbff}
.assessment-topic-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.assessment-topic-group summary strong{color:#172033}
.assessment-topic-group summary span{color:#64748b;font-size:12px;font-weight:800}

/* SIMA EDU hotfix v50: halaman asesmen dibuat bertingkat dan tidak melebar */
.assessment-setting-list{display:grid;gap:14px}
.assessment-setting-card{border:1px solid #e4eaf3;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05);overflow:hidden}
.assessment-setting-card summary{cursor:pointer;list-style:none}
.assessment-setting-card summary::-webkit-details-marker,.assessment-material-setting summary::-webkit-details-marker{display:none}
.assessment-setting-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#f8fbff}
.assessment-setting-summary div{display:grid;gap:3px;min-width:0}
.assessment-setting-summary span,.assessment-setting-summary small{color:#64748b;font-size:12px;font-weight:700}
.assessment-setting-summary strong{color:#172033;font-size:17px}
.assessment-setting-summary b{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 11px;border-radius:999px;background:#eef3ff;color:#194bbb;font-size:12px}
.assessment-default-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px;border-top:1px solid #e4eaf3}
.assessment-topic-list{display:grid;gap:12px;padding:0 18px 16px}
.assessment-material-list{display:grid;gap:10px;margin-top:10px}
.assessment-material-setting{border:1px solid #e4eaf3;border-radius:13px;background:#fff}
.assessment-material-setting summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}
.assessment-material-setting summary div{display:grid;gap:2px;min-width:0}
.assessment-material-setting summary strong{color:#172033}
.assessment-material-setting summary small{color:#64748b;font-size:12px}
.assessment-material-setting summary span{white-space:nowrap;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}
.assessment-material-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px}
.assessment-material-fields label,.assessment-default-panel label{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:700}
.assessment-material-fields input,.assessment-material-fields select,.assessment-default-panel input{width:100%;min-width:0}
.assessment-help-text{display:block;padding:0 18px 16px;color:#64748b}
@media(max-width:760px){
    .assessment-setting-summary,.assessment-material-setting summary{align-items:flex-start;flex-direction:column}
    .assessment-default-panel,.assessment-material-fields{grid-template-columns:1fr}
}

/* SIMA EDU hotfix v51: field pengaturan asesmen dibuat seperti form aktif */
.assessment-setting-card{margin-bottom:4px!important}
.assessment-setting-summary{border-bottom:1px solid #e4eaf3!important}
.assessment-default-panel{background:#fff!important}
.assessment-default-panel label,.assessment-material-fields label{min-width:0!important;padding:13px!important;border:1px solid #e4eaf3!important;border-radius:13px!important;background:#f8fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important}
.assessment-default-panel input,.assessment-material-fields input,.assessment-material-fields select{display:block!important;width:100%!important;min-height:44px!important;margin-top:4px!important;padding:11px 12px!important;border:1px solid #cfd8e6!important;border-radius:11px!important;background:#fff!important;color:#172033!important;font:inherit!important;font-size:14px!important;line-height:1.35!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important}
.assessment-default-panel input:focus,.assessment-material-fields input:focus,.assessment-material-fields select:focus{border-color:#194bbb!important;outline:3px solid rgba(25,75,187,.14)!important;outline-offset:0!important}
.assessment-material-fields select{appearance:auto!important;cursor:pointer!important}
.assessment-material-setting summary span[data-assessment-mode-label]{transition:background .18s ease,color .18s ease,box-shadow .18s ease!important}
.assessment-material-setting summary span[data-assessment-mode-label].is-fixed{background:#f1f5f9!important;color:#475569!important}
.assessment-material-setting summary span[data-assessment-mode-label].is-adaptive{background:#e8fff6!important;color:#08745a!important;box-shadow:0 8px 18px rgba(15,157,116,.12)!important}
.assessment-material-setting.is-adaptive{border-color:#b7ead9!important;background:#fbfffd!important}
.assessment-material-setting.is-fixed{border-color:#e4eaf3!important}
.assessment-material-setting[open] summary{border-bottom:1px solid #e4eaf3!important;background:#fbfdff!important}
.assessment-material-setting[open] .assessment-material-fields{padding-top:14px!important}
.assessment-topic-group{background:#f6f9fe!important}
.assessment-topic-group[open]>summary{padding-bottom:10px!important;border-bottom:1px solid #e4eaf3!important}

/* SIMA EDU hotfix v52: komposisi level soal asesmen */
.assessment-composition-panel{grid-column:1/-1;display:grid;gap:10px;padding:14px;border:1px solid #dbe6f4;border-radius:14px;background:#fff}
.assessment-composition-panel>strong{color:#172033;font-size:14px}
.assessment-composition-panel>small{color:#64748b}
.assessment-composition-panel>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.assessment-composition-panel label{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:760px){
    .assessment-composition-panel>div{grid-template-columns:1fr}
}

/* SIMA EDU hotfix v53: pembatas halaman asesmen dibuat lebih tegas */
.assessment-setting-list{gap:20px!important}
.assessment-setting-card{border:2px solid #111827!important;box-shadow:0 12px 28px rgba(17,24,39,.08)!important}
.assessment-setting-card+.assessment-setting-card{margin-top:8px!important}
.assessment-setting-summary{background:#f5f7fb!important;border-bottom:2px solid #111827!important}
.assessment-setting-summary strong{color:#111827!important}
.assessment-default-panel{border-bottom:1px solid #111827!important}
.assessment-topic-group{border:1.5px solid #111827!important;background:#f8fafc!important}
.assessment-topic-group>summary{padding-bottom:8px!important}
.assessment-topic-group[open]>summary{border-bottom:1.5px solid #111827!important}
.assessment-material-list{gap:14px!important}
.assessment-material-setting{position:relative;border:1.5px solid #111827!important;box-shadow:0 8px 18px rgba(17,24,39,.04)!important}
.assessment-material-setting::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#111827}
.assessment-material-setting summary,.assessment-material-fields{padding-left:20px!important}
.assessment-material-setting[open] summary{border-bottom:1.5px solid #111827!important}
.assessment-material-setting.is-adaptive{border-color:#111827!important}
.assessment-material-setting.is-adaptive::before{background:#08745a}
.assessment-composition-panel{border:1.5px solid #111827!important}