/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.\!block{display:block!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.admin-account-page{max-width:1440px;margin:0 auto;padding:clamp(16px,3vw,40px)}.admin-account-page>header span{color:#2563eb;letter-spacing:.08em;font-size:12px;font-weight:700}.admin-account-page>header h1{margin:8px 0}.admin-account-page>header p{color:#64748b}.admin-account-page>header{margin-bottom:26px}.admin-account-page>header h1{letter-spacing:-.5px;font-size:26px;font-weight:700}.admin-account-back{border-bottom:1px solid var(--line);margin:-12px 0 26px;padding:16px 0}.admin-account-back a{color:#27676b;align-items:center;gap:10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.admin-account-back a:hover{color:#124c50;text-decoration:underline}.admin-account-back a:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #2563eb}.quran-team-panel{background:#fff;border:1px solid #e3eae9;border-radius:20px;padding:clamp(18px,3vw,30px);box-shadow:0 4px 22px #183e3210}.quran-team-heading{align-items:center;gap:14px;display:flex}.quran-team-icon{color:#287961;background:#eaf5f0;border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.quran-team-heading h2{color:#203d36;margin:0 0 5px;font-size:18px;font-weight:700}.quran-team-heading p{color:#71827d;margin:0;font-size:13px;line-height:1.6}.quran-team-count{white-space:nowrap;color:#267359;background:#edf6f1;border-radius:20px;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:600}.quran-team-info{color:#61747c;background:#f5f8fa;border-radius:12px;gap:10px;margin:22px 0;padding:14px 16px;display:flex}.quran-team-info svg{flex-shrink:0;margin-top:2px}.quran-team-info p{margin:0;font-size:12px;line-height:1.8}.quran-team-options{border:0;min-width:0;margin:0;padding:0}.quran-team-options legend{color:#526860;padding:0 0 12px;font-size:13px;font-weight:600}.quran-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quran-team-person{cursor:pointer;background:#fff;border:1px solid #e4eae8;border-radius:13px;align-items:center;gap:13px;min-height:78px;padding:17px;transition:background .15s,border-color .15s;display:flex}.quran-team-person:hover{background:#f8fbfa;border-color:#afcdbd}.quran-team-person.selected{background:#f0f8f4;border-color:#a4cdb7}.quran-team-person:focus-within{outline-offset:2px;outline:2px solid #458d73}.quran-team-person input,.quran-team-legacy input{accent-color:#287b5f;flex-shrink:0;width:17px;height:17px}.quran-team-person-text{gap:6px;min-width:0;display:grid}.quran-team-person-text strong{color:#30483e;overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.5}.quran-team-person-text small{color:#7a8d83;font-size:11px}.quran-team-tag{color:#8a9992;margin-left:auto;font-size:10px}.selected .quran-team-tag{color:#287b5f;font-weight:600}.quran-team-legacy{background:#fff8ec;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:14px;font-size:12px;display:flex}.quran-team-footer{border-top:1px solid #e8eeeb;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:20px;display:flex}.quran-team-footer p{color:#43715e;margin:0 0 5px;font-size:12px}.quran-team-footer small{color:#85928c;font-size:11px;line-height:1.6}.quran-team-footer button{white-space:nowrap;color:#fff;background:#287b5f;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.quran-team-footer button:disabled{color:#708d7e;cursor:default;background:#dfece5}@media (width<=700px){.quran-team-grid{grid-template-columns:1fr}.quran-team-heading{flex-wrap:wrap}.quran-team-count{margin-left:0}.quran-team-heading>div{flex:1}.quran-team-footer{flex-direction:column;align-items:stretch}.quran-team-tag{display:none}}.admin-account-notice{background:#eaf6ef;border-radius:10px;justify-content:space-between;margin-bottom:16px;padding:12px 16px;display:flex}.attendance-test-options{background:#f5f8fd;border:1px dashed #9bb6d8;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin:0 30px 30px;padding:16px 18px;display:flex}.attendance-test-options>div{color:#3568a8;align-items:center;gap:11px;display:flex}.attendance-test-options>div>span{gap:3px;display:grid}.attendance-test-options strong{color:#263d5b;font-size:11px}.attendance-test-options small{color:#708096;font-size:8px}.attendance-test-options nav{gap:8px;display:flex}.attendance-test-options a{color:#3568a8;background:#fff;border:1px solid #d7e1ef;border-radius:9px;align-items:center;gap:7px;padding:10px 12px;font-size:9px;font-weight:800;text-decoration:none;display:flex}.attendance-test-options a:hover{background:#eef4fc;border-color:#86a9d8}.attendance-auto-mode.test{color:#3568a8;background:#eef4fc;border-color:#c9dbf1}.attendance-success.test-result{background:linear-gradient(145deg,#3568a8f2,#203f70f2)}.test-explanation .recent-empty{text-align:center;height:360px;padding:28px}.test-explanation .recent-empty strong{color:#263d5b;font-size:17px}.test-explanation .recent-empty span{max-width:310px;font-size:11px;line-height:1.6}.test-explanation .recent-empty svg{color:#3568a8}@media (width<=780px){.attendance-test-options{flex-direction:column;align-items:stretch;margin:0 18px 22px}.attendance-test-options nav{grid-template-columns:1fr 1fr;display:grid}}@media (width<=520px){.attendance-test-options nav{grid-template-columns:1fr}}:root{--ink:#18243c;--muted:#7a879f;--line:#e6ebf2;--canvas:#f5f7fb;--blue:#3568eb;--green:#1f9d72;--purple:#7357d4}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:250px;height:100dvh;padding:0 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar-scroll{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#b7c5da transparent;flex-direction:column;flex:1 1 0;min-height:0;padding:6px 3px 6px 0;scroll-padding-block:8px;display:flex;overflow:hidden auto}.sidebar-scroll>nav,.sidebar-scroll>.sidebar-bottom{flex-shrink:0}.sidebar-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:8px}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#b7c5da;border-radius:6px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#8197b7}.brand{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:11px;height:76px;padding:0 6px;display:flex}.brand-mark{color:#fff;background:#fff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;padding:4px;display:grid;box-shadow:0 5px 14px #0e3f2626}.brand>.school-brand-copy{flex-direction:column;min-width:0;display:flex}.brand strong,.brand span{display:block}.sidebar nav p{color:#a2adbd;letter-spacing:1.2px;margin:0 0 9px;padding:0 12px;font-size:10px;font-weight:800}.sidebar nav button,.sidebar-bottom>button{color:#637089;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;width:100%;margin:4px 0;padding:13px;font-size:13px;font-weight:600;display:flex}.sidebar nav button svg:last-child{color:#b4bdcb;margin-left:auto}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:var(--ink);background:#f5f7fb}.sidebar nav button.active{color:var(--blue);background:#eef3ff;font-weight:750}.sidebar nav button.active svg:last-child{color:var(--blue)}.sidebar-bottom{margin-top:auto}.school-badge{background:#f2f5ff;border:1px solid #e0e7fb;border-radius:14px;margin-top:15px;padding:16px}.school-badge span,.school-badge strong,.school-badge small{display:block}.school-badge span{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:9px}.school-badge strong{margin:7px 0 4px;font-size:15px}.school-badge small{color:var(--blue);font-size:10px}.admin-entry{color:#3568eb;background:#edf3ff;border:0;border-radius:11px;align-items:center;gap:13px;width:100%;margin:3px 0;padding:12px 13px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.face-attendance-entry{color:#1b8162;background:#eaf8f3;border-radius:11px;align-items:center;gap:13px;width:100%;margin:3px 0;padding:12px 13px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.employee-attendance-entry{color:#3568eb;background:#edf3ff;border-radius:11px;align-items:center;gap:13px;width:100%;margin:3px 0;padding:11px 13px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.main{flex:1;min-width:0;margin-left:250px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-left span,.topbar-left strong{display:block}.topbar-left span{color:var(--muted);letter-spacing:.8px;font-size:9px}.topbar-left strong{margin-top:3px;font-size:13px}.user{align-items:center;gap:10px;display:flex}.user strong,.user span{display:block}.user strong{font-size:12px}.user span{color:var(--muted);margin-top:3px;font-size:10px}.avatar{width:38px;height:38px;color:var(--blue);background:#eaf0ff;border-radius:11px;place-items:center;font-size:12px;font-weight:800;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.notification-bell{color:#61718b;background:#fff;border:1px solid #dfe5ee;border-radius:11px;place-items:center;width:38px;height:38px;text-decoration:none;display:grid;position:relative}.notification-bell:hover{color:#315fb8;background:#f3f6fb}.notification-bell>b,.nav-alert-count{color:#fff;box-sizing:border-box;background:#df334c;border:2px solid #fff;border-radius:20px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-6px;right:-5px}.cbt-module-entry{position:relative}.nav-alert-count{border:0;min-width:20px;height:20px;margin-left:auto;font-size:9px;position:static}.survey-module-entry{color:#137b5b!important;background:#eef8f4!important}.forum-module-entry{color:#355fae!important;background:#eef3fc!important}.icon-button{color:#6c7890;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:#f1f4f8}.mobile-menu,.close-mobile{display:none}.content{max-width:1440px;margin:0 auto;padding:32px 34px 55px}.user-logout{color:#637089;background:#fff;border:1px solid #dfe5ee;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:9px;font-weight:750;display:flex}.user-logout:hover{color:#c34f5b;background:#fff0f2;border-color:#f0d0d4}.page-heading{margin-bottom:24px}.page-heading>span{color:var(--blue);letter-spacing:1px;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:-.6px;margin:5px 0;font-size:25px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.summary-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:13px;padding:17px;display:flex;box-shadow:0 2px 5px #40527808}.summary-card i{background:var(--blue);border-radius:6px;width:5px}.summary-card i.purple{background:var(--purple)}.summary-card i.green{background:var(--green)}.summary-card span,.summary-card strong,.summary-card small{display:block}.summary-card span{color:var(--muted);font-size:10px}.summary-card strong{margin:5px 0 3px;font-size:21px}.summary-card small{color:#96a0b1;font-size:9px}.module-tabs{background:#e9edf4;border-radius:11px;gap:5px;width:fit-content;margin-bottom:16px;padding:4px;display:flex}.module-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:9px 16px;font-size:11px;font-weight:700}.module-tabs button.active{color:var(--blue);background:#fff;box-shadow:0 2px 6px #48608017}.data-panel{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 3px 9px #4052780b}.panel-heading{justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.panel-heading>div:first-child>span{color:var(--blue);letter-spacing:1px;font-size:8px;font-weight:800}.panel-heading h2{margin:5px 0 4px;font-size:15px}.panel-heading p{color:var(--muted);margin:0;font-size:9px}.export-actions{gap:8px;display:flex}.export-actions button{border-radius:9px;align-items:center;gap:6px;padding:9px 12px;font-size:10px;font-weight:750;display:flex}.print-button{color:#58657a;background:#fff;border:1px solid #dfe5ee}.excel-button{color:#fff;background:#16825f;border:1px solid #16825f}.export-actions button:hover{filter:brightness(.97);transform:translateY(-1px)}.table-tools{border-top:1px solid var(--line);background:#fafbfd;padding:12px 20px}.table-tools label{border:1px solid var(--line);color:#9ca7b8;background:#fff;border-radius:9px;align-items:center;gap:8px;max-width:330px;padding:8px 11px;display:flex}.table-tools input{min-width:0;color:var(--ink);border:0;outline:0;flex:1;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{color:#7e899c;letter-spacing:.5px;text-transform:uppercase;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f9fc;padding:11px 15px;font-size:8px}td{color:#647086;border-bottom:1px solid #edf0f5;padding:12px 15px;font-size:10px}td:first-child{color:#a2acbb;width:48px}td strong{color:var(--ink);font-weight:700}tbody tr:hover td{background:#fafcff}.panel-footer{color:#99a3b3;background:#fafbfd;justify-content:space-between;padding:12px 20px;font-size:8px;display:flex}.employee-attendance-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.employee-attendance-filters label{width:330px}.employee-attendance-filters .attendance-date-filter{width:auto;max-width:none}.attendance-date-filter span{color:#657187;font-size:9px;font-weight:750}.attendance-date-filter input{min-width:125px}.employee-attendance-filters>button{color:#3568eb;background:#fff;border:1px solid #cfd9e8;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:750}.attendance-report-message{text-align:center;color:#7e899c;padding:28px 20px;font-size:11px}.attendance-report-message.error{color:#b42318;background:#fff7f6;border-top:1px solid #fee4e2}.export-actions button:disabled{opacity:.55;cursor:not-allowed;transform:none}.schedule-report-filters{align-items:center;gap:10px;display:flex}.schedule-report-filters label{width:auto;max-width:none}.schedule-report-filters label>span{color:#657187;white-space:nowrap;font-size:9px;font-weight:750}.schedule-report-filters select{color:var(--ink);background:#fff;border:0;outline:0;min-width:145px;font-size:10px}.pdf-button{color:#fff;background:#b42318;border:1px solid #b42318}.schedule-export-actions{flex-wrap:wrap}.recent-list article>span.attendance-person-photo{overflow:hidden}.recent-list article>span.attendance-person-photo img{object-fit:cover;width:100%;height:100%;display:block}.report-picker{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:17px;display:grid}.report-option{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;grid-template-columns:34px 1fr;gap:10px;padding:14px;display:grid;position:relative}.report-option>span{width:34px;height:34px;color:var(--blue);background:#eef3ff;border-radius:9px;place-items:center;display:grid}.report-option strong,.report-option small{display:block}.report-option strong{margin-top:2px;padding-right:12px;font-size:10px}.report-option small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.45}.report-option>svg{color:#b9c2cf;position:absolute;top:23px;right:9px}.report-option:hover,.report-option.active{border-color:#9eb5f1;box-shadow:0 5px 14px #3568eb10}.report-option.active{background:#f9fbff}.report-option.active>svg{color:var(--blue)}.assessment-grade-export-copy{color:#173e35;background:#f7fbf9;border:1px solid #dce8e3;border-radius:13px;align-items:flex-start;gap:16px;margin:0 20px 20px;padding:22px;display:flex}.assessment-grade-export-copy>svg{box-sizing:content-box;color:#16825f;background:#e1f3eb;border-radius:11px;flex:none;padding:8px}.assessment-grade-export-copy strong{margin:2px 0 7px;font-size:13px;display:block}.assessment-grade-export-copy p{color:#405d55;max-width:900px;margin:0 0 8px;font-size:10px;line-height:1.65}.assessment-grade-export-copy small{color:#627c74;font-size:9px;line-height:1.55;display:block}.assessment-ranking{background:#fff;border:1px solid #dce8e3;border-radius:14px;margin:0 20px 20px;overflow:hidden}.assessment-ranking>header{background:#f7fbf9;border-bottom:1px solid #dce8e3;justify-content:space-between;align-items:flex-end;gap:18px;padding:17px 18px;display:flex}.assessment-ranking>header>div:first-child>span{letter-spacing:.9px;color:#16825f;font-size:8px;font-weight:850}.assessment-ranking h3{color:#173e35;margin:4px 0;font-size:15px}.assessment-ranking>header p{color:#627c74;max-width:680px;margin:0;font-size:9px;line-height:1.5}.assessment-ranking-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:8px;display:flex}.assessment-ranking-controls label{color:#60736f;gap:5px;font-size:8px;font-weight:800;display:grid}.assessment-ranking-controls select{color:#29463f;background:#fff;border:1px solid #d7e3df;border-radius:8px;outline:0;min-width:125px;height:35px;padding:0 10px;font-size:9px}.assessment-ranking-controls button{border-radius:8px;align-items:center;gap:6px;height:35px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.assessment-ranking-message{text-align:center;color:#71817f;padding:38px 20px;font-size:10px}.assessment-ranking-message.error{color:#b42318;background:#fff8f7}.assessment-ranking-summary{background:#fbfdfc;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px;display:grid}.assessment-ranking-summary article{background:#fff;border:1px solid #e0e9e6;border-radius:11px;flex-direction:column;justify-content:center;min-height:68px;padding:12px 14px;display:flex}.assessment-ranking-summary span{color:#71817f;font-size:8px}.assessment-ranking-summary strong{color:#176f5b;margin-top:4px;font-size:18px}.assessment-ranking-summary small{color:#60736f;margin-top:3px;font-size:8px}.assessment-ranking-table-wrap{border-top:1px solid #e8eeec;overflow:auto}.assessment-ranking-table{table-layout:fixed;min-width:1460px}.assessment-ranking-table th{color:#fff;text-align:center;white-space:normal;text-transform:none;letter-spacing:0;background:#176f5b;border-color:#3c8978;padding:9px 6px;font-size:7px;line-height:1.25}.assessment-ranking-table td{text-align:center;color:#425653;padding:9px 6px;font-size:9px}.assessment-ranking-table th:first-child,.assessment-ranking-table td:first-child{width:44px}.assessment-ranking-table th:nth-child(2),.assessment-ranking-table td:nth-child(2){width:65px}.assessment-ranking-table th:nth-child(3),.assessment-ranking-table td:nth-child(3){width:78px}.assessment-ranking-table th:nth-child(4),.assessment-ranking-table td:nth-child(4){text-align:left;width:235px}.assessment-ranking-table td:nth-child(4) strong,.assessment-ranking-table td:nth-child(4) small{display:block}.assessment-ranking-table td:nth-child(4) small{color:#899793;margin-top:3px;font-size:7px}.assessment-ranking-table th:last-child,.assessment-ranking-table td:last-child{color:#176f5b;background:#edf8f4;width:76px}.ranking-number{color:#60736f;background:#edf1f3;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-weight:850;display:inline-grid}.ranking-number.rank-1{color:#8a6400;background:#fff3c4}.ranking-number.rank-2{color:#4e5d68;background:#e9eef2}.ranking-number.rank-3{color:#8a5427;background:#f4e4d4}@media (width<=900px){.assessment-ranking>header{flex-direction:column;align-items:stretch}.assessment-ranking-controls{justify-content:flex-start}.assessment-ranking-summary{grid-template-columns:1fr 1fr 1fr}}@media (width<=560px){.assessment-ranking{margin:0 13px 14px}.assessment-ranking-controls{grid-template-columns:1fr 1fr;display:grid}.assessment-ranking-controls label,.assessment-ranking-controls select{width:100%}.assessment-ranking-controls button{grid-column:1/-1;justify-content:center}.assessment-ranking-summary{grid-template-columns:1fr}}.toast{color:#fff;z-index:70;background:#173b32;border-radius:11px;align-items:center;gap:9px;padding:12px 16px;font-size:11px;font-weight:650;animation:.25s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #17253e40}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.sidebar-overlay{display:none}.collaboration-dashboard{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:18px 0;display:grid}.collaboration-dashboard>a{border:1px solid var(--line);color:#23334b;background:#fff;border-radius:15px;align-items:center;gap:13px;padding:17px;text-decoration:none;display:flex}.collaboration-dashboard>a:hover{border-color:#9eb5e4;box-shadow:0 5px 18px #2e4e7b14}.collaboration-dashboard svg{color:#3568eb}.collaboration-dashboard span,.collaboration-dashboard strong,.collaboration-dashboard small{display:block}.collaboration-dashboard span{letter-spacing:.8px;color:#738198;font-size:8px;font-weight:800}.collaboration-dashboard strong{margin:4px 0;font-size:14px}.collaboration-dashboard small{color:#7d899c;font-size:9px}.extracurricular-module-entry{color:#176b5b!important;background:#eef8f3!important}@media (width<=1120px){.report-picker{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:16px 0 50px #17253e2a}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:19;background:#16203a75;border:0;display:block;position:fixed;inset:0}.main{margin-left:0}.mobile-menu,.close-mobile{display:grid}.close-mobile{margin-left:auto}.topbar{padding:0 20px}.content{padding:26px 20px 45px}.report-picker{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.topbar{height:66px}.user>div:nth-child(2),.user-logout span{display:none}.user-logout{justify-content:center;width:34px;padding:0}.content{padding:22px 13px 40px}.summary-grid{grid-template-columns:1fr;gap:9px}.summary-card{padding:13px}.panel-heading{flex-direction:column;align-items:flex-start}.export-actions{width:100%}.export-actions button{flex:1;justify-content:center}.report-picker{grid-template-columns:1fr}.assessment-grade-export-copy{flex-direction:column;margin:0 13px 14px;padding:16px}.module-tabs{width:100%}.module-tabs button{flex:1;padding:9px 6px}.page-heading h1{font-size:22px}}.student-panel{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 3px 9px #4052780b}.student-panel-head{justify-content:space-between;align-items:center;gap:18px;padding:19px 20px;display:flex}.student-panel-head>div:first-child>span{color:var(--blue);letter-spacing:1px;font-size:8px;font-weight:800}.student-panel-head h2{margin:4px 0;font-size:15px}.student-panel-head p{color:var(--muted);margin:0;font-size:9px}.student-filters{gap:8px;display:flex}.student-filters label{border:1px solid var(--line);color:#9ca7b8;border-radius:9px;align-items:center;gap:8px;width:270px;padding:8px 10px;display:flex}.student-filters input{border:0;outline:0;flex:1;min-width:0;font-size:10px}.student-filters select{border:1px solid var(--line);color:#536078;background:#fafbfd;border-radius:9px;outline:0;padding:8px 10px;font-size:10px}.student-table{min-width:940px}.student-table td small{color:#8e99aa;margin-top:3px;font-size:8px;display:block}.student-table td:first-child{width:42px}.student-class{color:#3568eb;background:#edf3ff;border-radius:10px;padding:4px 8px;font-size:8px;font-weight:800;display:inline-block}.photo-status{color:#b46d27;background:#fff4e8;border-radius:10px;padding:4px 8px;font-size:8px;font-weight:750;display:inline-block}.photo-status.ready{color:#21845f;background:#e9f8f2}.student-actions{gap:5px;display:flex}.student-actions button{color:#3568eb;background:#edf3ff;border:0;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:750;display:flex}.student-actions button.student-print{color:#5d687c;background:#f2f4f7}.student-message{text-align:center;color:#8793a5;border-top:1px solid var(--line);padding:42px;font-size:11px}.student-message.error{color:#b54750;background:#fff8f8}.student-profile-backdrop{z-index:80;background:#17223a8c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.student-profile{background:#fff;border-radius:17px;width:min(900px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 24px 75px #14213e5c}.student-profile>header{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;padding:18px 21px;display:flex;position:sticky;top:0}.student-profile>header span{color:var(--blue);letter-spacing:1px;font-size:8px;font-weight:800}.student-profile>header h2{margin:4px 0;font-size:18px}.student-profile>header p{color:var(--muted);margin:0;font-size:9px}.student-profile>header button{color:#68758a;background:#f1f4f7;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.student-profile-body{grid-template-columns:190px 1fr;gap:20px;padding:21px;display:grid}.student-profile-body>aside{text-align:center}.student-photo{aspect-ratio:3/4;color:#a1adbd;background:#eef2f7;border:1px solid #dfe5ed;border-radius:12px;place-items:center;width:170px;margin:0 auto 11px;display:grid;overflow:hidden}.student-photo img{object-fit:cover;width:100%;height:100%}.student-upload{color:#fff;cursor:pointer;background:#3568eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 11px;font-size:9px;font-weight:750;display:flex}.student-upload input{display:none}.student-profile-body>aside>small{color:#8d98a9;margin-top:7px;font-size:8px;display:block}.student-biodata{grid-template-columns:1fr 1fr;gap:12px;display:grid}.student-biodata>section{border:1px solid #e3e8ef;border-radius:11px;overflow:hidden}.student-biodata h3{color:#53627a;text-transform:uppercase;letter-spacing:.6px;background:#f6f8fb;margin:0;padding:9px 11px;font-size:9px}.student-biodata dl{margin:0}.student-biodata dl>div{border-top:1px solid #edf0f4;grid-template-columns:40% 1fr;gap:8px;padding:7px 11px;display:grid}.student-biodata dt,.student-biodata dd{margin:0;font-size:8px;line-height:1.4}.student-biodata dt{color:#8490a2}.student-biodata dd{color:#26334b;overflow-wrap:anywhere;font-weight:650}.student-profile>footer{border-top:1px solid var(--line);justify-content:flex-end;padding:14px 21px;display:flex}.student-profile>footer button{color:#fff;background:#18243c;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:10px;font-weight:750;display:flex}@media (width<=760px){.student-panel-head{flex-direction:column;align-items:flex-start}.student-filters{flex-direction:column;width:100%}.student-filters label{width:100%}.student-profile-body{grid-template-columns:1fr}.student-profile-body>aside{width:100%;max-width:230px;margin:auto}.student-biodata{grid-template-columns:1fr}}@media (width<=480px){.student-biodata dl>div{grid-template-columns:1fr;gap:3px}.student-profile-body{padding:14px}.student-profile>header{padding:15px}.module-tabs{overflow-x:auto}.module-tabs button{min-width:78px}}.dashboard-page{flex-direction:column;gap:17px;display:flex}.dashboard-hero{color:#fff;background:linear-gradient(125deg,#123f2f 0%,#176347 55%,#23815d 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;min-height:132px;padding:24px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #164f3a24}.dashboard-hero:before,.dashboard-hero:after{content:"";border:1px solid #ffffff17;border-radius:50%;position:absolute}.dashboard-hero:before{width:230px;height:230px;top:-145px;right:18%}.dashboard-hero:after{width:150px;height:150px;bottom:-92px;right:-28px}.dashboard-hero>div{z-index:1;position:relative}.dashboard-hero>div:first-child>span{letter-spacing:1.3px;color:#b9ead7;font-size:9px;font-weight:800}.dashboard-hero h1{letter-spacing:-.6px;margin:6px 0;font-size:25px}.dashboard-hero p{color:#d8f0e7;margin:0;font-size:10px}.dashboard-hero-actions{align-items:center;gap:15px;display:flex}.dashboard-hero-actions>div{text-align:right}.dashboard-hero-actions small,.dashboard-hero-actions strong{display:block}.dashboard-hero-actions small{color:#b9decf;text-transform:uppercase;letter-spacing:.8px;font-size:8px}.dashboard-hero-actions strong{margin-top:4px;font-size:11px}.dashboard-hero-actions button{color:#fff;background:#ffffff17;border:1px solid #ffffff3b;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:9px;font-weight:750;display:flex}.dashboard-hero-actions button:hover{background:#ffffff25}.dashboard-hero-actions button:disabled{opacity:.7}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-error{color:#a8404a;background:#fff3f4;border:1px solid #f1c7cb;border-radius:11px;padding:11px 13px;font-size:10px}.dashboard-metrics{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:16px;display:flex;box-shadow:0 4px 13px #3e52620b}.metric-icon{border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.metric-card.blue .metric-icon{color:#3568eb;background:#edf3ff}.metric-card.green .metric-icon{color:#1f936d;background:#e8f7f1}.metric-card.orange .metric-icon{color:#d8892f;background:#fff4e6}.metric-card.purple .metric-icon{color:#7357d4;background:#f1edff}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#7a879f;font-size:9px}.metric-card strong{color:#17243b;margin:6px 0 4px;font-size:23px;line-height:1}.metric-card small{color:#98a2b2;font-size:8px}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:15px;display:grid}.dashboard-card{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:19px;box-shadow:0 4px 13px #3e52620a}.dashboard-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.dashboard-card-head span{color:#3568eb;letter-spacing:1px;font-size:8px;font-weight:800}.dashboard-card-head h2{margin:4px 0 0;font-size:14px}.dashboard-card-head>svg{color:#1f936d}.dashboard-total{color:#21765b;background:#edf8f4;border-radius:9px;align-items:center;gap:6px;padding:7px 9px;font-size:8px;font-weight:750;display:flex}.class-chart-card{grid-row:span 2}.class-bars{flex-direction:column;gap:10px;display:flex}.class-bar-row{grid-template-columns:34px 1fr 27px;align-items:center;gap:9px;display:grid}.class-bar-row strong{font-size:9px}.class-bar-row>div{background:#eef1f5;border-radius:9px;height:9px;overflow:hidden}.class-bar-row i{background:linear-gradient(90deg,#3568eb,#70a0ff);border-radius:9px;min-width:5px;height:100%;display:block}.class-bar-row span{color:#6f7c90;text-align:right;font-size:9px}.donut-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.donut-block{text-align:center}.donut{border-radius:50%;place-items:center;width:118px;height:118px;margin:0 auto 14px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:17px}.donut>div{z-index:1;position:relative}.donut strong,.donut span{display:block}.donut strong{font-size:21px}.donut span{color:#8a95a7;margin-top:2px;font-size:8px}.donut-legend{text-align:left;flex-direction:column;gap:6px;display:flex}.donut-legend>span{color:#7a879f;grid-template-columns:7px 1fr auto;align-items:center;gap:6px;font-size:8px;display:grid}.donut-legend i{border-radius:50%;width:7px;height:7px}.donut-legend b{color:#26334a}.face-progress{margin-bottom:15px}.face-progress>div:first-child{justify-content:space-between;gap:10px;margin-bottom:7px;display:flex}.face-progress strong{font-size:9px}.face-progress span{color:#7a879f;font-size:8px}.face-progress>div:last-child{background:#eef1f5;border-radius:8px;height:8px;overflow:hidden}.face-progress i{border-radius:8px;height:100%;display:block}.dashboard-privacy{color:#627a70;background:#f2f8f5;border:1px solid #dcece5;border-radius:9px;padding:9px;font-size:8px;line-height:1.5}.attendance-kpis{grid-template-columns:1fr 1fr;gap:10px;display:grid}.attendance-kpis>div{background:#fafbfd;border:1px solid #e8ecf2;border-radius:11px;padding:13px}.attendance-kpis span{color:#7a879f;font-size:8px}.attendance-kpis strong{margin:7px 0 4px;font-size:22px;display:block}.attendance-kpis strong small{color:#9aa4b3;font-size:10px;font-weight:600}.attendance-kpis p{color:#1f8a67;margin:0;font-size:8px}.dashboard-updated{color:#9aa4b3;text-align:right;margin-top:12px;font-size:8px}@media (width<=1100px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.class-chart-card{grid-row:auto}}@media (width<=650px){.dashboard-hero{flex-direction:column;align-items:flex-start;padding:20px}.dashboard-hero-actions{justify-content:space-between;width:100%}.dashboard-hero-actions>div{text-align:left}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:12px}.metric-card strong{font-size:20px}.metric-icon{width:38px;height:38px}.donut-grid{gap:8px}.donut{width:105px;height:105px}.dashboard-card{padding:15px}}@media (width<=420px){.dashboard-metrics,.attendance-kpis{grid-template-columns:1fr}.dashboard-hero h1{font-size:21px}}.employee-table{min-width:1180px}.employee-profile{width:min(930px,100%)}.employee-sort{color:inherit;text-transform:uppercase;font-size:inherit;font-weight:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.employee-sort:hover,.employee-sort.active{color:#3568eb}.employee-sort svg{flex:none}.admin-shell{color:#18243c;background:#f5f7fb;min-height:100vh;display:flex}.admin-sidebar{background:#fff;border-right:1px solid #e6ebf2;flex-direction:column;width:250px;padding:26px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{color:inherit;align-items:center;gap:11px;padding:0 8px 32px;text-decoration:none;display:flex}.admin-brand>span{color:#fff;background:#3568eb;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{font-size:15px}.admin-brand small{color:#7a879f;margin-top:3px;font-size:10px}.admin-sidebar nav p{letter-spacing:1px;color:#a2adbd;margin:0 12px 8px;font-size:9px;font-weight:800}.admin-sidebar nav button{color:#637089;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:12px;font-size:12px;font-weight:650;display:flex}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{color:#3568eb;background:#edf3ff}.back-link{color:#65718a;align-items:center;gap:8px;margin-top:auto;padding:10px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.admin-main{flex:1;min-width:0;margin-left:250px}.admin-top{background:#fff;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;height:74px;padding:0 34px;display:flex}.admin-top span,.admin-top strong{display:block}.admin-top span{color:#7a879f;letter-spacing:.8px;font-size:9px}.admin-top strong{margin-top:3px;font-size:12px}.admin-avatar{color:#3568eb;background:#eaf0ff;border-radius:11px;place-items:center;width:37px;height:37px;font-size:12px;font-weight:800;display:grid}.admin-content{max-width:1320px;margin:0 auto;padding:31px 34px}.admin-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.admin-heading>div>span{letter-spacing:1px;color:#3568eb;font-size:9px;font-weight:800}.admin-heading h1{letter-spacing:-.6px;margin:5px 0;font-size:25px}.admin-heading p{color:#7a879f;margin:0;font-size:12px}.admin-primary{color:#fff;background:#3568eb;border:0;border-radius:10px;align-items:center;gap:7px;padding:11px 15px;font-size:11px;font-weight:750;display:flex;box-shadow:0 6px 15px #3568eb2d}.admin-card{background:#fff;border:1px solid #e6ebf2;border-radius:15px;overflow:hidden;box-shadow:0 3px 9px #4052780b}.admin-card-top{justify-content:space-between;align-items:center;gap:15px;padding:19px 20px;display:flex}.admin-card-top h2{margin:0 0 4px;font-size:14px}.admin-card-top p{color:#7a879f;margin:0;font-size:10px}.admin-search{color:#99a4b7;background:#fafbfd;border:1px solid #e1e6ee;border-radius:9px;align-items:center;gap:8px;min-width:265px;padding:8px 10px;display:flex}.admin-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:780px}.admin-table th{letter-spacing:.6px;color:#8390a2;text-transform:uppercase;text-align:left;background:#f7f9fc;border-top:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2;padding:11px 15px;font-size:8px}.admin-table td{color:#647086;border-bottom:1px solid #edf0f5;padding:12px 15px;font-size:10px}.admin-table td strong{color:#18243c}.admin-status{color:#21845f;background:#e9f8f2;border-radius:10px;padding:4px 7px;font-size:8px;font-weight:750}.row-actions{gap:5px;display:flex}.row-actions button{color:#3568eb;background:#edf3ff;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.row-actions button.danger{color:#d85562;background:#fff0f2}.admin-empty{text-align:center;color:#8b96a8!important;padding:34px!important}.admin-error{color:#a93d49;background:#fff0f1;border:1px solid #f7cbd0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 12px;font-size:11px;display:flex}.admin-error button{color:inherit;background:0 0;border:0}.admin-modal-backdrop{z-index:50;background:#17223a85;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:16px;width:min(530px,100%);padding:21px;box-shadow:0 22px 70px #14213e55}.admin-modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.admin-modal-head h2{margin:0;font-size:17px}.admin-modal-head button{color:#65718a;background:#f3f5f8;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.admin-field{margin-bottom:13px;display:block}.admin-field>span{color:#58657a;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.admin-field input,.admin-field select{color:#18243c;background:#fbfcfe;border:1px solid #dde3ec;border-radius:9px;outline:none;width:100%;padding:10px 11px;font-size:11px}.admin-field input:focus,.admin-field select:focus{border-color:#7898ee;box-shadow:0 0 0 3px #3568eb13}.admin-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-form-actions{border-top:1px solid #e8edf4;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:16px;display:flex}.admin-form-actions button{color:#59667b;background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:700}.admin-form-actions button[type=submit]{color:#fff;background:#3568eb;border-color:#3568eb}.homeroom-panel{margin-top:18px}.homeroom-year{color:#647086;gap:5px;font-size:9px;font-weight:800;display:grid}.homeroom-year input,.homeroom-select{color:#18243c;background:#fbfcfe;border:1px solid #dde3ec;border-radius:8px;outline:0;padding:8px 9px;font-size:10px}.homeroom-year input{width:110px}.homeroom-select{width:min(390px,100%)}.homeroom-save{color:#285ec7;white-space:nowrap;background:#eaf2ff;border:0;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800}.homeroom-save:disabled{opacity:.55}@media (width<=760px){.admin-sidebar{transform:translate(-100%)}.admin-main{margin-left:0}.admin-content{padding:24px 14px}.admin-top{padding:0 17px}.admin-heading,.admin-card-top{flex-direction:column;align-items:flex-start}.admin-search{width:100%;min-width:100%}.admin-form-row{grid-template-columns:1fr}}.admin-nav-link{color:#1b8162;background:#eaf8f3;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:12px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.admin-nav-link.employee-face-link{color:#3568eb;background:#edf3ff}.student-face-tools>div:last-child{gap:8px;display:flex}.student-face-tools>div:last-child label{min-width:250px}.student-face-tools select{color:#5f6d82;background:#fafbfd;border:1px solid #e0e5ed;border-radius:9px;outline:0;padding:8px 10px;font-size:10px}.student-kiosk .kiosk-brand>span{background:#3568eb}@media (width<=620px){.student-face-tools>div:last-child{flex-direction:column;width:100%}.student-face-tools>div:last-child label{width:100%;min-width:100%}.student-face-tools select{width:100%}}.face-admin-page{background:#f5f7fb;min-height:100vh}.face-page-bar{background:#fff;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;height:68px;padding:0 max(22px,50vw - 590px);display:flex}.face-page-bar>a{color:#526078;align-items:center;gap:7px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.face-page-bar>div{color:#1b8162;align-items:center;gap:7px;font-size:10px;display:flex}.face-page-content{max-width:1180px;margin:0 auto;padding:31px 22px 55px}.face-page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.face-page-heading>div>span{color:#3568eb;letter-spacing:1px;font-size:9px;font-weight:800}.face-page-heading h1{margin:5px 0;font-size:25px}.face-page-heading p{color:#7a879f;margin:0;font-size:11px}.face-summary{text-align:right;background:#fff;border:1px solid #e6ebf2;border-radius:13px;padding:12px 16px}.face-summary strong,.face-summary span{display:block}.face-summary strong{color:#1b8162;font-size:21px}.face-summary span{color:#7a879f;margin-top:2px;font-size:9px}.privacy-note{color:#1b674f;background:#eaf8f3;border:1px solid #cfece1;border-radius:12px;gap:11px;margin-bottom:16px;padding:14px 16px;display:flex}.privacy-note strong{font-size:11px}.privacy-note p{margin:3px 0 0;font-size:9px;line-height:1.5}.face-list-card{background:#fff;border:1px solid #e6ebf2;border-radius:15px;overflow:hidden}.face-list-top{border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.face-list-top h2{margin:0 0 3px;font-size:14px}.face-list-top p{color:#7a879f;margin:0;font-size:9px}.face-list-top label{color:#99a4b7;border:1px solid #e0e5ed;border-radius:9px;align-items:center;gap:8px;min-width:280px;padding:8px 10px;display:flex}.face-list-top input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.face-list-grid{grid-template-columns:1fr 1fr;display:grid}.face-employee-card{border-bottom:1px solid #edf0f5;align-items:center;gap:11px;padding:14px 18px;display:flex}.face-employee-card:nth-child(odd){border-right:1px solid #edf0f5}.face-employee-avatar{color:#3568eb;background:#edf3ff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.face-employee-info{flex:1;min-width:0}.face-employee-info strong,.face-employee-info span,.face-employee-info small{display:block}.face-employee-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.face-employee-info span{color:#7a879f;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 5px;font-size:8px;overflow:hidden}.face-employee-info small{font-size:8px;font-weight:750}.face-employee-info small.enrolled{color:#1b8162}.face-employee-info small.not-enrolled{color:#c07a31}.face-row-actions{gap:5px;display:flex}.face-row-actions button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:31px;font-size:8px;font-weight:750;display:flex}.record-face{color:#3568eb;background:#edf3ff;padding:0 9px}.delete-face{color:#d85562;background:#fff0f2;width:31px}.face-empty{text-align:center;color:#8d98a9;grid-column:1/-1;padding:36px;font-size:11px}.camera-modal-backdrop{z-index:80;background:#10182bd9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.camera-modal{background:#fff;border-radius:18px;width:min(680px,100%);padding:20px}.camera-modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.camera-modal-head span{color:#3568eb;letter-spacing:1px;font-size:8px;font-weight:800}.camera-modal-head h2{margin:4px 0;font-size:17px}.camera-modal-head p{color:#7a879f;margin:0;font-size:9px}.camera-modal-head button{color:#66738a;background:#f2f4f7;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.camera-frame{aspect-ratio:4/3;background:#101828;border-radius:13px;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.face-oval{border:3px solid #7ba0ff;border-radius:48%;position:absolute;inset:10% 26%;box-shadow:0 0 0 999px #0f172a69}.camera-frame.success .face-oval{border-color:#55ddb0}.capture-success{color:#fff;background:#123c33c9;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.camera-status{color:#66738a;align-items:center;gap:7px;padding:11px 2px;font-size:10px;display:flex}.camera-status>span{background:#d79b4f;border-radius:50%;width:7px;height:7px}.camera-status>span.ready{background:#28a77b}.capture-button{color:#fff;background:#3568eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px;font-size:11px;font-weight:750;display:flex}.capture-button:disabled{opacity:.55;cursor:not-allowed}.student-remove-photo{color:#c94f5b;background:#fff0f2;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:8px 10px;font-size:8px;font-weight:750;display:flex}.brand-mark{background:#fff;border:0;padding:4px;overflow:hidden;box-shadow:0 5px 14px #0e3f2626}.brand-mark img{object-fit:contain;width:100%;height:100%}.admin-brand>span{background:#fff;border:1px solid #dfe8e1;padding:3px;overflow:hidden}.admin-brand>span img{object-fit:contain;width:100%;height:100%}.kiosk-brand>span,.student-kiosk .kiosk-brand>span{border:1px solid #dce7df;overflow:hidden;background:#fff url(/logo-smpit-arrudho.png) 50%/contain no-repeat!important}.kiosk-brand>span img{object-fit:contain;width:100%;height:100%}.kiosk-brand>span svg{display:none}.employee-stat-section{background:linear-gradient(145deg,#f8fbfa,#f4f8f6);border:1px solid #dfe9e4;border-radius:18px;padding:20px}.employee-stat-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.employee-stat-heading>div>span{color:#1f8a67;letter-spacing:1.1px;font-size:8px;font-weight:850}.employee-stat-heading h2{margin:4px 0;font-size:16px}.employee-stat-heading p{color:#7a879f;margin:0;font-size:9px}.employee-stat-badge{color:#26765d;white-space:nowrap;background:#fff;border:1px solid #d6e9e1;border-radius:10px;align-items:center;gap:7px;padding:8px 10px;font-size:8px;font-weight:750;display:flex}.employee-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.employee-stat-card{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:15px;box-shadow:0 4px 13px #3e526208}.employee-stat-card header{border-bottom:1px solid #edf0f3;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;padding-bottom:13px;display:grid}.employee-stat-icon{border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.employee-stat-card header span{color:#8a95a7;letter-spacing:.8px;font-size:7px;font-weight:800;display:block}.employee-stat-card h3{margin:3px 0 0;font-size:12px}.employee-stat-card header>strong{color:#243148;font-size:19px}.employee-stat-bars{flex-direction:column;gap:10px;max-height:245px;margin-top:13px;padding-right:3px;display:flex;overflow:auto}.employee-stat-row>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;display:flex}.employee-stat-row span{color:#536176;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.employee-stat-row b{color:#26334a;font-size:8px}.employee-stat-row>div:last-child{background:#edf1f3;border-radius:6px;height:6px;overflow:hidden}.employee-stat-row i{border-radius:6px;min-width:4px;height:100%;display:block}@media (width<=750px){.employee-stat-grid{grid-template-columns:1fr}}@media (width<=650px){.employee-stat-section{padding:15px}.employee-stat-heading{align-items:flex-start}.employee-stat-badge{display:none}}.previous-school-section{background:linear-gradient(145deg,#f7faff,#f5f8ff);border:1px solid #dce5f5;border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex}.previous-school-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.previous-school-heading>div>span{color:#3568eb;letter-spacing:1.1px;font-size:8px;font-weight:850}.previous-school-heading h2{margin:4px 0;font-size:16px}.previous-school-heading p{color:#7a879f;margin:0;font-size:9px}.previous-school-heading label{color:#718098;white-space:nowrap;align-items:center;gap:8px;font-size:8px;display:flex}.previous-school-heading select{color:#26334a;background:#fff;border:1px solid #d8e0ee;border-radius:9px;padding:8px 28px 8px 9px;font-size:9px}.previous-school-kpis{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.previous-school-kpis>div{background:#fff;border:1px solid #e1e7f1;border-radius:12px;padding:12px}.previous-school-kpis span,.previous-school-kpis strong,.previous-school-kpis small{display:block}.previous-school-kpis span{color:#7a879f;font-size:8px}.previous-school-kpis strong{color:#243148;margin-top:5px;font-size:20px}.previous-school-kpis small{color:#24815f;margin-top:3px;font-size:7px}.previous-school-grid{grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.feeder-bars{flex-direction:column;gap:9px;display:flex}.feeder-row{grid-template-columns:20px 1fr 28px;align-items:center;gap:8px;display:grid}.feeder-row>b{color:#3568eb;background:#edf3ff;border-radius:7px;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.feeder-row>div>span{color:#45536a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:8px;display:block;overflow:hidden}.feeder-row i{background:#edf1f6;border-radius:5px;height:5px;display:block;overflow:hidden}.feeder-row em{background:linear-gradient(90deg,#3568eb,#77a0f8);border-radius:5px;min-width:3px;height:100%;display:block}.feeder-row>strong{text-align:right;font-size:9px}.yearly-school-bars{align-items:flex-end;gap:6px;height:245px;padding:10px 2px 0;display:flex;overflow-x:auto}.yearly-school-bars button{color:#718098;background:0 0;border:0;grid-template-rows:auto 1fr auto;align-items:end;gap:5px;min-width:31px;height:100%;padding:0;display:grid}.yearly-school-bars button span{writing-mode:vertical-rl;margin:auto;font-size:7px;transform:rotate(180deg)}.yearly-school-bars button i{background:#b8caf4;border-radius:5px 5px 2px 2px;justify-self:center;width:18px;min-height:8px;max-height:160px;transition:all .2s}.yearly-school-bars button strong{justify-self:center;font-size:8px}.yearly-school-bars button:hover i,.yearly-school-bars button.active i{background:#3568eb}.school-matrix-card{padding-bottom:10px}.school-matrix-card .dashboard-card-head{margin-bottom:10px}.school-matrix-card .dashboard-card-head>small{color:#8b96a7;font-size:7px}.school-matrix-scroll{overflow-x:auto}.school-matrix-scroll table{border-collapse:collapse;width:100%;font-size:8px}.school-matrix-scroll th,.school-matrix-scroll td{text-align:center;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:8px 9px}.school-matrix-scroll th{color:#718098;text-transform:uppercase;background:#f7f9fc;font-size:7px}.school-matrix-scroll th:first-child,.school-matrix-scroll td:first-child{text-align:left;min-width:190px}.school-matrix-scroll td:first-child{color:#36445a;font-weight:650}.previous-school-note{color:#7a879f;margin:0;font-size:8px}.dashboard-empty{color:#8a95a7;text-align:center;padding:25px 0;font-size:9px}@media (width<=900px){.previous-school-grid{grid-template-columns:1fr}.previous-school-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.previous-school-section{padding:15px}.previous-school-heading{flex-direction:column;align-items:flex-start}.previous-school-heading label{justify-content:space-between;width:100%}.previous-school-heading select{flex:1}.school-matrix-card .dashboard-card-head>small{display:none}}.employee-stat-content{grid-template-columns:142px minmax(0,1fr);align-items:center;gap:18px;padding-top:15px;display:grid}.employee-donut{border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff75}.employee-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:22px;box-shadow:0 2px 10px #26334a12}.employee-donut>div{z-index:1;text-align:center;position:relative}.employee-donut strong,.employee-donut span{display:block}.employee-donut strong{color:#243148;font-size:23px;line-height:1}.employee-donut span{color:#8a95a7;margin-top:4px;font-size:8px}.employee-donut-legend{flex-direction:column;gap:7px;max-height:160px;padding-right:4px;display:flex;overflow:auto}.employee-donut-legend>div{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.employee-donut-legend i{border-radius:50%;width:8px;height:8px}.employee-donut-legend span{color:#536176;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.employee-donut-legend b{color:#26334a;align-items:baseline;gap:4px;font-size:9px;display:flex}.employee-donut-legend small{color:#9aa4b3;font-size:7px;font-weight:600}@media (width<=500px){.employee-stat-content{grid-template-columns:118px minmax(0,1fr);gap:12px}.employee-donut{width:110px;height:110px}.employee-donut:after{inset:19px}}.admin-nav-link.attendance-schedule-link{color:#b96d1f;background:#fff6e8}.admin-nav-link.attendance-schedule-link.active{color:#1b8162;background:#eaf8f3}.attendance-schedule-page{max-width:1180px}.schedule-count{color:#1f8d69;background:#fff;border:1px solid #dfe8e4;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:9px 13px;display:grid}.schedule-count svg{grid-row:1/3}.schedule-count strong{font-size:16px;line-height:1}.schedule-count span{color:#7a879f;font-size:8px}.schedule-success{color:#1c795c;background:#eaf8f3;border:1px solid #c6e9dc;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:10px;font-weight:700;display:flex}.attendance-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.attendance-schedule-card{background:#fff;border:1px solid #e2e8ef;border-radius:16px;padding:18px;box-shadow:0 5px 16px #3449610b}.attendance-schedule-card header{border-bottom:1px solid #edf0f4;align-items:center;gap:11px;padding-bottom:15px;display:flex}.schedule-group-icon{color:#3568eb;background:#edf3ff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.schedule-group-icon.subject_teachers{color:#1f906b;background:#eaf8f3}.schedule-group-icon.quran_teachers{color:#7357d4;background:#f1edff}.schedule-group-icon.administration{color:#d68329;background:#fff4e7}.schedule-group-icon.security{color:#cc5260;background:#fff0f2}.attendance-schedule-card header span{color:#8d98aa;letter-spacing:.8px;font-size:7px;font-weight:800}.attendance-schedule-card h2{margin:4px 0 0;font-size:14px}.schedule-days{justify-content:space-between;align-items:center;gap:12px;margin:15px 0;display:flex}.schedule-days>span{color:#58657a;font-size:9px;font-weight:700}.schedule-days select,.schedule-time-grid input{color:#223048;background:#fafbfd;border:1px solid #dce3eb;border-radius:9px;outline:none;padding:9px 10px;font-size:10px}.schedule-days select:focus,.schedule-time-grid input:focus{border-color:#7898ee;box-shadow:0 0 0 3px #3568eb13}.schedule-time-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.schedule-time-grid label{background:#f8fafc;border:1px solid #edf0f4;border-radius:11px;padding:11px}.schedule-time-grid label>span{color:#68758a;align-items:center;gap:6px;margin-bottom:8px;font-size:8px;font-weight:750;display:flex}.schedule-time-grid label:first-child>span{color:#1d8d68}.schedule-time-grid label:last-child>span{color:#3568eb}.schedule-time-grid input{font-variant-numeric:tabular-nums;background:#fff;width:100%;font-size:16px;font-weight:800}.attendance-schedule-card footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding-top:14px;display:flex}.attendance-schedule-card footer small{color:#98a2b2;font-size:7px}.attendance-schedule-card footer button{color:#fff;white-space:nowrap;background:#3568eb;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:9px;font-weight:750;display:flex}.attendance-schedule-card footer button:disabled{opacity:.65}.attendance-schedule-card:last-child:nth-child(odd){grid-column:1/-1}@media (width<=850px){.attendance-schedule-grid{grid-template-columns:1fr}.attendance-schedule-card:last-child:nth-child(odd){grid-column:auto}}@media (width<=500px){.schedule-time-grid{grid-template-columns:1fr}.attendance-schedule-card footer{flex-direction:column;align-items:flex-start}.attendance-schedule-card footer button{justify-content:center;width:100%}}.admin-nav-link.student-data-link{color:#6d52c5;background:#f1edff}.admin-nav-link.student-data-link.active{color:#1b8162;background:#eaf8f3}.student-admin-page{max-width:1380px}.student-admin-tools>div:last-child{align-items:center;gap:9px;display:flex}.student-admin-tools select{color:#536176;background:#fafbfd;border:1px solid #e1e6ee;border-radius:9px;outline:none;padding:9px 11px;font-size:10px}.student-admin-table td small{color:#98a2b2;margin-top:3px;font-size:8px;display:block}.student-admin-table{min-width:850px}.student-admin-modal{width:min(900px,100%);max-height:92vh;overflow:auto}.student-admin-modal .admin-modal-head{z-index:2;background:#fff;border-bottom:1px solid #edf0f4;padding:20px 0 13px;position:sticky;top:-21px}.student-admin-modal .admin-modal-head span{color:#3568eb;letter-spacing:.8px;font-size:8px;font-weight:800}.student-admin-modal .admin-modal-head h2{margin-top:4px}.student-form-section{background:#fbfcfe;border:1px solid #e8edf3;border-radius:12px;margin-bottom:13px;padding:14px}.student-form-section h3{color:#1e785c;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #e9edf2;margin:0 0 13px;padding-bottom:9px;font-size:10px}.student-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.student-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.student-admin-modal .admin-field textarea{width:100%;font:inherit;color:#18243c;resize:vertical;background:#fbfcfe;border:1px solid #dde3ec;border-radius:9px;outline:none;padding:10px 11px;font-size:11px}.student-admin-modal .admin-field textarea:focus{border-color:#7898ee;box-shadow:0 0 0 3px #3568eb13}.student-admin-modal .admin-form-actions{background:#fff;padding:14px 0 20px;position:sticky;bottom:-21px}.student-admin-modal .admin-form-actions button:disabled{opacity:.65}@media (width<=700px){.student-admin-tools>div:last-child{flex-direction:column;align-items:stretch;width:100%}.student-admin-tools .admin-search{min-width:100%}.student-form-grid,.student-form-grid.three{grid-template-columns:1fr}.student-admin-modal{max-height:96vh}.student-form-section{padding:11px}}.schedule-field-note{color:#1f8d69;margin-top:6px;font-size:8px;display:block}.admin-field select:disabled{color:#9aa4b3;cursor:not-allowed;background:#f3f5f7}.cbt-module-entry{color:#b96d1f;background:#fff5e7;border:0;border-radius:10px;grid-template-columns:20px 1fr auto;align-items:center;gap:11px;width:100%;margin-top:4px;padding:11px 13px;font-size:11px;font-weight:750;text-decoration:none;display:grid}.cbt-module-entry:hover{background:#ffedd5}.admin-nav-link.cbt-admin-link{color:#b96d1f;background:#fff5e7}.attendance-terminal-page{color:#17243b;background:radial-gradient(circle at 50% -15%,#dff6ee 0,#eef5f4 36%,#e8eef5 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.attendance-terminal-shell{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #dce7e5;border-radius:26px;width:min(1080px,100%);overflow:hidden;box-shadow:0 24px 70px #294a5d20}.attendance-terminal-header{background:#fff;border-bottom:1px solid #e5ecec;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.attendance-terminal-brand{align-items:center;gap:13px;display:flex}.attendance-terminal-brand>span{background:#eaf7f2;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.attendance-terminal-brand img{object-fit:contain;width:42px;height:42px}.attendance-terminal-brand small,.attendance-terminal-brand strong{display:block}.attendance-terminal-brand small{color:#16825f;letter-spacing:1.2px;font-size:9px;font-weight:850}.attendance-terminal-brand strong{margin-top:4px;font-size:19px}.attendance-terminal-clock{text-align:right;color:#526276;align-items:center;gap:10px;display:flex}.attendance-terminal-clock div>*{display:block}.attendance-terminal-clock strong{font-variant-numeric:tabular-nums;color:#17243b;font-size:21px}.attendance-terminal-clock span{margin-top:3px;font-size:9px}.attendance-terminal-intro{text-align:center;padding:36px 20px 23px}.attendance-terminal-intro>span{color:#16825f;letter-spacing:1.5px;font-size:9px;font-weight:850}.attendance-terminal-intro h1{margin:8px 0;font-size:32px}.attendance-terminal-intro p{color:#718096;margin:0;font-size:12px}.attendance-terminal-options{grid-template-columns:1fr 1fr;gap:18px;padding:12px 30px 30px;display:grid}.attendance-terminal-options>a{color:#17243b;border:1px solid #dce6e7;border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:19px;min-height:220px;padding:25px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 8px 24px #344b5e0c}.attendance-terminal-options>a:hover{transform:translateY(-3px);box-shadow:0 15px 34px #294a5d1b}.attendance-terminal-options>a.employee{background:linear-gradient(145deg,#f4fbf8,#e6f6f0)}.attendance-terminal-options>a.student{background:linear-gradient(145deg,#f5f8ff,#e8efff)}.attendance-terminal-options>a.employee:hover{border-color:#7fc5ad}.attendance-terminal-options>a.student:hover{border-color:#89a8ec}.terminal-option-icon{border-radius:22px;place-items:center;width:78px;height:78px;display:grid}.employee .terminal-option-icon{color:#fff;background:#16825f}.student .terminal-option-icon{color:#fff;background:#3568eb}.attendance-terminal-options small{letter-spacing:.8px;color:#718096;font-size:8px;font-weight:850}.attendance-terminal-options h2{margin:7px 0;font-size:22px}.attendance-terminal-options p{color:#69778d;margin:0;font-size:10px;line-height:1.6}.attendance-terminal-options i{background:#ffffffb8;border-radius:50%;place-items:center;width:48px;height:48px;font-style:normal;display:grid}.employee>i{color:#16825f}.student>i{color:#3568eb}.attendance-terminal-footer{color:#607087;background:#f8fbfa;border-top:1px solid #e5ecec;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:9px;display:flex}.attendance-terminal-footer svg{color:#16825f}@media (width<=780px){.attendance-terminal-page{padding:12px}.attendance-terminal-header{padding:18px}.attendance-terminal-clock span{display:none}.attendance-terminal-options{grid-template-columns:1fr;padding:10px 18px 22px}.attendance-terminal-options>a{min-height:160px}.attendance-terminal-intro{padding-top:27px}.attendance-terminal-intro h1{font-size:25px}}@media (width<=520px){.attendance-terminal-brand small{display:none}.attendance-terminal-brand strong{font-size:14px}.attendance-terminal-brand>span{width:44px;height:44px}.attendance-terminal-brand img{width:34px;height:34px}.attendance-terminal-clock strong{font-size:16px}.attendance-terminal-options>a{grid-template-columns:auto 1fr;padding:18px}.attendance-terminal-options>a>i{display:none}.terminal-option-icon{border-radius:17px;width:58px;height:58px}.terminal-option-icon svg{width:31px}.attendance-terminal-options h2{font-size:18px}.attendance-terminal-options p{font-size:9px}}.kiosk-page{color:#17243b;background:#eef3f7;min-height:100vh}.kiosk-header{background:#fff;border-bottom:1px solid #dfe6ed;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 30px;display:grid}.kiosk-header>a{color:#607087;align-items:center;gap:7px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.kiosk-brand{align-items:center;gap:10px;display:flex}.kiosk-brand>span{color:#fff;background:#1e8f6d;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.kiosk-brand strong,.kiosk-brand small{display:block}.kiosk-brand strong{font-size:15px}.kiosk-brand small{color:#7a879f;margin-top:3px;font-size:9px}.kiosk-clock{text-align:right}.kiosk-clock strong,.kiosk-clock span{display:block}.kiosk-clock strong{font-variant-numeric:tabular-nums;font-size:18px}.kiosk-clock span{color:#7a879f;margin-top:3px;font-size:9px}.kiosk-content{grid-template-columns:1.55fr .85fr;gap:18px;max-width:1320px;margin:0 auto;padding:25px;display:grid}.kiosk-camera-card,.recent-attendance{background:#fff;border:1px solid #dfe6ed;border-radius:16px;padding:17px;box-shadow:0 4px 14px #2a48650b}.attendance-mode{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px;display:grid}.attendance-mode button{color:#6b778c;background:#f7f9fb;border:1px solid #dce3eb;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:11px;font-weight:750;display:flex}.attendance-mode button.arrival.active{color:#1e8f6d;background:#e9f8f2;border-color:#bfe5d7}.attendance-mode button.departure.active{color:#3568eb;background:#edf3ff;border-color:#c8d6f8}.kiosk-video{aspect-ratio:4/3;background:#142033;border-radius:13px;position:relative;overflow:hidden}.kiosk-video video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-placeholder{color:#d2dae6;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.camera-placeholder strong{margin-top:12px;font-size:14px}.camera-placeholder p{color:#96a2b5;margin:5px 0 14px;font-size:9px}.camera-placeholder button{color:#fff;background:#1e8f6d;border:0;border-radius:9px;align-items:center;gap:6px;padding:10px 13px;font-size:10px;font-weight:750;display:flex}.scan-frame{position:absolute;inset:13% 25%}.scan-frame i{border-style:solid;border-color:#58dcb1;width:30px;height:30px;position:absolute}.scan-frame i:first-child{border-width:3px 0 0 3px;border-radius:8px 0 0;top:0;left:0}.scan-frame i:nth-child(2){border-width:3px 3px 0 0;border-radius:0 8px 0 0;top:0;right:0}.scan-frame i:nth-child(3){border-width:0 0 3px 3px;border-radius:0 0 0 8px;bottom:0;left:0}.scan-frame i:nth-child(4){border-width:0 3px 3px 0;border-radius:0 0 8px;bottom:0;right:0}.attendance-success{color:#fff;text-align:center;background:linear-gradient(145deg,#167356ed,#0c493ded);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.attendance-success>span{letter-spacing:1.6px;margin-top:10px;font-size:9px;font-weight:800}.attendance-success h2{margin:7px 0 3px;font-size:25px}.attendance-success p{color:#d1f5e8;margin:0 0 15px;font-size:10px}.attendance-success>strong{background:#ffffff1c;border:1px solid #ffffff35;border-radius:9px;padding:9px 14px;font-size:11px}.scan-status{color:#66738a;align-items:center;gap:7px;padding:11px 2px 6px;font-size:10px;display:flex}.scan-status>span{background:#a7b0be;border-radius:50%;width:7px;height:7px}.scan-status>span.active{background:#26ad7d;box-shadow:0 0 0 4px #26ad7d1c}.kiosk-privacy{color:#6e7c90;border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:6px;padding-top:9px;font-size:8px;display:flex}.recent-attendance>div:first-child{border-bottom:1px solid #e8edf3;padding:3px 3px 14px}.recent-attendance h2{margin:0 0 3px;font-size:14px}.recent-attendance p{color:#7a879f;margin:0;font-size:9px}.recent-list{max-height:620px;overflow:auto}.recent-list article{border-bottom:1px solid #edf0f4;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:12px 3px;display:grid}.recent-list article>span{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.recent-list article>span.datang{color:#1e8f6d;background:#e9f8f2}.recent-list article>span.pulang{color:#3568eb;background:#edf3ff}.recent-list strong,.recent-list small{display:block}.recent-list small{color:#7a879f;white-space:nowrap;text-overflow:ellipsis;max-width:170px;margin-top:3px;font-size:8px;overflow:hidden}.recent-list time{text-align:right;color:#7a879f;text-transform:capitalize;font-size:8px}.recent-list time b{color:#17243b;margin-top:3px;font-size:11px;display:block}.recent-empty{color:#9ca7b5;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:240px;font-size:10px;display:flex}@media (width<=850px){.face-list-grid{grid-template-columns:1fr}.face-employee-card:nth-child(odd){border-right:0}.kiosk-header{grid-template-columns:1fr auto}.kiosk-brand{display:none}.kiosk-content{grid-template-columns:1fr}.kiosk-clock span{display:none}}@media (width<=560px){.face-page-bar>div{display:none}.face-page-heading{flex-direction:column;align-items:flex-start;gap:13px}.face-summary{text-align:left}.face-list-top{flex-direction:column;align-items:flex-start;gap:12px}.face-list-top label{width:100%;min-width:100%}.face-employee-card{flex-wrap:wrap;align-items:flex-start}.face-row-actions{width:100%;padding-left:49px}.record-face{flex:1}.kiosk-header{height:68px;padding:0 14px}.kiosk-clock strong{font-size:15px}.kiosk-content,.kiosk-camera-card,.recent-attendance{padding:12px}.attendance-success h2{font-size:19px}}.recent-list .attendance-times{text-transform:none;grid-template-columns:repeat(2,minmax(47px,1fr));gap:5px;display:grid}.recent-list .attendance-times span{text-align:center;color:#738096;background:#f5f7fa;border-radius:7px;min-width:47px;padding:5px 6px;font-size:7px}.recent-list .attendance-times span:first-child{color:#327b65;background:#edf8f4}.recent-list .attendance-times span:last-child{color:#4d6eaa;background:#eef3fc}.recent-list .attendance-times b{font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px}.admin-table-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-table-filters>select{color:#536176;background:#fafbfd;border:1px solid #e1e6ee;border-radius:9px;outline:none;min-width:125px;padding:9px 11px;font-size:10px}.admin-table-filters .admin-search{min-width:220px}.attendance-success.duplicate{background:linear-gradient(145deg,#1b8b67f2,#0d5744ed)}.duplicate-attendance-times{gap:8px;margin-top:2px;display:flex}.duplicate-attendance-times strong{background:#ffffff1c;border:1px solid #ffffff35;border-radius:9px;padding:9px 14px;font-size:11px}.recent-list article{grid-template-columns:68px minmax(0,1fr) auto;gap:14px;padding:18px 4px}.recent-list article>span{border-radius:14px;width:68px;height:68px;overflow:hidden}.recent-list article>span img{object-fit:cover;width:100%;height:100%}.recent-list article>span svg{width:34px;height:34px}.recent-list strong{font-size:18px}.recent-list small{max-width:260px;margin-top:6px;font-size:14px}.recent-list .attendance-times{grid-template-columns:repeat(2,minmax(94px,1fr));gap:8px}.recent-list .attendance-times span{border-radius:10px;min-width:94px;padding:10px 12px;font-size:13px}.recent-list .attendance-times b{margin-top:4px;font-size:20px}.recent-attendance h2{font-size:20px}.recent-attendance p{font-size:13px}.kiosk-content{grid-template-columns:minmax(520px,1fr) minmax(630px,1.12fr);max-width:1500px}@media (width<=1100px){.kiosk-content{grid-template-columns:1fr}.recent-list small{max-width:none}}@media (width<=760px){.admin-table-filters{justify-content:flex-start;width:100%}.admin-table-filters>select,.admin-table-filters .admin-search{width:100%;min-width:100%}.recent-list article{grid-template-columns:58px minmax(0,1fr)}.recent-list article>span{width:58px;height:58px}.recent-list .attendance-times{grid-column:1/-1;width:100%}.recent-list strong{font-size:15px}.recent-list small{font-size:11px}}.print-class-button{color:#fff;background:#18243c;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:9px;font-weight:750;display:flex}.print-class-button:disabled{opacity:.42;cursor:not-allowed}.dashboard-metrics.teacher-metrics{grid-template-columns:repeat(3,1fr)}.donut-grid.single{grid-template-columns:1fr}.donut-grid.single .donut-block{width:100%;max-width:240px;margin:auto}@media (width<=760px){.dashboard-metrics.teacher-metrics{grid-template-columns:1fr}.student-filters .print-class-button{justify-content:center;width:100%}}.verification-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8faff;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;display:flex}.verification-filters>span{color:#64728a;align-items:center;gap:6px;margin-right:3px;font-size:9px;font-weight:800;display:flex}.verification-filters select{border:1px solid var(--line);color:#536078;background:#fff;border-radius:8px;outline:0;min-width:130px;padding:8px 9px;font-size:9px}.verification-filters .text-button{margin-left:auto}.verification-creator{color:#8793a5;max-width:125px;font-size:8px;line-height:1.4}.verification-creator strong{color:#445168;margin-top:2px;display:block}.verification-summary>.ready{color:#16825f;background:#effaf6;border:1px solid #cdeee1;border-radius:11px;align-items:center;gap:9px;padding:10px 13px;display:flex}.verification-summary>.ready>span{place-items:center;display:grid}.verification-summary>.ready strong,.verification-summary>.ready small{display:block}.verification-summary>.ready strong{font-size:17px}.verification-summary>.ready small{font-size:8px}@media (width<=760px){.verification-filters{align-items:stretch}.verification-filters>span{width:100%}.verification-filters select{flex:1;min-width:125px}.verification-filters .text-button{width:100%;margin-left:0}.verification-creator{display:none}}.monitor-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px;display:grid}.monitor-summary article{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:13px;padding:16px 18px;display:flex;box-shadow:0 2px 6px #4052780a}.monitor-summary article>div>*{display:block}.monitor-summary small{color:var(--muted);font-size:9px;font-weight:700}.monitor-summary strong{margin:3px 0;font-size:22px}.monitor-summary article>div>span{color:#909bad;font-size:8px}.monitor-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.monitor-icon.online{color:#16825f;background:#e9f8f2}.monitor-icon.cbt{color:#3568eb;background:#edf3ff}.monitor-icon.total{color:#7654c4;background:#f2edff}.monitor-panel{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 3px 9px #4052780b}.monitor-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.monitor-panel h2{margin:0 0 4px;font-size:15px}.monitor-panel header p{color:var(--muted);margin:0;font-size:9px}.monitor-panel header button{color:#3568eb;background:#edf3ff;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;font-weight:750;display:flex}.monitor-panel header button:disabled{opacity:.6}.monitor-filters{border-bottom:1px solid var(--line);gap:8px;padding:13px 20px;display:flex}.monitor-filters label{border:1px solid var(--line);color:#96a0b1;border-radius:9px;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.monitor-filters input{border:0;outline:0;width:100%;font-size:10px}.monitor-filters select{border:1px solid var(--line);color:#536078;background:#fafbfd;border-radius:9px;outline:0;min-width:145px;padding:8px 10px;font-size:10px}.monitor-table-wrap{overflow:auto}.monitor-table{border-collapse:collapse;width:100%;min-width:850px}.monitor-table th{color:#7b8798;text-transform:uppercase;letter-spacing:.45px;text-align:left;background:#f7f9fc;padding:10px 14px;font-size:8px}.monitor-table td{color:#536078;border-top:1px solid #edf0f4;padding:12px 14px;font-size:9px}.monitor-table td strong,.monitor-table td small{display:block}.monitor-table td strong{color:#25324a;font-size:10px}.monitor-table td small{color:#8d98a9;margin-top:3px}.monitor-status{border-radius:12px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.monitor-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.monitor-status.online{color:#16825f;background:#e9f8f2}.monitor-status.idle{color:#ad701c;background:#fff4df}.monitor-status.inactive{color:#7d8796;background:#f1f3f6}.monitor-message{text-align:center;color:#8793a5;padding:42px;font-size:10px}.monitor-message.error{color:#b54750;background:#fff8f8}.monitor-panel>footer{border-top:1px solid var(--line);color:#8793a5;padding:10px 20px;font-size:8px}@keyframes monitor-spin{to{transform:rotate(360deg)}}@media (width<=760px){.monitor-summary{grid-template-columns:1fr}.monitor-filters{flex-direction:column}.monitor-filters select{width:100%}.monitor-panel>header{align-items:flex-start;gap:12px}.monitor-panel>header button{white-space:nowrap}}.monitor-icon.warning{color:#b65c2d;background:#fff0e5}.monitor-table{min-width:1460px}.monitor-violation,.monitor-safe{min-width:150px;display:block}.monitor-violation{background:#fff4ed;border:1px solid #f3d2bd;border-radius:9px;padding:7px 9px}.monitor-violation strong{color:#a84f25!important}.monitor-violation small{white-space:normal;line-height:1.35}.monitor-violation .monitor-reopen-history{color:#7b5a24;font-weight:700}.monitor-reopen-button{color:#9a461f;cursor:pointer;background:#fff;border:1px solid #e4a777;border-radius:8px;align-items:center;gap:6px;margin-top:7px;padding:7px 9px;font-size:8px;font-weight:800;display:inline-flex}.monitor-reopen-button:hover{background:#fff8f2}.monitor-reopen-button:disabled{opacity:.55;cursor:wait}.monitor-safe strong{color:#16825f!important}.monitor-schedule-history{gap:4px;min-width:185px;display:grid}.monitor-schedule-history span{color:#66758a;white-space:nowrap;background:#f8fafc;border:1px solid #e5e9ef;border-radius:6px;grid-template-columns:52px 1fr;align-items:center;gap:6px;padding:4px 6px;font-size:8px;display:grid}.monitor-schedule-history span b{color:#26384e;font-size:8px}.monitor-score-history{grid-template-columns:repeat(2,minmax(68px,1fr));gap:4px;min-width:180px;display:grid}.monitor-score-history span{color:#7a8799;background:#f8fafc;border:1px solid #e5e9ef;border-radius:6px;justify-content:space-between;gap:7px;padding:4px 6px;font-size:7px;display:flex}.monitor-score-history span b{color:#35445b;font-size:9px}.monitor-score-history>strong{color:#16825f;text-align:center;background:#e9f8f2;border-radius:7px;grid-column:1/-1;padding:6px 8px;font-size:9px!important}@media (width<=760px){.monitor-summary{grid-template-columns:1fr}}.good-attendance-panel{background:linear-gradient(145deg,#fffdf5,#fff8de);border:1px solid #f1d68b;border-radius:14px;margin-bottom:15px;padding:14px}.good-attendance-heading{align-items:center;gap:10px;margin-bottom:10px;display:flex}.good-attendance-heading>span{color:#674800;background:#f4bd32;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 5px 12px #d69e1f2b}.good-attendance-heading h2{color:#674800;margin:0;font-size:17px}.good-attendance-heading p{color:#92701f;margin:3px 0 0;font-size:10px}.good-attendance-list{gap:6px;display:grid}.good-attendance-list article{background:#ffffffc9;border:1px solid #f1dfaa;border-radius:11px;grid-template-columns:22px 42px minmax(0,1fr) 49px;align-items:center;gap:9px;padding:7px 9px;display:grid}.good-attendance-list article.winner{background:#fff;border-color:#e9c763;box-shadow:0 5px 12px #c9971b18}.good-attendance-rank{color:#a27a1d;text-align:center;font-size:14px}.good-attendance-photo{color:#9a7114;background:#fff2bd;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.good-attendance-photo img{object-fit:cover;width:100%;height:100%}.good-attendance-list strong,.good-attendance-list small{display:block}.good-attendance-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.good-attendance-list small{color:#7c6b43;margin-top:3px;font-size:9px}.good-attendance-list em{color:#fff;background:#1d8f6c;border-radius:10px;justify-content:center;align-items:center;width:46px;height:38px;font-size:16px;font-style:normal;font-weight:850;display:flex}.good-attendance-list em:after{content:"%";margin-left:1px;font-size:8px}.good-attendance-note{color:#927a43;margin-top:9px;font-size:8px;line-height:1.45;display:block}.good-attendance-empty{color:#927a43;text-align:center;background:#ffffffa3;border-radius:10px;margin:0;padding:12px;font-size:10px}.today-attendance-heading{border-bottom:1px solid #e8edf3;padding:3px 3px 14px}.recent-attendance .today-attendance-heading h2{margin:0 0 3px;font-size:20px}.recent-attendance .today-attendance-heading p{color:#7a879f;margin:0;font-size:13px}.recent-attendance .recent-list{max-height:450px}@media (width<=760px){.good-attendance-panel{padding:11px}.good-attendance-list article{grid-template-columns:20px 38px minmax(0,1fr) 43px}.good-attendance-photo{width:38px;height:38px}.good-attendance-list em{width:40px;font-size:14px}.good-attendance-list strong{font-size:11px}}.student-heading-actions{gap:8px;display:flex}.student-heading-actions>button{color:#35506f;background:#fff;border:1px solid #dce4ef;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:10px;font-weight:750;display:flex}.student-heading-actions>button.admin-primary{color:#fff;background:#3568eb;border-color:#3568eb}.student-status-tabs{gap:7px;padding:0 18px 14px;display:flex}.student-status-tabs button{color:#667389;background:#fff;border:1px solid #dfe5ed;border-radius:18px;padding:7px 12px;font-size:9px;font-weight:750}.student-status-tabs button.active{color:#17775b;background:#eaf8f3;border-color:#b9e4d4}.academic-lifecycle{background:#fff;border:1px solid #dfe6ee;border-radius:14px;margin-bottom:17px;padding:18px;box-shadow:0 3px 10px #17233f0a}.academic-lifecycle>header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px;display:flex}.academic-lifecycle>header span,.academic-transition-grid article>span{color:#287e65;letter-spacing:.8px;font-size:8px;font-weight:850}.academic-lifecycle>header h2{margin:4px 0;font-size:16px}.academic-lifecycle>header p{color:#7e899a;margin:0;font-size:9px}.academic-year-fields{gap:8px;display:flex}.academic-year-fields label{color:#7d899b;font-size:8px}.academic-year-fields input{border:1px solid #dfe5ed;border-radius:8px;width:112px;margin-top:4px;padding:8px;font-size:10px;display:block}.academic-transition-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.academic-transition-grid article{color:#355f9d;background:#f9fbfd;border:1px solid #e2e7ef;border-radius:12px;padding:14px}.academic-transition-grid article h3{color:#192b46;margin:7px 0 4px;font-size:21px}.academic-transition-grid article p{color:#778397;min-height:29px;font-size:9px;line-height:1.55}.academic-transition-grid article button,.academic-lifecycle-tables td button{color:#fff;background:#3568eb;border:0;border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;font-weight:750;display:inline-flex}.academic-transition-grid article button:disabled,.academic-lifecycle-tables td button:disabled{opacity:.45}.academic-lifecycle-tables{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.academic-lifecycle-tables>section{border:1px solid #e2e7ef;border-radius:11px;overflow:hidden}.academic-lifecycle-tables>section>div:first-child{background:#f7f9fc;justify-content:space-between;padding:11px 13px;display:flex}.academic-lifecycle-tables h3{margin:0;font-size:10px}.academic-lifecycle-tables>section>div:first-child span{color:#7c8798;font-size:8px}.academic-lifecycle-tables table{min-width:520px}.academic-lifecycle-tables td select{border:1px solid #dce3ec;border-radius:7px;padding:6px;font-size:9px}.academic-lifecycle-tables td small{color:#8d98a8;margin-top:3px;font-size:8px;display:block}@media (width<=950px){.academic-lifecycle>header{flex-direction:column}.academic-transition-grid,.academic-lifecycle-tables{grid-template-columns:1fr}.student-heading-actions{flex-direction:column}}.academic-lifecycle-tables>section.promotion-placement{grid-column:1/-1}.promotion-placement .admin-table{min-width:680px}.lms-account-management{gap:15px;display:grid}.lms-account-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lms-account-metrics>div{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:11px;min-height:88px;padding:15px;display:grid}.lms-account-metrics span{width:39px;height:39px;color:var(--blue);background:#edf3ff;border-radius:10px;grid-row:1/3;place-items:center;display:grid}.lms-account-metrics small{color:var(--muted);align-self:end;font-size:9px}.lms-account-metrics strong{font-size:22px}.lms-account-panel{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.lms-account-toolbar{justify-content:space-between;gap:12px;padding:15px 17px;display:flex}.lms-account-toolbar>label{border:1px solid var(--line);color:#95a0b2;border-radius:9px;align-items:center;gap:8px;width:min(520px,55%);padding:9px 11px;display:flex}.lms-account-toolbar input{border:0;outline:0;flex:1;min-width:0;font-size:10px}.lms-account-toolbar>div{gap:8px;display:flex}.lms-account-toolbar select,.lms-account-toolbar button{border:1px solid #dfe5ee;border-radius:9px;padding:9px 11px;font-size:10px}.lms-account-toolbar button{border-color:var(--blue);background:var(--blue);color:#fff;align-items:center;gap:7px;font-weight:750;display:flex}.lms-account-note{color:#1d795d;background:#f1f8f5;border:1px solid #d6e8e1;border-radius:10px;align-items:center;gap:9px;margin:0 17px 14px;padding:11px 12px;font-size:9px;display:flex}.lms-account-note span{gap:2px;display:grid}.lms-account-note strong{font-size:9px}.lms-account-head,.lms-account-row{grid-template-columns:minmax(210px,1.1fr) minmax(140px,.65fr) minmax(260px,1.7fr) 112px;align-items:center;gap:14px;padding:0 17px;display:grid}.lms-account-head{border-block:1px solid var(--line);color:#7f8b9e;text-transform:uppercase;letter-spacing:.4px;background:#f7f9fc;min-height:36px;font-size:8px;font-weight:800}.lms-account-row{border-bottom:1px solid #edf0f4;min-height:76px}.lms-account-row:hover{background:#fbfcfe}.lms-account-identity{align-items:center;gap:10px;min-width:0;display:flex}.lms-account-identity>i{color:#fff;background:linear-gradient(145deg,#3568eb,#6d8ff2);border-radius:10px;place-items:center;width:38px;height:38px;font-size:10px;font-style:normal;font-weight:800;display:grid}.lms-account-identity>span,.lms-account-row>div:nth-child(2){gap:4px;min-width:0;display:grid}.lms-account-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.lms-account-identity em{color:#1f8d69;text-transform:uppercase;background:#eaf8f3;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:7px;font-style:normal}.lms-account-identity small,.lms-account-row>div:nth-child(2)>small{color:var(--muted);font-size:8px}.lms-role{color:#3568eb;background:#edf3ff;border-radius:12px;width:max-content;padding:4px 8px;font-size:8px}.lms-role-tata_usaha{color:#a46720;background:#fff3df}.lms-role-guru{color:#1c795c;background:#eaf8f3}.lms-role-verifikator{color:#6d52c5;background:#f1edff}.lms-role-siswa{color:#3568eb;background:#edf3ff}.lms-account-row>p{color:#536176;margin:0;font-size:9px;line-height:1.5}.lms-account-actions{justify-content:flex-end;gap:4px;display:flex}.lms-account-actions button,.lms-account-dialog header>button{color:#68758a;background:#f1f4f8;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.lms-account-actions button:last-child{color:#c34f5b}.lms-account-actions button:disabled{opacity:.35}.lms-account-panel>footer{color:var(--muted);background:#fafbfd;padding:10px 17px;font-size:8px}.lms-account-empty{text-align:center;color:var(--muted);padding:45px;font-size:10px}.lms-account-backdrop{z-index:100;background:#16203a85;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.lms-account-dialog{background:#fff;border-radius:17px;width:min(920px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 25px 70px #14213e55}.lms-account-dialog.small{width:min(480px,100%)}.lms-account-dialog>header{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;gap:15px;padding:18px 21px;display:flex;position:sticky;top:0}.lms-account-dialog header span{color:var(--blue);letter-spacing:.8px;font-size:8px;font-weight:800}.lms-account-dialog h2{margin:4px 0;font-size:18px}.lms-account-dialog header p{color:var(--muted);margin:0;font-size:9px}.lms-account-dialog form{padding:20px}.lms-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lms-account-field{gap:6px;margin-bottom:13px;display:grid}.lms-account-field>span{color:#536176;font-size:9px;font-weight:750}.lms-account-field>input,.lms-account-field>select{background:#fbfcfe;border:1px solid #dfe5ee;border-radius:9px;outline:0;width:100%;padding:10px 11px;font-size:10px}.lms-account-field>input:focus,.lms-account-field>select:focus{border-color:#7898ee;box-shadow:0 0 0 3px #3568eb13}.lms-choice-grid,.lms-menu-permissions section>div{flex-wrap:wrap;gap:7px;display:flex}.lms-choice-grid label,.lms-menu-permissions label{color:#6c7890;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:8px;padding:8px 9px;font-size:9px}.lms-choice-grid label.selected,.lms-menu-permissions label.selected{color:#315fcf;background:#edf3ff;border-color:#7898ee;font-weight:750}.lms-choice-grid input,.lms-menu-permissions input{margin-right:6px}.lms-verify-choice{background:#f4faf7;border:1px solid #dce9e4;border-radius:9px;gap:9px;margin-bottom:13px;padding:11px;display:flex}.lms-verify-choice span{gap:2px;display:grid}.lms-verify-choice strong{font-size:9px}.lms-verify-choice small{color:var(--muted);font-size:8px}.lms-menu-permissions{background:#fafbfd;border:1px solid #dfe5ee;border-radius:12px;padding:14px}.lms-menu-permissions>div{gap:3px;margin-bottom:12px;display:grid}.lms-menu-permissions>div strong{font-size:10px}.lms-menu-permissions>div small{color:var(--muted);font-size:8px}.lms-menu-permissions section+section{margin-top:13px}.lms-menu-permissions h3{color:#738097;text-transform:uppercase;letter-spacing:.7px;margin:0 0 7px;font-size:8px}.lms-account-dialog form>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:8px;margin:20px -20px -20px;padding:14px 20px;display:flex;position:sticky;bottom:-20px}.lms-account-dialog form>footer button{color:#5e6b80;background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:9px 13px;font-size:10px;font-weight:750}.lms-account-dialog form>footer button.primary{border-color:var(--blue);background:var(--blue);color:#fff}.lms-account-dialog form>footer button:disabled{opacity:.6}@media (width<=900px){.lms-account-head{display:none}.lms-account-row{grid-template-columns:1fr auto}.lms-account-row>div:nth-child(2),.lms-account-row>p{grid-column:1/-1}.lms-account-actions{grid-area:1/2}.lms-account-metrics{grid-template-columns:1fr 1fr}}@media (width<=620px){.lms-account-toolbar{flex-direction:column}.lms-account-toolbar>label{width:100%}.lms-account-toolbar>div{flex-direction:column}.lms-account-metrics,.lms-form-grid{grid-template-columns:1fr}.lms-account-dialog form{padding:15px}.lms-account-dialog form>footer{margin:18px -15px -15px;bottom:-15px}.lms-account-row{padding-block:12px}.lms-account-backdrop{padding:8px}.lms-account-dialog{max-height:calc(100vh - 16px)}}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.student-filters{flex-wrap:wrap;justify-content:flex-end}.alumni-table{min-width:1120px}.student-actions button.student-edit{color:#1d7a5d;background:#eaf8f3}.student-profile>footer{gap:8px}.student-profile>footer button.student-edit-button{background:#3568eb}.student-admin-table .row-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.student-admin-table .row-actions .student-transfer-action{color:#9c4f1e;background:#fff3e8;align-items:center;gap:5px;width:auto;height:auto;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.student-transfer-help{color:#65718a;margin:0 0 12px;font-size:11px;line-height:1.5}.student-form-section .admin-field a{color:#1d6e82;overflow-wrap:anywhere;margin:5px 0 10px;font-size:10px;display:inline-block}.student-form-section .admin-field input[type=file]{background:#fff;border:1px dashed #bdc9d7;border-radius:8px;width:100%;padding:9px;font-size:10px}.monitor-summary{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.monitor-status.not_logged_in{color:#7357a8;background:#f4efff}.monitor-answer-progress{gap:5px;margin-top:6px;display:flex}.monitor-answer-progress>span{color:#357268;background:#edf7f5;border-radius:8px;align-items:center;gap:3px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.monitor-answer-progress b{color:#126f62;font-size:9px}.monitor-icon.staff{color:#1c795c;background:#eaf8f3}.monitor-icon.today{color:#4569c8;background:#eef3ff}.monitor-icon.participated{color:#7454bd;background:#f3efff}.monitor-icon.submitted{color:#21854a;background:#e8f8ed}.monitor-table td .monitor-submit-time{color:#21854a;font-weight:800}.monitor-reopen-button.recover{color:#176b5b;background:#eef8f5;border-color:#80b9aa}.monitor-reopen-button.recover:hover{background:#e1f3ed}@media (width<=1050px){.monitor-summary{grid-template-columns:repeat(2,1fr)}.monitor-filters{flex-wrap:wrap}.monitor-filters label{min-width:100%}}@media (width>=1051px){.monitor-summary{gap:9px;margin-bottom:12px}.monitor-summary article{border-radius:11px;gap:9px;padding:11px 12px}.monitor-summary strong{margin:2px 0;font-size:19px}.monitor-icon{border-radius:10px;width:36px;height:36px}.monitor-panel>header{padding:13px 15px}.monitor-filters{gap:6px;padding:9px 12px}.monitor-filters label{padding:7px 8px}.monitor-filters select{min-width:122px;padding:7px 8px;font-size:9px}.monitor-table{min-width:1180px}.monitor-table th{padding:7px 8px;font-size:7px}.monitor-table td{vertical-align:middle;border-top-color:#edf0f4;padding:8px;font-size:8px}.monitor-table td strong{font-size:9px}.monitor-table td small{margin-top:2px;font-size:7px}.monitor-violation,.monitor-safe{min-width:118px}.monitor-violation{padding:5px 6px}.monitor-answer-progress{gap:3px;margin-top:4px}.monitor-answer-progress>span{padding:3px 5px;font-size:7px}.monitor-score-history{grid-template-columns:repeat(2,minmax(58px,1fr));gap:3px;min-width:132px}.monitor-score-history span{gap:4px;padding:3px 4px;font-size:6.5px}.monitor-score-history span b{font-size:8px}.monitor-score-history>strong{padding:4px 5px;font-size:8px!important}.monitor-status{white-space:nowrap;padding:4px 6px}.monitor-panel>footer{padding:8px 12px}}.monitor-today-schedule{gap:3px;min-width:136px;display:grid}.monitor-today-schedule b{color:#355da8;background:#edf3ff;border-radius:5px;width:max-content;padding:3px 6px;font-size:7px}.monitor-today-schedule span{color:#66758a;white-space:nowrap;font-size:7.5px;line-height:1.35}.portal-preview-admin{gap:16px;display:grid}.portal-preview-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.portal-preview-mode-tabs>button{color:#66738a;text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:12px;align-items:center;gap:11px;min-height:66px;padding:12px 15px;display:flex}.portal-preview-mode-tabs>button>span{gap:3px;display:grid}.portal-preview-mode-tabs strong{font-size:11px}.portal-preview-mode-tabs small{color:#8290a4;font-size:8px}.portal-preview-mode-tabs>button.active{color:#176f5b;background:#edf8f5;border-color:#248675;box-shadow:0 4px 13px #24867518}.portal-preview-notice{color:#176f56;background:#eef9f5;border:1px solid #bfe2d5;border-radius:13px;align-items:center;gap:11px;padding:13px 15px;display:flex}.portal-preview-notice>div{gap:3px;display:grid}.portal-preview-notice strong{font-size:11px}.portal-preview-notice span{color:#55766c;font-size:9px}.portal-preview-role-tabs{gap:8px;display:flex}.portal-preview-role-tabs button{color:#66738a;background:#fff;border:1px solid #dbe3ee;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;font-weight:800;display:flex}.portal-preview-role-tabs button.active{color:#315fce;background:#edf3ff;border-color:#3568eb;box-shadow:0 4px 12px #3568eb18}.portal-preview-frame{background:#f5f8fb;border:1px solid #dfe5ed;border-radius:18px;grid-template-columns:220px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden;box-shadow:0 16px 40px #24395a12}.portal-preview-frame>aside{color:#fff;background:#173f3b;flex-direction:column;padding:19px 14px;display:flex}.portal-preview-brand{align-items:center;gap:10px;padding:2px 5px 22px;display:flex}.portal-preview-brand img{object-fit:contain;background:#fff;border-radius:10px;width:42px;height:42px;padding:3px}.portal-preview-brand span{display:grid}.portal-preview-brand strong{font-size:11px}.portal-preview-brand small{color:#b8d1ca;margin-top:3px;font-size:8px}.portal-preview-frame>aside>p{letter-spacing:1px;color:#9fc2b9;margin:5px 8px 9px;font-size:7px}.portal-preview-frame aside nav{gap:5px;display:grid}.portal-preview-frame aside nav button{color:#c9ddd8;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:10px 11px;font-size:9px;display:flex}.portal-preview-frame aside nav button.active{color:#176f5b;background:#fff;font-weight:850}.portal-preview-draft{color:#a9c7c0;margin-top:auto;padding:14px 8px 2px;font-size:7px;line-height:1.55}.portal-preview-frame>main{min-width:0}.portal-preview-frame>main>header{background:#fff;border-bottom:1px solid #e3e8ef;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.portal-preview-frame>main>header>div:first-child{gap:4px;display:grid}.portal-preview-frame>main>header small{color:#8190a5;font-size:7px}.portal-preview-frame>main>header strong{font-size:14px}.portal-preview-user{align-items:center;gap:9px;display:flex}.portal-preview-user>button{color:#647189;background:#f1f4f8;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.portal-preview-user>span{text-align:right;gap:2px;display:grid}.portal-preview-user>span strong{font-size:9px}.portal-preview-user>span small{color:#8995a7;font-size:7px}.portal-preview-user>i{color:#fff;background:#3568eb;border-radius:10px;place-items:center;width:35px;height:35px;font-size:12px;font-style:normal;font-weight:850;display:grid}.portal-preview-content{gap:15px;padding:22px;display:grid}.portal-preview-welcome{color:#fff;background:linear-gradient(125deg,#1b7963,#2b9a7d);border-radius:16px;justify-content:space-between;align-items:center;min-height:130px;padding:22px;display:flex;box-shadow:0 12px 25px #1d82652b}.portal-preview-welcome span{letter-spacing:.6px;font-size:8px}.portal-preview-welcome h2{margin:5px 0;font-size:20px}.portal-preview-welcome p{color:#d9f0e9;margin:0;font-size:9px}.portal-preview-welcome>svg{opacity:.65}.portal-preview-metrics{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.portal-preview-metrics article{background:#fff;border:1px solid #e1e7ee;border-radius:13px;gap:5px;padding:15px;display:grid}.portal-preview-metrics small{color:#6f7d91;font-size:8px}.portal-preview-metrics strong{font-size:20px}.portal-preview-metrics span{color:#96a0af;font-size:7px}.portal-preview-active-card,.portal-preview-info{background:#fff;border:1px solid #e1e7ee;border-radius:14px;padding:17px}.portal-preview-active-card{color:#315fcf;justify-content:space-between;align-items:center;display:flex}.portal-preview-active-card>div>span{letter-spacing:.7px;font-size:7px;font-weight:850}.portal-preview-active-card h3,.portal-preview-info h3{margin:5px 0;font-size:12px}.portal-preview-active-card p{color:#748096;margin:0;font-size:9px}.portal-preview-info>article{color:#3568eb;background:#f7f9fc;border-radius:10px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;display:flex}.portal-preview-info article strong{color:#25324a;font-size:9px;display:block}.portal-preview-info article p{color:#7e8a9c;margin:4px 0 0;font-size:8px}.portal-preview-info article svg{flex:none}@media (width<=900px){.portal-preview-frame{grid-template-columns:1fr}.portal-preview-frame>aside{padding:13px}.portal-preview-brand{padding-bottom:10px}.portal-preview-frame aside nav{grid-template-columns:repeat(3,1fr)}.portal-preview-draft{margin-top:10px}.portal-preview-frame>main>header{padding:0 15px}.portal-preview-user>span{display:none}.portal-preview-metrics{grid-template-columns:1fr}.portal-preview-role-tabs{flex-wrap:wrap}}@media (width<=560px){.portal-preview-mode-tabs{grid-template-columns:1fr}.portal-preview-frame aside nav{grid-template-columns:1fr 1fr}.portal-preview-content{padding:13px}.portal-preview-welcome{padding:16px}.portal-preview-welcome>svg{display:none}}.portal-preview-stage-tabs{gap:8px;display:flex}.portal-preview-stage-tabs>button{color:#66738a;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:9px;font-weight:800;display:flex}.portal-preview-stage-tabs>button.active{color:#176f5b;background:#edf8f5;border-color:#248675}.portal-login-preview{background:#fff;border:1px solid #dfe5ed;border-radius:20px;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);min-height:590px;display:grid;overflow:hidden;box-shadow:0 16px 40px #24395a12}.portal-login-intro{color:#fff;background:linear-gradient(145deg,#123f39,#197863 70%,#269379);flex-direction:column;justify-content:space-between;padding:42px;display:flex}.portal-login-brand{align-items:center;gap:12px;display:flex}.portal-login-brand img{object-fit:contain;background:#fff;border-radius:13px;width:55px;height:55px;padding:4px}.portal-login-brand span{gap:3px;display:grid}.portal-login-brand strong{font-size:14px}.portal-login-brand small{color:#bedbd3;font-size:9px}.portal-login-intro>div:nth-child(2)>span{letter-spacing:1.2px;color:#b8ddd3;font-size:8px;font-weight:850}.portal-login-intro h2{max-width:410px;margin:10px 0 12px;font-size:30px;line-height:1.2}.portal-login-intro p{color:#d1e9e3;max-width:420px;margin:0;font-size:11px;line-height:1.7}.portal-login-intro>small{color:#acd1c7;font-size:8px}.portal-login-card{flex-direction:column;width:min(440px,100%);margin:auto;padding:38px;display:flex}.portal-login-card>span{letter-spacing:1.1px;color:#248675;font-size:8px;font-weight:850}.portal-login-card>h2{color:#1e302e;margin:7px 0 5px;font-size:24px}.portal-login-card>p{color:#71817f;margin:0 0 19px;font-size:10px}.portal-login-role-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.portal-login-role-tabs button{color:#6a7a77;cursor:pointer;background:#fff;border:1px solid #dfe7e5;border-radius:11px;align-content:center;place-items:center;gap:6px;min-height:68px;font-size:9px;display:grid}.portal-login-role-tabs button.active{color:#176f5b;background:#edf8f5;border-color:#248675;box-shadow:0 5px 14px #24867516}.portal-login-card>label{gap:6px;margin-bottom:12px;display:grid}.portal-login-card>label>span{color:#425653;font-size:9px;font-weight:750}.portal-login-card input{color:#82908e;background:#f7f9f9;border:1px solid #dce5e3;border-radius:10px;height:44px;padding:0 13px;font-size:10px}.portal-login-preparing{color:#aa691b;background:#fff9ee;border:1px solid #f0d6aa;border-radius:11px;align-items:flex-start;gap:10px;margin:4px 0 15px;padding:12px;display:flex}.portal-login-preparing svg{flex:none}.portal-login-preparing strong{color:#8f5714;font-size:10px;display:block}.portal-login-preparing p{color:#8d7657;margin:4px 0 0;font-size:8px;line-height:1.55}.portal-login-submit{color:#78908b;background:#d8e4e1;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:45px;font-size:10px;font-weight:850;display:flex}.portal-login-help{text-align:center;color:#899694;margin-top:12px;font-size:8px}@media (width<=900px){.portal-login-preview{grid-template-columns:1fr}.portal-login-intro{min-height:245px;padding:28px}.portal-login-intro h2{font-size:24px}.portal-login-card{padding:30px}}@media (width<=560px){.portal-preview-stage-tabs{grid-template-columns:1fr 1fr;display:grid}.portal-login-intro{min-height:220px;padding:22px}.portal-login-card{padding:22px}.portal-login-role-tabs{grid-template-columns:1fr}.portal-login-role-tabs button{flex-direction:row;min-height:48px;display:flex}.portal-login-preview{min-height:0}}.portal-student-rules-preview{background:#fff;border:1px solid #dfe8e5;border-radius:15px;overflow:hidden}.portal-student-rules-preview>header{color:#147a72;border-bottom:1px solid #e5ecea;align-items:center;gap:12px;padding:17px 20px;display:flex}.portal-student-rules-preview>header div{gap:3px;display:grid}.portal-student-rules-preview>header span{letter-spacing:.8px;font-size:8px;font-weight:850}.portal-student-rules-preview>header h2{color:#24413d;margin:0;font-size:15px}.portal-student-rules-preview>header p{color:#71827f;margin:0;font-size:9px}.portal-student-rules-preview>div{text-align:center;color:#147a72;background:#f8fbfa;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:36px;display:flex}.portal-student-rules-preview>div strong{color:#24413d;margin-top:12px;font-size:14px}.portal-student-rules-preview>div p{color:#71827f;max-width:520px;margin:7px 0 13px;font-size:10px;line-height:1.6}.portal-student-rules-preview>div span{background:#e5f4ef;border-radius:999px;padding:6px 10px;font-size:8px;font-weight:800}.portal-student-competency-preview{background:#fff;border:1px solid #dfe8e5;border-radius:15px;overflow:hidden}.portal-student-competency-preview>header{color:#147a72;border-bottom:1px solid #e5ecea;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.portal-student-competency-preview>header span{letter-spacing:.8px;font-size:8px;font-weight:850}.portal-student-competency-preview>header h2{color:#24413d;margin:4px 0;font-size:15px}.portal-student-competency-preview>header p{color:#71827f;margin:0;font-size:9px}.portal-student-competency-preview>div{grid-template-columns:1fr 1fr;gap:8px 18px;padding:20px;display:grid}.portal-student-competency-preview article{border:1px solid #edf2f1;border-radius:10px;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:10px;display:grid}.portal-student-competency-preview article>span{color:#147a72;background:#e5f4ef;border-radius:8px;place-items:center;width:25px;height:25px;font-size:8px;font-weight:850;display:grid}.portal-student-competency-preview article>div{gap:6px;display:grid}.portal-student-competency-preview article strong{color:#24413d;font-size:9px}.portal-student-competency-preview article i{background:#e4ecea;border-radius:8px;height:6px;overflow:hidden}.portal-student-competency-preview article b{background:linear-gradient(90deg,#147a72,#52b997);border-radius:8px;height:100%;display:block}.portal-student-competency-preview article>small{color:#147a72;text-align:right;font-size:9px;font-weight:850}@media (width<=700px){.portal-student-competency-preview>div{grid-template-columns:1fr}}.portal-student-calendar-preview{background:#fff;border:1px solid #dfe8e5;border-radius:15px;overflow:hidden}.portal-student-calendar-preview>header{color:#147a72;border-bottom:1px solid #e5ecea;align-items:center;gap:12px;padding:17px 20px;display:flex}.portal-student-calendar-preview>header span,.portal-student-academic-preview header span{letter-spacing:.8px;font-size:8px;font-weight:850}.portal-student-calendar-preview>header h2,.portal-student-academic-preview header h2{color:#24413d;margin:3px 0;font-size:14px}.portal-student-calendar-preview>header p{color:#71827f;margin:0;font-size:9px}.portal-student-calendar-preview>div{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;display:grid}.portal-student-calendar-preview article{border:1px solid #e5ecea;border-radius:11px;align-items:center;gap:12px;padding:14px;display:flex}.portal-student-calendar-preview time{color:#147a72;background:#e5f4ef;border-radius:10px;align-content:center;place-items:center;width:42px;height:42px;font-size:15px;font-weight:850;display:grid}.portal-student-calendar-preview time small{font-size:7px}.portal-student-calendar-preview article>div{gap:4px;display:grid}.portal-student-calendar-preview article strong{font-size:9px}.portal-student-calendar-preview article span{color:#71827f;font-size:8px}.portal-student-academic-preview{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.portal-student-academic-preview>section{background:#fff;border:1px solid #dfe8e5;border-radius:14px;overflow:hidden}.portal-student-academic-preview header{color:#147a72;border-bottom:1px solid #e5ecea;align-items:center;gap:10px;padding:15px 17px;display:flex}.portal-student-academic-preview section>p{color:#526b67;border-bottom:1px solid #edf2f1;margin:0;padding:11px 15px;font-size:9px}.portal-student-academic-preview section>p b{color:#147a72;background:#e5f4ef;border-radius:7px;place-items:center;width:23px;height:23px;margin-right:9px;display:inline-grid}.portal-student-academic-preview dl{margin:0;padding:8px 16px}.portal-student-academic-preview dl>div{border-bottom:1px solid #edf2f1;grid-template-columns:42% 1fr;gap:8px;padding:9px 0;display:grid}.portal-student-academic-preview dt,.portal-student-academic-preview dd{margin:0;font-size:8px}.portal-student-academic-preview dt{color:#71827f}.portal-student-academic-preview dd{color:#24413d;font-weight:750}@media (width<=700px){.portal-student-calendar-preview>div,.portal-student-academic-preview{grid-template-columns:1fr}}.portal-student-competency-body{align-items:start;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)!important;gap:16px!important;padding:18px!important;display:grid!important}.portal-student-competency-preview .competency-chart{background:#fbfdfc;border:1px solid #e4ecea;border-radius:13px;min-width:0;padding:4px 8px 12px}.portal-student-competency-preview .competency-chart svg{width:100%;max-height:390px;display:block;overflow:visible}.portal-student-competency-preview .competency-chart svg text{fill:#607173;font-size:8px;font-weight:700}.portal-student-competency-preview .competency-chart-legend{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.portal-student-competency-preview .competency-chart-legend>span{grid-template-columns:8px auto;align-items:center;gap:2px 5px;font-size:8px;font-weight:750;display:grid}.portal-student-competency-preview .competency-chart-legend i{border-radius:50%;grid-row:1/3;width:8px;height:8px}.portal-student-competency-preview .competency-chart-legend small{color:#71827f;font-size:7px}.portal-student-competency-preview .competency-chart-legend .empty{opacity:.45}.portal-student-competency-preview .competency-explanation{gap:11px;min-width:0;display:grid}.portal-student-competency-preview .competency-explanation-intro{background:#edf8f5;border-radius:12px;padding:14px}.portal-student-competency-preview .competency-explanation-intro>span,.portal-student-competency-preview .competency-dimension-scores>header>span{letter-spacing:.8px;color:#147a72;font-size:7px;font-weight:850}.portal-student-competency-preview .competency-explanation-intro h3{color:#24413d;margin:4px 0;font-size:12px}.portal-student-competency-preview .competency-explanation-intro p{color:#60736f;margin:0;font-size:8px;line-height:1.55}.portal-student-competency-preview .competency-score-bands{grid-template-columns:1fr 1fr;gap:7px;display:grid}.portal-student-competency-preview .competency-score-bands article{border:1px solid #e5ecea;border-radius:10px;align-items:center;gap:8px;padding:9px!important;display:flex!important}.portal-student-competency-preview .competency-score-bands article>strong{color:#147a72;min-width:38px;font-size:9px}.portal-student-competency-preview .competency-score-bands article>span{width:auto;height:auto;color:inherit;place-items:initial;text-align:left;background:0 0;display:grid}.portal-student-competency-preview .competency-score-bands b{color:#24413d;font-size:8px}.portal-student-competency-preview .competency-score-bands small{color:#71827f;font-size:7px}.portal-student-competency-preview .competency-dimension-scores{border:1px solid #e5ecea;border-radius:11px;overflow:hidden}.portal-student-competency-preview .competency-dimension-scores>header{background:#f7faf9;justify-content:space-between;padding:10px 12px;display:flex}.portal-student-competency-preview .competency-dimension-scores>header>strong{color:#24413d;font-size:8px}.portal-student-competency-preview .competency-dimension-scores>div{grid-template-columns:1fr 1fr;display:grid;gap:0!important;padding:0!important}.portal-student-competency-preview .competency-dimension-scores article{border:0;border-top:1px solid #edf2f1;border-radius:0;justify-content:space-between;align-items:center;gap:8px;grid-template-columns:none!important;padding:9px 11px!important;display:flex!important}.portal-student-competency-preview .competency-dimension-scores article:nth-child(odd){border-right:1px solid #edf2f1}.portal-student-competency-preview .competency-dimension-scores article>span{width:auto;height:auto;color:inherit;place-items:initial;text-align:left;background:0 0;border-radius:0;display:grid}.portal-student-competency-preview .competency-dimension-scores article>span strong{font-size:8px}.portal-student-competency-preview .competency-dimension-scores article>span small{color:#7d8b88;font-size:6px;line-height:1.35}.portal-student-competency-preview .competency-dimension-scores article>b{text-align:right;color:#147a72;font-size:11px;display:grid}.portal-student-competency-preview .competency-dimension-scores article>b small{white-space:nowrap;color:#71827f;font-size:6px}@media (width<=900px){.portal-student-competency-body{grid-template-columns:1fr!important}}@media (width<=560px){.portal-student-competency-preview .competency-score-bands,.portal-student-competency-preview .competency-dimension-scores>div{grid-template-columns:1fr}.portal-student-competency-preview .competency-dimension-scores article:nth-child(odd){border-right:0}}label:has(input[type=date]):after{content:"Format tanggal: DD/MM/YYYY";color:#6f7f7a;margin-top:4px;font-size:10px;font-weight:500;line-height:1.35;display:block}label:has(input[type=datetime-local]):after{content:"Format tanggal: DD/MM/YYYY";color:#6f7f7a;margin-top:4px;font-size:10px;font-weight:500;line-height:1.35;display:block}label:has(input[type=datetime-local]):after{content:"Format tanggal dan waktu: DD/MM/YYYY HH.mm"}label:has(input[type=month]):after{content:"Format bulan: MM/YYYY";color:#6f7f7a;margin-top:4px;font-size:10px;font-weight:500;line-height:1.35;display:block}.portal-preview-day-filter{border-bottom:1px solid #edf2f1;flex-wrap:wrap;gap:5px;padding:11px 14px;display:flex}.portal-preview-day-filter button{color:#687b77;background:#fff;border:1px solid #dfe8e5;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:750}.portal-preview-day-filter button.active{color:#fff;background:#147a72;border-color:#147a72}.portal-preview-june-note{color:#72591b;background:#fff6dc;border-radius:9px;margin:13px 18px 0;padding:10px 12px;font-size:9px;line-height:1.5}.portal-preview-combined-results{gap:14px;display:grid}.portal-preview-table-card{background:#fff;border:1px solid #dfe8e5;border-radius:14px;overflow:hidden}.portal-preview-table-card>header{color:#147a72;border-bottom:1px solid #e5ecea;align-items:center;gap:11px;padding:16px 18px;display:flex}.portal-preview-table-card>header div{gap:3px;display:grid}.portal-preview-table-card>header span{letter-spacing:.8px;font-size:8px;font-weight:850}.portal-preview-table-card>header h2{color:#24413d;margin:0;font-size:15px}.portal-preview-table-card>header p{color:#71827f;margin:0;font-size:9px}.portal-preview-table-card table{border-collapse:collapse;width:100%}.portal-preview-table-card th,.portal-preview-table-card td{text-align:left;border-bottom:1px solid #edf2f1;padding:11px 13px;font-size:9px}.portal-preview-table-card th{color:#667a76;background:#f6f9f8;font-size:8px}.portal-preview-table-card td strong,.portal-preview-table-card td small{display:block}.portal-preview-table-card td small{color:#71827f;margin-top:3px;font-size:7px}.portal-preview-materials{gap:14px;display:grid}.portal-preview-material-filter{background:#fff;border:1px solid #dfe8e5;border-radius:12px;gap:12px;padding:14px;display:flex}.portal-preview-material-filter label{color:#60736f;gap:5px;font-size:8px;font-weight:750;display:grid}.portal-preview-material-filter select{color:#24413d;background:#fff;border:1px solid #dfe8e5;border-radius:8px;min-width:210px;padding:8px}.portal-preview-materials>div:last-child{grid-template-columns:1fr 1fr;gap:13px;display:grid}.portal-preview-materials article{background:#fff;border:1px solid #dfe8e5;border-radius:13px;padding:16px}.portal-preview-materials article header{color:#147a72;gap:10px;display:flex}.portal-preview-materials article header span{gap:3px;display:grid}.portal-preview-materials article small{font-size:7px;font-weight:850}.portal-preview-materials article strong{color:#24413d;font-size:12px}.portal-preview-materials article em{color:#71827f;font-size:8px;font-style:normal}.portal-preview-materials article p,.portal-preview-materials li{color:#60736f;font-size:9px;line-height:1.5}.portal-preview-quran-full{gap:14px;display:grid}.portal-preview-curriculum{grid-template-columns:1fr 1fr;gap:12px;display:grid}.portal-preview-curriculum article{background:#fff;border:1px solid #dfe8e5;border-radius:12px;padding:15px}.portal-preview-curriculum h3{color:#176f61;margin:0 0 6px;font-size:11px}.portal-preview-curriculum p{color:#60736f;margin:0;font-size:9px;line-height:1.55}@media (width<=700px){.portal-preview-material-filter{display:grid}.portal-preview-material-filter select{width:100%;min-width:0}.portal-preview-materials>div:last-child,.portal-preview-curriculum{grid-template-columns:1fr}.portal-preview-table-card{overflow-x:auto}.portal-preview-table-card table{min-width:620px}.portal-preview-day-filter{flex-wrap:nowrap;overflow-x:auto}.portal-preview-day-filter button{flex:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.attendance-auto-mode{color:#22775f;background:#eef9f5;border:1px solid #cce8de;border-radius:11px;align-items:center;gap:10px;margin-bottom:13px;padding:11px 13px;display:flex}.attendance-auto-mode>div{gap:2px;display:grid}.attendance-auto-mode strong{font-size:10px}.attendance-auto-mode span{color:#678276;font-size:8px}.attendance-success.late{background:linear-gradient(145deg,#b66a18ed,#74400ced)}.attendance-success>small{color:#fff4d9;max-width:78%;margin-top:10px;font-size:9px;line-height:1.45}.schedule-time-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.schedule-time-grid .late-limit>span{color:#bc721f}.overnight-note{color:#9b621f;background:#fff5e8;border-radius:8px;margin:10px 0 0;padding:8px 10px;font-size:8px}.attendance-status-admin{background:#fff;border:1px solid #e2e8ef;border-radius:16px;margin-top:22px;overflow:hidden}.attendance-status-heading{border-bottom:1px solid #e7ecf2;justify-content:space-between;align-items:flex-end;gap:18px;padding:18px 20px;display:flex}.attendance-status-heading>div>span{color:#3568eb;letter-spacing:1px;font-size:8px;font-weight:850}.attendance-status-heading h2{margin:4px 0;font-size:16px}.attendance-status-heading p{color:#7a879f;margin:0;font-size:9px}.attendance-status-tools{align-items:flex-end;gap:9px;display:flex}.attendance-status-tools label{gap:5px;display:grid}.attendance-status-tools label>span{color:#657287;font-size:8px;font-weight:700}.attendance-status-tools input,.attendance-status-table select,.attendance-status-table input{color:#223048;background:#fafbfd;border:1px solid #dce3eb;border-radius:8px;outline:none;padding:8px 9px;font-size:9px}.status-search{color:#8d98a9;border:1px solid #dce3eb;border-radius:8px;align-items:center;padding:0 9px;position:relative;display:flex!important}.status-search input{border:0!important;padding-left:7px!important}.attendance-status-table-wrap{overflow:auto}.attendance-status-table{border-collapse:collapse;width:100%;min-width:1080px}.attendance-status-table th{color:#657287;text-transform:uppercase;letter-spacing:.45px;text-align:left;background:#f6f8fb;border-bottom:1px solid #e5eaf0;padding:10px;font-size:8px}.attendance-status-table td{color:#445269;border-bottom:1px solid #edf0f4;padding:10px;font-size:9px}.attendance-status-table td:first-child strong,.attendance-status-table td:first-child small{display:block}.attendance-status-table td:first-child strong{color:#243148;font-size:10px}.attendance-status-table td:first-child small{color:#8a95a7;margin-top:3px;font-size:7px}.attendance-status-table td input{width:150px}.attendance-status-table td button{color:#fff;background:#3568eb;border:0;border-radius:8px;align-items:center;gap:5px;padding:8px 9px;font-size:8px;font-weight:750;display:flex}.attendance-status-table td button:disabled{opacity:.6}.attendance-status-pill{color:#68758a;white-space:nowrap;background:#eef1f5;border-radius:12px;padding:5px 8px;font-size:7px;font-weight:800;display:inline-flex}.attendance-status-pill.tepat_waktu{color:#1c805f;background:#e9f8f2}.attendance-status-pill.terlambat{color:#aa681f;background:#fff4e5}.attendance-status-pill.sakit{color:#3568eb;background:#edf3ff}.attendance-status-pill.izin{color:#7152c9;background:#f2edff}.attendance-status-pill.alpa{color:#c34f5c;background:#fff0f2}.attendance-status-pill.cuti{color:#26778a;background:#e9f7fa}@media (width<=850px){.schedule-time-grid.three{grid-template-columns:1fr 1fr}.attendance-status-heading{flex-direction:column;align-items:flex-start}.attendance-status-tools{width:100%}}@media (width<=560px){.schedule-time-grid.three{grid-template-columns:1fr}.attendance-status-tools{flex-direction:column;align-items:stretch}.attendance-status-tools input{width:100%}}.holiday-manager{gap:16px;display:grid}.holiday-intro{color:#3568eb;background:linear-gradient(135deg,#eef4ff,#f7f4ff);border:1px solid #dfe8fa;border-radius:14px;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.holiday-intro span,.holiday-form>div>span,.holiday-list header span{letter-spacing:1px;font-size:8px;font-weight:850}.holiday-intro h2{color:#243148;margin:4px 0;font-size:17px}.holiday-intro p{color:#68768b;margin:0;font-size:9px}.holiday-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;display:grid}.holiday-calendar-card,.holiday-form,.holiday-list{background:#fff;border:1px solid #e1e7ef;border-radius:15px;box-shadow:0 8px 24px #26395a0a}.holiday-calendar-card{padding:16px}.holiday-calendar-card>header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.holiday-calendar-card>header button{color:#526177;background:#f8fafc;border:1px solid #e0e6ee;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.holiday-calendar-card>header div{text-align:center;display:grid}.holiday-calendar-card>header strong{color:#26344a;font-size:13px}.holiday-calendar-card>header small{color:#8490a2;font-size:8px}.holiday-weekdays,.holiday-days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.holiday-weekdays span{text-align:center;color:#8691a2;padding:6px;font-size:8px;font-weight:800}.holiday-days>button,.holiday-days>.empty{min-height:60px}.holiday-days>button{color:#344259;text-align:left;background:#fbfcfd;border:1px solid #edf0f4;border-radius:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:7px;display:flex;overflow:hidden}.holiday-days>button:hover{background:#f5f8ff;border-color:#9bb5f5}.holiday-days>button.today{box-shadow:inset 0 0 0 1px #3568eb}.holiday-days>button.holiday{color:#a35f18;background:#fff3e8;border-color:#f3c999}.holiday-days b{font-size:9px}.holiday-days small{max-width:100%;font-size:7px;line-height:1.25}.holiday-form{flex-direction:column;gap:13px;padding:18px;display:flex}.holiday-form h3{color:#27354a;margin:4px 0;font-size:14px}.holiday-form label{gap:5px;display:grid}.holiday-form label>span{color:#68758a;font-size:8px;font-weight:750}.holiday-form input,.holiday-form select{box-sizing:border-box;color:#29374d;background:#fafbfd;border:1px solid #dce3eb;border-radius:9px;width:100%;padding:10px;font-size:9px}.holiday-date-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.holiday-save{color:#fff;background:#3568eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:auto;padding:11px;font-size:9px;font-weight:800;display:flex}.holiday-save:disabled{opacity:.6}.holiday-error{color:#b64f59;background:#fff1f2;border:1px solid #f1c7ca;border-radius:9px;padding:10px 12px;font-size:9px}.holiday-list{overflow:hidden}.holiday-list>header{border-bottom:1px solid #edf0f4;padding:14px 17px}.holiday-list h3{color:#29364b;margin:3px 0 0;font-size:13px}.holiday-list>p{color:#7b8799;margin:0;padding:18px;font-size:9px}.holiday-list>div>section{border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding:11px 16px;display:flex}.holiday-list time{color:#a85f16;text-align:center;background:#fff1e5;border-radius:8px;place-content:center;width:37px;height:39px;display:grid}.holiday-list time b{font-size:12px}.holiday-list time span{text-transform:uppercase;font-size:7px}.holiday-list section>div{flex:1;gap:3px;display:grid}.holiday-list section strong{color:#2c394e;font-size:10px}.holiday-list section small{color:#8490a2;font-size:8px}.holiday-list section>button{color:#c14b58;background:#fff0f1;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}@media (width<=900px){.holiday-layout{grid-template-columns:1fr}.holiday-days>button,.holiday-days>.empty{min-height:48px}}@media (width<=600px){.holiday-days{gap:2px}.holiday-days>button{min-height:42px;padding:4px}.holiday-days small{display:none}.holiday-date-row{grid-template-columns:1fr}}.holiday-form textarea{box-sizing:border-box;width:100%;font:inherit;color:#29374d;resize:vertical;background:#fafbfd;border:1px solid #dce3eb;border-radius:9px;padding:10px;font-size:9px}.holiday-days>button.activity{color:#24648b;background:#eaf6ff;border-color:#acd4ef}.holiday-list section.activity time{color:#24648b;background:#e7f4fc}.holiday-list section>div p{color:#68758a;margin:1px 0 0;font-size:8px;line-height:1.45}.holiday-form.editing{border-color:#9bb5f5;box-shadow:0 8px 26px #3568eb14}.holiday-form-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.holiday-form-heading>div{display:grid}.holiday-form-heading span{letter-spacing:1px;font-size:8px;font-weight:850}.holiday-cancel{color:#5f6d80;background:#edf2f8;border:0;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.holiday-list>div>section.selected{background:#f3f7ff;box-shadow:inset 3px 0 #3568eb}.holiday-row-actions{grid-auto-flow:column;flex:none!important;gap:6px!important;display:flex!important}.holiday-row-actions button{color:#3568eb;background:#edf3ff;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.holiday-row-actions button:last-child{color:#c14b58;background:#fff0f1}.effective-days-dashboard{background:#fff;border:1px solid #e1e7ef;border-radius:15px;padding:18px 20px;box-shadow:0 8px 24px #26395a0a}.effective-days-dashboard>header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.effective-days-dashboard>header span{letter-spacing:1px;color:#16846d;font-size:8px;font-weight:850}.effective-days-dashboard>header h3{color:#243148;margin:4px 0;font-size:16px}.effective-days-dashboard>header p{color:#68768b;margin:0;font-size:9px}.effective-days-dashboard>header>strong{color:#11765f;text-align:center;background:#edf8f4;border-radius:12px;min-width:72px;padding:10px;font-size:22px}.effective-days-dashboard>header>strong small{font-size:7px;font-weight:750;display:block}.effective-days-cards{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px;display:grid}.effective-days-cards section{background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;gap:3px;padding:12px 14px;display:grid;position:relative;overflow:hidden}.effective-days-cards section:before{content:"";background:currentColor;width:4px;position:absolute;inset:0 auto 0 0}.effective-days-cards span{letter-spacing:.7px;font-size:7px;font-weight:850}.effective-days-cards strong{font-size:24px;line-height:1.05}.effective-days-cards small{color:#7a8798;font-size:7px}.effective-days-dashboard .effective{color:#16846d}.effective-days-dashboard .weekend{color:#6d63d9}.effective-days-dashboard .holiday{color:#d07727}.effective-days-dashboard .activity{color:#297ca9}.effective-days-legend{flex-wrap:wrap;gap:12px;margin:4px 0 10px;display:flex}.effective-days-legend span{align-items:center;gap:5px;font-size:7px;font-weight:750;display:flex}.effective-days-legend span:before{content:"";background:currentColor;border-radius:3px;width:8px;height:8px}.effective-months{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px;display:grid}.effective-months>section{grid-template-columns:82px 1fr 24px;align-items:center;gap:8px;display:grid}.effective-months>section>span{color:#546277;font-size:8px}.effective-months>section>b{text-align:right;color:#16846d;font-size:8px}.effective-month-bar{background:#edf1f5;border-radius:999px;height:8px;display:flex;overflow:hidden}.effective-month-bar i{height:100%;display:block}.effective-month-bar i.effective{background:#20a385}.effective-month-bar i.weekend{background:#8378eb}.effective-month-bar i.holiday{background:#e79a51}.effective-month-bar i.activity{background:#4ca2ce}.effective-days-dashboard>footer{color:#7a8798;border-top:1px solid #edf0f4;justify-content:space-between;gap:12px;margin-top:11px;padding-top:10px;font-size:7px;display:flex}.effective-weekday-summary{background:#fbfdfc;border:1px solid #e7ecef;border-radius:12px;margin:0 0 15px;padding:11px 12px}.effective-weekday-summary>header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.effective-weekday-summary>header strong{letter-spacing:.65px;color:#405067;font-size:8px}.effective-weekday-summary>header small{color:#8994a3;font-size:7px}.effective-weekday-summary>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.effective-weekday-summary section{background:#fff;border:1px solid #edf0f3;border-radius:9px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 7px;padding:8px 9px;display:grid}.effective-weekday-summary section>span{color:#405067;font-size:8px;font-weight:800}.effective-weekday-summary section>strong{color:#16846d;font-size:17px}.effective-weekday-summary section>small{color:#7c8999;grid-column:1/-1;font-size:7px}.effective-weekday-bar{background:#edf1f5;border-radius:999px;grid-column:1/-1;height:5px;margin-top:3px;display:flex;overflow:hidden}.effective-weekday-bar i{height:100%;display:block}.effective-weekday-bar i.effective{background:#20a385}.effective-weekday-bar i.holiday{background:#e79a51}.effective-weekday-bar i.activity{background:#4ca2ce}@media (width<=900px){.effective-days-cards{grid-template-columns:repeat(2,1fr)}.effective-weekday-summary>div{grid-template-columns:repeat(3,1fr)}.effective-months{grid-template-columns:1fr}}@media (width<=600px){.effective-days-dashboard>header{align-items:stretch}.effective-days-dashboard>header>strong{min-width:56px}.effective-days-dashboard>footer,.effective-weekday-summary>header{display:grid}.effective-weekday-summary>div{grid-template-columns:repeat(2,1fr)}.effective-months>section{grid-template-columns:72px 1fr 20px}}.attendance-status-pill.libur{color:#a5631d;background:#fff3e5}.holiday-status-note{color:#a5631d;margin-top:4px;font-size:7px;display:block}.saved-preferences{background:#fbfcfe;border-top:1px solid #e6ebf1}.saved-preferences>header{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.saved-preferences>header span{color:#3568eb;letter-spacing:1px;font-size:8px;font-weight:850}.saved-preferences>header h3{color:#29374c;margin:3px 0 0;font-size:12px}.saved-preferences>header>strong{color:#3568eb;background:#edf3ff;border-radius:20px;padding:6px 9px;font-size:9px}.saved-preferences>p{color:#7b8799;margin:0;padding:17px 18px;font-size:9px}.saved-preferences>div>article{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) minmax(160px,auto);align-items:center;gap:12px;padding:11px 18px;display:grid}.saved-preferences article>div{display:grid}.saved-preferences article>div strong{color:#27354a;font-size:10px}.saved-preferences article small{color:#8792a3;font-size:7px}.saved-preferences article>p{color:#566479;margin:0;font-size:9px}@media (width<=800px){.saved-preferences>div>article{grid-template-columns:1fr auto}.saved-preferences article>p,.saved-preferences article>small{grid-column:1/-1}}.attendance-status-tools select,.preference-results-filters select,.preference-results-filters input{color:#29374d;background:#fff;border:1px solid #dce3eb;border-radius:9px;min-height:36px;padding:9px 10px;font-size:9px}.preference-results-card{background:#fff;border:1px solid #e1e7ef;border-radius:15px;overflow:hidden;box-shadow:0 8px 24px #26395a0a}.preference-results-toolbar{border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:flex-end;gap:18px;padding:18px;display:flex}.preference-results-toolbar>div:first-child span{color:#3568eb;letter-spacing:1px;font-size:8px;font-weight:850}.preference-results-toolbar h2{color:#29374c;margin:4px 0 0;font-size:15px}.preference-results-filters{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:9px;display:flex}.preference-results-filters label{gap:5px;display:grid}.preference-results-filters label>span{color:#68758a;font-size:8px;font-weight:750}.print-preferences{color:#fff;background:#3568eb;border:0;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:10px 13px;font-size:9px;font-weight:800;display:flex}.print-preference-heading{display:none}.preference-results-table td:first-child{white-space:nowrap}.preference-results-table td:nth-child(2){min-width:180px}.preference-results-table td:nth-child(2) strong,.preference-results-table td:nth-child(2) small{display:block}.preference-results-table td:nth-child(2) small,.preference-results-table td:last-child small{color:#8490a2;font-size:8px}.admin-nav-link.attendance-results-link{color:#7259ca;background:#f1edff}.admin-nav-link.attendance-results-link.active{color:#1b8162;background:#eaf8f3}@media (width<=900px){.preference-results-toolbar{flex-direction:column;align-items:flex-start}.preference-results-filters{justify-content:flex-start}}@media print{body{background:#fff}.admin-sidebar,.admin-top,.admin-heading,.preference-results-toolbar,.schedule-success,.admin-error{display:none!important}.admin-main,.admin-content,.attendance-schedule-page{max-width:none!important;margin:0!important;padding:0!important}.preference-results-card{box-shadow:none;border:0}.print-preference-heading{border-bottom:2px solid #243148;align-items:center;gap:14px;margin-bottom:12px;padding:0 0 18px;display:flex}.print-preference-heading img{object-fit:contain;width:58px;height:58px}.print-preference-heading strong{font-size:12px}.print-preference-heading h2{margin:3px 0;font-size:18px}.print-preference-heading p{margin:0;font-size:10px}.attendance-status-table{font-size:9px}.attendance-status-table th,.attendance-status-table td{padding:7px!important}.attendance-status-table-wrap{overflow:visible}.attendance-status-pill{border:1px solid;background:0 0!important}@page{size:A4 landscape;margin:12mm}}:root{--bk:#16665a;--bk-dark:#0c4039;--bk-soft:#e9f6f2;--bk-line:#d9e7e3;--bk-ink:#132c2a;--bk-muted:#687c79}.bk-shell{min-height:100vh;color:var(--bk-ink);background:#f5f8f7;font-family:Arial,sans-serif}.bk-top{border-bottom:1px solid var(--bk-line);z-index:10;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 32px;display:grid;position:sticky;top:0}.bk-top>a{color:var(--bk-dark);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.bk-brand{align-items:center;gap:11px;display:flex}.bk-brand img{object-fit:contain;width:42px;height:42px}.bk-brand span,.bk-user>span{flex-direction:column;display:flex}.bk-brand strong{font-size:17px}.bk-brand small,.bk-user small{color:var(--bk-muted);margin-top:3px;font-size:11px}.bk-user{text-align:right;justify-self:end;align-items:center;gap:16px;display:flex}.bk-user button{border:1px solid var(--bk-line);color:var(--bk-dark);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-weight:700;display:flex}.bk-main{max-width:1480px;margin:0 auto;padding:28px}.bk-hero{background:linear-gradient(120deg,var(--bk-dark),#1f7b6c);color:#fff;border-radius:22px;justify-content:space-between;align-items:center;padding:30px 36px;display:flex;box-shadow:0 14px 30px #0c40391f}.bk-hero span,.bk-form header span,.bk-service-list>span,.bk-student-picker header span,.bk-report header span{letter-spacing:1.4px;font-size:11px;font-weight:800}.bk-hero h1{margin:8px 0;font-size:30px}.bk-hero p{color:#d9f1eb;max-width:750px;margin:0;line-height:1.55}.bk-hero>svg{opacity:.75}.bk-tabs{gap:8px;margin:22px 0;display:flex}.bk-tabs button{border:1px solid var(--bk-line);color:var(--bk-muted);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px 17px;font-weight:700;display:flex}.bk-tabs button.active{background:var(--bk-soft);color:var(--bk-dark);border-color:#9dd3c7}.bk-tabs b{background:var(--bk);color:#fff;border-radius:20px;min-width:22px;padding:2px 7px;font-size:11px}.bk-notice{color:#176241;background:#ecf9f2;border:1px solid #bfe6d3;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:11px 14px;font-weight:700;display:flex}.bk-input-layout{grid-template-columns:285px minmax(0,1fr);gap:18px;display:grid}.bk-service-list,.bk-form,.bk-report{border:1px solid var(--bk-line);background:#fff;border-radius:18px}.bk-service-list{flex-direction:column;gap:8px;height:max-content;padding:18px;display:flex}.bk-service-list>span{color:var(--bk-muted);padding:4px 5px 10px}.bk-service-list button{text-align:left;color:var(--bk-ink);background:0 0;border:0;border-radius:13px;align-items:flex-start;gap:11px;padding:12px;display:flex}.bk-service-list button i{width:36px;height:36px;color:var(--bk);background:#f0f5f4;border-radius:10px;place-items:center;display:grid}.bk-service-list button span{flex-direction:column;gap:4px;display:flex}.bk-service-list button small{color:var(--bk-muted);font-size:11px;line-height:1.35}.bk-service-list button.active{background:var(--bk-soft)}.bk-service-list button.active i{background:var(--bk);color:#fff}.bk-form{padding:24px}.bk-form>header,.bk-report>header{border-bottom:1px solid var(--bk-line);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;display:flex}.bk-form header span,.bk-report header span{color:var(--bk)}.bk-form h2,.bk-report h2{margin:5px 0 0;font-size:23px}.bk-form header button{color:#b33d2e;background:#fff0ee;border:0;border-radius:9px;padding:8px 11px;font-weight:700}.bk-student-picker{border:1px solid var(--bk-line);background:#f9fbfa;border-radius:14px;margin-bottom:18px;padding:16px}.bk-student-picker header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bk-student-picker header div{flex-direction:column;gap:5px;display:flex}.bk-student-picker header span{color:var(--bk)}.bk-student-picker select,.bk-student-picker input,.bk-field input,.bk-field select,.bk-field textarea,.bk-report-filters input,.bk-report-filters select{font:inherit;color:var(--bk-ink);background:#fff;border:1px solid #cadbd7;border-radius:10px;padding:10px 12px}.bk-search{background:#fff;border:1px solid #cadbd7;border-radius:10px;align-items:center;gap:7px;margin-bottom:10px;padding:0 11px;display:flex}.bk-search input{border:0;outline:0;width:100%;padding-left:0}.bk-student-select{width:100%}.bk-student-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:240px;display:grid;overflow:auto}.bk-student-checks label{border:1px solid var(--bk-line);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px;display:flex}.bk-student-checks label.selected{background:#edf9f5;border-color:#55ad99}.bk-student-checks span{flex-direction:column;gap:2px;min-width:0;display:flex}.bk-student-checks strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bk-student-checks small{color:var(--bk-muted);font-size:10px}.bk-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.bk-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.bk-field>span{color:#405d58;font-size:12px;font-weight:800}.bk-field textarea{resize:vertical;min-height:82px;line-height:1.45}.bk-form-grid .bk-field textarea{min-height:42px}.bk-form footer{border-top:1px solid var(--bk-line);justify-content:space-between;align-items:center;margin-top:5px;padding-top:18px;display:flex}.bk-form footer span{color:var(--bk-muted);font-size:13px}.bk-form footer button,.bk-report>header button{background:var(--bk);color:#fff;border:0;border-radius:11px;align-items:center;gap:8px;padding:11px 16px;font-weight:800;display:flex}.bk-form footer button:disabled{opacity:.55}.bk-report{padding:24px}.bk-report>header p{color:var(--bk-muted);margin:7px 0 0;font-size:13px}.bk-report-filters{grid-template-columns:210px 210px 260px;gap:10px;margin-bottom:18px;display:grid}.bk-report-filters label{background:#fff;border:1px solid #cadbd7;border-radius:10px;align-items:center;gap:6px;padding-left:10px;display:flex}.bk-report-filters label input{border:0;width:100%}.bk-print-heading{display:none}.bk-table-wrap{border:1px solid var(--bk-line);border-radius:13px;overflow:auto}.bk-table-wrap table{border-collapse:collapse;width:100%;min-width:1050px}.bk-table-wrap th{color:#58706c;text-transform:uppercase;letter-spacing:.7px;text-align:left;background:#f1f6f4;padding:12px;font-size:10px}.bk-table-wrap td{border-top:1px solid var(--bk-line);vertical-align:top;padding:12px;font-size:12px;line-height:1.4}.bk-table-wrap td small{color:var(--bk-muted);margin-top:3px;display:block}.bk-actions-col{white-space:nowrap}.bk-actions-col button{color:var(--bk);background:#eef5f3;border:0;border-radius:8px;width:31px;height:31px;margin-right:4px}.bk-actions-col button+button{color:#ad392c;background:#fff0ee}.bk-empty{text-align:center;color:var(--bk-muted);justify-content:center;gap:8px;padding:30px;display:flex}@keyframes bkspin{to{transform:rotate(360deg)}}.bk-student-report-module{border:1px solid var(--bk-line);background:#fff;border-radius:18px;padding:24px}.bk-student-report-header{border-bottom:1px solid var(--bk-line);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;display:flex}.bk-student-report-header>div:first-child>span,.bk-student-report-form header span{color:var(--bk);letter-spacing:1.4px;font-size:11px;font-weight:800}.bk-student-report-header h2{margin:5px 0 0;font-size:23px}.bk-student-report-header p{color:var(--bk-muted);margin:7px 0 0;font-size:13px}.bk-year-filter{align-items:center;gap:7px;display:flex}.bk-year-filter input,.bk-year-filter button,.bk-report-student-list select{font:inherit;color:var(--bk-ink);background:#fff;border:1px solid #cadbd7;border-radius:10px;padding:10px 12px}.bk-year-filter input{width:105px}.bk-year-filter button{background:var(--bk);color:#fff;border-color:var(--bk);align-items:center;gap:7px;font-weight:800;display:flex}.bk-report-workspace{grid-template-columns:300px minmax(0,1fr);gap:18px;display:grid}.bk-report-student-list{border:1px solid var(--bk-line);background:#f9fbfa;border-radius:14px;height:max-content;padding:16px}.bk-report-student-list>label{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.bk-report-student-list>label>span{color:#405d58;font-size:11px;font-weight:800}.bk-period-list{flex-direction:column;gap:7px;margin-top:16px;display:flex}.bk-period-list>button{border:1px solid var(--bk-line);text-align:left;color:var(--bk-ink);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;padding:11px;display:flex}.bk-period-list>button:disabled{opacity:.55}.bk-period-list>button.active{background:var(--bk-soft);color:var(--bk-dark);border-color:#74b9aa}.bk-period-list>button span{flex-direction:column;gap:3px;display:flex}.bk-period-list small{color:var(--bk-muted)}.bk-saved-reports{border-top:1px solid var(--bk-line);flex-direction:column;gap:7px;margin-top:16px;padding-top:14px;display:flex}.bk-saved-reports>strong{color:var(--bk-muted);text-transform:uppercase;letter-spacing:.7px;font-size:11px}.bk-saved-reports>div{gap:5px;display:flex}.bk-saved-reports button{color:var(--bk);background:#eaf5f2;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-weight:700;display:flex}.bk-saved-reports button.danger{color:#ad392c;background:#fff0ee;flex:0 0 34px}.bk-student-report-form{border:1px solid var(--bk-line);border-radius:14px;padding:20px}.bk-student-report-form>header{border-bottom:1px solid var(--bk-line);justify-content:space-between;align-items:flex-start;margin-bottom:17px;padding-bottom:15px;display:flex}.bk-student-report-form h3{margin:5px 0 0;font-size:19px}.bk-student-report-form header em{color:#8a5a00;background:#fff4dc;border-radius:8px;padding:6px 9px;font-size:11px;font-style:normal;font-weight:800}.bk-report-placeholder{min-height:300px;color:var(--bk-muted);background:#f9fbfa;border-radius:12px;place-items:center;display:grid}.bk-report-identity{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:17px;display:grid}.bk-report-identity>div{background:#f2f7f5;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.bk-report-identity span{text-transform:uppercase;letter-spacing:.5px;color:var(--bk-muted);font-size:10px}.bk-report-identity strong{font-size:13px}.bk-report-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bk-report-sections fieldset{border:1px solid var(--bk-line);border-radius:12px;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:14px;display:grid}.bk-report-sections legend{color:var(--bk-dark);padding:0 7px;font-weight:800}.bk-report-sections legend b{background:var(--bk);color:#fff;border-radius:7px;place-items:center;width:24px;height:24px;margin-right:7px;display:inline-grid}.bk-report-sections label{flex-direction:column;gap:6px;display:flex}.bk-report-sections label.wide{grid-column:1/-1}.bk-report-sections label>span{color:#405d58;font-size:11px;font-weight:800}.bk-report-sections select,.bk-report-sections textarea{font:inherit;color:var(--bk-ink);background:#fff;border:1px solid #cadbd7;border-radius:9px;padding:9px}.bk-report-sections textarea{resize:vertical;min-height:82px;line-height:1.45}.bk-report-sections textarea:disabled,.bk-report-sections select:disabled,.bk-student-report-form input:disabled{color:#53645f;background:#f3f5f5}.bk-grade-note{background:#f4f8f7;border-radius:10px;align-items:center;gap:16px;margin:15px 0;padding:11px 13px;font-size:12px;display:flex}.bk-student-report-form>footer{border-top:1px solid var(--bk-line);justify-content:space-between;align-items:center;padding-top:17px;display:flex}.bk-student-report-form>footer span{color:var(--bk-muted);font-size:12px}.bk-student-report-form>footer button{background:var(--bk);color:#fff;border:0;border-radius:10px;align-items:center;gap:7px;padding:11px 15px;font-weight:800;display:flex}.bk-student-report-print{display:none}@media (width<=900px){.bk-top{grid-template-columns:1fr auto;padding:0 16px}.bk-brand{display:none}.bk-main{padding:15px}.bk-input-layout,.bk-report-workspace{grid-template-columns:1fr}.bk-service-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bk-service-list>span{grid-column:1/-1}.bk-student-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-report-filters,.bk-report-sections{grid-template-columns:1fr}.bk-hero{padding:24px}.bk-hero h1{font-size:24px}.bk-student-report-header{flex-direction:column;gap:14px}.bk-report-identity{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.bk-user>span{display:none}.bk-service-list,.bk-student-checks,.bk-form-grid{grid-template-columns:1fr}.bk-form{padding:16px}.bk-main{padding:10px}.bk-hero>svg{display:none}}@media print{body{background:#fff!important}.bk-top,.bk-hero,.bk-tabs,.bk-notice,.bk-report>header,.bk-report-filters,.bk-actions-col{display:none!important}.bk-main{max-width:none;padding:0}.bk-report{border:0;padding:0}.bk-print-heading{border-bottom:2px solid #174d45;align-items:center;gap:14px;margin-bottom:12px;padding-bottom:12px;display:flex}.bk-print-heading img{object-fit:contain;width:58px;height:58px}.bk-print-heading h1{margin:3px 0;font-size:18px}.bk-print-heading p{margin:0;font-size:11px}.bk-table-wrap{border-radius:0;overflow:visible}.bk-table-wrap table{min-width:0}.bk-table-wrap th,.bk-table-wrap td{padding:6px;font-size:9px}.bk-student-report-module{border:0;padding:0}.bk-student-report-module>:not(.bk-student-report-print){display:none!important}.bk-student-report-print{color:#000;font-family:Times New Roman,serif;display:block!important}.bk-student-report-print>header{text-align:center}.bk-student-report-print>header img{object-fit:contain;width:68px;height:68px}.bk-student-report-print h1{margin:5px 0 2px;font-size:15pt}.bk-student-report-print h2,.bk-student-report-print h3{margin:2px 0;font-size:13pt}.bk-student-report-print header p{margin:2px 0 14px;font-size:12pt;font-weight:700}.bk-student-report-print dl{margin:0 0 12px 36px;font-size:11pt}.bk-student-report-print dl div{grid-template-columns:120px 1fr;margin:3px 0;display:grid}.bk-student-report-print dt{font-weight:700}.bk-student-report-print dd{margin:0;font-weight:700}.bk-student-report-print table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:9.5pt}.bk-student-report-print th,.bk-student-report-print td{vertical-align:top;white-space:pre-wrap;border:1px solid #000;padding:6px}.bk-student-report-print th{text-align:center}.bk-student-report-print th:first-child{width:5%}.bk-student-report-print th:nth-child(2){width:18%}.bk-student-report-print th:nth-child(3){width:7%}.bk-student-report-print th:nth-child(4){width:36%}.bk-student-report-print th:nth-child(5){width:34%}.bk-student-report-print td:first-child,.bk-student-report-print td:nth-child(3){text-align:center;font-weight:700}.bk-student-report-print td:nth-child(2){font-weight:700}.bk-print-grade{grid-template-columns:150px 1fr;margin:8px 0 0 35px;font-size:10pt;display:grid}.bk-print-grade strong{grid-row:1/5}.bk-print-date{text-align:right;margin:18px 30px 0 0;font-weight:700}.bk-signatures{text-align:center;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:8px;display:grid}.bk-signatures div{flex-direction:column;justify-content:space-between;min-height:95px;display:flex}.bk-signatures span{font-weight:700}@page{size:A4 portrait;margin:12mm}.bk-student-report-print{page:bk-student}.bk-report{page:bk-monthly}@page bk-student{size:A4 portrait;margin:12mm}@page bk-monthly{size:A4 landscape;margin:10mm}}.violation-inline{margin-top:10px}.violation-inline>.violation-history{margin-top:12px}.bk-main>.violation-browser{margin-bottom:18px}.exam-runner{-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.exam-runner .student-answer{-webkit-user-select:text;user-select:text}.exam-violation-count.has-warning{font-weight:800;color:#b65c2d!important}.question-weight-button{white-space:nowrap;padding:7px 9px!important;font-size:10px!important}.question-weight-modal .field input{width:100%;max-width:190px}.status-pill.archived{color:#526071;background:#edf0f3;border-color:#d8dfe5}.package-card.package-archived{opacity:.86;background:#f8faf9}.package-archive{white-space:nowrap;font-size:10px!important}.exam-rules-layer{z-index:1200;background:#112a2dbd;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.exam-rules-card{background:#fff;border-radius:18px;flex-direction:column;width:min(700px,100%);max-height:calc(100vh - 32px);display:flex;overflow:hidden;box-shadow:0 28px 80px #061d2180}.exam-rules-card>header{border-bottom:1px solid #e2eae8;padding:22px 24px 15px}.exam-rules-card>header h2{margin:7px 0;font-size:23px}.exam-rules-card>header p{color:#667d7a;margin:0;font-size:12px}.exam-rules-scroll{max-height:min(46vh,340px);padding:12px 26px 16px;overflow-y:auto}.exam-rules-scroll ol{margin:0;padding-left:23px}.exam-rules-scroll li{padding:8px 0;font-size:13px;line-height:1.55}.exam-rules-scroll li::marker{color:#147a72;font-weight:800}.exam-rules-card>footer{border-top:1px solid #e2eae8;gap:9px;padding:16px 24px 20px;display:grid}.exam-rules-card>footer label{align-items:flex-start;gap:9px;font-size:12px;font-weight:700;line-height:1.4;display:flex}.exam-rules-card>footer input{accent-color:#147a72;margin-top:2px}.exam-rules-card>footer small{color:#a45a25;font-size:10px}.exam-rules-card>footer>div{justify-content:flex-end;gap:9px;display:flex}.exam-rules-card .button:disabled{opacity:.5;cursor:not-allowed}.exam-live-summary{z-index:2;flex-wrap:wrap;align-items:center;gap:8px;max-width:1180px;margin:14px auto 0;padding:0 24px;display:flex;position:relative}.exam-live-summary>span{color:#37665e;background:#fff;border:1px solid #dbe8e4;border-radius:10px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.exam-live-summary>span strong{font-size:15px}.exam-live-summary>span.pending{color:#a56120;background:#fff9ee;border-color:#f1dec1}.exam-live-summary>span.warning{color:#a5472b;background:#fff4ef;border-color:#eecabd}.exam-live-summary>small{color:#647b78;font-size:10px}.exam-violation-explanation{z-index:2;color:#8c3f29;background:#fff3ee;border:1px solid #ebc4b6;border-radius:10px;gap:4px;max-width:1132px;margin:10px auto 0;padding:12px 15px;display:grid;position:relative}.exam-violation-explanation strong{font-size:12px}.exam-violation-explanation span{font-size:11px;line-height:1.45}.exam-resume-notice{z-index:4;color:#24695c;background:#eef9f5;border:1px solid #add8cb;border-radius:10px;align-items:center;gap:9px;max-width:1132px;margin:10px auto 0;padding:10px 14px;font-size:11px;display:flex;position:relative}.exam-resume-notice strong{font-weight:850}.exam-submit-prominent{z-index:20;color:#fff;cursor:pointer;min-height:56px;font:inherit;background:#08786f;border:2px solid #fff;border-radius:16px;grid-template-columns:auto auto;align-items:center;column-gap:9px;padding:10px 18px;display:grid;position:fixed;bottom:20px;right:22px;box-shadow:0 12px 34px #084c454d}.exam-submit-prominent>svg{grid-row:1/3}.exam-submit-prominent>span{font-size:13px;font-weight:850}.exam-submit-prominent>small{color:#d8f5ed;text-align:left;font-size:9px}.exam-submit-prominent:hover{background:#075f59;transform:translateY(-1px)}.exam-submit-prominent:focus-visible{outline-offset:3px;outline:3px solid #f3c971}.exam-submit-prominent:disabled{cursor:wait;opacity:.65}.runner-layout{padding-bottom:100px!important}@media (width<=760px){.exam-rules-card>header{padding:17px}.exam-rules-card>header h2{font-size:19px}.exam-rules-scroll{max-height:45vh;padding:10px 17px}.exam-rules-scroll li{font-size:12px}.exam-rules-card>footer{padding:13px 17px}.exam-live-summary{padding:0 14px}.exam-live-summary>span{flex:1;justify-content:center;min-width:95px;padding:7px;font-size:9px}.exam-live-summary>span strong{font-size:13px}.exam-live-summary>small{flex-basis:100%}.exam-violation-explanation,.exam-resume-notice{margin:10px 14px 0}.exam-submit-prominent{justify-content:center;width:calc(100% - 24px);bottom:10px;left:12px;right:12px}.runner-layout{padding-bottom:105px!important}}.runner-watermarks{z-index:3;pointer-events:none;opacity:.075;grid-template-columns:repeat(3,1fr);align-content:space-around;display:grid;position:fixed;inset:72px 0 0;overflow:hidden}.runner-watermarks span{color:#102f35;white-space:nowrap;text-align:center;font-size:14px;font-weight:850;transform:rotate(-24deg)}.runner-layout,.runner-header{z-index:2;position:relative}.exam-security-cover{z-index:1000;color:#fff;text-align:center;background:#101928;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:fixed;inset:0}.exam-security-cover strong{font-size:24px}.exam-security-cover p{color:#c9d3e1;max-width:420px;margin:0;font-size:11px}.security-covered .runner-layout{filter:blur(18px);visibility:hidden}@media print{.exam-runner *{display:none!important}.exam-runner:after{content:"Pencetakan soal ujian diblokir.";padding:40px;font-size:20px;display:block}}@media (width<=760px){.runner-watermarks{grid-template-columns:repeat(2,1fr)}.runner-watermarks span{font-size:10px}.exam-violation-count{display:none!important}}:root{--ink:#152a2e;--muted:#6c7d80;--line:#e3e9e8;--soft:#f4f7f6;--paper:#fff;--navy:#173b40;--teal:#147a72;--teal-dark:#0f625c;--green-soft:#e7f4ef;--amber:#c77a22;--amber-soft:#fff3df;--purple:#7654b4;--purple-soft:#f1eafb;--blue:#3e73b9;--blue-soft:#eaf1fb;--shadow:0 1px 2px #112e3209, 0 8px 28px #112e320b}html,body{min-height:100%;color:var(--ink);background:#f5f7f6;margin:0}body{font-family:var(--font-geist-sans), Arial, sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;outline:3px solid #147a722e}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:30;background:#f9fbfa;flex-direction:column;width:244px;padding:0 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:76px;padding:0 6px;display:flex}.brand-mark{background:#fff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;padding:4px;display:grid;box-shadow:0 5px 14px #0e3f2626}.brand-logo-image,.login-logo-image,.auth-logo-image,.student-logo-shell img{object-fit:contain;width:100%;height:100%;display:block}.login-logo{flex:none;padding:7px;box-shadow:0 10px 28px #00000038,0 0 0 3px #bef26452;background:#fff!important;border-radius:24px!important;width:94px!important;height:94px!important;margin:0!important}.auth-logo-image{object-fit:contain;width:58px;height:58px}.student-logo-shell{border:0;padding:0;overflow:visible;background:0 0!important}.brand>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.brand strong{letter-spacing:.05px;color:#0b4b43;font-size:12.5px}.brand span{color:var(--muted);text-transform:uppercase;letter-spacing:.45px;margin-top:3px;font-size:8.5px}.login-school-lockup{align-items:center;gap:20px;margin-bottom:32px;display:flex}.login-school-lockup>div:last-child{gap:6px;display:grid}.login-school-lockup strong{color:#fff;letter-spacing:.2px;text-shadow:0 2px 8px #0000002e;font-size:21px}.login-school-lockup span{color:#bef264;letter-spacing:1.35px;font-size:9px;font-weight:800}.main-nav{flex-direction:column;flex:1;gap:5px;padding:22px 0;display:flex}.nav-caption{letter-spacing:1.2px;color:#9aa7a8;padding:0 12px 8px;font-size:10px;font-weight:750}.nav-caption-second{margin-top:18px}.main-nav button{cursor:pointer;color:#587074;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:42px;padding:0 12px;font-size:13px;font-weight:560;display:flex}.main-nav button:hover{color:var(--navy);background:#eef3f1}.main-nav button.active{color:var(--teal-dark);box-shadow:inset 3px 0 var(--teal);background:#e5f1ed;font-weight:700}.main-nav button span{flex:1}.main-nav button em{color:var(--teal-dark);background:#d4e7e2;border-radius:10px;padding:2px 7px;font-size:10px;font-style:normal}.main-nav button em.attention-count{color:#a6641c;background:#fff0d9}.back-to-lms{min-height:39px;color:var(--teal-dark);background:#f7fbfa;border:1px solid #d9e4e2;border-radius:8px;align-items:center;gap:9px;margin:0 0 12px;padding:0 12px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.back-to-lms:hover{background:#edf7f4;border-color:#a9cbc5}.sidebar-help{background:#eef4f2;border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:flex}.help-icon{width:31px;height:31px;color:var(--teal);background:#fff;border-radius:9px;place-items:center;display:grid}.sidebar-help>div:nth-child(2),.profile-card>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-help strong,.profile-card strong{font-size:11px}.sidebar-help span,.profile-card span{color:var(--muted);margin-top:2px;font-size:9.5px}.profile-card{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:67px;display:flex}.avatar,.top-avatar{color:var(--teal-dark);background:#dcece7;border-radius:50%;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar img,.top-avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar{width:34px;height:34px;font-size:11px}.top-avatar{width:31px;height:31px;font-size:10px}.mobile-close{display:none!important}.sidebar-backdrop{display:none}.main-content{min-height:100vh;margin-left:244px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#ffffffe0;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.breadcrumb{color:#95a2a4;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb strong{color:#4f6467;font-weight:600}.top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.notification{position:relative}.notification-dot{background:#db625b;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.menu-button{display:none!important}.page-wrap{max-width:1440px;margin:0 auto;padding:32px 38px 64px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.8px;margin:5px 0 6px;font-size:27px;font-weight:720;line-height:1.15}.page-heading p{color:var(--muted);margin:0;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:1.15px;color:var(--teal);font-size:9px;font-weight:750}.heading-actions{gap:9px;display:flex}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 15px;font-size:12px;font-weight:650;transition:all .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{color:#fff;background:var(--teal);box-shadow:0 4px 12px #147a722b}.button-primary:hover{background:var(--teal-dark)}.button-ghost{color:#526669;background:#fff;border-color:#d8e0df}.button-ghost:hover{background:#fbfcfc;border-color:#bfcac8}.button-soft{color:var(--teal-dark);background:#e7f2ef}.full-button{width:100%}.button-verify{color:#fff;background:#247c6e;border-color:#247c6e;box-shadow:0 4px 12px #247c6e26}.button-verify:hover{background:#19685d}.button-revision{color:#8b5a20;background:#fff5e3;border:1px solid #dfbd86}.button-revision:hover{background:#ffedcf}.icon-button{cursor:pointer;color:#667b7e;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{color:var(--ink);background:#edf2f1}.icon-button.danger:hover{color:#c24f49;background:#fff0ef}.text-button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;font-weight:680}.text-button span{margin-left:4px}.panel,.metric-card,.package-card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{align-items:flex-start;gap:14px;min-height:112px;padding:18px;display:flex}.metric-icon{border-radius:10px;place-items:center;width:41px;height:41px;display:grid}.metric-icon.blue{color:var(--blue);background:var(--blue-soft)}.metric-icon.green{color:var(--teal);background:var(--green-soft)}.metric-icon.amber{color:var(--amber);background:var(--amber-soft)}.metric-icon.purple{color:var(--purple);background:var(--purple-soft)}.metric-copy{display:grid}.metric-copy span{color:var(--muted);font-size:11px;font-weight:590}.metric-copy strong{letter-spacing:-.6px;margin:2px 0;font-size:25px}.metric-copy small{color:#93a0a1;font-size:9.5px}.dashboard-main-grid{grid-template-columns:minmax(0,1.85fr) minmax(260px,.75fr);gap:16px;margin-top:16px;display:grid}.teacher-question-summary{margin-top:16px;padding:20px}.teacher-question-summary .panel-heading{align-items:center}.teacher-question-summary .select-wrap select{min-width:220px;max-width:360px}.teacher-question-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.teacher-question-totals>div{border:1px solid var(--line);background:#f8fbfa;border-radius:9px;gap:5px;padding:12px;display:grid}.teacher-question-totals span{color:var(--muted);font-size:10px}.teacher-question-totals strong{color:var(--teal-dark);font-size:22px}.teacher-question-table-wrap{overflow:auto}.teacher-question-table{border-collapse:collapse;text-align:left;width:100%;font-size:10px}.teacher-question-table th,.teacher-question-table td{border-top:1px solid var(--line);white-space:nowrap;padding:10px}.teacher-question-table th{color:var(--muted);font-weight:700}.teacher-question-table th:not(:first-child),.teacher-question-table td:not(:first-child){text-align:right}.teacher-question-empty{color:var(--muted);margin:0;padding:12px 0;font-size:10px}@media (width<=760px){.teacher-question-summary .panel-heading{flex-direction:column;align-items:flex-start}.teacher-question-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}.correction-dashboard-panel{margin-top:16px;padding:20px}.correction-dashboard-panel .panel-heading{align-items:center}.correction-dashboard-filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.correction-dashboard-filters .select-wrap select{min-width:150px}.correction-dashboard-totals{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:16px 0;display:grid}.correction-dashboard-totals>div{border:1px solid var(--line);background:#f8fbfa;border-radius:9px;gap:5px;padding:11px;display:grid}.correction-dashboard-totals span{color:var(--muted);font-size:9px}.correction-dashboard-totals strong{color:var(--teal-dark);font-size:20px}.correction-dashboard-totals .attention{background:#fff5ed;border-color:#f0d0ba}.correction-dashboard-totals .attention strong{color:#a7502d}.correction-dashboard-totals .warning{background:#fff8e8;border-color:#eed9aa}.correction-dashboard-totals .warning strong{color:#9a651e}.correction-dashboard-totals .done{background:#edf8f3;border-color:#cce7da}.correction-dashboard-table-wrap{overflow:auto}.correction-dashboard-table{border-collapse:collapse;text-align:left;width:100%;min-width:1120px;font-size:9.5px}.correction-dashboard-table th,.correction-dashboard-table td{border-top:1px solid var(--line);vertical-align:top;white-space:nowrap;padding:10px 9px}.correction-dashboard-table th{color:var(--muted);font-weight:750}.correction-dashboard-table td:nth-child(n+3):nth-child(-n+9){text-align:center}.correction-dashboard-table td:nth-child(2){white-space:normal;gap:3px;min-width:180px;display:grid}.correction-dashboard-table td:nth-child(2) span{color:var(--muted);font-size:8.5px}.correction-progress-status{border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:750;display:inline-flex}.correction-progress-status.complete{color:#1d745f;background:#e6f5ee}.correction-progress-status.attention{color:#98601c;background:#fff1d9}.correction-progress-status.pending{color:#526d73;background:#edf2f3}@media (width<=900px){.correction-dashboard-totals{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.correction-dashboard-panel .panel-heading{flex-direction:column;align-items:flex-start}.correction-dashboard-filters{justify-content:flex-start;width:100%}.correction-dashboard-filters .select-wrap{flex:1}.correction-dashboard-filters .select-wrap select{width:100%;min-width:0}.correction-dashboard-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}.schedule-monitoring-panel{margin-top:16px;padding:20px}.schedule-monitoring-panel .panel-heading{align-items:center}.schedule-monitoring-summary{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.schedule-monitoring-summary>span{border:1px solid var(--line);color:var(--muted);background:#f8fbfa;border-radius:9px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex}.schedule-monitoring-summary>span b{color:var(--teal-dark);font-size:13px}.schedule-monitoring-summary>span.warning{color:#98502c;background:#fff2e8;border-color:#efc9ae}.schedule-monitoring-summary>span.warning b{color:#a64f28}.schedule-monitoring-summary>span.safe{color:#27705c;background:#edf8f3;border-color:#cce7da}.schedule-monitoring-table-wrap{overflow:auto}.schedule-monitoring-table{border-collapse:collapse;text-align:left;width:100%;min-width:1180px;font-size:9px}.schedule-monitoring-table th,.schedule-monitoring-table td{border-top:1px solid var(--line);vertical-align:top;padding:10px 9px}.schedule-monitoring-table th{color:var(--muted);white-space:nowrap;font-weight:750}.schedule-monitoring-table td>strong,.schedule-monitoring-table td>small{display:block}.schedule-monitoring-table td>small{color:var(--muted);margin-top:3px;line-height:1.35}.schedule-type,.schedule-state{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.schedule-type.main{color:#3e62a8;background:#eaf1ff}.schedule-type.supplementary{color:#93651e;background:#fff4dc}.schedule-type.remedial{color:#7551a5;background:#f2ecff}.schedule-state.running{color:#16825f;background:#e9f8f2}.schedule-state.upcoming{color:#4569c8;background:#edf3ff}.schedule-state.finished{color:#758094;background:#f1f3f6}.schedule-check{border-radius:8px;gap:2px;max-width:250px;padding:6px 8px;display:grid}.schedule-check strong{font-size:8.5px}.schedule-check small{font-size:7.5px;line-height:1.35}.schedule-check.safe{color:#1b745a;background:#eaf8f2}.schedule-check.conflict{color:#a3482c;background:#fff0ea}.schedule-check.legacy{color:#8e651d;background:#fff7df}@media (width<=760px){.schedule-monitoring-panel .panel-heading{flex-direction:column;align-items:flex-start}}.recent-panel,.readiness-panel{padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel-heading h2,.section-title h2{letter-spacing:-.2px;margin:0 0 4px;font-size:14px}.panel-heading p,.section-title p{color:var(--muted);margin:0;font-size:10px}.recent-list{margin-top:14px}.recent-item{border-top:1px solid #edf1f0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.recent-item:first-child{border-top:0}.subject-tile{border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.subject-tile.math{color:#4f75b3;background:#e9f0f9}.subject-tile.science{color:#248276;background:#e7f3ef}.subject-tile.indo{color:#a26d30;background:#f8efe2}.subject-tile.english{color:#7654b4;background:#f0eafa}.recent-copy{flex-direction:column;min-width:0;display:flex}.recent-copy>div{align-items:center;gap:7px;display:flex}.recent-copy strong{white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:11.5px;font-weight:600;line-height:1.4;overflow:hidden}.recent-copy>span{color:#89999b;font-size:9.5px}.code-label{font-family:var(--font-geist-mono), monospace;color:var(--teal);font-size:9.5px;font-weight:700}.status-pill{white-space:nowrap;border-radius:12px;align-items:center;gap:5px;width:max-content;padding:3px 7px;font-size:8.5px;font-weight:650;display:inline-flex}.status-pill i{border-radius:50%;width:5px;height:5px}.status-pill.verified{color:#227b69;background:#e7f4ef}.status-pill.verified i{background:#36a188}.status-pill.revision{color:#a86b25;background:#fff1dc}.status-pill.revision i{background:#dc9a4d}.status-pill.draft{color:#68797c;background:#edf0f1}.status-pill.draft i{background:#839194}.difficulty{white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:8.5px;font-weight:680}.difficulty-mudah{color:#287a66;background:#e8f5ef}.difficulty-sedang{color:#9b6626;background:#fff2df}.difficulty-sulit{color:#ad4f4b;background:#fbe9e7}.sparkle{color:#c2943f}.readiness-score{place-items:center;padding:13px 0;display:grid}.score-ring{background:conic-gradient(var(--teal) var(--score), #e8eeec 0);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:relative}.score-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:9px}.score-ring>div{z-index:1;flex-direction:column;align-items:center;display:flex}.score-ring strong{letter-spacing:-.6px;font-size:22px}.score-ring span{color:var(--muted);font-size:9px}.readiness-list{border-top:1px solid #edf1f0;padding:10px 0 12px}.readiness-list div{justify-content:space-between;align-items:center;padding:4px 1px;font-size:10px;display:flex}.readiness-list span{color:var(--muted);align-items:center;gap:7px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot-green{background:var(--teal)}.dot-amber{background:#d39443}.dot-slate{background:#9ca9aa}.quick-section{margin-top:25px}.section-title{margin-bottom:11px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:12px;padding:15px;display:flex;box-shadow:0 1px 2px #112e3206}.quick-card:hover{box-shadow:var(--shadow);border-color:#c7d6d3}.quick-icon{border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.quick-icon.blue{color:var(--blue);background:var(--blue-soft)}.quick-icon.purple{color:var(--purple);background:var(--purple-soft)}.quick-icon.amber{color:var(--amber);background:var(--amber-soft)}.quick-card div:nth-child(2){flex-direction:column;flex:1;display:flex}.quick-card strong{font-size:11.5px}.quick-card span span{color:var(--muted);font-size:9px}.quick-card b{color:#9aabaa;font-size:14px}.bank-panel{overflow:hidden}.bank-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:16px;display:flex}.search-box{color:#8a999a;border:1px solid #d8e0df;border-radius:8px;flex:1;align-items:center;gap:9px;max-width:430px;height:38px;padding:0 12px;display:flex}.search-box:focus-within{border-color:#83b7af;box-shadow:0 0 0 3px #147a7214}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;font-size:11.5px;outline:0!important}.filter-group{gap:8px;display:flex}.select-wrap{color:#718386;border:1px solid #d8e0df;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 9px;display:flex}.select-wrap select{appearance:none;color:#526568;cursor:pointer;background:0 0;border:0;outline:0;min-width:115px;font-size:10.5px}.select-wrap svg:last-child{pointer-events:none}.export-button{border:1px solid #d8e0df}.table-meta{color:#839194;border-bottom:1px solid var(--line);background:#fbfcfc;justify-content:space-between;align-items:center;padding:10px 17px;font-size:9.5px;display:flex}.bulk-selection-bar{border-bottom:1px solid var(--line);background:#f8faf9;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:8px 17px;display:flex}.bulk-selection-bar.active{background:#edf7f4}.bulk-selection-bar>label,.bulk-selection-bar>div{align-items:center;gap:10px;display:flex}.bulk-selection-bar label{color:#53686b;cursor:pointer;font-size:10px;font-weight:680}.bulk-selection-bar input,.question-select input{width:17px;height:17px;accent-color:var(--teal);cursor:pointer}.bulk-selection-bar>div>span{color:var(--muted);font-size:9.5px}.bulk-selection-bar>div>span strong{color:var(--teal-dark);font-size:12px}.bulk-selection-bar .button{height:33px;font-size:10px}.verification-summary{border-bottom:1px solid var(--line);background:#fbfcfc;grid-template-columns:185px 185px 1fr;gap:9px;padding:14px 16px;display:grid}.verification-summary>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;display:flex}.verification-summary>button>span{border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.verification-summary button.warning>span{color:#aa6a22;background:#fff1dc}.verification-summary button.ready>span{color:var(--teal);background:#e5f2ee}.verification-summary>button.active{border-color:#7ab2aa;box-shadow:0 0 0 3px #147a7214}.verification-summary button div{flex-direction:column;display:flex}.verification-summary button strong{font-size:15px}.verification-summary button small{color:var(--muted);font-size:9px}.verification-note{flex-direction:column;justify-content:center;padding-left:12px;display:flex}.verification-note strong{font-size:10px}.verification-note span{color:var(--muted);margin-top:3px;font-size:9px}.bank-toolbar .search-box{max-width:360px}.filter-group{flex-wrap:wrap;justify-content:flex-end;gap:7px}.select-wrap select{min-width:105px;font-size:10px}.select-wrap.compact select{min-width:72px}.question-list{flex-direction:column;display:flex}.question-row{border-bottom:1px solid #edf1f0;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 17px;display:grid}.question-row:last-child{border-bottom:0}.question-row:hover{background:#fbfdfc}.question-row.selected{box-shadow:inset 3px 0 var(--teal);background:#f0f8f5}.question-select{cursor:pointer;place-items:center;width:20px;min-height:36px;display:grid}.question-select-placeholder{width:20px}.question-main{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-width:0;padding:0;display:flex}.question-main strong{max-width:750px;margin:4px 0;font-size:12px;font-weight:590;line-height:1.45}.question-main>span{color:#829295;font-size:9.5px}.question-meta{color:#839194;align-items:center;gap:8px;font-size:9px;display:flex}.question-meta span+span:before{content:"·";color:#c2cccb;margin-right:8px}.question-tags{align-items:center;gap:7px;display:flex}.row-actions{display:flex}.verify-action{color:var(--teal);background:#e8f4f0}.verify-action:hover{color:#fff;background:var(--teal)}.question-image-badge,.question-similar-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.question-image-badge{color:#255f9e;background:#e9f2ff}.question-similar-badge{color:#85520a;cursor:pointer;background:#fff7e8;border:1px solid #eecb80}.question-similar-badge:hover{background:#ffedc5}.question-validation-alert{z-index:3;color:#8f2722;background:#fff1ef;border:1px solid #e7a8a5;border-radius:9px;margin:12px 24px;padding:12px 15px;font-size:11px;position:sticky;bottom:68px;box-shadow:0 -8px 20px #4614140f}.question-validation-alert ul{max-height:150px;margin:7px 0;padding-left:20px;overflow:auto}.question-validation-alert li{margin:3px 0}.question-validation-alert small{color:#805453}.question-comparison-modal{width:min(1200px,100vw - 30px);max-height:calc(100vh - 30px);margin:15px auto}.question-comparison-note{color:#70552d;background:#fff8e9;border-bottom:1px solid #efdcb7;margin:0;padding:12px 24px;font-size:10px}.question-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;padding:16px 22px;display:grid;overflow:auto}.question-comparison-card{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;min-width:0;padding:16px}.question-comparison-card header{flex-direction:column;gap:4px;display:flex}.question-comparison-card header small{color:var(--teal);font-size:9px;font-weight:700}.question-comparison-card header strong{font-size:14px}.question-comparison-card header span{color:var(--muted);font-size:10px}.question-comparison-card h3{font-size:15px;line-height:1.5}.question-comparison-image{object-fit:contain;background:#f6f8f7;border-radius:7px;width:100%;max-height:300px;margin:12px 0;display:block}.question-comparison-card .preview-options{margin-top:12px}@media (width<=760px){.question-row .question-tags{flex-direction:column;align-items:flex-start;display:flex}.question-row .question-tags .difficulty{display:none}.question-comparison-grid{grid-template-columns:1fr}.question-comparison-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);margin:8px}.question-validation-alert{margin:8px 12px}}.bank-panel .bank-toolbar{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.bank-panel .bank-toolbar .search-box{width:100%;min-width:0;max-width:none}.bank-panel .bank-toolbar .filter-group{flex-wrap:wrap;justify-content:flex-start;min-width:0;display:flex;overflow:visible}.bank-panel .bank-toolbar .select-wrap{max-width:100%}.bank-panel .bank-toolbar .select-wrap select{min-width:0;max-width:min(320px,70vw)}.bank-panel .question-row{grid-template-columns:20px 38px minmax(0,1fr) auto;grid-template-areas:"select icon main actions"". .tags actions";align-items:start;gap:7px 12px;min-width:0}.bank-panel .question-select,.bank-panel .question-select-placeholder{grid-area:select}.bank-panel .question-row>.subject-tile{grid-area:icon}.bank-panel .question-main{text-align:left;grid-area:main;justify-self:stretch;align-items:stretch;width:100%;min-width:0}.bank-panel .question-main strong,.bank-panel .question-main>span{overflow-wrap:anywhere;max-width:100%}.bank-panel .question-meta{flex-wrap:wrap;gap:5px 10px;max-width:100%;line-height:1.5;display:flex}.bank-panel .question-meta span{overflow-wrap:anywhere;max-width:100%}.bank-panel .question-tags{flex-wrap:wrap;grid-area:tags;justify-self:start;align-items:center;gap:6px;min-width:0;display:flex}.bank-panel .row-actions{white-space:nowrap;grid-area:actions;align-self:center}@media (width<=760px){.bank-panel .question-row{grid-template-columns:20px 38px minmax(0,1fr);grid-template-areas:"select icon main"". .tags"". .actions"}.bank-panel .row-actions{flex-direction:row;justify-self:start}.bank-panel .question-row .question-tags{flex-direction:row}.bank-panel .question-meta span:nth-child(n+4){display:none}}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:70px 20px;display:flex}.empty-state>div{width:56px;height:56px;color:var(--teal);background:#edf4f2;border-radius:16px;place-items:center;display:grid}.empty-state h3{margin:14px 0 5px;font-size:15px}.empty-state p{color:var(--muted);max-width:330px;margin:0 0 16px;font-size:11px;line-height:1.6}.verification-page{gap:15px;display:grid}.verification-overview{color:#fff;box-shadow:var(--shadow);background:linear-gradient(120deg,#173b40,#1d625f);border-radius:12px;justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.verification-overview>div:first-child{align-items:center;gap:13px;display:flex}.verification-overview-icon{background:#ffffff1f;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.verification-overview strong{font-size:15px}.verification-overview p{color:#ffffffb3;margin:4px 0 0;font-size:10px}.verification-counts{gap:8px;display:flex}.verification-counts span{color:#ffffffb8;background:#ffffff17;border-radius:8px;flex-direction:column;min-width:74px;padding:9px 12px;font-size:8px;display:flex}.verification-counts b{color:#fff;font-size:17px}.verification-queue{overflow:hidden}.verification-heading{border-bottom:1px solid var(--line);padding:18px 20px}.verification-heading>span{color:var(--muted);background:#f0f4f3;border-radius:12px;padding:4px 9px;font-size:9px}.verification-item{border-bottom:1px solid #edf1f0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 20px;display:grid}.verification-item:last-child{border-bottom:0}.verification-item:hover{background:#fbfdfc}.verification-question{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-width:0;padding:0;display:flex}.verification-question>span{align-items:center;gap:8px;display:flex}.verification-question>strong{margin:4px 0;font-size:11.5px;font-weight:590;line-height:1.45}.verification-question small{color:var(--muted);font-size:9px}.verification-actions{gap:7px;display:flex}.verification-item{grid-template-columns:auto minmax(0,1fr) 125px auto}.package-page{gap:15px;display:grid}.package-filter-panel{grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:11px;padding:15px 16px;display:grid}.package-filter-panel .search-box{max-width:none}.package-filter-panel .filter-group{justify-content:flex-end}.package-filter-panel .select-wrap select{min-width:135px}.package-filter-result{color:var(--muted);grid-column:1/-1;font-size:10px}.package-filter-result strong{color:var(--teal-dark);font-size:12px}.package-empty-filter{padding:24px}.package-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.package-card{padding:18px}.package-head,.package-footer{justify-content:space-between;align-items:center;display:flex}.package-icon{width:43px;height:43px;color:var(--teal);background:#e6f2ef;border-radius:11px;place-items:center;display:grid}.package-kicker{color:var(--teal);text-transform:uppercase;letter-spacing:.7px;margin-top:18px;font-size:9px;font-weight:700;display:block}.package-card h3{letter-spacing:-.25px;min-height:39px;margin:6px 0 8px;font-size:15px}.package-card>p{margin:0 0 9px}.package-teacher{color:#66797a;align-items:center;gap:6px;margin-bottom:14px;font-size:10.5px;display:flex}.package-teacher strong{color:var(--ink);overflow-wrap:anywhere;font-weight:700}.package-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:16px;display:grid}.package-stats span{color:#526568;background:#f5f8f7;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:8px 9px;font-size:11px;line-height:1.3;display:flex}.package-stats span strong{color:var(--teal-dark);font-size:12px}.package-stats span svg{color:var(--teal);flex:none}.package-stats .package-date-stat{color:#344f50;background:#eef7f4;grid-column:1/-1;font-weight:650}.package-footer{padding-top:11px}.package-footer>span{color:#7d8d8f;font-size:9.5px}@media (width<=1020px){.package-filter-panel{grid-template-columns:1fr}.package-filter-panel .filter-group{justify-content:flex-start}.package-filter-result{grid-column:auto}}.package-footer>div{align-items:center;gap:4px;display:flex}.package-edit{height:31px;padding:0 10px;font-size:9px}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.analytics-card{min-height:275px;padding:20px}.analytics-card.wide{grid-column:1/-1}.bar-chart{flex-direction:column;gap:15px;margin-top:26px;display:flex}.bar-item{grid-template-columns:140px minmax(0,1fr) 28px;align-items:center;gap:12px;font-size:10px;display:grid}.bar-item>span{color:#536a6d}.bar-item>div{background:#edf1f0;border-radius:6px;height:9px;overflow:hidden}.bar-item i{background:linear-gradient(90deg,#20796f,#5ba89c);border-radius:6px;height:100%;display:block}.bar-item strong{text-align:right}.difficulty-stack{gap:4px;width:100%;height:80px;margin-top:35px;display:flex}.difficulty-stack div{border-radius:8px;place-items:center;min-width:35px;font-size:16px;font-weight:700;display:grid}.stack-0{color:#257561;background:#dcefe8}.stack-1{color:#9a692d;background:#fdeccf}.stack-2{color:#a85450;background:#f5dcda}.legend-row{gap:18px;margin-top:18px;display:flex}.legend-row span{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.legend-row i{border-radius:2px;width:7px;height:7px}.legend-0{background:#6ab09b}.legend-1{background:#d9a653}.legend-2{background:#ce7671}.status-bars{flex-direction:column;gap:19px;margin-top:28px;display:flex}.status-bars>div span{color:#607477;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.status-bars i{background:#eef2f1;border-radius:6px;height:7px;display:block;overflow:hidden}.status-bars em{background:var(--teal);border-radius:6px;height:100%;display:block}.status-bars>div:nth-child(2) em{background:#d49b4e}.status-bars>div:nth-child(3) em{background:#94a2a4}.analytics-filter-panel{grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;min-height:105px;padding:18px 20px;display:flex}.analytics-filter-panel>div:first-child{gap:3px;display:grid}.analytics-filter-panel>div:first-child>span{color:var(--teal);letter-spacing:.7px;font-size:8px;font-weight:800}.analytics-filter-panel h2{margin:0;font-size:18px}.analytics-filter-panel p{color:var(--muted);margin:2px 0 0;font-size:9px}.analytics-filter-panel>label{gap:6px;min-width:250px;display:grid}.analytics-filter-panel>label span{color:#617274;font-size:8.5px;font-weight:700}.analytics-filter-panel select{color:#294e4a;background:#fff;border:1px solid #d5dfdd;border-radius:8px;outline:0;height:39px;padding:0 11px;font-size:10px}.analytics-filter-panel select:focus{border-color:#65a89e;box-shadow:0 0 0 3px #20796f14}.analytics-owner-badge{min-width:230px;color:var(--teal);background:#f0f8f5;border:1px solid #d5e7e1;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;padding:11px 13px;gap:10px!important;display:flex!important}.analytics-owner-badge>span{gap:2px;display:grid}.analytics-owner-badge small{color:var(--muted);font-size:8px}.analytics-owner-badge strong{color:var(--teal-dark);font-size:10px}.analytics-scope-metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.analytics-scope-metrics>div{border:1px solid var(--line);min-height:88px;box-shadow:var(--shadow);background:#fff;border-radius:12px;gap:3px;padding:14px 15px;display:grid}.analytics-scope-metrics span{color:var(--muted);font-size:8px}.analytics-scope-metrics strong{color:var(--teal-dark);font-size:24px}.analytics-scope-metrics small{color:#6c7d7e;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.subject-grade-card{min-height:360px}.subject-grade-legend{justify-content:flex-end;gap:16px;margin:15px 0 19px;display:flex}.subject-grade-legend span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.subject-grade-legend i{border-radius:3px;width:9px;height:9px}.grade-color-0{background:#397fcd!important}.grade-color-1{background:#35a184!important}.grade-color-2{background:#d69a45!important}.subject-grade-chart{gap:11px;display:grid}.subject-grade-row{grid-template-columns:minmax(135px,190px) minmax(0,1fr) 32px;align-items:center;gap:11px;display:grid}.subject-grade-row>span{color:#435e60;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.subject-grade-track{background:#eef2f1;border-radius:6px;height:22px;display:flex;overflow:hidden}.subject-grade-track .grade-segment{color:#fff;place-items:center;min-width:22px;height:100%;font-size:8px;font-style:normal;display:grid}.subject-grade-track b{font-size:8px}.subject-grade-row>strong{text-align:right;font-size:10px}.subject-grade-table-wrap{border:1px solid #e1e7e6;border-radius:9px;margin-top:23px;overflow-x:auto}.subject-grade-table{border-collapse:collapse;width:100%;font-size:9px}.subject-grade-table th{color:#718182;text-align:center;text-transform:uppercase;background:#f5f8f7;padding:9px 11px;font-size:8px}.subject-grade-table th:first-child,.subject-grade-table td:first-child{text-align:left}.subject-grade-table td{color:#53696b;text-align:center;border-top:1px solid #edf1f0;padding:9px 11px}.subject-grade-table tbody tr:hover{background:#fafcfc}.analytics-empty{min-height:230px;color:var(--muted);place-items:center;font-size:10px;display:grid}@media (width<=820px){.analytics-filter-panel{flex-direction:column;align-items:stretch}.analytics-filter-panel>label,.analytics-owner-badge{width:100%;min-width:0}.analytics-scope-metrics{grid-template-columns:1fr 1fr}.subject-grade-row{grid-template-columns:110px minmax(0,1fr) 25px}}@media (width<=560px){.analytics-scope-metrics{grid-template-columns:1fr}.subject-grade-row{grid-template-columns:85px minmax(180px,1fr) 25px}.subject-grade-chart{overflow-x:auto}.subject-grade-legend{flex-wrap:wrap;justify-content:flex-start}}.wrong-answer-analysis{min-height:340px}.wrong-answer-filters{background:#f7faf9;border:1px solid #e0e9e7;border-radius:10px;grid-template-columns:150px 180px minmax(240px,1fr);gap:10px;margin:17px 0;padding:13px;display:grid}.wrong-answer-filters label{gap:5px;display:grid}.wrong-answer-filters label>span{color:#617274;font-size:8px;font-weight:700}.wrong-answer-filters select{color:#294e4a;background:#fff;border:1px solid #d5dfdd;border-radius:7px;outline:0;width:100%;height:36px;padding:0 9px;font-size:9px}.wrong-answer-groups{gap:14px;display:grid}.wrong-answer-group{background:#fff;border:1px solid #dde7e5;border-radius:11px;overflow:hidden}.wrong-answer-group>header{background:#f4f9f7;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.wrong-answer-group header span{color:var(--teal);letter-spacing:.25px;font-size:8px;font-weight:750}.wrong-answer-group header h3{color:var(--ink);margin:3px 0 0;font-size:12px}.wrong-answer-group header>strong{color:var(--teal-dark);background:#dcefe9;border-radius:7px;flex:none;padding:6px 9px;font-size:9px}.wrong-answer-table-wrap{overflow-x:auto}.wrong-answer-table-wrap table{border-collapse:collapse;width:100%;min-width:720px;font-size:9px}.wrong-answer-table-wrap th{color:#708183;text-align:left;text-transform:uppercase;background:#fafcfc;padding:9px 10px;font-size:7.5px}.wrong-answer-table-wrap th:nth-last-child(-n+3),.wrong-answer-table-wrap td:nth-last-child(-n+3){text-align:center}.wrong-answer-table-wrap td{color:#465f61;vertical-align:middle;border-top:1px solid #edf1f0;padding:10px}.wrong-answer-table-wrap td:first-child b{color:var(--teal)}.wrong-answer-table-wrap td:nth-child(2) span,.wrong-answer-table-wrap td:nth-child(2) small{white-space:nowrap;display:block}.wrong-answer-table-wrap td:nth-child(2) small{color:var(--muted);margin-top:2px}.wrong-answer-table-wrap td:nth-child(3){min-width:280px;line-height:1.5}.wrong-answer-table-wrap td:nth-child(5) strong{color:#b64f49}.wrong-answer-table-wrap td:last-child em{color:#9e403b;background:#fbe9e7;border-radius:6px;min-width:48px;padding:4px 7px;font-style:normal;font-weight:750;display:inline-block}.wrong-answer-table-wrap tbody tr:hover{background:#fbfdfc}@media (width<=760px){.wrong-answer-filters{grid-template-columns:1fr}.wrong-answer-group>header{flex-direction:column;align-items:flex-start}.wrong-answer-group header>strong{align-self:flex-start}}.master-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.master-card{padding:20px}.master-title{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:15px;display:flex}.master-title>span{width:37px;height:37px;color:var(--teal);background:#e7f2ef;border-radius:9px;place-items:center;display:grid}.master-title div{flex-direction:column;display:flex}.master-title h2{margin:0 0 3px;font-size:13px}.master-title p{color:var(--muted);margin:0;font-size:9px}.master-list{max-height:270px;padding-top:7px;overflow:auto}.master-list div{border-bottom:1px solid #f0f3f2;justify-content:space-between;align-items:center;padding:10px 1px;font-size:10px;display:flex}.master-list strong{color:var(--muted);background:#f1f4f3;border-radius:8px;padding:3px 7px;font-size:9px}.modal-layer{z-index:100;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#0d1f2273;border:0;position:absolute;inset:0}.editor-drawer,.preview-modal,.package-modal{z-index:1;background:#fff;animation:.23s ease-out slide-in;position:relative;box-shadow:-20px 0 50px #10252829}.editor-drawer{flex-direction:column;width:min(700px,92vw);height:100%;display:flex}.preview-modal{border-radius:14px;flex-direction:column;align-self:center;width:min(680px,100vw - 30px);max-height:calc(100vh - 40px);margin:20px;display:flex;overflow:hidden}.package-modal{border-radius:14px;align-self:center;width:min(850px,100vw - 30px);max-height:calc(100vh - 40px);margin:20px auto;overflow:hidden}.package-modal form{overflow:auto}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;padding:0 24px;display:flex}.drawer-header>div{flex-direction:column;display:flex}.drawer-header span{text-transform:uppercase;letter-spacing:1px;color:var(--teal);font-size:9px;font-weight:750}.drawer-header h2{letter-spacing:-.35px;margin:3px 0 0;font-size:17px}.editor-form{flex:1;overflow-y:auto}.form-section{border-bottom:1px solid var(--line);padding:22px 24px}.form-section-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.form-section-title>span{width:27px;height:27px;color:var(--teal);font:700 9px var(--font-geist-mono);background:#e6f2ef;border-radius:7px;place-items:center;display:grid}.form-section-title>div{flex-direction:column;display:flex}.form-section-title strong{font-size:12px}.form-section-title small{color:var(--muted);margin-top:2px;font-size:9px}.form-grid{gap:13px;display:grid}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field{flex-direction:column;gap:6px;margin-bottom:13px;display:flex}.form-grid .field{margin-bottom:13px}.field>span,.options-editor>label{color:#53686b;font-size:9.5px;font-weight:680}.field input,.field select,.field textarea,.option-input input{width:100%;color:var(--ink);background:#fff;border:1px solid #d6dfde;border-radius:7px;outline:0;padding:9px 10px;font-size:11px}.field input,.field select{height:38px}.field textarea{resize:vertical;min-height:76px;line-height:1.55}.field textarea.stem-input{min-height:105px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus,.option-input input:focus{border-color:#78aca5;box-shadow:0 0 0 3px #147a7212}.field-hint{color:#8b999a;font-size:8.5px}.options-editor{margin-bottom:14px}.options-editor>label{margin-bottom:7px;display:block}.option-input{gap:8px;margin-bottom:7px;display:flex}.option-input>span{width:36px;height:36px;color:var(--teal);background:#edf4f2;border-radius:7px;place-items:center;font-size:10px;font-weight:700;display:grid}.drawer-footer,.preview-footer{border-top:1px solid var(--line);background:#fbfcfc;justify-content:flex-end;align-items:center;gap:9px;min-height:68px;padding:0 24px;display:flex;position:sticky;bottom:0}.arabic-capable:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right;font-family:Arabic Typesetting,Traditional Arabic,Noto Naskh Arabic,Amiri,serif;font-size:22px!important;line-height:2!important}.arabic-keyboard-launch{background:#f2f8f6;border:1px solid #cfe2dc;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.arabic-keyboard-launch>div{gap:3px;display:grid}.arabic-keyboard-launch strong{color:var(--teal-dark);font-size:10px}.arabic-keyboard-launch span{color:var(--muted);font-size:8.5px}.arabic-keyboard-launch .button{flex:none}.arabic-virtual-keyboard{background:#f5f8f7;border:1px solid #cadbd7;border-radius:11px;margin:2px 0 16px;padding:14px;box-shadow:0 8px 20px #19474214}.arabic-virtual-keyboard header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;display:flex}.arabic-virtual-keyboard header>div{gap:3px;display:grid}.arabic-virtual-keyboard header strong{color:var(--teal-dark);font-size:11px}.arabic-virtual-keyboard header span,.arabic-virtual-keyboard header small{color:var(--muted);font-size:8px}.arabic-key-rows{gap:6px;display:grid}.arabic-key-rows>div{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.arabic-key-rows button,.arabic-virtual-keyboard footer button{color:#153f3a;cursor:pointer;background:#fff;border:1px solid #cbd8d5;border-radius:7px;min-width:37px;height:36px;font:600 22px Arabic Typesetting,Traditional Arabic,Noto Naskh Arabic,Amiri,serif}.arabic-key-rows button:hover,.arabic-virtual-keyboard footer button:hover{border-color:var(--teal);color:var(--teal);background:#eaf5f1}.arabic-key-rows button:disabled,.arabic-virtual-keyboard footer button:disabled{opacity:.4;cursor:not-allowed}.arabic-virtual-keyboard footer{justify-content:center;gap:7px;margin-top:8px;display:flex}.arabic-virtual-keyboard footer button{min-width:110px;padding:0 15px;font-size:13px;font-weight:750}.arabic-display{text-align:inherit;direction:rtl;line-height:1.9;font-family:Arabic Typesetting,Traditional Arabic,Noto Naskh Arabic,Amiri,serif!important}.question-sheet.arabic-question h2 .arabic-display{font-size:31px;font-weight:400;display:block}.question-sheet.arabic-question .student-options .arabic-display{font-size:24px;font-weight:400;display:block}.preview-body.arabic-question h3 .arabic-display{font-size:29px;font-weight:400;display:block}.preview-body.arabic-question .preview-options .arabic-display{font-size:22px;font-weight:400;display:block}.arabic-keyboard-launch.active{background:#e5f5ef;border-color:#54a891;box-shadow:0 0 0 3px #1d8b6f14}.arabic-keyboard-launch.active strong:before{content:"●";color:#1b9b73;margin-right:6px;font-size:8px}.arabic-keyboard-launch.active .button{color:#fff;background:#176c59;border-color:#176c59}.math-equation-launch{background:#f4f8fd;border:1px solid #c9d9eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.math-equation-launch>div{gap:3px;display:grid}.math-equation-launch strong{color:#244f78;font-size:10px}.math-equation-launch span{color:var(--muted);font-size:8.5px;line-height:1.45}.math-equation-launch small{color:#2f708e;font-size:8px;font-weight:750}.math-question-preview{background:#f8fbfa;border:1px solid #d8e5e2;border-radius:9px;margin:0 0 14px;padding:12px}.math-question-preview>span{color:#607477;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:8px;font-weight:800;display:block}.math-question-preview>div{color:#193f3a;align-items:center;min-height:50px;font-size:14px;line-height:1.7;display:flex}.text-align-toolbar{background:#f8faf9;border:1px solid #dae3e1;border-radius:8px;align-items:center;gap:10px;margin:0 0 10px;padding:8px 10px;display:flex}.text-align-toolbar>span{color:#53686b;font-size:8.5px;font-weight:800}.text-align-toolbar>div{gap:4px;display:flex}.text-align-toolbar button{color:#667775;cursor:pointer;background:#fff;border:1px solid #d2ddda;border-radius:6px;place-items:center;width:31px;height:29px;display:grid}.text-align-toolbar button:hover,.text-align-toolbar button.active{color:#176c5b;background:#e5f3ef;border-color:#66a99c}.text-align-toolbar>small{color:#7f8e8c;margin-left:auto;font-size:8px}.rich-text-toolbar{background:#fbfcfc;border:1px solid #d6e0de;border-radius:9px;align-items:center;gap:12px;margin:0 0 8px;padding:10px;display:flex}.rich-text-toolbar>div:first-child{gap:2px;min-width:150px;display:grid}.rich-text-toolbar>div:first-child strong{color:#304e49;font-size:9px}.rich-text-toolbar>div:first-child small,.rich-text-toolbar>span{color:#788987;font-size:7.5px}.rich-text-toolbar>span{white-space:nowrap;color:#287365;margin-left:auto;font-weight:750}.rich-format-buttons{flex-wrap:wrap;gap:4px;display:flex}.rich-format-buttons button{color:#3c5652;cursor:pointer;background:#fff;border:1px solid #cedbd8;border-radius:6px;place-items:center;min-width:31px;height:30px;padding:0 7px;font:600 11px/1 Georgia,serif;display:grid}.rich-format-buttons button:hover,.rich-format-buttons button:focus-visible{color:#116b5a;background:#e8f5f1;border-color:#60a495;outline:none}.rich-format-buttons button:nth-last-child(-n+2){font-family:Arial,sans-serif}.student-live-preview{background:#fff;border:1px solid #cddbd8;border-radius:12px;margin-top:18px;overflow:hidden;box-shadow:0 8px 24px #183f3a12}.student-live-preview>header{background:#edf6f3;border-bottom:1px solid #d9e6e2;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.student-live-preview>header>div{gap:2px;display:grid}.student-live-preview>header span{letter-spacing:.7px;color:var(--teal);font-size:7.5px;font-weight:850}.student-live-preview>header strong{color:#21453f;font-size:10px}.student-live-preview>header small{color:#6b7d7a;font-size:8px}.student-live-preview>article{padding:20px}.student-live-preview h3{margin:0 0 17px;font-size:18px;font-weight:600;line-height:1.65}.student-live-preview article>img{object-fit:contain;border:1px solid var(--line);background:#f5f7f6;border-radius:9px;width:100%;max-height:260px;margin:0 0 17px;display:block}.student-live-preview article>div{gap:8px;display:grid}.student-live-preview article>div>p{border:1px solid #dce5e3;border-radius:9px;grid-template-columns:31px 1fr;align-items:center;gap:9px;margin:0;padding:10px;display:grid}.student-live-preview article>div>p>span{width:30px;height:30px;color:var(--teal);background:#edf2f1;border-radius:7px;place-items:center;font-size:10px;font-weight:800;display:grid}.student-live-preview article>div>p>strong{font-size:12px;font-weight:520}.student-live-preview .student-live-answer{color:#7b8987;border:1px dashed #bfcfcb;border-radius:9px;min-height:70px;padding:12px;font-size:9px}.student-live-preview.arabic-question h3 .arabic-display{font-size:30px;font-weight:400;display:block}.student-live-preview.arabic-question article>div>p>strong .arabic-display{font-size:23px;font-weight:400;display:block}.editor-drawer{width:min(980px,96vw)}.arabic-keyboard-inline{width:100%;margin:-2px auto 16px}.arabic-virtual-keyboard.physical{background:linear-gradient(145deg,#d9ddde,#b9bfc1);border-color:#aeb5b7;border-radius:13px;padding:13px;box-shadow:inset 0 1px #fff,0 8px 22px #0f191b2e}.arabic-virtual-keyboard.physical header{margin:0;padding:2px 4px 10px}.arabic-virtual-keyboard.physical header strong{color:#173c38}.arabic-virtual-keyboard.physical header span,.arabic-virtual-keyboard.physical header small{color:#526160}.arabic-virtual-keyboard.physical .arabic-key-rows{gap:5px}.arabic-virtual-keyboard.physical .arabic-key-rows>div{direction:ltr;grid-template-columns:repeat(14,minmax(36px,1fr));gap:5px;display:grid}.arabic-virtual-keyboard.physical .arabic-key-rows>div:nth-child(2){grid-template-columns:1.35fr repeat(12,minmax(36px,1fr))}.arabic-virtual-keyboard.physical .arabic-key-rows>div:nth-child(3){grid-template-columns:1.5fr repeat(11,minmax(36px,1fr)) 1.6fr}.arabic-virtual-keyboard.physical .arabic-key-rows>div:nth-child(4){grid-template-columns:1.8fr repeat(10,minmax(36px,1fr)) 1.8fr}.arabic-virtual-keyboard.physical .arabic-key-rows>div:nth-child(5){flex-wrap:wrap;display:flex}.arabic-virtual-keyboard.physical .arabic-key-rows button,.arabic-virtual-keyboard.physical footer button{color:#fff;background:linear-gradient(#1c2021,#050708);border:1px solid #080b0c;border-bottom-width:3px;border-radius:6px;min-width:0;height:47px;padding:4px 5px;font-family:Segoe UI,Tahoma,Arial,sans-serif;position:relative;box-shadow:inset 0 1px #404748,0 1px 1px #f5f7f7}.arabic-virtual-keyboard.physical .arabic-key-rows button:hover,.arabic-virtual-keyboard.physical footer button:hover{color:#fff;background:linear-gradient(#27534d,#102c29);border-color:#153e39}.arabic-virtual-keyboard.physical .arabic-key-rows button>span{font-size:19px;line-height:1.1;display:block}.arabic-virtual-keyboard.physical .arabic-key-rows button>small{color:#afb9b8;font-size:7px;position:absolute;bottom:3px;left:5px}.arabic-virtual-keyboard.physical .arabic-key-rows button:disabled{color:#d3d8d7;opacity:1;cursor:default}.arabic-virtual-keyboard.physical .arabic-key-rows button:disabled:hover{background:linear-gradient(#1c2021,#050708)}.arabic-virtual-keyboard.physical .arabic-key-rows>div:nth-child(5) button{min-width:84px;height:38px}.arabic-virtual-keyboard.physical .arabic-key-rows>div:nth-child(5) button>span{font-size:12px}.arabic-virtual-keyboard.physical footer{margin-top:6px}.arabic-virtual-keyboard.physical footer .keyboard-spacebar{width:45%;min-width:230px;height:42px}.arabic-virtual-keyboard.physical footer .keyboard-spacebar span{font-size:14px;display:block}.arabic-virtual-keyboard.physical footer .keyboard-spacebar small{color:#aeb9b7;font-size:7px;display:block}@media (width<=640px){.arabic-keyboard-launch,.math-equation-launch{flex-direction:column;align-items:flex-start}.arabic-keyboard-launch .button,.math-equation-launch .equation-open-button{justify-content:center;width:100%}.arabic-virtual-keyboard header{flex-direction:column}.arabic-key-rows button{min-width:34px;height:34px}.arabic-virtual-keyboard{padding:10px}.rich-text-toolbar{flex-direction:column;align-items:flex-start}.rich-text-toolbar>span{margin-left:0}.rich-format-buttons{width:100%}.rich-format-buttons button{flex:1 0 31px}.text-align-toolbar{flex-wrap:wrap;align-items:flex-start}.text-align-toolbar>small{width:100%;margin-left:0}}@media (width<=760px){.arabic-virtual-keyboard.physical{overflow-x:auto}.arabic-virtual-keyboard.physical .arabic-key-rows{min-width:720px}.arabic-virtual-keyboard.physical header,.arabic-virtual-keyboard.physical footer{min-width:620px}}.auto-meta-strip{grid-template-columns:1.25fr 1fr;gap:8px;margin:-2px 0 16px;display:grid}.auto-meta-strip>div{color:var(--teal);background:#f4f9f7;border:1px solid #d9e6e3;border-radius:8px;align-items:center;gap:9px;padding:10px 11px;display:flex}.auto-meta-strip span{flex-direction:column;min-width:0;display:flex}.auto-meta-strip small{color:var(--muted);font-size:8px}.auto-meta-strip strong{color:var(--ink);font:650 9.5px var(--font-geist-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.image-field{margin:2px 0 14px}.image-field-label{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.image-field-label span{color:#53686b;font-size:9.5px;font-weight:680}.image-field-label small{color:var(--muted);font-size:8.5px}.image-dropzone{cursor:pointer;background:#f7faf9;border:1.5px dashed #b9ccc8;border-radius:9px;justify-content:center;align-items:center;gap:11px;min-height:88px;padding:15px;transition:all .18s;display:flex}.image-dropzone:hover{border-color:var(--teal);background:#f1f8f5}.image-dropzone input,.question-image-preview input{display:none}.image-dropzone>span{width:38px;height:38px;color:var(--teal);background:#e1efeb;border-radius:9px;place-items:center;display:grid}.image-dropzone>div{flex-direction:column;display:flex}.image-dropzone strong{font-size:10.5px}.image-dropzone small{color:var(--muted);margin-top:3px;font-size:8.5px}.question-image-preview{border:1px solid var(--line);background:#fbfcfc;border-radius:9px;grid-template-columns:145px 1fr;gap:12px;padding:10px;display:grid}.question-image-preview>img{object-fit:contain;background:#eef2f1;border-radius:7px;width:145px;height:105px}.question-image-preview>div{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;display:flex}.question-image-preview>div>span{text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:10px;font-weight:650;overflow:hidden}.question-image-preview>div>small{color:var(--muted);margin-bottom:3px;font-size:8.5px}.question-image-preview .button{height:31px;font-size:9px}.danger-text{color:#b5514b}.image-error{color:#b34843;background:#fff0ef;border-radius:6px;margin:7px 0 0;padding:7px 9px;font-size:9px}.preview-question-image{border:1px solid var(--line);background:#f7f9f8;border-radius:10px;margin:0 0 20px;padding:10px}.preview-question-image img{object-fit:contain;border-radius:7px;width:100%;max-height:330px;display:block}.preview-question-image figcaption{color:var(--muted);text-align:center;margin-top:7px;font-size:8.5px}.preview-body{padding:26px;overflow-y:auto}.preview-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-meta>span:last-child{color:var(--muted);font-size:9px}.preview-context{color:var(--teal);text-transform:uppercase;letter-spacing:.65px;margin:18px 0 7px;font-size:9px;font-weight:700}.preview-body h3{margin:0 0 22px;font-size:17px;font-weight:620;line-height:1.55}.preview-options{flex-direction:column;gap:9px;display:flex}.preview-options>div{border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.preview-options>div>span{background:#f0f3f2;border-radius:7px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.preview-options p{flex:1;margin:0;font-size:11px}.preview-options .correct{color:var(--teal-dark);background:#f2f9f6;border-color:#9bccc1}.preview-options .correct>span{background:#d9ede7}.answer-box,.explanation-box,.indicator-box{border-radius:9px;margin-top:17px;padding:13px 15px}.answer-box{background:#eaf5f1}.explanation-box{background:#f5f7f6}.indicator-box{border:1px solid var(--line)}.answer-box span,.explanation-box span,.indicator-box span{text-transform:uppercase;letter-spacing:.8px;color:var(--teal);font-size:8px;font-weight:750}.answer-box p,.explanation-box p,.indicator-box p{margin:5px 0 0;font-size:10.5px;line-height:1.6}.media-link{color:var(--teal);margin:-8px 0 18px;font-size:10px;display:inline-block}.revision-note-box{background:#fff8e9;border:1px solid #e7bd78;border-radius:9px;margin-top:17px;padding:13px 15px}.revision-note-box span{color:#9b6423;text-transform:uppercase;letter-spacing:.8px;font-size:8px;font-weight:750}.revision-note-box p{white-space:pre-wrap;margin:6px 0;font-size:10.5px;line-height:1.6}.revision-note-box small{color:#88745d;font-size:8.5px}.editor-revision-alert{color:#8b5a20;background:#fff8e9;border:1px solid #e7bd78;border-radius:9px;gap:11px;margin:16px 24px 0;padding:13px 15px;display:flex}.editor-revision-alert>div{min-width:0}.editor-revision-alert strong{font-size:10px}.editor-revision-alert p{color:#604c32;white-space:pre-wrap;margin:4px 0;font-size:10px;line-height:1.55}.editor-revision-alert small{color:#88745d;font-size:8px}.revision-note-modal{z-index:1;background:#fff;border-radius:14px;width:min(560px,100vw - 30px);margin:auto;position:relative;overflow:hidden;box-shadow:0 24px 70px #1025283d}.revision-note-modal form>p{color:var(--muted);margin:0;padding:20px 24px 4px;font-size:10px;line-height:1.6}.revision-note-modal form>.field{margin:0;padding:12px 24px 0}.revision-note-modal textarea{min-height:130px}.revision-note-modal form>small{color:var(--muted);text-align:right;padding:6px 24px 16px;font-size:8px;display:block}.package-form{padding:23px 24px 0}.question-picker{border:1px solid var(--line);border-radius:9px;margin:4px 0 22px;overflow:hidden}.question-picker>div:first-child{background:#f5f8f7;justify-content:space-between;padding:11px 13px;display:flex}.question-picker>div:first-child strong{font-size:10px}.question-picker>div:first-child span{color:var(--muted);font-size:9px}.question-picker label{cursor:pointer;border-top:1px solid #edf1f0;align-items:center;gap:10px;padding:11px 13px;display:flex}.question-picker label.selected{background:#f3f9f7}.question-picker label>span{gap:2px;display:grid}.question-picker label b{color:var(--teal);font:700 8.5px var(--font-geist-mono)}.question-picker label strong{font-size:10px;font-weight:580}.question-picker label small{color:var(--muted);font-size:8.5px}.picker-empty{color:var(--muted);text-align:center;padding:32px;font-size:10px}.package-builder-modal{flex-direction:column;display:flex}.package-builder-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden!important}.package-builder-body{scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.package-builder-form>.drawer-footer{z-index:2;flex:0 0 68px;position:relative;bottom:auto;box-shadow:0 -8px 20px #1025280d}.package-time-extension-notice{color:#176b5c;background:#edf8f5;border:1px solid #b9ded5;border-radius:9px;align-items:flex-start;gap:10px;margin:0 0 15px;padding:12px 13px;display:flex}.package-time-extension-notice>svg{flex:none;margin-top:1px}.package-time-extension-notice>span{gap:3px;display:grid}.package-time-extension-notice strong{font-size:10px}.package-time-extension-notice small{color:#557873;font-size:8.5px;line-height:1.45}.picker-heading>div{flex-direction:column;gap:3px;display:flex}.picker-filters{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;gap:7px;padding:10px 12px;display:flex}.question-picker .picker-filters .select-wrap{cursor:default;border:1px solid #d8e0df;height:34px;padding:0 8px;display:flex}.picker-results{border-top:1px solid var(--line);max-height:340px;overflow-y:auto}.question-picker .picker-results>label{cursor:pointer;border:0;border-bottom:1px solid #edf1f0;align-items:center;gap:10px;padding:11px 13px;display:flex}.question-picker .picker-results>label:last-child{border-bottom:0}.question-picker .picker-results>label.selected{background:#f3f9f7}.question-picker .picker-results>label>span{gap:2px;display:grid}.package-score-calculator{background:#f8fbfa;border:1px solid #dce6e2;border-radius:10px;margin:12px;padding:12px}.package-score-calculator>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.package-score-calculator>header div{gap:3px;display:grid}.package-score-calculator>header strong{font-size:10px}.package-score-calculator>header span,.package-score-calculator>p{color:var(--muted);margin:0;font-size:8.5px}.package-score-calculator>header>b{color:#1d7b62;font-size:17px}.package-score-calculator.empty>header>b{color:#9aa5b4}.package-score-calculator>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.package-score-calculator article{background:#fff;border:1px solid #e2ebe8;border-radius:8px;gap:3px;padding:9px;display:grid}.package-score-calculator article span{color:#657287;font-size:8px}.package-score-calculator article strong{color:#22334c;font-size:16px}.package-score-calculator article small{color:var(--muted);font-size:7.5px}.package-score-calculator>p{padding-top:10px}.toast{z-index:200;color:#fff;background:#173b40;border-radius:9px;align-items:center;gap:9px;padding:12px 15px;font-size:11px;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px #0f252838}.toast svg{color:#6cd0ba}.hidden-input{display:none}.loading-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.loading-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:110px;padding:20px}.loading-card span{background:linear-gradient(90deg,#eef2f1,#f7f9f8,#eef2f1) 0 0/200% 100%;border-radius:6px;height:9px;margin:10px 0;animation:1.2s infinite shimmer;display:block}.loading-card span:nth-child(2){width:55%;height:20px}.loading-card span:nth-child(3){width:70%}.auth-loading{min-height:100vh;color:var(--teal);background:#f4f7f6;place-content:center;justify-items:center;gap:12px;display:grid}.auth-loading span{color:var(--muted);font-size:12px}.login-page{background:#f5f8f7;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#12373b,#1d655f);flex-direction:column;justify-content:center;padding:clamp(45px,8vw,110px);display:flex}.login-logo{background:#ffffff1f;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:30px;display:grid}.login-brand>span{letter-spacing:1.8px;color:#81d0c0;font-size:10px;font-weight:750}.login-brand h1{letter-spacing:-2px;max-width:650px;margin:14px 0 20px;font-size:clamp(32px,4vw,55px);line-height:1.08}.login-brand>p{color:#ffffffb3;max-width:590px;font-size:13px;line-height:1.7}.login-security{border-top:1px solid #ffffff1f;align-items:center;gap:12px;margin-top:42px;padding-top:22px;display:flex}.login-security div{gap:3px;display:grid}.login-security strong{font-size:11px}.login-security small{color:#fff9;font-size:9px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(430px,100%);padding:34px;box-shadow:0 22px 60px #16343717}.login-back-link{width:fit-content;color:var(--teal-dark);align-items:center;gap:6px;margin:-5px 0 22px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.login-back-link:hover{text-decoration:underline}.login-card h2{margin:7px 0 4px;font-size:25px}.login-card>div>p{color:var(--muted);margin:0 0 25px;font-size:11px}.login-submit{justify-content:center;width:100%;height:43px}.login-error,.student-alert{color:#a8423d;background:#fff0ef;border:1px solid #f3d2cf;border-radius:7px;padding:9px 11px;font-size:10px}.demo-accounts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7px;margin-top:24px;padding-top:18px;display:grid}.demo-accounts>span{color:var(--muted);grid-column:1/-1;margin-bottom:2px;font-size:9px}.demo-accounts button{border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--ink);background:#fafcfc;border-radius:8px;gap:2px;padding:9px;display:grid}.demo-accounts button:hover{background:#f1f8f6;border-color:#8ebbb4}.demo-accounts strong{font-size:9px}.demo-accounts small{color:var(--muted);font:8px var(--font-geist-mono)}.student-page{background:#f3f7f6;min-height:100vh}.student-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 max(24px,50vw - 590px);display:flex}.student-brand,.student-user{align-items:center;gap:11px;display:flex}.student-lms-link{color:var(--teal-dark);align-items:center;gap:5px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.student-lms-link:hover{text-decoration:underline}.student-brand>span{color:#fff;background:var(--teal);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.student-brand div,.student-user div{gap:2px;display:grid}.student-brand strong{font-size:15px}.student-brand small,.student-user small{color:var(--muted);font-size:8px}.student-user{text-align:right}.student-user strong{font-size:10px}.student-hero{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:46px 24px 34px;display:flex}.student-hero h1{margin:8px 0 7px;font-size:33px}.student-hero p{color:var(--muted);font-size:11px}.student-hero>svg{color:#a9cfc7}.student-content{max-width:1180px;margin:0 auto;padding:0 24px 60px}.student-section-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.student-section-title h2{margin:0 0 4px;font-size:17px}.student-section-title p{color:var(--muted);margin:0;font-size:9px}.student-section-title>span{color:var(--teal);background:#e2f0ec;border-radius:14px;padding:6px 10px;font-size:9px}.exam-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.exam-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;padding:20px}.exam-card-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.exam-state{text-transform:uppercase;letter-spacing:.5px;background:#eef1f1;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:750}.state-tersedia{color:#176b5b;background:#dff2eb}.state-akan-datang{color:#9a682d;background:#fff0d5}.state-selesai{color:#335f91;background:#e6effa}.exam-card h3{min-height:39px;margin:17px 0 6px;font-size:15px}.exam-card>p{color:var(--muted);font-size:9px}.exam-schedule{color:var(--teal);background:#f5f8f7;border-radius:9px;align-items:flex-start;gap:10px;margin:16px 0;padding:12px;display:flex}.exam-schedule div{gap:3px;display:grid}.exam-schedule small{color:var(--muted);font-size:8px}.exam-schedule strong{color:var(--ink);font-size:10px}.exam-schedule span{color:var(--muted);font-size:8px}.exam-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:9px;padding:14px 0;display:flex}.exam-facts span{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:flex}.exam-card>.button{justify-content:center;width:100%}.exam-result-mini{color:var(--teal);background:#e8f4f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 11px;display:flex}.exam-result-mini span{font-size:9px}.exam-result-mini strong{font-size:20px}.student-hero>div{min-width:0;max-width:900px}.student-hero h1{font-size:clamp(24px,3vw,33px);line-height:1.2}.student-exam-prayer{background:#e8f4f0;border-left:4px solid #2c9182;border-radius:0 10px 10px 0;max-width:850px;margin-top:18px;padding:14px 16px}.student-exam-prayer span{color:var(--teal);letter-spacing:.8px;font-size:8px;font-weight:850;display:block}.student-exam-prayer p{color:#405d59;margin:6px 0 0;font-size:10.5px;font-style:italic;line-height:1.65}.exam-runner{background:#f3f6f5;min-height:100vh}.runner-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:72px;padding:12px max(24px,50vw - 590px);display:flex}.runner-header>div{flex-direction:column;gap:4px;display:flex}.runner-header>div:last-child{flex-direction:row;align-items:center;gap:16px}.runner-header>div:last-child>span{color:var(--teal);align-items:center;gap:6px;font-size:10px;display:flex}.runner-layout{grid-template-columns:230px minmax(0,1fr);gap:20px;max-width:1180px;margin:0 auto;padding:28px 24px;display:grid}.question-nav,.question-sheet{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px}.question-nav{align-self:start;padding:18px}.question-nav>strong{font-size:12px}.question-nav>p{color:var(--muted);font-size:9px}.question-nav>div{grid-template-columns:repeat(5,1fr);gap:6px;margin:15px 0 20px;display:grid}.question-nav>div button{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;font-size:9px}.question-nav>div button.answered{color:var(--teal);background:#e5f2ee;border-color:#a8cec5}.question-nav>div button.current{color:#fff;background:var(--teal);border-color:var(--teal)}.question-nav>.button{justify-content:center;width:100%}.question-sheet{padding:30px}.question-number{color:var(--teal);justify-content:space-between;font-size:10px;display:flex}.question-number small{color:var(--muted)}.question-sheet h2{margin:20px 0 24px;font-size:19px;font-weight:610;line-height:1.6}.student-question-image{object-fit:contain;border:1px solid var(--line);background:#f3f5f4;border-radius:10px;width:100%;max-height:350px;margin-bottom:22px}.student-options{gap:10px;display:grid}.student-options label{border:1px solid var(--line);cursor:pointer;border-radius:9px;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:12px;display:grid}.student-options label.selected{background:#f0f8f5;border-color:#70aa9f}.student-options label>span{width:30px;height:30px;color:var(--teal);background:#edf2f1;border-radius:7px;place-items:center;display:grid}.student-options label strong{font-size:11px;font-weight:520}.student-answer{border:1px solid var(--line);width:100%;min-height:170px;font:inherit;resize:vertical;border-radius:9px;padding:13px;font-size:12px}.runner-actions{border-top:1px solid var(--line);justify-content:space-between;margin-top:27px;padding-top:18px;display:flex}.result-screen{place-items:center;padding:25px;display:grid}.result-card{border:1px solid var(--line);text-align:center;width:min(520px,100%);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:42px}.result-icon{color:#9b702e;background:#fff0d5;border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 20px;display:grid}.result-icon.passed{color:#21725f;background:#dff2eb}.result-card h1{margin:10px 0;font-size:25px}.result-score{color:var(--teal);margin:16px 0 4px;font-size:64px;font-weight:750}.result-card p{color:var(--muted);margin-bottom:24px;font-size:10px}.essay-paper-notice{background:#f3f9f7;border:1px solid #d4e4df;border-radius:11px;align-items:flex-start;gap:14px;padding:19px;display:flex}.essay-paper-notice>span{color:#fff;background:var(--teal);border-radius:10px;flex:none;place-items:center;width:45px;height:45px;display:grid}.essay-paper-notice>div{gap:6px;display:grid}.essay-paper-notice strong{color:var(--teal-dark);font-size:12px}.essay-paper-notice p{color:#526866;margin:0;font-size:10px;line-height:1.6}.essay-paper-notice small{color:var(--teal);font-size:9px;font-weight:750}.correction-explanation{color:#526866;border-top:1px solid #dce7e4;padding-top:9px;margin-top:10px!important}.essay-number-banner{z-index:4;color:#315f58;background:#eaf6f2;border:1px solid #a8cec5;border-radius:11px;align-items:center;gap:12px;max-width:1132px;margin:14px auto -12px;padding:12px 16px;display:flex;position:relative}.essay-number-banner span{font-size:11px;font-weight:750}.essay-number-banner strong{color:#fff;background:var(--teal);border-radius:9px;place-items:center;min-width:42px;height:42px;font-size:22px;display:grid}.essay-number-banner small{color:var(--teal-dark);margin-left:auto;font-size:10px;font-weight:700}@keyframes slide-in{0%{opacity:.5;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.import-report-modal{z-index:1;background:#fff;border-radius:14px;flex-direction:column;align-self:center;width:min(760px,100vw - 30px);max-height:calc(100vh - 40px);margin:20px;animation:.23s ease-out slide-in;display:flex;position:relative;overflow:hidden;box-shadow:-20px 0 50px #10252829}.import-report-body{padding:22px 24px;overflow-y:auto}.import-file-name{color:#53686b;align-items:center;gap:9px;margin:0 0 16px;font-size:11px;display:flex}.import-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.import-summary>div{background:#f3f6f5;border-radius:9px;flex-direction:column;gap:3px;padding:13px 15px;display:flex}.import-summary span{color:var(--muted);font-size:9px}.import-summary strong{font-size:22px}.import-summary .success{color:#166534;background:#ecfdf3}.import-summary .failed{color:#be123c;background:#fff1f2}.import-guide-modal{width:min(820px,100vw - 30px)}.import-guide-steps{gap:12px;display:grid}.import-guide-steps>article{border:1px solid var(--line);background:#fbfcfc;border-radius:11px;grid-template-columns:38px 1fr;gap:13px;padding:15px;display:grid}.import-guide-steps>article>span{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.import-guide-steps article strong{font-size:12px}.import-guide-steps article p{color:var(--muted);margin:5px 0 10px;font-size:10px;line-height:1.6}.import-key-fields{flex-wrap:wrap;gap:7px;display:flex}.import-key-fields span{color:#476260;background:#eaf3f1;border-radius:7px;padding:6px 9px;font-size:9px}.import-key-fields b{color:var(--teal-dark)}.import-guide-rules{color:#5b541f;background:#fff9dd;border-radius:10px;grid-template-columns:auto 1fr;gap:11px;margin-top:14px;padding:15px;display:grid}.import-guide-rules>svg{color:#a47b18}.import-guide-rules strong{font-size:11px}.import-guide-rules ul{margin:8px 0 0;padding-left:17px}.import-guide-rules li{margin-top:5px;font-size:9.5px;line-height:1.5}.import-type-guide{background:#f8fbfa;border:1px solid #d7e5e2;border-radius:10px;margin-top:14px;padding:15px}.import-type-guide>header{gap:3px;margin-bottom:10px;display:grid}.import-type-guide>header strong{color:var(--teal-dark);font-size:11px}.import-type-guide>header span{color:var(--muted);font-size:9px}.import-type-guide>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.import-type-guide article{background:#fff;border:1px solid #dfe9e7;border-radius:8px;padding:11px 12px}.import-type-guide article b{color:#244e4a;font-size:10px}.import-type-guide article p{color:#5c6d6b;margin:5px 0 0;font-size:9px;line-height:1.55}@media (width<=600px){.import-type-guide>div{grid-template-columns:1fr}}.import-errors{margin-top:18px}.import-errors-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.import-errors-title>div{gap:3px;display:grid}.import-errors-title strong{font-size:11px}.import-errors-title small{color:var(--muted);font-size:9px}.import-errors>div:nth-child(2){gap:8px;max-height:390px;padding-right:4px;display:grid;overflow-y:auto}.import-error-item{background:#fffafb;border:1px solid #f0d4d8;border-radius:9px;padding:12px 13px}.import-error-item header{align-items:center;gap:8px;margin-bottom:7px;display:flex}.import-error-item header span{color:#fff;background:#be123c;border-radius:5px;padding:4px 7px;font-size:8.5px;font-weight:750}.import-error-item header b{color:#8d3145;font-size:9px}.import-error-item>strong{font-size:10.5px;line-height:1.45;display:block}.import-error-item p{color:#657275;grid-template-columns:92px minmax(0,1fr);gap:8px;margin:8px 0 0;font-size:9.5px;line-height:1.45;display:grid}.import-error-item p>span{color:#8e999b;font-weight:650}.import-error-item code{overflow-wrap:anywhere;color:#773044;font-family:var(--font-geist-mono),monospace;background:#fbecef;border-radius:4px;padding:2px 5px}.import-error-item .solution{color:#455b58;border-top:1px dashed #efdadd;padding-top:7px}.import-errors>small{color:var(--muted);margin-top:7px;display:block}.import-all-success{color:#166534;background:#ecfdf3;border-radius:8px;align-items:center;gap:9px;margin-top:18px;padding:13px;font-size:10.5px;display:flex}.import-note{color:#53641f;background:#f7fee7;border-radius:8px;margin:16px 0 0;padding:11px 13px;font-size:9.5px;line-height:1.5}@keyframes shimmer{to{background-position:-200% 0}}.field textarea.stem-input.arabic-stem-input{min-height:230px;font-family:Georgia,Arabic Typesetting,Traditional Arabic,Noto Naskh Arabic,serif;font-size:22px;line-height:1.9}.text-align-toolbar .auto-align-button{width:auto;padding:0 10px;font-size:9px;font-weight:700}.arabic-writing-preview{background:#fcfefd;border:1px solid #d7e5e2;border-radius:10px;margin:-3px 0 15px;padding:12px 15px}.arabic-writing-preview>strong{color:#3d635c;margin-bottom:7px;font-size:10px;display:block}.arabic-writing-preview>div{color:#1d3033;min-height:80px;font-size:30px;line-height:1.7}.arabic-writing-preview>small{color:#667d79;margin-top:8px;font-size:9px;display:block}.arabic-display.math-text-auto{direction:ltr;line-height:normal}.essay-paper-confirm{color:#254c42;cursor:pointer;background:#f7fbf9;border:1px solid #bdd9cf;border-radius:9px;align-items:center;gap:10px;margin-top:15px;padding:13px 15px;font-size:12px;font-weight:700;display:flex}.essay-paper-confirm input{width:18px;height:18px;accent-color:var(--teal);flex:none}.exam-review-sheet>.eyebrow{color:var(--teal);letter-spacing:.08em;font-size:10px;font-weight:800}.exam-review-sheet h2{margin:7px 0 8px;font-size:21px}.exam-review-sheet>p{color:#627574;font-size:12px;line-height:1.6}.exam-review-summary{flex-wrap:wrap;gap:8px;margin:17px 0;display:flex}.exam-review-summary>*{color:#225e50;background:#edf6f3;border-radius:8px;padding:8px 11px;font-size:11px}.exam-review-list{gap:9px;max-height:52vh;display:grid;overflow-y:auto}.exam-review-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e3df;border-radius:9px;gap:5px;width:100%;padding:13px 15px;display:grid}.exam-review-item:hover,.exam-review-item:focus-visible{border-color:#5da998;outline:2px solid #d8efe8}.exam-review-item.done{border-left:4px solid #328872}.exam-review-item.pending{border-left:4px solid #d29948}.exam-review-item>span{color:#55746a;font-size:10px;font-weight:800}.exam-review-item>strong{color:#233d3a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.exam-review-item>small{color:#6e7d7b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.exam-number-overview{grid-template-columns:minmax(0,1fr) minmax(180px,.35fr);gap:12px;max-width:1180px;margin:18px auto -10px;padding:0 24px;display:grid}.exam-number-group{box-shadow:var(--shadow);background:#fff;border:1px solid #d7e3df;border-radius:11px;padding:13px 15px}.exam-number-group>strong{color:#315e55;text-transform:uppercase;letter-spacing:.04em;margin-bottom:9px;font-size:10px;display:block}.exam-number-group>div{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:7px;display:grid}.exam-number-group button{color:#344c48;cursor:pointer;background:#fff;border:1px solid #d2dcda;border-radius:7px;min-height:36px;font-size:10px;font-weight:700}.exam-number-group button.answered{color:#176b5b;background:#e7f4f0;border-color:#83b9ac}.exam-number-group button.current{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 0 0 2px #cce7df}.exam-confirm-layer{z-index:50;background:#0c1e1da6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.exam-confirm-card{background:#fff;border-radius:14px;width:min(510px,100%);padding:27px;box-shadow:0 20px 60px #0003}.exam-confirm-card h2{margin:9px 0;font-size:23px}.exam-confirm-card p{color:#536b67;font-size:12px;line-height:1.6}.exam-confirm-card>div{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.verification-overview{flex-wrap:wrap;gap:18px}.verification-overview .verification-total{letter-spacing:-.03em;font-size:clamp(24px,2.7vw,38px);line-height:1.18;display:block}.verification-counts{flex-wrap:wrap;justify-content:flex-end}.verification-counts span{min-width:112px;padding:13px 16px;font-size:11px;font-weight:650}.verification-counts b{font-size:clamp(23px,2.2vw,32px);line-height:1.1}.verification-status-line{flex-wrap:wrap;gap:10px;margin-top:-5px;display:flex}.verification-status-line span{color:#4f6963;background:#f7faf9;border:1px solid #dce8e4;border-radius:8px;padding:8px 12px;font-size:11px}@media (width<=820px){.verification-overview{align-items:stretch}.verification-counts{justify-content:flex-start;width:100%}.verification-counts span{flex:135px}}.question-meta .academic-year-tag{color:#216c58;white-space:nowrap;background:#ecf8f3;border:1px solid #b8dcd0;border-radius:6px;align-items:center;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.question-meta .academic-year-tag:before{content:none}@media (width<=1100px){.sidebar{width:210px}.main-content{margin-left:210px}.page-wrap{padding-left:26px;padding-right:26px}.metric-grid,.package-grid{grid-template-columns:repeat(2,1fr)}.question-tags{flex-direction:column;align-items:flex-start}.bank-toolbar{flex-direction:column}.bank-toolbar .search-box{max-width:none}.filter-group{justify-content:flex-start}}@media (width<=760px){.sidebar{width:250px;transition:transform .2s;transform:translate(-100%);box-shadow:20px 0 45px #10252826}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:29;background:#0d1f2266;border:0;display:block;position:fixed;inset:0}.mobile-close{margin-left:auto;display:grid!important}.main-content{margin-left:0}.menu-button{margin-right:8px;display:grid!important}.topbar{padding:0 14px}.page-wrap{padding:24px 16px 48px}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions .button{flex:1}.page-heading h1{font-size:24px}.metric-grid,.quick-grid,.package-grid,.analytics-grid,.master-grid,.dashboard-main-grid{grid-template-columns:1fr}.analytics-card.wide{grid-column:auto}.bank-toolbar{flex-direction:column}.search-box{max-width:none}.filter-group{overflow-x:auto}.bulk-selection-bar{flex-direction:column;align-items:flex-start}.bulk-selection-bar>div{justify-content:space-between;width:100%}.question-row{grid-template-columns:auto auto minmax(0,1fr) auto;gap:9px}.question-tags{display:none}.row-actions{flex-direction:column}.question-main strong{max-width:100%}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.editor-drawer{width:100%}.preview-modal,.package-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);margin:8px}.drawer-header,.form-section,.preview-body,.package-form{padding-left:17px;padding-right:17px}.question-picker>div:first-child{flex-direction:column;gap:3px}.bar-item{grid-template-columns:90px minmax(0,1fr) 22px}.top-actions .notification{display:none}.loading-grid{grid-template-columns:1fr 1fr}.verification-summary{grid-template-columns:1fr}.verification-note{grid-column:1/-1;padding:4px 2px}.verification-overview{flex-direction:column;align-items:flex-start;gap:15px}.verification-item{grid-template-columns:auto minmax(0,1fr)}.verification-actions{grid-column:1/-1;justify-content:flex-end}.auto-meta-strip{grid-template-columns:1fr}.image-field-label{flex-direction:column;align-items:flex-start;gap:3px}.question-image-preview{grid-template-columns:1fr}.question-image-preview>img{width:100%;height:170px}.login-page{grid-template-columns:1fr}.login-brand{padding:38px 25px}.login-brand h1{font-size:30px}.login-security{margin-top:20px}.login-panel{padding:22px 14px}.login-card{padding:24px}.student-header{padding:0 14px}.student-user div{display:none}.student-hero{align-items:flex-start;padding:30px 16px 22px}.student-hero>svg{display:none}.student-exam-prayer{padding:12px 13px}.student-exam-prayer p{font-size:10px}.student-content{padding:0 16px 45px}.exam-grid{grid-template-columns:1fr}.runner-header{padding:12px 14px}.runner-header>div:last-child>span{display:none}.runner-layout{grid-template-columns:1fr;padding:14px}.question-nav{order:2}.question-sheet{padding:20px 16px}}@media (width<=420px){.metric-grid,.loading-grid{grid-template-columns:1fr}.recent-item{grid-template-columns:auto minmax(0,1fr)}.recent-item>.difficulty{display:none}.quick-card{padding:13px}.breadcrumb span:first-child,.breadcrumb span:nth-child(2){display:none}}.class-permission-grid{flex-wrap:wrap;gap:7px;display:flex}.class-permission-grid label{min-width:48px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #d6dfde;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.class-permission-grid label.selected{color:var(--teal);background:#edf7f4;border-color:#70aa9f;font-weight:700}.account-access-panel{background:#cfe1dd;border:1px solid #cfe1dd;border-radius:11px;grid-template-columns:1.1fr 2fr 1.5fr .8fr;gap:1px;display:grid;overflow:hidden}.account-access-panel>div{background:#f5faf8;padding:13px 15px}.account-access-panel>div:first-child{color:#fff;background:#1c5d58;flex-direction:column;justify-content:center;display:flex}.account-access-panel strong{font-size:11px}.account-access-panel span,.account-access-panel small{color:var(--muted);font-size:8px}.account-access-panel>div:first-child span{color:#ffffffa6;margin-top:3px}.account-access-panel p{margin:4px 0 0;font-size:9px;line-height:1.45}.account-access-panel small{text-transform:uppercase;letter-spacing:.5px;color:var(--teal);font-weight:700}@media (width<=760px){.account-access-panel{grid-template-columns:1fr 1fr}.account-access-panel>div:first-child{grid-column:1/-1}}.account-management,.results-page{gap:15px;display:grid}.result-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.result-metrics>div{border:1px solid var(--line);min-height:88px;box-shadow:var(--shadow);background:#fff;border-radius:11px;flex-direction:column;justify-content:center;padding:17px 19px;display:flex}.result-metrics span{color:var(--muted);font-size:9px}.result-metrics strong{margin-top:5px;font-size:25px}.result-metrics .needs-review{background:#fffaf0;border-color:#ead5ae}.results-panel{overflow:hidden}.result-list{display:grid}.result-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f0;grid-template-columns:1.1fr 1.4fr 1fr auto;align-items:center;gap:15px;width:100%;min-height:72px;padding:12px 18px;display:grid}.result-row:hover{background:#f8fbfa}.result-row>span:not(.result-status){gap:4px;min-width:0;display:grid}.result-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.result-row small{color:var(--muted);font-size:8.5px}.result-status{text-align:center;border-radius:12px;min-width:88px;padding:6px 9px;font-size:8px;font-weight:750}.result-status.pending{color:#94621f;background:#fff0d5}.result-status.graded{color:#176b5b;background:#dff2eb}.correction-modal{flex-direction:column;width:min(900px,100vw - 30px);display:flex}.correction-body{flex:1;min-height:0;padding:18px 24px;overflow-y:auto}.correction-summary{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.correction-summary span{color:var(--teal);background:#e8f4f0;border-radius:12px;padding:5px 8px;font-size:8.5px}.correction-question{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:12px;padding:15px}.correction-question>div:first-child{justify-content:space-between;gap:10px;display:flex}.correction-question b{color:var(--teal);font-size:9px}.correction-question>div:first-child span{color:var(--muted);font-size:8.5px}.correction-question h3{margin:9px 0 12px;font-size:11.5px;line-height:1.55}.correction-question section{grid-template-columns:1fr 1fr;gap:9px;display:grid}.correction-question section>div{background:#f5f7f6;border-radius:8px;padding:10px}.correction-question small{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:8px}.correction-question p{white-space:pre-wrap;margin:5px 0 0;font-size:10px;line-height:1.5}.essay-score{color:#53686b;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;font-size:9px;font-weight:700;display:flex}.essay-score input{border:1px solid #cfdad8;border-radius:7px;width:75px;height:34px;padding:6px 8px}.auto-score{color:#a24f49;margin-top:10px!important}.auto-score.correct{color:#176b5b}.result-attempt-filters{background:#f8fbfa;border-bottom:1px solid #e7eeec;grid-template-columns:1.5fr 1fr;gap:12px;padding:14px 18px;display:grid}.correction-package-group{background:#fff;border:1px solid #dce8e5;border-radius:16px;margin:18px;overflow:hidden}.correction-package-group>header{background:#f5faf8;border-bottom:1px solid #e2ece9;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.correction-package-group>header strong{color:#173f3a;font-size:16px}.correction-package-group>header span{color:#637b77;font-size:13px}.result-publication{background:#fff8e9;border-bottom:1px solid #ead9b7;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;display:flex}.result-publication>div{gap:4px;display:grid}.result-publication strong{font-size:11px}.result-publication span{color:#687977;font-size:9px}.result-publication.ready{background:#eff9f6;border-color:#b9ddd3}.result-publication.published{background:#f1f8fd;border-color:#b8d7ee}.result-publication .result-publication-actions{grid-auto-flow:column;gap:8px;display:flex}.result-publication-actions .button{white-space:nowrap}.exam-result-print{display:none}@media print{body.printing-exam-results{background:#fff!important}body.printing-exam-results *{visibility:hidden!important}body.printing-exam-results .exam-result-print,body.printing-exam-results .exam-result-print *{visibility:visible!important}body.printing-exam-results .exam-result-print{color:#111;background:#fff;width:100%;padding:0;font-family:Arial,sans-serif;position:absolute;inset:0;display:block!important}.exam-result-print header{text-align:center;border-bottom:2px solid #111;margin-bottom:13px;padding-bottom:10px}.exam-result-print header span{letter-spacing:1.4px;font-size:10px;font-weight:800}.exam-result-print header h1{margin:5px 0 3px;font-size:21px}.exam-result-print header p{margin:0;font-size:12px}.exam-result-print-meta{border:1px solid #999;grid-template-columns:repeat(4,1fr);margin-bottom:10px;display:grid}.exam-result-print-meta>div{border-right:1px solid #bbb;padding:7px 9px}.exam-result-print-meta>div:last-child{border-right:0}.exam-result-print-meta small,.exam-result-print-meta strong{display:block}.exam-result-print-meta small{color:#555;font-size:8px}.exam-result-print-meta strong{margin-top:3px;font-size:10px}.exam-result-print-summary{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px;display:grid}.exam-result-print-summary span{border:1px solid #aaa;padding:7px 8px;font-size:9px}.exam-result-print-summary b{float:right;font-size:12px}.exam-result-print h2{margin:12px 0 6px;font-size:11px}.exam-result-print table{border-collapse:collapse;width:100%;font-size:9px}.exam-result-print th,.exam-result-print td{text-align:left;border:1px solid #888;padding:6px 7px}.exam-result-print th{text-transform:uppercase;background:#eee;font-size:8px}.exam-result-print .print-score{text-align:center;font-size:11px;font-weight:800}.exam-result-print-missing{break-before:auto;break-inside:avoid}.exam-result-print-missing>p{border:1px solid #aaa;padding:8px;font-size:9px}.exam-result-print footer{justify-content:end;margin-top:24px;display:grid}.exam-result-print footer span{text-align:center;width:190px;font-size:9px;display:block}.exam-result-print footer span+span{padding-top:55px}@page{size:A4 portrait;margin:14mm}}.correction-followup{background:#fbfdfc;border-bottom:1px solid #dfe9e6;padding:15px 18px}.correction-followup>header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px;display:flex}.correction-followup>header>div:first-child{gap:4px;display:grid}.correction-followup>header strong{font-size:11px}.correction-followup>header span{color:#6d7d7a;font-size:9px}.correction-followup>header>div:last-child{gap:6px;display:flex}.correction-followup>header>div:last-child span{color:#286c5d;background:#edf5f2;border-radius:14px;padding:6px 9px;font-weight:750}.correction-followup-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.correction-followup-columns>section{background:#fff;border:1px solid #dfe8e5;border-radius:10px;overflow:hidden}.correction-followup-columns h3{color:#365f56;background:#f5f9f7;border-bottom:1px solid #e7eeec;margin:0;padding:10px 12px;font-size:10px}.correction-followup-columns article{border-top:1px solid #edf1f0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.correction-followup-columns article:first-of-type{border-top:0}.correction-followup-columns article>div{gap:3px;min-width:0;display:grid}.correction-followup-columns article strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.correction-followup-columns article small{color:#7a8986;font-size:8.5px}.correction-followup-columns article .button{flex:none;font-size:8px}.correction-followup-columns>section>p{color:#788783;margin:0;padding:16px 12px;font-size:9px}.bulk-schedule-panel{background:#f8fcfb;border:1px solid #cfe1dc;border-radius:12px;margin:14px 0;overflow:hidden}.bulk-schedule-panel>header{border-bottom:1px solid #dce9e5;padding:12px 14px}.bulk-schedule-panel>header>div{gap:3px;display:grid}.bulk-schedule-panel>header strong{color:#1f5e52;font-size:11px}.bulk-schedule-panel>header span{color:#71827e;font-size:8.5px}.bulk-followup-grid{grid-template-columns:1fr 1fr;gap:10px;padding:11px;display:grid}.bulk-access-picker{background:#fff;border:1px solid #dce7e4;border-radius:10px;min-width:0;overflow:hidden}.bulk-access-picker>header{background:#f5f9f8;border-bottom:1px solid #e8efed;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;display:flex}.bulk-access-picker>header>div{gap:2px;display:grid}.bulk-access-picker>header strong{font-size:10px}.bulk-access-picker>header span,.bulk-access-picker>header label{color:#6f7f7c;font-size:8px}.bulk-access-picker>header label{cursor:pointer;align-items:center;gap:5px;display:flex}.bulk-access-picker>div{max-height:210px;overflow:auto}.bulk-access-picker>div>label{cursor:pointer;border-top:1px solid #eef2f1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 11px;display:grid}.bulk-access-picker>div>label:first-child{border-top:0}.bulk-access-picker>div>label.disabled{opacity:.62;cursor:not-allowed;background:#f6f7f7}.bulk-access-picker>div>label>span{gap:2px;min-width:0;display:grid}.bulk-access-picker>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.bulk-access-picker>div small{color:#7b8987;font-size:7.5px}.bulk-access-picker>div>p{text-align:center;color:#7b8987;margin:0;padding:20px 12px;font-size:8.5px}.bulk-access-picker>.button{justify-content:center;width:calc(100% - 22px);margin:10px 11px;font-size:8.5px}.result-view-tabs{gap:7px;display:flex}.result-view-tabs button{border:1px solid var(--line);color:#64728a;background:#fff;border-radius:9px;padding:9px 13px;font-size:9px;font-weight:750}.result-view-tabs button.active{color:#176b5b;background:#eaf6f2;border-color:#b7ddd1}.semester-grade-panel{overflow:hidden}.semester-grade-controls{grid-template-columns:180px minmax(240px,1fr);gap:12px;padding:0 18px 16px;display:grid}.grade-weight-editor{background:#f7fbfa;border:1px solid #dce8e4;border-radius:11px;grid-template-columns:minmax(190px,1fr) minmax(380px,1.5fr) auto auto;align-items:end;gap:12px;margin:0 18px 16px;padding:14px;display:grid}.grade-weight-editor>div:first-child{align-self:center}.grade-weight-editor>div:first-child strong,.grade-weight-editor>div:first-child span{display:block}.grade-weight-editor>div:first-child strong{font-size:10px}.grade-weight-editor>div:first-child span{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.45}.grade-weight-fields{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.grade-weight-fields .field{margin:0}.grade-weight-fields input{width:100%}.weight-total{white-space:nowrap;border-radius:8px;padding:9px 10px;font-size:9px;font-weight:750}.weight-total.valid{color:#176b5b;background:#e4f5ef}.weight-total.invalid{color:#ad493f;background:#fff0ed}.semester-grade-table{border-top:1px solid var(--line);overflow:auto}.semester-grade-head,.semester-grade-row{grid-template-columns:minmax(230px,1.7fr) repeat(4,minmax(82px,.6fr)) minmax(135px,.9fr);align-items:center;gap:10px;min-width:850px;padding:0 18px;display:grid}.semester-grade-head{color:#748196;text-transform:uppercase;background:#f7f9fa;min-height:38px;font-size:8px;font-weight:800}.semester-grade-row{border-top:1px solid #edf1f0;min-height:68px}.semester-grade-row>span{gap:4px;display:grid}.semester-grade-row>span:not(:first-child){text-align:center}.semester-grade-row strong{font-size:10px}.semester-grade-row small{color:var(--muted);font-size:8px}.final-complete{color:#176b5b;background:#e4f5ef;border-radius:9px;margin:8px 0;padding:9px}.final-complete strong{font-size:15px}.final-incomplete{color:#94621f}.final-incomplete strong{white-space:normal}.supplementary-row{cursor:default}.supplementary-row>.button{white-space:nowrap;justify-self:end}.drawer-footer>.remedial-button{margin-right:auto}.attempt-history{background:#fffaf0;border:1px solid #ead9b9;border-radius:9px;gap:6px;margin:0 0 14px;padding:12px;display:grid}.attempt-history>strong{color:#8b622b;font-size:9px}.attempt-history>span{color:#6d6354;font-size:8.5px}.practical-score-cell>span{justify-content:center;align-items:center;gap:4px;display:flex}.practical-score-cell input{text-align:center;width:55px;font:inherit;border:1px solid #d7e0e8;border-radius:7px;padding:7px 5px;font-size:9px}.practical-score-cell button{color:#176b5b;background:#e7f3ef;border:0;border-radius:7px;padding:7px;font-size:7.5px;font-weight:800}.practical-score-cell button:disabled{opacity:.5}.account-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.account-metrics>div{border:1px solid var(--line);min-height:90px;box-shadow:var(--shadow);background:#fff;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:11px;padding:15px;display:grid}.account-metrics>div>span{width:38px;height:38px;color:var(--teal);background:#e7f2ef;border-radius:9px;grid-row:1/3;place-items:center;display:grid}.account-metrics small{color:var(--muted);align-self:end;font-size:9px}.account-metrics strong{font-size:22px;line-height:1}.account-panel{overflow:hidden}.account-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:15px 16px;display:flex}.account-toolbar .search-box{max-width:520px}.account-toolbar-actions{gap:8px;display:flex}.account-security-note{color:var(--teal-dark);background:#f1f8f6;border:1px solid #cfe2dd;border-radius:9px;align-items:center;gap:10px;margin:13px 16px;padding:11px 13px;display:flex}.account-security-note div{gap:2px;display:grid}.account-security-note strong{font-size:9.5px}.account-security-note span{color:var(--muted);font-size:8.5px}.account-table-head,.account-row{grid-template-columns:minmax(210px,1.35fr) minmax(145px,.85fr) minmax(260px,1.65fr) 115px 105px;align-items:center;gap:14px;padding-left:17px;padding-right:17px;display:grid}.account-table-head{color:#7f8f91;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.45px;background:#f7f9f9;min-height:36px;font-size:8.5px;font-weight:700}.account-row{border-bottom:1px solid #edf1f0;min-height:76px}.account-row:hover{background:#fbfdfc}.account-identity{align-items:center;gap:10px;min-width:0;display:flex}.account-avatar{color:#fff;background:linear-gradient(145deg,#1b6c65,#4b9c90);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:10px;font-weight:750;display:grid}.account-identity>div:last-child,.account-role,.account-permissions{gap:4px;min-width:0;display:grid}.account-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.account-identity strong em{color:var(--teal);text-transform:uppercase;background:#e4f2ee;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:7px;font-style:normal}.account-identity span{color:var(--muted);font-size:8.5px}.account-identity b{color:var(--teal-dark);font-family:var(--font-geist-mono),monospace}.role-pill{border-radius:12px;width:max-content;padding:4px 8px;font-size:8px;font-weight:750}.role-admin{color:#654399;background:#efe9f8}.role-guru{color:#176d61;background:#e4f2ee}.role-verifikator{color:#9b6828;background:#fff0d9}.role-siswa{color:#386b9c;background:#e6eff9}.account-role small,.account-permissions small{color:var(--muted);font-size:8px}.account-permissions span{color:#435b5e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.45;overflow:hidden}.password-state{color:#63797b;align-items:center;gap:6px;font-size:8.5px;display:flex}.password-state svg{color:var(--teal)}.account-actions{justify-content:flex-end;display:flex}.account-table-footer{color:var(--muted);background:#fafcfc;padding:10px 17px;font-size:8.5px}.account-modal{width:min(900px,100vw - 30px)}.account-modal .drawer-header,.password-modal .drawer-header{min-height:88px}.account-modal .drawer-header p,.password-modal .drawer-header p{color:var(--muted);margin:2px 0 0;font-size:8.5px}.permission-choice-grid{flex-wrap:wrap;gap:7px;display:flex}.permission-choice-grid label{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #d6dfde;border-radius:7px;padding:7px 9px;font-size:9px}.permission-choice-grid label.selected{color:var(--teal-dark);background:#edf7f4;border-color:#74ada4;font-weight:700}.permission-choice-grid input{width:auto;height:auto;margin-right:6px}.subject-choice-grid label{flex:180px}.verify-permission{cursor:pointer;background:#f5faf8;border:1px solid #d6e3e0;border-radius:9px;gap:10px;margin-bottom:12px;padding:12px;display:flex}.verify-permission span{gap:3px;display:grid}.verify-permission strong{font-size:9.5px}.verify-permission small{color:var(--muted);font-size:8px}.modal-actions{border-top:1px solid var(--line);background:#fbfcfc;justify-content:flex-end;gap:8px;margin:20px -24px 0;padding:14px 24px;display:flex;position:sticky;bottom:0}.password-modal{width:min(500px,100vw - 30px)}.password-reset-callout{color:#8b622b;background:#fff7e9;border:1px solid #ead9b9;border-radius:9px;align-items:center;gap:10px;margin-bottom:15px;padding:12px;font-size:9px;line-height:1.5;display:flex}@media (width<=1100px){.account-table-head{display:none}.account-row{grid-template-columns:minmax(210px,1.2fr) minmax(140px,.8fr) minmax(220px,1.2fr) auto}.password-state{display:none}.account-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.account-toolbar,.account-toolbar-actions{flex-direction:column}.account-toolbar-actions .button{width:100%}.account-row{grid-template-columns:1fr auto;gap:10px;padding-top:14px;padding-bottom:14px}.account-role,.account-permissions{grid-column:1/-1}.account-actions{grid-area:1/2}.account-permissions span{white-space:normal}.account-metrics{grid-template-columns:1fr 1fr}.modal-actions{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.result-metrics{grid-template-columns:1fr}.result-row{grid-template-columns:1fr auto}.result-row>span:nth-child(2),.result-row>span:nth-child(3){grid-column:1/-1}.correction-question section,.semester-grade-controls,.grade-weight-editor{grid-template-columns:1fr}.grade-weight-fields{grid-template-columns:repeat(2,1fr)}.grade-weight-editor .button{width:100%}}.sidebar{background:#fbfaf5}.login-brand{background:radial-gradient(circle at 18% 12%,#b7dc651f,#0000 30%),linear-gradient(145deg,#073f3a,#0b5249)}.login-brand>span{color:#b9da70}.student-brand>.student-logo-shell{width:46px;height:46px}.student-brand strong{color:#0b4b43;letter-spacing:.05px;font-size:13px}.student-brand small{text-transform:uppercase;letter-spacing:.45px}.exam-result-actions{gap:8px;display:grid}.exam-result-actions>.button{justify-content:center;width:100%}.student-report-modal{width:min(620px,100vw - 30px)}.student-report-body{text-align:center;padding:25px;overflow-y:auto}.student-report-body>.result-icon{margin:0 auto;display:grid}.student-report-subject{color:var(--muted);font-size:9px}.student-report-verdict{margin:-4px 0 20px;font-size:11px;display:block}.student-report-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.student-report-grid>div{background:#f3f7f6;border-radius:9px;gap:5px;padding:12px 8px;display:grid}.student-report-grid span{color:var(--muted);font-size:8px}.student-report-grid strong{color:var(--teal-dark);font-size:19px}.student-report-feedback{text-align:left;background:#f8fbfa;border:1px solid #d8e5e2;border-radius:9px;margin-top:15px;padding:13px}.student-report-feedback span{color:var(--teal);text-transform:uppercase;font-size:8px;font-weight:750}.student-report-feedback p{white-space:pre-wrap;margin:6px 0 0;font-size:10px;line-height:1.55}.student-report-modal{width:min(900px,100vw - 30px);max-height:calc(100vh - 30px)}.student-report-body{gap:28px;display:grid}.student-report-summary>.result-icon{margin:0 auto;display:grid}.student-answer-review{border-top:1px solid var(--line);text-align:left;padding-top:23px}.student-answer-review>header{margin-bottom:14px}.student-answer-review>header span{color:var(--teal);letter-spacing:.7px;font-size:8px;font-weight:800}.student-answer-review>header h3{margin:5px 0 3px;font-size:16px}.student-answer-review>header p{color:var(--muted);margin:0;font-size:9px}.student-answer-card{background:#fff;border:1px solid #dfe7e5;border-left:4px solid #c27b55;border-radius:11px;margin-top:12px;padding:17px}.student-answer-card.correct{border-left-color:#2e967c}.student-answer-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-answer-card-head>div{gap:3px;display:grid}.student-answer-card-head>div span{color:var(--muted);font-size:8px}.student-answer-card-head>div strong{color:var(--teal-dark);font-size:9px}.student-answer-score{color:#9b532f;background:#fff0e8;border-radius:12px;flex:none;padding:5px 8px;font-size:8px;font-weight:750}.student-answer-card.correct .student-answer-score{color:#19725f;background:#e2f3ed}.student-answer-card h4{white-space:pre-wrap;margin:15px 0;font-size:12px;line-height:1.55}.student-review-options{gap:7px;display:grid}.student-review-options>div{background:#fafcfc;border:1px solid #e1e7e6;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-height:42px;padding:7px 10px;display:grid}.student-review-options>div>span{color:#637575;background:#eaf0ef;border-radius:6px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:750;display:grid}.student-review-options p{margin:0;font-size:10px}.student-review-options small{min-width:82px;color:var(--muted);text-align:right;font-size:8px}.student-review-options>div.selected{background:#fff7f2;border-color:#e6a681}.student-review-options>div.selected>span{color:#9a4f2b;background:#ffe7d8}.student-review-options>div.answer-key{background:#edf8f4;border-color:#75b8a8}.student-review-options>div.answer-key>span{color:#176c59;background:#d4eee6}.student-review-options>div.answer-key small{color:#19725f;font-weight:750}.student-written-review{grid-template-columns:1fr 1fr;gap:9px;display:grid}.student-written-review>div{background:#fafcfc;border:1px solid #e0e7e5;border-radius:8px;min-height:86px;padding:12px}.student-written-review>div:last-child{background:#f1f9f6;border-color:#a9d1c7}.student-written-review small,.student-answer-explanation small{color:var(--teal);text-transform:uppercase;font-size:8px;font-weight:750}.student-written-review p,.student-answer-explanation p{white-space:pre-wrap;margin:6px 0 0;font-size:10px;line-height:1.6}.student-answer-explanation{color:#536765;background:#f1f5f4;border-radius:8px;margin-top:9px;padding:11px 12px}.student-unanswered-note{color:#9a5a38;margin:8px 0 0;font-size:8px}.student-report-modal .preview-footer{flex:none}@media (width<=640px){.student-report-modal{width:calc(100vw - 14px);max-height:calc(100vh - 14px)}.student-report-body{gap:20px;padding:16px}.student-report-grid{grid-template-columns:1fr 1fr}.student-answer-card{padding:13px}.student-answer-card-head{flex-direction:column;align-items:flex-start}.student-written-review{grid-template-columns:1fr}.student-review-options>div{grid-template-columns:26px 1fr}.student-review-options small{text-align:left;grid-column:2}.student-answer-card h4{font-size:11px}}.objective-summary{grid-template-columns:minmax(0,1fr) 105px 105px;gap:8px;margin-bottom:16px;display:grid}.objective-summary>div{border:1px solid var(--line);background:#f7f9f8;border-radius:9px;flex-direction:column;justify-content:center;gap:4px;min-height:65px;padding:11px 13px;display:flex}.objective-summary span{color:var(--muted);font-size:8px}.objective-summary strong{font-size:12px}.objective-count{text-align:center}.objective-count strong{font-size:22px}.objective-count.correct{color:#176b5b;background:#edf8f4}.objective-count.wrong{color:#a24f49;background:#fff3f2}.written-correction-title{margin:18px 0 10px;font-size:11px}.teacher-objective-review{background:#f8fbfa;border:1px solid #d9e6e3;border-radius:11px;margin:0 0 18px;padding:15px}.teacher-objective-review>header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.teacher-objective-review>header span{color:var(--teal);letter-spacing:.65px;font-size:8px;font-weight:800}.teacher-objective-review>header h3{margin:4px 0;font-size:14px}.teacher-objective-review>header p{color:var(--muted);margin:0;font-size:8.5px}.teacher-objective-review>header>strong{color:#176b5b;white-space:nowrap;background:#dff2eb;border-radius:14px;padding:7px 10px;font-size:9px}.attempt-review-tabs{gap:7px;margin:0 0 12px;padding-bottom:2px;display:flex;overflow-x:auto}.attempt-review-tabs button{color:#536765;text-align:left;cursor:pointer;background:#fff;border:1px solid #cfddda;border-radius:8px;gap:2px;min-width:112px;padding:8px 11px;display:grid}.attempt-review-tabs button span{font-size:9px;font-weight:750}.attempt-review-tabs button small{color:var(--muted);font-size:8px}.attempt-review-tabs button.active{border-color:var(--teal);color:#fff;background:var(--teal)}.attempt-review-tabs button.active small{color:#dff2eb}.attempt-review-message{color:var(--muted);margin:8px 0;font-size:9px}.teacher-objective-review .objective-summary{grid-template-columns:minmax(0,1fr) 90px 90px 90px}.objective-count.partial{color:#8b622b;background:#fff8e9}.student-answer-card.partial{border-left-color:#d39a43}.student-answer-card.partial .student-answer-score{color:#8b622b;background:#fff2cf}@media (width<=760px){.student-report-grid,.objective-summary,.teacher-objective-review .objective-summary{grid-template-columns:1fr 1fr}.objective-summary>div:first-child{grid-column:1/-1}.teacher-objective-review{padding:11px}.teacher-objective-review>header{flex-direction:column}.attempt-review-tabs button{min-width:104px}}.student-portal-tabs{gap:8px;max-width:1180px;margin:20px auto 0;padding:0 24px;display:flex}.student-portal-tabs button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;font-weight:750;display:flex}.student-portal-tabs button.active{background:var(--teal);border-color:var(--teal);color:#fff}.student-school-calendar>header{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:16px;padding:18px;display:grid}.student-school-calendar>header button{border:1px solid var(--line);color:var(--teal);background:#f7faf9;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.student-school-calendar>header span{letter-spacing:1px;color:var(--teal);font-size:8px;font-weight:850}.student-school-calendar>header h2{margin:4px 0;font-size:20px}.student-school-calendar>header p{color:var(--muted);margin:0;font-size:9px}.student-calendar-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:16px;display:grid}.student-calendar-grid,.student-calendar-layout>aside{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:16px}.student-calendar-weekdays,.student-calendar-days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.student-calendar-weekdays span{text-align:center;color:var(--muted);padding:7px;font-size:8px;font-weight:800}.student-calendar-days>div,.student-calendar-days>i{min-height:78px}.student-calendar-days>div{border:1px solid #e9efed;border-radius:9px;flex-direction:column;gap:4px;padding:8px;display:flex}.student-calendar-days b{font-size:9px}.student-calendar-days small{letter-spacing:.6px;color:var(--teal);font-size:6px;font-weight:850}.student-calendar-days strong{font-size:8px;line-height:1.35}.student-calendar-days .activity{background:#edf8f5;border-color:#b9dfd4}.student-calendar-days .holiday{background:#fff3e5;border-color:#edc38f}.student-calendar-days .holiday small{color:#a9661d}.student-calendar-side-title{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding-bottom:12px;display:flex}.student-calendar-side-title>div{gap:2px;display:grid}.student-calendar-side-title strong{font-size:11px}.student-calendar-side-title span{color:var(--muted);font-size:8px}.student-calendar-layout>aside>p{color:var(--muted);padding:20px 3px;font-size:9px}.student-calendar-layout>aside>article{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr;gap:10px;padding:12px 2px;display:grid}.student-calendar-layout>aside time{color:var(--teal);padding-top:2px;font-size:9px;font-weight:800}.student-calendar-layout>aside article>div{gap:4px;display:grid}.student-calendar-layout>aside article small{color:var(--teal);text-transform:uppercase;font-size:7px;font-weight:800}.student-calendar-layout>aside article strong{font-size:10px}.student-calendar-layout>aside article span{color:var(--muted);align-items:center;gap:4px;font-size:8px;display:flex}.student-calendar-layout>aside article p{color:var(--muted);margin:2px 0 0;font-size:8px;line-height:1.45}.student-calendar-layout>aside article.holiday time,.student-calendar-layout>aside article.holiday small{color:#a9661d}@media (width<=850px){.student-calendar-layout{grid-template-columns:1fr}}@media (width<=600px){.student-portal-tabs{padding:0 14px}.student-portal-tabs button{flex:1;justify-content:center}.student-calendar-days>div,.student-calendar-days>i{min-height:52px}.student-calendar-days strong,.student-school-calendar>header p{display:none}}.student-handbook-reminder{width:100%;color:var(--teal-dark);text-align:left;box-shadow:var(--shadow);background:linear-gradient(105deg,#e8f5f1,#f8fbfa);border:1px solid #b9dfd4;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:18px;padding:15px 17px;display:grid}.student-handbook-reminder>span{gap:3px;display:grid}.student-handbook-reminder strong{font-size:11px}.student-handbook-reminder small{color:var(--muted);font-size:8px;line-height:1.45}.student-handbook-panel>header{border:1px solid var(--line);background:#fff;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.student-handbook-panel>header>div:first-child{gap:4px;display:grid}.student-handbook-panel>header span{letter-spacing:.9px;color:var(--teal);font-size:8px;font-weight:850}.student-handbook-panel>header h2{margin:0;font-size:18px}.student-handbook-panel>header p{max-width:690px;color:var(--muted);margin:0;font-size:9px;line-height:1.55}.student-handbook-panel>header>div:last-child{flex-shrink:0;gap:8px;display:flex}.student-handbook-viewer{border:1px solid var(--line);background:#dfe6e4;border-top:0;height:min(72vh,900px);min-height:620px;overflow:hidden}.student-handbook-viewer iframe{background:#fff;border:0;width:100%;height:100%}.student-handbook-fallback{border:1px solid var(--line);color:var(--muted);background:#fff;border-top:0;border-radius:0 0 14px 14px;margin:0;padding:12px 15px;font-size:8px}@media (width<=700px){.student-handbook-panel>header{flex-direction:column;align-items:flex-start}.student-handbook-panel>header>div:last-child{flex-wrap:wrap;width:100%}.student-handbook-panel>header .button{flex:1;justify-content:center}.student-handbook-viewer{height:68vh;min-height:520px}}.student-academic-overview{gap:16px;display:grid}.student-overview-loading{border:1px solid var(--line);min-height:260px;color:var(--muted);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.student-overview-loading .spin{animation:1s linear infinite spin}.student-overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);gap:16px;display:grid}.student-schedule-card,.student-competency-card,.student-archive-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;overflow:hidden}.student-schedule-card>header,.student-competency-card>header,.student-archive-card>header{border-bottom:1px solid var(--line);color:var(--teal);justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.student-schedule-card>header span,.student-competency-card>header span,.student-archive-card>header span{letter-spacing:.9px;font-size:7px;font-weight:850}.student-schedule-card>header h2,.student-competency-card>header h2,.student-archive-card>header h2{color:var(--ink);margin:4px 0;font-size:15px}.student-schedule-card>header p,.student-competency-card>header p,.student-archive-card>header p{color:var(--muted);margin:0;font-size:8px}.student-schedule-days{max-height:515px;padding:8px 17px 17px;overflow:auto}.student-schedule-days>article{padding-top:12px}.student-schedule-days h3{color:var(--teal);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:9px}.student-schedule-days article>div{border-top:1px solid #edf1f0;grid-template-columns:62px 1fr;align-items:center;gap:11px;padding:9px 2px;display:grid}.student-schedule-days time{color:var(--ink);gap:2px;font-size:9px;font-weight:850;display:grid}.student-schedule-days time small{color:var(--muted);font-size:7px;font-weight:500}.student-schedule-days article>div>span{gap:3px;display:grid}.student-schedule-days strong{font-size:9px}.student-schedule-days article small{color:var(--muted);font-size:7px}.student-schedule-days>p{text-align:center;color:var(--muted);padding:30px;font-size:9px}.student-competency-card{padding-bottom:15px}.student-competency-card .competency-chart{padding:8px 13px 0}.student-competency-card .competency-chart svg{width:100%;max-height:390px;overflow:visible}.student-competency-card .competency-chart svg text{fill:#607173;font-size:8px;font-weight:700}.student-competency-card .competency-chart svg .empty-label{fill:#9aa6a8;font-size:10px}.student-competency-card .competency-chart-legend{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.student-competency-card .competency-chart-legend>span{grid-template-columns:8px auto;align-items:center;gap:2px 5px;font-size:8px;font-weight:750;display:grid}.student-competency-card .competency-chart-legend i{border-radius:50%;grid-row:1/3;width:8px;height:8px}.student-competency-card .competency-chart-legend small{color:var(--muted);font-size:7px}.student-competency-card .competency-chart-legend .empty{opacity:.45}.student-archive-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.student-archive-sections>article{border:1px solid var(--line);border-radius:10px;overflow:hidden}.student-archive-sections h3{color:var(--teal);background:#f5f8f7;align-items:center;gap:7px;margin:0;padding:10px 12px;font-size:9px;display:flex}.student-archive-sections dl{margin:0}.student-archive-sections dl>div{border-top:1px solid #edf1f0;grid-template-columns:38% 1fr;gap:8px;padding:8px 11px;display:grid}.student-archive-sections dt,.student-archive-sections dd{margin:0;font-size:8px;line-height:1.45}.student-archive-sections dt{color:var(--muted)}.student-archive-sections dd{overflow-wrap:anywhere;font-weight:650}@media (width<=960px){.student-overview-grid{grid-template-columns:1fr}.student-archive-sections{grid-template-columns:1fr 1fr}}@media (width<=600px){.student-portal-tabs{overflow:auto}.student-portal-tabs button{min-width:max-content}.student-archive-sections{grid-template-columns:1fr}.student-overview-grid{display:block}.student-competency-card{margin-top:14px}.student-schedule-days{max-height:none}}.bank-panel .row-actions{white-space:normal;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:230px;display:flex}.bank-panel .row-actions .button,.bank-panel .row-actions .icon-button{flex:none}.question-action-button,.question-weight-button{white-space:nowrap;min-width:76px;line-height:1.2;height:36px!important;padding:0 10px!important;font-size:10px!important}.option-input>span{width:38px;height:42px;font-size:13px}.option-input input{min-height:42px;font-size:15px;line-height:1.5}.preview-options>div{min-height:54px;padding:11px 12px}.preview-options>div>span{width:34px;height:34px;font-size:12px}.preview-options p{font-size:15px;line-height:1.55}.student-live-preview article>div>p{grid-template-columns:36px 1fr;min-height:56px;padding:11px 12px}.student-live-preview article>div>p>span{width:34px;height:34px;font-size:12px}.student-live-preview article>div>p>strong{font-size:15px;line-height:1.55}.student-options label{grid-template-columns:auto 36px minmax(0,1fr);min-height:62px;padding:13px 14px}.student-options label>span{width:36px;height:36px;font-size:13px;font-weight:750}.student-options label strong{overflow-wrap:anywhere;font-size:16px;font-weight:540;line-height:1.6}.question-sheet.arabic-question .student-options .arabic-display{font-size:28px;line-height:1.75}.preview-body.arabic-question .preview-options .arabic-display{font-size:26px;line-height:1.75}.student-live-preview.arabic-question article>div>p>strong .arabic-display{font-size:27px;line-height:1.75}@media (width<=760px){.bank-panel .row-actions{justify-content:flex-start;width:100%;max-width:none}.student-options label{grid-template-columns:auto 34px minmax(0,1fr);padding:12px}.student-options label strong{font-size:16px}.question-sheet.arabic-question .student-options .arabic-display{font-size:27px}.package-filter-panel{padding:12px}.package-filter-panel .filter-group{grid-template-columns:1fr;width:100%;display:grid;overflow:visible}.package-filter-panel .select-wrap{width:100%}.package-filter-panel .select-wrap select{width:100%;max-width:none}.package-stats span{font-size:10.5px}.package-footer{align-items:flex-start;gap:10px}.package-footer>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}}.package-review-modal{flex-direction:column;display:flex}.package-review-modal .drawer-header p{color:var(--muted);margin:4px 0 0;font-size:9px}.package-review-body{gap:14px;padding:18px 22px;display:grid;overflow-y:auto}.package-review-verdict{border:1px solid;border-radius:10px;align-items:flex-start;gap:11px;padding:14px;display:flex}.package-review-verdict>span{border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.package-review-verdict strong{font-size:12px}.package-review-verdict p{margin:4px 0 0;font-size:9px;line-height:1.5}.package-review-verdict.ready{color:#176b5b;background:#eff9f6;border-color:#b9dfd4}.package-review-verdict.ready>span{background:#dcefe9}.package-review-verdict.attention{color:#8b5b20;background:#fff8ec;border-color:#efcf9e}.package-review-verdict.attention>span{background:#f9e8ca}.package-review-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.package-review-meta>div{border:1px solid var(--line);background:#fafcfc;border-radius:8px;gap:4px;padding:10px 11px;display:grid}.package-review-meta dt{color:var(--muted);font-size:8px}.package-review-meta dd{overflow-wrap:anywhere;margin:0;font-size:10px;font-weight:700}.package-review-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.package-review-checks li{border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-size:9.5px;line-height:1.4;display:flex}.package-review-checks li svg{flex:none}.package-review-checks .ok{color:#176b5b;background:#eff8f5}.package-review-checks .issue{color:#9b4d43;background:#fff1ef}.package-review-score{background:#f2f7f6;border-radius:9px;grid-template-columns:1fr auto;gap:6px;padding:12px;display:grid}.package-review-score>strong,.package-review-score>span{font-size:10px}.package-review-score>span{color:var(--teal);font-weight:800}.package-review-score>div{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.package-review-score small{color:var(--muted);background:#fff;border-radius:6px;padding:6px 8px;font-size:8.5px}.package-review-questions{border:1px solid var(--line);border-radius:10px;overflow:hidden}.package-review-questions>header{background:#f7faf9;justify-content:space-between;padding:11px 13px;font-size:10px;display:flex}.package-review-questions>header span{color:var(--muted)}.package-review-questions>button{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 12px;display:grid}.package-review-questions>button:hover{background:#f5faf8}.package-review-questions>button.issue{background:#fff8f6}.package-review-questions>button>b{width:27px;height:27px;color:var(--teal);background:#e7f2ef;border-radius:7px;place-items:center;font-size:9px;display:grid}.package-review-questions>button>span{gap:3px;min-width:0;display:grid}.package-review-questions>button strong{font-size:10px}.package-review-questions>button small{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.package-review-questions>button em{color:var(--muted);font-size:8px;font-style:normal}.package-review-questions>button>svg{color:var(--teal);transform:rotate(-90deg)}@media (width<=760px){.package-review-body{padding:14px}.package-review-meta{grid-template-columns:1fr 1fr}.package-review-checks{grid-template-columns:1fr}.package-review-questions>button small{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.package-review-modal .drawer-header{align-items:flex-start;padding-top:14px;padding-bottom:14px}}.revision-notification-center{position:relative}.revision-notification-center .notification>b{color:#fff;background:#d5524d;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-weight:850;display:grid;position:absolute;top:-6px;right:-5px}.revision-notification-popover{z-index:60;border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;width:min(390px,100vw - 28px);max-height:min(520px,100vh - 90px);display:flex;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 18px 48px #12302d33}.revision-notification-popover>header{border-bottom:1px solid var(--line);background:#f8fbfa;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.revision-notification-popover>header>div{gap:2px;display:grid}.revision-notification-popover>header strong{font-size:11px}.revision-notification-popover>header span{color:var(--muted);font-size:8.5px}.revision-notification-popover>div{overflow-y:auto}.revision-notification-popover>div>button{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:#fff;border:0;border-bottom:1px solid #edf1f0;grid-template-columns:34px minmax(0,1fr) 7px;gap:9px;padding:12px 13px;display:grid}.revision-notification-popover>div>button:hover{background:#f5faf8}.revision-notification-popover>div>button.unread{background:#fff8f2}.revision-notification-popover>div>button>span{width:32px;height:32px;color:var(--teal);background:#e7f3ef;border-radius:8px;place-items:center;display:grid}.revision-notification-popover>div>button>div{gap:4px;min-width:0;display:grid}.revision-notification-popover>div>button strong{font-size:10px}.revision-notification-popover>div>button p{color:#53686b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:9.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.revision-notification-popover>div>button small{color:var(--muted);font-size:8px}.revision-notification-popover>div>button>i{background:#d5524d;border-radius:50%;width:7px;height:7px;margin-top:4px}.revision-notification-empty{min-height:150px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0;padding:24px;font-size:9.5px;display:flex}.revision-notification-empty svg{color:var(--teal)}@media (width<=760px){.top-actions .revision-notification-center .notification{display:grid!important}.revision-notification-popover{width:auto;max-height:calc(100vh - 74px);position:fixed;top:62px;left:10px;right:10px}}.exam-number-overview{position:relative}@media (width<=760px){.exam-number-overview{grid-template-columns:1fr;margin:12px auto -2px;padding:0 14px}.exam-number-group>div{grid-template-columns:repeat(5,1fr)}.result-attempt-filters{grid-template-columns:1fr}.result-publication{flex-direction:column;align-items:stretch}.result-publication .result-publication-actions{flex-direction:column}.result-publication .button{justify-content:center}.correction-followup>header{flex-direction:column}.correction-followup-columns,.bulk-followup-grid{grid-template-columns:1fr}.correction-followup-columns article{flex-direction:column;align-items:stretch}.correction-followup-columns article .button{justify-content:center}.bulk-access-picker>header{flex-direction:column;align-items:flex-start}}.student-results-page{gap:22px;display:grid}.student-result-overview{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.student-result-overview>div{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;gap:5px;padding:18px;display:grid}.student-result-overview span,.student-result-overview small{color:var(--muted);font-size:9px}.student-result-overview strong{color:var(--teal-dark);font-size:26px}.student-result-table-wrap{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;overflow-x:auto}.student-result-table{border-collapse:collapse;width:100%;min-width:900px}.student-result-table th{color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.6px;background:#f4f8f7;padding:12px 15px;font-size:8px}.student-result-table td{border-top:1px solid var(--line);vertical-align:middle;padding:15px;font-size:10px}.student-result-table td>strong,.student-result-table td>small{display:block}.student-result-table td>small{color:var(--muted);margin-top:4px;font-size:8px}.student-result-score{color:var(--teal-dark);font-size:22px}.student-result-pass,.student-result-followup{border-radius:14px;padding:6px 9px;font-size:8px;font-weight:750;display:inline-flex}.student-result-pass{color:#176b5b;background:#dff2eb}.student-result-followup{color:#9a5d26;background:#fff0d5}.ranking-panel{overflow:hidden}.top-five-ranking{gap:10px;padding:4px 0;display:grid}.top-five-ranking article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:46px minmax(220px,1fr) repeat(3,minmax(95px,130px));align-items:center;gap:14px;padding:15px 18px;display:grid}.top-five-ranking article.rank-1{background:linear-gradient(90deg,#fff9e8,#fff);border-color:#ddbd61}.top-five-ranking article.rank-2{border-color:#b8c6c8}.top-five-ranking article.rank-3{border-color:#d5a67f}.ranking-number{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.rank-1 .ranking-number{color:#72510c;background:#f3d56f}.rank-2 .ranking-number{color:#46585a;background:#dce5e6}.rank-3 .ranking-number{color:#713f23;background:#eac19e}.top-five-ranking article>div{gap:4px;display:grid}.top-five-ranking article>div>span,.top-five-ranking article small{color:var(--muted);font-size:8px}.top-five-ranking article>div>strong{font-size:15px}.top-five-ranking article>div:first-of-type>strong{font-size:11px}@media (width<=760px){.student-result-overview{grid-template-columns:1fr}.top-five-ranking article{grid-template-columns:42px 1fr}.top-five-ranking article>div:not(:first-of-type){grid-column:2;grid-template-columns:90px 1fr;align-items:center}.student-portal-tabs{justify-content:flex-start;overflow-x:auto}.student-portal-tabs button{flex:none}}.student-overview-grid-schedule{grid-template-columns:1fr}.student-competency-only .student-competency-card{width:100%}.student-competency-body{grid-template-columns:minmax(360px,.85fr) minmax(440px,1.15fr);align-items:start;gap:18px;padding:16px;display:grid}.student-competency-body>.competency-chart{border:1px solid var(--line);background:#fbfdfc;border-radius:12px;padding:7px 10px 13px}.student-competency-body>.competency-chart svg{max-height:430px}.student-competency-body .competency-explanation{gap:12px;min-width:0;display:grid}.student-competency-body .competency-explanation-intro{background:#edf8f5;border-radius:11px;padding:14px 15px}.student-competency-body .competency-explanation-intro>span,.student-competency-body .competency-dimension-scores>header>span{letter-spacing:.8px;color:var(--teal);font-size:7px;font-weight:850}.student-competency-body .competency-explanation-intro h3{color:var(--ink);margin:4px 0;font-size:12px}.student-competency-body .competency-explanation-intro p{color:var(--muted);margin:0;font-size:8px;line-height:1.55}.student-competency-body .competency-score-bands{grid-template-columns:1fr 1fr;gap:7px;display:grid}.student-competency-body .competency-score-bands article{border:1px solid var(--line);border-radius:9px;align-items:center;gap:9px;padding:9px 10px;display:flex}.student-competency-body .competency-score-bands article>strong{min-width:40px;color:var(--teal);font-size:9px}.student-competency-body .competency-score-bands article>span{gap:2px;display:grid}.student-competency-body .competency-score-bands b{font-size:8px}.student-competency-body .competency-score-bands small{color:var(--muted);font-size:7px}.student-competency-body .competency-dimension-scores{border:1px solid var(--line);border-radius:10px;overflow:hidden}.student-competency-body .competency-dimension-scores>header{background:#f5f8f7;justify-content:space-between;padding:10px 12px;display:flex}.student-competency-body .competency-dimension-scores>header>strong{font-size:8px}.student-competency-body .competency-dimension-scores>div{grid-template-columns:1fr 1fr;display:grid}.student-competency-body .competency-dimension-scores article{border-top:1px solid #edf1f0;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex}.student-competency-body .competency-dimension-scores article:nth-child(odd){border-right:1px solid #edf1f0}.student-competency-body .competency-dimension-scores article>span{gap:2px;display:grid}.student-competency-body .competency-dimension-scores article>span strong{font-size:8px}.student-competency-body .competency-dimension-scores article>span small{color:var(--muted);font-size:6.5px;line-height:1.35}.student-competency-body .competency-dimension-scores article>b{text-align:right;color:var(--teal);font-size:11px;display:grid}.student-competency-body .competency-dimension-scores article>b small{white-space:nowrap;color:var(--muted);font-size:6px}.competency-no-assessment{text-align:center;color:var(--muted);padding:18px;font-size:9px}@media (width<=1000px){.student-competency-body{grid-template-columns:1fr}}@media (width<=600px){.student-competency-body{padding:11px}.student-competency-body .competency-score-bands,.student-competency-body .competency-dimension-scores>div{grid-template-columns:1fr}.student-competency-body .competency-dimension-scores article:nth-child(odd){border-right:0}}.pending-correction-reminder{color:#9a4f28;background:#fff5ec;border:1px solid #efc9ae;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.pending-correction-reminder>svg{flex:none}.pending-correction-reminder>div{gap:3px;display:grid}.pending-correction-reminder strong{font-size:10px}.pending-correction-reminder span{color:#865f48;font-size:8.5px;line-height:1.45}.immediate-remedial-note{background:#edf8f5;border-color:#b9ddd1}.immediate-remedial-note strong{color:var(--teal-dark)}.access-schedule-modal .field input[type=number]{min-height:44px;color:var(--teal-dark);font-size:16px;font-weight:800}.student-day-filter{flex-wrap:wrap;gap:7px;padding:14px 18px 0;display:flex}.student-day-filter button{color:#607773;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce7e4;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:750}.student-day-filter button.active{color:#fff;background:#148579;border-color:#148579}.student-competency-notice{color:#765a19;background:#fff7df;border-radius:10px;margin:14px 18px 0;padding:11px 13px;font-size:10px;line-height:1.55}.student-asts-results,.student-materials{background:#fff;border:1px solid #dfe8e5;border-radius:15px;overflow:hidden}.student-asts-results>header{color:#148579;border-bottom:1px solid #e6edeb;justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.student-asts-results>header span{letter-spacing:1px;font-size:8px;font-weight:850}.student-asts-results h2{color:#173d37;margin:4px 0;font-size:18px}.student-asts-results header p{color:#71827f;margin:0;font-size:10px}.student-data-table{overflow-x:auto}.student-data-table table{border-collapse:collapse;width:100%;min-width:760px}.student-data-table th,.student-data-table td{text-align:left;border-bottom:1px solid #edf2f1;padding:13px 16px;font-size:10px}.student-data-table th{color:#60736f;text-transform:uppercase;letter-spacing:.4px;background:#f6f9f8;font-size:8px}.student-data-table td strong,.student-data-table td small{display:block}.student-data-table td small{color:#80908d;margin-top:4px;font-size:8px}.student-data-table td b{color:#0d7162;font-size:16px}.student-data-table .passed,.student-data-table .follow-up{border-radius:999px;padding:4px 8px;font-size:8px;font-weight:800;display:inline-flex}.student-data-table .passed{color:#08745f;background:#dff4eb}.student-data-table .follow-up{color:#a65e08;background:#fff0dc}.student-empty-copy{text-align:center;color:#748581;padding:35px;font-size:11px}.student-materials{padding:18px}.student-material-filters{gap:12px;margin-bottom:16px;display:flex}.student-material-filters label{color:#5c716d;gap:6px;font-size:9px;font-weight:750;display:grid}.student-material-filters select{color:#28433f;background:#fff;border:1px solid #dce7e4;border-radius:9px;min-width:220px;padding:9px 11px}.student-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.student-material-grid>article{background:#fbfdfc;border:1px solid #dfe8e5;border-radius:13px;padding:17px}.student-material-grid header{color:#148579;gap:11px;display:flex}.student-material-grid header span{letter-spacing:.5px;font-size:8px;font-weight:800}.student-material-grid h2{color:#173d37;margin:3px 0;font-size:15px}.student-material-grid header p{color:#6d817d;align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.student-material-grid article>p,.student-material-grid article>div p{color:#61736f;font-size:10px;line-height:1.55}.student-material-grid article>div strong{color:#28433f;font-size:9px}.student-material-grid ol{gap:8px;padding:0;list-style:none;display:grid}.student-material-grid li{background:#fff;border:1px solid #e4ecea;border-radius:9px;padding:11px}.student-material-grid li strong,.student-material-grid li small{display:block}.student-material-grid li small{color:#80908d;margin-top:3px;font-size:8px}.student-material-grid li p{color:#61736f;font-size:9px}.student-material-grid li span{gap:10px;display:flex}.student-material-grid a{color:#08786a;align-items:center;gap:4px;font-size:9px;font-weight:750;display:inline-flex}.student-results-combined{display:grid}.student-results-combined>.student-results-page{padding-bottom:22px}.student-results-combined>.student-asts-section{padding-top:0}.student-asts-section:before{content:"Rincian ASTS";color:var(--teal);letter-spacing:.8px;margin:0 0 10px;font-size:9px;font-weight:850;display:block}@media (width<=760px){.student-material-grid{grid-template-columns:1fr}.student-material-filters{display:grid}.student-material-filters select{width:100%;min-width:0}}@media (width<=600px){.student-page{overflow-x:hidden}.student-header{gap:8px;height:auto;min-height:62px;padding:8px 12px}.student-brand{gap:8px;min-width:0}.student-brand>.student-logo-shell{flex:none;width:39px;height:39px}.student-brand>.student-logo-shell img{width:38px;height:38px}.student-brand strong{font-size:11px}.student-brand small{font-size:6.5px}.student-user{gap:5px}.student-lms-link{border:1px solid var(--line);border-radius:8px;justify-content:center;width:34px;height:34px;font-size:0}.student-lms-link svg{width:16px;height:16px}.student-user>.button{justify-content:center;width:34px;height:34px;padding:0;font-size:0}.student-user>.button svg{margin:0}.student-portal-tabs{z-index:15;scrollbar-width:thin;background:#f3f7f6;border-bottom:1px solid #dfe8e5;margin:0;padding:9px 12px;position:sticky;top:0}.student-portal-tabs button{min-height:39px;padding:9px 11px;font-size:9px}.student-portal-tabs button svg{width:15px;height:15px}.student-hero{padding:22px 14px 18px}.student-hero h1{margin:6px 0;font-size:23px}.student-hero p{font-size:10px;line-height:1.55}.student-exam-prayer{margin-top:13px}.student-content{padding:0 12px 38px}.student-section-title{align-items:flex-start;gap:8px}.student-section-title h2{font-size:15px}.student-section-title>span{flex:none}.student-handbook-reminder{grid-template-columns:auto 1fr;padding:12px}.student-handbook-reminder>svg:last-child{display:none}.exam-card{padding:16px}.exam-card h3{min-height:0;font-size:14px}.exam-schedule{margin:12px 0}.student-result-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.student-result-overview>div{padding:12px 10px}.student-result-overview strong{font-size:20px}.student-result-overview span,.student-result-overview small{font-size:7px}.student-result-table-wrap,.student-data-table{box-shadow:none;border:0;overflow:visible}.student-result-table,.student-data-table table{background:0 0;min-width:0;display:block}.student-result-table thead,.student-data-table thead{display:none}.student-result-table tbody,.student-data-table tbody{gap:11px;display:grid}.student-result-table tr,.student-data-table tr{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:14px;display:grid}.student-result-table td,.student-data-table td{border-top:1px solid #edf2f1;border-bottom:0;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0;font-size:10px;display:grid}.student-result-table td:first-child,.student-data-table td:first-child{border-top:0;padding-top:0}.student-result-table td:before,.student-data-table td:before{content:attr(data-label);color:var(--muted);font-size:8px;font-weight:750}.student-result-table td>:not(button),.student-data-table td>*{grid-column:2}.student-result-table td>.button{grid-column:2;justify-content:center;width:100%}.student-result-score,.student-data-table td b{font-size:20px}.student-asts-results{background:0 0;border:0;overflow:visible}.student-asts-results>header{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:11px;padding:15px}.student-asts-results>header svg{display:none}.student-materials{padding:12px}.student-material-filters{gap:9px}.student-material-grid>article{padding:14px}.student-material-grid h2{font-size:14px}.student-material-grid li span{flex-wrap:wrap}.student-material-grid a{background:#e7f4f0;border-radius:8px;min-height:34px;padding:7px 9px}.student-day-filter{flex-wrap:nowrap;padding:11px 13px;overflow-x:auto}.student-day-filter button{flex:none;padding:7px 11px}.student-schedule-card>header,.student-competency-card>header,.student-archive-card>header{padding:14px}.student-archive-sections{padding:11px}.student-competency-notice{margin:11px 11px 0}.student-competency-body>.competency-chart{overflow:hidden}.student-competency-body>.competency-chart svg{max-height:330px}.student-calendar-grid{padding:8px}.student-calendar-weekdays,.student-calendar-days{gap:2px}.student-calendar-days>div{min-height:47px;padding:5px}.student-calendar-weekdays span{padding:4px 1px;font-size:7px}.student-calendar-layout>aside{padding:12px}}@keyframes spin{to{transform:rotate(360deg)}}:root{--extra:#176b5b;--extra-dark:#123f39;--extra-soft:#eaf6f2;--extra-line:#dde8e5;--extra-text:#1e2f3a;--extra-muted:#71828b}.extra-shell{min-height:100vh;color:var(--extra-text);background:#f5f8f7}.extra-top{border-bottom:1px solid var(--extra-line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.extra-top>a{color:var(--extra);align-items:center;gap:8px;font-size:12px;font-weight:750;text-decoration:none;display:flex}.extra-top>div{align-items:center;gap:10px;display:flex}.extra-top img{object-fit:contain;width:38px;height:38px}.extra-top strong,.extra-top small{display:block}.extra-top>div strong{font-size:13px}.extra-top small{color:var(--extra-muted);margin-top:2px;font-size:9px}.extra-user{text-align:right}.extra-main{width:min(1180px,92vw);margin:0 auto;padding:36px 0 70px}.extra-hero{color:#fff;background:linear-gradient(130deg,#123f39,#197461);border-radius:22px;justify-content:space-between;align-items:center;padding:30px 34px;display:flex;box-shadow:0 18px 45px #164d4030}.extra-hero>div>span,.extra-panel header span,.extra-schedule header span{letter-spacing:1.3px;color:#8bd7c4;font-size:9px;font-weight:850}.extra-hero h1{margin:6px 0;font-size:32px}.extra-hero p{color:#cbe6df;margin:0;font-size:12px}.extra-hero-stat{background:#ffffff13;border:1px solid #ffffff20;border-radius:16px;grid-template-columns:auto auto;align-items:center;gap:0 10px;padding:15px 20px;display:grid}.extra-hero-stat strong{font-size:24px}.extra-hero-stat span{color:#cbe6df;grid-column:1/3;font-size:9px}.extra-activities{grid-template-columns:repeat(7,1fr);gap:10px;margin:20px 0;display:grid}.extra-activities button{border:1px solid var(--extra-line);color:var(--extra-muted);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:8px;padding:13px 8px;display:flex}.extra-activities button>span{background:#f0f5f3;border-radius:9px;place-items:center;width:30px;height:30px;font-size:9px;font-weight:850;display:grid}.extra-activities button strong{font-size:10px}.extra-activities button.active{background:var(--extra-soft);color:var(--extra-dark);border-color:#6bb5a4;box-shadow:0 6px 18px #236c5815}.extra-activities button.active>span{background:var(--extra);color:#fff}.extra-schedule,.extra-panel{border:1px solid var(--extra-line);background:#fff;border-radius:18px;margin-top:16px;padding:22px;box-shadow:0 8px 28px #25483e0b}.extra-schedule header,.extra-panel>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.extra-schedule h2,.extra-panel h2{margin:4px 0;font-size:18px}.extra-schedule header>svg{color:var(--extra)}.extra-day-list{flex-wrap:wrap;gap:8px;display:flex}.extra-day-list label{border:1px solid var(--extra-line);color:var(--extra-muted);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:10px;font-weight:700}.extra-day-list input{display:none}.extra-day-list label.selected{background:var(--extra);border-color:var(--extra);color:#fff}.extra-time-row{align-items:flex-end;gap:12px;margin-top:16px;display:flex}.extra-time-row label{gap:5px;display:grid}.extra-time-row label span,.extra-material>span{color:var(--extra-muted);font-size:9px;font-weight:750}.extra-time-row input,.extra-date input,.extra-report input,.extra-member-add input,.extra-member-add select{border:1px solid var(--extra-line);font:inherit;background:#fff;border-radius:10px;padding:10px 12px;font-size:11px}.extra-time-row button,.extra-panel footer button,.extra-report header button,.extra-member-add button{background:var(--extra);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;padding:11px 15px;font-size:10px;font-weight:750;display:flex}.extra-tabs{gap:6px;margin-top:18px;display:flex}.extra-tabs button{color:var(--extra-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:11px 14px;font-size:11px;font-weight:750;display:flex}.extra-tabs button.active{color:var(--extra);background:#fff;box-shadow:0 5px 15px #244a3f12}.extra-notice{color:#765d1d;background:#fff7df;border:1px solid #f1dea2;border-radius:10px;margin:12px 0;padding:11px 14px;font-size:10px}.extra-member-add{grid-template-columns:1fr 1.2fr auto;gap:10px;margin-bottom:16px;display:grid}.extra-member-add label{position:relative}.extra-member-add label svg{color:var(--extra-muted);position:absolute;top:11px;left:11px}.extra-member-add label input{width:100%;padding-left:33px}.extra-table-wrap{border:1px solid var(--extra-line);border-radius:13px;overflow:hidden}.extra-students,.extra-history{border-collapse:collapse;width:100%}.extra-students th,.extra-history th{text-align:left;color:var(--extra-muted);background:#f5f8f7;padding:10px 13px;font-size:9px}.extra-students td,.extra-history td{border-top:1px solid #edf2f0;padding:11px 13px;font-size:10px}.extra-students td:last-child{width:150px}.extra-student{align-items:center;gap:9px;display:flex}.extra-student i{background:var(--extra-soft);width:30px;height:30px;color:var(--extra);border-radius:9px;place-items:center;display:grid}.extra-student strong{font-size:10px}.extra-students b{color:var(--extra);background:var(--extra-soft);border-radius:7px;padding:4px 7px}.extra-students button.danger{color:#bd4d3b;cursor:pointer;background:#fff0ed;border:0;border-radius:8px;padding:7px}.extra-date{align-items:center;gap:7px;display:flex}.extra-material{gap:7px;display:grid}.extra-material textarea{border:1px solid var(--extra-line);resize:vertical;min-height:88px;font:inherit;border-radius:11px;padding:12px;font-size:11px}.extra-check-all{color:var(--extra-muted);justify-content:space-between;align-items:center;margin:15px 0 8px;font-size:10px;display:flex}.extra-check-all button{color:var(--extra);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:750}.extra-present{color:var(--extra-muted);align-items:center;gap:7px;font-weight:700;display:flex}.extra-present input{accent-color:var(--extra);width:16px;height:16px}.extra-present input:checked+span{color:var(--extra)}.extra-panel footer{justify-content:flex-end;margin-top:16px;display:flex}.extra-panel button:disabled{opacity:.5;cursor:not-allowed}.extra-report header>div:last-child{gap:9px;display:flex}.extra-print-title{display:none}.extra-history td:nth-child(2){max-width:520px;line-height:1.5}.extra-empty{text-align:center;color:var(--extra-muted);justify-content:center;align-items:center;gap:8px;padding:35px;font-size:11px;display:flex}@keyframes extra-spin{to{transform:rotate(360deg)}}@media (width<=900px){.extra-activities{grid-template-columns:repeat(4,1fr)}.extra-member-add{grid-template-columns:1fr}.extra-time-row{flex-wrap:wrap}.extra-user{display:none}}@media (width<=600px){.extra-main{width:94vw;padding-top:18px}.extra-top{padding:0 3vw}.extra-top>div{display:none}.extra-hero{align-items:flex-start;padding:23px}.extra-hero-stat{display:none}.extra-activities{grid-template-columns:repeat(2,1fr)}.extra-tabs{overflow:auto}.extra-panel,.extra-schedule{padding:15px}.extra-table-wrap{overflow:auto}.extra-students{min-width:620px}}@media print{.extra-top,.extra-hero,.extra-activities,.extra-schedule,.extra-tabs,.extra-notice,.extra-report>header{display:none!important}.extra-shell,.extra-main{background:#fff;width:100%;margin:0;padding:0}.extra-panel{box-shadow:none;border:0;margin:0;padding:0}.extra-print-title{border-bottom:2px solid #173f39;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;display:flex}.extra-print-title img{object-fit:contain;width:58px;height:58px}.extra-print-title strong{font-size:11px}.extra-print-title h2{margin:3px 0;font-size:18px}.extra-print-title p{margin:0;font-size:10px}.extra-history th,.extra-history td{border:1px solid #ccd8d4;font-size:9px}@page{size:A4 landscape;margin:12mm}}.extra-account{align-items:center;gap:12px;display:flex}.extra-account>button{height:35px;color:var(--extra);cursor:pointer;background:#fff;border:1px solid #d9e5e1;border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:800;display:flex}.extra-account>button:hover{color:#b64c3c;background:#fff1ef;border-color:#efcec8}.extra-account>button:disabled{opacity:.55;cursor:wait}@media (width<=600px){.extra-account>button{justify-content:center;width:36px;padding:0}.extra-account>button span{display:none}}.extra-assignment{background:#edf8f5;border:1px solid #bcd9d2;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:18px 21px;display:flex;box-shadow:0 8px 24px #25483e0b}.extra-assignment>div>span{color:var(--extra);letter-spacing:1px;font-size:8px;font-weight:850}.extra-assignment h2{margin:4px 0;font-size:16px}.extra-assignment p{color:var(--extra-muted);margin:0;font-size:9px}.extra-assignment label{gap:6px;min-width:330px;display:grid}.extra-assignment label span,.extra-report-range label span{color:var(--extra-muted);font-size:8px;font-weight:750}.extra-assignment select{height:40px;color:var(--extra-dark);background:#fff;border:1px solid #b8d2cc;border-radius:9px;padding:0 10px;font-size:10px}.extra-responsible{color:var(--extra-muted);margin:5px 0 0;font-size:9px}.extra-responsible strong{color:var(--extra)}.extra-material.extra-evaluation{margin-top:13px}.extra-report-range{flex-wrap:wrap;display:flex;align-items:flex-end!important}.extra-report-range label{gap:4px;display:grid}.extra-report-range input{height:38px;padding:7px 9px}.extra-report-range button{height:38px}.extra-report-range .extra-range-apply{color:var(--extra);background:#e6f3ef;border:1px solid #bad8d0}.extra-history td:nth-child(2),.extra-history td:nth-child(3){max-width:350px;line-height:1.5}.extra-day-list input:disabled,.extra-time-row input:disabled,.extra-material textarea:disabled,.extra-present input:disabled{cursor:not-allowed;opacity:.65}.extra-day-list label:has(input:disabled){cursor:not-allowed}@media (width<=900px){.extra-assignment{flex-direction:column;align-items:stretch}.extra-assignment label{width:100%;min-width:0}.extra-report>header{flex-direction:column;align-items:flex-start;gap:12px}.extra-report-range{width:100%}}@media (width<=600px){.extra-report-range{grid-template-columns:1fr;display:grid!important}.extra-report-range label,.extra-report-range input,.extra-report-range button{width:100%}}@media print{.extra-assignment{display:none!important}.extra-history td:nth-child(2),.extra-history td:nth-child(3){max-width:none}}.forum-page{color:#1b2940;background:#f4f6fa;min-height:100vh;padding:28px clamp(15px,4vw,58px);font-family:Arial,sans-serif}.forum-top{color:#fff;background:linear-gradient(125deg,#263e71,#416ec1);border-radius:22px;align-items:center;gap:22px;max-width:1300px;margin:auto;padding:25px 30px;display:flex}.forum-top>a{color:#fff;align-items:center;gap:7px;font-size:12px;text-decoration:none;display:flex}.forum-top>div{flex:1}.forum-top span,.forum-section-head span,.discussion header span{letter-spacing:1px;font-size:9px;font-weight:800}.forum-top h1{margin:5px 0;font-size:26px}.forum-top p{color:#dce7ff;margin:0;font-size:11px}.forum-top>button,.forum-primary,.post-form button{color:#315ba6;background:#fff;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-weight:750;display:flex}.forum-error{color:#aa3f4b;background:#fff0f1;border:1px solid #ffcbd0;border-radius:11px;justify-content:space-between;max-width:1300px;margin:16px auto;padding:11px 14px;display:flex}.forum-error button{background:0 0;border:0}.forum-create{background:#fff;border:1px solid #e0e5ee;border-radius:16px;max-width:1300px;margin:17px auto;padding:20px}.forum-create h2{font-size:18px}.forum-create h3{font-size:12px}.forum-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.forum-form-grid label{font-size:10px;font-weight:750}.forum-form-grid .wide{grid-column:1/-1}.forum-form-grid input,.forum-form-grid textarea{box-sizing:border-box;border:1px solid #dbe1eb;border-radius:9px;width:100%;margin-top:6px;padding:10px;display:block}.teacher-picker{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-bottom:15px;display:grid}.teacher-picker label{border:1px solid #e1e6ee;border-radius:10px;align-items:center;gap:9px;padding:9px;font-size:10px;display:flex}.teacher-picker b,.teacher-picker small{display:block}.teacher-picker small{color:#7b879a;margin-top:2px}.forum-primary{color:#fff;background:#3568bf;margin-left:auto}.forum-layout{grid-template-columns:350px 1fr;gap:15px;max-width:1300px;height:calc(100vh - 180px);min-height:540px;margin:18px auto;display:grid}.topic-list,.discussion{background:#fff;border:1px solid #e0e5ee;border-radius:17px;overflow:hidden}.forum-section-head{border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:center;padding:18px;display:flex}.forum-section-head h2{margin:4px 0;font-size:17px}.forum-section-head>b{color:#ba3d51;background:#ffe7eb;border-radius:16px;padding:6px 9px;font-size:9px}.topic-list>button{text-align:left;color:#1b2940;background:#fff;border:0;border-bottom:1px solid #edf0f5;justify-content:space-between;gap:8px;width:100%;padding:15px 17px;display:flex}.topic-list>button:hover,.topic-list>button.active{background:#eef4ff}.topic-list h3{margin:0 0 5px;font-size:13px}.topic-list p{color:#78859a;white-space:nowrap;text-overflow:ellipsis;max-width:270px;margin:0 0 9px;font-size:10px;overflow:hidden}.topic-list span{color:#738097;align-items:center;gap:4px;font-size:9px;display:flex}.topic-list em{color:#fff;background:#e64057;border-radius:20px;place-items:center;min-width:21px;height:21px;font-size:9px;font-style:normal;display:grid}.discussion{flex-direction:column;display:flex}.discussion>header{border-bottom:1px solid #e8ecf2;justify-content:space-between;gap:15px;padding:18px 20px;display:flex}.discussion header span{color:#3568bf}.discussion header h2{margin:5px 0;font-size:18px}.discussion header p{color:#78859a;margin:0;font-size:10px}.discussion header>div:last-child{color:#66748a;align-items:center;gap:6px;font-size:10px;display:flex}.forum-members{color:#647188;background:#f6f8fc;align-items:center;gap:7px;padding:9px 20px;font-size:9px;display:flex}.post-list{flex:1;padding:18px;overflow:auto}.forum-post{background:#f0f3f8;border-radius:4px 13px 13px;max-width:78%;margin:0 0 13px;padding:11px 13px}.forum-post.mine{background:#e2edff;border-radius:13px 4px 13px 13px;margin-left:auto}.forum-post>div{justify-content:space-between;gap:15px;display:flex}.forum-post b{font-size:10px}.forum-post small{color:#77859a;font-size:8px}.forum-post p{white-space:pre-wrap;margin:7px 0 0;font-size:11px;line-height:1.55}.post-form{border-top:1px solid #e8ecf2;grid-template-columns:1fr auto;gap:10px;padding:14px;display:grid}.post-form textarea{resize:none;border:1px solid #dce2eb;border-radius:10px;min-height:44px;padding:10px}.post-form button{color:#fff;background:#3568bf}.forum-placeholder{text-align:center;color:#738097;margin:auto}.forum-placeholder svg{color:#9bb2dc;width:48px;height:48px}.forum-placeholder h2{color:#24344f}.forum-empty{text-align:center;color:#7b879a;padding:20px;font-size:11px}@media (width<=800px){.forum-top{flex-wrap:wrap;align-items:flex-start}.forum-top>div{flex-basis:100%;order:-1}.forum-layout{grid-template-columns:1fr;height:auto}.topic-list{max-height:330px;overflow:auto}.discussion{min-height:600px}.forum-form-grid{grid-template-columns:1fr}.forum-form-grid .wide{grid-column:auto}}.health-shell{color:#142b31;background:#f4f8f7;min-height:100vh;font-family:Arial,sans-serif}.health-top{background:#fff;border-bottom:1px solid #dce8e4;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 34px;display:grid}.health-top>a{color:#305d59;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.health-top>div{align-items:center;gap:10px;display:flex}.health-top img{object-fit:contain;width:42px;height:42px}.health-top strong,.health-top small{display:block}.health-top small{color:#78908d;margin-top:3px;font-size:10px}.health-secure{color:#39766a;justify-self:end;align-items:center;gap:7px;font-size:11px;display:flex}.health-main{max-width:1540px;margin:auto;padding:26px}.health-hero{color:#fff;background:linear-gradient(120deg,#0d6659,#24997f);border-radius:22px;justify-content:space-between;align-items:center;padding:29px 36px;display:flex;box-shadow:0 15px 35px #1764531e}.health-hero span{letter-spacing:1.8px;color:#b9f3e6;font-size:10px;font-weight:800}.health-hero h1{margin:8px 0 6px;font-size:32px}.health-hero p{color:#d6f5ed;margin:0;font-size:13px}.health-layout{grid-template-columns:330px minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.health-people,.health-workspace{background:#fff;border:1px solid #dce8e4;border-radius:18px}.health-people{height:calc(100vh - 190px);padding:17px;position:sticky;top:12px}.health-people>header,.health-history>header{align-items:center;gap:10px;display:flex}.health-people header strong,.health-people header small,.health-history header strong,.health-history header small{display:block}.health-people header small,.health-history header small{color:#849692;margin-top:3px;font-size:10px}.health-person-types{background:#edf5f2;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;margin:15px 0;padding:4px;display:grid}.health-person-types button{color:#607773;background:0 0;border:0;border-radius:8px;padding:9px;font-size:11px;font-weight:700}.health-person-types button.active{color:#08715e;background:#fff;box-shadow:0 2px 7px #163c3420}.health-search{background:#fbfdfc;border:1px solid #dbe6e3;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.health-search input{background:0 0;border:0;outline:0;width:100%;padding:11px 0;font-size:12px}.health-person-list{height:calc(100% - 142px);margin-top:8px;overflow:auto}.health-person-list>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf2f1;border-radius:9px;grid-template-columns:38px 1fr;align-items:center;gap:9px;width:100%;padding:10px 6px;display:grid}.health-person-list>button:hover,.health-person-list>button.selected{background:#eaf8f4}.health-person-list strong,.health-person-list small{display:block}.health-person-list strong{font-size:11px}.health-person-list small{color:#82928f;margin-top:3px;font-size:9px}.health-photo{color:#16836e;background:#e5f5f0;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.health-photo img{object-fit:cover;width:100%;height:100%}.health-workspace{min-height:600px;padding:22px}.health-empty{text-align:center;color:#7e918d;flex-direction:column;justify-content:center;align-items:center;height:520px;display:flex}.health-empty h2{color:#27413e;margin:14px 0 5px}.health-empty p{max-width:430px;font-size:12px;line-height:1.6}.health-patient-card{border-bottom:1px solid #e6eeec;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;padding-bottom:18px;display:grid}.health-patient-card>.health-photo{border-radius:16px;width:62px;height:62px}.health-patient-card span{letter-spacing:1.3px;color:#159077;font-size:9px;font-weight:800}.health-patient-card h2{margin:5px 0 3px;font-size:22px}.health-patient-card p{color:#7a8c89;margin:0;font-size:11px}.health-patient-card>div:last-child{text-align:right;grid-template-columns:auto auto;gap:2px 9px;display:grid}.health-patient-card>div:last-child strong{font-size:18px}.health-patient-card>div:last-child small{color:#83938f;font-size:9px}.health-tabs{background:#eef5f3;border-radius:12px;flex-wrap:wrap;gap:6px;margin:18px 0;padding:5px;display:flex}.health-tabs button{color:#5d7470;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:11px 16px;font-size:12px;font-weight:700;display:flex}.health-tabs button.active{color:#08715e;background:#fff;box-shadow:0 2px 8px #23453e18}.health-notice{color:#156c5c;background:#ecf9f5;border:1px solid #c6e8df;border-radius:10px;margin-bottom:13px;padding:11px 13px;font-size:11px}.health-form{gap:15px;display:grid}.health-form fieldset,.icd-picker{border:1px solid #dfe9e6;border-radius:14px;padding:14px}.health-form legend{color:#236f62;padding:0 7px;font-size:11px;font-weight:800}.health-fields{grid-template-columns:repeat(4,minmax(130px,1fr));gap:11px;display:grid}.health-form label>span{color:#607570;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.health-form input,.health-form select,.health-form textarea{box-sizing:border-box;color:#1b3531;background:#fbfdfc;border:1px solid #d7e3df;border-radius:9px;outline:0;width:100%;padding:10px;font-size:11px}.health-form input:focus,.health-form select:focus,.health-form textarea:focus{border-color:#2b9e87;box-shadow:0 0 0 3px #2b9e8712}.health-text-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.health-form textarea{resize:vertical;min-height:83px}.health-save{color:#fff;background:#087864;border:0;border-radius:10px;justify-self:end;align-items:center;gap:8px;padding:12px 20px;font-size:11px;font-weight:800;display:flex}.health-save:disabled{opacity:.55}.icd-picker header strong,.icd-picker header small{display:block}.icd-picker header small{color:#849491;margin-top:3px;font-size:9px}.icd-picker>.health-search{margin-top:10px}.icd-results{z-index:3;background:#fff;border:1px solid #dce7e4;border-radius:10px;max-width:650px;max-height:250px;position:absolute;overflow:auto;box-shadow:0 12px 30px #193d3520}.icd-results button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf2f1;grid-template-columns:60px 1fr;width:100%;padding:9px 12px;display:grid}.icd-results button:hover{background:#f0faf7}.icd-results span,.icd-results small{display:block}.icd-results small{color:#879793;margin-top:2px}.icd-chosen{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.icd-chosen button{color:#176b5d;background:#eaf8f4;border:1px solid #bfe2d8;border-radius:20px;padding:7px 10px;font-size:10px}.health-outcome{max-width:420px}.health-history{border-top:1px solid #dfe9e6;margin-top:22px;padding-top:18px}.health-history>div{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px;display:grid}.health-history article{border:1px solid #e0e9e7;border-radius:12px;padding:12px}.health-history article time,.health-history article span{color:#748985;font-size:9px}.health-history article span{float:right;background:#edf7f4;border-radius:10px;padding:3px 6px}.health-history article strong{margin:8px 0 4px;font-size:12px;display:block}.health-history article p,.history-empty{color:#748783;margin:0;font-size:10px;line-height:1.5}.history-empty{text-align:center;padding:22px}@media (width<=1000px){.health-layout{grid-template-columns:1fr}.health-people{height:380px;position:static}.health-fields{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.health-top{grid-template-columns:1fr auto;padding:0 14px}.health-top>div{display:none}.health-main{padding:12px}.health-hero{padding:22px}.health-hero h1{font-size:25px}.health-hero svg{display:none}.health-fields,.health-text-grid,.health-history>div{grid-template-columns:1fr}.health-patient-card{grid-template-columns:52px 1fr}.health-patient-card>div:last-child{text-align:left;grid-column:1/-1}.health-tabs button{flex:1;justify-content:center;padding:10px 5px}}.screening-print-header{border-bottom:2px solid #176b5d;grid-template-columns:62px 1fr 52px;align-items:center;gap:13px;padding-bottom:13px;display:grid}.screening-print-header>.health-photo{border-radius:14px;width:62px;height:62px}.screening-print-header>img{object-fit:contain;justify-self:end;width:52px;height:52px;margin-left:auto}.screening-print-header small,.screening-print-header strong,.screening-print-header span{display:block}.screening-print-header small{letter-spacing:1.2px;color:#13725f;font-size:9px;font-weight:800}.screening-print-header strong{margin:4px 0;font-size:18px}.screening-print-header span{color:#71837f;font-size:10px}.screening-summary-actions{justify-content:flex-end;gap:7px;margin:12px 0;display:flex}.screening-summary-actions button{color:#126b5b;background:#eff9f6;border:1px solid #beddd5;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:800;display:flex}.screening-summary-actions button:last-child{color:#fff;background:#087864;border-color:#087864}.screening-once{color:#1b6c5e;background:#eef9f6;border-radius:9px;align-items:center;gap:8px;padding:9px 11px;font-size:10px;display:flex}.screening-summary dl{border:1px solid #dfe8e6;border-radius:11px;grid-template-columns:repeat(3,1fr);margin:13px 0;display:grid;overflow:hidden}.screening-summary dl>div{border-bottom:1px solid #e4ecea;border-right:1px solid #e4ecea;min-height:39px;padding:8px 10px}.screening-summary dt{text-transform:uppercase;color:#788985;font-size:8px;font-weight:800}.screening-notes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.screening-notes article{border:1px solid #dfe8e6;border-radius:10px;padding:11px}.screening-notes p{margin:5px 0 0;font-size:10px;line-height:1.5}.screening-signatures{display:none}.history-visit{text-align:left;cursor:pointer;background:#f6fcfa;border-radius:12px;padding:12px;border:1px solid #bcded5!important}.history-visit:hover{background:#eaf8f4}.history-visit time,.history-visit span{color:#748985;font-size:9px}.history-visit span{float:right;background:#dff3ed;border-radius:10px;padding:3px 6px}.history-visit strong{margin:8px 0 4px;font-size:12px;display:block}.history-visit p{color:#748783;margin:0;font-size:10px;line-height:1.5}.history-visit>small{color:#087864;margin-top:8px;font-size:9px;font-weight:800;display:block}.health-modal{z-index:50;background:#112d2880;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.health-modal>section{background:#fff;border-radius:18px;width:min(960px,94vw);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 25px 70px #0a2f283d}.health-modal>section>header{border-bottom:1px solid #dfe8e6;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.health-modal header small{letter-spacing:1.2px;color:#12705f;font-size:9px;font-weight:800}.health-modal header h3{margin:4px 0;font-size:18px}.health-modal header button{background:#edf5f2;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.visit-vitals{grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0;display:grid}.visit-vitals>div,.visit-record-grid article{border:1px solid #dfe8e6;border-radius:9px;padding:9px}.visit-vitals dt{color:#788985;text-transform:uppercase;font-size:8px;font-weight:800}.visit-vitals dd{margin:4px 0 0;font-size:10px;font-weight:700}.visit-record-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.visit-record-grid strong,.visit-diagnoses>strong{color:#176b5d;font-size:9px}.visit-record-grid p,.visit-diagnoses p,.visit-diagnoses li{margin:5px 0;font-size:10px;line-height:1.5}.visit-diagnoses{background:#f4fbf9;border:1px solid #bcded5;border-radius:10px;margin-top:10px;padding:11px}.visit-diagnoses ul{margin:7px 0 0;padding-left:18px}@media (width<=720px){.screening-summary dl{grid-template-columns:1fr 1fr}.screening-notes,.visit-record-grid{grid-template-columns:1fr}.visit-vitals{grid-template-columns:1fr 1fr}.screening-summary-actions{flex-wrap:wrap}}.health-dashboard{background:#fff;border:1px solid #dce8e4;border-radius:18px;margin-top:18px;padding:20px;box-shadow:0 10px 28px #163f3710}.health-dashboard>header{color:#13816d;justify-content:space-between;align-items:flex-start;display:flex}.health-dashboard>header span{letter-spacing:1.3px;font-size:9px;font-weight:850}.health-dashboard>header h2{color:#173b35;margin:4px 0;font-size:19px}.health-dashboard>header p{color:#728783;margin:0;font-size:10px}.health-dashboard-stats{grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0;display:grid}.health-dashboard-stats article{background:linear-gradient(145deg,#fbfefd,#f0faf7);border:1px solid #dfeae7;border-radius:12px;padding:13px}.health-dashboard-stats strong,.health-dashboard-stats span{display:block}.health-dashboard-stats strong{color:#087864;font-size:23px}.health-dashboard-stats span{color:#71847f;margin-top:3px;font-size:9px}.health-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.health-dashboard-panel{border:1px solid #dfe9e6;border-radius:14px;min-width:0;padding:14px}.health-dashboard-panel>header strong,.health-dashboard-panel>header small{display:block}.health-dashboard-panel>header strong{color:#25443e;font-size:12px}.health-dashboard-panel>header small{color:#81928e;margin-top:3px;font-size:8px}.health-monthly>div{grid-template-columns:repeat(12,1fr);align-items:end;gap:5px;height:165px;margin-top:12px;display:grid}.health-monthly section{text-align:center;grid-template-rows:18px 1fr 18px;align-items:end;height:100%;display:grid}.health-monthly section>span,.health-monthly section>small{color:#738681;white-space:nowrap;font-size:7px}.health-monthly section>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:110px;display:flex}.health-monthly section i{background:linear-gradient(#23a388,#087864);border-radius:5px 5px 2px 2px;width:min(22px,80%);min-height:0;display:block}.health-monthly section b{color:#176b5d;font-size:8px}.health-ranking{gap:9px;margin-top:13px;display:grid}.health-ranking>section{grid-template-columns:minmax(130px,43%) 1fr;align-items:center;gap:10px;display:grid}.health-ranking span b,.health-ranking span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.health-ranking span b{color:#2d4843;font-size:9px}.health-ranking span small{color:#82928f;margin-top:2px;font-size:7px}.health-ranking>section>i{background:#e9f1ef;border-radius:8px;height:8px;overflow:hidden}.health-ranking>section>i em{background:#37a990;border-radius:8px;height:100%;display:block}.health-ranking.diagnosis>section>i em{background:#e49a53}.health-ranking>p{color:#83938f;text-align:center;padding:25px 5px;font-size:9px}.health-frequent-students{gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.health-frequent-students li{border-bottom:1px solid #edf2f1;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding-bottom:7px;display:grid}.health-frequent-students li>b{color:#087864;background:#e8f7f2;border-radius:8px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.health-frequent-students span strong,.health-frequent-students span small{display:block}.health-frequent-students span strong{font-size:9px}.health-frequent-students span small{color:#82928f;margin-top:2px;font-size:7px}.health-frequent-students li>em{color:#087864;font-size:11px;font-style:normal;font-weight:850}.health-frequent-students li.empty{text-align:center;color:#83938f;border:0;padding:25px 5px;font-size:9px;display:block}.health-icd-chart{background:linear-gradient(145deg,#fff,#fbf7f1);margin-top:12px}.health-icd-chart>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.health-icd-chart>header>div>span{color:#b56b2c;letter-spacing:1.1px;margin-bottom:4px;font-size:8px;font-weight:850;display:block}.health-icd-chart>header>svg{color:#d78038;background:#fff0df;border-radius:10px;flex:none;width:36px;height:36px;padding:7px}.health-icd-bars{gap:13px;margin-top:17px;display:grid}.health-icd-bars>section{grid-template-columns:32px 1fr;align-items:center;gap:11px;display:grid}.health-icd-bars>section>b{color:#b96725;background:#fff0df;border-radius:10px;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.health-icd-detail{min-width:0}.health-icd-detail>header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:7px;display:flex}.health-icd-detail>header span{min-width:0}.health-icd-detail>header strong,.health-icd-detail>header small{display:block}.health-icd-detail>header strong{color:#76431c;font-size:11px}.health-icd-detail>header small{color:#6f817d;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.health-icd-detail>header em{white-space:nowrap;color:#8b552a;font-size:10px;font-style:normal;font-weight:850}.health-icd-track{background:#f3e9de;border-radius:12px;height:11px;overflow:hidden}.health-icd-track>i{background:linear-gradient(90deg,#e5a05f,#ca702d);border-radius:12px;min-width:5px;height:100%;display:block}.health-icd-empty{color:#83938f;text-align:center;background:#faf7f3;border-radius:10px;margin:18px 0 2px;padding:20px;font-size:9px}@media (width<=1000px){.health-dashboard-grid{grid-template-columns:1fr}.health-dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.health-dashboard{padding:14px}.health-dashboard>header svg{display:none}.health-monthly>div{grid-template-columns:repeat(12,42px);overflow-x:auto}.health-ranking>section{grid-template-columns:minmax(110px,50%) 1fr}}.health-donut-card{background:#fbfefd;border:1px solid #dfe9e6;border-radius:14px;grid-template-columns:160px 1fr;align-items:center;gap:22px;margin-top:14px;padding:14px;display:grid}.health-donut{border-radius:50%;place-items:center;width:150px;height:150px;display:grid;box-shadow:inset 0 0 0 1px #ffffff80}.health-donut>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:86px;height:86px;display:grid;box-shadow:0 3px 15px #153d351c}.health-donut strong,.health-donut span{display:block}.health-donut strong{color:#087864;font-size:25px}.health-donut span{color:#728783;margin-top:2px;font-size:8px}.health-donut-info>header strong,.health-donut-info>header small{display:block}.health-donut-info>header strong{color:#25443e;font-size:12px}.health-donut-info>header small{color:#81928e;margin-top:3px;font-size:8px}.health-donut-info>p{color:#83938f;padding:20px 0;font-size:9px}.health-donut-legend{grid-template-columns:repeat(3,minmax(125px,1fr));gap:7px 12px;margin-top:12px;display:grid}.health-donut-legend section{border-bottom:1px solid #edf2f1;grid-template-columns:9px 1fr auto;align-items:center;gap:6px;padding-bottom:5px;display:grid}.health-donut-legend section>i{border-radius:50%;width:8px;height:8px}.health-donut-legend span b,.health-donut-legend span small{display:block}.health-donut-legend span b{font-size:9px}.health-donut-legend span small{color:#82928f;margin-top:2px;font-size:7px}.health-donut-legend section>strong{color:#087864;font-size:9px}.health-editing-banner{color:#176b5d;background:#eef9f6;border:1px solid #b9ddd4;border-radius:11px;align-items:center;gap:9px;padding:11px 13px;display:flex}.health-editing-banner span{flex:1}.health-editing-banner strong,.health-editing-banner small{display:block}.health-editing-banner strong{font-size:11px}.health-editing-banner small{margin-top:2px;font-size:8px}.health-editing-banner button,.visit-detail-actions button{color:#176b5d;background:#fff;border:1px solid #b9ddd4;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800}.visit-detail-actions{justify-content:flex-end;gap:7px;margin-top:12px;display:flex}.visit-detail-actions button{align-items:center;gap:6px;display:flex}.visit-detail-actions button.danger{color:#a43f35;background:#fff7f6;border-color:#edc5c0}.visit-detail-actions button:disabled{opacity:.5}.health-editing-banner button:hover,.visit-detail-actions button:hover{background:#e6f6f1}.visit-detail-actions button.danger:hover{background:#feecea}@media (width<=760px){.health-donut-card{grid-template-columns:1fr;justify-items:center}.health-donut-info{width:100%}.health-donut-legend{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=460px){.health-donut-legend{grid-template-columns:1fr}}@media print{body.printing-health-screening{background:#fff!important}body.printing-health-screening .health-top,body.printing-health-screening .health-hero,body.printing-health-screening .health-people,body.printing-health-screening .health-patient-card,body.printing-health-screening .health-tabs,body.printing-health-screening .health-notice,body.printing-health-screening .health-history{display:none!important}body.printing-health-screening .health-main,body.printing-health-screening .health-layout,body.printing-health-screening .health-workspace{background:#fff!important;border:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}body.printing-health-screening .screening-print-sheet{box-sizing:border-box;color:#111;page-break-inside:avoid;break-inside:avoid;page-break-after:avoid;border:0;border-radius:0;width:100%;max-height:277mm;padding:0;overflow:hidden;display:block!important}body.printing-health-screening .screening-summary-actions,body.printing-health-screening .screening-once{display:none!important}body.printing-health-screening .screening-print-header{grid-template-columns:64px 1fr 54px;padding-bottom:7px}body.printing-health-screening .screening-print-header>.health-photo{width:64px;height:64px}body.printing-health-screening .screening-print-header>img{width:54px;height:54px}body.printing-health-screening .screening-print-header strong{font-size:15px}body.printing-health-screening .screening-summary dl{grid-template-columns:repeat(4,1fr);margin:7px 0}body.printing-health-screening .screening-summary dl>div{min-height:27px;padding:5px 6px}body.printing-health-screening .screening-summary dt{font-size:6.5px}body.printing-health-screening .screening-summary dd{margin-top:2px;font-size:8px}body.printing-health-screening .screening-notes{gap:7px}body.printing-health-screening .screening-notes article{padding:6px}body.printing-health-screening .screening-notes p{font-size:8px;line-height:1.35}body.printing-health-screening .screening-signatures{text-align:center;justify-content:space-between;margin:12px 30px 0;font-size:8px;line-height:1.3;display:flex}@page{size:A4 portrait;margin:10mm}}.screening-summary{background:#fbfefd;border:1px solid #cae7df;border-radius:15px;padding:17px}.screening-summary>header{color:#08715e;align-items:center;gap:10px;margin-bottom:14px;display:flex}.screening-summary>header strong,.screening-summary>header small{display:block}.screening-summary>header small{color:#708682;margin-top:3px;font-size:10px}.screening-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.screening-summary dl>div{background:#fff;border:1px solid #e2ece9;border-radius:10px;padding:10px}.screening-summary dt{color:#748985;margin-bottom:4px;font-size:9px}.screening-summary dd{margin:0;font-size:11px;font-weight:750}.screening-notes{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.screening-notes article{background:#edf8f5;border-radius:10px;padding:12px}.screening-notes strong{color:#176b5d;font-size:10px}.screening-notes p{color:#536d68;margin:5px 0 0;font-size:10px;line-height:1.5}@media (width<=700px){.screening-summary dl{grid-template-columns:1fr 1fr}.screening-notes{grid-template-columns:1fr}}.health-report-shell{color:#18322e;background:#f3f7f6;min-height:100vh;font-family:Arial,sans-serif}.report-top{background:#fff;border-bottom:1px solid #dce8e4;justify-content:space-between;align-items:center;height:68px;padding:0 4vw;display:flex}.report-top>a{color:#176b5d;align-items:center;gap:7px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.report-top>div{align-items:center;gap:9px;display:flex}.report-top img{object-fit:contain;width:39px;height:39px}.report-top strong,.report-top small{display:block}.report-top strong{font-size:12px}.report-top small{color:#7c908b;margin-top:2px;font-size:9px}.report-main{width:min(1500px,94vw);margin:auto;padding:25px 0 60px}.report-heading{color:#fff;background:linear-gradient(120deg,#0d6659,#24997f);border-radius:18px;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.report-heading>div>span{letter-spacing:1.4px;color:#b9f3e6;font-size:9px;font-weight:850}.report-heading h1{margin:5px 0;font-size:27px}.report-heading p{color:#d8f4ed;margin:0;font-size:11px}.report-controls{background:#fff;border:1px solid #dce7e4;border-radius:15px;grid-template-columns:auto repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:12px;margin-top:15px;padding:16px;display:grid}.report-control-title{color:#176b5d;align-self:center;align-items:center;gap:7px;font-size:11px;display:flex}.report-controls label>span{color:#6e817d;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.report-controls input,.report-controls select{box-sizing:border-box;background:#fbfdfc;border:1px solid #d7e3df;border-radius:9px;width:100%;padding:10px;font-size:11px}.report-controls button{color:#fff;background:#087864;border:0;border-radius:9px;align-items:center;gap:7px;height:37px;padding:0 14px;font-size:10px;font-weight:800;display:flex}.report-controls button:disabled{opacity:.45}.report-notice{color:#8a4d2d;background:#fff6ef;border:1px solid #edceb9;border-radius:10px;margin-top:12px;padding:10px;font-size:10px}.report-stats{grid-template-columns:repeat(5,1fr);gap:9px;margin:13px 0;display:grid}.report-stats article{background:#fff;border:1px solid #dde8e5;border-radius:12px;padding:13px}.report-stats strong,.report-stats span{display:block}.report-stats strong{color:#126e5e;font-size:21px}.report-stats span{color:#7b8d89;margin-top:3px;font-size:9px}.report-paper{background:#fff;border:1px solid #dce7e4;border-radius:16px;overflow:hidden}.report-paper>header{border-bottom:1px solid #e1eae8;align-items:center;gap:12px;padding:18px 20px;display:flex}.report-paper>header img{object-fit:contain;width:50px;height:50px}.report-paper>header div{flex:1}.report-paper>header strong{color:#176b5d;font-size:10px}.report-paper>header h2{margin:3px 0;font-size:17px}.report-paper>header p{color:#748783;margin:0;font-size:9px}.report-paper>header svg{color:#8ca09b}.report-table-wrap{overflow:auto}.report-paper table{border-collapse:collapse;width:100%}.report-paper th{text-align:left;color:#657a75;background:#f1f6f4;padding:9px;font-size:8px}.report-paper td{vertical-align:top;border-top:1px solid #e7eeec;padding:9px;font-size:9px;line-height:1.4}.report-paper td strong,.report-paper td small{display:block}.report-paper td small{color:#768985;margin-top:3px}.record-badge{border-radius:12px;padding:4px 6px;font-size:8px;font-weight:800;display:inline-block}.record-badge.screening{color:#356aa0;background:#e9f3ff}.record-badge.visit{color:#17725f;background:#e8f7f2}.report-empty{color:#788a86;justify-content:center;align-items:center;gap:7px;padding:45px;font-size:11px;display:flex}@keyframes report-spin{to{transform:rotate(360deg)}}.health-hero-tools{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.health-hero-tools>a{color:#096c5a;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:850;text-decoration:none;display:flex;box-shadow:0 5px 14px #0b4a3f26}.health-hero-tools>a:hover{background:#eafff9}.report-controls.monthly{grid-template-columns:auto minmax(180px,320px) auto;justify-content:start}.report-stats.four{grid-template-columns:repeat(4,1fr)}.report-signatures{text-align:center;justify-content:space-between;padding:24px 60px 20px;font-size:9px;line-height:1.4;display:flex}@media (width<=900px){.report-controls{grid-template-columns:1fr 1fr}.report-control-title{grid-column:1/-1}.report-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.report-main{width:96vw}.report-controls{grid-template-columns:1fr}.report-controls button{justify-content:center}.report-heading svg{display:none}.report-stats{grid-template-columns:1fr 1fr}}@media print{.report-top,.report-heading,.report-controls,.report-stats,.report-notice{display:none!important}.health-report-shell,.report-main{background:#fff;width:100%;margin:0;padding:0}.report-paper{border:0;border-radius:0}.report-paper>header{border-bottom:2px solid #1c4d44;padding:0 0 12px}.report-table-wrap{overflow:visible}.report-paper th,.report-paper td{border:1px solid #bfcac7;padding:5px;font-size:7px}.report-paper th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#edf2f0!important}.report-signatures{break-inside:avoid;padding:18px 55px 0;font-size:8px}@page{size:A4 landscape;margin:9mm}}.materials-page{color:#17332f;background:#f3f7f6;min-height:100vh;padding:26px clamp(16px,3.5vw,54px) 42px;font-family:Arial,sans-serif}.materials-top{color:#fff;background:linear-gradient(125deg,#0c5f55,#17887a);border-radius:22px;align-items:center;gap:22px;max-width:1440px;margin:auto;padding:25px 30px;display:flex;box-shadow:0 14px 32px #0c5f5529}.materials-top>a{color:#fff;white-space:nowrap;align-items:center;gap:7px;font-size:12px;text-decoration:none;display:flex}.materials-top>div{flex:1}.materials-top span,.course-list header span,.workspace-head>div>span,.section-heading span,.module-form>header span{letter-spacing:1.25px;font-size:10px;font-weight:800}.materials-top h1{margin:5px 0;font-size:27px}.materials-top p{color:#d9f4ef;margin:0;font-size:12px;line-height:1.55}.materials-top>button,.workspace-empty button{color:#0c675c;white-space:nowrap;background:#fff;border:0;border-radius:11px;align-items:center;gap:7px;padding:11px 15px;font-weight:800;display:flex}.materials-summary{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1440px;margin:17px auto;display:grid}.materials-summary article{background:#fff;border:1px solid #dce8e5;border-radius:15px;align-items:center;gap:12px;padding:14px 16px;display:flex}.materials-summary article>svg{color:#14776b;background:#e7f6f3;border-radius:12px;width:21px;height:21px;padding:9px}.materials-summary strong,.materials-summary span{display:block}.materials-summary strong{font-size:20px}.materials-summary span{color:#71817e;margin-top:3px;font-size:10px}.materials-summary .sync-state>svg{color:#4965ad;background:#eef1fb}.materials-message{border-radius:11px;align-items:center;gap:9px;max-width:1440px;margin:0 auto 14px;padding:11px 14px;font-size:12px;display:flex}.materials-message.success{color:#126647;background:#e7f7f0;border:1px solid #bce8d7}.materials-message.error{color:#a63d48;background:#fff0f1;border:1px solid #f6c7cc}.materials-message span{flex:1}.materials-message button{color:inherit;background:0 0;border:0}.materials-layout{grid-template-columns:315px minmax(0,1fr);gap:14px;max-width:1440px;min-height:680px;margin:auto;display:grid}.course-list,.materials-workspace{background:#fff;border:1px solid #dce6e4;border-radius:18px;overflow:hidden}.course-list>header{border-bottom:1px solid #e5ecea;justify-content:space-between;align-items:center;padding:18px;display:flex}.course-list h2{margin:4px 0 0;font-size:17px}.course-list header>b{color:#0f7165;background:#e6f4f1;border-radius:18px;padding:6px 10px;font-size:11px}.course-list>button{color:#193630;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f0;align-items:center;gap:10px;width:100%;padding:15px 16px;display:flex}.course-list>button>div{flex:1;min-width:0}.course-list>button:hover,.course-list>button.active{background:#eef8f6}.course-list>button.active{box-shadow:inset 3px 0 #138477}.course-list button span{color:#12776b;text-transform:uppercase;font-size:9px;font-weight:800}.course-list h3{margin:5px 0;font-size:13px;line-height:1.35}.course-list p{color:#768681;white-space:nowrap;text-overflow:ellipsis;margin:0 0 10px;font-size:10px;overflow:hidden}.course-progress{background:#e8efed;border-radius:20px;height:5px;position:relative}.course-progress i{background:#23a091;border-radius:20px;height:5px;display:block}.course-progress small{color:#81908c;font-size:8px;position:absolute;top:7px;right:0}.materials-empty,.workspace-empty,.module-placeholder{text-align:center;color:#758681;padding:42px 22px}.materials-empty svg,.workspace-empty svg,.module-placeholder svg{color:#8fbeb5;width:46px;height:46px}.materials-empty h3,.workspace-empty h2,.module-placeholder h4{color:#214039}.materials-empty p,.workspace-empty p,.module-placeholder p{font-size:11px;line-height:1.55}.materials-workspace{min-width:0}.workspace-empty{place-items:center;min-height:600px;display:grid}.workspace-empty button{color:#fff;background:#11796c;margin-top:8px}.workspace-head{border-bottom:1px solid #e5ecea;justify-content:space-between;align-items:flex-start;gap:20px;padding:19px 22px;display:flex}.workspace-head h2{margin:5px 0;font-size:21px}.workspace-head p{color:#778782;margin:0;font-size:11px}.workspace-head>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.status-pill,.sync-pill{border-radius:20px;padding:7px 10px;font-size:9px;font-weight:800}.status-pill{color:#53645f;background:#eef1f4}.status-pill.siap-terbit{color:#08774d;background:#e4f6ed}.status-pill.arsip{color:#725c5c;background:#f3eeee}.sync-pill.local{color:#65716e;background:#eef1f4}.sync-pill.pending{color:#8a5d00;background:#fff2d8}.sync-pill.synced{color:#335fae;background:#e8efff}.workspace-tabs{border-bottom:1px solid #e4ebe9;padding:0 18px;display:flex}.workspace-tabs button{color:#657772;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:14px 15px;font-size:11px;font-weight:750;display:flex}.workspace-tabs button svg{width:16px}.workspace-tabs button.active{color:#0d786b;border-bottom-color:#0d786b}.workspace-tabs b{background:#e8efed;border-radius:9px;padding:2px 6px}.workspace-body{min-height:510px;max-height:calc(100vh - 280px);padding:21px;overflow:auto}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.section-heading span{color:#168173}.section-heading h3{margin:4px 0;font-size:18px}.section-heading p{color:#768681;margin:0;font-size:10px}.save-button,.primary,.secondary{border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:800;display:inline-flex}.save-button,.primary{color:#fff;background:#117e70}.secondary{color:#41534f;background:#eef2f1;border:1px solid #d9e3e0}.save-button:disabled,.primary:disabled{opacity:.5}.form-section{border-top:1px solid #e7edeb;margin-top:18px;padding-top:18px}.identity-section{border-top:0;margin-top:0;padding-top:0}.form-section h4{margin:0 0 13px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label,.form-grid fieldset{color:#354d47;font-size:10px;font-weight:750}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{box-sizing:border-box;color:#193630;width:100%;font:inherit;background:#fff;border:1px solid #d4e0dd;border-radius:9px;margin-top:6px;padding:10px 11px;font-size:11px;display:block}.form-grid textarea{resize:vertical;line-height:1.55}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#3ca393;outline:2px solid #98d4cb}.form-grid fieldset{border:0;margin:0;padding:0}.form-grid legend{padding:0}.class-picker{flex-wrap:wrap;gap:7px;margin-top:7px;display:flex}.class-picker label{background:#fff;border:1px solid #d6e1de;border-radius:9px;padding:8px 11px}.class-picker label.selected{color:#0d7165;background:#e9f7f4;border-color:#188777}.class-picker input{display:none}.check-field{background:#f7faf9;border:1px solid #dce6e3;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.check-field input{width:auto;margin:2px 0}.check-field b,.check-field small{display:block}.check-field small{color:#73847f;margin-top:3px;font-weight:400}.modules-body{padding-bottom:0}.module-layout{grid-template-columns:270px minmax(0,1fr);gap:14px;min-height:480px;display:grid}.module-list{border:1px solid #e0e9e6;border-radius:13px;max-height:calc(100vh - 390px);overflow:auto}.module-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #e7eeec;grid-template-columns:28px 1fr;gap:8px;width:100%;padding:12px;display:grid;position:relative}.module-list>button.active{background:#ecf8f5}.module-list>button>b{color:#18766b;background:#e5efec;border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.module-list strong,.module-list small{display:block}.module-list strong{font-size:11px;line-height:1.35}.module-list small{color:#74847f;margin-top:4px;font-size:8px}.module-list em{color:#7a8985;grid-column:2;font-size:8px;font-style:normal}.module-list em.ready{color:#08784e;font-weight:800}.module-empty{text-align:center;color:#74847f;padding:30px 16px}.module-empty svg{color:#95bbb4}.module-empty p{font-size:10px;line-height:1.5}.module-editor{border:1px solid #e0e9e6;border-radius:13px;min-width:0}.module-form>header{background:#f4f8f7;border-bottom:1px solid #e1e9e7;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.module-form>header span{color:#147a6e}.module-form h4{margin:4px 0;font-size:15px}.module-form>header svg{color:#62a99e}.module-form>.form-grid{padding:17px}.module-form>footer,.materials-modal form>footer{border-top:1px solid #e1e9e7;justify-content:flex-end;gap:8px;padding:14px 17px;display:flex}.label-icon{align-items:center;gap:5px;display:flex}.label-icon svg{width:14px}.publish-body{background:#fbfcfc}.readiness-card{background:#fff;border:1px solid #dce7e4;border-radius:15px;align-items:center;gap:22px;padding:20px;display:flex}.readiness-ring{--progress:0deg;background:conic-gradient(#1a927f var(--progress),#e5ecea 0);border-radius:50%;place-items:center;width:100px;height:100px;display:grid;position:relative}.readiness-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.readiness-ring strong{z-index:1;font-size:20px}.readiness-card h4{margin:0 0 9px}.readiness-card ul{grid-template-columns:1fr 1fr;gap:7px 28px;margin:0;padding:0;list-style:none;display:grid}.readiness-card li{color:#899590;font-size:10px}.readiness-card li:before{content:"○";margin-right:6px}.readiness-card li.done{color:#087b58;font-weight:750}.readiness-card li.done:before{content:"✓"}.publish-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:13px;display:grid}.publish-grid article{background:#fff;border:1px solid #dce7e4;border-radius:13px;gap:12px;padding:15px;display:flex}.publish-grid svg{color:#158275;flex:none}.publish-grid h4{margin:0 0 5px;font-size:12px}.publish-grid p{color:#72827e;margin:0;font-size:10px;line-height:1.5}.publish-action{color:#fff;background:#153f38;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-top:13px;padding:17px;display:flex}.publish-action b,.publish-action span{display:block}.publish-action b{font-size:12px}.publish-action span{color:#c9e2dd;margin-top:4px;font-size:9px}.publish-action>div:last-child{gap:8px;display:flex}.publish-action .secondary{color:#fff;background:0 0;border-color:#66817c}.publish-action .primary{color:#0c6f63;background:#fff}.publish-warning{color:#916018;align-items:center;gap:6px;font-size:10px;display:flex}.materials-modal{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{background:#0b1f1c94;border:0;position:absolute;inset:0}.materials-modal>form{background:#fff;border-radius:18px;width:min(700px,100%);max-height:90vh;position:relative;overflow:auto;box-shadow:0 24px 70px #00000047}.materials-modal form>header{border-bottom:1px solid #e2eae8;justify-content:space-between;padding:20px;display:flex}.materials-modal header span{letter-spacing:1px;color:#168173;font-size:9px;font-weight:800}.materials-modal h2{margin:4px 0;font-size:19px}.materials-modal header p{color:#71827d;margin:0;font-size:10px}.materials-modal header button{background:#eff4f3;border:0;border-radius:9px;width:34px;height:34px}.materials-modal .form-section{margin:0;padding:19px}.materials-modal form>footer>button:first-child{background:0 0;border:0}.materials-modal .primary{border:0}.materials-modal .primary:disabled{opacity:.5}@media (width<=1000px){.materials-summary{grid-template-columns:1fr 1fr}.materials-layout{grid-template-columns:270px minmax(0,1fr)}.module-layout{grid-template-columns:220px minmax(0,1fr)}}@media (width<=760px){.materials-page{padding:12px}.materials-top{flex-wrap:wrap;align-items:flex-start;padding:20px}.materials-top>div{flex-basis:100%;order:-1}.materials-top h1{font-size:22px}.materials-summary{grid-template-columns:1fr 1fr}.materials-layout{grid-template-columns:1fr}.course-list{max-height:300px;overflow:auto}.workspace-body{max-height:none}.module-layout{grid-template-columns:1fr}.module-list{max-height:260px}.form-grid,.publish-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.readiness-card,.publish-action{flex-direction:column;align-items:flex-start}.readiness-card ul{grid-template-columns:1fr}.workspace-tabs{overflow:auto}.workspace-tabs button{white-space:nowrap}.workspace-head{flex-direction:column}.materials-modal{padding:8px}}:root{--vl:#9f4335;--vl-dark:#5f2922;--vl-soft:#fbefec;--vl-line:#eadbd7;--vl-muted:#806f6b;--vl-ink:#302725}.violation-shell{min-height:100vh;color:var(--vl-ink);background:#f8f5f4;font-family:Arial,sans-serif}.violation-top{border-bottom:1px solid var(--vl-line);z-index:20;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 30px;display:grid;position:sticky;top:0}.violation-top>a{color:var(--vl-dark);align-items:center;gap:8px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.violation-top>div{align-items:center;gap:9px;display:flex}.violation-top>div:nth-child(2){color:var(--vl)}.violation-top>div:last-child{text-align:right;justify-self:end}.violation-top span{flex-direction:column;display:flex}.violation-top small{color:var(--vl-muted);margin-top:3px;font-size:9px}.violation-top button{border:1px solid var(--vl-line);color:var(--vl-dark);background:#fff;border-radius:9px;align-items:center;gap:6px;margin-left:10px;padding:8px 10px;display:flex}.violation-main{max-width:1500px;margin:0 auto;padding:28px}.violation-hero{background:linear-gradient(120deg,var(--vl-dark),#a84d3e);color:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:30px 34px;display:flex}.violation-hero span,.violation-entry>header span,.violation-report>header span{letter-spacing:1.3px;font-size:9px;font-weight:850}.violation-hero h1{margin:7px 0;font-size:30px}.violation-hero p{color:#f5deda;margin:0;font-size:12px}.violation-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.violation-stats article{border:1px solid var(--vl-line);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;padding:15px;display:flex}.violation-stats span{color:var(--vl-muted);font-size:11px;font-weight:750}.violation-stats strong{color:var(--vl);font-size:23px}.violation-notice{color:#28693b;background:#ecf8ef;border:1px solid #c9e7d1;border-radius:10px;align-items:center;gap:8px;margin-bottom:15px;padding:11px 13px;font-size:12px;font-weight:700;display:flex}.violation-entry,.violation-report{border:1px solid var(--vl-line);background:#fff;border-radius:17px;margin-bottom:17px;padding:22px}.violation-entry>header,.violation-report>header{border-bottom:1px solid var(--vl-line);justify-content:space-between;align-items:flex-end;margin-bottom:16px;padding-bottom:15px;display:flex}.violation-entry h2,.violation-report h2{margin:5px 0 0;font-size:21px}.violation-entry header p{color:var(--vl-muted);margin:5px 0 0;font-size:11px}.violation-entry header button{border:1px solid var(--vl-line);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:flex}.violation-student-tools{grid-template-columns:180px minmax(180px,1fr) minmax(300px,2fr);gap:10px;display:grid}.violation-student-tools>label,.violation-field{flex-direction:column;gap:6px;display:flex}.violation-student-tools label>span,.violation-field>span{color:#685752;font-size:10px;font-weight:800}.violation-student-tools select,.violation-student-tools input,.violation-field input,.violation-field select,.violation-field textarea,.violation-report>header select{font:inherit;color:var(--vl-ink);background:#fff;border:1px solid #dacbc7;border-radius:9px;min-width:0;padding:10px}.violation-student-tools label>div{border:1px solid #dacbc7;border-radius:9px;align-items:center;padding-left:9px;display:flex}.violation-student-tools label>div input{border:0;outline:0;width:100%}.violation-form{border-top:1px solid var(--vl-line);margin-top:16px;padding-top:16px}.violation-selected{background:var(--vl-soft);border-radius:10px;flex-direction:column;margin-bottom:13px;padding:11px 13px;display:flex}.violation-selected span{color:var(--vl-muted);margin-top:3px;font-size:10px}.violation-form-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.violation-field{margin-bottom:11px}.violation-field textarea{resize:vertical;min-height:70px}.violation-form-columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.violation-form footer{border-top:1px solid var(--vl-line);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.violation-form footer span{color:var(--vl-muted);font-size:10px}.violation-form footer button{background:var(--vl);color:#fff;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:flex}.violation-form footer button:disabled{opacity:.55}.violation-select-prompt{text-align:center;color:var(--vl-muted);padding:25px;font-size:12px}.violation-report>header select{min-width:180px}@media (width<=900px){.violation-top{grid-template-columns:1fr auto}.violation-top>div:nth-child(2){display:none}.violation-main{padding:16px}.violation-student-tools,.violation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.violation-student-tools>label:last-child{grid-column:1/-1}}@media (width<=560px){.violation-top{padding:0 12px}.violation-top>div:last-child>span{display:none}.violation-hero{padding:24px}.violation-hero svg{display:none}.violation-stats,.violation-student-tools,.violation-form-grid,.violation-form-columns{grid-template-columns:1fr}.violation-student-tools>label:last-child{grid-column:auto}.violation-form footer{flex-direction:column;align-items:flex-start;gap:10px}.violation-entry,.violation-report{padding:15px}}.violation-field-hint{color:var(--vl-muted);margin-top:-2px;font-size:9px;line-height:1.45}:root{--qr:#087467;--qr-dark:#06483f;--qr-soft:#e8f7f3;--qr-gold:#d89b2b;--qr-line:#d8e8e4;--qr-ink:#15302c;--qr-muted:#6a7f7b}.quran-shell{min-height:100vh;color:var(--qr-ink);background:#f4f8f7;font-family:Arial,sans-serif}.quran-top{border-bottom:1px solid var(--qr-line);z-index:20;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 32px;display:grid;position:sticky;top:0}.quran-top>a{color:var(--qr-dark);align-items:center;gap:8px;font-size:13px;font-weight:750;text-decoration:none;display:flex}.quran-brand{align-items:center;gap:11px;display:flex}.quran-brand img{object-fit:contain;width:46px;height:46px}.quran-brand span,.quran-user>span{flex-direction:column;display:flex}.quran-brand strong{font-size:16px}.quran-brand small,.quran-user small{color:var(--qr-muted);margin-top:3px;font-size:10px}.quran-user{text-align:right;justify-self:end;align-items:center;gap:15px;display:flex}.quran-user button{border:1px solid var(--qr-line);color:var(--qr-dark);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-weight:750;display:flex}.quran-main{max-width:1500px;margin:0 auto;padding:28px}.quran-hero{background:linear-gradient(120deg,var(--qr-dark),#0b8778);color:#fff;border-radius:22px;justify-content:space-between;align-items:center;padding:31px 36px;display:flex;box-shadow:0 15px 32px #06483f24}.quran-hero>div>span,.quran-placement header span,.quran-classes>header span,.quran-tests>header>span,.quran-graduates>header span,.quran-detail>header span{letter-spacing:1.35px;font-size:10px;font-weight:850}.quran-hero h1{margin:8px 0;font-size:31px}.quran-hero p{color:#d6f2ec;max-width:850px;margin:0;font-size:13px;line-height:1.55}.quran-hero>svg{opacity:.76}.quran-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0;display:grid}.quran-stats article{border:1px solid var(--qr-line);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:16px;display:flex}.quran-stats article>svg{background:var(--qr-soft);width:39px;height:39px;color:var(--qr);border-radius:11px;padding:9px}.quran-stats span{flex-direction:column;display:flex}.quran-stats small{color:var(--qr-muted);font-size:10px}.quran-stats strong{margin-top:3px;font-size:22px}.quran-tabs{gap:8px;margin-bottom:17px;display:flex}.quran-tabs button{border:1px solid var(--qr-line);color:var(--qr-muted);background:#fff;border-radius:12px;align-items:center;gap:7px;padding:11px 16px;font-weight:750;display:flex}.quran-tabs button.active{background:var(--qr-soft);color:var(--qr-dark);border-color:#91cfc2}.quran-tabs b{background:var(--qr);color:#fff;border-radius:20px;min-width:21px;padding:2px 6px;font-size:10px}.quran-notice{color:#17613d;background:#eaf8f0;border:1px solid #b8e4ca;border-radius:11px;align-items:center;gap:8px;margin-bottom:15px;padding:11px 14px;font-weight:700;display:flex}.quran-loading,.quran-empty{text-align:center;color:var(--qr-muted);padding:35px}.quran-loading{justify-content:center;align-items:center;gap:8px;display:flex}.quran-spin{animation:1s linear infinite qrspin}@keyframes qrspin{to{transform:rotate(360deg)}}.quran-placement,.quran-classes,.quran-tests,.quran-graduates{border:1px solid var(--qr-line);background:#fff;border-radius:18px;margin-bottom:18px;padding:23px}.quran-placement>header,.quran-graduates>header{border-bottom:1px solid var(--qr-line);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:17px;display:flex}.quran-placement header span,.quran-classes>header span,.quran-tests>header>span,.quran-graduates>header span,.quran-detail>header span{color:var(--qr)}.quran-placement h2,.quran-classes h2,.quran-tests h2,.quran-graduates h2{margin:5px 0 4px;font-size:22px}.quran-placement p,.quran-tests>header p,.quran-graduates header p{color:var(--qr-muted);margin:0;font-size:12px}.quran-placement>header>svg,.quran-graduates>header>svg{color:var(--qr);background:var(--qr-soft);box-sizing:content-box;border-radius:11px;padding:8px}.quran-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.quran-field{flex-direction:column;gap:6px;display:flex}.quran-field>span{color:#48625d;font-size:10px;font-weight:800}.quran-field input,.quran-field select,.quran-field textarea,.quran-filters input,.quran-filters select{font:inherit;color:var(--qr-ink);background:#fff;border:1px solid #cbdcd8;border-radius:9px;min-width:0;padding:10px 11px}.quran-field textarea{resize:vertical;min-height:78px}.quran-placement footer{border-top:1px solid var(--qr-line);color:var(--qr-muted);justify-content:space-between;align-items:center;margin-top:17px;padding-top:17px;font-size:12px;display:flex}.quran-placement footer button,.quran-teacher-note>button,.quran-detail>footer button,.quran-test-action>button,.quran-result-buttons button{background:var(--qr);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:flex}.quran-placement button:disabled,.quran-detail button:disabled,.quran-tests button:disabled{opacity:.5}.quran-classes>header{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.quran-filters{gap:8px;display:flex}.quran-filters label{border:1px solid #cbdcd8;border-radius:9px;align-items:center;gap:6px;padding-left:9px;display:flex}.quran-filters label input{border:0;outline:0;width:190px}.quran-class-list{border:1px solid var(--qr-line);border-radius:13px;overflow:hidden}.quran-class-list>button{border:0;border-top:1px solid var(--qr-line);text-align:left;width:100%;color:var(--qr-ink);background:#fff;grid-template-columns:45px 1fr auto 18px;align-items:center;gap:12px;padding:12px 14px;display:grid}.quran-class-list>button:first-child{border-top:0}.quran-class-list>button:hover,.quran-class-list>button.selected{background:#f2faf7}.quran-level-badge{background:var(--qr-soft);width:43px;height:43px;color:var(--qr);border-radius:12px;place-items:center;font-weight:900;display:grid}.quran-class-list>button>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.quran-class-list small{color:var(--qr-muted);font-size:10px}.quran-class-list>button>i{flex-direction:column;align-items:flex-end;gap:5px;font-style:normal;display:flex}.quran-class-list em{font-size:12px;font-style:normal;font-weight:850}.quran-class-list b,.quran-test-person>b{border-radius:20px;padding:5px 8px;font-size:9px}.status-active{color:#526b73;background:#edf3f6}.status-ready_test{color:#94620c;background:#fff3db}.status-scheduled{color:#2e5da8;background:#e9f1ff}.status-graduated{color:#197147;background:#e6f7ee}.quran-detail-backdrop{z-index:50;background:#0b231f8c;justify-content:flex-end;display:flex;position:fixed;inset:0}.quran-detail{background:#fff;width:min(720px,100%);height:100%;padding:24px;overflow:auto;box-shadow:-20px 0 55px #05231f33}.quran-detail>header{border-bottom:1px solid var(--qr-line);justify-content:space-between;padding-bottom:16px;display:flex}.quran-detail h2{margin:5px 0;font-size:24px}.quran-detail header p{color:var(--qr-muted);margin:0;font-size:12px}.quran-detail>header>button{width:34px;height:34px;color:var(--qr-dark);background:#eff4f3;border:0;border-radius:50%;font-size:23px}.quran-progress-head{grid-template-columns:150px 1fr;align-items:center;gap:15px;margin:17px 0;display:grid}.quran-progress-head>div{flex-direction:column;display:flex}.quran-progress-head strong{font-size:17px}.quran-progress-head small{color:var(--qr-muted);margin-top:3px;font-size:10px}.quran-progress-head>span{background:#e4eeeb;border-radius:8px;height:9px;overflow:hidden}.quran-progress-head i{background:linear-gradient(90deg,var(--qr),#40b695);border-radius:8px;height:100%;display:block}.quran-check-groups{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quran-check-groups>section{border:1px solid var(--qr-line);border-radius:13px;padding:13px}.quran-check-groups h3{color:var(--qr-dark);margin:0 0 9px;font-size:12px}.quran-check-groups button{text-align:left;background:#fff;border:0;border-top:1px solid #edf2f1;align-items:center;gap:9px;width:100%;padding:9px 0;display:flex}.quran-check-groups button:first-of-type{border-top:0}.quran-check-groups button>i{color:#fff;border:1px solid #bad0ca;border-radius:6px;flex:none;place-items:center;width:21px;height:21px;display:grid}.quran-check-groups button.done>i{background:var(--qr);border-color:var(--qr)}.quran-check-groups button>span{flex-direction:column;gap:2px;display:flex}.quran-check-groups button strong{font-size:11px}.quran-check-groups button small{color:var(--qr-muted);font-size:8px}.quran-teacher-note{border:1px solid var(--qr-line);border-radius:13px;margin-top:13px;padding:14px}.quran-teacher-note>button{margin-left:auto}.quran-history{border:1px solid var(--qr-line);border-radius:13px;margin-top:14px;padding:14px}.quran-history>h3{align-items:center;gap:7px;margin:0 0 10px;font-size:13px;display:flex}.quran-history>div{border-top:1px solid #edf2f1;grid-template-columns:160px 1fr;gap:3px 10px;padding:9px 0;display:grid}.quran-history>div:first-of-type{border-top:0}.quran-history span,.quran-history small{color:var(--qr-muted);font-size:10px}.quran-history small{grid-column:2}.quran-detail>footer{border-top:1px solid var(--qr-line);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:15px 0 0;display:flex;position:sticky;bottom:-24px}.quran-detail>footer>span{color:var(--qr-muted);font-size:11px}.quran-tests>header{border-bottom:1px solid var(--qr-line);margin-bottom:15px;padding-bottom:16px}.quran-tests>div>article{border:1px solid var(--qr-line);border-radius:14px;margin-top:10px;padding:15px}.quran-test-person{grid-template-columns:44px 1fr auto;align-items:center;gap:11px;display:grid}.quran-test-person>span{background:var(--qr-soft);width:42px;height:42px;color:var(--qr);border-radius:11px;place-items:center;font-weight:900;display:grid}.quran-test-person>div{flex-direction:column;gap:3px;display:flex}.quran-test-person small,.quran-result-action small{color:var(--qr-muted);font-size:10px}.quran-test-action{border-top:1px solid var(--qr-line);align-items:flex-end;gap:10px;margin-top:13px;padding-top:13px;display:flex}.quran-result-action{border-top:1px solid var(--qr-line);grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;margin-top:13px;padding-top:13px;display:grid}.quran-result-action>div:first-child{flex-direction:column;gap:4px;display:flex}.quran-result-buttons{gap:6px;display:flex}.quran-result-buttons .repeat{background:#a44b41}.quran-graduates header{align-items:center}.quran-table-wrap{border:1px solid var(--qr-line);border-radius:12px;overflow:auto}.quran-table-wrap table{border-collapse:collapse;width:100%;min-width:850px}.quran-table-wrap th{color:#57706a;text-transform:uppercase;text-align:left;background:#f0f6f4;padding:11px;font-size:9px}.quran-table-wrap td{border-top:1px solid var(--qr-line);padding:11px;font-size:11px}@media (width<=980px){.quran-top{grid-template-columns:1fr auto}.quran-brand{display:none}.quran-stats,.quran-form-grid{grid-template-columns:1fr 1fr}.quran-classes>header{flex-direction:column;align-items:flex-start;gap:13px}.quran-filters{flex-wrap:wrap;width:100%}.quran-result-action{grid-template-columns:1fr 1fr}.quran-result-action>div:first-child{grid-column:1/-1}.quran-check-groups{grid-template-columns:1fr}}@media (width<=600px){.quran-main{padding:12px}.quran-top{padding:0 14px}.quran-user>span{display:none}.quran-hero{padding:24px}.quran-hero h1{font-size:25px}.quran-hero>svg{display:none}.quran-stats{gap:7px}.quran-stats article{padding:11px}.quran-form-grid,.quran-result-action{grid-template-columns:1fr}.quran-tabs{overflow:auto}.quran-tabs button{white-space:nowrap}.quran-class-list>button{grid-template-columns:42px 1fr 16px}.quran-class-list>button>i{grid-column:2;align-items:flex-start}.quran-detail{padding:17px}}.quran-student-workspace{grid-template-columns:minmax(290px,390px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.quran-student-workspace .quran-classes{padding:18px}.quran-student-workspace .quran-classes>header{display:block}.quran-student-workspace .quran-filters{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quran-student-workspace .quran-filters>*{width:100%;min-width:0}.quran-student-workspace .quran-class-list{max-height:75vh;overflow:auto}.quran-student-record{border:1px solid var(--qr-line);background:#fff;border-radius:18px;min-width:0}.quran-inline-detail .quran-detail{width:100%;max-width:none;max-height:none;box-shadow:none;border-radius:18px;position:static;overflow:visible}.quran-student-workspace .quran-class-list button{grid-template-columns:42px minmax(0,1fr) 16px}.quran-student-workspace .quran-class-list button>i{grid-area:2/2}.quran-student-workspace .quran-class-list button>svg{grid-area:1/3}.quran-student-workspace .quran-classes h2{font-size:20px}@media (width<=900px){.quran-student-workspace{grid-template-columns:1fr}.quran-student-workspace .quran-class-list{max-height:300px}}.quran-programs{grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px;display:grid}.quran-programs button{text-align:left;color:#496359;background:#fff;border:1px solid #dae6df;border-radius:16px;gap:6px;padding:20px;display:grid}.quran-programs button span{letter-spacing:1px;font-size:10px}.quran-programs button strong{font-size:17px}.quran-programs button small{color:#788a80;font-size:12px}.quran-programs button.active{color:#226d42;background:#edf8f1;border-color:#75aa89}.quran-programs button:disabled{color:#8a9790;cursor:not-allowed;background:#f1f3f2}.quran-programs button:focus-visible{outline-offset:3px;outline:2px solid #28865e}.quran-tahfidz-gate{background:#f0f7f4;border:1px solid #d6e7de;border-radius:13px;margin:16px 22px;padding:18px}.quran-tahfidz-gate>strong{color:#226947;font-size:14px}.quran-tahfidz-gate p{color:#698274;margin:8px 0;font-size:12px;line-height:1.7}.quran-tahfidz-gate>div{flex-wrap:wrap;align-items:end;gap:12px;margin-top:12px;display:flex}.quran-tahfidz-gate select{background:#fff;border:1px solid #d4e1da;border-radius:8px;max-width:100%;padding:10px}.quran-tahfidz-gate button{color:#fff;background:#287a50;border:0;border-radius:8px;padding:11px 14px;font-size:12px}.quran-tahfidz-gate button:disabled{opacity:.5;cursor:default}.quran-tahsin-history{background:#f8faf9;border-radius:12px;margin:18px 22px;padding:14px;font-size:12px}.quran-tahsin-history summary{cursor:pointer;color:#426d56;font-weight:600}.quran-tahsin-history p{border-top:1px solid #e5ede8;gap:4px;padding:10px 0;display:grid}.quran-tahsin-history small{color:#7e9187}@media (width<=600px){.quran-programs{grid-template-columns:1fr}.quran-tahfidz-gate{margin:12px}.quran-tahfidz-gate>div{display:grid}.quran-tahfidz-gate select{width:100%}}.quran-placement-edit{background:#f7fbfa;border:1px solid #cfe2dc;border-radius:13px;margin:16px 0;padding:14px 16px}.quran-placement-edit summary{cursor:pointer;color:var(--qr-dark);font-size:13px;font-weight:800}.quran-placement-edit>p{color:var(--qr-muted);margin:9px 0 12px;font-size:11px;line-height:1.55}.quran-placement-edit>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quran-placement-edit>button{background:var(--qr);color:#fff;border:0;border-radius:9px;align-items:center;gap:7px;margin:12px 0 0 auto;padding:10px 13px;font-weight:800;display:flex}.quran-placement-edit>button:disabled{opacity:.5}@media (width<=600px){.quran-placement-edit>div{grid-template-columns:1fr}}.quran-analytics{border:1px solid var(--qr-line);background:#fff;border-radius:18px;margin:0 0 18px;padding:21px}.quran-analytics>header{border-bottom:1px solid var(--qr-line);justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:16px;display:flex}.quran-analytics>header>div:first-child>span,.quran-chart-title>span{letter-spacing:1px;text-transform:uppercase;color:var(--qr);font-size:9px;font-weight:850}.quran-analytics h2{margin:5px 0 4px;font-size:21px}.quran-analytics>header p{color:var(--qr-muted);margin:0;font-size:11px}.quran-analytics-summary{gap:8px;display:flex}.quran-analytics-summary>span{border:1px solid var(--qr-line);background:#f6faf8;border-radius:10px;flex-direction:column;min-width:105px;padding:9px 11px;display:flex}.quran-analytics-summary small{color:var(--qr-muted);font-size:8px}.quran-analytics-summary strong{color:var(--qr-dark);margin-top:3px;font-size:18px}.quran-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.quran-chart-grid>article{border:1px solid var(--qr-line);background:#fcfefd;border-radius:14px;min-width:0;padding:15px}.quran-chart-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.quran-chart-title>strong{color:var(--qr-dark);font-size:10px}.quran-chart-title>small{color:var(--qr-muted);text-align:right;font-size:8px}.quran-donut-layout{grid-template-columns:150px 1fr;align-items:center;gap:16px;display:grid}.quran-donut{border-radius:50%;place-items:center;width:145px;height:145px;display:grid;position:relative}.quran-donut:after{content:"";background:#fff;border-radius:50%;width:88px;height:88px;position:absolute;box-shadow:0 0 0 1px #0874670f}.quran-donut>span{z-index:1;flex-direction:column;align-items:center;display:flex}.quran-donut strong{color:var(--qr-dark);font-size:25px}.quran-donut small{color:var(--qr-muted);font-size:9px}.quran-donut-legend{max-height:185px;overflow:auto}.quran-donut-legend>div{grid-template-columns:8px minmax(0,1fr) 25px 34px;align-items:center;gap:6px;padding:4px 0;display:grid}.quran-donut-legend i{border-radius:50%;width:8px;height:8px}.quran-donut-legend span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.quran-donut-legend strong{text-align:right;font-size:10px}.quran-donut-legend small{color:var(--qr-muted);text-align:right;font-size:8px}.quran-donut-legend p,.quran-progress-rows>p{color:var(--qr-muted);font-size:10px}.quran-progress-rows{gap:9px;max-height:185px;padding-right:3px;display:grid;overflow:auto}.quran-progress-rows>div>header{justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}.quran-progress-rows header strong{text-overflow:ellipsis;white-space:nowrap;max-width:62%;font-size:9px;overflow:hidden}.quran-progress-rows header span{color:var(--qr-muted);white-space:nowrap;font-size:8px}.quran-progress-rows>div>div{background:#e8f0ed;border-radius:10px;height:8px;overflow:hidden}.quran-progress-rows i{background:linear-gradient(90deg,var(--qr),#5cc29d);border-radius:10px;min-width:2px;height:100%;display:block}@media (width<=900px){.quran-analytics>header{flex-direction:column;align-items:flex-start}.quran-analytics-summary{flex-wrap:wrap;width:100%}.quran-analytics-summary>span{flex:1}.quran-chart-grid{grid-template-columns:1fr}}@media (width<=520px){.quran-analytics{padding:14px}.quran-analytics-summary{grid-template-columns:1fr 1fr;display:grid}.quran-donut-layout{grid-template-columns:1fr}.quran-donut{margin:auto}.quran-chart-title{flex-direction:column;align-items:flex-start}.quran-chart-title>small{text-align:left}}.quran-analytics-controls{gap:8px;min-width:min(100%,420px);display:grid}.quran-analytics-controls>label{justify-content:flex-end;align-items:center;gap:8px;display:flex}.quran-analytics-controls>label>span{color:var(--qr-muted);font-size:9px;font-weight:800}.quran-analytics-controls select{min-width:175px;color:var(--qr-ink);background:#fff;border:1px solid #cbdcd8;border-radius:9px;padding:9px 11px}.quran-teacher-comparison{border:1px solid var(--qr-line);background:#fcfefd;border-radius:14px;margin-top:14px;padding:15px}.quran-teacher-table-wrap{border:1px solid var(--qr-line);border-radius:11px;overflow:auto}.quran-teacher-table-wrap table{border-collapse:collapse;width:100%;min-width:820px}.quran-teacher-table-wrap th{color:#58726b;text-align:left;text-transform:uppercase;background:#eff7f4;padding:9px 11px;font-size:8px}.quran-teacher-table-wrap td{border-top:1px solid var(--qr-line);color:#637a73;padding:10px 11px;font-size:10px}.quran-teacher-table-wrap td strong{color:var(--qr-dark)}.quran-grade-chips{flex-wrap:wrap;gap:4px;display:flex}.quran-grade-chips span{background:var(--qr-soft);color:var(--qr-dark);border-radius:20px;padding:4px 6px;font-size:8px}.quran-teacher-progress{align-items:center;gap:8px;min-width:120px;display:flex}.quran-teacher-progress>span{background:#e5eeeb;border-radius:10px;flex:1;height:7px;overflow:hidden}.quran-teacher-progress i{background:linear-gradient(90deg,var(--qr),#5cc29d);border-radius:10px;height:100%;display:block}.quran-teacher-progress>b{color:var(--qr-dark);font-size:9px}@media (width<=900px){.quran-analytics-controls{width:100%}.quran-analytics-controls>label{justify-content:flex-start}}@media (width<=520px){.quran-analytics-controls>label{display:grid}.quran-analytics-controls select{width:100%}}*{box-sizing:border-box}.graduate-page{color:#17243a;background:#f4f7fa;min-height:100vh;font-family:Arial,sans-serif}.graduate-top{background:#fff;border-bottom:1px solid #dfe6ee;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;height:76px;padding:0 28px;display:grid}.graduate-top>a{color:#526278;align-items:center;gap:7px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.graduate-top>div{align-items:center;gap:10px;display:flex}.graduate-top img{object-fit:contain;width:48px;height:48px}.graduate-top span{gap:3px;display:grid}.graduate-top strong{font-size:12px}.graduate-top small{color:#7a8799;font-size:8px}.graduate-top>section{text-align:right;justify-self:end;align-items:center;gap:13px;display:flex}.graduate-top button{color:#526278;background:#fff;border:1px solid #dbe3ed;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:9px;font-weight:750;display:flex}.graduate-content{max-width:1480px;margin:auto;padding:22px}.graduate-hero{color:#fff;background:linear-gradient(135deg,#173b67,#3568eb);border-radius:18px;justify-content:space-between;align-items:center;min-height:164px;padding:28px 34px;display:flex;box-shadow:0 15px 36px #3568eb26}.graduate-hero span,.graduate-editor>header span:first-child{letter-spacing:1.2px;font-size:8px;font-weight:850}.graduate-hero h1{margin:8px 0;font-size:30px}.graduate-hero p{color:#dfe9ff;max-width:720px;margin:0;font-size:11px;line-height:1.6}.graduate-filters{grid-template-columns:180px 180px 1fr;gap:12px;margin:16px 0;display:grid}.graduate-filters>label{color:#647286;font-size:8px;font-weight:750}.graduate-filters input,.graduate-filters select{color:#26354d;background:#fff;border:1px solid #dce3ec;border-radius:9px;width:100%;margin-top:5px;padding:10px;font-size:10px}.graduate-filters>div{color:#267860;background:#edf8f4;border:1px solid #d6e6df;border-radius:11px;align-items:center;gap:10px;padding:10px 13px;display:flex}.graduate-filters>div span{gap:2px;display:grid}.graduate-filters>div strong{font-size:9px}.graduate-filters>div small{color:#657e76;font-size:8px}.graduate-notice{color:#a34c4c;background:#fff1f0;border-radius:9px;align-items:center;gap:8px;margin-bottom:13px;padding:11px 13px;font-size:10px;display:flex}.graduate-notice.success{color:#1b7b5e;background:#eaf8f3}.graduate-workspace{grid-template-columns:290px 1fr;gap:15px;display:grid}.graduate-workspace>aside,.graduate-editor{background:#fff;border:1px solid #dfe6ee;border-radius:15px;overflow:hidden;box-shadow:0 4px 14px #18243c0a}.graduate-student-search{color:#8491a2;border:1px solid #dce3ec;border-radius:9px;align-items:center;gap:8px;margin:14px;padding:9px 10px;display:flex}.graduate-student-search input{border:0;outline:0;width:100%;min-width:0;font-size:10px}.graduate-student-list{border-top:1px solid #e8edf3;max-height:700px;overflow:auto}.graduate-student-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;width:100%;padding:11px 13px;display:grid}.graduate-student-list>button.active{background:#edf3ff;box-shadow:inset 3px 0 #3568eb}.graduate-student-list>button>span{color:#6483bd;background:#edf2f8;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.graduate-student-list img{object-fit:cover;width:100%;height:100%}.graduate-student-list button>div{gap:3px;display:grid}.graduate-student-list strong{font-size:9px}.graduate-student-list small{color:#7e8a9b;font-size:8px}.graduate-student-list button>svg{color:#1f9d72}.graduate-student-list>p{color:#8793a4;text-align:center;padding:24px;font-size:9px}.graduate-editor>header{border-bottom:1px solid #e5ebf2;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.graduate-editor>header span:first-child{color:#3568eb}.graduate-editor>header h2{margin:5px 0;font-size:18px}.graduate-editor>header p{color:#7c8899;margin:0;font-size:9px}.graduate-scale{color:#3568eb;background:#edf3ff;border-radius:12px;padding:6px 9px;font-size:8px;font-weight:800}.graduate-editor-grid{grid-template-columns:minmax(430px,1.1fr) minmax(390px,.9fr);display:grid}.graduate-score-fields{border-right:1px solid #e5ebf2;padding:18px}.graduate-score-fields>label{border-bottom:1px solid #edf1f5;grid-template-columns:1fr 76px;align-items:center;gap:14px;min-height:66px;display:grid}.graduate-score-fields>label>span{gap:4px;display:grid}.graduate-score-fields b{font-size:9px}.graduate-score-fields small{color:#7f8b9d;font-size:7.5px;line-height:1.45}.graduate-score-fields input{text-align:center;color:#3568eb;border:1px solid #d8e1eb;border-radius:8px;width:70px;padding:9px;font-size:13px;font-weight:800}.graduate-score-fields>label.graduate-notes{border:0;grid-template-columns:1fr;margin-top:10px}.graduate-notes textarea{resize:vertical;border:1px solid #d8e1eb;border-radius:9px;padding:10px;font-size:10px}.graduate-save{color:#fff;background:#3568eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:13px;padding:12px;font-size:10px;font-weight:800;display:flex}.graduate-save:disabled{opacity:.6}.graduate-chart-panel{background:#fbfcfe;padding:18px}.competency-chart svg{width:100%;max-height:410px;overflow:visible}.competency-chart svg text{fill:#5c6a7d;font-size:8px;font-weight:700}.competency-chart svg .empty-label{fill:#9aa5b4;font-size:10px}.competency-chart-legend{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.competency-chart-legend>span{grid-template-columns:8px auto;align-items:center;gap:3px 6px;font-size:8px;font-weight:800;display:grid}.competency-chart-legend i{border-radius:50%;grid-row:1/3;width:8px;height:8px}.competency-chart-legend small{color:#7e8a9b;font-size:7px}.competency-chart-legend .empty{opacity:.45}.graduate-history{border-top:1px solid #e1e7ef;gap:8px;margin-top:18px;padding-top:13px;display:grid}.graduate-history>strong{font-size:9px}.graduate-history>span{grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:8px;display:grid}.graduate-history i{border-radius:50%;width:8px;height:8px}.graduate-history .grade-VII{background:#3568eb}.graduate-history .grade-VIII{background:#1f9d72}.graduate-history .grade-IX{background:#e19037}.graduate-history small,.graduate-history p{color:#7e8a9b;font-size:7.5px}.graduate-empty{text-align:center;color:#8490a1;padding:90px;font-size:11px}@media (width<=1050px){.graduate-editor-grid{grid-template-columns:1fr}.graduate-score-fields{border-bottom:1px solid #e5ebf2;border-right:0}.graduate-workspace{grid-template-columns:250px 1fr}}@media (width<=760px){.graduate-top{grid-template-columns:1fr auto;padding:0 14px}.graduate-top>div,.graduate-top>section span{display:none}.graduate-content{padding:12px}.graduate-hero{padding:22px}.graduate-hero h1{font-size:24px}.graduate-filters,.graduate-workspace{grid-template-columns:1fr}.graduate-filters>div{grid-column:1}.graduate-workspace>aside{max-height:350px}.graduate-editor-grid{display:block}.graduate-score-fields>label{grid-template-columns:1fr 64px}.graduate-chart-panel{padding:10px}}.asts-page{color:#15283b;background:#f3f6f9;min-height:100vh;font-family:Arial,Helvetica Neue,sans-serif}.asts-topbar{z-index:20;background:#fff;border-bottom:1px solid #dce4ea;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 32px;display:grid;position:sticky;top:0}.asts-topbar>a{color:#245b45;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.asts-topbar>div{align-items:center;gap:10px;display:flex}.asts-topbar img{object-fit:contain;width:42px;height:42px}.asts-topbar span{flex-direction:column;display:flex}.asts-topbar small{color:#6d7b87;margin-top:2px}.asts-user{align-items:flex-end}.asts-content{width:min(1440px,100% - 40px);margin:24px auto 48px}.asts-hero{color:#fff;background:linear-gradient(125deg,#174f3d,#287b5a);border-radius:20px;justify-content:space-between;align-items:center;padding:30px 34px;display:flex;box-shadow:0 14px 32px #18533e29}.asts-hero span,.asts-panel header span,.asts-print-panel>header span{letter-spacing:.12em;font-size:11px;font-weight:800}.asts-hero h1{margin:7px 0;font-size:28px}.asts-hero p{color:#d8eee6;margin:0}.asts-hero>svg{opacity:.72}.asts-filters{background:#fff;border:1px solid #dce5e9;border-radius:14px;grid-template-columns:180px 150px 220px 1fr;align-items:end;gap:14px;margin-top:18px;padding:16px 20px;display:grid}.asts-filters label,.asts-panel header label{color:#536574;flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}.asts-filters input,.asts-filters select,.asts-panel header select{color:#183143;height:40px;font:inherit;background:#fff;border:1px solid #cbd7dc;border-radius:9px;padding:0 11px}.asts-filters>div{color:#205f47;background:#edf7f2;border-radius:10px;justify-self:end;align-items:center;gap:10px;padding:9px 14px;display:flex}.asts-filters>div span{flex-direction:column;display:flex}.asts-filters>div small{color:#6a8177}.asts-notice{color:#935114;background:#fff4e7;border:1px solid #f4d1a9;border-radius:10px;align-items:center;gap:8px;margin-top:14px;padding:12px 15px;font-size:14px;display:flex}.asts-notice.success{color:#24663d;background:#ecf8f1;border-color:#bde4ca}.asts-tabs{gap:8px;margin:20px 0 12px;display:flex}.asts-tabs button{color:#4b6070;cursor:pointer;background:#fff;border:1px solid #d4dee3;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-weight:800;display:flex}.asts-tabs button.active{color:#fff;background:#205f47;border-color:#205f47}.asts-panel,.asts-print-panel{background:#fff;border:1px solid #dae4e8;border-radius:16px;overflow:hidden}.asts-panel>header,.asts-print-panel>header{border-bottom:1px solid #e3e9ec;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.asts-panel header h2,.asts-print-panel header h2{margin:5px 0;font-size:20px}.asts-panel header p,.asts-print-panel header p{color:#71808b;margin:0;font-size:13px}.asts-panel header label{min-width:320px}.asts-table-wrap{max-height:60vh;overflow:auto}.asts-input-table{border-collapse:collapse;width:100%;min-width:900px}.asts-input-table th{color:#274b3d;text-transform:uppercase;letter-spacing:.04em;z-index:1;background:#eef4f1;font-size:12px;position:sticky;top:0}.asts-input-table th,.asts-input-table td{text-align:center;border:1px solid #dce4e7;padding:10px}.asts-input-table th:nth-child(2),.asts-input-table td:nth-child(2){text-align:left;min-width:260px}.asts-input-table td strong,.asts-input-table td small{display:block}.asts-input-table td small{color:#74838e;margin-top:3px}.asts-input-table input{text-align:center;color:#173b2e;border:1px solid #c7d4d9;border-radius:7px;width:64px;height:37px;font-weight:800}.asts-input-table.attendance{min-width:650px}.asts-input-table.attendance input{width:100px}.asts-panel>footer{text-align:right;border-top:1px solid #e3e9ec;padding:16px 22px}.asts-panel>footer button,.asts-print-panel>header button{color:#fff;cursor:pointer;background:#1f654a;border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 17px;font-weight:800;display:inline-flex}.asts-panel>footer button:disabled{opacity:.55}.asts-loading,.asts-empty{text-align:center;color:#70808c;background:#fff;border:1px solid #dde5e9;border-radius:14px;padding:48px}.asts-loading{justify-content:center;align-items:center;gap:10px;display:flex}@keyframes asts-spin{to{transform:rotate(360deg)}}.asts-sheets{background:#d9dee1;flex-direction:column;align-items:center;gap:24px;padding:24px;display:flex}.report-sheet{isolation:isolate;box-sizing:border-box;color:#000;background:#fff;flex-direction:column;width:210mm;min-height:297mm;padding:13mm 14mm 10mm;font-family:Times New Roman,serif;font-size:10pt;display:flex;position:relative;box-shadow:0 5px 20px #00000026}.sheet-watermark{z-index:-1;width:var(--report-watermark-size,104mm);height:var(--report-watermark-size,104mm);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.sheet-watermark img{object-fit:contain;object-position:center;width:88%;height:88%;opacity:var(--report-watermark-opacity,.055);display:block}.sheet-print{color:#fff;cursor:pointer;background:#1f654a;border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font:700 12px Arial;display:flex;position:absolute;top:12px;right:12px}.sheet-school{text-align:center;margin-bottom:var(--report-school-gap,9mm);border-bottom:3px double #000;padding:0 4mm 4mm;display:block;position:relative}.sheet-school img{object-fit:contain;width:21mm;height:21mm;position:absolute;top:50%;left:4mm;transform:translateY(-58%)}.sheet-school div{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:21mm;padding:0 22mm;line-height:1.18;display:flex}.sheet-school div>span:first-child{font-size:var(--report-institution-font,10.7pt);white-space:nowrap}.sheet-school strong{font-size:var(--report-school-name-font,15pt);margin:1mm 0}.sheet-school span{font-size:var(--report-address-font,11pt)}.sheet-report-title{text-align:center;padding:1mm 0 var(--report-title-gap,9.5mm);flex-direction:column;align-items:center;line-height:1.25;display:flex}.sheet-report-title strong,.sheet-report-title b{font-size:var(--report-title-font,12pt)}.sheet-report-title span{font-size:calc(var(--report-title-font,12pt) - .5pt);margin-top:.6mm;font-weight:700}.report-sheet table{min-width:0}.report-sheet th,.report-sheet td{color:#000}.report-sheet tbody tr:hover td{background:0 0}.sheet-identity,.sheet-grades,.sheet-attendance{border-collapse:collapse;width:100%;min-width:0}.sheet-identity{min-width:0;margin-bottom:3.5mm}.sheet-identity th,.sheet-identity td{color:#000;text-align:left;font-size:var(--report-identity-font,9pt);text-transform:none;letter-spacing:0;padding:1.2mm 1mm;font-weight:400;background:0 0!important;border:0!important}.sheet-identity th{white-space:nowrap;width:31mm}.sheet-identity th:nth-child(3){width:19mm}.sheet-identity td:nth-child(2){width:auto}.sheet-grades th,.sheet-grades td{border:1px solid #000;padding:1.45mm 1.2mm}.sheet-grades th{color:#000;text-align:center;font-size:var(--report-table-header-font,9pt);letter-spacing:0;background:#fff}.sheet-grades td{text-align:center;height:var(--report-grade-row-height,5.4mm);font-size:var(--report-table-body-font,10pt)}.sheet-grades td:nth-child(2){text-align:left;width:72mm}.sheet-grades th:first-child{width:8mm}.sheet-grades td:first-child{color:#000;width:8mm}.sheet-grades th:not(:nth-child(2)){width:10mm}.sheet-attendance{width:77mm;margin-top:4mm}.sheet-attendance th,.sheet-attendance td{font-size:var(--report-attendance-font,10pt);border:1px solid #000;padding:1.35mm 2mm}.sheet-attendance td:first-child{color:#000;width:auto}.sheet-attendance td:last-child{text-align:center;width:22mm}.sheet-signatures{text-align:center;margin-top:var(--report-signature-gap,12mm);font-size:var(--report-signature-font,10pt);grid-template-columns:repeat(2,1fr);gap:24mm;padding:0 12mm;display:grid}.sheet-signatures section{flex-direction:column;min-height:36mm;display:flex}.sheet-signatures section span:nth-child(2){margin-top:1mm}.sheet-signatures b{font-size:var(--report-signature-font,9.5pt);margin-top:auto}.sheet-signatures small{min-height:4mm}.sheet-authenticity{border-top:1px solid #000;grid-template-columns:22mm 1fr;align-items:center;gap:3mm;margin-top:auto;padding-top:2mm;display:grid}.sheet-authenticity img,.sheet-qr-placeholder{width:var(--report-qr-size,19mm);height:var(--report-qr-size,19mm);box-sizing:border-box;border:1px solid #aaa;place-items:center;display:grid}.sheet-qr-placeholder{color:#777;background:#fafafa;font:700 8pt Arial}.sheet-authenticity strong{font-size:var(--report-footer-font,8pt)}.sheet-authenticity p{font-size:calc(var(--report-footer-font,8pt) - .6pt);margin:1mm 0 .7mm;line-height:1.3}.sheet-authenticity small{font-size:calc(var(--report-footer-font,8pt) - 1pt)}.asts-print-panel>header{background:#fff}.asts-print-settings{background:#f7fbf9;border:1px solid #cfe0d8;border-radius:14px;margin:16px;overflow:hidden}.asts-print-settings>header{background:#edf7f2;border-bottom:1px solid #dce9e3;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.asts-print-settings>header>div{color:#205f47;align-items:center;gap:10px;display:flex}.asts-print-settings>header span{flex-direction:column;gap:2px;display:flex}.asts-print-settings>header small{color:#647970;font-size:11px;font-weight:400}.asts-print-settings>header button,.asts-print-presets button{color:#285e49;cursor:pointer;background:#fff;border:1px solid #bfd4ca;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;font-weight:800;display:inline-flex}.asts-print-presets{align-items:center;gap:8px;padding:12px 16px 0;display:flex}.asts-print-presets>span{color:#526b60;margin-right:2px;font-size:12px;font-weight:800}.asts-print-presets button{padding:6px 12px}.asts-print-controls{grid-template-columns:repeat(5,minmax(150px,1fr));gap:13px 18px;padding:14px 16px;display:grid}.asts-print-controls label{flex-direction:column;gap:7px;min-width:0;display:flex}.asts-print-controls label>span{color:#546a61;justify-content:space-between;gap:8px;font-size:11px;display:flex}.asts-print-controls label b{color:#1f5d46;white-space:nowrap}.asts-print-controls input{accent-color:#1f654a;cursor:pointer;width:100%}.asts-print-settings>p{color:#657970;margin:0;padding:0 16px 14px;font-size:12px;line-height:1.5}.sheet-grades{table-layout:fixed}.sheet-grades thead tr:first-child th:first-child{width:8mm}.sheet-grades thead tr:first-child th:nth-child(2){width:72mm}.sheet-grades thead tr:first-child th:nth-child(3){width:60mm}.sheet-grades thead tr:first-child th:nth-child(4){width:11mm}.sheet-grades thead tr:nth-child(2) th{width:10mm}@media (width<=800px){.asts-topbar{grid-template-columns:1fr auto;padding:0 16px}.asts-user{display:none!important}.asts-content{width:min(100% - 20px,1440px)}.asts-hero{padding:24px}.asts-hero h1{font-size:22px}.asts-hero>svg{display:none}.asts-filters{grid-template-columns:1fr 1fr}.asts-filters>div{justify-self:stretch}.asts-panel>header,.asts-print-panel>header{flex-direction:column;align-items:flex-start}.asts-panel header label{width:100%;min-width:100%}.asts-tabs{overflow:auto}.asts-tabs button{white-space:nowrap}.asts-print-settings>header{flex-direction:column;align-items:flex-start}.asts-print-presets{overflow:auto}.asts-print-presets>*{white-space:nowrap}.asts-print-controls{grid-template-columns:repeat(2,minmax(130px,1fr))}.asts-sheets{align-items:flex-start;overflow:auto}.report-sheet{transform-origin:0 0}.sheet-print{display:none}}@media print{@page asts-report{size:A4 portrait;margin:7mm}.asts-page{background:#fff}.asts-topbar,.asts-content>:not(.asts-print-panel),.asts-print-panel>header,.asts-print-settings{display:none!important}.asts-content{width:auto;margin:0}.asts-print-panel{border:0;overflow:visible}.asts-sheets{background:#fff;padding:0;display:block}.report-sheet{page:asts-report;width:196mm;height:283mm;min-height:0;padding:var(--report-print-pad-top,5mm) var(--report-print-pad-x,7mm) var(--report-print-pad-bottom,4mm);box-shadow:none;page-break-after:always;break-after:page;font-size:8.2pt;display:none;overflow:hidden;page-break-inside:avoid!important;break-inside:avoid-page!important}.report-sheet.print-selected{display:flex}.report-sheet:last-child{page-break-after:auto;break-after:auto}.sheet-print{display:none}.sheet-school{margin-bottom:var(--report-school-gap,7mm);padding:0 3mm 2mm}.sheet-school img{width:16mm;height:16mm;left:3mm}.sheet-school div{min-height:16mm;padding:0 19mm}.sheet-school div>span:first-child{font-size:var(--report-institution-font,7.8pt)}.sheet-school strong{font-size:var(--report-school-name-font,11pt);margin:.4mm 0}.sheet-school span{font-size:var(--report-address-font,7.8pt)}.sheet-report-title{padding:.5mm 0 var(--report-title-gap,7.5mm)}.sheet-report-title strong,.sheet-report-title b{font-size:var(--report-title-font,9pt)}.sheet-report-title span{font-size:calc(var(--report-title-font,9pt) - .5pt);margin-top:.3mm}.sheet-identity{margin-bottom:2mm}.sheet-identity th,.sheet-identity td{font-size:var(--report-identity-font,7.7pt);padding:.55mm .8mm}.sheet-grades th,.sheet-grades td{padding:.85mm .8mm}.sheet-grades td{height:var(--report-grade-row-height,4.1mm)}.sheet-grades th{font-size:var(--report-table-header-font,7.8pt)}.sheet-grades td{font-size:var(--report-table-body-font,8.2pt)}.sheet-attendance{margin-top:2.5mm}.sheet-attendance th,.sheet-attendance td{font-size:var(--report-attendance-font,8.2pt);padding:.8mm 1.4mm}.sheet-signatures{margin-top:var(--report-signature-gap,7.5mm);min-height:28mm}.sheet-signatures section{min-height:28mm;font-size:var(--report-signature-font,8pt)}.sheet-signatures b{font-size:var(--report-signature-font,8pt)}.sheet-authenticity{grid-template-columns:17mm 1fr;gap:2mm;margin-top:auto;padding-top:1.2mm}.sheet-authenticity img,.sheet-qr-placeholder{width:var(--report-qr-size,15mm);height:var(--report-qr-size,15mm)}.sheet-authenticity strong{font-size:var(--report-footer-font,6.8pt)}.sheet-authenticity p{font-size:calc(var(--report-footer-font,6.8pt) - .6pt);margin:.5mm 0 .3mm;line-height:1.2}.sheet-authenticity small{font-size:calc(var(--report-footer-font,6.8pt) - 1pt)}.asts-print-panel,.asts-sheets{overflow:visible}}.archive-shell{color:#132d27;background:#f4f7f6;min-height:100vh;font-family:Inter,Arial,sans-serif}.archive-top{z-index:20;background:#fff;border-bottom:1px solid #dce7e3;align-items:center;gap:28px;height:76px;padding:0 clamp(18px,4vw,62px);display:flex;position:sticky;top:0}.archive-top>a{color:#42635b;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.archive-brand{align-items:center;gap:11px;margin:auto;display:flex}.archive-brand img{object-fit:contain;width:43px;height:43px}.archive-brand span,.archive-user{gap:2px;display:grid}.archive-brand small,.archive-user small{color:#71877f;font-size:12px}.archive-user{text-align:right}.archive-main{width:min(1240px,100% - 36px);margin:0 auto;padding:42px 0 70px}.archive-hero{color:#fff;background:linear-gradient(125deg,#0f5447,#147660);border-radius:26px;justify-content:space-between;align-items:end;gap:24px;padding:34px;display:flex;box-shadow:0 18px 45px #0d55442a}.archive-hero span,.archive-list header span,.archive-dialog header span,.archive-detail header span{letter-spacing:1.5px;font-size:11px;font-weight:900}.archive-hero h1{margin:10px 0;font-size:clamp(32px,5vw,54px);line-height:1}.archive-hero p{color:#d4eee7;max-width:700px;margin:0}.archive-hero button,.primary{color:#11624f;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:13px;align-items:center;gap:8px;padding:13px 18px;font-weight:850;display:flex}.archive-flow{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.archive-flow article{background:#fff;border:1px solid #dce7e3;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:19px;display:grid}.archive-flow article>i{color:#16715b;background:#e7f6f0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.archive-flow article span{display:grid}.archive-flow article small{color:#778b85;margin-top:4px}.archive-flow article>b{font-size:23px}.archive-toolbar{grid-template-columns:minmax(250px,1fr) 210px 190px 44px;gap:10px;margin:24px 0 14px;display:grid}.archive-toolbar label{background:#fff;border:1px solid #d9e5e1;border-radius:12px;align-items:center;gap:8px;padding:0 13px;display:flex}.archive-toolbar input,.archive-toolbar select,.archive-field input,.archive-field select,.archive-field textarea,.archive-actions textarea,.archive-edit-notulen textarea{color:#17342d;width:100%;font:inherit;background:#fff;border:1px solid #d7e3df;border-radius:11px;padding:12px 13px}.archive-toolbar label input{border:0;outline:0;padding-left:0}.archive-toolbar select{padding:0 12px}.archive-toolbar button{cursor:pointer;color:#176852;background:#fff;border:1px solid #d9e5e1;border-radius:12px}.archive-notice{background:#fff7d8;border:1px solid #ead58a;border-radius:12px;justify-content:space-between;margin-bottom:14px;padding:12px 15px;display:flex}.archive-notice button,.archive-dialog header>button,.archive-detail header>button{cursor:pointer;background:0 0;border:0}.archive-list{background:#fff;border:1px solid #dce7e3;border-radius:22px;overflow:hidden}.archive-list>header{border-bottom:1px solid #e2ebe8;justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.archive-list h2{margin:5px 0 0}.archive-list article{cursor:pointer;border-bottom:1px solid #edf2f0;grid-template-columns:46px minmax(0,1fr) auto 20px;align-items:center;gap:14px;padding:17px 23px;transition:all .15s;display:grid}.archive-list article:hover{background:#f6fbf9}.archive-list article.unread{background:#f3fbf8;box-shadow:inset 4px 0 #14775e}.archive-list article>i{color:#14715a;background:#edf6f3;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.archive-doc-main,.archive-doc-meta{gap:4px;display:grid}.archive-doc-main small,.archive-doc-meta small{color:#71877f}.archive-doc-meta{text-align:right}.archive-status{color:#455d64;background:#e8eef0;border-radius:999px;width:max-content;padding:6px 10px;font-size:12px;display:inline-block}.archive-status.diajukan{color:#8a6200;background:#fff3d3}.archive-status.ditinjau{color:#285ba9;background:#e7efff}.archive-status.perlu-revisi{color:#ad3c30;background:#ffe8e5}.archive-status.disetujui,.archive-status.diarsipkan{color:#16704f;background:#ddf5e9}.archive-empty{color:#71877f;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:230px;display:flex}.spin{animation:1s linear infinite archive-spin}@keyframes archive-spin{to{transform:rotate(360deg)}}.archive-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#102b2588;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.archive-dialog,.archive-detail{background:#fff;border-radius:24px;width:min(820px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 28px 80px #09282055}.archive-dialog>header,.archive-detail>header{border-bottom:1px solid #e0e9e6;justify-content:space-between;gap:20px;padding:23px 26px;display:flex}.archive-dialog h2,.archive-detail h2{margin:5px 0}.archive-dialog header p,.archive-detail header p{color:#71877f;margin:0}.archive-dialog form{padding:23px 26px}.archive-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.archive-field{gap:7px;margin-bottom:14px;display:grid}.archive-field>span{color:#45645c;font-size:12px;font-weight:800}.archive-choice>strong{margin-bottom:8px;display:block}.archive-choice>div,.archive-recipients>div{grid-template-columns:repeat(2,1fr);gap:8px;max-height:220px;display:grid;overflow:auto}.archive-choice label,.archive-recipients label{cursor:pointer;border:1px solid #dce7e3;border-radius:11px;gap:9px;padding:10px;display:flex}.archive-choice label.selected,.archive-recipients label.selected{background:#effaf6;border-color:#148064}.archive-choice label span,.archive-recipients label span{display:grid}.archive-choice small,.archive-recipients small{color:#71877f}.archive-upload{cursor:pointer;background:#f5fbf9;border:1.5px dashed #91bbae;border-radius:14px;align-items:center;gap:13px;padding:17px;display:flex}.archive-upload span{display:grid}.archive-upload small{color:#71877f}.archive-upload input{max-width:240px;margin-left:auto}.archive-dialog footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.archive-dialog footer button,.archive-actions button,.archive-edit-notulen button,.archive-recipients>button,.archive-qr button{cursor:pointer;background:#fff;border:1px solid #ccddd7;border-radius:11px;align-items:center;gap:7px;padding:11px 14px;font-weight:800;display:inline-flex}.archive-dialog footer .primary{color:#fff;background:#126c56;border-color:#126c56}.archive-error{color:#b23a31;background:#fff0ee;border-radius:9px;padding:10px}.archive-backdrop.detail{place-items:stretch end;padding:0}.archive-detail{border-radius:22px 0 0 22px;width:min(880px,95vw);height:100vh;max-height:none}.archive-detail-body{grid-template-columns:minmax(0,1fr) 280px;display:grid}.archive-detail-main,.archive-detail aside{padding:24px}.archive-detail aside{background:#f5f8f7;border-left:1px solid #dee8e4}.archive-meta{color:#637a73;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.archive-detail dl{grid-template-columns:150px 1fr;gap:12px;margin:24px 0;display:grid}.archive-detail dt{color:#70847e}.archive-detail dd{margin:0;font-weight:650}.archive-file{color:#153f35;background:#f4faf8;border:1px solid #d7e5e0;border-radius:13px;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.archive-file span{flex:1;display:grid}.archive-file small{color:#71877f}.archive-edit-notulen,.archive-actions,.archive-recipients{border-top:1px solid #e1e9e6;margin-top:22px;padding-top:20px}.archive-actions>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.archive-actions button.warning{color:#875d00;background:#fff3d7}.archive-actions button.approve{color:#fff;background:#15735c;border-color:#15735c}.archive-actions button.danger{color:#b4372d}.archive-recipients h3,.archive-audit h3{align-items:center;gap:8px;display:flex}.archive-recipients>button{color:#fff;background:#176f5a;margin-top:12px}.archive-qr{text-align:center;background:#fff;border:1px solid #dbe6e2;border-radius:16px;padding:16px}.archive-qr img{width:180px;max-width:100%;margin:10px auto;display:block}.archive-qr p{color:#6e817b;font-size:12px}.archive-audit{margin-top:18px}.archive-audit article{grid-template-columns:30px 1fr;gap:8px;margin-bottom:14px;display:grid}.archive-audit article>i{color:#166d58;background:#dff3eb;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.archive-audit article div{gap:2px;display:grid}.archive-audit article span,.archive-audit article p{color:#70837d;margin:0;font-size:12px}@media (width<=900px){.archive-flow{grid-template-columns:1fr 1fr}.archive-detail-body{grid-template-columns:1fr}.archive-detail aside{border-top:1px solid #dee8e4;border-left:0}.archive-toolbar{grid-template-columns:1fr 1fr}.archive-toolbar label{grid-column:1/-1}.archive-user{display:none}}@media (width<=620px){.archive-top{height:auto;padding:12px}.archive-top>a{font-size:0}.archive-brand{margin-left:0}.archive-main{width:min(100% - 20px,1240px);padding-top:20px}.archive-hero{flex-direction:column;align-items:flex-start;padding:24px}.archive-flow,.archive-form-grid,.archive-choice>div,.archive-recipients>div,.archive-toolbar{grid-template-columns:1fr}.archive-toolbar label{grid-column:auto}.archive-list article{grid-template-columns:40px 1fr 18px}.archive-doc-meta{text-align:left;grid-column:2}.archive-detail{border-radius:0;width:100vw}.archive-detail dl{grid-template-columns:1fr;gap:4px}.archive-detail dd{margin-bottom:8px}}@media print{.archive-top,.archive-main,.archive-detail>header,.archive-detail-main{display:none!important}.archive-backdrop{background:#fff;padding:0;position:static}.archive-detail{width:100%;box-shadow:none}.archive-detail-body{display:block}.archive-detail aside{border:0}.archive-audit{display:none}.archive-qr{border:0}}.survey-page,.public-survey-page{color:#172e29;background:#f4f7f6;min-height:100vh;font-family:Arial,sans-serif}.survey-page{padding:28px clamp(16px,4vw,60px) 60px}.survey-top{color:#fff;background:linear-gradient(125deg,#144c3c,#218160);border-radius:22px;align-items:center;gap:22px;max-width:1250px;margin:auto;padding:25px 30px;display:flex}.survey-top>a{color:#fff;align-items:center;gap:7px;font-size:12px;text-decoration:none;display:flex}.survey-top>div{flex:1}.survey-top span,.survey-section-head span,.public-survey-card header span{letter-spacing:1.1px;font-size:10px;font-weight:800}.survey-top h1{margin:5px 0;font-size:27px}.survey-top>button,.survey-actions button,.survey-card-actions button,.fill-survey,.submit-survey{color:#fff;cursor:pointer;background:#147a5a;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:750;display:flex}.survey-top>button{color:#145944;background:#fff}.survey-error{color:#aa3f4b;background:#fff0f1;border:1px solid #ffcbd0;border-radius:11px;justify-content:space-between;max-width:1250px;margin:16px auto 0;padding:11px 14px;display:flex}.survey-error button{color:inherit;background:0 0;border:0}.survey-builder,.survey-list{background:#fff;border:1px solid #dfe9e5;border-radius:18px;max-width:1250px;margin:18px auto 0;padding:22px}.survey-section-head{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.survey-section-head span{color:#168160}.survey-section-head h2{margin:4px 0;font-size:19px}.survey-section-head small{color:#71817c}.survey-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.survey-form-grid label{color:#536661;font-size:11px;font-weight:750}.survey-form-grid label.wide{grid-column:1/-1}.survey-form-grid input,.survey-form-grid select,.survey-form-grid textarea,.survey-builder-row input,.survey-builder-row select,.survey-question textarea{box-sizing:border-box;color:#172e29;background:#fbfdfc;border:1px solid #d7e2de;border-radius:9px;width:100%;margin-top:6px;padding:10px;display:block}.question-builder{gap:9px;margin-top:17px;display:grid}.survey-builder-row{background:#f6faf8;border-radius:11px;grid-template-columns:28px minmax(200px,1fr) 150px minmax(180px,1fr) 38px;align-items:center;gap:8px;padding:10px;display:grid}.survey-builder-row>b{color:#167557;background:#dff3eb;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.survey-builder-row>button{color:#b3404d;background:#ffecef;border:0;border-radius:8px;height:36px}.survey-actions{justify-content:space-between;margin-top:16px;display:flex}.survey-actions .secondary{color:#176f56;background:#edf5f2}.survey-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:14px;display:grid}.survey-grid article{border:1px solid #e1e9e6;border-radius:14px;flex-direction:column;min-height:205px;padding:17px;display:flex}.survey-card-head{justify-content:space-between;display:flex}.survey-card-head>span{color:#147a5a;background:#e8f7f1;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800}.survey-card-head em{text-transform:uppercase;font-size:9px;font-style:normal;font-weight:800}.status-published{color:#13805e}.status-draft{color:#b17b21}.status-closed{color:#a24d59}.survey-grid h3{margin:15px 0 7px;font-size:16px}.survey-grid p{color:#71817c;flex:1;font-size:11px;line-height:1.6}.survey-card-meta{color:#667772;margin:9px 0;font-size:10px}.survey-card-actions{gap:7px;display:flex}.survey-card-actions select{border:1px solid #dbe5e1;border-radius:9px;flex:1;padding:8px}.survey-card-actions button{padding:8px 10px}.fill-survey:disabled{color:#72817c;cursor:default;background:#dae4e0}.survey-empty{text-align:center;color:#71817c;padding:35px}.survey-modal-bg{z-index:100;background:#102820a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.survey-modal{background:#fff;border-radius:18px;width:min(720px,100%);max-height:88vh;padding:22px;overflow:auto}.dashboard-modal{width:min(850px,100%)}.survey-modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.survey-modal-head span{color:#168160;font-size:9px;font-weight:800}.survey-modal-head h2{margin:5px 0;font-size:19px}.survey-modal-head>button{background:#edf3f1;border:0;border-radius:8px;width:32px;height:32px;font-size:20px}.survey-question{border:1px solid #e0e9e6;border-radius:12px;margin:12px 0;padding:14px}.survey-question legend{padding:0 6px;font-size:12px;font-weight:750}.survey-options{flex-wrap:wrap;gap:8px;display:flex}.survey-options label{cursor:pointer;border:1px solid #dce6e2;border-radius:9px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.submit-survey{margin:18px 0 0 auto}.survey-total{background:#e8f7f1;border-radius:13px;align-items:center;gap:12px;padding:16px;display:flex}.survey-total strong,.survey-total span{display:block}.survey-total strong{font-size:25px}.survey-total span{font-size:10px}.result-groups{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.result-groups div{border:1px solid #dfe8e5;border-radius:9px;padding:8px 12px;font-size:10px}.result-groups b{margin-left:8px}.question-result{border-top:1px solid #e5ece9;padding:15px 0}.question-result h3{font-size:12px}.result-bar{grid-template-columns:130px 1fr 25px;align-items:center;gap:8px;margin:8px 0;font-size:10px;display:grid}.result-bar i{background:#edf1f0;border-radius:5px;height:7px;overflow:hidden}.result-bar em{background:#1c9a71;height:100%;display:block}.public-survey-page{padding:30px 15px}.public-survey-card{background:#fff;border:1px solid #dfe9e5;border-radius:20px;max-width:760px;margin:auto;padding:26px}.public-survey-card header{border-bottom:1px solid #e5ece9;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex}.public-survey-card header img{object-fit:contain;width:64px;height:64px}.public-survey-card h1{margin:5px 0;font-size:23px}.public-survey-card p{color:#687a75;font-size:12px}.public-survey-card.done{text-align:center;margin-top:12vh}.public-survey-card.done svg{color:#168160;width:50px;height:50px}@media (width<=700px){.survey-top{flex-wrap:wrap;align-items:flex-start}.survey-top>div{flex-basis:100%;order:-1;width:100%}.survey-form-grid{grid-template-columns:1fr}.survey-form-grid label.wide{grid-column:auto}.survey-builder-row{grid-template-columns:28px 1fr 38px}.survey-builder-row select,.survey-builder-row input:nth-of-type(2){grid-column:2/4}.survey-modal-bg{align-items:end;padding:0}.survey-modal{border-radius:18px 18px 0 0;max-height:94vh}}