@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#1c2434;background:#f7f8fc;font-synthesis:none;font-size:16px;--navy:#17233c;--blue:#315ce8;--line:#e7eaf1;--muted:#7d8799;--green:#19a974;--amber:#e6a23c}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}svg{stroke-width:1.8}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-brand{position:relative;overflow:hidden;background:#17233c;color:#fff;padding:54px clamp(40px,6vw,90px);display:flex;flex-direction:column}.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff12}.login-brand:before{width:650px;height:650px;right:-330px;top:-190px}.login-brand:after{width:420px;height:420px;left:-210px;bottom:-190px}.school-mark{width:46px;height:46px;border:1px solid #ffffff2b;border-radius:13px;display:grid;place-items:center}.school-mark svg{width:25px}.brand-copy{margin:auto 0 24px;position:relative;z-index:1}.brand-copy>span{font:700 15px Manrope;letter-spacing:2.4px;color:#8fa8ff}.brand-copy h1{font:800 clamp(40px,4vw,64px)/1.12 "Manrope";letter-spacing:-2.5px;margin:20px 0}.brand-copy p{color:#aab5ca;max-width:510px;font-size:15px;line-height:1.7}.login-art{position:absolute;right:5%;bottom:14%;transform:rotate(-3deg)}.art-card{width:260px;background:#ffffff0d;border:1px solid #ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:22px;box-shadow:0 25px 60px #0003}.art-card>span{display:flex;gap:7px;align-items:center;color:#aeb9d0;font-size:10px}.art-card svg{width:14px}.art-card strong{display:block;font:700 15px/1.5 Manrope;margin:15px 0}.art-bars{height:45px;display:flex;align-items:end;gap:7px}.art-bars i{flex:1;background:#6c8df7;border-radius:3px 3px 0 0}.art-bars i:nth-child(1){height:35%}.art-bars i:nth-child(2){height:70%}.art-bars i:nth-child(3){height:52%}.art-bars i:nth-child(4){height:90%}.art-bars i:nth-child(5){height:75%}.login-brand>small{font-size:14px;color:#68758d;position:relative;z-index:1}.login-panel{display:grid;place-items:center;background:#fff;padding:35px}.login-panel form{width:min(400px,100%)}.mobile-logo{display:none}.overline{font:700 14px Manrope;letter-spacing:1.6px;color:#315ce8;margin:0 0 13px}.login-panel h2{font:800 31px Manrope;letter-spacing:-1px;margin:0 0 8px}.subcopy{color:#8a93a3;font-size:13px;margin:0 0 30px}.login-panel form>label{display:block;margin-bottom:17px}.login-panel label>span,.form-field>span{display:block;font-size:15px;font-weight:700;margin-bottom:7px;color:#495267}.input-box{height:47px;border:1px solid #dce0e8;border-radius:10px;display:flex;align-items:center;padding:0 13px;transition:.2s}.input-box:focus-within{border-color:#315ce8;box-shadow:0 0 0 3px #315ce814}.input-box svg{width:17px;color:#9da5b4}.input-box input{border:0;outline:0;flex:1;padding:0 10px;font-size:13px}.login-help{display:flex;justify-content:space-between;align-items:center;margin:-2px 0 20px}.login-help label{font-size:15px;color:#666f81}.login-help button{border:0;background:none;color:#315ce8;font-size:15px;font-weight:600}.login-button,.primary,.start-button{border:0;background:#315ce8;color:#fff;border-radius:9px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;transition:.15s}.login-button{width:100%;height:47px}.login-button:hover,.primary:hover,.start-button:hover{background:#244acc;transform:translateY(-1px)}.login-button svg,.primary svg,.start-button svg{width:15px}.login-button:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.divider{height:40px;display:flex;align-items:center;justify-content:center;color:#acb2bd;font-size:13px;position:relative}.divider:before{content:"";position:absolute;left:0;right:0;height:1px;background:#edf0f4}.divider span{background:#fff;padding:0 10px;position:relative}.demo-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-buttons button{border:1px solid #e0e4eb;background:#fff;border-radius:8px;padding:9px;font-size:14px;font-weight:700;color:#5f6878}.demo-buttons button:hover{border-color:#315ce8;color:#315ce8}.connection{display:flex;align-items:center;justify-content:center;gap:6px;color:#a0a7b2;font-size:13px;margin:20px 0 0}.connection i{width:6px;height:6px;border-radius:50%;background:#e6a23c}.connection i.online{background:#19a974}.portal-shell{min-height:100vh}.portal-sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#17233c;color:#fff;padding:24px 13px 16px;z-index:30;display:flex;flex-direction:column}.portal-logo{display:flex;align-items:center;gap:10px;padding:0 10px 25px}.portal-logo>span{width:34px;height:34px;border-radius:9px;background:#315ce8;display:grid;place-items:center}.portal-logo svg{width:20px}.portal-logo>b{font:700 13px Manrope}.portal-logo small{display:block;color:#7d8aa3;font:500 12px DM Sans;margin-top:2px}.workspace{padding:0 4px 20px}.workspace>small{font-size:12px;letter-spacing:1px;color:#65728b;padding-left:8px}.workspace>button{width:100%;border:1px solid #ffffff12;background:#ffffff08;color:#fff;border-radius:9px;padding:9px;display:flex;align-items:center;text-align:left;margin-top:7px}.workspace>button>span{width:29px;height:29px;background:#38445b;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:700;margin-right:8px}.workspace b{font-size:14px;flex:1}.workspace b small{display:block;font-size:12px;color:#7f8ba3;margin-top:2px}.workspace svg{width:13px;color:#78859c}.portal-sidebar nav{display:grid;gap:3px}.portal-sidebar nav a,.side-bottom a,.side-bottom button{display:flex;align-items:center;gap:11px;color:#8793aa;font-size:15px;font-weight:600;border-radius:8px;padding:10px 11px}.portal-sidebar nav a svg,.side-bottom svg{width:17px}.portal-sidebar nav a:hover,.portal-sidebar nav a.active,.side-bottom a:hover,.side-bottom button:hover{background:#ffffff0d;color:#fff}.portal-sidebar nav a.active{background:#315ce8}.portal-sidebar nav em{margin-left:auto;background:#f05252;color:#fff;width:18px;height:18px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-style:normal}.side-bottom{margin-top:auto;border-top:1px solid #ffffff0d;padding-top:10px}.side-bottom button{border:0;background:transparent;width:100%;text-align:left}.portal-main{margin-left:236px;min-height:100vh}.topbar{height:62px;background:#fff;border-bottom:1px solid #e9ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.global-search{display:flex;align-items:center;width:min(390px,50%);color:#9da5b4}.global-search svg{width:16px}.global-search input{border:0;outline:0;flex:1;padding:0 10px;font-size:11px}.global-search kbd{font-size:12px;border:1px solid #e1e4ea;background:#f8f9fb;border-radius:5px;padding:4px 6px;color:#9aa1ae}.top-actions{display:flex;align-items:center;gap:4px}.top-actions>button,.mobile-menu{border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;color:#707a8d}.top-actions svg{width:16px}.notification{position:relative}.notification i{position:absolute;right:7px;top:6px;width:6px;height:6px;border-radius:50%;background:#ef5c5c;border:1px solid white}.avatar{width:31px;height:31px;border-radius:9px;background:#e7ecff;color:#315ce8;display:grid;place-items:center;font-size:13px;font-weight:700;margin-left:7px}.mobile-menu,.portal-mobile-nav{display:none}.portal-page{max-width:1450px;margin:auto;padding:34px clamp(22px,3.5vw,52px) 70px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.page-title p{font-size:12px;letter-spacing:1.3px;color:#8290a7;font-weight:700;margin:0 0 7px}.page-title h1{font:800 27px Manrope;letter-spacing:-.8px;margin:0 0 6px;color:#1b273e}.page-title>div>span{font-size:15px;color:#8a94a7}.title-actions{display:flex;gap:8px}.title-actions>button,.outline{border:1px solid #dfe3eb;background:#fff;color:#525d71;border-radius:9px;font-size:14px;font-weight:700;padding:10px 13px;display:flex;align-items:center;gap:7px}.title-actions svg,.outline svg{width:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px}.stat-card{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:17px;display:flex;align-items:flex-start;gap:13px}.stat-card>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.stat-card>span svg{width:17px}.stat-card .green{color:#139e6b;background:#e8f8f2}.stat-card .blue{color:#315ce8;background:#edf0ff}.stat-card .amber{color:#d38b1a;background:#fff5df}.stat-card .purple{color:#8457d8;background:#f2edfc}.stat-card>div small{display:block;color:#808a9d;font-size:13px;font-weight:600;margin-bottom:5px}.stat-card strong{font:800 23px Manrope;color:#1f2a40}.stat-card p{font-size:12px;color:#a0a7b4;margin:4px 0 0}.dashboard-columns{display:grid;grid-template-columns:1.45fr .85fr;gap:13px}.card,.table-card{background:#fff;border:1px solid #e7eaf0;border-radius:12px;overflow:hidden}.card-head{height:52px;border-bottom:1px solid #eef0f4;padding:0 17px;display:flex;align-items:center;justify-content:space-between}.card-head h2{font:700 16px Manrope;margin:0}.card-head button{border:0;background:transparent;color:#315ce8;font-size:13px;font-weight:700;display:flex;align-items:center;gap:2px}.card-head button svg{width:12px}.schedule-list>div{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f2f5;gap:11px}.schedule-list>div:last-child{border:0}.date-tile{width:48px;border-right:1px solid #e9ebef;display:flex;flex-direction:column}.date-tile strong{font-size:11px}.date-tile span{font-size:12px;color:#9ba3b1}.subject-dot{width:29px;height:29px;border-radius:8px;background:#eef1ff;color:#315ce8;display:grid;place-items:center;font-size:12px;font-weight:700}.schedule-copy{flex:1}.schedule-copy strong,.schedule-copy small{display:block}.schedule-copy strong{font-size:10px}.schedule-copy small{font-size:12px;color:#9ba3b1;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:15px;padding:5px 8px;font-size:12px;font-weight:700;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status.berlangsung{background:#e8f8f2;color:#159c6b}.status.terjadwal{background:#edf1ff;color:#315ce8}.status.selesai{background:#eff1f4;color:#667084}.status.draft{background:#fff4df;color:#c5841b}.more{border:0;background:transparent;color:#9da4b0;width:26px;height:26px;display:grid;place-items:center}.more svg{width:16px}.activity-list{padding:3px 16px}.activity{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #f0f2f5}.activity:last-child{border:0}.activity>span{width:27px;height:27px;border-radius:8px;background:#f1f3f7;display:grid;place-items:center;color:#6c768a}.activity svg{width:13px}.activity p{font-size:13px;line-height:1.4;margin:0;flex:1;color:#657084}.activity p b{color:#2f394d}.activity small{display:block;color:#adb3bd;margin-top:3px}.insight-card{margin-top:13px;padding:17px 20px;display:flex;align-items:end;min-height:145px}.insight-card>div:first-child{flex:1}.insight-card p{font-size:12px;color:#8b95a7;font-weight:700;letter-spacing:.7px}.insight-card strong{font:800 27px Manrope;display:block}.insight-card span{font-size:13px;color:#9aa2af}.insight-card span b{color:#19a974}.mini-chart{height:90px;width:55%;display:flex;align-items:end;gap:7px}.mini-chart i{flex:1;background:#dfe5fb;border-radius:3px 3px 0 0}.mini-chart i.last{background:#315ce8}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.toolbar>div{flex:1;max-width:360px;height:38px;background:#fff;border:1px solid #e1e5ec;border-radius:8px;display:flex;align-items:center;padding:0 11px}.toolbar svg{width:14px;color:#9099a9}.toolbar input{border:0;outline:0;padding-left:8px;flex:1;font-size:10px}.toolbar>button{height:38px;border:1px solid #e1e5ec;background:#fff;border-radius:8px;color:#687286;font-size:13px;font-weight:700;padding:0 12px;display:flex;align-items:center;gap:6px}.table-card{overflow-x:auto}.table-card table{width:100%;border-collapse:collapse;min-width:740px}.table-card th{text-align:left;font-size:12px;letter-spacing:.6px;color:#8c96a8;font-weight:700;background:#fbfcfd;padding:11px 15px;border-bottom:1px solid #e9ecf1}.table-card td{font-size:14px;color:#596477;padding:12px 15px;border-bottom:1px solid #eff1f4}.table-card tbody tr:hover{background:#fafbfe}.exam-cell{display:flex;align-items:center;gap:10px}.exam-cell>span{width:31px;height:31px;border-radius:8px;background:#edf1ff;color:#315ce8;display:grid;place-items:center;font-size:12px;font-weight:700}.exam-cell p{margin:0}.exam-cell b,.exam-cell small,.table-main,.table-card td>small{display:block}.exam-cell b,.table-main{font-size:14px;color:#273247}.exam-cell small,.table-card td>small{font-size:12px;color:#969eac;margin-top:3px}.participant{display:flex;align-items:center;gap:8px}.participant>div{display:flex}.participant i{width:20px;height:20px;border-radius:50%;background:#dfe5fb;border:2px solid white;margin-left:-5px}.participant i:first-child{margin:0}.participant i:nth-child(2){background:#f7dccc}.participant i:nth-child(3){background:#d5eddf}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;font-size:13px;color:#9199a7}.table-footer div{display:flex;gap:3px}.table-footer button{width:25px;height:25px;border:1px solid #e1e4ea;background:#fff;border-radius:6px;display:grid;place-items:center;font-size:9px}.table-footer button.active{background:#315ce8;color:#fff;border-color:#315ce8}.table-footer svg{width:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182a99;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;animation:fade .18s}.modal{width:min(520px,100%);background:#fff;border-radius:14px;box-shadow:0 25px 70px #10172c55;max-height:calc(100vh - 36px);overflow:auto;animation:up .2s}.modal.wide{width:min(720px,100%)}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(14px)}}.wizard>header,.simple-modal>header{padding:18px 21px 15px;display:flex;justify-content:space-between;border-bottom:1px solid #e9ecf1}.wizard header p,.simple-modal header p{font-size:12px;color:#315ce8;letter-spacing:1px;font-weight:700;margin:0 0 4px}.wizard h2,.simple-modal h2{font:800 18px Manrope;margin:0}.wizard header button,.simple-modal header button{width:28px;height:28px;border:0;background:#f2f4f7;border-radius:7px;display:grid;place-items:center}.wizard header svg,.simple-modal header svg{width:14px}.stepper{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 22px;border-bottom:1px solid #eef0f4}.stepper span{display:flex;align-items:center;gap:6px;position:relative}.stepper span:not(:last-child):after{content:"";height:1px;background:#dfe3eb;position:absolute;left:29px;right:7px;top:10px}.stepper i{width:20px;height:20px;border-radius:50%;background:#f0f2f5;color:#8b94a3;display:grid;place-items:center;font-size:12px;font-style:normal;position:relative;z-index:1}.stepper i svg{width:10px}.stepper b{font-size:12px;color:#9ca3b0}.stepper span.active i{background:#315ce8;color:#fff}.stepper span.active b{color:#315ce8}.wizard-body{padding:22px;min-height:250px}.form-field{display:block;margin-bottom:15px}.form-field input,.form-field select,.form-field textarea,.modal-content input,.modal-content select,.settings-form input,.settings-form textarea{width:100%;border:1px solid #dfe3ea;background:#fff;border-radius:8px;padding:10px 11px;outline:0;font-size:14px;color:#333e52}.form-field input:focus,.form-field textarea:focus{border-color:#315ce8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{border:1px solid #dfe3ea;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px}.choice-card>svg{width:24px;color:#315ce8}.choice-card div{flex:1}.choice-card b{font-size:11px}.choice-card p{font-size:13px;color:#929aaa;margin:4px 0}.choice-card>span{font-size:13px;color:#315ce8}.switch-list{border:1px solid #e1e4ea;border-radius:9px;overflow:hidden}.switch-list label{padding:12px;display:flex;align-items:center;border-bottom:1px solid #edf0f4}.switch-list label:last-child{border:0}.switch-list span{flex:1}.switch-list b,.switch-list small{display:block;font-size:10px}.switch-list small{font-size:12px;color:#969fac;margin-top:3px}.review-box{text-align:center;padding:18px}.review-box>svg{width:38px;color:#19a974}.review-box h3{font:700 15px Manrope}.review-box p,.review-box span{font-size:14px;color:#6f798b}.wizard>footer,.simple-modal>footer{padding:13px 20px;border-top:1px solid #e9ecf1;display:flex;justify-content:space-between}.wizard footer>button,.wizard footer>div>button,.simple-modal footer button{border:1px solid #dfe3ea;background:#fff;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:700}.wizard footer>div{display:flex;gap:7px}.wizard footer .primary,.simple-modal footer .primary{background:#315ce8;color:#fff;border-color:#315ce8}.bank-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.bank-summary>div{display:flex;align-items:center;background:#fff;border:1px solid #e6e9ef;border-radius:10px;padding:14px}.bank-summary>div>span{width:32px;height:32px;border-radius:8px;background:#edf1ff;color:#315ce8;display:grid;place-items:center;margin-right:10px}.bank-summary svg{width:15px}.bank-summary p{margin:0}.bank-summary small,.bank-summary b{display:block}.bank-summary small{font-size:12px;color:#939dad;letter-spacing:.5px}.bank-summary b{font:800 17px Manrope;margin-top:3px}.question-layout{display:grid;grid-template-columns:205px 1fr;gap:11px}.bank-list{background:#fff;border:1px solid #e5e8ef;border-radius:11px;padding:10px}.bank-list h3{font-size:12px;color:#8993a5;letter-spacing:.7px;padding:4px 7px 8px;margin:0;display:flex;justify-content:space-between}.bank-list h3 button{border:0;background:none;color:#315ce8}.bank-list h3 svg{width:13px}.bank-list>button{width:100%;border:0;background:#fff;display:flex;align-items:center;padding:8px;border-radius:7px;text-align:left;color:#5c6678}.bank-list>button:hover,.bank-list>button.active{background:#edf1ff;color:#315ce8}.bank-list>button>span{width:25px;height:25px;display:grid;place-items:center}.bank-list svg{width:13px}.bank-list p{margin:0;flex:1;font-size:13px;font-weight:600}.bank-list small{display:block;font-size:11px;color:#9da4b0;margin-top:2px}.question-cell{max-width:410px}.question-cell small,.question-cell b{display:block}.question-cell small{font-size:12px;color:#929bad;margin-bottom:4px}.question-cell b{font-size:14px;color:#313c50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-badge{font-size:12px;background:#f0f2f6;border-radius:5px;padding:4px 6px}.difficulty{font-size:12px;border-radius:15px;padding:5px 8px;font-weight:700}.difficulty.mudah{background:#e8f8f1;color:#149b68}.difficulty.sedang{background:#fff4df;color:#c38118}.difficulty.sulit{background:#feeaeb;color:#d74d55}.modal-content{padding:19px}.option-editor{display:grid;gap:7px}.option-editor label{display:flex;align-items:center;gap:7px}.option-editor label>span{width:25px;height:25px;border-radius:6px;background:#f0f2f6;display:grid;place-items:center;font-size:13px;font-weight:700}.option-editor label input:last-child{flex:1}.class-tabs{display:flex;gap:5px;border-bottom:1px solid #dfe3ea;margin-bottom:14px}.class-tabs button{border:0;background:transparent;padding:9px 12px;color:#7c8697;font-size:14px;font-weight:600;border-bottom:2px solid transparent}.class-tabs button.active{color:#315ce8;border-color:#315ce8}.class-tabs span{background:#edf0f5;border-radius:10px;font-size:11px;padding:2px 5px;margin-left:3px}.student-cell{display:flex;align-items:center;gap:8px}.student-cell>span{width:28px;height:28px;background:#edf1ff;color:#315ce8;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700}.student-cell b{font-size:14px;color:#2e384c}.user-status{font-size:12px;color:#929aa7;display:flex;align-items:center;gap:5px}.user-status i{width:6px;height:6px;background:#aab0ba;border-radius:50%}.user-status.active{color:#149b68}.user-status.active i{background:#19a974}.grading-shell{display:grid;grid-template-columns:240px 1fr;background:#fff;border:1px solid #e4e8ef;border-radius:12px;overflow:hidden;min-height:590px}.grading-shell>aside{border-right:1px solid #e8ebf0}.grading-progress{padding:17px;border-bottom:1px solid #e8ebf0}.grading-progress p{display:flex;justify-content:space-between;margin:0 0 9px}.grading-progress b,.grading-progress span{font-size:9px}.grading-progress span{color:#929aa8}.grading-progress>i,.question-nav>div:first-child>i{height:4px;background:#edf0f4;border-radius:3px;display:block}.grading-progress>i span,.question-nav>div:first-child>i span{height:100%;background:#315ce8;border-radius:3px;display:block}.student-answer-list{padding:7px}.student-answer-list button{width:100%;border:0;background:#fff;display:flex;align-items:center;padding:9px;border-radius:8px;text-align:left}.student-answer-list button:hover,.student-answer-list button.active{background:#eef2ff}.student-answer-list button>span{width:29px;height:29px;border-radius:8px;background:#e3e8f9;color:#315ce8;display:grid;place-items:center;font-size:12px;font-weight:700;margin-right:8px}.student-answer-list p{flex:1;margin:0}.student-answer-list b,.student-answer-list small{display:block;font-size:9px}.student-answer-list small{font-size:12px;color:#9aa2af;margin-top:2px}.student-answer-list svg{width:13px;color:#19a974}.grading-main{padding:22px}.question-reference{background:#f8f9fc;border:1px solid #e6e9f0;border-radius:10px;padding:15px}.question-reference>small{font-size:12px;color:#315ce8;font-weight:700}.question-reference h3{font:700 12px/1.5 Manrope;margin:7px 0}.question-reference button{border:0;background:transparent;color:#315ce8;padding:0;font-size:12px;display:flex;align-items:center;gap:5px}.question-reference svg{width:12px}.answer-paper{padding:19px;border-bottom:1px solid #e8ebf0}.answer-paper>div{display:flex;align-items:center;margin-bottom:17px}.avatar.sm{width:30px;height:30px;margin-right:8px}.answer-paper div p{margin:0}.answer-paper div b,.answer-paper div small{display:block;font-size:9px}.answer-paper div small{font-size:12px;color:#a0a7b3;margin-top:2px}.answer-paper>p{font-size:15px;line-height:1.7;color:#4c5769}.score-panel{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:end;padding-top:18px}.score-panel .form-field{margin:0}.report-filter{background:#fff;border:1px solid #e5e8ef;border-radius:10px;padding:10px;display:flex;gap:8px;margin-bottom:12px}.report-filter select{border:1px solid #dfe3ea;border-radius:7px;padding:8px 10px;font-size:13px;min-width:200px}.report-filter button{border:0;background:#17233c;color:#fff;border-radius:7px;padding:0 15px;font-size:13px;font-weight:700}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e5e8ef;border-radius:11px;margin-bottom:12px}.report-stats>div{padding:16px;border-right:1px solid #e9ecf1}.report-stats>div:last-child{border:0}.report-stats small,.report-stats b,.report-stats span{display:block}.report-stats small{font-size:12px;color:#939cac}.report-stats b{font:800 19px Manrope;margin:4px 0}.report-stats span{font-size:12px;color:#929aaa}.report-stats .up{color:#19a974}.report-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;margin-bottom:12px}.chart-card{min-height:260px}.grade-chart{height:190px;display:flex;align-items:end;gap:7px;padding:23px 19px 13px}.grade-chart div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.grade-chart i{width:75%;background:#dce4fd;border-radius:4px 4px 0 0}.grade-chart div:nth-child(8) i{background:#315ce8}.grade-chart span{font-size:11px;color:#a0a7b2}.donut-wrap{padding:24px;display:flex;align-items:center;gap:24px}.donut{width:110px;height:110px;border-radius:50%;background:conic-gradient(#19a974 0,#19a974 87.5%,#eef0f4 87.5%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut:before{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:50%;background:#fff}.donut strong,.donut span{position:relative}.donut strong{font:800 20px Manrope}.donut span{font-size:12px;color:#929aaa}.donut-wrap ul{list-style:none;padding:0;margin:0;flex:1}.donut-wrap li{font-size:12px;color:#737d8e;padding:6px 0;display:flex;align-items:center;gap:6px}.donut-wrap li i{width:7px;height:7px;border-radius:50%}.donut-wrap li i.green{background:#19a974}.donut-wrap li i.amber{background:#e6a23c}.donut-wrap li i.gray{background:#ccd1da}.donut-wrap li b{margin-left:auto;color:#313b4e}.analysis-row{display:flex;align-items:center;padding:12px 17px;border-bottom:1px solid #edf0f4}.analysis-row>span:first-child{width:25px;height:25px;border-radius:7px;background:#f0f2f6;display:grid;place-items:center;font-size:12px;font-weight:700;margin-right:9px}.analysis-row>p{margin:0;flex:1}.analysis-row p b,.analysis-row p small,.analysis-row>div small,.analysis-row>div b{display:block;font-size:9px}.analysis-row p small,.analysis-row>div small{font-size:12px;color:#969eac;margin-top:2px}.analysis-row>div{width:120px}.settings-grid{display:grid;grid-template-columns:180px 1fr;gap:12px}.settings-grid>aside{display:flex;flex-direction:column;gap:3px}.settings-grid>aside button{border:0;background:transparent;text-align:left;padding:10px;border-radius:7px;color:#707a8c;font-size:10px}.settings-grid>aside button.active{background:#eaf0ff;color:#315ce8;font-weight:700}.settings-form{padding:22px}.settings-form h2{font:700 15px Manrope;margin:0}.settings-form>p{font-size:13px;color:#959daa}.school-logo{display:flex;align-items:center;margin:20px 0}.school-logo>span{width:55px;height:55px;border-radius:13px;background:#17233c;color:#fff;display:grid;place-items:center;margin-right:12px}.school-logo svg{width:26px}.school-logo button{border:1px solid #dfe3ea;background:#fff;border-radius:7px;padding:8px 11px;font-size:13px;font-weight:700}.settings-save{display:flex;align-items:center;gap:12px}.settings-save span{font-size:12px;color:#999}.real-empty-state{min-height:260px;background:#fff;border:1px solid #e4e8ef;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#778296}.real-empty-state>svg{width:34px;height:34px;color:#315ce8}.real-empty-state h3{font:700 16px Manrope;color:#2d384c;margin:13px 0 5px}.real-empty-state p{font-size:13px;max-width:520px;margin:0;line-height:1.6}.real-empty-state button{margin-top:15px;border:1px solid #dce1e9;background:#fff;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.real-empty-state button svg{width:14px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.real-toolbar>div{max-width:none}.participant>svg{width:17px;color:#7d89a0}.row-actions{display:flex;gap:5px}.row-actions button{width:30px;height:30px;border:1px solid #dfe3ea;background:#fff;border-radius:7px;display:grid;place-items:center;color:#657085}.row-actions button.danger{color:#d14c55}.row-actions svg{width:14px}.real-exam-modal .modal-content{max-height:65vh;overflow:auto}.real-question-picker{border:1px solid #dfe3ea;border-radius:9px;margin-bottom:15px;max-height:250px;overflow:auto}.real-question-picker>div{position:sticky;top:0;background:#f8f9fc;padding:10px 12px;display:flex;justify-content:space-between;z-index:1}.real-question-picker>div b,.real-question-picker>div span{font-size:12px}.real-question-picker>div span{color:#315ce8;font-weight:700}.real-question-picker>p{padding:13px;font-size:13px;color:#919aaa}.real-question-picker>label{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-top:1px solid #edf0f4}.real-question-picker>label>input{width:auto;margin-top:3px}.real-question-picker>label>span{flex:1}.real-question-picker>label b,.real-question-picker>label small{display:block}.real-question-picker>label b{font-size:13px;color:#364155}.real-question-picker>label small{font-size:11px;color:#929baa;margin-top:3px}.real-switches{margin-bottom:2px}.question-reference details{font-size:12px;color:#526078}.question-reference summary{cursor:pointer;color:#315ce8;font-weight:700}.question-reference details p{line-height:1.6;margin-bottom:0}.real-report-summary{padding:20px 24px;text-align:center}.real-report-summary>span{width:45px;height:45px;background:#eaf0ff;color:#315ce8;border-radius:13px;display:grid;place-items:center;margin:auto}.real-report-summary>span svg{width:22px}.real-report-summary>strong{font:800 28px Manrope;display:block;margin-top:9px}.real-report-summary>p{font-size:12px;color:#929baa;margin:2px 0 12px}.real-report-summary ul{list-style:none;padding:10px 0 0;margin:0;border-top:1px solid #edf0f4}.real-report-summary li{display:flex;align-items:center;gap:7px;padding:5px 0;font-size:12px;color:#6e798b}.real-report-summary li i{width:7px;height:7px;border-radius:50%}.real-report-summary li i.green{background:#19a974}.real-report-summary li i.amber{background:#e6a23c}.real-report-summary li i.gray{background:#aab2c0}.real-report-summary li b{margin-left:auto;color:#29354a}.inline-empty{padding:24px;text-align:center;color:#929baa;font-size:13px}.settings-real-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.school-logo>div b,.school-logo>div small{display:block}.school-logo>div b{font:700 14px Manrope}.school-logo>div small{font-size:12px;color:#929baa;margin-top:3px}.settings-save>svg{width:16px;color:#19a974}.settings-loading{min-height:130px;display:flex;align-items:center;justify-content:center;gap:8px;color:#8791a2;font-size:13px}.settings-loading svg{width:18px}.portal-logo>span{overflow:hidden}.portal-logo>span img,.school-logo>span img{width:100%;height:100%;object-fit:cover}.toolbar-filter{height:38px;border:1px solid #e1e5ec;background:#fff;border-radius:8px;color:#687286;padding:0 9px;display:flex;align-items:center;gap:5px}.toolbar-filter svg{width:14px}.toolbar-filter select{border:0;outline:0;background:transparent;color:#5d687b;font-size:13px;font-weight:700}.title-actions button:disabled{opacity:.45;cursor:not-allowed}.topbar-search{position:relative}.topbar-search>button{border:0;background:transparent;color:#8d96a6;display:grid;place-items:center}.topbar-search>button svg{width:14px}.top-action-wrap{position:relative}.top-actions .top-action-wrap>button{border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;color:#707a8d}.top-actions .top-action-wrap>button svg{width:16px}.top-actions .top-action-wrap>.avatar{border:0;margin-left:7px}.topbar-popover{position:absolute;top:43px;right:0;width:330px;background:#fff;border:1px solid #dfe3eb;border-radius:12px;box-shadow:0 18px 50px #1c294022;z-index:80;overflow:hidden;color:#4e5a6f}.search-results{left:0;right:auto;width:min(520px,80vw);max-height:430px;overflow:auto}.popover-title{height:44px;padding:0 13px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between}.popover-title b{font:700 13px Manrope;color:#283449}.popover-title span,.popover-title button{font-size:11px;color:#8d97a8}.popover-title button{border:0;background:none;color:#315ce8;font-weight:700}.search-results>button,.notice-popover>a{width:100%;border:0;background:#fff;display:flex;align-items:center;text-align:left;padding:10px 13px;border-bottom:1px solid #f0f2f5}.search-results>button:hover,.notice-popover>a:hover{background:#f7f9fd}.search-results>button>span,.notice-popover>a>span{width:31px;height:31px;border-radius:8px;background:#edf1ff;color:#315ce8;display:grid;place-items:center;margin-right:9px;flex:0 0 auto}.search-results svg,.notice-popover svg{width:14px}.search-results p,.notice-popover p{margin:0;min-width:0}.search-results p b,.search-results p small,.notice-popover p b,.notice-popover p small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results p b,.notice-popover p b{font-size:12px;color:#334055}.search-results p small,.notice-popover p small{font-size:11px;color:#929baa;margin-top:3px}.popover-empty{padding:22px;text-align:center;font-size:12px;color:#929baa;margin:0}.help-popover{padding-bottom:8px}.help-popover>p{font-size:12px;line-height:1.6;margin:12px 14px;color:#778296}.help-popover>a,.account-popover>a,.account-popover>button{display:flex;align-items:center;gap:8px;padding:9px 14px;color:#4f5b70;font-size:12px;font-weight:700}.help-popover>a:hover,.account-popover>a:hover,.account-popover>button:hover{background:#f7f9fd}.help-popover svg,.account-popover svg{width:15px}.help-popover kbd{font-size:10px;border:1px solid #dfe3ea;border-radius:4px;padding:1px 4px}.notice-popover{max-height:430px;overflow:auto}.account-popover{width:280px;padding-bottom:6px}.account-summary{display:flex;align-items:center;padding:14px;border-bottom:1px solid #edf0f4}.account-summary>span{width:38px;height:38px;border-radius:10px;background:#17233c;color:#fff;display:grid;place-items:center;margin-right:10px}.account-summary>span svg{width:19px}.account-summary p{margin:0;min-width:0}.account-summary b,.account-summary small,.account-summary em{display:block}.account-summary b{font-size:13px;color:#29354a}.account-summary small{font-size:11px;color:#929baa;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.account-summary em{font-size:10px;color:#315ce8;font-style:normal;margin-top:4px;text-transform:uppercase}.account-popover>button{width:100%;border:0;background:#fff;color:#c94750}.settings-functional-layout{display:grid;grid-template-columns:210px 1fr;gap:13px;align-items:start}.settings-functional-layout>aside{background:#fff;border:1px solid #e5e8ef;border-radius:11px;padding:7px;display:grid;gap:3px;position:sticky;top:80px}.settings-functional-layout>aside button{border:0;background:transparent;border-radius:8px;padding:10px;display:flex;align-items:center;gap:9px;color:#697489;font-size:13px;font-weight:700;text-align:left}.settings-functional-layout>aside button:hover,.settings-functional-layout>aside button.active{background:#edf1ff;color:#315ce8}.settings-functional-layout>aside svg{width:16px}.settings-functional-layout .settings-form{min-height:390px}.school-logo{gap:0}.school-logo .logo-upload{margin-left:auto;border:1px solid #dfe3ea;background:#fff;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer}.logo-upload svg{width:14px}.logo-upload input{display:none}.settings-toggle-list{border:1px solid #e1e5ec;border-radius:10px;overflow:hidden;margin:18px 0}.settings-toggle-list label{padding:13px 14px;display:flex;align-items:center;border-bottom:1px solid #edf0f4}.settings-toggle-list label:last-child{border:0}.settings-toggle-list label>span{flex:1}.settings-toggle-list b,.settings-toggle-list small{display:block}.settings-toggle-list b{font-size:13px;color:#384458}.settings-toggle-list small{font-size:11px;color:#929baa;margin-top:3px}.settings-toggle-list input{width:17px;height:17px;accent-color:#315ce8}.security-note{display:flex;align-items:center;gap:10px;background:#eef8f4;border:1px solid #d7eee4;border-radius:9px;padding:11px 13px;margin:12px 0 18px;color:#17855d}.security-note>svg{width:19px}.security-note p{margin:0}.security-note b,.security-note span{display:block}.security-note b{font-size:12px}.security-note span{font-size:11px;margin-top:2px;color:#6d8d80}.academic-setting-card{border:1px solid #e1e5ec;border-radius:10px;padding:16px;display:flex;align-items:center;margin-top:20px}.academic-setting-card>span{width:42px;height:42px;border-radius:10px;background:#edf1ff;color:#315ce8;display:grid;place-items:center;margin-right:11px}.academic-setting-card svg{width:20px}.academic-setting-card>div{flex:1}.academic-setting-card small,.academic-setting-card b{display:block}.academic-setting-card small{font-size:10px;color:#929baa}.academic-setting-card b{font:700 16px Manrope;margin-top:3px}.academic-setting-card>a{border:1px solid #dfe3ea;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700;color:#315ce8}.student-app{min-height:100vh;background:#f6f8fc}.student-header{height:66px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px)}.student-logo{display:flex;align-items:center;gap:8px;color:#17233c}.student-logo svg{width:23px}.student-logo b{font:800 14px Manrope}.student-header>div{display:flex;align-items:center;gap:7px}.student-header>div>span{display:flex;align-items:center;gap:5px;color:#19a974;font-size:12px;font-weight:700}.student-header>div>span svg{width:12px}.student-header>div>button{border:0;background:transparent}.student-profile{display:flex;align-items:center;text-align:left}.student-profile>span{width:31px;height:31px;border-radius:9px;background:#e8edff;color:#315ce8;display:grid;place-items:center;font-size:13px;font-weight:700;margin-right:8px}.student-profile b,.student-profile small{display:block;font-size:9px}.student-profile small{font-size:11px;color:#929aa8;margin-top:2px}.student-profile svg,.logout-icon svg{width:13px;color:#8d96a5}.student-home{max-width:1050px;margin:auto;padding:38px 20px 70px}.student-greeting p{font-size:12px;letter-spacing:1px;color:#8290a6;font-weight:700;margin:0 0 8px}.student-greeting h1{font:800 27px Manrope;letter-spacing:-.8px;margin:0 0 6px}.student-greeting>span{font-size:15px;color:#8993a5}.available-exam{margin:25px 0;background:#fff;border:1px solid #dfe4f0;border-radius:14px;overflow:hidden;box-shadow:0 7px 25px #1d2b4a0b}.live-label{height:31px;background:#17233c;color:#fff;display:flex;align-items:center;padding:0 18px;font-size:12px;font-weight:700;letter-spacing:.8px}.live-label i{width:6px;height:6px;border-radius:50%;background:#31d194;margin-right:7px}.exam-feature{display:flex;align-items:center;padding:23px}.feature-icon{width:51px;height:51px;border-radius:13px;background:#edf1ff;color:#315ce8;display:grid;place-items:center;margin-right:15px}.feature-icon svg{width:24px}.feature-copy{flex:1}.feature-copy>span{font-size:12px;color:#315ce8;font-weight:700}.feature-copy h2{font:800 18px Manrope;margin:5px 0 8px}.feature-copy p{display:flex;align-items:center;gap:7px;color:#858f9f;font-size:13px;margin:0}.feature-copy svg{width:12px}.feature-copy p i{width:3px;height:3px;background:#c3c8d0;border-radius:50%}.exam-note{background:#f8f9fc;border-top:1px solid #ebedf2;padding:10px 20px;display:flex;align-items:center;color:#6a7588}.exam-note svg{width:16px;margin-right:8px}.exam-note p{margin:0}.exam-note b,.exam-note span{display:block;font-size:8px}.exam-note span{color:#9ba2ad;margin-top:2px}.student-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.student-columns section>h3{font-size:12px;letter-spacing:.8px;color:#8590a3;margin:0 0 9px}.upcoming-card,.result-card{background:#fff;border:1px solid #e5e8ef;border-radius:10px;padding:12px;margin-bottom:8px;display:flex;align-items:center}.subject-box{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#315ce8;background:#ebefff;margin-right:9px}.subject-box.orange{background:#fff0e5;color:#df7e39}.subject-box.purple{background:#f0eafb;color:#8457d8}.subject-box.green{background:#e5f7ef;color:#159c6b}.upcoming-card p,.result-card p{margin:0;flex:1}.upcoming-card p b,.upcoming-card p small,.result-card p b,.result-card p small{display:block;font-size:9px}.upcoming-card p small,.result-card p small{font-size:12px;color:#969eab;margin-top:3px}.upcoming-card>div{text-align:right}.upcoming-card>div b,.upcoming-card>div span{display:block;font-size:8px}.upcoming-card>div span{color:#315ce8;margin-top:2px}.result-card>div:first-child{display:flex;align-items:center;flex:1}.result-card>strong{font:800 18px Manrope;margin-right:12px}.result-card>strong small{font-size:8px}.passed{font-size:11px;background:#e7f7f0;color:#159c6b;border-radius:12px;padding:4px 7px}.runner{min-height:100vh;background:#f5f7fb}.runner>header{height:68px;background:#17233c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.runner-brand{display:flex;align-items:center;gap:10px}.runner-brand>svg{width:24px}.runner-brand span small,.runner-brand span b{display:block}.runner-brand small{color:#8d9ab4;font-size:11px;letter-spacing:.7px}.runner-brand b{font:700 15px Manrope;margin-top:3px}.runner-stats{display:flex;align-items:center;gap:17px}.runner-stats>span{color:#45d6a2;font-size:12px;display:flex;align-items:center;gap:5px}.runner-stats>span svg{width:12px}.runner-stats p{margin:0;padding:0 18px;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a}.runner-stats p small,.runner-stats p b{display:block}.runner-stats p small{font-size:11px;color:#8d9ab4}.runner-stats p b{font:700 13px Manrope;display:flex;align-items:center;gap:6px;margin-top:2px}.runner-stats p svg{width:13px}.runner-stats>button{border:1px solid #ffffff44;background:transparent;color:#fff;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:700}.runner>main{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 68px)}.question-nav{background:#fff;border-right:1px solid #e2e5ec;padding:17px;display:flex;flex-direction:column}.question-nav>div:first-child p{display:flex;justify-content:space-between;margin:0 0 9px}.question-nav>div:first-child b,.question-nav>div:first-child span{font-size:9px}.question-nav>div:first-child span{color:#8d96a5}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:18px}.number-grid button{position:relative;aspect-ratio:1;border:1px solid #dce0e8;background:#fff;border-radius:7px;font-size:13px;font-weight:700;color:#646e80}.number-grid button.answered{background:#eaf0ff;border-color:#c9d6ff;color:#315ce8}.number-grid button.current{background:#315ce8;border-color:#315ce8;color:#fff;box-shadow:0 4px 12px #315ce833}.number-grid button.marked{border-color:#e9ad46}.number-grid svg{position:absolute;width:7px;right:2px;top:2px;fill:#e6a23c;color:#e6a23c}.question-nav ul{list-style:none;padding:17px 0;margin:17px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.question-nav li{display:flex;align-items:center;gap:6px;font-size:12px;color:#7f8898;padding:4px 0}.question-nav li i{width:10px;height:10px;border-radius:3px;border:1px solid #ddd}.question-nav li i.answered{background:#eaf0ff;border-color:#c9d6ff}.question-nav li i.current{background:#315ce8;border-color:#315ce8}.question-nav li i.marked{border-color:#e6a23c}.secure-note{display:flex;margin-top:auto;background:#f5f7fa;border-radius:8px;padding:9px}.secure-note svg{width:14px;color:#19a974;margin-right:7px}.secure-note p{margin:0}.secure-note b,.secure-note span{display:block;font-size:8px}.secure-note span{font-size:11px;color:#9aa1ad;margin-top:2px}.question-area{display:flex;flex-direction:column;min-width:0}.question-top{height:54px;background:#fff;border-bottom:1px solid #e4e7ed;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.question-top>span{font-size:12px;color:#7d8798;font-weight:700;letter-spacing:.7px}.question-top button{border:1px solid #dfe3e9;background:#fff;border-radius:7px;padding:7px 10px;font-size:12px;color:#707a8b;display:flex;align-items:center;gap:5px}.question-top button.marked{color:#d18c1d;border-color:#edc77f;background:#fff9ed}.question-top svg{width:12px}.question-area article{width:min(760px,calc(100% - 40px));margin:auto;padding:40px 0}.question-area article>h1{font:700 clamp(18px,2vw,25px)/1.5 "Manrope";letter-spacing:-.4px;color:#263147;margin:0 0 8px}.question-area article>p{font-size:14px;color:#939cab;margin:0 0 25px}.answer-options{display:grid;gap:10px}.answer-options button{width:100%;min-height:57px;border:1px solid #dfe3ea;background:#fff;border-radius:10px;padding:10px 14px;display:flex;align-items:center;text-align:left;color:#394458}.answer-options button:hover{border-color:#a9b8ec}.answer-options button.selected{border:1.5px solid #315ce8;background:#f4f6ff;box-shadow:0 0 0 3px #315ce80d}.answer-options button>span{width:30px;height:30px;border-radius:8px;background:#f0f2f6;display:grid;place-items:center;font-size:14px;font-weight:700;margin-right:12px}.answer-options button.selected>span{background:#315ce8;color:#fff}.answer-options button>b{font-size:15px;flex:1}.answer-options button>svg{width:17px;color:#315ce8}.question-area>footer{height:66px;background:#fff;border-top:1px solid #e2e5eb;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.question-area>footer button{border:1px solid #dce0e7;background:#fff;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;color:#606a7b}.question-area>footer button:disabled{opacity:.4}.question-area>footer button.next{background:#315ce8;border-color:#315ce8;color:#fff}.question-area>footer svg{width:13px}.question-area>footer>span{font-size:12px;color:#19a974}.submit-modal{text-align:center;padding:28px 25px 20px}.submit-modal>span{width:48px;height:48px;border-radius:14px;background:#eaf0ff;color:#315ce8;display:grid;place-items:center;margin:auto}.submit-modal>span svg{width:23px}.submit-modal h2{font:800 19px Manrope;margin:15px 0 7px}.submit-modal>p{font-size:14px;line-height:1.6;color:#828c9d;max-width:390px;margin:0 auto 19px}.submit-modal>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e3e6ec;border-radius:9px;overflow:hidden}.submit-modal>div span{padding:12px;font-size:12px;color:#8b94a3;border-right:1px solid #e5e8ee}.submit-modal>div span:last-child{border:0}.submit-modal>div b{display:block;font:800 17px Manrope;color:#19a974}.submit-modal>div .empty b{color:#e25c64}.submit-modal>div .marked b{color:#e09a28}.submit-modal footer{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:18px}.submit-modal footer button{border:1px solid #dfe3e9;background:#fff;border-radius:8px;padding:10px;font-size:13px;font-weight:700}.toast{position:fixed;right:20px;top:18px;background:#17233c;color:#fff;border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;z-index:200;box-shadow:0 10px 30px #0003;animation:up .2s}.toast.error{background:#c83f48}.toast svg{width:15px}.essay-answer{width:100%;min-height:250px;border:1px solid #dfe3ea;background:#fff;border-radius:11px;padding:16px;font:14px/1.7 inherit;color:#344056;resize:vertical;outline:0}.essay-answer:focus{border-color:#315ce8;box-shadow:0 0 0 3px #315ce814}.runner-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#788396}.runner-state>svg{width:40px;height:40px;color:#315ce8}.runner-state h1{font:800 24px Manrope;color:#273349;margin:16px 0 6px}.runner-state p{font-size:14px;line-height:1.6;max-width:560px;margin:0}.runner-state button{margin-top:18px;border:1px solid #dce1e9;background:#fff;border-radius:8px;padding:9px 13px;display:flex;align-items:center;gap:7px;font-weight:700}.runner-state button svg{width:15px}.runner-stats>span.syncing{color:#f2bc57}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.report-grid,.settings-real-grid{grid-template-columns:1fr}.login-art{display:none}.grading-shell{grid-template-columns:205px 1fr}.score-panel{grid-template-columns:100px 1fr}.score-panel .primary{grid-column:1/-1}.question-layout{grid-template-columns:170px 1fr}.student-columns{grid-template-columns:1fr 1fr}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:25px}.mobile-logo{display:flex;align-items:center;gap:8px;font:800 15px Manrope;margin-bottom:55px;color:#17233c}.mobile-logo svg{width:23px}.portal-sidebar{display:none}.portal-main{margin-left:0;padding-bottom:60px}.portal-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);height:58px;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e1e4eb;z-index:50}.portal-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8f98a7;font-size:7px}.portal-mobile-nav svg{width:17px}.topbar{height:54px;padding:0 14px}.mobile-menu{display:grid}.global-search{display:none}.portal-page{padding:24px 14px 60px}.page-title h1{font-size:22px}.page-title>div>span{font-size:9px}.page-title .primary{font-size:13px;padding:10px}.stats-grid{gap:8px}.stat-card{padding:13px}.dashboard-columns{gap:8px}.insight-card{margin-top:8px}.question-layout{display:block}.bank-list{display:none}.grading-shell{display:block}.grading-shell>aside{border:0;border-bottom:1px solid #e4e8ef}.student-answer-list{display:flex;overflow:auto}.student-answer-list button{min-width:160px}.report-stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.settings-grid>aside{flex-direction:row;overflow:auto}.settings-functional-layout{grid-template-columns:1fr}.settings-functional-layout>aside{position:static;display:flex;overflow:auto}.settings-functional-layout>aside button{min-width:max-content}.student-header{padding:0 14px}.student-header>div>span,.student-profile b,.student-profile>svg{display:none}.student-home{padding:27px 14px 50px}.exam-feature{align-items:flex-start;flex-wrap:wrap}.feature-copy{min-width:calc(100% - 70px)}.start-button{margin:17px 0 0 66px}.student-columns{grid-template-columns:1fr}.runner>header{height:62px;padding:0 12px}.runner-brand span{display:none}.runner-stats{gap:8px}.runner-stats>span{display:none}.runner-stats p{padding:0 10px;border-left:0}.runner-stats>button{padding:8px}.runner>main{display:block}.question-nav{border:0;border-bottom:1px solid #e4e7ed;padding:10px;display:block}.question-nav>div:first-child,.question-nav ul,.secure-note{display:none}.number-grid{margin:0;display:flex;overflow:auto}.number-grid button{min-width:34px;width:34px;height:34px;aspect-ratio:auto}.question-top{padding:0 14px}.question-area article{padding:25px 0;width:calc(100% - 28px)}.question-area>footer{padding:0 14px}.question-area>footer>span{display:none}.answer-options button{min-height:52px}.modal{max-height:calc(100vh - 20px)}.toast{left:12px;right:12px;top:10px;justify-content:center}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{display:block}.stat-card>span{width:30px;height:30px;margin-bottom:9px}.stat-card strong{font-size:19px}.schedule-list .status{display:none}.page-title{align-items:flex-end}.title-actions>button:first-child{display:none}.bank-summary{grid-template-columns:1fr 1fr}.bank-summary>div:last-child{display:none}.form-grid{grid-template-columns:1fr}.stepper b{display:none}.wizard-body{min-height:300px}.grading-main{padding:13px}.score-panel{grid-template-columns:1fr}.report-filter{overflow:auto}.report-filter select{min-width:160px}.analysis-row>div{display:none}.settings-form{padding:15px}.student-greeting h1{font-size:22px}.feature-icon{width:42px;height:42px}.feature-copy{min-width:calc(100% - 57px)}.feature-copy h2{font-size:15px}.feature-copy p{flex-wrap:wrap}.start-button{width:100%;margin:16px 0 0}.question-area article>h1{font-size:17px}.question-area>footer button{font-size:0}.question-area>footer button svg{margin:0}.runner-stats p b{font-size:11px}}.runner-essay{width:100%;resize:vertical;min-height:190px;padding:18px;border:1px solid var(--border, #e5e7eb);border-radius:14px;background:#fff;color:inherit;font:inherit;line-height:1.6}.runner-essay:focus{outline:2px solid rgba(102,87,232,.2);border-color:#6657e8}.auth-loading{min-height:100vh;display:grid;place-content:center;text-align:center;background:#f7f8fc;color:#7d8799}.auth-loading span{width:52px;height:52px;border-radius:15px;background:#17233c;color:#fff;display:grid;place-items:center;margin:auto;animation:authPulse 1.4s ease-in-out infinite}.auth-loading svg{width:25px}.auth-loading p{font-size:15px;margin-top:13px}@keyframes authPulse{50%{transform:scale(.94);opacity:.75}}.users-table .student-cell p{margin:0}.users-table .student-cell p b,.users-table .student-cell p small{display:block}.users-table .student-cell p small{font-size:12px;color:#969eac;margin-top:3px}.role-badge{display:inline-flex;padding:5px 8px;border-radius:12px;font-size:12px;font-weight:700;background:#edf1ff;color:#315ce8}.role-badge.admin{background:#f0eafb;color:#7548c2}.role-badge.siswa{background:#e8f8f2;color:#159c6b}.user-actions{display:flex;justify-content:flex-end;align-items:center;gap:5px}.user-actions button{border:1px solid #dfe3ea;background:#fff;border-radius:7px;padding:6px 8px;color:#657084;font-size:12px;font-weight:700}.user-actions button:first-child{width:29px;height:29px;display:grid;place-items:center;padding:0}.user-actions svg{width:13px}.form-hint{font-size:12px;color:#929aaa;margin:-5px 0 0}.form-field input:disabled{background:#f1f3f6;color:#a0a7b3}.simple-modal footer .primary{display:block}.auth-security-note{font-size:12px;color:#8a94a7;background:#f7f8fb;border-radius:8px;padding:9px 11px}@media(max-width:760px){.users-table table{min-width:680px}.user-actions{justify-content:flex-start}}.recovery-page{min-height:100vh;background:#f5f7fb;display:grid;place-items:center;padding:20px}.recovery-page form{width:min(410px,100%);background:#fff;border:1px solid #e3e7ee;border-radius:15px;padding:30px;box-shadow:0 18px 50px #19233c12}.recovery-icon{width:48px;height:48px;border-radius:13px;background:#eaf0ff;color:#315ce8;display:grid;place-items:center;margin-bottom:20px}.recovery-icon svg{width:22px}.recovery-page h1{font:800 23px Manrope;letter-spacing:-.6px;margin:0 0 8px}.recovery-page form>p:not(.overline){font-size:14px;line-height:1.6;color:#8791a2;margin:0 0 24px}.recovery-page .login-button{margin-top:5px}.user-actions button:has(svg){width:29px;height:29px;display:grid;place-items:center;padding:0}.user-actions button.danger{color:#d84b55;border-color:#f0cbd0;background:#fff8f8}.user-actions button.danger:hover{background:#feecee}.user-actions button:hover{border-color:#bfc7d4;background:#f8f9fb}.users-table tbody tr{transition:background .15s}.users-table td[colspan]{text-align:center;padding:40px;color:#919aa9}.users-table .toolbar-empty{font-size:10px}.password-control{position:relative;width:100%;display:flex;align-items:center}.password-control>input{width:100%;padding-right:42px!important}.password-control>button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:#8f98a7;border-radius:7px;display:grid;place-items:center;padding:0}.password-control>button:hover{background:#f0f2f6;color:#315ce8}.password-control>button svg{width:16px;height:16px}.input-box>.password-control{flex:1;min-width:0}.input-box>.password-control>input{padding-left:10px;border:0;outline:0;height:44px;background:transparent}.input-box>.password-control>button{right:0}.form-error{font-size:12px;color:#d84b55;margin:-5px 0 8px}.simple-modal footer .primary:disabled{opacity:.5;cursor:not-allowed}.question-toolbar{align-items:stretch}.toolbar>.question-filters{display:flex;flex:0 0 auto;max-width:none;height:38px;padding:0;border:0;background:transparent;gap:7px}.question-filters select{height:38px;min-width:125px;border:1px solid #e1e5ec;background:#fff;border-radius:8px;padding:0 30px 0 10px;color:#687286;font-size:13px;font-weight:700;outline:0}.question-filters select:focus{border-color:#315ce8}.title-actions button:disabled{opacity:.5;cursor:not-allowed}.bank-list{align-self:start}.bank-list .bank-item{display:flex;align-items:center;border-radius:7px;position:relative;color:#5c6678}.bank-list .bank-item:hover,.bank-list .bank-item.active{background:#edf1ff;color:#315ce8}.bank-select{display:flex;align-items:center;flex:1;min-width:0;border:0;background:transparent;padding:8px;text-align:left;color:inherit}.bank-select>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto}.bank-select p{margin:0;min-width:0;flex:1;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank-select small{display:block;font-size:11px;color:#9da4b0;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank-actions{display:none;align-items:center;padding-right:4px}.bank-item:hover .bank-actions,.bank-item:focus-within .bank-actions{display:flex}.bank-actions button,.question-actions button{width:27px;height:27px;border:1px solid #dfe3ea;background:#fff;border-radius:6px;color:#687286;display:grid;place-items:center;padding:0}.bank-actions button{width:23px;height:23px;margin-left:3px}.bank-actions svg,.question-actions svg{width:12px}.bank-actions button:hover,.question-actions button:hover{color:#315ce8;border-color:#bdc9ec}.bank-actions .danger,.question-actions .danger{color:#d84b55}.bank-actions .danger:hover,.question-actions .danger:hover{background:#fff0f1;border-color:#efc6ca}.question-table table{min-width:810px}.question-actions{display:flex;justify-content:flex-end;gap:5px}.question-empty{text-align:center!important;padding:44px 20px!important;color:#8c96a8!important}.question-form-error{font-size:13px;color:#c93642;background:#fff1f2;border:1px solid #f5ced1;border-radius:8px;padding:9px 11px;margin:0 0 14px}.answer-editor{margin-top:2px}.answer-editor-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.answer-editor-title span{font-size:13px;color:#697286;font-weight:700}.answer-editor-title small{font-size:12px;color:#9ba2ae}.option-editor label>input[type=radio]{width:15px;height:15px;flex:0 0 auto;accent-color:#315ce8}.option-editor label>input[type=text]{min-width:0}.option-editor label>button{width:31px;height:31px;border:0;background:#f5f6f8;color:#8c95a4;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}.option-editor label>button:hover{background:#fff0f1;color:#d84b55}.option-editor label>button svg{width:13px}.add-option{margin-top:9px;border:1px dashed #cbd2de;background:#fafbfc;color:#315ce8;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px}.add-option svg{width:12px}.question-modal textarea{resize:vertical}.question-modal .form-field>span,.simple-modal .form-field>span{display:block;font-size:13px;color:#697286;font-weight:700;margin-bottom:6px}@media(max-width:760px){.question-toolbar{flex-wrap:wrap}.toolbar>.question-filters{width:100%;height:auto}.question-filters select{flex:1}.question-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.toolbar>.question-filters{display:grid;grid-template-columns:1fr 1fr}.question-filters select{width:100%;min-width:0}.question-form-grid{grid-template-columns:1fr}.answer-editor-title{display:block}.answer-editor-title small{display:block;margin-top:3px}.option-editor label{gap:5px}.option-editor label>span{width:22px}.option-editor label>button{width:27px}}.real-dashboard .card-head a{border:0;background:transparent;color:#315ce8;font-size:13px;font-weight:700}.dashboard-error{display:flex;align-items:center;gap:8px;border:1px solid #f1c8cc;background:#fff3f4;color:#bd3540;border-radius:10px;padding:11px 13px;margin:-10px 0 14px;font-size:13px;font-weight:600}.dashboard-error svg{width:15px;flex:0 0 auto}.dashboard-empty{width:100%;min-height:92px;display:grid;place-items:center;text-align:center;color:#949dab;font-size:13px;padding:18px}.activity-list .dashboard-empty{min-height:180px}.real-activity-list .activity p{color:#394458}.dashboard-status-card{margin-top:13px;padding:17px 20px;display:grid;grid-template-columns:minmax(190px,.8fr) 1.6fr;gap:24px;align-items:center}.dashboard-status-card>div:first-child p{font-size:12px;color:#8b95a7;font-weight:700;letter-spacing:.7px;margin:0}.dashboard-status-card>div:first-child strong{font:800 27px Manrope;display:block;margin:3px 0}.dashboard-status-card>div:first-child span{font-size:13px;color:#9aa2af}.dashboard-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dashboard-status-grid>div{border:1px solid #e7eaf0;background:#fafbfc;border-radius:9px;padding:11px;display:flex;align-items:center;justify-content:space-between}.dashboard-status-grid>div b{font:800 16px Manrope;color:#273247}.student-header>div>span.offline{color:#c38118}.real-student-home .dashboard-error{margin:20px 0 -8px}.student-empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.student-empty-state>svg{width:34px;height:34px;color:#315ce8;margin-bottom:10px}.student-empty-state h2{font:800 16px Manrope;margin:0 0 5px;color:#273247}.student-empty-state p{font-size:13px;color:#929aa8;margin:0}.student-list-empty{min-height:82px;border:1px dashed #d8dde6;background:#fafbfc;border-radius:10px;display:grid;place-items:center;text-align:center;color:#929baa;font-size:13px;padding:16px}.grading-badge{font-size:11px;background:#fff4df;color:#b97b18;border-radius:12px;padding:5px 8px;white-space:nowrap}.result-card .grading-badge{margin-left:8px}.real-student-home .result-card>strong{white-space:nowrap}.real-student-home .start-button{white-space:nowrap}.real-student-home .feature-copy>span{display:block}.real-dashboard .schedule-list .date-tile{width:68px}.real-dashboard .date-tile span{white-space:nowrap}@media(max-width:1050px){.dashboard-status-card{grid-template-columns:1fr}.dashboard-status-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.dashboard-status-grid{grid-template-columns:1fr 1fr}.real-dashboard .schedule-list .date-tile{width:62px}.real-dashboard .schedule-copy small{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:480px){.dashboard-status-card{padding:14px}.dashboard-status-grid>div{display:block}.dashboard-status-grid>div b{display:block;margin-top:8px}.real-dashboard .schedule-list>div{gap:7px;padding:11px}.real-dashboard .subject-dot{display:none}.real-dashboard .schedule-list .date-tile{width:58px}.student-empty-state{min-height:170px}.real-student-home .upcoming-card>div b{max-width:95px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.admin-master-layout{display:grid;grid-template-columns:minmax(250px,.38fr) minmax(480px,1fr);gap:14px;align-items:start}.admin-quick-form{padding:22px}.admin-quick-form h2{margin:14px 0 5px;color:#1f2a40;font:750 15px Manrope}.admin-quick-form p{margin:0 0 20px;color:#8b95a7;font-size:16px;line-height:1.55}.admin-quick-form label{display:block;margin-bottom:12px;color:#5c6678;font-size:16px;font-weight:700}.admin-quick-form input{width:100%;margin-top:6px;border:1px solid #dfe3ea;border-radius:8px;padding:10px 11px;outline:none;color:#333e52;font-size:13px}.admin-quick-form input:focus{border-color:#315ce8;box-shadow:0 0 0 3px #315ce812}.admin-quick-form .primary{width:100%;justify-content:center;margin-top:3px}.admin-quick-form .primary:disabled{cursor:wait;opacity:.6}.admin-card-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px}.admin-card-icon svg{width:18px}.admin-card-icon.blue{color:#315ce8;background:#edf1ff}.admin-card-icon.purple{color:#8457d8;background:#f2edfc}.admin-card-icon.green{color:#159c6b;background:#e8f8f2}.admin-card-icon.amber{color:#c38118;background:#fff4df}.admin-master-table table,.audit-table table{min-width:560px}.master-status{display:inline-flex;align-items:center;gap:6px;color:#8993a5;font-size:14px;font-weight:700}.master-status i{width:6px;height:6px;border-radius:50%;background:#aeb5c0}.master-status.active{color:#159c6b}.master-status.active i{background:#19a974}.master-actions{display:flex;align-items:center;gap:5px}.master-actions button{min-width:29px;height:29px;display:grid;place-items:center;border:1px solid #dfe3ea;border-radius:7px;background:#fff;color:#657084;padding:0 9px;font-size:14px;font-weight:700}.master-actions button:hover{border-color:#315ce8;color:#315ce8}.master-actions button.danger:hover{border-color:#e35d66;color:#d74650}.master-actions button:disabled{cursor:not-allowed;opacity:.4}.master-actions svg{width:13px}.subject-code{display:inline-block;border-radius:6px;background:#f0f2f6;color:#5d687a;padding:4px 7px;font-size:14px;font-weight:750;text-transform:uppercase}.audit-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.audit-summary>div{display:flex;align-items:flex-start;gap:12px;padding:16px}.audit-summary p{margin:0}.audit-summary small,.audit-summary b,.audit-summary p span{display:block}.audit-summary small{color:#8993a5;font-size:14px;font-weight:700}.audit-summary b{margin:4px 0 2px;color:#263247;font:800 18px Manrope}.audit-summary p span{color:#9aa2af;font-size:14px}@media(max-width:1050px){.audit-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.admin-master-layout{grid-template-columns:1fr}.audit-summary{grid-template-columns:1fr 1fr}}@media(max-width:520px){.audit-summary{grid-template-columns:1fr}}