*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{margin:0;font-family:var(--font-sans-stack);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased}body{min-height:100dvh;display:flex;flex-direction:column}body>main{width:100%}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}::selection{background:var(--brand-soft)}h1,h2,h3,h4{margin:0;letter-spacing:-.015em;line-height:var(--lh-tight)}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.muted{color:var(--text-muted)}.mono,.small{font-size:var(--fs-sm)}.mono{font-family:var(--font-mono)}.link{color:var(--brand);font-weight:500}.link:hover{text-decoration:underline}.teks-pengguna{white-space:pre-wrap;overflow-wrap:anywhere}.stack{gap:var(--sp-4)}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:var(--sp-2)}.row{gap:var(--sp-2)}.row,.row-between{display:flex;align-items:center;flex-wrap:wrap}.row-between{justify-content:space-between;gap:var(--sp-3)}.grow{flex:1 1;min-width:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--sp-4)}.grid-2,.grid-3{display:grid;gap:var(--sp-4)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--sp-4)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}.split{display:grid;grid-template-columns:minmax(0,1fr) var(--split-side,340px);grid-gap:var(--sp-6);gap:var(--sp-6);align-items:start}.split-left{grid-template-columns:var(--split-side,280px) minmax(0,1fr)}@media (max-width:900px){.split,.split-left{grid-template-columns:minmax(0,1fr)}}.teks-arab,[dir=rtl]:not(html),[lang=ar]:not(html){font-family:var(--font-arab-stack);line-height:var(--lh-arab)}.opsi-teks[dir=rtl],.rich [dir=rtl],.soal[dir=rtl],.teks-arab{font-size:calc(1em + var(--fs-arab-add))}[dir=rtl]:not(html){text-align:start}.nama-arab{font-family:var(--font-arab-stack);direction:rtl;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}html[lang=ar] .ar-alt{display:none}:root,[dir=ltr]{--flip:1}[dir=rtl]{--flip:-1}[dir=rtl] .flip-rtl{transform:scaleX(-1)}html[lang=ar],html[lang=ar] body{font-family:var(--font-ui-arab-stack)}html[lang=ar] :is(h1,h2,h3,h4,.card-title,.stat-value,.logo-title,.item-kind,.skor-besar,.harga){letter-spacing:0}.otp-input,input:is([type=email],[type=password],[type=tel],[type=url],[type=number],[autocomplete=one-time-code],[inputmode=tel],[inputmode=numeric],[inputmode=decimal],[inputmode=url]){direction:ltr}[dir=rtl] :is(.cell-main,.cell-sub,.user-name,.crumb-current){unicode-bidi:plaintext}[dir=rtl] :is(div.cell-main,div.cell-sub,.user-name){text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid transparent;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.btn svg{width:15px;height:15px;flex-shrink:0}.btn:focus-visible{box-shadow:var(--ring-neutral)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-block{width:100%}.btn-sm{height:26px;padding:0 9px;font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-lg{height:40px;padding:0 18px;font-size:var(--fs-base);border-radius:var(--r-lg)}.btn-icon{width:var(--tap);height:var(--tap);padding:0}.btn-primary{background:var(--action);color:var(--action-fg);border-color:var(--action)}.btn-primary:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover)}.btn-secondary{background:var(--surface-raised);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-brand{background:var(--brand);color:var(--brand-fg);border-color:var(--brand)}.btn-brand:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-brand:focus-visible{box-shadow:var(--ring)}.btn-danger{background:var(--danger);color:var(--action-fg);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-strong)}.btn-danger:focus-visible{box-shadow:var(--ring-danger)}.btn-success{background:var(--success);color:var(--action-fg);border-color:var(--success)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-spinner{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.form-label{font-size:var(--fs-md);font-weight:600;color:var(--text-primary)}.wajib{color:var(--danger);-webkit-margin-start:2px;margin-inline-start:2px;font-size:var(--fs-base)}.form-hint{font-size:var(--fs-sm);color:var(--text-muted)}.form-error{font-size:var(--fs-sm);color:var(--danger);font-weight:500}.form-input,.form-select,.form-textarea{width:100%;height:34px;padding:0 10px;background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-base);outline:none;transition:border-color var(--dur) var(--ease)}.form-textarea{height:auto;min-height:96px;padding:8px 10px;resize:vertical;line-height:var(--lh-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand)}.form-input[aria-invalid=true],.form-select[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:var(--ring-danger)}.form-input:disabled{background:var(--surface-sunken);color:var(--text-muted)}.form-input[dir=rtl]{font-family:var(--font-arab-stack);font-size:var(--fs-xl)}.check{display:flex;gap:var(--sp-2);align-items:flex-start;cursor:pointer;font-size:var(--fs-base)}.check input{margin-top:3px;accent-color:var(--brand);width:15px;height:15px;flex-shrink:0}.check-hint{display:block;font-size:var(--fs-sm);color:var(--text-muted)}@media (max-width:768px){.form-input,.form-select,.form-textarea{font-size:var(--fs-xl);height:38px}.form-textarea{height:auto}}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.card-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.card-title{font-weight:600;font-size:var(--fs-lg);letter-spacing:-.01em}.card-sub{font-size:var(--fs-sm);color:var(--text-muted)}.card-body{padding:var(--sp-4)}.card-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:var(--sp-2)}.callout,.card-footer{padding:var(--sp-3) var(--sp-4);display:flex}.callout{gap:var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-sunken);font-size:var(--fs-md)}.callout>svg{width:17px;height:17px;flex-shrink:0;margin-top:1px}.callout>div{flex:1 1;min-width:0}.callout-info{background:var(--info-soft);border-color:var(--info-border);color:var(--info)}.callout-warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-strong)}.callout-danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-strong)}.callout-success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-strong)}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;background:var(--surface-hover);color:var(--text-secondary)}.badge-green{background:var(--success-soft);color:var(--success)}.badge-red{background:var(--danger-soft);color:var(--danger)}.badge-yellow{background:var(--warning-soft);color:var(--warning)}.badge-blue{background:var(--info-soft);color:var(--info)}.badge-violet{background:var(--violet-soft);color:var(--violet)}.badge-accent{background:var(--accent-soft);color:var(--accent-fg)}.badge-dark{background:var(--surface-inverse);color:var(--text-inverse)}.dt-toolbar{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.dt-search{position:relative;flex:1 1;min-width:180px;max-width:360px}.dt-search svg{position:absolute;inset-inline-start:9px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-faint)}.dt-search .form-input{-webkit-padding-start:30px;padding-inline-start:30px;height:32px}.dt-filters{display:flex;gap:var(--sp-2);flex-wrap:wrap;min-width:0;max-width:100%}.dt-filters .form-select{width:auto;max-width:100%;height:32px}.kbd{font-family:var(--font-mono);font-size:var(--fs-xs);border:solid var(--border-strong);border-width:1px 1px 2px;border-radius:var(--r-xs);padding:0 4px;color:var(--text-muted);background:var(--surface-raised)}.table-wrap{overflow-x:auto;background:linear-gradient(to right,var(--surface-page) 30%,transparent) 0 /24px 100% no-repeat local,linear-gradient(to left,var(--surface-page) 30%,transparent) 100% /24px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,var(--edge-shadow),transparent) 0 /10px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,var(--edge-shadow),transparent) 100% /10px 100% no-repeat scroll}.table-wrap table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.table-wrap th{text-align:start;font-weight:600;color:var(--text-muted);font-size:var(--fs-sm);background:var(--surface-sunken);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0}.table-wrap th button{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;gap:4px;align-items:center;border-radius:var(--r-xs)}.table-wrap th button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.table-wrap td{padding:9px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table-wrap tr:hover td{background:var(--surface-row-hover)}.table-wrap td.num,.table-wrap th.num{text-align:end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-wrap .cell-main{font-weight:600}.dt-footer,.table-wrap .cell-sub{font-size:var(--fs-sm);color:var(--text-muted)}.dt-footer{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);flex-wrap:wrap}.dt-footer,.pager{display:flex;align-items:center}.pager{gap:4px}.modal-overlay{position:fixed;inset:0;background:var(--surface-scrim);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.modal{background:var(--surface-raised);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.modal-lg{max-width:860px}.modal-xl{max-width:1120px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.modal-title{font-weight:700;font-size:var(--fs-xl)}.modal-body{padding:var(--sp-5);overflow-y:auto;flex:1 1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-subtle);flex-wrap:wrap}.menu{position:fixed;z-index:var(--z-menu);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:4px;min-width:190px}.menu-item{display:flex;align-items:center;gap:8px;width:100%;height:var(--menu-item-h);padding:0 10px;border:none;background:none;border-radius:var(--r-sm);font-size:var(--fs-md);cursor:pointer;text-align:start;color:var(--text-primary)}.menu-item:hover{background:var(--surface-hover)}.menu-item svg{width:15px;height:15px;color:var(--text-muted)}.menu-item-danger,.menu-item-danger svg{color:var(--danger)}.menu-sep{height:1px;background:var(--border-subtle);margin:4px 0}.toast-stack{position:fixed;inset-inline-end:var(--sp-4);bottom:var(--sp-4);z-index:var(--z-toast);flex-direction:column;max-width:min(380px,calc(100vw - 32px))}.toast,.toast-stack{display:flex;gap:var(--sp-2)}.toast{background:var(--surface-inverse);color:var(--text-inverse);padding:10px 14px;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);font-size:var(--fs-md);align-items:flex-start;animation:toast-in var(--dur-slow) var(--ease)}.toast svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.toast-error svg{color:var(--danger-border)}.toast-success svg{color:var(--success-border)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:768px){.toast-stack{bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));inset-inline:var(--sp-3)}body:has(.mobile-nav) .toast-stack{bottom:calc(var(--mobile-nav-h) + var(--sp-3) + env(safe-area-inset-bottom))}}.toast-close{-webkit-margin-start:auto;margin-inline-start:auto;border:none;background:none;color:inherit;opacity:.7;cursor:pointer;padding:0;-webkit-padding-start:var(--sp-2);padding-inline-start:var(--sp-2);display:inline-flex}.toast-close:hover{opacity:1}.toast .toast-close svg{color:inherit;width:14px;height:14px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto}.tab{background:none;padding:9px 12px;font-size:var(--fs-md);font-weight:500;color:var(--text-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.tab-aktif,.tab:hover{color:var(--text-primary)}.tab-aktif{font-weight:600;border-bottom-color:var(--brand)}.tab-count{font-size:var(--fs-xs);background:var(--surface-hover);border-radius:var(--r-full);padding:0 6px;color:var(--text-secondary)}.empty-state{flex-direction:column;text-align:center;gap:var(--sp-2);padding:var(--sp-10) var(--sp-4);color:var(--text-muted)}.empty-state,.empty-state-icon{display:flex;align-items:center}.empty-state-icon{width:44px;height:44px;border-radius:var(--r-xl);background:var(--surface-shell);justify-content:center;margin-bottom:var(--sp-1)}.empty-state-icon svg{width:20px;height:20px;color:var(--text-muted)}.empty-state-title{color:var(--text-primary);font-weight:600;font-size:var(--fs-lg)}.progress-track{height:6px;background:var(--surface-active);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;background:var(--brand);border-radius:var(--r-full);transition:width var(--dur-slow) var(--ease)}.stat{padding:var(--sp-4);display:flex;flex-direction:column;gap:4px}.stat-label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:500;display:flex;gap:6px;align-items:center}.stat-label svg{width:14px;height:14px}.stat-value{font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-warn .stat-value{color:var(--warning)}.spark{width:100%;height:auto;display:block}.spark-line{fill:none;stroke:var(--grafik-1);stroke-width:1.6}.spark-area{fill:var(--grafik-1-area)}.spark-grid{stroke:var(--grafik-grid);stroke-width:1}.skeleton{background:linear-gradient(90deg,var(--surface-hover),var(--surface-shell),var(--surface-hover));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--r-md)}@keyframes shimmer{to{background-position:-200% 0}}.spinner-center{display:flex;align-items:center;justify-content:center;padding:var(--sp-10);color:var(--text-muted);gap:var(--sp-2)}.rich{line-height:var(--lh-read);font-size:var(--fs-lg);overflow-wrap:anywhere}.rich>*+*{margin-top:.8em}.rich h1{font-size:26px}.rich h2{font-size:21px}.rich h3{font-size:17px}.rich a{color:var(--brand);text-decoration:underline}.rich img{max-width:100%;height:auto}.rich img,.rich pre{border-radius:var(--r-md)}.rich pre{background:var(--surface-inverse);color:var(--text-inverse);padding:var(--sp-3);overflow-x:auto;font-size:var(--fs-md)}.rich code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-hover);padding:1px 4px;border-radius:var(--r-xs)}.rich pre code{background:none;padding:0}.rich blockquote{-webkit-border-start:3px solid var(--brand-border);border-inline-start:3px solid var(--brand-border);margin:0;padding-block:2px;padding-inline:var(--sp-4) 0;color:var(--text-secondary)}.rich ol,.rich ul{-webkit-padding-start:1.4em;padding-inline-start:1.4em}.rich table{border-collapse:collapse;width:100%;font-size:var(--fs-base)}.rich td,.rich th{border:1px solid var(--border);padding:6px 8px}.rich mark{background:var(--warning-soft);padding:0 2px}.rich-sm{font-size:var(--fs-base);line-height:var(--lh-normal)}.editor{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-raised)}.editor:focus-within{border-color:var(--brand)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border-bottom:1px solid var(--border-subtle);background:var(--surface-sunken);border-radius:var(--r-md) var(--r-md) 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:2}.editor-toolbar button{border:none;background:none;width:28px;height:28px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.editor-toolbar button:hover{background:var(--surface-hover);color:var(--text-primary)}.editor-toolbar button.on{background:var(--surface-active);color:var(--text-primary)}.editor-toolbar button svg{width:15px;height:15px}.editor-toolbar .sep{width:1px;background:var(--border);margin:4px 3px}.editor-content .ProseMirror{min-height:var(--editor-min,160px);padding:10px 12px;outline:none}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-faint);float:inline-start;height:0;pointer-events:none}.public-topbar{background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--fs-sm)}.public-topbar .wrap{display:flex;gap:var(--sp-5);justify-content:flex-end;height:32px;align-items:center}.public-topbar a{opacity:.85;display:inline-flex;gap:6px;align-items:center}.public-topbar a:hover{opacity:1}.public-topbar svg{width:13px;height:13px}.public-topbar .wrap>.lang-switch{-webkit-margin-end:auto;margin-inline-end:auto}.lang-switch{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer}.lang-switch svg{width:14px;height:14px;flex-shrink:0}.lang-switch select{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-primary);border-radius:var(--r-sm);height:26px;padding-inline:var(--sp-1);font-size:var(--fs-sm);cursor:pointer;max-width:100%}.lang-switch select:focus-visible{outline:none;box-shadow:var(--ring)}.lang-switch-dark,.lang-switch-dark select{color:var(--text-inverse)}.lang-switch-dark select{background:transparent;border-color:transparent;height:24px;padding-inline:0}.lang-switch-dark select option{color:var(--text-primary);background:var(--surface-raised)}.sidebar-lang{display:flex;padding:var(--sp-1) 6px var(--sp-2)}.sidebar-lang select{flex:1 1;min-width:0}.sheet-lang{display:flex;padding:var(--sp-3) 10px 0;border-top:1px solid var(--border-subtle);margin-top:var(--sp-2)}.sheet-lang select{flex:1 1;height:var(--tap);font-size:var(--fs-base)}.auth-lang{position:absolute;top:var(--sp-4);inset-inline-end:var(--sp-5)}@media (max-width:768px){.public-topbar{display:none}}.wrap{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--sp-5)}.public-nav{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-page);border-bottom:1px solid var(--border-subtle)}.public-nav .wrap{height:var(--public-nav-h);display:flex;align-items:center;gap:var(--sp-6)}.public-links{display:flex;gap:var(--sp-1);flex:1 1}.public-links a{white-space:nowrap;padding:7px 11px;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:500;color:var(--text-secondary)}.public-links a:hover{background:var(--surface-hover);color:var(--text-primary)}.public-links a.active{color:var(--text-primary);font-weight:600}.public-actions{display:flex;gap:var(--sp-2);align-items:center}.public-burger{display:none}@media (max-width:768px){.public-links{display:none}.public-burger{display:inline-flex}.public-nav .wrap{gap:var(--sp-3)}}@media (max-width:1080px){.public-links{display:none}.public-burger{display:inline-flex}}@media (max-width:440px){.public-cta{padding-inline:var(--sp-2)}.public-cta-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.logo{display:inline-flex;align-items:center;gap:10px;min-width:0}.logo img{flex-shrink:0}.logo-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.logo-title{font-weight:700;font-size:var(--fs-lg);letter-spacing:-.01em}.logo-sub,.logo-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-sub{font-size:var(--fs-xs);color:var(--text-muted)}.hero{padding:var(--sp-16) 0 var(--sp-12);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 85% 20%,var(--brand-soft),transparent 70%);pointer-events:none}[dir=rtl] .hero:before{background:radial-gradient(60% 60% at 15% 20%,var(--brand-soft),transparent 70%)}.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-gap:var(--sp-10);gap:var(--sp-10);align-items:center}.hero-eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:var(--fs-sm);font-weight:600;color:var(--brand);background:var(--brand-soft);border:1px solid var(--brand-border);border-radius:var(--r-full);padding:4px 12px}.hero h1{font-size:var(--fs-4xl);margin:var(--sp-4) 0 var(--sp-3);letter-spacing:-.025em}.hero-arab{font-family:var(--font-arab-stack);font-size:var(--fs-3xl);color:var(--brand-deep);margin-bottom:var(--sp-2);line-height:1.6}.hero-lead{font-size:var(--fs-xl);color:var(--text-secondary);max-width:560px;line-height:var(--lh-read)}.hero-cta{display:flex;gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap}.hero-emblem,.hero-visual{display:flex;justify-content:center}.hero-emblem{width:min(360px,80%);aspect-ratio:1;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-lg);align-items:center}.hero-emblem img{width:62%;height:auto}@media (max-width:900px){.hero{padding:var(--sp-10) 0}.hero .wrap{grid-template-columns:1fr}.hero-visual{display:none}}.section{padding:var(--sp-12) 0}.section-alt{background:var(--surface-shell)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap}.section-title{font-size:var(--fs-3xl)}.section-sub{color:var(--text-secondary);margin-top:6px}.feature{padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-raised)}.feature-icon{width:38px;height:38px;border-radius:var(--r-lg);background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3)}.feature-icon svg{width:18px;height:18px}.feature h3{font-size:var(--fs-lg);margin-bottom:6px}.feature p{color:var(--text-secondary);font-size:var(--fs-md);line-height:var(--lh-read)}.step-num{font-weight:700;color:var(--brand);font-size:var(--fs-sm)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.course-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;background:var(--surface-raised);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.course-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.course-cover{aspect-ratio:16/9;background:linear-gradient(135deg,var(--brand-soft),var(--surface-shell));display:flex;align-items:center;justify-content:center;overflow:hidden}.course-cover img{width:100%;height:100%;object-fit:cover}.course-cover img.course-cover-mark{width:56px;height:auto;object-fit:contain;opacity:.35}.course-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:6px;flex:1 1}.course-title{font-weight:700;font-size:var(--fs-lg);line-height:var(--lh-tight)}.course-title-ar{font-family:var(--font-arab-stack);color:var(--text-secondary);font-size:var(--fs-lg);direction:rtl}.course-desc{font-size:var(--fs-md);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted);margin-top:auto;padding-top:var(--sp-2);flex-wrap:wrap}.course-meta span{display:inline-flex;gap:4px;align-items:center}.course-meta svg{width:13px;height:13px}.cta-band{border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-8);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-5);flex-wrap:wrap;background:var(--surface-raised)}.public-footer{margin-top:auto;background:var(--surface-inverse);color:var(--text-faint);font-size:var(--fs-md)}.public-footer .wrap{padding-top:var(--sp-10);padding-bottom:var(--sp-6)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:var(--sp-8);gap:var(--sp-8)}.footer-grid h4{color:var(--text-inverse);font-size:var(--fs-md);margin-bottom:var(--sp-3)}.footer-grid a{display:block;padding:3px 0}.footer-grid .logo-title,.footer-grid a:hover{color:var(--text-inverse)}.footer-grid .logo-sub{color:var(--text-faint)}.footer-line{display:flex;gap:8px;align-items:flex-start;margin-top:8px}.footer-line svg{width:14px;height:14px;margin-top:3px;flex-shrink:0}.footer-bottom{border-top:1px solid var(--border-inverse);margin-top:var(--sp-8);padding-top:var(--sp-4);display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--fs-sm)}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--sp-5)}}.footer-bottom a:hover{color:var(--text-inverse)}.auth-split{flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh}.auth-panel{background:var(--surface-shell);padding:var(--sp-10);display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-8);position:relative;overflow:hidden}.auth-panel:after{content:"";position:absolute;inset-inline-end:-120px;bottom:-120px;width:360px;height:360px;background:url(/brand/emblem.png) 50%/contain no-repeat;opacity:.06}.auth-panel h2{font-size:var(--fs-3xl);margin-bottom:var(--sp-3)}.auth-points{display:flex;flex-direction:column;gap:var(--sp-3);color:var(--text-secondary)}.auth-points div{display:flex;gap:10px;align-items:flex-start}.auth-points svg{width:17px;height:17px;color:var(--brand);flex-shrink:0;margin-top:2px}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-5);position:relative}.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--sp-5)}.auth-card h1{font-size:var(--fs-2xl)}.auth-card .form-input{height:38px}.otp-input{letter-spacing:.5em;text-align:center;font-family:var(--font-mono);font-size:var(--fs-2xl)!important}@media (max-width:900px){.auth-split{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-form-side{align-items:flex-start;padding-top:var(--sp-4)}.auth-panel{padding:var(--sp-5);background:transparent}.auth-panel .auth-hide,.auth-panel:after{display:none}.auth-form-side{flex-direction:column;align-items:center;justify-content:flex-start}.auth-lang{position:static;align-self:flex-end;-webkit-margin-after:var(--sp-3);margin-block-end:var(--sp-3)}}.dashboard-layout{display:flex;min-height:100dvh;line-height:var(--lh-normal)}.sidebar{width:var(--sidebar-w);background:var(--surface-shell);border-radius:var(--r-xl);display:flex;flex-direction:column;position:fixed;inset-inline-start:var(--sidebar-inset);top:var(--sidebar-inset);bottom:var(--sidebar-inset);z-index:var(--z-sidebar);overflow:hidden;transition:transform var(--dur-slow) var(--ease)}.sidebar-logo{min-height:var(--topbar-h);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center}.sidebar-nav{flex:1 1;padding:var(--sp-2);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-section-label{font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);padding:var(--sp-3) var(--sp-2) 3px}.sidebar-link{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--r-md);color:var(--nav-fg);font-size:var(--fs-md);font-weight:500;border:none;background:none;width:100%;text-align:start;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.sidebar-link:hover{background:var(--nav-bg-hover);color:var(--nav-fg-hover)}.sidebar-link svg{width:16px;height:16px;flex-shrink:0;color:var(--nav-icon)}.sidebar-link.active{background:var(--nav-bg-active);color:var(--nav-fg-active);font-weight:600}.sidebar-link.active svg,.sidebar-link:hover svg{color:var(--nav-icon-active)}.sidebar-link .count{-webkit-margin-start:auto;margin-inline-start:auto;font-size:var(--fs-xs);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-full);padding:0 6px;color:var(--text-secondary);font-weight:600}.sidebar-account{border-top:1px solid var(--border);padding:var(--sp-2);flex-shrink:0}.user-btn{display:flex;align-items:center;gap:9px;width:100%;padding:6px;border:none;background:none;border-radius:var(--r-md);cursor:pointer;text-align:start}.user-btn:hover{background:var(--nav-bg-hover)}.avatar{width:28px;height:28px;border-radius:var(--r-md);background:var(--brand);color:var(--brand-fg);font-weight:700;font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-name{font-size:var(--fs-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--fs-xs);color:var(--text-muted)}.main-content{-webkit-margin-start:calc(var(--sidebar-w) + var(--sidebar-inset) * 2);margin-inline-start:calc(var(--sidebar-w) + var(--sidebar-inset) * 2);flex:1 1;min-width:0;display:flex;flex-direction:column;min-height:100dvh;transition:-webkit-margin-start var(--dur-slow) var(--ease);transition:margin-inline-start var(--dur-slow) var(--ease);transition:margin-inline-start var(--dur-slow) var(--ease),-webkit-margin-start var(--dur-slow) var(--ease)}.sidebar-collapsed .sidebar{transform:translateX(calc((-100% - var(--sidebar-inset) * 2) * var(--flip)))}.sidebar-collapsed .main-content{-webkit-margin-start:0;margin-inline-start:0}.topbar{height:var(--topbar-h);background:var(--surface-page);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--page-pad);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.topbar-divider{width:1px;height:18px;background:var(--border);flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--fs-md);min-width:0;overflow:hidden}.breadcrumb a{color:var(--text-muted);white-space:nowrap}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb svg{width:13px;height:13px;color:var(--text-faint);flex-shrink:0}.breadcrumb .crumb-current{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-content{padding:var(--page-pad);flex:1 1;width:100%}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}.page-title{font-size:var(--fs-2xl);font-weight:700}.page-sub{color:var(--text-muted);font-size:var(--fs-md);margin-top:4px}.page-narrow{max-width:760px}.drawer-overlay,.mobile-nav{display:none}@media (max-width:768px){.sidebar{transform:translateX(calc((-100% - var(--sidebar-inset) * 2) * var(--flip)))}.main-content{-webkit-margin-start:0;margin-inline-start:0}.student-layout .main-content{padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))}.sidebar-open .sidebar{transform:none;z-index:var(--z-drawer)}.sidebar-open .drawer-overlay{display:block;position:fixed;inset:0;background:var(--surface-scrim);z-index:var(--z-drawer-overlay)}.student-layout .topbar-divider,.student-layout .topbar-toggle{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-raised);border-top:1px solid var(--border);z-index:var(--z-mobile-nav)}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:var(--text-muted);border:none;background:none;cursor:pointer}.mobile-nav svg{width:20px;height:20px}.mobile-nav .active{color:var(--brand);font-weight:600}}.sheet-overlay{position:fixed;inset:0;background:var(--surface-scrim);z-index:var(--z-modal);display:flex;align-items:flex-end}.sheet{background:var(--surface-raised);width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-3) var(--sp-3) calc(var(--sp-4) + env(safe-area-inset-bottom))}.sheet .sidebar-link{padding:12px 10px;font-size:var(--fs-base)}.belajar{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.belajar-header{height:var(--belajar-header-h);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface-page);flex-wrap:wrap}.belajar-title{font-weight:700;font-size:var(--fs-lg);flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.belajar-progress{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);width:200px}.belajar-progress .progress-track{flex:1 1}.belajar-main{flex:1 1;display:flex;min-height:0}.belajar-sidebar{width:var(--belajar-sidebar-w);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);overflow-y:auto;background:var(--surface-sunken);flex-shrink:0}.belajar-viewer{flex:1 1;overflow-y:auto;min-width:0;display:flex;flex-direction:column}.belajar-viewer-inner{width:100%;max-width:880px;margin:0 auto;padding:var(--sp-6) var(--sp-5);flex:1 1}.belajar-footer{border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-5);display:flex;justify-content:space-between;gap:var(--sp-3);background:var(--surface-page);flex-shrink:0}.curriculum-module{padding:var(--sp-2) 0}.curriculum-module-title{font-size:var(--fs-sm);font-weight:700;color:var(--text-muted);padding:var(--sp-2) var(--sp-4)}.curriculum-item{display:flex;gap:10px;align-items:center;width:100%;padding:8px var(--sp-4);border:none;background:none;text-align:start;cursor:pointer;font-size:var(--fs-md);color:var(--text-secondary);-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent}.curriculum-item:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.curriculum-item:disabled{cursor:not-allowed;opacity:.55}.curriculum-item.active{background:var(--brand-soft);color:var(--text-primary);border-inline-start-color:var(--brand);font-weight:600}.curriculum-item svg{width:16px;height:16px;flex-shrink:0}.curriculum-item .done{color:var(--success)}.item-kind{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.video-frame{position:relative;aspect-ratio:16/9;background:var(--video-bg);border-radius:var(--r-lg);overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media (max-width:900px){.belajar-sidebar{position:fixed;inset:var(--belajar-header-h) 0 0 0;width:auto;z-index:var(--z-drawer);display:none}.belajar-sidebar.open{display:block}.belajar-progress{width:auto;flex:1 1 100%;order:3}}.soal-card{border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.soal-no{font-size:var(--fs-sm);font-weight:700;color:var(--text-muted)}.opsi{display:flex;gap:var(--sp-3);align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.opsi:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.opsi input{accent-color:var(--brand);margin-top:4px;flex-shrink:0}.opsi.dipilih{border-color:var(--brand);background:var(--brand-soft)}.opsi.benar{border-color:var(--success);background:var(--success-soft)}.opsi.salah{border-color:var(--danger);background:var(--danger-soft)}.opsi-label{font-weight:700;color:var(--text-muted);min-width:18px}.skor-besar{font-size:44px;font-weight:800;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ppv{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;background:var(--viewer-bg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ppv-bar{display:flex;gap:var(--sp-2);align-items:center;padding:6px 8px;background:var(--surface-raised);border-bottom:1px solid var(--border);flex-wrap:wrap;font-size:var(--fs-sm)}.ppv-bar input{width:52px;height:26px;text-align:center}.ppv-scroll{overflow:auto;flex:1 1;padding:var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:12px}.ppv-page{background:var(--surface-raised);box-shadow:var(--shadow-sm);position:relative;isolation:isolate}.ppv-page canvas{display:block}.ujian{display:flex;flex-direction:column;min-height:100dvh;background:var(--surface-sunken)}.ujian-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-page);border-bottom:1px solid var(--border);padding:0 var(--sp-4);height:60px;display:flex;align-items:center;gap:var(--sp-4)}.ujian-sections{display:flex;gap:4px;flex:1 1;min-width:0;overflow-x:auto}.ujian-sec{font-size:var(--fs-sm);padding:5px 10px;border-radius:var(--r-full);background:var(--surface-hover);color:var(--text-muted);white-space:nowrap;font-weight:600}.ujian-sec.current{background:var(--brand);color:var(--brand-fg)}.ujian-sec.done{background:var(--success-soft);color:var(--success)}.timer{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:4px 12px;border-radius:var(--r-md);background:var(--surface-hover)}.timer.low{background:var(--danger-soft);color:var(--danger)}.ujian-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:var(--sp-5);gap:var(--sp-5);width:100%;max-width:1200px;margin:0 auto;padding:var(--sp-5);flex:1 1}.ujian-nav{position:-webkit-sticky;position:sticky;top:76px;align-self:start}.nav-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.nav-cell{height:34px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-raised);font-weight:600;font-size:var(--fs-sm);cursor:pointer;position:relative}.nav-cell.answered{background:var(--brand);border-color:var(--brand);color:var(--brand-fg)}.nav-cell.flagged:after{content:"";position:absolute;top:3px;inset-inline-end:3px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.nav-cell.current{box-shadow:var(--ring-neutral)}.stimulus{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5)}.bacaan{font-family:var(--font-arab-stack);font-size:calc(var(--fs-xl) + var(--fs-arab-add));line-height:2.1;direction:rtl;text-align:justify}.audio-box{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-sunken)}@media (max-width:900px){.ujian-body{grid-template-columns:1fr}.ujian-nav{position:static;order:-1}.nav-grid{grid-template-columns:repeat(10,1fr)}}@media (max-width:500px){.nav-grid{grid-template-columns:repeat(6,1fr)}.ujian-header{height:auto;padding:var(--sp-2) var(--sp-3);flex-wrap:wrap}}.kur-module{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-raised)}.kur-module-head{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}.kur-item,.kur-module-head{display:flex;align-items:center;border-bottom:1px solid var(--border-subtle)}.kur-item{gap:var(--sp-3);padding:8px var(--sp-4);font-size:var(--fs-md)}.kur-item:last-child{border-bottom:none}.kur-item:hover{background:var(--surface-row-hover)}.kur-item svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.kur-item-title{flex:1 1;min-width:0;font-weight:500}.drag{cursor:-webkit-grab;cursor:grab;color:var(--text-faint)}@media print{body{display:block;min-height:0}.no-print{display:none!important}}.belajar-menu-btn{display:none}@media (max-width:900px){.belajar-menu-btn{display:inline-flex}}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}@media (max-width:600px){.grid-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.grid-stats .stat{padding:var(--sp-3)}.grid-stats .stat-value{font-size:var(--fs-2xl)}.grid-stats .stat-label{font-size:var(--fs-xs)}.grid-stats .stat-label svg{display:none}}.btn-link{border:none;background:none;padding:0;font:inherit;color:var(--brand);font-weight:500;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.btn-link:hover{color:var(--text-primary)}.btn-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-xs)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:1}.nav-badge{-webkit-margin-start:auto;margin-inline-start:auto;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-full);background:var(--accent);color:var(--text-inverse);font-size:var(--fs-xs);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.dt-sort-mobile{display:none}.sticky-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:var(--z-sticky);background:var(--surface-raised);border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-4);gap:var(--sp-2);justify-content:flex-end;flex-wrap:wrap;box-shadow:var(--shadow-md);border-radius:var(--r-lg)}.error-page,.sticky-bar{display:flex;align-items:center}.error-page{min-height:70dvh;flex-direction:column;justify-content:center;text-align:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4)}.error-code{font-size:var(--fs-4xl);font-weight:800;color:var(--brand);line-height:1}.pw-wrap{position:relative}.pw-wrap .form-input{-webkit-padding-end:40px;padding-inline-end:40px}.pw-toggle{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm)}.pw-toggle:hover{color:var(--text-primary);background:var(--surface-hover)}.pw-toggle svg{width:16px;height:16px}.phone-input{display:flex;gap:var(--sp-2);min-width:0}.phone-input .phone-country{flex:0 0 auto;width:11em;max-width:45%;text-overflow:ellipsis}.phone-input .form-input{flex:1 1 auto;min-width:0}.local-time{display:block;font-size:var(--fs-sm);color:var(--text-muted)}.row>.local-time{flex-basis:100%}.ts-box{min-height:65px;display:flex;flex-direction:column;gap:var(--sp-1)}@media (max-width:768px){:root{--tap:40px}}@media (max-width:600px){.dt-cards .table-wrap{background:none;overflow:visible}.dt-cards .table-wrap thead{display:none}.dt-cards .table-wrap table,.dt-cards .table-wrap tbody{display:block}.dt-cards .table-wrap tr{display:block;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.dt-cards .table-wrap tr:hover td{background:none}.dt-cards .table-wrap td{display:flex;gap:var(--sp-3);justify-content:space-between;align-items:center;padding:3px 0;border:none;text-align:end}.dt-cards .table-wrap td.num{text-align:end}.dt-cards .table-wrap td:before{content:attr(data-label);color:var(--text-muted);font-size:var(--fs-sm);text-align:start;flex-shrink:0}.dt-cards .table-wrap td.m-primary{display:block;text-align:start;padding-bottom:var(--sp-1)}.dt-cards .table-wrap td.m-hide,.dt-cards .table-wrap td.m-primary:before,.dt-cards .table-wrap td[data-label=""]:before{display:none}.dt-cards .dt-sort-mobile{display:block}.dt-cards .kbd{display:none}}.curriculum-item.locked{opacity:.55;cursor:help}.curriculum-item.locked:hover{opacity:.8}.btn.is-locked{opacity:.7}.belajar-note{margin-bottom:var(--sp-4)}.belajar-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-4)}.belajar-done h1{font-size:var(--fs-3xl)}.belajar-done-icon{width:var(--sp-10);height:var(--sp-10);color:var(--success)}.belajar-done-actions{justify-content:center;margin-top:var(--sp-2)}.quiz-bar{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;background:var(--surface-page);padding:var(--sp-2) 0}.autosave{display:inline-flex;align-items:center;gap:var(--sp-1)}.autosave .btn-spinner{width:var(--sp-3);height:var(--sp-3)}.autosave-error{color:var(--danger)}fieldset.soal-card{margin:0;min-width:0}fieldset.soal-card:disabled{opacity:.7}.quiz-submit-bar{justify-content:space-between}.quiz-result-actions{flex-wrap:wrap;justify-content:flex-start}.course-card.is-suspended{opacity:.7;cursor:default}.course-card.is-suspended:hover{transform:none;border-color:var(--border)}.backup-codes{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--sp-2);gap:var(--sp-2)}.mfa-steps{margin:0;-webkit-padding-start:var(--sp-5);padding-inline-start:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1)}.continue-row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:nowrap}.continue-row .continue-progress{width:calc(var(--sp-10) * 3.5);flex-shrink:0}@media (max-width:600px){.belajar-done-actions .btn,.quiz-submit-bar .btn{width:100%}.continue-row .continue-progress{width:calc(var(--sp-10) * 2)}}.ujian-banners{position:-webkit-sticky;position:sticky;top:60px;z-index:var(--z-sticky);width:100%;max-width:1200px;margin:0 auto;padding:var(--sp-3) var(--sp-5) 0;display:flex;flex-direction:column;gap:var(--sp-2)}.ujian-banner{align-items:center;box-shadow:var(--shadow-sm)}.ujian-banner>div>div{font-size:var(--fs-sm)}.ujian-intro{width:100%;max-width:760px;margin:0 auto;padding:var(--sp-6) var(--sp-5)}.ujian-intro-title{font-size:var(--fs-3xl);line-height:var(--lh-tight)}.ujian-intro-title .nama-arab,.ujian-sec-title .nama-arab{color:var(--text-muted);font-size:var(--fs-xl)}.ujian-sec-title{font-size:var(--fs-2xl)}.ujian-rules{margin:0;-webkit-padding-start:var(--sp-5);padding-inline-start:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1)}.ujian-instr summary{cursor:pointer}.ujian-instr[open] summary{margin-bottom:var(--sp-2)}.soal-card.soal-gagal{border-color:var(--danger-border);background:var(--danger-soft)}.nav-cell:disabled{opacity:.55;cursor:not-allowed}.nav-cell.gagal{border-color:var(--danger);box-shadow:var(--ring-danger)}.nav-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--sp-1) var(--sp-3);gap:var(--sp-1) var(--sp-3)}.nav-legend li{display:flex;align-items:center;gap:var(--sp-2)}.nav-cell.nav-sw{display:inline-block;width:16px;height:16px;cursor:default;flex-shrink:0}.nav-cell.nav-sw.flagged:after{top:2px;inset-inline-end:2px;width:5px;height:5px}.ujian-nav-toggle,.ujian-sheet-close,.ujian-sheet-scrim{display:none}.ujian-timeup{position:fixed;inset:0;z-index:var(--z-modal);background:var(--surface-scrim);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.ujian-timeup .card{width:100%;max-width:380px;box-shadow:var(--shadow-lg)}@media (max-width:900px){.ujian-body main{padding-bottom:var(--sp-16)}.ujian-nav{position:fixed;left:0;right:0;bottom:0;top:auto;order:0;z-index:var(--z-drawer);max-height:75dvh;overflow-y:auto;border-radius:var(--r-xl) var(--r-xl) 0 0;padding-bottom:env(safe-area-inset-bottom);transform:translateY(105%);visibility:hidden;transition:transform var(--dur) var(--ease),visibility var(--dur);box-shadow:var(--shadow-lg)}.ujian-nav.open{transform:none;visibility:visible}.ujian-nav .nav-grid{grid-template-columns:repeat(8,1fr)}.ujian-sheet-close{display:inline-flex}.ujian-sheet-scrim{display:block;position:fixed;inset:0;z-index:var(--z-drawer-overlay);background:var(--surface-scrim)}.ujian-nav-toggle{display:inline-flex;position:fixed;inset-inline-end:var(--sp-3);bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));z-index:var(--z-sticky);box-shadow:var(--shadow-md)}.ujian-banners{padding:var(--sp-2) var(--sp-3) 0}}@media (max-width:500px){.ujian-nav .nav-grid{grid-template-columns:repeat(6,1fr)}.ujian-banners{position:static}.ujian-saving:empty{display:none}}@media (prefers-reduced-motion:reduce){.ujian-nav{transition:none}}.toafl-card-list{list-style:none;margin:0;padding:0}.toafl-card{display:flex;gap:var(--sp-3);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.toafl-card:last-child{border-bottom:none}.toafl-card-meta{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);font-size:var(--fs-sm);color:var(--text-secondary)}.toafl-card-meta>span{display:inline-flex;align-items:center;gap:var(--sp-1)}.toafl-card-meta svg{width:13px;height:13px}.toafl-sec-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-1)}.toafl-sec-list li{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm);padding:var(--sp-1) 0;border-bottom:1px solid var(--border-subtle)}.toafl-sec-list li:last-child{border-bottom:none}.toafl-group-head{padding:var(--sp-2) var(--sp-4);background:var(--surface-sunken);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--sp-2)}.toafl-q-list{max-height:420px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-md)}@media (max-width:600px){.toafl-card>.btn,.toafl-card>a.btn{width:100%}}.toafl-fieldset{min-width:0}.btn-plain,.toafl-fieldset{border:none;padding:0;margin:0}.btn-plain{background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.btn-plain.link{color:var(--brand)}.panel-input-md{max-width:260px}.panel-input-lg{max-width:360px}.panel-select-auto{width:auto}.panel-gap-1{gap:var(--sp-1)}.panel-mt-2{margin-top:var(--sp-2)}.panel-w-30{width:30%}.panel-title-sm{font-size:var(--fs-md)}.panel-align-end{align-self:end}.panel-nowrap{flex-wrap:nowrap}.panel-correct{accent-color:var(--success);width:18px;height:18px;flex-shrink:0}.panel-split-320{--split-side:320px}.panel-progress-cell{min-width:140px}.panel-soal-no{min-width:var(--sp-6)}.panel-code{background:var(--surface-sunken);padding:var(--sp-3);border-radius:var(--r-md);overflow-x:auto;margin:0}.temp-pw{font-size:var(--fs-2xl);letter-spacing:.04em;-webkit-user-select:all;-moz-user-select:all;user-select:all;overflow-wrap:anywhere}.detail-list{margin:0;display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);color:var(--text-secondary)}.detail-list>div{display:inline-flex;gap:var(--sp-1);min-width:0;max-width:100%}.detail-list dt{color:var(--text-muted)}.detail-list dt:after{content:":"}.detail-list dd{margin:0;overflow-wrap:anywhere}.kur-item-top{align-items:flex-start}.kur-add{gap:var(--sp-2);flex-wrap:wrap}.kur-badges{gap:var(--sp-1);flex-wrap:wrap}.kur-badges,.kur-move{display:inline-flex}.kur-move-menu{display:none}@media (max-width:768px){.kur-move{display:none}.kur-move-menu{display:inline-flex}.kur-item{flex-wrap:wrap;min-height:var(--tap)}.kur-item-title{display:flex;align-items:center}.kur-add .btn,.kur-item-title{min-height:var(--tap)}}.menu-scrim{position:fixed;inset:0;z-index:var(--z-menu)}.menu-item:disabled{opacity:.45;cursor:default}.menu-item:disabled:hover{background:none}.menu-item:focus-visible{background:var(--surface-hover);box-shadow:var(--ring-neutral)}@media (max-width:768px){.menu-item{min-height:var(--tap)}}.pp-search{max-width:none}.pp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.pp-chip{height:auto;padding-block:var(--sp-1);padding-inline:var(--sp-2) var(--sp-1);gap:var(--sp-1)}.pp-chip-x{border:none;background:none;padding:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-full);color:inherit;cursor:pointer}.pp-chip-x:hover{background:var(--surface-hover)}.pp-chip-x svg{width:12px;height:12px}.pp-panel{max-height:260px;overflow-y:auto}.pp-list{list-style:none;margin:0;padding:var(--sp-1)}.pp-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);cursor:pointer;min-height:var(--tap)}.pp-opt-active{background:var(--surface-hover)}.pp-opt-taken{opacity:.55;cursor:default}.pp-opt-name{font-weight:600}.pp-err,.rte-unlink{color:var(--danger)}.rte-unlink{-webkit-margin-end:auto;margin-inline-end:auto}.fu-preview{max-height:140px;border-radius:var(--r-md);border:1px solid var(--border);align-self:flex-start}.fu-audio{width:100%}@media (max-width:600px){.dt-cards .table-wrap tr{display:flex;flex-direction:column}.dt-cards .table-wrap td.m-primary{order:-1}.breadcrumb>span:not(:nth-last-child(-n+2)),.breadcrumb>span:nth-last-child(2)>svg{display:none}.breadcrumb>span{min-width:0}.breadcrumb>span a{overflow:hidden;text-overflow:ellipsis;max-width:40vw}.breadcrumb .crumb-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.dashboard-layout{--nav-rail-w:calc(var(--sp-12) + var(--sp-2))}.user-menu-pop{position:absolute;bottom:calc(100% + var(--sp-1));inset-inline:0}.sidebar-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-link:focus-visible{outline:none;box-shadow:var(--ring-neutral)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-btn.has-active{color:var(--nav-fg-active)}.nav-group-btn.has-active svg{color:var(--nav-icon-active)}.nav-group-end{-webkit-margin-start:auto;margin-inline-start:auto;display:inline-flex;align-items:center;gap:var(--sp-1)}.nav-group-end .nav-badge{-webkit-margin-start:0;margin-inline-start:0}.sidebar-link .nav-group-chev{width:14px;height:14px;color:var(--text-faint);transition:transform var(--dur) var(--ease)}.nav-group-btn[aria-expanded=true] .nav-group-chev{transform:rotate(180deg)}.nav-submenu{display:flex;flex-direction:column;gap:2px;margin:0 0 var(--sp-1);-webkit-margin-start:calc(var(--sp-4) - 1px);margin-inline-start:calc(var(--sp-4) - 1px);-webkit-padding-start:var(--sp-2);padding-inline-start:var(--sp-2);-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.nav-submenu[hidden]{display:none}.sidebar-sublink{padding-top:6px;padding-bottom:6px}.sidebar-sublink svg{width:15px;height:15px}.nav-flyout{position:fixed;z-index:var(--z-menu);-webkit-padding-start:var(--sp-2);padding-inline-start:var(--sp-2)}.nav-flyout[hidden]{display:none}.nav-flyout-inner{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--sp-1);min-width:calc(var(--sidebar-w) - var(--sp-8));display:flex;flex-direction:column;gap:2px}.nav-flyout-title{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);padding:var(--sp-1) var(--sp-2) 2px}@media (min-width:769px){.sidebar-collapsed .sidebar{transform:none;width:var(--nav-rail-w);overflow:visible}.sidebar-collapsed .main-content{-webkit-margin-start:calc(var(--nav-rail-w) + var(--sidebar-inset) * 2);margin-inline-start:calc(var(--nav-rail-w) + var(--sidebar-inset) * 2)}.sidebar-collapsed .sidebar-logo{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-logo .logo-text{display:none}.sidebar-collapsed .user-btn{justify-content:center}.sidebar-collapsed .user-btn .grow{display:none}.sidebar-collapsed .user-menu-pop{inset-inline-end:auto;min-width:calc(var(--sidebar-w) - var(--sp-8))}.nav-rail{overflow-x:hidden}.nav-rail .nav-group-rail>.nav-group-btn,.nav-rail>.sidebar-link{justify-content:center;position:relative;padding-inline:0;min-height:calc(var(--sp-8) + var(--sp-1))}.nav-rail .nav-group-rail>.nav-group-btn .sidebar-label,.nav-rail>.sidebar-link .sidebar-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.nav-rail .nav-group-rail>.nav-group-btn svg,.nav-rail>.sidebar-link svg{width:18px;height:18px}.nav-rail .nav-group-rail>.nav-group-btn .nav-badge,.nav-rail>.sidebar-link .nav-badge{position:absolute;top:0;inset-inline-end:var(--sp-1);min-width:16px;height:16px;padding:0 var(--sp-1);font-size:10px}}@media (prefers-reduced-motion:reduce){.sidebar-link .nav-group-chev{transition:none}}.tp-row-end{justify-content:flex-end}.tp-pointer{cursor:pointer}.tp-help{cursor:help}.tp-num{width:var(--sp-16);text-align:end}.tp-danger{color:var(--danger);font-weight:600}.tp-warn{color:var(--warning-strong)}.tp-radio-ok{accent-color:var(--success)}.tp-box{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);background:var(--surface-sunken)}fieldset.tp-box>legend{padding:0 var(--sp-1)}.tp-clip{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:42ch}.tp-badge-link{text-decoration:none}.tp-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden;background:var(--surface-raised)}.tp-seg-opt{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md);cursor:pointer;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);min-height:var(--tap);color:var(--text-secondary)}.tp-seg-opt:last-child{-webkit-border-end:none;border-inline-end:none}.tp-seg-opt:hover{background:var(--surface-hover)}.tp-seg-on,.tp-seg-on:hover{background:var(--action);color:var(--action-fg)}.tp-seg-dis{cursor:not-allowed;opacity:.6}.tp-seg-opt:focus-within{box-shadow:var(--ring)}.tp-rubric{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.tp-rubric-item{display:flex;gap:var(--sp-2);align-items:flex-start;padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.tp-rubric-item:last-child{border-bottom:none;padding-bottom:0}.tp-rubric-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.tp-rubric-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--sp-3);gap:var(--sp-3)}.tp-rubric-tools{display:flex;flex-direction:column;gap:var(--sp-1);padding-top:var(--sp-5)}@media (max-width:600px){.tp-rubric-item{flex-direction:column}.tp-rubric-tools{flex-direction:row;padding-top:0}}.tp-sum-row{align-items:flex-start}.tp-prog{display:flex;flex-direction:column;gap:var(--sp-1);min-width:90px}.tp-timeline{list-style:none;margin:0;padding:0;-webkit-border-start:2px solid var(--border);border-inline-start:2px solid var(--border)}.tp-timeline li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.tp-timeline li:last-child{border-bottom:none}.tp-tl-leave{background:var(--warning-soft)}.tp-grade-split{--split-side:380px}.tp-answer{font-family:var(--font-arab-stack);font-size:var(--fs-xl);line-height:1.9}.tp-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--sp-2);gap:var(--sp-2)}.tp-photo{position:relative;padding:0;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface-sunken);cursor:zoom-in;aspect-ratio:3/4}.tp-photo img{width:100%;height:100%;object-fit:cover;display:block}.tp-photo:focus-visible{box-shadow:var(--ring);outline:none}.tp-photo-zoom{position:absolute;inset-inline-end:var(--sp-1);bottom:var(--sp-1);background:var(--surface-raised);border-radius:var(--r-full);padding:var(--sp-1);display:inline-flex;box-shadow:var(--shadow-sm)}.tp-zoom-img{display:block;max-width:100%;max-height:75vh;margin:0 auto;border-radius:var(--r-md)}.tp-recs{list-style:none;margin:0;padding:0}.tp-recs,.tp-recs li{display:flex;flex-direction:column;gap:var(--sp-2)}.tp-recs li{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3)}.tp-recs li.tp-rec-latest{border-color:var(--success-border);background:var(--success-soft)}.stim-qs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.stim-qs>li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);background:var(--surface-sunken);text-align:start}.stim-qs .tp-clip{max-width:none}.tp-crit-list{list-style:none;margin:0;padding:0;gap:var(--sp-3)}.tp-crit,.tp-crit-list{display:flex;flex-direction:column}.tp-crit{gap:var(--sp-1);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.tp-score-seg{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.tp-score-btn{min-width:var(--sp-8);min-height:var(--sp-8);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-raised);color:var(--text-primary);font-weight:600;cursor:pointer}.tp-score-btn:hover:not(:disabled){background:var(--surface-hover)}.tp-score-btn:focus-visible{box-shadow:var(--ring);outline:none}.tp-score-btn:disabled{cursor:not-allowed;opacity:.6}.tp-score-on,.tp-score-on:hover:not(:disabled){background:var(--action);border-color:var(--action);color:var(--action-fg)}.tp-total{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-sunken);border:1px solid var(--border);font-size:var(--fs-lg)}.tp-conv-scroll{max-height:560px;overflow-y:auto}.tp-conv-preview{max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-md)}.ujian-guard,.ujian-guard-content{flex:1 1;display:flex;flex-direction:column;min-width:0}.ujian-noselect .ujian-guard-content{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.ujian-noselect .ujian-guard-content input,.ujian-noselect .ujian-guard-content textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.ujian-guard-content img{-webkit-user-drag:none}.ujian-watermark{position:fixed;inset:0;z-index:var(--z-sticky);pointer-events:none;background-repeat:repeat;background-position:0 0}.ujian-fs-overlay{position:fixed;inset:60px 0 0 0;z-index:var(--z-drawer);background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.ujian-fs-overlay .card{width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.ujian-fs-note{width:100%;max-width:1200px;margin:0 auto;padding:var(--sp-2) var(--sp-5) 0}.ujian-print-note{display:none}@media print{.ujian>:not(.ujian-print-note){display:none!important}.ujian-print-note{display:block;padding:var(--sp-8);font-size:var(--fs-xl)}}.audio-sisa{flex-shrink:0}.nav-cell.nav-manual{display:inline-flex;align-items:center;justify-content:center;gap:2px}.nav-cell.nav-manual svg{width:11px;height:11px;flex-shrink:0}.nav-legend li svg{color:var(--text-muted);flex-shrink:0}.essay-input{min-height:220px;resize:vertical;font-size:calc(var(--fs-md) + var(--fs-arab-add));line-height:var(--lh-arab)}.essay-count-warn{color:var(--warning-strong);font-weight:600}.essay-photos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.essay-photos li{display:flex;flex-direction:column;gap:var(--sp-2)}.essay-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--border);border-radius:var(--r-md)}.essay-photos img,.rekam{background:var(--surface-sunken)}.rekam{border:1px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-3)}.rekam-panel{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--border)}.rekam-panel.rekam-on{border-color:var(--danger-border);background:var(--danger-soft)}.rekam-count{font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--lh-tight)}.rekam-dot:before{content:"";width:7px;height:7px;border-radius:var(--r-full);background:currentColor;animation:rekam-kedip 1s steps(2) infinite}@keyframes rekam-kedip{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.rekam-dot:before{animation:none}}.mic-audio,.rekam-audio{width:100%;max-width:420px}.mic-check{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3);background:var(--surface-sunken)}.mic-meter{height:10px;background:var(--surface-active);overflow:hidden}.mic-meter,.mic-meter-fill{border-radius:var(--r-full)}.mic-meter-fill{height:100%;background:var(--text-faint);transition:width var(--dur-fast) linear}.mic-meter-fill.on{background:var(--success)}.result-top{display:flex;gap:var(--sp-6);align-items:center;flex-wrap:wrap}.result-secs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3);min-width:0}.review-essay{white-space:pre-wrap;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-sunken);font-size:calc(var(--fs-md) + var(--fs-arab-add))}.rubrik-table{width:100%;border-collapse:collapse}.rubrik-table td,.rubrik-table th{text-align:start;padding:var(--sp-2);border-bottom:1px solid var(--border-subtle);vertical-align:top}.rubrik-table .num{text-align:end;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rubrik-table tfoot td,.rubrik-table tfoot th{border-bottom:none}@media (max-width:600px){.result-secs{grid-template-columns:repeat(2,minmax(0,1fr))}}.tp-mt-2{margin-top:var(--sp-2)}.tp-hb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1);margin-top:var(--sp-1)}.nav-badge{box-shadow:inset 0 0 0 1px var(--accent)}.nav-badge,.sidebar-link.active .nav-badge{background:var(--accent-soft);color:var(--accent-fg)}.acct-slips{display:none}@media print{body.printing-slips>:not(.acct-slips){display:none!important}body.printing-slips>.acct-slips{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-4);gap:var(--sp-4);padding:var(--sp-4);color:var(--text-primary);background:var(--surface-page)}.acct-slip{border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--sp-4);break-inside:avoid;page-break-inside:avoid;font-size:var(--fs-sm)}.acct-slip-head{font-size:var(--fs-xs);color:var(--text-secondary);margin-bottom:var(--sp-2)}.acct-slip-name{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--sp-2)}.acct-slip dl{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--sp-1) var(--sp-3);gap:var(--sp-1) var(--sp-3);margin:0}.acct-slip dt{color:var(--text-secondary)}.acct-slip dd{margin:0;word-break:break-all}.acct-slip-pw{font-size:var(--fs-xl);font-weight:700;letter-spacing:.05em}.acct-slip-note{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--text-secondary)}}:root{--ujian-header-h:60px}.ujian-banners{top:var(--ujian-header-h)}.ujian-nav{top:calc(var(--ujian-header-h) + var(--sp-4))}.ujian-fs-overlay{inset:var(--ujian-header-h) 0 0 0}.ujian-sec-compact{display:none;min-width:0;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:500px){.ujian-header{gap:var(--sp-2) var(--sp-3)}.ujian-sections{display:none}.ujian-sec-compact{display:block;flex:1 1}.ujian-header .timer{font-size:var(--fs-xl);padding:2px var(--sp-2)}.ujian-saving:not(:empty){order:10;flex-basis:100%}}.nav-cell.flagged{box-shadow:inset 0 0 0 2px var(--accent)}.nav-cell.flagged.current{box-shadow:inset 0 0 0 2px var(--accent),var(--ring-neutral)}.nav-cell.flagged:not(.nav-sw):after{display:none}.nav-cell .nav-flag{position:absolute;top:2px;inset-inline-end:2px;width:12px;height:12px;padding:2px;border-radius:var(--r-full);background:var(--accent);color:var(--surface-raised)}.nav-cell.nav-sw.flagged{box-shadow:inset 0 0 0 2px var(--accent)}.soal-card.soal-ragu{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.soal-card:focus{outline:none}.soal-card:focus-visible{box-shadow:var(--ring)}.ujian-timeup .card:focus{outline:none}.ujian-timeup .card:focus-visible{box-shadow:var(--ring),var(--shadow-lg)}.toafl-start-hint{flex:1 1 220px;align-self:center}.belajar-footer-last{flex-wrap:nowrap;justify-content:flex-end;gap:var(--sp-3);min-width:0}@media (max-width:600px){.belajar-footer-last .small{display:none}}.ujian-timers{display:flex;align-items:center;gap:var(--sp-2)}.ujian-timers .timer{display:inline-flex;flex-direction:column;align-items:center;line-height:1.15}.timer-label{font-family:var(--font-sans-stack);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary)}.timer.low .timer-label{color:var(--danger)}.ujian-timers .timer-total{font-size:var(--fs-lg)}@media (max-width:500px){.ujian-header .ujian-timers .timer-total{font-size:var(--fs-md)}}.essay-photos .badge{align-self:flex-start}.essay-photos .btn-spinner{width:10px;height:10px}.harga{font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary)}.jadwal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--sp-4);gap:var(--sp-4);list-style:none;margin:0;padding:0}@media (max-width:900px){.jadwal-list{grid-template-columns:minmax(0,1fr)}}.jadwal-card{display:flex;flex-direction:column;height:100%}.jadwal-card .card-body{display:flex;flex-direction:column;gap:var(--sp-3);flex:1 1}.jadwal-card h2{font-size:var(--fs-xl);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.jadwal-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1);list-style:none;margin:0;padding:0}.info-list{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:var(--sp-1) var(--sp-3);gap:var(--sp-1) var(--sp-3);margin:0;font-size:var(--fs-md)}.info-list dt{color:var(--text-muted)}.info-list dd{margin:0;color:var(--text-primary);overflow-wrap:anywhere}@media (max-width:480px){.info-list{grid-template-columns:minmax(0,1fr)}.info-list dd{margin-bottom:var(--sp-2)}}.jadwal-card .card-footer{display:flex;gap:var(--sp-3);align-items:center;justify-content:space-between;flex-wrap:wrap}@media (max-width:600px){.jadwal-card .card-footer .btn{width:100%}}.checkout-wrap{max-width:980px}.checkout-total{border-top:1px solid var(--border-subtle);padding-top:var(--sp-3)}.checkout-steps{display:flex;gap:var(--sp-2);flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:var(--fs-sm);color:var(--text-muted)}.checkout-steps li{display:inline-flex;align-items:center;gap:var(--sp-1)}.checkout-steps li[aria-current=step]{color:var(--text-primary);font-weight:600}.checkout-steps .step-dot{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:var(--r-full);border:1px solid var(--border);font-size:var(--fs-xs);font-weight:700}.checkout-steps li[aria-current=step] .step-dot{background:var(--action);border-color:var(--action);color:var(--action-fg)}.checkout-steps li.done .step-dot{background:var(--surface-sunken);color:var(--text-primary)}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--sp-2) var(--sp-4);gap:var(--sp-2) var(--sp-4)}.form-fieldset{border:none;margin:0;padding:0;min-width:0}.form-fieldset legend{padding:0;margin-bottom:var(--sp-2)}.order-list{list-style:none;margin:0;padding:0}.order-row{display:flex;gap:var(--sp-3);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.order-row:last-child{border-bottom:none}.order-row .order-main{min-width:0;flex:1 1 260px}.order-row .order-title{font-weight:600;overflow-wrap:anywhere}@media (max-width:600px){.order-row .row{width:100%}.order-row .row .btn{flex:1 1}}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/19150647d2c2f572-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/000030d1699f2fb3-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/1926da171a0ba1a5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/78d0dd042ac6d54d-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/19150647d2c2f572-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/000030d1699f2fb3-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/1926da171a0ba1a5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/78d0dd042ac6d54d-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display Fallback;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_3061f8{font-family:Playfair Display,Playfair Display Fallback,Georgia,Times New Roman,serif}.__variable_3061f8{--font-serif:"Playfair Display","Playfair Display Fallback",Georgia,Times New Roman,serif}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/dad5af6a451969b9-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f751862dd005bbab-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/162bae04ee86dd69-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/67d172d8d0152ee1-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/536d9d896eaf4f3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/87069f06a4f1ee13-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Great Vibes Fallback;src:local("Arial");ascent-override:124.79%;descent-override:58.80%;line-gap-override:0.00%;size-adjust:68.19%}.__className_3ed822{font-family:Great Vibes,Great Vibes Fallback,cursive;font-weight:400;font-style:normal}.__variable_3ed822{--font-script:"Great Vibes","Great Vibes Fallback",cursive}