/* EDUVIA V106 — canonical simple UI: no animation, no transition, no backdrop blur. */ :root{color-scheme:light;--ink:#14233a;--muted:#6f7d90;--green:#1672a8;--cyan:#159ab6;font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--theme-surface,#fff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--portal-menu-font:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--portal-menu-size-desktop:15px;--portal-menu-size-secondary:12.5px;--portal-menu-size-mobile:10.5px;--portal-fast-font:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--portal-v01-font:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--portal-v01-ink:#11243f;--portal-v01-body:#4f5f5b;--portal-v01-muted:#6f7f7b;--portal-v01-line:#dce9e4;--portal-v01-soft:#f2f8f5;--portal-v01-white:var(--theme-surface,#fff);--portal-v01-green:var(--theme-primary,#078ee8);--portal-v01-blue-dark:var(--theme-primary-darker,#123d6b);--portal-v01-blue-soft:#eaf4ff;--portal-v01-blue:#2563eb;--portal-v01-amber:#f6c453;--portal-v01-amber-ink:#5b3500;--portal-v01-red:var(--theme-danger-deep,#be123c);--portal-v01-radius:14px;--portal-v01-focus:0 0 0 3px rgba(0, 52, 125, 0.16);--portal-loading-accent:var(--theme-primary,#078ee8);--portal-loading-track:rgba(7, 142, 232, 0.18);--portal-loading-layer:rgba(239, 246, 248, 0.76);--pp-menu-control-green:var(--theme-primary,#078ee8);--pp-menu-control-hover:#20a7ff;--pp-menu-control-border:var(--theme-primary,#078ee8);--pp-menu-control-dark:var(--theme-primary-strong,#173f70);--pp-menu-control-pale:var(--theme-primary-soft,#f0f8ff);--pp-menu-control-text:var(--theme-primary-mid,#1264ad);--pp-menu-control-focus:0 0 0 4px rgba(7,142,232,.18);--eduvia-shared-blue:var(--theme-primary,#078ee8);--eduvia-shared-blue-dark:#075da7;--eduvia-shared-ink:#172033;--eduvia-shared-muted:var(--theme-text-muted,#60758d);--eduvia-shared-line:#e3eaf2;--eduvia-shared-soft:#f6f9fc;--eduvia-shared-surface:var(--theme-surface,#fff);--eduvia-shared-radius:16px;--eduvia-shared-safe-bottom:env(safe-area-inset-bottom, 0px);--eduvia-shared-shadow:0 12px 34px rgba(15, 23, 42, 0.09);} *{box-sizing:border-box;} html{min-width:320px;min-height:100%;} body{min-height:100dvh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 8% 12%, rgba(31, 131, 190, 0.08), transparent 27%), radial-gradient(circle at 92% 88%, rgba(22, 158, 191, 0.08), transparent 29%), var(--theme-surface,#fff);} body::before{position:fixed;z-index:-1;inset:0;content:"";opacity:0.38;background-image:linear-gradient(rgba(17, 65, 91, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 65, 91, 0.03) 1px, transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom, #000, transparent 82%);mask-image:linear-gradient(to bottom, #000, transparent 82%);} main{display:grid;width:min(1240px, calc(100% - 64px));min-height:100dvh;align-content:center;margin:0 auto;padding:44px 0 30px;} .welcome{margin-bottom:28px;text-align:center;} .brand-mark{position:relative;display:inline-grid;width:86px;height:86px;place-items:center;margin-bottom:18px;border-radius:26px;background:var(--theme-surface,#fff);box-shadow:0 18px 42px rgba(20, 98, 139, 0.18), 0 0 0 1px rgba(18, 90, 129, 0.08);} .brand-mark::after{position:absolute;right:-3px;bottom:-2px;width:20px;height:20px;content:"";border:4px solid var(--theme-surface,#fff);border-radius:50%;background:#1d80bd;box-shadow:0 5px 12px rgba(20, 105, 156, 0.3);} .brand-mark img{width:76px;height:76px;border-radius:var(--radius-4xl,22px);} .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:11px;padding:8px 13px;border:1px solid #dcefe8;border-radius:var(--radius-pill,999px);color:#125880;background:#f5fcf9;font-size:12px;font-weight:800;letter-spacing:0.11em;} .eyebrow i, .secure-status i{width:8px;height:8px;border-radius:50%;background:#1d80bd;box-shadow:0 0 0 5px rgba(29, 128, 189, 0.12);} h1{margin:0;font-size:clamp(32px, 4vw, 50px);line-height:1.08;letter-spacing:-0.04em;} h1 span{color:transparent;background:linear-gradient(110deg, #126ea5, #1798b6);background-clip:text;-webkit-background-clip:text;} .welcome > p{max-width:720px;margin:14px auto 0;color:var(--muted);font-size:16px;line-height:1.65;} .selector{position:relative;padding:26px;overflow:hidden;border:1px solid rgba(208, 221, 218, 0.92);border-radius:29px;background:rgba(255, 255, 255, 0.96);box-shadow:0 28px 80px rgba(23, 54, 73, 0.09), 0 3px 12px rgba(23, 54, 73, 0.035);} .selector::before{position:absolute;top:0;left:50%;width:36%;height:3px;content:"";transform:translateX(-50%);background:linear-gradient(90deg, transparent, #2783ba, #25a8c1, transparent);} .selector-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px;padding:0 3px;} .selector-head h2{margin:0;font-size:21px;line-height:1.3;letter-spacing:-0.02em;} .selector-head p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.55;} .secure-status{display:inline-flex;flex:0 0 auto;align-items:center;gap:9px;color:#4f616c;font-size:13px;font-weight:700;} .portal-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px;} .portal-card{--accent:#1470a6;--soft:#edf9f4;position:relative;display:block;min-height:252px;padding:22px;overflow:hidden;border:1px solid #e5ece9;border-radius:23px;color:var(--ink);background:linear-gradient(145deg, var(--theme-surface,#fff) 50%, var(--soft));text-decoration:none;} .portal-card::after{position:absolute;right:-55px;bottom:-62px;width:150px;height:150px;content:"";border-radius:50%;background:color-mix(in srgb, var(--accent) 8%, transparent);} .portal-card:hover, .portal-card:focus-visible{z-index:2;outline:none;border-color:color-mix(in srgb, var(--accent) 34%, #e4ece9);box-shadow:0 18px 40px color-mix(in srgb, var(--accent) 14%, transparent);transform:translateY(-5px);} .portal-card:focus-visible{box-shadow:0 18px 40px color-mix(in srgb, var(--accent) 14%, transparent), 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);} .portal-card:hover::after{transform:scale(1.18);} .portal-card.siswa{--accent:#1489ca;--soft:#eff8fd;} .portal-card.admin{--accent:#765ad8;--soft:#f5f2ff;} .portal-card.yayasan{--accent:#e6922b;--soft:#fff8ed;} .card-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;} .portal-icon{position:relative;width:78px;height:78px;flex:0 0 auto;border-radius:var(--radius-5xl,24px);background:radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.98), transparent 42%), color-mix(in srgb, var(--accent) 8%, var(--theme-surface,#fff));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.95), 0 15px 28px color-mix(in srgb, var(--accent) 16%, transparent);} .portal-art{position:absolute;inset:-8px;background-image:url("/portal-icons-3d-v151.webp");background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 9px 8px rgba(24, 39, 47, 0.16));} .portal-art.guru{background-position:100% 0;} .portal-art.siswa{background-position:0 0;} .portal-art.admin{background-position:0 100%;} .portal-art.yayasan{background-position:100% 100%;} .number{color:color-mix(in srgb, var(--accent) 78%, #8793a2);font-size:12px;font-weight:800;letter-spacing:0.12em;} .portal-copy{position:relative;z-index:1;display:block;margin-top:20px;} .portal-copy small{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0.08em;} .portal-copy h2{margin:7px 0 7px;font-size:22px;line-height:1.25;letter-spacing:-0.025em;} .portal-copy p{min-height:42px;margin:0;color:#758195;font-size:13px;line-height:1.55;} .enter{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--accent);font-size:13px;font-weight:800;} .enter b{display:grid;width:31px;height:31px;place-items:center;border-radius:var(--radius-md,10px);color:var(--theme-surface,#fff);background:var(--accent);font-size:18px;line-height:1;} .portal-card:hover .enter b{transform:translateX(3px);} footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:20px;color:#8a95a4;font-size:12px;} footer i{width:4px;height:4px;border-radius:50%;background:#b8c1ca;} @media (max-width: 1050px){main{width:min(900px, calc(100% - 44px));padding:36px 0 28px;} .portal-grid{grid-template-columns:repeat(2, minmax(0, 1fr));} .portal-card{min-height:230px;}} @media (max-width: 650px){main{width:min(520px, calc(100% - 28px));align-content:start;padding:24px 0 calc(24px + env(safe-area-inset-bottom));} .welcome{margin-bottom:22px;} .brand-mark{width:72px;height:72px;margin-bottom:16px;border-radius:var(--radius-4xl,22px);} .brand-mark img{width:64px;height:64px;border-radius:19px;} .brand-mark::after{width:17px;height:17px;border-width:3px;} .eyebrow{font-size:10.5px;} h1{font-size:clamp(29px, 9vw, 38px);} .welcome > p{font-size:14px;} .selector{padding:17px;border-radius:23px;} .selector-head{align-items:flex-start;} .selector-head h2{font-size:19px;} .secure-status{display:none;} .portal-grid{grid-template-columns:1fr;} .portal-card{min-height:0;padding:20px;} .portal-copy p{min-height:0;font-size:13.5px;} footer{align-items:center;flex-direction:column;gap:5px;text-align:center;} footer i{display:none;}} :is( .portal-nav-desktop > button, .app #groupNav > button, .owner-app #ownerNav > button, .foundation-app #foundationNav > button ){font-family:var(--portal-menu-font);font-size:var(--portal-menu-size-desktop);font-weight:600;font-style:normal;font-kerning:normal;font-optical-sizing:auto;font-synthesis:none;font-feature-settings:"kern" 1, "liga" 1, "calt" 1;letter-spacing:0.006em;line-height:1.32;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} :is( .portal-nav-desktop > button, .app #groupNav > button, .owner-app #ownerNav > button, .foundation-app #foundationNav > button ).active, .portal-nav-desktop > button:is( .bg-blue-500, .bg-blue-50, .text-blue-500 ){font-weight:700;} :is( .portal-nav-desktop > button, .app #groupNav > button, .owner-app #ownerNav > button, .foundation-app #foundationNav > button ) span{font:inherit;letter-spacing:inherit;} :is( .app .subnav > button, .portal-guru-category-tabs-v133 > button, [role="tab"] ){font-family:var(--portal-menu-font);font-size:var(--portal-menu-size-secondary);font-weight:600;font-kerning:normal;font-optical-sizing:auto;letter-spacing:0.004em;line-height:1.3;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} :is( .app .subnav > button, .portal-guru-category-tabs-v133 > button, [role="tab"] ).active, :is( .app .subnav > button, .portal-guru-category-tabs-v133 > button, [role="tab"] )[aria-selected="true"]{font-weight:700;} .portal-card :is(h2, .enter){font-family:var(--portal-menu-font);font-kerning:normal;font-optical-sizing:auto;letter-spacing:-0.012em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .portal-card h2{font-weight:700;} .portal-card .enter{font-size:13px;font-weight:600;} @media (max-width: 850px){:is( .portal-nav-mobile > button, body > #groupNav.admin-mobile-dock > button, .owner-app #ownerNav > button, .foundation-app #foundationNav > button ){font-family:var(--portal-menu-font);font-size:var(--portal-menu-size-mobile);font-weight:600;font-kerning:normal;font-optical-sizing:auto;font-synthesis:none;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} :is( .portal-nav-mobile > button, body > #groupNav.admin-mobile-dock > button, .owner-app #ownerNav > button, .foundation-app #foundationNav > button ) span{font-family:var(--portal-menu-font);font-size:var(--portal-menu-size-mobile);font-weight:600;line-height:1.18;letter-spacing:0;} :is( .portal-nav-mobile > button, body > #groupNav.admin-mobile-dock > button, .owner-app #ownerNav > button, .foundation-app #foundationNav > button ).active span{font-weight:700;} :is( .app .subnav > button, .portal-guru-category-tabs-v133 > button, [role="tab"] ){font-size:12px;}} html,body,button,input,select,textarea{font-family:var(--portal-fast-font);} html,body{text-rendering:optimizeSpeed;} button,a,[role="button"],input,select,textarea{touch-action:manipulation;} .modal:not(.hidden){background-color:rgba(18,29,36,.58);} :is(.card,.panel,.school-list-row,.school-card,.ab-card,.eskul-program-card, .document-item,.announcement,.notification-item):not(.modal-card){content-visibility:auto;contain-intrinsic-size:auto 180px;} .loading:not(.hidden), .portal-loading-v03, .portal-loading-v03-content{contain:layout paint style;} .loading span, .portal-loading-v03-spinner, [aria-busy="true"] :is(.spinner,[class*="spinner"]){transform:translateZ(0);} @media (max-width:850px),(prefers-reduced-motion:reduce){.card:hover,.panel:hover,[class*="-card"]:hover{transform:none!important;}} @media print{*{content-visibility:visible!important;}} @media (max-width: 650px){html[data-portal-page="selector"] .selector{padding:14px!important;} html[data-portal-page="selector"] .portal-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:10px!important;} html[data-portal-page="selector"] .portal-card{display:flex!important;aspect-ratio:1 / 1;min-height:0!important;flex-direction:column!important;align-items:center;justify-content:center;gap:5px!important;padding:8px 6px!important;border-radius:var(--radius-3xl,20px);text-align:center;} html[data-portal-page="selector"] .card-top{display:flex!important;width:100%!important;align-items:center!important;justify-content:center!important;} html[data-portal-page="selector"] .portal-icon{display:grid!important;width:min(82%, 168px)!important;height:auto!important;aspect-ratio:1 / 1!important;flex:0 0 auto!important;border-radius:clamp(var(--radius-3xl,20px), 6vw, 32px);} html[data-portal-page="selector"] .portal-art{display:block!important;inset:-6px!important;width:auto!important;height:auto!important;background-size:200% 200%!important;} html[data-portal-page="selector"] .number{position:absolute;top:1px;right:1px;font-size:9px;} html[data-portal-page="selector"] .portal-copy{margin-top:3px!important;} html[data-portal-page="selector"] .portal-copy small{font-size:7px;} html[data-portal-page="selector"] .portal-copy h2{margin:3px 0 0!important;font-size:clamp(13px, 4vw, 17px);} html[data-portal-page="selector"] .portal-copy p, html[data-portal-page="selector"] .enter{display:none!important;}} html[data-clay-theme="v228"] body{min-height:100dvh;} html[data-clay-theme="v228"] :is( .login-card, .auth-card, .selector, .welcome ):not(button):not([role="button"]){border:1px solid var(--tone-d0d52e06,rgba(255,255,255,.88));} html[data-clay-theme="v228"] :is( .hero-panel, .ab-hero, .dashboard-hero, .foundation-profile-hero, .employee-accreditation-v128-hero, .eskul-student-hero, [class$="-dashboard-hero"] ){border:1px solid rgba(255,255,255,.9);} html[data-clay-theme="v228"] :is( .hero-panel, .ab-hero, .dashboard-hero, .foundation-profile-hero, .employee-accreditation-v128-hero, .eskul-student-hero, [class$="-dashboard-hero"] ) :is(h1,h2,h3,h4,p,span,small,b):not(button *){opacity:1!important;} html[data-clay-theme="v228"] :where( .card, .panel, .portal-card, .profile-menu, [class$="-card"], [class$="-panel"] ):not(button):not([role="button"]):not(.student-id-card):not(.employee-id-card):not(.print-card):not([class*="-id-card"]){border:1px solid rgba(255,255,255,.86);transform:none!important;} html[data-clay-theme="v228"] :where( .form-section, .foundation-form-section, .ab-form-section, .eskul-form-section, .table-wrap, .qris-wrap, .setting-center-direct-shell-v215, .report-v190-section, [class$="-table-wrap"] ):not(button):not([role="button"]){border:1px solid rgba(255,255,255,.78);} html[data-clay-theme="v228"] :is( .modal-card, .ab-modal, .eskul-form-modal, .eskul-review-modal, .eskul-student-modal-card, .payroll-template-modal, .report-v190-sheet, [role="dialog"], [class$="-dialog"], [class$="-modal-card"] ):not(button):not([role="button"]), html[data-clay-theme="v228"] :is(.modal,.dialog,[role="dialog"]):not(.hidden) > :is(form,section,article):not(button){border:1px solid rgba(255,255,255,.92);} html[data-clay-theme="v228"] :is( .modal-card, .ab-modal, .eskul-form-modal, .eskul-review-modal, .eskul-student-modal-card, .payroll-template-modal, .report-v190-sheet, [role="dialog"], [class$="-dialog"], [class$="-modal-card"] ) :is(h1,h2,h3,h4,p,label,small):not(button *){opacity:1!important;} html[data-clay-theme="v228"] :where( .card, .panel, .portal-card, .modal-card, [class$="-card"], [class$="-panel"] ):not(button):not([role="button"]):hover{transform:none!important;} html[data-clay-theme="v228"] body :is( #groupNav > button.active, #subNav > button.active, #foundationNav > button.active, #ownerNav > button.active, .sidebar nav > button.active, .foundation-app aside nav > button.active, .portal-nav-desktop > button:is(.active,.bg-blue-500,.bg-blue-50,.text-blue-500,.portal-accreditation-nav-active,[aria-current="page"],[aria-selected="true"],[aria-pressed="true"]), .portal-nav-mobile > button:is(.active,.bg-blue-500,.bg-blue-50,.text-blue-500,.portal-accreditation-nav-active,[aria-current="page"],[aria-selected="true"],[aria-pressed="true"]), .unified-sidebar nav button.active, .unified-bottom button.active, .portal-groups > button.active, .nav-button.active, .subnav > button.active, .auth-tabs > button.active, .login-methods > button.active, [role="tablist"] button:is(.active,[aria-selected="true"]), [role="tab"]:is(.active,[aria-selected="true"]), [class$="-tabs"] button.active, [class*="-tabs "] button.active, [class$="-nav"] button.active, nav button:is(.active,.bg-blue-500,.bg-blue-50,.text-blue-500,.portal-accreditation-nav-active,[aria-current="page"],[aria-selected="true"]), nav a:is(.active,[aria-current="page"]) ){transform:none!important;} html[data-clay-theme="v228"] body :is( #foundationNav > button.active, #ownerNav > button.active, .nav-button.active, .portal-nav-desktop > button:is(.active,.bg-blue-500,.bg-blue-50,.text-blue-500,.portal-accreditation-nav-active,[aria-current="page"],[aria-selected="true"],[aria-pressed="true"]), .portal-nav-mobile > button:is(.active,.bg-blue-500,.bg-blue-50,.text-blue-500,.portal-accreditation-nav-active,[aria-current="page"],[aria-selected="true"],[aria-pressed="true"]) ) > :is(svg,.nav-icon,i){display:block!important;flex:0 0 30px!important;width:30px!important;height:30px!important;padding:5px!important;border:1px solid rgba(255,255,255,.58);border-radius:9px;fill:none;stroke:currentColor;stroke-width:1.9!important;} html[data-portal-brand="sekolah"][data-clay-theme="v228"] body #groupNav > button.active > .admin-nav-icon{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;padding:0!important;border:1px solid rgba(255,255,255,.58);border-radius:9px;} html[data-portal-brand="sekolah"][data-clay-theme="v228"] body #groupNav > button.active > .admin-nav-icon > svg{display:block!important;width:18px!important;height:18px!important;padding:0!important;border:0;fill:none;stroke:currentColor;stroke-width:1.9!important;} html[data-portal-brand="guru"][data-clay-theme="v228"] body .portal-nav-desktop > button[data-portal-accreditation-nav="1"]:is( .portal-accreditation-nav-active, [aria-current="page"], [aria-selected="true"] ) > svg{stroke:currentColor;} @media (max-width:850px){ html[data-portal-brand="sekolah"][data-clay-theme="v228"] body #groupNav.admin-mobile-dock > button.active > .admin-nav-icon{flex-basis:28px!important;width:28px!important;height:28px!important;}} html[data-portal-brand], html[data-portal-page="selector"]{font-family:var(--portal-v01-font);font-size:16px;color:var(--portal-v01-ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;} html[data-portal-brand] :is(body, button, input, select, textarea, option, table), html[data-portal-page="selector"] :is(body, button, input, select, textarea, option, table){font-family:var(--portal-v01-font);} html[data-portal-brand] body, html[data-portal-page="selector"] body{color:var(--portal-v01-body);font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;} html[data-portal-brand] :is(h1, h2, h3, h4, h5, h6), html[data-portal-page="selector"] :is(h1, h2, h3, h4, h5, h6){color:var(--portal-v01-ink);font-family:var(--portal-v01-font);font-weight:700;line-height:1.28;letter-spacing:-0.025em;text-wrap:balance;} html[data-portal-brand] h1, html[data-portal-page="selector"] h1{font-size:clamp(22px, 2.5vw, 28px);} html[data-portal-brand] h2, html[data-portal-page="selector"] h2{font-size:clamp(20px, 2vw, 24px);} html[data-portal-brand] h3, html[data-portal-page="selector"] h3{font-size:18px;} html[data-portal-brand] :is(h4, h5, h6), html[data-portal-page="selector"] :is(h4, h5, h6){font-size:16px;} html[data-portal-brand] p, html[data-portal-page="selector"] p{font-size:14px;font-weight:400;line-height:1.65;letter-spacing:0;} html[data-portal-brand] small, html[data-portal-page="selector"] small{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;} html[data-portal-brand] :is(b, strong), html[data-portal-page="selector"] :is(b, strong){font-weight:700;} html[data-portal-brand] :is(.font-black, .font-extrabold, .font-bold), html[data-portal-page="selector"] :is(.font-black, .font-extrabold, .font-bold){font-weight:700;} html[data-portal-brand] .font-semibold, html[data-portal-page="selector"] .font-semibold{font-weight:600;} html[data-portal-brand] :is(label, th), html[data-portal-page="selector"] :is(label, th){font-size:12px;font-weight:600;line-height:1.45;letter-spacing:0.01em;} html[data-portal-brand] td, html[data-portal-page="selector"] td{font-size:13px;font-weight:400;line-height:1.55;} html[data-portal-brand] :is(input, select, textarea), html[data-portal-page="selector"] :is(input, select, textarea){font-size:14px;font-weight:500;} html[data-portal-brand] :is( nav a, nav button, .nav-button, .unified-group button, .unified-bottom button, .portal-nav-desktop button, .portal-nav-mobile button ), html[data-portal-page="selector"] :is(nav a, nav button){font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;} html[data-portal-brand] :is( .eyebrow, [class*="eyebrow"], [class*="kicker"], .unified-group em, .badge, [class*="-badge"], [class*="-status"] ), html[data-portal-page="selector"] :is(.eyebrow, [class*="eyebrow"], [class*="kicker"]){font-size:11px;font-weight:700;line-height:1.4;letter-spacing:0.06em;} html[data-portal-brand] [class~="text-5xl"]{font-size:28px;} html[data-portal-brand] [class~="text-4xl"]{font-size:26px;} html[data-portal-brand] [class~="text-3xl"]{font-size:24px;} html[data-portal-brand] [class~="text-2xl"]{font-size:22px;} html[data-portal-brand] [class~="text-xl"]{font-size:19px;} html[data-portal-brand] [class~="text-lg"]{font-size:16px;} html[data-portal-brand] [class~="text-sm"]{font-size:14px;} html[data-portal-brand] [class~="text-xs"]{font-size:12px;} html[data-portal-brand] :is([class~="text-[9px]"], [class~="text-[10px]"]){font-size:11px;} html[data-portal-brand] :is( button, [role="button"], a.button, a[role="button"] ), html[data-portal-page="selector"] :is(button, [role="button"], a.button, a[role="button"]){font-size:13px;font-weight:600;line-height:1.4;text-shadow:none;} html[data-portal-brand] :is( button.primary, button.is-primary, button[type="submit"].primary, a.primary, a.button-primary, button[class*="bg-blue-500"], button[class*="bg-blue-600"] ){border:1px solid var(--portal-v01-blue-dark);background:linear-gradient(135deg, #06537d, var(--portal-v01-blue-dark));color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 9px 22px rgba(7, 94, 140, 0.22);} html[data-portal-brand] :is( button.primary, button.is-primary, button[type="submit"].primary, a.primary, a.button-primary, button[class*="bg-blue-500"], button[class*="bg-blue-600"] ) :is(svg, span, b, strong){color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;} html[data-portal-brand] :is( button.secondary, button.is-secondary, a.secondary, .actions button:not(.primary):not(.is-primary):not(.danger):not(.warning):not([class*="bg-"]), .table-actions button:not(.primary):not(.is-primary):not(.danger):not(.warning):not([class*="bg-"]) ){border:1px solid #74adcd;background:var(--portal-v01-white);color:var(--portal-v01-blue-dark);-webkit-text-fill-color:var(--portal-v01-blue-dark)!important;box-shadow:0 4px 12px rgba(23, 33, 31, 0.07);} html[data-portal-brand] :is(button[class*="bg-blue-500"], button[class*="bg-blue-600"]){border-color:#1d4ed8;background:var(--portal-v01-blue);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;} html[data-portal-brand] :is( button.warning, button[class*="bg-amber-500"], button[class*="bg-amber-600"] ){border-color:#d79619;background:var(--portal-v01-amber);color:var(--portal-v01-amber-ink);-webkit-text-fill-color:var(--portal-v01-amber-ink)!important;} html[data-portal-brand] :is( button.danger, button.is-danger, button.stop-access, button[class*="bg-red-500"], button[class*="bg-red-600"] ){border-color:#9f1239;background:var(--portal-v01-red);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;} html[data-portal-brand] :is( button.danger, button.is-danger, button.stop-access, button[class*="bg-red-500"], button[class*="bg-red-600"] ) :is(svg, span, b, strong){color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;} html[data-portal-brand] :is(button.ghost, .buttons button[data-close], .modal-close, button.close){border:1px solid #cbd8d3;background:#f8fbfa;color:#3f4b51;-webkit-text-fill-color:#3f4b51!important;box-shadow:none;} html[data-portal-brand] :is(button, [role="button"], a.button, a[role="button"]):focus-visible, html[data-portal-page="selector"] :is(button, [role="button"], a.button, a[role="button"]):focus-visible{outline:0;box-shadow:var(--portal-v01-focus);} html[data-portal-brand] button:disabled, html[data-portal-page="selector"] button:disabled{opacity:0.55!important;filter:grayscale(0.15);} html[data-portal-brand] :is( .card, .panel, .modal-card, [class$="-card"], [class$="-panel"], [class$="-dialog"] ):not(button):not([role="button"]), html[data-portal-page="selector"] :is(.portal-card, .selector){border-color:var(--portal-v01-line);border-radius:var(--radius-2xl,18px);} html[data-portal-brand] :is([class*="rounded-[32px]"], [class*="rounded-[24px]"]){border-radius:var(--radius-2xl,18px);} html[data-portal-brand] :is(.content, main > .content, #content){line-height:1.6;} html[data-portal-brand] :is(.toolbar, .panel-head, .page-head){gap:12px!important;} html[data-portal-brand] table{border-collapse:separate;border-spacing:0;} html[data-portal-brand] th{color:var(--portal-v01-blue-dark);background:var(--portal-v01-soft);} html[data-portal-brand] :is(th, td){padding:11px 12px!important;vertical-align:middle;} @media (max-width: 760px){html[data-portal-brand] body, html[data-portal-page="selector"] body{font-size:13px;} html[data-portal-brand] h1, html[data-portal-page="selector"] h1{font-size:22px;} html[data-portal-brand] h2, html[data-portal-page="selector"] h2{font-size:19px;} html[data-portal-brand] h3, html[data-portal-page="selector"] h3{font-size:16px;} html[data-portal-brand] :is(p, input, select, textarea, button, [role="button"]), html[data-portal-page="selector"] :is(p, input, select, textarea, button, [role="button"]){font-size:13px;} html[data-portal-brand] :is(.content, #content){padding-inline:14px!important;}} #ownerLoading.loading:not(.hidden), #foundationLoading.loading:not(.hidden), #loading.loading:not(.hidden), .portal-loading-v03, .portal-loading-v03-inline{position:fixed!important;inset:0!important;z-index:1000!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;align-content:center!important;transform:none!important;border:0;border-radius:0;background:var(--portal-loading-layer);box-shadow:none;contain:layout paint style!important;isolation:isolate!important;} #ownerLoading.loading:not(.hidden) > b, #foundationLoading.loading:not(.hidden) > b, #loading.loading:not(.hidden) > b, .portal-loading-v03-content > :not(.portal-loading-v03-spinner){position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0;} #ownerLoading.loading:not(.hidden) > span, #foundationLoading.loading:not(.hidden) > span, #loading.loading:not(.hidden) > span, .portal-loading-v03-spinner, .portal-loading-v03-inline::before{content:"";display:block!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:3px solid var(--portal-loading-track);border-top-color:var(--portal-loading-accent);border-right-color:rgba(8, 96, 145, 0.5);border-radius:50%;background:transparent;box-shadow:none;contain:strict!important;transform:translateZ(0)!important;} .portal-loading-v03-content{display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0;border-radius:0;background:transparent;box-shadow:none;} .portal-loading-v03-inline{font-size:0;color:transparent;} @media print{#ownerLoading, #foundationLoading, #loading, .portal-loading-v03, .portal-loading-v03-inline{display:none!important;}} html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a ){position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1.5px solid var(--pp-menu-control-border);border-radius:15px;background:var(--pp-menu-control-pale);color:var(--pp-menu-control-text);-webkit-text-fill-color:var(--pp-menu-control-text)!important;box-shadow:inset 6px 0 0 var(--pp-menu-control-border);font-weight:700;} html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a )::before, html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a )::after{content:none!important;display:none!important;} html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a ) > *{position:relative!important;z-index:1!important;} html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a ):is( :hover, :focus-visible, .active, .selected, .is-active, .bg-blue-500, .portal-accreditation-nav-active, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"], [data-active="true"] ){color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;border-color:var(--pp-menu-control-border);background:var(--pp-menu-control-green);box-shadow:inset 7px 0 0 var(--pp-menu-control-dark), 0 10px 22px var(--tone-60e09799,rgba(0, 111, 209, .18));transform:none!important;} html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a ):focus-visible{outline:none;box-shadow:inset 7px 0 0 var(--pp-menu-control-dark), 0 10px 22px var(--tone-60e09799,rgba(0, 111, 209, .18)), var(--pp-menu-control-focus);} html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a ) :is(span,b,small,p,.admin-nav-label,.nav-label,svg,i,.admin-nav-icon,.nav-icon){color:inherit;-webkit-text-fill-color:currentColor!important;} html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a ) svg{stroke:currentColor;} html body :is( #groupNav > button, #subNav > button, #foundationNav > button, #ownerNav > button, .sidebar nav > button, .foundation-app aside nav > button, .portal-nav-desktop > button, .portal-nav-mobile > button, .student-mobile-nav > button, .unified-sidebar nav > button, .portal-groups > button, .nav-button, .admin-mobile-dock > button, .admin-sidebar nav > button, .owner-sidebar nav > button ) :is(.side-count,.nav-count,.nav-badge,.menu-badge,.notification-badge){color:var(--pp-menu-control-text);-webkit-text-fill-color:var(--pp-menu-control-text)!important;background:#eaf5f0;} html body :is( #groupNav > button, #subNav > button, #foundationNav > button, #ownerNav > button, .sidebar nav > button, .foundation-app aside nav > button, .portal-nav-desktop > button, .portal-nav-mobile > button, .student-mobile-nav > button, .unified-sidebar nav > button, .portal-groups > button, .nav-button, .admin-mobile-dock > button, .admin-sidebar nav > button, .owner-sidebar nav > button ):is( :hover, :focus-visible, .active, .selected, .is-active, .bg-blue-500, .portal-accreditation-nav-active, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"], [data-active="true"] ) :is(.side-count,.nav-count,.nav-badge,.menu-badge,.notification-badge){color:var(--pp-menu-control-text);-webkit-text-fill-color:var(--pp-menu-control-text)!important;background:var(--theme-surface,#fff);} html body :is( #groupNav > button, #subNav > button, #foundationNav > button, #ownerNav > button, .sidebar nav > button, .foundation-app aside nav > button, .portal-nav-desktop > button, .portal-nav-mobile > button, .student-mobile-nav > button, .unified-sidebar nav > button, .portal-groups > button, .nav-button, .admin-mobile-dock > button, .admin-sidebar nav > button, .owner-sidebar nav > button ):disabled{cursor:not-allowed!important;opacity:.55!important;color:var(--pp-menu-control-text);-webkit-text-fill-color:var(--pp-menu-control-text)!important;border-color:#9bbccf;background:#f4f8f6;box-shadow:inset 6px 0 0 #9bbccf;} @media (max-width:850px){html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a ){border-radius:var(--radius-lg,14px);}} html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a ) > :is(.nav-icon,.admin-nav-icon,svg){border-color:transparent;border-radius:0;padding:0!important;background:transparent;box-shadow:none;filter:none!important;color:inherit;-webkit-text-fill-color:currentColor!important;} html body :is( #groupNav > button, #groupNav > a, #subNav > button, #subNav > a, #foundationNav > button, #foundationNav > a, #ownerNav > button, #ownerNav > a, .sidebar nav > button, .sidebar nav > a, .foundation-app aside nav > button, .foundation-app aside nav > a, .portal-nav-desktop > button, .portal-nav-desktop > a, .portal-nav-mobile > button, .portal-nav-mobile > a, .student-mobile-nav > button, .student-mobile-nav > a, .unified-sidebar nav > button, .unified-sidebar nav > a, .portal-groups > button, .portal-groups > a, .nav-button, .admin-mobile-dock > button, .admin-mobile-dock > a, .admin-sidebar nav > button, .admin-sidebar nav > a, .owner-sidebar nav > button, .owner-sidebar nav > a ) > :is(.nav-icon,.admin-nav-icon) svg{border:0;border-radius:0;padding:0!important;background:transparent;box-shadow:none;filter:none!important;color:inherit;stroke:currentColor;} html[data-portal-brand="guru"] body #root :is(.portal-nav-desktop,.portal-nav-mobile:not(.student-mobile-nav)) > button[data-open-portal-eskul]{border:1.5px solid var(--pp-menu-control-border);border-radius:15px;background:var(--pp-menu-control-pale);color:var(--pp-menu-control-text);-webkit-text-fill-color:var(--pp-menu-control-text)!important;box-shadow:inset 6px 0 0 var(--pp-menu-control-border);text-shadow:none;} html[data-portal-brand="guru"] body #root :is(.portal-nav-desktop,.portal-nav-mobile:not(.student-mobile-nav)) > button[data-open-portal-eskul]:is( :hover, :focus-visible, .active, .selected, .is-active, .bg-blue-500, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"], [data-active="true"] ){border-color:var(--pp-menu-control-border);background:var(--pp-menu-control-green);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:inset 7px 0 0 var(--pp-menu-control-dark),0 10px 22px var(--tone-60e09799,rgba(0, 111, 209, .18));text-shadow:none;} html[data-portal-brand="guru"] body #root :is(.portal-nav-desktop,.portal-nav-mobile:not(.student-mobile-nav)) > button[data-open-portal-eskul] > :is(svg,.nav-icon,.admin-nav-icon), html[data-portal-brand="guru"] body #root :is(.portal-nav-desktop,.portal-nav-mobile:not(.student-mobile-nav)) > button[data-open-portal-eskul] > :is(.nav-icon,.admin-nav-icon) svg{border:0;background:transparent;box-shadow:none;color:inherit;-webkit-text-fill-color:currentColor!important;stroke:currentColor;} html[data-portal-brand="guru"] body #root :is(.portal-nav-desktop,.portal-nav-mobile:not(.student-mobile-nav)) > button[data-open-portal-eskul]:is( :hover, :focus-visible, .active, .selected, .is-active, .bg-blue-500, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"], [data-active="true"] ) > :is(svg,.nav-icon,.admin-nav-icon), html[data-portal-brand="guru"] body #root :is(.portal-nav-desktop,.portal-nav-mobile:not(.student-mobile-nav)) > button[data-open-portal-eskul]:is( :hover, :focus-visible, .active, .selected, .is-active, .bg-blue-500, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"], [data-active="true"] ) > :is(.nav-icon,.admin-nav-icon) svg{border:0;border-radius:0;padding:0!important;background:transparent;box-shadow:none;color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;stroke:currentColor;} @media (max-width:850px){html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group]{border:1.5px solid var(--pp-menu-control-border);background:var(--pp-menu-control-pale);color:var(--pp-menu-control-text);-webkit-text-fill-color:var(--pp-menu-control-text)!important;box-shadow:inset 6px 0 0 var(--pp-menu-control-border);} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group]:is( :hover, :focus-visible, .active, .selected, .is-active, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"], [data-active="true"] ){border-color:var(--pp-menu-control-border);background:var(--pp-menu-control-green);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:inset 7px 0 0 var(--pp-menu-control-dark),0 10px 22px var(--tone-60e09799,rgba(0, 111, 209, .18));} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group] > :is(.admin-nav-icon,.nav-icon), html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group] > :is(.admin-nav-icon,.nav-icon) svg{border:0;background:transparent;box-shadow:none;color:inherit;-webkit-text-fill-color:currentColor!important;stroke:currentColor;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group] > .admin-nav-label{color:inherit;-webkit-text-fill-color:currentColor!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group]:is( :hover, :focus-visible, .active, .selected, .is-active, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"], [data-active="true"] ) > :is(.admin-nav-icon,.nav-icon), html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group]:is( :hover, :focus-visible, .active, .selected, .is-active, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"], [data-active="true"] ) > :is(.admin-nav-icon,.nav-icon) svg{border:0;border-radius:0;padding:0!important;background:transparent;box-shadow:none;color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;stroke:currentColor;}} html[data-portal-brand="yayasan"] body #foundationApp.foundation-app #foundationNav > button[data-page]{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;gap:10px!important;border:1.5px solid var(--pp-menu-control-border);border-radius:15px;background:var(--pp-menu-control-pale);color:var(--pp-menu-control-text);-webkit-text-fill-color:var(--pp-menu-control-text)!important;box-shadow:inset 6px 0 0 var(--pp-menu-control-border);font-size:12.5px;font-weight:750;line-height:1.2;text-align:left!important;text-shadow:none;transform:none!important;} html[data-portal-brand="yayasan"] body #foundationApp.foundation-app #foundationNav > button[data-page]::before, html[data-portal-brand="yayasan"] body #foundationApp.foundation-app #foundationNav > button[data-page]::after{content:none!important;display:none!important;} html[data-portal-brand="yayasan"] body #foundationApp.foundation-app #foundationNav > button[data-page] > .nav-icon{flex:0 0 20px!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important;border:0;border-radius:0;background:transparent;color:inherit;stroke:currentColor;stroke-width:1.9!important;fill:none;box-shadow:none;} html[data-portal-brand="yayasan"] body #foundationApp.foundation-app #foundationNav > button[data-page] > span{min-width:0!important;color:inherit;-webkit-text-fill-color:currentColor!important;font:inherit;white-space:normal!important;} html[data-portal-brand="yayasan"] body #foundationApp.foundation-app #foundationNav > button[data-page]:is( :hover, :focus-visible, .active, [aria-current="page"], [aria-selected="true"], [data-active="true"] ){border-color:var(--pp-menu-control-border);background:var(--pp-menu-control-green);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:inset 7px 0 0 var(--pp-menu-control-dark), 0 9px 20px rgba(0, 111, 209, .17);} html[data-portal-brand="yayasan"] body #foundationApp.foundation-app #foundationNav > button[data-page]:is( :hover, :focus-visible, .active, [aria-current="page"], [aria-selected="true"], [data-active="true"] ) > :is(.nav-icon,span){color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;stroke:currentColor;} @media (min-width: 851px){html[data-portal-brand="sekolah"] body .app > aside #groupNav{gap:5px!important;} html[data-portal-brand="sekolah"] body .app > aside #groupNav > button[data-group]{min-height:42px!important;padding:8px 10px!important;gap:9px!important;border-radius:13px;font-size:12.5px;line-height:1.2;} html[data-portal-brand="sekolah"] body .app > aside #groupNav > button[data-group] > .admin-nav-icon{flex:0 0 22px!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;} html[data-portal-brand="sekolah"] body .app > aside #groupNav > button[data-group] > .admin-nav-icon svg{width:18px!important;height:18px!important;}} @media (max-width: 850px){html[data-portal-brand="sekolah"] body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock{height:calc(82px + env(safe-area-inset-bottom))!important;min-height:calc(82px + env(safe-area-inset-bottom))!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;gap:6px!important;scroll-padding-inline:8px!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group]{flex:0 0 84px!important;width:84px!important;min-width:84px!important;max-width:84px!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:5px 5px!important;gap:3px!important;border-width:1.5px!important;border-radius:var(--radius-lg,14px);box-shadow:inset 5px 0 0 var(--pp-menu-control-border);} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group]:is( :hover, :focus-visible, .active, .selected, .is-active, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"], [data-active="true"] ){box-shadow:inset 6px 0 0 var(--pp-menu-control-dark), 0 7px 16px rgba(0, 111, 209, .15);} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group] > .admin-nav-icon{flex:0 0 24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group] > .admin-nav-icon > svg{width:19px!important;height:19px!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group] > .admin-nav-label{font-size:9px;line-height:11px;font-weight:750;}} @media (max-width: 430px){html[data-portal-brand="sekolah"] body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock{height:calc(76px + env(safe-area-inset-bottom))!important;min-height:calc(76px + env(safe-area-inset-bottom))!important;padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important;gap:5px!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group]{flex-basis:76px!important;width:76px!important;min-width:76px!important;max-width:76px!important;height:58px!important;min-height:58px!important;max-height:58px!important;border-radius:13px;padding:4px!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group] > .admin-nav-icon{width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group] > .admin-nav-icon > svg{width:18px!important;height:18px!important;} html[data-portal-brand="sekolah"] body > #groupNav.admin-mobile-dock > button[data-group] > .admin-nav-label{font-size:8.5px;line-height:10px;}} .eduvia-promo17-overlay{position:fixed;inset:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(15, 23, 42, 0.48);} .eduvia-promo17-modal{width:min(470px, calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;position:relative;} .eduvia-promo17-close{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #dbe4ee;border-radius:var(--radius-pill,999px);background:var(--theme-surface,#fff);color:var(--theme-text-strong,#123d6b);font-size:20px;line-height:1;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(15, 23, 42, 0.10);} .eduvia-promo17-close:hover{background:var(--theme-surface-soft,#f7fbff);} .eduvia-promo17-body{padding:18px;} .eduvia-promo17-kicker{display:inline-flex;align-items:center;padding:5px 9px;border-radius:var(--radius-pill,999px);background:#eef5ff;color:#0b5bd3;font-size:10px;line-height:1;font-weight:800;letter-spacing:.06em;text-transform:uppercase;} .eduvia-promo17-title{margin:10px 40px 5px 0;color:#102a43;font-size:21px;line-height:1.28;font-weight:800;} .eduvia-promo17-desc{margin:0;color:var(--theme-text-muted,#60758d);font-size:12.5px;line-height:1.6;} .eduvia-promo17-frame{margin-top:12px;overflow:hidden;border:1px solid var(--tone-dbe7f6,#dbe7f6);border-radius:var(--radius-lg,14px);background:#f8fbff;} .eduvia-promo17-frame img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;} .eduvia-promo17-note{margin-top:12px;padding:11px 12px;border:1px solid var(--tone-dbe7f6,#dbe7f6);border-radius:var(--radius-md-lg,12px);background:#f7faff;} .eduvia-promo17-note strong{display:block;color:#0f2f65;font-size:14px;line-height:1.4;} .eduvia-promo17-note span{display:block;margin-top:3px;color:var(--theme-text-muted,#60758d);font-size:11.5px;line-height:1.5;} .eduvia-promo17-dont-show{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--theme-text-muted,#60758d);font-size:12px;line-height:1.4;cursor:pointer;} .eduvia-promo17-dont-show input{width:16px;height:16px;margin:0;accent-color:#0d63d8;cursor:pointer;} .eduvia-promo17-actions{display:flex;gap:8px;margin-top:13px;} .eduvia-promo17-btn{appearance:none;min-height:40px;border:0;border-radius:11px;padding:10px 14px;font-size:12.5px;font-weight:800;cursor:pointer;} .eduvia-promo17-btn-primary{flex:1;color:var(--theme-surface,#fff);background:#0d63d8;} .eduvia-promo17-btn-primary:hover{background:#0b55ba;} .eduvia-promo17-btn-secondary{min-width:92px;color:var(--theme-text-secondary,#50657e);background:#eef2f7;} .eduvia-promo17-btn-secondary:hover{background:var(--theme-border,#d9e8f5);} @media (max-width: 520px){.eduvia-promo17-overlay{align-items:center;padding:10px;} .eduvia-promo17-modal{width:min(430px, calc(100vw - 20px));max-height:calc(100dvh - 20px);} .eduvia-promo17-body{padding:14px;} .eduvia-promo17-title{font-size:19px;} .eduvia-promo17-actions{flex-direction:row;}} .eduvia-price17-old{display:block;margin-bottom:6px;font-size:13px;font-weight:800;color:var(--theme-text-subtle,#7e90a5);text-decoration:line-through;} .eduvia-price17-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;border-radius:var(--radius-pill,999px);background:#eff6ff;color:#0b5bd3;font-size:11px;font-weight:800;letter-spacing:.03em;} .eduvia-price17-caption{margin-top:8px;font-size:12px;line-height:1.6;color:var(--theme-text-muted,#60758d);} .eduvia-premium-plan-card{display:flex!important;flex-direction:column!important;} .eduvia-plan-benefits{min-height:80px;margin:8px 0 14px;padding:10px 11px;border:1px solid var(--tone-dbe7f6,#dbe7f6);border-radius:13px;background:#f7faff;color:var(--theme-text-muted,#60758d);font-size:11.5px;line-height:1.55;} .eduvia-premium-plan-card > .eduvia-payment-retro-button{margin-top:auto;} html[data-portal-brand="guru"] #root .eduvia-payment-retro-button{--eduvia-payment-retro-dark:var(--theme-primary-strong,#173f70);min-height:44px;border-radius:var(--radius-md-lg,12px);box-shadow:inset 7px 0 0 var(--eduvia-payment-retro-dark), 0 10px 22px rgba(0, 63, 158, .20);} html[data-portal-brand="guru"] #root .eduvia-payment-retro-button[class*="25D366"]{--eduvia-payment-retro-dark:#168b43;box-shadow:inset 7px 0 0 var(--eduvia-payment-retro-dark), 0 10px 22px rgba(37, 211, 102, .22);} html[data-portal-brand="guru"] #root .eduvia-payment-retro-button:not(:disabled):hover{transform:translateY(-2px);filter:saturate(1.04);} html[data-portal-brand="guru"] #root .eduvia-payment-retro-button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 4px 0 0 var(--eduvia-payment-retro-dark), 0 5px 12px rgba(15, 23, 42, .16);} html[data-portal-brand="guru"] #root .eduvia-payment-retro-button:disabled{--eduvia-payment-retro-dark:#9ca3af;box-shadow:inset 7px 0 0 var(--eduvia-payment-retro-dark), 0 7px 16px rgba(100, 116, 139, .15);} @media (max-width: 720px){.eduvia-plan-benefits{min-height:0;}} html[data-portal-brand="guru"] #root button[class*="bg-[#25D366]"]{min-height:48px;background-color:var(--tone-25d366,#25d366);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;border:1px solid #1eae53;box-shadow:0 8px 18px rgba(37, 211, 102, 0.24);} html[data-portal-brand="guru"] #root button[class*="bg-[#25D366]"]:not(:disabled):hover{background-color:#1ebe5d;} html[data-portal-brand="guru"] #root button[class*="bg-[#25D366]"]:not(:disabled):active{background-color:#18a950;} html[data-portal-brand="guru"] #root button[class*="bg-[#25D366]"]:focus-visible{outline:3px solid rgba(37, 211, 102, 0.3);outline-offset:3px;} html[data-portal-brand="guru"] #root button[class*="bg-[#25D366]"]:disabled{background-color:#cbd5e1;border-color:#cbd5e1;box-shadow:none;} .welcome-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;} .welcome-action{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border:1px solid #d9e7ed;border-radius:var(--radius-lg,14px);color:#17445f;background:var(--theme-surface,#fff);box-shadow:0 7px 20px rgba(20, 78, 108, 0.07);font:inherit;font-size:14px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;} .welcome-action:hover{transform:translateY(-1px);border-color:#b9d9e7;box-shadow:0 10px 24px rgba(20, 78, 108, 0.10);} .welcome-action.primary{border:2px solid #173f70;border-radius:12px;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#173f70,#0a5ba8);box-shadow:0 4px 0 #082d52,0 10px 22px rgba(12,58,111,.12);font-weight:800;opacity:1;} .welcome-action.primary>:is(span,.action-icon){color:#fff!important;-webkit-text-fill-color:#fff!important;} .welcome-action .action-icon{font-size:16px;line-height:1;} #portalPilihan{scroll-margin-top:18px;} html[data-clay-theme="v228"] body main > section.welcome:not(button):not([role="button"]){border:0;border-radius:0;outline:0;} @media (max-width: 560px){.welcome-actions{width:100%;gap:8px;margin-top:17px;} .welcome-action{flex:1 1 145px;min-height:44px;padding:10px 14px;font-size:13px;}} html[data-eduvia-product="pendidikan"] body, html[data-eduvia-product="pendidikan"] button, html[data-eduvia-product="pendidikan"] input, html[data-eduvia-product="pendidikan"] select, html[data-eduvia-product="pendidikan"] textarea{font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;} html[data-eduvia-product="pendidikan"] button, html[data-eduvia-product="pendidikan"] a[role="button"]{-webkit-tap-highlight-color:transparent;} html[data-eduvia-portal="guru"] .portal-guru-dashboard{gap:14px!important;} html[data-eduvia-portal="guru"] .portal-guru-dashboard > .portal-school-report-gradient{min-height:0!important;margin:0!important;padding:20px!important;border:1px solid var(--eduvia-shared-line);border-radius:var(--radius-2xl,18px);background:var(--eduvia-shared-surface);color:var(--eduvia-shared-ink);box-shadow:none;} html[data-eduvia-portal="guru"] .portal-guru-dashboard > .portal-school-report-gradient::before, html[data-eduvia-portal="guru"] .portal-guru-dashboard > .portal-school-report-gradient::after{content:none!important;display:none!important;} html[data-eduvia-portal="guru"] .portal-guru-dashboard > .portal-school-report-gradient :is(h1, h2, h3, p, span, b, strong){color:var(--eduvia-shared-ink);-webkit-text-fill-color:var(--eduvia-shared-ink)!important;text-shadow:none;} html[data-eduvia-portal="guru"] .portal-guru-dashboard > .portal-school-report-gradient h2{margin-bottom:6px!important;font-size:clamp(20px, 2.4vw, 27px);line-height:1.18;} html[data-eduvia-portal="guru"] .portal-guru-dashboard > .portal-school-report-gradient p{max-width:720px!important;margin:0!important;color:var(--eduvia-shared-muted);-webkit-text-fill-color:var(--eduvia-shared-muted)!important;opacity:1!important;line-height:1.55;} html[data-eduvia-portal="guru"] .eduvia-dashboard-metrics{gap:10px!important;} html[data-eduvia-portal="guru"] .eduvia-dashboard-metric{min-width:0!important;min-height:68px!important;padding:12px 13px!important;border:1px solid var(--eduvia-shared-line);border-radius:15px;background:var(--eduvia-shared-surface);box-shadow:none;display:grid!important;grid-template-columns:34px minmax(0, 1fr)!important;align-items:center!important;justify-content:initial!important;gap:10px!important;transform:none!important;} html[data-eduvia-portal="guru"] .eduvia-dashboard-metric > :first-child{width:34px!important;height:34px!important;min-width:34px!important;margin:0!important;border-radius:var(--radius-md,10px);} html[data-eduvia-portal="guru"] .eduvia-dashboard-metric > :last-child{min-width:0!important;} html[data-eduvia-portal="guru"] .eduvia-dashboard-metric > :last-child > p:first-child{margin:0!important;font-size:21px;line-height:1;} html[data-eduvia-portal="guru"] .eduvia-dashboard-metric > :last-child > p:last-child{margin:5px 0 0!important;overflow:hidden!important;color:var(--eduvia-shared-muted);font-size:10px;line-height:1.2;text-overflow:ellipsis!important;white-space:nowrap!important;} html[data-eduvia-product="pendidikan"].eduvia-dashboard-ready :is(.hero-panel, .dashboard-hero, .welcome-panel){border:1px solid var(--eduvia-shared-line);border-radius:var(--radius-2xl,18px);background:var(--eduvia-shared-surface);color:var(--eduvia-shared-ink);box-shadow:none;} html[data-eduvia-product="pendidikan"].eduvia-dashboard-ready :is(.hero-panel, .dashboard-hero, .welcome-panel) :is(h1, h2, h3, p, span, small, b){color:inherit;-webkit-text-fill-color:currentColor!important;} html[data-eduvia-product="pendidikan"].eduvia-dashboard-ready :is(.stats, .summary-grid) :is(.stat, .summary-card){padding:13px!important;border:1px solid var(--eduvia-shared-line);border-radius:15px;background:var(--eduvia-shared-surface);box-shadow:none;} @media (max-width: 640px){html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] main{width:100%!important;padding-inline:14px!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .selector{padding:16px 0!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .selector-head{margin-bottom:10px!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .selector-head :is(p, .secure-status){display:none!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .portal-grid{display:grid!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important;align-items:stretch!important;gap:12px!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .portal-card{min-width:0!important;min-height:0!important;aspect-ratio:1 / 1!important;padding:8px 6px!important;border:1px solid #e2eaf3;border-radius:var(--radius-4xl,22px);background:var(--theme-surface,#fff);box-shadow:0 9px 24px rgba(8, 48, 110, 0.08);display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;overflow:hidden!important;text-align:center!important;transform:none!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .portal-card .card-top{display:flex!important;width:100%!important;align-items:center!important;justify-content:center!important;margin:0!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .portal-card .portal-icon{display:grid!important;width:min(82%, 168px)!important;height:auto!important;aspect-ratio:1 / 1!important;flex:0 0 auto!important;margin:0!important;border:1px solid rgba(7, 142, 232, 0.12);border-radius:clamp(var(--radius-3xl,20px), 6vw, 32px);background:linear-gradient(145deg, var(--theme-surface,#fff), #f2f8fd);box-shadow:0 7px 18px rgba(8, 48, 110, 0.09);} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .portal-card .portal-icon .portal-art{display:block!important;inset:-6px!important;width:auto!important;height:auto!important;background-size:200% 200%!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .portal-card .portal-copy{display:block!important;width:100%!important;min-width:0!important;margin:0!important;text-align:center!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .portal-card .portal-copy h2{margin:0!important;color:var(--eduvia-shared-ink);font-size:clamp(12px, 3.5vw, 15px);font-weight:750;line-height:1.22;text-align:center!important;text-wrap:balance!important;} html[data-eduvia-product="pendidikan"][data-eduvia-portal="pemilih"] .portal-card :is(.number, .enter, .portal-copy small, .portal-copy p){display:none!important;} html[data-eduvia-portal="guru"] .portal-guru-dashboard > .portal-school-report-gradient{padding:16px!important;} html[data-eduvia-portal="guru"] .eduvia-dashboard-metrics{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:8px!important;} html[data-eduvia-portal="guru"] .eduvia-dashboard-metric{min-height:62px!important;padding:10px!important;grid-template-columns:30px minmax(0, 1fr)!important;gap:8px!important;} html[data-eduvia-portal="guru"] .eduvia-dashboard-metric > :first-child{width:30px!important;height:30px!important;min-width:30px!important;} html[data-eduvia-portal="guru"] .eduvia-dashboard-metric > :last-child > p:first-child{font-size:18px;} }