/* EDUVIA V114 — Portal Admin Sekolah canonical CSS. Tampilan aktif dipertahankan; cabang style portal lain yang tidak terpakai dibersihkan. */
:root{--tone-005a0e11:rgba(15,34,57,.08);--tone-0068b8:#0068b8;--tone-064f86:#064f86;--tone-0967af:#0967af;--tone-0a7be6:#0a7be6;--tone-0d41cad3:rgba(255,255,255,.18);--tone-0fe0e381:rgba(255,255,255,.92);--tone-1290ff:#1290ff;--tone-172b46:#172b46;--tone-174b82:#174b82;--tone-17649f:#17649f;--tone-182230:#182230;--tone-223eafe8:rgba(15,23,42,.10);--tone-24433dbf:rgba(255,255,255,.94);--tone-35506c:#35506c;--tone-376ac9fb:rgba(15,23,42,.12);--tone-4650eeeb:rgba(255, 255, 255, 0.97);--tone-489d6a14:rgba(18,144,255,.18);--tone-501b2f1b:rgba(17,42,76,.04);--tone-50677f:#50677f;--tone-51eed0d2:rgba(248,250,253,.96);--tone-52677f:#52677f;--tone-60738a:#60738a;--tone-667b90:#667b90;--tone-6d7f96:#6d7f96;--tone-718198:#718198;--tone-718aa0:#718aa0;--tone-76182a:#76182a;--tone-7b60d74e:rgba(18,144,255,.08);--tone-8491a1:#8491a1;--tone-910f0ff2:rgba(17,42,76,.05);--tone-922514b5:rgba(255,255,255,.98);--tone-92779dd8:rgba(15, 23, 42, .08);--tone-941c34:#941c34;--tone-96a267e8:rgba(7, 142, 232, .11);--tone-97bdaf8b:rgba(247,249,252,.96);--tone-ac0f3d:#ac0f3d;--tone-ac256a68:rgba(255,255,255,.97);--tone-baa335b6:rgba(255,255,255,.76);--tone-bae6fd:#bae6fd;--tone-cda584ac:rgba(30, 70, 108, .055);--tone-cf1249:#cf1249;--tone-d6e2ee:#d6e2ee;--tone-d92d4a:#d92d4a;--tone-dbe6f1:#dbe6f1;--tone-df42a875:rgba(255,255,255,.985);--tone-e5edf6:#e5edf6;--tone-e6399dd7:rgba(15,34,57,.18);--tone-e6c6f105:rgba(255,255,255,.72);--tone-e778dbd4:rgba(15,23,42,.07);--tone-e7eeeb:#e7eeeb;--tone-edf1f3:#edf1f3;--tone-edf3f8:#edf3f8;--tone-edf5ff:#edf5ff;--tone-eef7ff:#eef7ff;--tone-f0b2c316:rgba(255,255,255,.86);--tone-f3f8fd:#f3f8fd;--tone-f6f8fb:#f6f8fb;--tone-f6f9ff:#f6f9ff;--tone-fb7089d4:rgba(255,255,255,.95);--tone-ff3855:#ff3855;--tone-fff0f0:#fff0f0;--school-brand-primary:var(--theme-primary,#078ee8);--school-brand-mid:var(--theme-primary-mid,#1264ad);--school-brand-dark:var(--theme-primary-strong,#173f70);--school-brand-secondary:var(--theme-primary-deep,#075da9);--school-brand-soft:var(--theme-primary-soft,#f0f8ff);font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tone-243143,#243143);background:var(--tone-f6f8fb);--portal-green:var(--school-brand-primary);--portal-sky:var(--school-brand-secondary);--portal-amber:var(--theme-warning,#f59e0b);--portal-ink:var(--theme-text,#0a2342);--portal-soft:var(--tone-f6f9ff);--portal-viewport-height:100dvh;--portal-mobile-dock-height:76px;--portal-nav-accent:var(--school-brand-primary);--portal-nav-accent-dark:var(--school-brand-dark);--portal-nav-active-soft:var(--school-brand-soft);--portal-nav-text:var(--theme-text-muted,#60758d);--portal-nav-line:var(--tone-dbe5f0,#dbe5f0);--portal-nav-sidebar-width:256px;--portal-nav-mobile-height:76px;--portal-nav-radius:16px;--portal-v143-green:var(--school-brand-primary);--portal-v143-blue-dark:var(--school-brand-dark);--portal-v143-blue-text:var(--school-brand-dark);--portal-v143-mint:var(--school-brand-soft);--portal-v143-mint-hover:#e8f2ff;--portal-v143-ink:#1f2937;--portal-v143-muted:var(--theme-text-muted,#60758d);--portal-v143-icon:#71839b;--portal-form-visible-height:100dvh;--portal-form-viewport-top:0px;--portal-form-keyboard-inset:0px;--readable-font:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--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(--school-brand-primary);--portal-v01-blue-dark:var(--theme-primary-darker,#123d6b);--portal-v01-blue-soft:var(--tone-eaf4ff,#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(--school-brand-primary);--portal-loading-track:rgba(7, 142, 232, 0.18);--portal-loading-layer:rgba(239, 246, 248, 0.76);--pp-menu-control-green:var(--school-brand-primary);--pp-menu-control-hover:#20a7ff;--pp-menu-control-border:var(--school-brand-primary);--pp-menu-control-dark:var(--school-brand-dark);--pp-menu-control-pale:var(--school-brand-soft);--pp-menu-control-text:var(--school-brand-mid);--pp-menu-control-focus:0 0 0 4px rgba(7,142,232,.18);--ios-bg:#f5f7fb;--ios-panel:var(--tone-0fe0e381);--ios-panel-strong:var(--theme-surface,#fff);--ios-line:var(--tone-92779dd8);--ios-line-strong:rgba(13, 110, 253, .16);--ios-text:#16304f;--ios-muted:var(--tone-6d7f96);--ios-blue:var(--tone-1290ff);--ios-blue-deep:var(--tone-0a7be6);--ios-shadow-sm:0 8px 22px rgba(17, 42, 76, .05);--ios-shadow-md:0 16px 38px rgba(17, 42, 76, .08);--ios-radius-xl:24px;--ios-radius-lg:20px;--ios-radius-md:16px;--ios-radius-sm:12px;--eduvia-shared-blue:var(--school-brand-primary);--eduvia-shared-blue-dark:#075da7;--eduvia-shared-ink:var(--tone-172033,#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;}
body{margin:0;}
.hidden{display:none!important;}
button,input,select,textarea{font:inherit;}
.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#e8f4ff,transparent 42%),linear-gradient(145deg,var(--theme-surface,#fff),#f4f8ff);}
.login-card{background:var(--theme-surface,#fff);border:1px solid var(--tone-e5edf6);border-radius:32px;box-shadow:0 22px 70px rgba(0,52,125,0.11);}
.login-card img{width:76px;border-radius:var(--radius-4xl,22px);}
.eyebrow{display:block;margin-top:20px;font-weight:900;letter-spacing:.18em;color:var(--school-brand-mid);}
.login-card h1{margin:10px 0;}
.login-card p{color:var(--theme-text-muted,#60758d);}
.login-card small{display:block;margin-top:16px;color:var(--theme-text-subtle,#7e90a5);}
.primary{border:0;border-radius:var(--radius-lg,14px);background:var(--school-brand-primary);color:var(--theme-surface,#fff);font-weight:800;padding:14px 20px;cursor:pointer;box-shadow:0 10px 24px var(--school-brand-primary)35;}
.app{min-height:100dvh;display:grid;}
aside{position:sticky;top:0;height:100dvh;background:var(--theme-surface,#fff);border-right:1px solid #e7ebf0;padding:26px 18px;display:flex;flex-direction:column;}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px;font-size:20px;}
.brand img{width:40px;border-radius:var(--radius-md-lg,12px);}
.brand span{color:var(--school-brand-mid);}
nav{display:grid;gap:7px;}
nav button{border:0;background:transparent;text-align:left;padding:13px 15px;border-radius:13px;color:var(--theme-text-muted,#60758d);font-weight:750;cursor:pointer;}
nav button.active{background:var(--tone-eef5ff,#eef5ff);color:var(--school-brand-dark);}
main{min-width:0;}
header{height:92px;background:#ffffffcc;border-bottom:1px solid #e7ebf0;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;}
header h2{margin:3px 0;font-size:22px;}
header small{color:#8b98a9;}
.admin{display:flex;gap:12px;align-items:center;text-align:right;}
.admin div{display:grid;}
.admin img{width:45px;height:45px;border-radius:50%;object-fit:cover;background:var(--tone-dbe5f0,#dbe5f0);}
section{padding:28px;max-width:1280px;margin:auto;}
.grid{display:grid;gap:18px;}
.stats{grid-template-columns:repeat(4,1fr);}
.card{background:var(--theme-surface,#fff);border:1px solid var(--tone-e5edf6);border-radius:var(--radius-4xl,22px);padding:22px;box-shadow:0 8px 30px #3341550a;}
.stat b{font-size:29px;}
.stat small{display:block;color:#7c8999;margin-bottom:10px;}
.two{grid-template-columns:1.4fr 1fr;}
.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:17px;}
.toolbar h3{margin:0;}
.secondary,.danger{border:0;border-radius:var(--radius-md-lg,12px);padding:11px 15px;font-weight:800;cursor:pointer;}
.secondary{background:var(--tone-eef5ff,#eef5ff);color:var(--school-brand-dark);}
.danger{background:var(--tone-fff0f0);color:#dc3f45;}
table{width:100%;border-collapse:collapse;}
th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #edf0f3;font-size:13px;}
th{color:var(--tone-8491a1);font-size:11px;text-transform:uppercase;}
.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:var(--tone-eff6ff,#eff6ff);color:var(--school-brand-dark);font-weight:800;}
.badge.off{background:var(--theme-surface-muted,#edf5fc);color:#7a8491;}
.actions{display:flex;gap:6px;}
.actions button{border:0;padding:7px 9px;border-radius:9px;cursor:pointer;}
.form{display:grid;gap:14px;}
.form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#657386;}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--tone-d6e2ee);background:#f9fafb;border-radius:var(--radius-md-lg,12px);padding:12px;outline:none;}
.form textarea{min-height:110px;}
.form input:focus,.form textarea:focus{border-color:var(--school-brand-primary);}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;}
.modal-card{width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:25px;position:relative;}
.close{position:absolute;right:15px;top:15px;border:0;background:#eef1f4;border-radius:50%;width:34px;height:34px;}
.toast,.loading{position:fixed;z-index:100;left:50%;transform:translateX(-50%);border-radius:var(--radius-lg,14px);box-shadow:0 15px 45px #0002;}
.toast{bottom:28px;background:#203044;color:var(--theme-surface,#fff);padding:13px 18px;}
.loading{top:20px;background:var(--theme-surface,#fff);padding:10px 15px;display:flex;gap:9px;align-items:center;}
.loading span{width:18px;height:18px;border:3px solid var(--theme-primary-border,#d9e8f5);border-top-color:var(--school-brand-primary);border-radius:50%;}
.price{font-size:30px;font-weight:900;color:var(--school-brand-dark);}
.announcement{border-left:4px solid var(--school-brand-primary);}
.muted{color:#7a8797;}
.empty{text-align:center;color:var(--tone-8491a1);padding:45px 10px;}
.report-panels{margin-top:18px;}
.bar-chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;padding-top:20px;}
.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;}
.bar{width:min(38px,70%);background:linear-gradient(var(--school-brand-primary),var(--tone-0ea5e9,#0ea5e9));border-radius:9px 9px 3px 3px;}
.bar-value{font-size:11px;font-weight:800;}
.status-report{margin:16px 0;}
.status-report>div:first-child,.report-line{display:flex;justify-content:space-between;gap:12px;}
.progress{height:8px;background:var(--tone-edf1f3);border-radius:99px;margin-top:7px;overflow:hidden;}
.progress i{display:block;height:100%;border-radius:99px;}
.report-line{padding:11px 0;border-bottom:1px solid #edf0f2;}
.compact-money{font-size:16px;}
.document-grid{display:grid;gap:10px;}
.document-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--tone-e5edf6);border-radius:var(--radius-lg,14px);}
.document-icon{font-size:27px;}
.document-name{display:grid;min-width:0;}
.document-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.document-name small{color:var(--tone-8491a1);margin-top:4px;}
.recipient-list{display:grid;gap:8px;max-height:180px;overflow:auto;padding:12px;background:#f8fafb;border-radius:var(--radius-md-lg,12px);}
.recipient-list label{display:flex;grid-template-columns:none;align-items:center;gap:9px;}
.recipient-list input{width:auto;}
.form-error{padding:11px 13px;border-radius:11px;background:var(--tone-fff0f0);color:#c9363e;font-weight:750;}
.primary:disabled{opacity:.65;cursor:wait;}
@media (max-width:850px){.app{grid-template-columns:1fr;}
.brand,.logout{display:none;}
nav{display:flex;overflow:auto;}
nav button{white-space:nowrap;font-size:11px;padding:10px;}
header{height:76px;padding:13px 17px;}
.admin div{display:none;}
.admin img{width:39px;height:39px;}
section{padding:18px 14px 95px;}
.stats{grid-template-columns:1fr 1fr;}
.two{grid-template-columns:1fr;}
.toolbar{align-items:flex-start;}
.table-wrap{overflow:auto;}
}
@media print{aside,header,.report-toolbar,#toast,#loading{display:none!important;}
.app{display:block!important;}
main{width:100%;}
section{padding:0!important;}
.card{box-shadow:none;break-inside:avoid;}
body{background:var(--theme-surface,#fff);}}
.foundation-control-note{border-left:4px solid #7c3aed!important;background:linear-gradient(135deg,#faf5ff,var(--theme-surface,#fff));}
.foundation-control-note b{color:#6d28d9;}
.foundation-control-note p{margin:7px 0 0;line-height:1.55;}
aside{box-shadow:10px 0 35px var(--school-brand-secondary)0a;overflow:hidden;}
aside nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px;scrollbar-width:thin;scrollbar-color:#d7e9ff transparent;}
aside nav::-webkit-scrollbar{width:5px;}
aside nav::-webkit-scrollbar-thumb{background:#d7e9ff;border-radius:var(--radius-md,10px);}
nav button{position:relative;}
nav button:hover{background:var(--school-brand-soft);color:var(--school-brand-dark);transform:translateX(3px);}
nav button.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:9px;background:var(--school-brand-primary);}
.card:hover{transform:translateY(-2px);box-shadow:0 16px 40px var(--school-brand-secondary)12;}
.primary:hover,.secondary:hover,.danger:hover,.actions button:hover{transform:translateY(-1px);filter:saturate(1.08);}
@media (max-width:850px){aside nav{overflow-x:auto;overflow-y:hidden;padding:0 0 3px;scrollbar-width:none;}
aside nav::-webkit-scrollbar{display:none;}
nav button:hover{transform:none;}
.card:hover{transform:none;}}
.login-card{width:min(760px,100%);padding:32px;text-align:left;}
.login-head{display:flex;align-items:center;gap:14px;}
.login-card .login-head img{width:56px;border-radius:var(--radius-xl,16px);}
.login-head h1{margin:5px 0;}
.login-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;}
.login-choice{border:1px solid #dfe6ea;background:var(--theme-surface,#fff);padding:14px;border-radius:var(--radius-lg,14px);text-align:left;cursor:pointer;}
.login-choice b,.login-choice span{display:block;}
.login-choice span{font-size:11px;color:#758293;margin-top:6px;line-height:1.45;}
.login-choice.active{border-color:var(--school-brand-primary);background:#effbf7;box-shadow:0 8px 22px var(--school-brand-primary)24;}
.login-card .primary{width:100%;}
.password-row{display:flex;gap:8px;}
.password-row button{border:0;border-radius:11px;padding:0 14px;font-weight:800;}
.subnav{display:flex;gap:8px;padding:13px 28px 0;background:var(--tone-f6f8fb);overflow-x:auto;position:sticky;top:92px;z-index:4;}
.subnav button{white-space:nowrap;border:0;border-radius:var(--radius-md-lg,12px);padding:10px 16px;background:var(--tone-edf1f3);color:#687687;font-weight:850;}
.subnav button.active{background:var(--school-brand-primary);color:var(--theme-surface,#fff);box-shadow:0 8px 22px var(--school-brand-primary)3d;}
.header-action{border:0;border-radius:var(--radius-md,10px);padding:8px 11px;background:var(--tone-eef5ff,#eef5ff);color:var(--school-brand-dark);font-weight:800;}
.login-card .back-link{display:inline-flex;margin:0 0 20px;color:var(--theme-text-muted,#60758d);text-decoration:none;font-size:12px;font-weight:800;line-height:1.4;}
.login-card .back-link:hover{color:var(--school-brand-dark);transform:translateX(-2px);}
.login-card .back-link:focus-visible{outline:2px solid var(--school-brand-primary);outline-offset:4px;border-radius:4px;}
.subscription-shortcut{border:0;border-radius:var(--radius-pill,999px);padding:10px 15px;background:linear-gradient(135deg,var(--tone-fbbf24,#fbbf24),#f97316);color:var(--theme-surface,#fff);font-weight:900;box-shadow:0 9px 24px #f59e0b55;}
.app aside{padding:20px 14px;}
.app aside #groupNav{display:grid!important;align-content:start!important;justify-content:start!important;gap:6px!important;flex:0 1 auto!important;}
.app aside #groupNav button{width:100%;min-height:0;padding:12px 14px;}
@media (max-width:850px){.login-card{padding:25px 18px;}
.login-choices{grid-template-columns:1fr;}
.subnav{top:76px;padding:10px 14px 0;}
.subnav button{padding:9px 13px;}
#groupNav button.active{background:var(--school-brand-primary);color:var(--theme-surface,#fff);box-shadow:0 7px 18px var(--school-brand-primary)38;}}
.premium-required,.school-payment{text-align:center;}
.premium-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:var(--radius-3xl,20px);display:grid;place-items:center;font-size:30px;color:var(--theme-surface,#fff);background:linear-gradient(135deg,var(--tone-fbbf24,#fbbf24),#f97316);box-shadow:0 12px 28px #f59e0b44;}
.qris-wrap{margin:16px 0;padding:12px;border-radius:var(--radius-3xl,20px);background:#f7f9fa;border:1px solid #edf0f2;}
.qris-wrap img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius-lg,14px);}
.payment-total{padding:14px;border-radius:17px;background:#ecfdf7;color:#085179;margin-bottom:14px;}
.payment-total small,.payment-total b{display:block;}
.payment-total b{font-size:28px;margin-top:4px;}
.school-payment ol{text-align:left;color:#677487;font-size:13px;line-height:1.7;}
.whatsapp-button{width:100%;border:0;border-radius:var(--radius-lg,14px);padding:14px;background:#258cd3;color:var(--theme-surface,#fff);font-weight:900;cursor:pointer;}
.quote-card .primary{width:100%;margin-top:14px;}
.login-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin-top:17px;padding-top:14px;border-top:1px solid var(--tone-e5edf6);font-size:10px;}
.login-contact b{width:100%;color:var(--theme-text-muted,#60758d);}
.login-contact a{color:var(--school-brand-dark);text-decoration:none;font-weight:850;}
.login-error{border-radius:var(--radius-md,10px);background:var(--tone-fff1f2,#fff1f2);font-weight:700;text-align:left;}
html,body{min-height:100%;}
body{background:linear-gradient(180deg,var(--tone-f8fbfa,#f8fbfa) 0%,#f5f7fb 100%);}
.portal-premium-status{white-space:nowrap;isolation:isolate;}
.portal-premium-status.is-active{background:linear-gradient(135deg,var(--school-brand-primary),var(--school-brand-secondary));color:var(--theme-surface,#fff);box-shadow:0 10px 26px var(--tone-af4f05cb,rgba(7, 142, 232, .24));}
.portal-premium-status.is-free{background:linear-gradient(135deg,var(--tone-fbbf24,#fbbf24),var(--theme-warning,#f59e0b));color:var(--theme-surface,#fff);box-shadow:0 10px 26px rgba(245,158,11,.24);}
.portal-student-notification-root{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;}
.portal-student-notification{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--tone-dbe5f0,#dbe5f0);border-radius:var(--radius-pill,999px);background:var(--theme-surface,#fff);color:var(--theme-text-secondary,#50657e);box-shadow:0 7px 20px var(--tone-0305fa36,rgba(15,23,42,.08));cursor:pointer;}
.portal-student-notification:hover{color:var(--school-brand-mid);border-color:var(--theme-primary-border-strong,#b8d9f3);}
.portal-student-notification svg{width:20px;height:20px;}
.portal-student-notification-badge{position:absolute;right:-3px;top:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:var(--radius-pill,999px);background:var(--theme-danger-light,#ef4444);color:white;border:2px solid white;font:800 10px/15px "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center;}
.portal-student-notification-panel{position:absolute;right:0;top:54px;z-index:9999;width:min(370px,calc(100vw - 24px));max-height:480px;overflow:auto;border:1px solid var(--tone-dbe5f0,#dbe5f0);border-radius:var(--radius-4xl,22px);background:var(--theme-surface,#fff);box-shadow:0 24px 70px rgba(15,23,42,.2);}
.portal-student-notification-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--tone-da3d8a08,rgba(255,255,255,.96));border-bottom:1px solid var(--tone-eef2f7,#eef2f7);}
.portal-student-notification-head b{font:800 15px/1.2 "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--theme-text,#0a2342);}
.portal-student-notification-head button{border:0;background:var(--school-brand-soft);color:var(--school-brand-dark);border-radius:var(--radius-md,10px);padding:7px 9px;font:700 11px "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;}
.portal-student-notification-item{display:block;width:100%;padding:15px 18px;border:0;border-bottom:1px solid var(--theme-surface-muted,#edf5fc);text-align:left;cursor:pointer;}
.portal-student-notification-item.unread{background:#f0fdf9;}
.portal-student-notification-item:hover{background:var(--school-brand-soft);}
.portal-student-notification-item b{display:block;color:var(--theme-text,#0a2342);font:800 13px/1.4 "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.portal-student-notification-item p{margin:5px 0 0;color:var(--theme-text-muted,#60758d);font:500 12px/1.55 "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.portal-student-notification-item small{display:block;margin-top:7px;color:var(--theme-text-subtle,#7e90a5);font:700 10px/1.3 "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.portal-student-notification-empty{padding:34px 20px;text-align:center;color:var(--theme-text-subtle,#7e90a5);font:600 13px "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}

.app main>header,.app main>section,.app .subnav{box-sizing:border-box;}
.app .card{box-shadow:0 9px 34px rgba(15,23,42,.055);}
.app main>section{width:100%;margin-inline:auto;}
@media (max-width:767px){.portal-premium-status{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;gap:0!important;overflow:hidden;font-size:0;line-height:0;justify-content:center!important;flex:0 0 42px!important;}
.portal-premium-status svg{width:19px!important;height:19px!important;}
.portal-premium-status:before{font-size:20px;line-height:1;}
.subscription-shortcut.portal-premium-status{border:0;}
.subscription-shortcut.portal-premium-status:before{content:"♛";}
header{gap:8px;}
header>.flex,header .admin{gap:7px!important;}
.md\:hidden h1{font-size:15px;white-space:nowrap;}
.md\:hidden img{flex:0 0 auto;}
.app main>header{padding:12px!important;}
.app main>header>div:first-child{min-width:0;}
.app main>header h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.app main>header .admin>div,.app main>header .header-action{display:none!important;}
.app main>header .admin img{width:40px!important;height:40px!important;}
.app main>section{padding:14px!important;}
.app .card{border-radius:var(--radius-3xl,20px);}
.app .grid.two,.app .grid.stats{grid-template-columns:1fr!important;}
.portal-student-notification-panel{position:fixed;top:74px;right:12px;}}
@media (min-width:768px){.portal-premium-status{min-height:40px;}
.app main>section{padding-inline:28px;}}
.app{grid-template-columns:280px minmax(0,1fr)!important;background:var(--tone-f7faff,#f7faff);}
.app>aside{padding:22px 16px!important;border-right:1px solid var(--tone-e5edf6)!important;box-shadow:8px 0 28px rgba(0,52,125,.045);}
.app .brand{padding:2px 9px 28px!important;}
.app .brand img{width:44px!important;height:44px!important;}
.app .brand b{font-size:20px;}
.app #groupNav{gap:7px!important;}
.app #groupNav button{display:flex!important;align-items:center!important;gap:13px!important;width:100%!important;padding:13px 14px!important;border-radius:var(--radius-xl,16px);}
.admin-nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--theme-surface-muted,#edf5fc);color:var(--theme-text-muted,#60758d);font-size:16px;font-weight:900;}
.app #groupNav button.active .admin-nav-icon{background:rgba(255,255,255,.16);color:inherit;}
.admin-nav-label{font-weight:800;}
.app main>header{height:86px!important;padding:15px 28px!important;}
.app main>section{max-width:none!important;margin:0!important;padding:28px 30px 42px!important;}
.app .subnav{top:86px!important;padding:13px 30px 2px!important;background:rgba(247,250,255,.94);}
.app .subnav button{display:flex;align-items:center;gap:7px;}
.admin-subnav-icon{place-items:center;min-width:18px;font-size:13px;font-weight:900;}
.app .card{border-radius:26px;padding:25px!important;}
.app .grid{gap:22px!important;}
.app .toolbar{margin-bottom:20px!important;}
.app .form{gap:18px!important;}
.app .form label{gap:8px!important;}
.app .form input,.app .form select,.app .form textarea{padding:14px!important;border-radius:var(--radius-lg,14px);background:var(--theme-surface-soft,#f7fbff);}
.app .modal-card{width:min(620px,calc(100vw - 28px))!important;padding:34px!important;}
.app .modal-card h2{margin:0 48px 22px 0!important;}
.app .modal-card .muted{line-height:1.65;}
.modal-eyebrow{display:block;margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.14em;}
.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.subscription-status-card{margin-bottom:26px!important;}
.subscription-upgrade-grid{gap:24px!important;}
.admin{position:relative;}
.admin-profile-button{width:44px;height:44px;padding:0;border:2px solid var(--theme-surface,#fff);border-radius:var(--radius-pill,999px);overflow:hidden;background:var(--theme-primary-border,#d9e8f5);box-shadow:0 5px 16px var(--tone-376ac9fb);cursor:pointer;}
.admin-profile-button img{width:100%!important;height:100%!important;border-radius:inherit;}
.admin-profile-menu{position:absolute;right:0;top:56px;width:300px;padding:16px;background:var(--theme-surface,#fff);border:1px solid var(--tone-dbe5f0,#dbe5f0);border-radius:var(--radius-5xl,24px);box-shadow:0 26px 70px var(--tone-b001a3a2,rgba(15,23,42,.22));text-align:left;}
.admin-profile-summary{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--tone-eef2f7,#eef2f7);}
.admin-profile-summary img{width:48px!important;height:48px!important;border-radius:50%;}
.admin-profile-summary div{display:grid!important;min-width:0;}
.admin-profile-summary b,.admin-profile-summary small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-profile-premium{display:grid;gap:3px;margin:13px 0;padding:12px;border-radius:15px;}
.admin-profile-premium.active{background:var(--school-brand-soft);color:var(--school-brand-dark);}
.admin-profile-premium.free{background:var(--tone-fffbeb,#fffbeb);color:#b45309;}
.admin-profile-premium b{font-size:11px;}
.admin-profile-premium span{font-size:11px;}
.admin-profile-menu>button{width:100%;margin-top:7px;padding:12px 13px;border:0;border-radius:13px;background:var(--theme-surface-soft,#f7fbff);color:var(--theme-text-secondary,#50657e);text-align:left;font-weight:800;cursor:pointer;}
.admin-profile-menu>button:hover{background:var(--school-brand-soft);color:var(--school-brand-dark);}
.admin-profile-menu .admin-profile-logout{background:var(--tone-fff1f2,#fff1f2);color:var(--tone-e11d48,#e11d48);text-align:center;}
.app #changeAdminPassword{display:none!important;}
.app>aside>.logout{display:none!important;}
@media (max-width:850px){.app{display:block!important;}

.app #groupNav button{gap:0!important;border-radius:15px;text-align:center!important;}
.app #groupNav button.active:before{display:none!important;}
.admin-nav-icon{font-size:21px;background:transparent;}
.app main>header{height:72px!important;padding:11px 13px!important;}
.app main>header h2{font-size:16px;}
.app main>header #schoolCode{display:block;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.app main>section{padding:17px 13px 112px!important;}
.app .subnav{top:72px!important;padding:9px 13px 3px!important;}
.app .subnav button{padding:9px 12px!important;}
.app .subnav button span:last-child{font-size:11px;}
.app .card{padding:19px!important;border-radius:var(--radius-4xl,22px);}
.app .modal{align-items:flex-end!important;padding:10px!important;}
.app .modal-card{width:100%!important;max-height:88dvh!important;padding:24px 20px calc(24px + env(safe-area-inset-bottom))!important;}
.profile-form-grid{grid-template-columns:1fr;}
.admin-profile-menu{position:fixed;right:10px;top:66px;width:min(300px,calc(100vw - 20px));}
.subscription-status-card{margin-bottom:24px!important;}
.subscription-upgrade-grid{margin-top:0!important;}
.app .grid.two{gap:22px!important;}}
@media (max-width:850px){.app main>header .admin{gap:7px!important;}
.app main>header .admin-profile-button{width:40px;height:40px;}
.app main>header #portal-subscription-notifications .psn-button{width:40px;height:40px;}}

main{overscroll-behavior:contain;}
@media (max-width:900px){[class*="shadow-2xl"],[class*="shadow-xl"]{box-shadow:0 8px 22px var(--tone-223eafe8);}}
@media (max-width:850px){.attendance-mobile-actions,.grading-mobile-actions{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;z-index:78!important;margin:0!important;padding:8px!important;border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-3xl,20px);background:var(--tone-da3d8a08,rgba(255,255,255,.96));box-shadow:0 14px 34px rgba(15,23,42,.18);}
.attendance-mobile-actions button,.grading-mobile-actions button{min-height:50px;padding-top:10px!important;padding-bottom:10px!important;box-shadow:none;}}
#loading{display:none!important;}
.admin-nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.admin-subnav-icon{display:none!important;}
.admin-profile-menu button{pointer-events:auto!important;}
body.admin-auth-mode{overflow:hidden!important;height:100dvh!important;}
.admin-auth-mode #login{position:fixed!important;inset:0!important;z-index:1000!important;overflow:hidden!important;background:#f5f9ff;}
.admin-auth-mode #app{display:none!important;}
.admin-auth-mode .login-card{width:min(520px,calc(100vw - 28px))!important;padding:28px!important;border-radius:var(--radius-5xl,24px);box-shadow:0 14px 44px rgba(0,52,125,.10);}
.admin-auth-mode .login-head img{width:52px!important;}
.admin-auth-mode .login-choices{margin:17px 0!important;gap:9px!important;}
.admin-auth-mode .login-choice{padding:13px!important;border-radius:var(--radius-lg,14px);}
.admin-auth-mode .login-card>p{margin:10px 0!important;font-size:13px;}
@media (max-width:850px){body:not(.admin-auth-mode){overscroll-behavior:none;}
.app #groupNav{grid-template-columns:repeat(5,1fr)!important;touch-action:manipulation;}
.app #groupNav button{touch-action:manipulation;}
.admin-nav-icon{width:40px!important;height:40px!important;border-radius:13px;}
.admin-nav-icon svg{width:23px!important;height:23px!important;}

.admin-nav-label{display:none!important;}

.app .subnav::-webkit-scrollbar{display:none;}}
@media (max-width:380px){.md\:hidden h1{display:none!important;}}


.admin-profile-button{position:relative!important;z-index:92!important;pointer-events:auto!important;touch-action:manipulation;}
.admin-profile-menu{z-index:160!important;pointer-events:auto!important;}
.admin-profile-menu>button{min-height:44px;pointer-events:auto!important;touch-action:manipulation;}
.admin-onboarding .modal .close{display:none!important;}
.admin-onboarding .modal{z-index:300!important;}

.admin-onboarding .admin-profile-modal:before{content:"Lengkapi data sekolah agar akun siap digunakan";display:block;margin:0 45px 18px 0;padding:13px 15px;font-size:12px;font-weight:800;line-height:1.5;}
.report-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:23px 25px;border-radius:25px;background:linear-gradient(135deg,#0b263c,var(--school-brand-secondary));color:var(--theme-surface,#fff);box-shadow:0 16px 40px rgba(0,52,125,.16);}
.report-hero span,.report-card-head small{font-size:9px;font-weight:900;letter-spacing:.14em;opacity:.72;}
.report-hero h3{margin:5px 0 3px;font-size:23px;}
.report-hero p{margin:0;color:var(--theme-primary-border,#d9e8f5);font-size:12px;}
.report-actions{display:flex;align-items:center;gap:8px;}
.report-actions input,.report-actions button{min-height:42px;border:0;border-radius:var(--radius-md-lg,12px);}
.report-actions input{padding:0 12px;background:var(--theme-surface,#fff);color:var(--theme-text-strong,#123d6b);}
.report-actions .secondary{background:var(--tone-eef6ff,#eef6ff);}
.report-actions .primary{box-shadow:none;}
.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.report-summary-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:13px;padding:19px;border:1px solid #e7edf0;border-radius:var(--radius-4xl,22px);background:var(--theme-surface,#fff);box-shadow:0 8px 26px rgba(15,23,42,.045);}
.report-summary-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;}
.report-summary-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.report-summary-card.green .report-summary-icon{background:var(--school-brand-soft);color:var(--school-brand-mid);}
.report-summary-card.blue .report-summary-icon{background:var(--tone-eff6ff,#eff6ff);color:#2563eb;}
.report-summary-card.violet .report-summary-icon{background:#f5f3ff;color:#7c3aed;}
.report-summary-card.amber .report-summary-icon{background:var(--tone-fffbeb,#fffbeb);color:#d97706;}
.report-summary-card small{display:block;color:#7b899a;font-size:10px;font-weight:800;}
.report-metric{display:flex;align-items:baseline;gap:5px;margin-top:4px;min-width:0;}
.report-metric b{font-size:23px;line-height:1;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.report-metric span{font-size:11px;color:var(--theme-text-muted,#60758d);}
.report-summary-card p{margin:7px 0 0;color:var(--theme-text-muted,#60758d);font-size:10px;}
.report-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-items:stretch;gap:16px;margin-top:16px;width:100%;}
.report-card{width:100%;max-width:none!important;min-width:0;margin:0!important;padding:22px;border:1px solid #e7edf0;border-radius:var(--radius-5xl,24px);background:var(--theme-surface,#fff);box-shadow:0 8px 28px rgba(15,23,42,.045);}
.report-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;}
.report-card-head h3{margin:4px 0 0;font-size:16px;}
.report-card-head>span{padding:6px 9px;border-radius:var(--radius-pill,999px);background:var(--school-brand-soft);color:var(--school-brand-dark);font-size:9px;font-weight:900;}
.report-trend-card .bar-chart{height:185px;}
.report-condition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.report-condition-grid>div{display:grid;gap:3px;padding:14px 10px;border-radius:15px;background:var(--theme-surface-soft,#f7fbff);text-align:center;}
.report-condition-grid b{font-size:20px;}
.report-condition-grid span{font-size:9px;color:var(--theme-text-muted,#60758d);}
.report-total{display:flex;justify-content:space-between;gap:10px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--tone-eef2f7,#eef2f7);color:var(--theme-text-muted,#60758d);font-size:11px;}
.report-empty{margin:0;padding:20px;border-radius:15px;background:var(--theme-surface-soft,#f7fbff);color:var(--theme-text-subtle,#7e90a5);text-align:center;font-size:11px;}
.report-line span small{display:block;margin-top:3px;color:var(--theme-text-subtle,#7e90a5);font-size:9px;}
.report-zero-state{display:grid;place-items:center;min-height:145px;padding:24px;border:1px dashed #dbe7f3;border-radius:var(--radius-2xl,18px);background:linear-gradient(145deg,var(--tone-f8fbff,#f8fbff),var(--theme-surface-soft,#f7fbff));color:var(--theme-text-muted,#60758d);text-align:center;}
.report-zero-state b{display:block;margin-bottom:5px;color:#1f2937;font-size:14px;}
.report-zero-state span{font-size:11px;line-height:1.6;}
.admin-mobile-profile-popup .admin-profile-summary{margin:8px 0 14px;}
.admin-mobile-profile-popup .admin-profile-premium{margin:12px 0;}
.admin-mobile-profile-popup>button{width:100%;min-height:48px;margin-top:9px;border:0;border-radius:var(--radius-lg,14px);background:var(--theme-surface-soft,#f7fbff);color:var(--theme-text-secondary,#50657e);text-align:left;padding:13px 15px;font-weight:800;}
.admin-mobile-profile-popup>.admin-profile-logout{background:var(--tone-fff1f2,#fff1f2);color:var(--tone-e11d48,#e11d48);text-align:center;}
.school-logo-upload{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:16px;padding:15px;border:1px solid #dce8f6;border-radius:var(--radius-2xl,18px);background:var(--tone-f8fbff,#f8fbff);}
.school-logo-upload>img{width:92px;height:92px;object-fit:contain;padding:7px;border-radius:var(--radius-2xl,18px);background:var(--theme-surface,#fff);border:1px solid var(--tone-dbe5f0,#dbe5f0);}
.school-logo-upload label{min-width:0;}
.school-logo-upload label small{display:block;margin:4px 0 9px;color:#7c8999;font-size:10px;font-weight:600;}
.school-logo-upload input{padding:10px!important;background:var(--theme-surface,#fff);}

@media (max-width:850px){html,body{max-width:100%!important;overflow-x:clip!important;}
.app,.app main,.app main>section{min-width:0!important;max-width:100%!important;width:100%!important;overflow-x:clip!important;}
.app .subnav{display:flex!important;max-width:100%!important;width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;}
.app .subnav::-webkit-scrollbar{display:none!important;}
.app .subnav button{flex:0 0 auto!important;white-space:nowrap!important;}
.app .toolbar{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;}
.app .toolbar>div{min-width:0!important;}
.app .table-wrap{max-width:100%!important;overflow-x:auto!important;}
.app #groupNav{position:static!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;align-content:center!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0!important;gap:4px!important;overflow:hidden!important;transform:none!important;box-sizing:border-box!important;}
.app #groupNav button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:50px!important;min-height:50px!important;margin:0!important;padding:4px!important;border:0;background:transparent;color:var(--theme-text-muted,#60758d);box-shadow:none;overflow:hidden!important;transform:none!important;line-height:1;box-sizing:border-box!important;}
.app #groupNav button:hover,.app #groupNav button:focus,.app #groupNav button.active{margin:0!important;background:transparent;color:var(--school-brand-mid);box-shadow:none;transform:none!important;}
.app #groupNav button:before{display:none!important;}
.app #groupNav .admin-nav-icon{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border-radius:var(--radius-lg,14px);transform:none!important;box-sizing:border-box!important;}
.app #groupNav .admin-nav-icon svg{width:23px!important;height:23px!important;}
.app #groupNav button.active .admin-nav-icon{width:42px!important;height:42px!important;border-radius:var(--radius-lg,14px);background:var(--school-brand-primary);color:var(--theme-surface,#fff);box-shadow:0 7px 16px var(--tone-af4f05cb,rgba(7, 142, 232, .24));transform:none!important;}
.app main>section{padding-bottom:calc(105px + env(safe-area-inset-bottom))!important;}
.report-hero{align-items:flex-start;padding:19px;border-radius:21px;}
.report-hero h3{font-size:19px;}
.report-actions{display:grid;grid-template-columns:1fr 1fr;}
.report-actions input{grid-column:1/-1;width:100%;}
.report-summary-grid{grid-template-columns:1fr 1fr;gap:10px;}
.report-summary-card{grid-template-columns:39px minmax(0,1fr);gap:10px;padding:15px;border-radius:19px;}
.report-summary-icon{width:39px;height:39px;}
.report-metric b{font-size:20px;}
.report-panel-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px;width:100%!important;}
.report-card{width:100%!important;max-width:none!important;margin:0!important;padding:18px;border-radius:21px;}
.report-trend-card .bar-chart{height:150px;}
.report-zero-state{min-height:118px;}}
@media (max-width:420px){.report-hero{display:grid;}
.report-actions{width:100%;}
.report-summary-grid{grid-template-columns:1fr;}
.report-summary-card{grid-template-columns:44px 1fr;}
.report-summary-card p{font-size:11px;}}
@media print{.report-hero{background:var(--theme-surface,#fff);color:#111;border:1px solid #ddd;box-shadow:none;}
.report-hero p{color:#555;}
.report-actions{display:none!important;}
.report-summary-grid{grid-template-columns:repeat(2,1fr);}
.report-panel-grid{grid-template-columns:1fr 1fr;}
.report-card,.report-summary-card{box-shadow:none;}}
:where(button.primary,button.secondary,button.warning,button.danger,button.ghost,button.stop-access,.actions button,.buttons button,.leave-row button,button.academic-action,.teacher-report-actions button,.teacher-report-actions a,button[class*="bg-blue-"],button[class*="bg-red-"],button[class*="bg-blue-"],button[class*="bg-amber-"]){position:relative;overflow:hidden;border:1px solid currentColor;border-left-width:4px!important;border-radius:var(--radius-md,10px);font-weight:800;letter-spacing:.01em;box-shadow:0 7px 16px var(--tone-e778dbd4);}
:where(button.primary,button.secondary,button.warning,button.danger,button.ghost,button.stop-access,.actions button,.buttons button,.leave-row button,button.academic-action,.teacher-report-actions button,.teacher-report-actions a,button[class*="bg-blue-"],button[class*="bg-red-"],button[class*="bg-blue-"],button[class*="bg-amber-"]):not(:disabled):hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(15,23,42,.11);}
:where(button.primary,button.secondary,button.warning,button.danger,button.ghost,button.stop-access,.actions button,.teacher-report-actions button,.teacher-report-actions a):not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:0 4px 9px var(--tone-0305fa36,rgba(15,23,42,.08));}
:where(button.primary,button.secondary,.actions button,.buttons button,.leave-row button,button.academic-action,button[class*="bg-blue-"]){background:var(--school-brand-soft);color:var(--school-brand-dark);border-color:var(--school-brand-primary);}
:where(button[class*="bg-blue-"]){background:var(--tone-eff6ff,#eff6ff);color:var(--tone-1d4ed8,#1d4ed8);border-color:#3b82f6;}
:where(button.warning,button[class*="bg-amber-"]){background:var(--tone-fffaf0,#fffaf0);color:#a34405;border-color:var(--theme-warning,#f59e0b);}
:where(button.danger,button.stop-access,button[class*="bg-red-"]){background:var(--tone-fff5f5,#fff5f5);color:var(--tone-c81e1e,#c81e1e);border-color:var(--tone-ff4d55,#ff4d55);}
:where(button.ghost){background:var(--theme-surface-soft,#f7fbff);color:var(--theme-text-secondary,#50657e);border-color:var(--theme-text-subtle,#7e90a5);}
:where(.buttons button.out,.leave-row button.leave-cancel){background:var(--tone-fff5f5,#fff5f5);color:var(--tone-c81e1e,#c81e1e);border-color:var(--tone-ff4d55,#ff4d55);}
:where(.buttons button[data-close],.buttons button[type="button"]:not(.out)){background:var(--theme-surface-soft,#f7fbff);color:var(--theme-text-secondary,#50657e);border-color:var(--theme-text-subtle,#7e90a5);}
:where(button.primary,button.secondary,button.warning,button.danger,button.ghost,button.stop-access,.actions button):focus-visible{outline:3px solid rgba(7, 142, 232, .18);outline-offset:2px;}
button:disabled{cursor:not-allowed;transform:none!important;box-shadow:none;filter:grayscale(.25);opacity:.58;}
.badge.pending,.badge.approved,.badge.active,.badge.rejected,.badge.inactive{border:1px solid currentColor;border-left-width:4px!important;border-radius:var(--radius-md,10px);padding:8px 11px!important;box-shadow:0 6px 14px var(--tone-09a9070d,rgba(15,23,42,.06));}
.badge.pending{background:var(--tone-fffaf0,#fffaf0);color:#a34405;border-color:var(--theme-warning,#f59e0b);}
.badge.approved,.badge.active{background:var(--school-brand-soft);color:var(--school-brand-dark);border-color:var(--school-brand-primary);}
.badge.rejected,.badge.inactive{background:var(--tone-fff5f5,#fff5f5);color:var(--tone-c81e1e,#c81e1e);border-color:var(--tone-ff4d55,#ff4d55);}
.modal .modal-card{width:min(100%,560px)!important;max-height:88dvh!important;padding:22px!important;}
.modal>form{width:min(100%,480px)!important;max-height:88dvh!important;overflow:auto!important;padding:22px!important;border-radius:var(--radius-4xl,22px);}
.modal .modal-card:has(.qris-wrap),.modal .modal-card:has(.school-payment){width:min(100%,620px)!important;}
.fixed.inset-0>[class~="max-w-4xl"],.fixed.inset-0>[class~="max-w-3xl"]{max-width:720px!important;padding:22px!important;border-radius:var(--radius-5xl,24px);max-height:88dvh!important;}
.fixed.inset-0>[class~="max-w-2xl"],.fixed.inset-0>[class~="max-w-xl"]{max-width:560px!important;padding:21px!important;border-radius:var(--radius-4xl,22px);max-height:88dvh!important;}
@media (max-width:640px){.modal{align-items:flex-end!important;padding:0!important;}
.modal .modal-card,.modal>form{width:100%!important;max-height:90dvh!important;border-radius:var(--radius-4xl,22px) var(--radius-4xl,22px) 0 0;padding:20px 16px!important;}
.fixed.inset-0>[class*="max-w-"]{width:100%!important;max-width:100%!important;max-height:90dvh!important;border-radius:var(--radius-4xl,22px) var(--radius-4xl,22px) 0 0;padding:19px 16px!important;}}
.login-error,.form-login-error{margin:10px 0 0;padding:11px 13px;border:1px solid var(--tone-fecaca,#fecaca);border-radius:var(--radius-md-lg,12px);background:#fef2f2;color:var(--theme-danger,#b91c1c);font-size:12px;font-weight:750;line-height:1.45;}



.portal-form-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;isolation:isolate!important;overscroll-behavior:contain!important;}
.portal-form-modal>form,.portal-form-modal>div{overscroll-behavior:contain!important;}
.portal-guru-dashboard,.portal-guru-schedule{scroll-margin-bottom:120px;}
@media (max-width:767px){
.portal-form-modal{padding:8px!important;align-items:flex-start!important;overflow-y:auto!important;}
.portal-form-modal>form,.portal-form-modal>div{width:100%!important;margin:auto!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto!important;border-radius:var(--radius-4xl,22px);}
.portal-form-modal form>div:last-child{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;}
.portal-guru-dashboard,.portal-guru-schedule{padding-bottom:calc(9rem + env(safe-area-inset-bottom))!important;}}
@media (min-width:768px){.portal-form-modal{padding-top:24px!important;padding-bottom:24px!important;overflow-y:auto!important;}
.portal-form-modal>form,.portal-form-modal>div{margin:auto!important;max-height:calc(100dvh - 48px)!important;overflow-y:auto!important;}}
#modal .modal-card:has(.employee-account-preview){width:min(100%, 720px)!important;padding:28px!important;}
.employee-preview-head{margin:-28px -28px 22px;padding:27px 64px 24px 28px;border-radius:26px 26px 0 0;color:var(--theme-surface,#fff);background:radial-gradient(circle at 90% 0, #7dd3fc66, transparent 36%),
    linear-gradient(125deg, var(--theme-primary-darkest,#0a2342), var(--school-brand-secondary) 62%, var(--school-brand-primary));}
.employee-preview-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;}
.employee-preview-grid > div{min-width:0;padding:13px 14px;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-md-lg,12px);background:var(--theme-surface-soft,#f7fbff);}
.employee-preview-grid small,
.employee-preview-grid b{display:block;}
.employee-preview-grid small{color:var(--theme-text-subtle,#7e90a5);font-size:10px;font-weight:900;}
.employee-preview-grid b{margin-top:5px;overflow-wrap:anywhere;font-size:13px;}
.employee-login-guide{margin:15px 0;padding:15px 17px;border:1px solid var(--tone-bae6fd);border-radius:13px;color:#0c4a6e;background:#f0f9ff;font-size:13px;line-height:1.6;}
.employee-login-guide ol{margin:7px 0 0;padding-left:20px;}
.employee-preview-password{display:grid;gap:5px;margin-bottom:16px;padding:14px 16px;border-radius:var(--radius-md-lg,12px);color:var(--theme-text-muted,#60758d);background:var(--theme-surface-muted,#edf5fc);font-size:12px;line-height:1.55;}
.employee-preview-password small{color:var(--theme-text-subtle,#7e90a5);font-size:10px;font-weight:900;}
.employee-preview-password.one-time{color:var(--theme-primary-darker,#123d6b);background:var(--school-brand-soft);}
.employee-preview-password code{color:var(--theme-primary-darkest,#0a2342);font-size:18px;font-weight:900;letter-spacing:.04em;overflow-wrap:anywhere;}
.employee-preview-actions{flex-wrap:wrap;}
.employee-preview-actions button{padding:10px 14px;font-size:13px;}
@media (max-width: 600px){#modal .modal-card:has(.employee-account-preview){max-height:92dvh;padding:20px 18px!important;}
.employee-preview-head{margin:-20px -18px 17px;padding:21px 54px 19px 18px;}
.employee-preview-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
.employee-preview-actions button{flex:1 1 calc(50% - 6px);font-size:12px;}}
@media (max-width: 850px){body.admin-modal-layer-open{width:100%;height:100dvh;overflow:hidden!important;overscroll-behavior:none;}
body.admin-modal-layer-open #modal{z-index:2147483646!important;}
body.admin-modal-layer-open #modal.hidden{display:none!important;}
body.admin-profile-layer-open #modal{position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex;align-items:center!important;justify-content:center!important;padding:calc(10px + env(safe-area-inset-top)) 10px
      calc(10px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;}
body.admin-profile-layer-open #modal .modal-card{position:relative!important;z-index:1!important;width:min(620px, 100%)!important;max-width:100%!important;max-height:calc(
      100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)
    )!important;margin:auto!important;padding:24px 18px calc(24px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;}
body.admin-profile-layer-open
    #modal
    .modal-card:has(.admin-mobile-profile-popup){width:min(430px, 100%)!important;}
body.admin-profile-layer-open .admin-mobile-profile-popup,
  body.admin-profile-layer-open .admin-profile-modal{width:100%!important;min-width:0!important;padding-bottom:max(10px, env(safe-area-inset-bottom))!important;}
body.admin-profile-layer-open .admin-mobile-profile-popup > button{position:relative;z-index:1;display:block!important;}
body.admin-profile-layer-open
    .admin-mobile-profile-popup
    > .admin-profile-logout{margin-bottom:max(2px, env(safe-area-inset-bottom))!important;}
body.admin-profile-layer-open .admin-profile-modal form .primary{position:sticky;bottom:0;z-index:4;width:100%;margin-top:4px;box-shadow:0 -10px 22px var(--tone-9203fef5,rgba(255, 255, 255, 0.95)),
      0 10px 24px rgba(19, 124, 184, 0.28);}}
@media (max-width: 420px){body.admin-profile-layer-open #modal{padding-right:7px!important;padding-left:7px!important;}
body.admin-profile-layer-open #modal .modal-card{padding-right:15px!important;padding-left:15px!important;}}
body > .portal-student-notification-panel,
.portal-student-notification-layer,
.psn-panel,
.owner-notification-panel,
.foundation-notification-panel,
.school-notification-panel{position:fixed!important;z-index:2147483647!important;isolation:isolate!important;pointer-events:auto!important;transform:translateZ(0)!important;}
.psn-panel{left:auto;}
body > .portal-student-notification-panel[hidden],
.psn-panel[hidden]{display:none!important;}

.portal-teacher-today-schedule,
.portal-teacher-schedule-day{overflow:visible!important;border:0;background:var(--theme-surface,#fff);box-shadow:none;}
.portal-teacher-today-schedule-grid,
.portal-teacher-schedule-grid{display:grid!important;grid-template-columns:repeat(auto-fit, minmax(210px, 1fr))!important;gap:10px!important;padding:0!important;}
.portal-teacher-schedule-card{min-width:0!important;border:1px solid var(--tone-dbe5f0,#dbe5f0);border-radius:var(--radius-2xl,18px);background:var(--theme-surface,#fff);padding:12px!important;box-shadow:0 7px 20px rgba(15, 23, 42, .045);}
.portal-teacher-schedule-card > *{min-width:0;}
.portal-teacher-schedule-card h4,
.portal-teacher-schedule-card p{overflow:hidden;text-overflow:ellipsis;}
.portal-teacher-schedule-day > :first-child{margin-bottom:9px;border:1px solid var(--tone-dbe5f0,#dbe5f0);border-radius:15px;background:var(--theme-surface-soft,#f7fbff);}
@media (min-width: 1100px){.portal-teacher-today-schedule-grid,
  .portal-teacher-schedule-grid{grid-template-columns:repeat(4, minmax(0, 1fr))!important;}}
@media (max-width: 767px){html{height:100%;overflow:hidden;overscroll-behavior:none;}

  body:has(.app:not(.hidden)){width:100%;height:var(--portal-viewport-height);min-height:0!important;overflow:hidden!important;overscroll-behavior:none;}






.app:not(.hidden){height:var(--portal-viewport-height)!important;min-height:0!important;max-height:var(--portal-viewport-height)!important;overflow:hidden!important;}
.app:not(.hidden) > main{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.app:not(.hidden) > main > header,
  .app:not(.hidden) > main > .subnav{flex:0 0 auto!important;}
.app:not(.hidden) > main > section{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--portal-mobile-dock-height) + 28px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(var(--portal-mobile-dock-height) + 28px + env(safe-area-inset-bottom))!important;}
.app:not(.hidden) > aside{bottom:0!important;padding-bottom:max(6px, env(safe-area-inset-bottom))!important;z-index:500!important;}
.portal-student-notification-layer,
  body > .portal-student-notification-panel,
  .psn-panel,
  .owner-notification-panel{top:calc(env(safe-area-inset-top) + 66px)!important;right:8px!important;left:8px!important;width:auto!important;max-height:calc(var(--portal-viewport-height) - 150px - env(safe-area-inset-top))!important;overflow:auto!important;}
.portal-teacher-today-schedule-grid,
  .portal-teacher-schedule-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:8px!important;}
.portal-teacher-schedule-card{padding:10px!important;border-radius:15px;gap:7px!important;}
.portal-teacher-today-schedule-grid > .portal-teacher-schedule-card{display:grid!important;grid-template-columns:auto minmax(0, 1fr)!important;align-items:center!important;}
.portal-teacher-today-schedule-grid > .portal-teacher-schedule-card > :last-child{grid-column:1 / -1;justify-self:start;margin-top:2px;}
.portal-teacher-schedule-grid > .portal-teacher-schedule-card{display:grid!important;grid-template-columns:minmax(0, 1fr) auto!important;align-items:start!important;}
.portal-teacher-schedule-grid > .portal-teacher-schedule-card > :first-child{gap:7px!important;min-width:0!important;}
.portal-teacher-schedule-grid > .portal-teacher-schedule-card > :first-child > :first-child{padding:5px 7px!important;flex:0 0 auto!important;}
.portal-teacher-schedule-grid > .portal-teacher-schedule-card > :last-child{flex-direction:column;gap:4px!important;}}
@media (max-width: 359px){.portal-teacher-today-schedule-grid,
  .portal-teacher-schedule-grid{grid-template-columns:1fr!important;}}
.portal-management-notifications{position:relative;flex:none;}
.admin>.portal-management-notifications{display:block!important;}

.admin .portal-management-notification-head>div{display:block!important;}
.admin .portal-management-notification-actions{display:flex!important;}
.portal-management-notification-button{width:44px;height:44px;border:1px solid #dce6eb;border-radius:var(--radius-lg,14px);background:var(--theme-surface,#fff);color:var(--theme-text-secondary,#50657e);display:grid;place-items:center;position:relative;cursor:pointer;box-shadow:0 4px 15px var(--tone-09a9070d,rgba(15,23,42,.06));}
.portal-management-notification-button:hover,.portal-management-notification-button.active{color:var(--school-brand-mid);border-color:#84c8ff;background:var(--school-brand-soft);}
.portal-management-notification-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.portal-management-notification-badge{position:absolute;right:-5px;top:-5px;min-width:21px;height:21px;padding:0 5px;border:2px solid var(--theme-surface,#fff);border-radius:var(--radius-pill,999px);background:var(--theme-danger-light,#ef4444);color:var(--theme-surface,#fff);display:grid;place-items:center;font-size:9px;font-weight:900;}
.portal-management-notification-panel{position:absolute;right:0;top:53px;width:min(410px,calc(100vw - 28px));max-height:min(610px,calc(100dvh - 95px));overflow:hidden;border:1px solid #dce6eb;border-radius:var(--radius-4xl,22px);background:var(--theme-surface,#fff);color:var(--tone-172033,#172033);box-shadow:0 25px 65px var(--tone-b001a3a2,rgba(15,23,42,.22));z-index:500;}
.portal-management-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding:16px 17px;border-bottom:1px solid var(--tone-edf2f5,#edf2f5);text-align:left;}
.portal-management-notification-head b,.portal-management-notification-head small{display:block;}
.portal-management-notification-head b{font-size:14px;}
.portal-management-notification-head small{margin-top:4px;color:var(--theme-text-muted,#60758d);font-size:10px;}
.portal-management-notification-actions{display:flex;align-items:center;gap:6px;flex:none;}
.portal-management-notification-actions button{height:30px;border:0;border-radius:var(--radius-md,10px);padding:0 9px;background:var(--theme-surface-muted,#edf5fc);color:var(--theme-text-muted,#60758d);font-size:9px;font-weight:850;cursor:pointer;}
.portal-management-notification-actions button[data-read-all]{border:1px solid var(--theme-primary-border-strong,#b8d9f3);background:var(--school-brand-soft);color:var(--school-brand-dark);}
.portal-management-notification-actions button[data-clear-all]{border:1px solid #fecdd3;background:#fff1f2;color:#be123c;}
.portal-management-notification-actions button[data-close]{width:30px;padding:0;font-size:20px;}
.portal-management-notification-list{max-height:470px;overflow:auto;overscroll-behavior:contain;}
.portal-management-notification-item{width:100%;border:0;border-bottom:1px solid var(--tone-edf2f5,#edf2f5);background:var(--theme-surface,#fff);padding:13px 15px;display:flex;align-items:flex-start;gap:11px;text-align:left;cursor:pointer;}
.portal-management-notification-item:hover{background:#f0fdf8;}
.portal-management-notification-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--school-brand-primary);box-shadow:0 0 0 4px var(--theme-primary-border,#d9e8f5);flex:none;}
.portal-management-notification-copy{min-width:0;flex:1;}
.portal-management-notification-copy b,.portal-management-notification-copy small,.portal-management-notification-copy time{display:block;}
.portal-management-notification-copy b{font-size:12px;line-height:1.35;}
.portal-management-notification-copy small{margin-top:4px;color:var(--theme-text-secondary,#50657e);font-size:10px;line-height:1.5;}
.portal-management-notification-copy time{margin-top:7px;color:var(--theme-text-subtle,#7e90a5);font-size:9px;}
.portal-management-notification-item.read{background:var(--theme-surface-soft,#f7fbff);}
.portal-management-notification-item.read .portal-management-notification-dot{background:var(--tone-cbd5e1,#cbd5e1);box-shadow:0 0 0 4px var(--theme-surface-muted,#edf5fc);}
.portal-management-notification-item.read b,.portal-management-notification-item.read small{color:var(--theme-text-muted,#60758d);}
.portal-management-notification-empty{padding:38px 20px;text-align:center;color:var(--theme-text-muted,#60758d);font-size:11px;}
@media (max-width:760px){.portal-management-notification-button{width:42px;height:42px;border-radius:13px;}
.portal-management-notification-panel{position:fixed;top:68px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 150px);z-index:700;}
.portal-management-notification-list{max-height:calc(100dvh - 255px);}
.portal-management-notification-head{padding:14px;}
.portal-management-notification-item{padding:13px 14px;}}
#portalManagementNotifications.school-notification-center{display:block!important;visibility:visible!important;opacity:1!important;position:relative;flex:none;margin-left:auto;margin-right:7px;}
#portalManagementNotifications.school-notification-center
  > .portal-management-notification-button{display:grid!important;visibility:visible!important;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-head
  > div,
#portalManagementNotifications.school-notification-center
  .portal-management-notification-list,
#portalManagementNotifications.school-notification-center
  .portal-management-notification-empty{display:block!important;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-actions{display:flex!important;}
#portalManagementNotifications.school-notification-center
  .school-notification-panel{width:min(440px, calc(100vw - 28px));height:auto!important;min-height:0!important;max-height:min(520px, calc(100dvh - 96px));border-radius:var(--radius-2xl,18px);display:flex;flex-direction:column;overflow:hidden;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-head{display:grid!important;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:12px;padding:13px 14px;}
#portalManagementNotifications.school-notification-center
  .school-notification-heading{min-width:0;}
#portalManagementNotifications.school-notification-center
  .school-notification-heading
  b{overflow:hidden;color:var(--tone-172033,#172033);font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;word-break:normal;}
#portalManagementNotifications.school-notification-center
  .school-notification-heading
  small{margin-top:3px;font-size:10px;line-height:1.3;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-actions{align-items:center;gap:5px;flex:none;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-actions
  button{height:30px;border:1px solid #dbe8e5;border-radius:9px;padding:0 9px;background:#f3faf8;color:#08567f;font-size:9px;font-weight:800;white-space:nowrap;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-actions
  button[data-close-school-notifications]{width:30px;padding:0;background:var(--theme-surface-soft,#f7fbff);color:var(--theme-text-muted,#60758d);font-size:18px;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-list{height:auto!important;min-height:0!important;max-height:min(410px, calc(100dvh - 180px));padding:5px 7px 7px;overflow-y:auto;overscroll-behavior:contain;flex:0 1 auto;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-item{display:grid!important;grid-template-columns:9px minmax(0, 1fr) auto;align-items:start;gap:10px;min-height:0!important;padding:11px 8px;border-bottom:1px solid var(--tone-edf2f5,#edf2f5);border-radius:0;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-item:last-child{border-bottom:0;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-copy{min-width:0;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-copy
  b{overflow:hidden;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-copy
  small{display:-webkit-box;margin-top:3px;overflow:hidden;font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-time{display:block;margin-top:1px;color:var(--theme-text-subtle,#7e90a5);font-size:8px;line-height:1.35;text-align:right;white-space:nowrap;}
#portalManagementNotifications.school-notification-center
  .portal-management-notification-empty{padding:22px 16px;line-height:1.5;}
@media (max-width: 850px){#app main > header > #portalManagementNotifications{display:block!important;visibility:visible!important;opacity:1!important;margin-left:auto!important;margin-right:7px!important;}}
@media (max-width: 520px){#portalManagementNotifications.school-notification-center
    .school-notification-panel{top:66px;right:8px;left:8px;width:auto;max-height:calc(100dvh - 82px);border-radius:var(--radius-xl,16px);}
#portalManagementNotifications.school-notification-center
    .portal-management-notification-head{gap:8px;padding:12px;}
#portalManagementNotifications.school-notification-center
    .portal-management-notification-list{max-height:calc(100dvh - 150px);padding:4px 6px 6px;}
#portalManagementNotifications.school-notification-center
    .portal-management-notification-item{grid-template-columns:9px minmax(0, 1fr);gap:9px;padding:10px 7px;}
#portalManagementNotifications.school-notification-center
    .portal-management-notification-time{grid-column:2;margin-top:-3px;text-align:left;}}
.ab-shell{display:grid;gap:18px;}
.ab-hero{background:linear-gradient(120deg,#072c3f,#08547c 65%,#1875a9);color:var(--theme-surface,#fff);border-radius:var(--radius-5xl,24px);padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 18px 42px rgba(7, 62, 92,.18);overflow:hidden;position:relative;}
.ab-hero:after{content:"";position:absolute;width:260px;height:260px;border:44px solid rgba(255,255,255,.07);border-radius:50%;right:-70px;top:-115px;}
.ab-hero>div,.ab-hero>button{position:relative;z-index:1;}
.ab-hero span,.ab-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;}
.ab-hero h2{font-size:26px;margin:7px 0;}
.ab-hero p{max-width:680px;margin:0;color:#dff7f1;}
.ab-hero .primary{background:var(--theme-surface,#fff);color:#085077;box-shadow:none;white-space:nowrap;}
.ab-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.ab-stats article{background:var(--theme-surface,#fff);border:1px solid #e2ece9;border-radius:var(--radius-2xl,18px);padding:17px 18px;display:grid;gap:5px;box-shadow:0 8px 22px rgba(34, 58, 71,.05);}
.ab-stats span,.ab-stats small{font-size:12px;color:#72857f;}
.ab-stats b{font-size:21px;color:#122f3e;}
.ab-list-card{padding:0!important;overflow:hidden;}
.ab-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 20px;border-bottom:1px solid #e6eeec;}
.ab-toolbar h3{margin:0 0 3px;}
.ab-filters{display:flex;gap:8px;align-items:center;}
.ab-filters input{width:190px;}
.ab-filters input,.ab-filters select{min-height:40px;padding:8px 11px;border:1px solid #dce8e5;border-radius:11px;background:#f9fcfb;}
.ab-cards{display:grid;gap:10px;padding:14px;}
.ab-card{border:1px solid var(--tone-deebe7,#deebe7);border-radius:17px;padding:16px 18px;background:var(--theme-surface,#fff);cursor:pointer;}
.ab-card:hover{border-color:#9cc1d5;box-shadow:0 10px 25px rgba(22, 71, 98,.08);transform:translateY(-1px);}
.ab-card-top,.ab-card-footer,.ab-detail-head,.ab-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;}
.ab-card-top h3{margin:4px 0;font-size:17px;}
.ab-card-top p,.ab-card-top small,.ab-card-footer{color:#71837f;font-size:12px;}
.ab-card-money{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0;}
.ab-card-money span{display:grid;gap:2px;padding:10px 12px;border-radius:11px;background:#f4f9f7;}
.ab-card-money small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7c8e89;}
.ab-card-money b{font-size:14px;color:#122f3e;}
.ab-card-footer{align-items:center;border-top:1px solid #edf3f1;padding-top:12px;}
.ab-status{display:inline-flex;align-items:center;gap:7px;border-radius:var(--radius-pill,999px);padding:7px 10px;font-size:11px;font-weight:750;white-space:nowrap;background:#eef3f2;color:#4d5b63;}
.ab-status i{width:7px;height:7px;border-radius:50%;background:currentColor;}
.ab-status.success{background:#e4f8f0;color:#085077;}
.ab-status.warning{background:#fff4d7;color:#9a6500;}
.ab-status.danger{background:var(--tone-fff0ef,#fff0ef);color:#bd3a32;}
.ab-status.info{background:#e9f4ff;color:#1769a5;}
.ab-modal{max-width:980px;}
.ab-modal-head{border-bottom:1px solid #e4ecea;padding-bottom:15px;margin-bottom:16px;}
.ab-modal-head h2,.ab-detail-head h2{margin:5px 0;}
.ab-modal-head p,.ab-detail-head p{color:#71837f;margin:0;}
.ab-form-section{border:1px solid var(--tone-deebe7,#deebe7);border-radius:var(--radius-xl,16px);padding:15px;margin:15px 0;background:var(--theme-surface-elevated,#fbfdff);}
.ab-section-title{align-items:center;margin-bottom:12px;}
.ab-section-title small{display:block;color:var(--tone-758681,#758681);margin-top:3px;}
.ab-line-head,.ab-line{display:grid;grid-template-columns:minmax(180px,2fr) 85px 90px 130px 130px 34px;gap:7px;align-items:center;}
.ab-line-head{font-size:10px;font-weight:800;text-transform:uppercase;color:#80908c;padding:0 7px 7px;}
.ab-line{margin:7px 0;}
.ab-line input{min-width:0;}
.ab-line b{font-size:12px;text-align:right;}
.ab-remove,.ab-remove-attachment{border:0;background:#f7e9e8;color:#b63c35;border-radius:9px;min-width:32px!important;padding:6px!important;}
.ab-grand-total{display:flex;justify-content:flex-end;align-items:center;gap:20px;border-top:1px dashed #bdd2cd;margin-top:12px;padding-top:13px;}
.ab-grand-total b{font-size:20px;color:var(--tone-084f76,#084f76);}
.ab-attachment{display:grid;grid-template-columns:1fr 2fr 34px;gap:8px;margin:7px 0;}
.ab-form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:18px;}
.ab-detail-head{padding-bottom:15px;border-bottom:1px solid #e3ece9;}
.ab-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0;}
.ab-detail-stats>div{background:#f3f8f6;border-radius:13px;padding:12px;display:grid;gap:4px;}
.ab-detail-stats small{color:#73847f;}
.ab-detail-stats b{font-size:16px;}
.ab-detail-stats em{font-style:normal;font-size:10px;color:var(--tone-084f76,#084f76);}
.ab-detail-stats em.over{color:#ba3833;}
.ab-detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.8fr);gap:20px;}
.ab-detail-grid h3{font-size:14px;margin:17px 0 9px;}
.ab-info{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;}
.ab-info div{padding:9px 10px;background:#f6f9f8;border-radius:var(--radius-md,10px);}
.ab-info dt{font-size:10px;color:var(--tone-758681,#758681);}
.ab-info dd{margin:3px 0 0;font-weight:700;font-size:12px;}
.ab-detail-grid table small{display:block;color:#7c8c88;margin-top:3px;}
.ab-timeline{border-left:2px solid #dceae6;margin-left:6px;padding-left:17px;}
.ab-history{position:relative;padding-bottom:15px;}
.ab-history>i{position:absolute;width:10px;height:10px;border-radius:50%;background:#0a71aa;border:2px solid var(--theme-surface,#fff);box-shadow:0 0 0 2px #9ec4da;left:-23px;top:3px;}
.ab-history b{font-size:12px;}
.ab-history p{font-size:11px;margin:4px 0;color:#596c67;}
.ab-history small{font-size:9px;color:#899692;}
.ab-doc{display:flex;align-items:center;gap:9px;border:1px solid #dceae6;border-radius:11px;padding:9px 11px;margin:6px 0;color:#163a4d;text-decoration:none;}
.ab-doc>span{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius-sm,8px);background:#e7f7f2;color:var(--tone-084f76,#084f76);}
.ab-doc b,.ab-doc small{display:block;font-size:11px;}
.ab-doc small{color:#7d8c88;margin-top:2px;}
.ab-realization-lines{display:grid;gap:9px;}
.ab-realization-row{display:grid;grid-template-columns:minmax(180px,1.6fr) 105px 135px minmax(120px,1fr) 120px;gap:8px;align-items:end;border:1px solid #dfebe8;border-radius:13px;padding:11px;}
.ab-realization-row small{display:block;color:var(--tone-758681,#758681);margin-top:4px;}
.ab-realization-row label{font-size:10px;}
.ab-realization-row>[data-realized-total]{text-align:right;padding-bottom:10px;}
.empty b{display:block;margin-bottom:6px;}
.empty p{margin:0;}
@media (max-width:900px){.ab-stats{grid-template-columns:1fr 1fr;}
.ab-toolbar{align-items:stretch;flex-direction:column;}
.ab-filters{overflow:auto;}
.ab-line-head{display:none;}
.ab-line{grid-template-columns:1fr 80px 80px;}
.ab-line input[name="description"]{grid-column:1/-1;}
.ab-line b{text-align:left;}
.ab-detail-grid{grid-template-columns:1fr;}
.ab-realization-row{grid-template-columns:1fr 1fr;}
.ab-realization-row>div{grid-column:1/-1;}
.ab-realization-row>[data-realized-total]{text-align:left;}}
@media (max-width:600px){.ab-hero{padding:20px;align-items:flex-start;flex-direction:column;}
.ab-hero h2{font-size:22px;}
.ab-stats{grid-template-columns:1fr 1fr;}
.ab-stats article{padding:13px;}
.ab-stats b{font-size:16px;}
.ab-filters{display:grid;grid-template-columns:1fr 1fr;}
.ab-filters input{width:auto;grid-column:1/-1;}
.ab-card-money{grid-template-columns:1fr;}
.ab-card-footer{align-items:flex-start;flex-direction:column;}
.ab-detail-stats{grid-template-columns:1fr 1fr;}
.ab-line{grid-template-columns:1fr 1fr;}
.ab-line input[name="description"]{grid-column:1/-1;}
.ab-line .ab-remove{grid-column:2;}
.ab-attachment{grid-template-columns:1fr 34px;}
.ab-attachment input[name="attachmentUrl"]{grid-column:1;}
.ab-info{grid-template-columns:1fr;}
.ab-realization-row{grid-template-columns:1fr;}
.ab-realization-row>*{grid-column:1!important;}
.ab-form-actions>*{flex:1;}
.ab-modal{max-width:100%;}}
.foundation-duty-note{border-left:5px solid var(--school-brand-primary);background:linear-gradient(135deg,var(--school-brand-soft),var(--theme-surface,#fff));}
.foundation-duty-note b,.foundation-duty-note span{display:block;}
.foundation-duty-note span{margin-top:5px;color:var(--theme-text-muted,#60758d);font-size:12px;line-height:1.5;}
.foundation-duty-recipients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:230px;overflow:auto;padding:10px;border:1px solid #dfe6eb;border-radius:var(--radius-lg,14px);background:var(--theme-surface-soft,#f7fbff);}
.foundation-duty-recipient{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px;padding:10px;border:1px solid #e5eaf0;border-radius:11px;background:var(--theme-surface,#fff);font-size:12px;}
.foundation-duty-recipient input{width:auto!important;margin-top:2px;}
.foundation-duty-recipient span{display:block;}
.foundation-duty-recipient small{display:block;margin-top:2px;color:var(--theme-text-subtle,#7e90a5);}
.foundation-duty-status{display:inline-flex;padding:6px 9px;border-radius:var(--radius-pill,999px);font-size:10px;font-weight:900;text-transform:uppercase;}
.foundation-duty-status.pending{background:#fff7ed;color:#c2410c;}
.foundation-duty-status.approved{background:var(--school-brand-soft);color:var(--school-brand-dark);}
.foundation-duty-status.rejected{background:#fef2f2;color:var(--theme-danger,#b91c1c);}
@media (max-width:700px){.foundation-duty-recipients{grid-template-columns:1fr;}
.foundation-duty-note{padding:17px;}}
.attendance-live-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;margin-bottom:16px;}
.attendance-live-grid article{background:var(--theme-surface,#fff);border:1px solid var(--tone-dbe5f0,#dbe5f0);border-radius:var(--radius-2xl,18px);padding:16px;}
.attendance-live-grid small,
.attendance-live-grid b{display:block;}
.attendance-live-grid small{color:var(--theme-text-muted,#60758d);font-weight:700;}
.attendance-live-grid b{color:var(--school-brand-dark);font-size:22px;margin-top:5px;}
.attendance-control-note{align-items:center;background:var(--school-brand-soft);border:1px solid var(--theme-primary-border-strong,#b8d9f3);border-radius:var(--radius-md-lg,12px);color:var(--school-brand-dark);display:inline-flex;font-size:12px;font-weight:800;min-height:40px;padding:0 13px;}
.attendance-method-help{background:var(--theme-surface-soft,#f7fbff);border-radius:var(--radius-lg,14px);display:grid;gap:5px 12px;grid-template-columns:auto 1fr;padding:14px;}
.attendance-method-help b{color:var(--school-brand-dark);}
.attendance-method-help span{color:var(--theme-text-muted,#60758d);font-size:13px;}
.employee-qr-reader{border:1px solid var(--theme-primary-border,#d9e8f5);border-radius:var(--radius-2xl,18px);margin:16px 0;min-height:240px;overflow:hidden;}
.attendance-scan-status{background:var(--school-brand-soft);border-radius:var(--radius-md-lg,12px);color:var(--theme-primary-darker,#123d6b);font-weight:700;padding:12px;}
.employee-card-grid{display:grid;gap:12px;grid-template-columns:repeat(2, minmax(0, 1fr));margin-top:18px;}
.employee-card-grid article{align-items:center;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-2xl,18px);display:flex;gap:15px;padding:14px;}
.employee-card-grid article > div:last-child{flex:1;min-width:0;}
.employee-card-grid b,
.employee-card-grid span{display:block;}
.employee-card-grid span{color:var(--theme-text-muted,#60758d);font-size:12px;margin:4px 0 10px;}
.employee-card-qr{background:var(--theme-surface,#fff);border-radius:var(--radius-md,10px);flex:0 0 112px;height:112px;overflow:hidden;}
.employee-card-qr img,
.employee-card-qr canvas{height:112px!important;width:112px!important;}
@media (max-width: 760px){.attendance-live-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
.employee-card-grid{grid-template-columns:1fr;}
.employee-card-grid article{align-items:flex-start;}}
.attendance-toolbar{align-items:flex-start;gap:20px;}
.attendance-toolbar-copy{min-width:0;max-width:600px;padding-top:3px;}
.attendance-toolbar-copy .muted{display:block;margin-top:6px;line-height:1.55;}
.attendance-toolbar-controls{display:grid;flex:0 1 470px;justify-items:end;gap:10px;min-width:0;}
.attendance-date-control{display:grid;gap:5px;width:168px;color:var(--theme-text-muted,#60758d);font-size:11px;font-weight:800;}
.attendance-date-control span{padding-left:2px;}
.attendance-date-control input{width:168px;min-width:0;min-height:42px;height:42px;border:1px solid #dbe4e7;border-radius:11px;outline:none;padding:8px 10px;color:var(--tone-243143,#243143);background:var(--theme-surface,#fff);font-size:13px;}
.attendance-date-control input:focus{border-color:var(--school-brand-primary);box-shadow:0 0 0 3px rgba(19, 124, 184, 0.12);}
.attendance-toolbar-actions{display:flex;justify-content:flex-end;gap:8px;width:100%;}
.attendance-toolbar-actions button{min-height:42px;margin:0;padding:10px 14px;white-space:nowrap;font-size:12px;line-height:1.2;}
@media (max-width: 850px){.attendance-toolbar{flex-direction:column;gap:14px;}
.attendance-toolbar-copy,
  .attendance-toolbar-controls{width:100%;max-width:100%;}
.attendance-toolbar-controls{flex:none;justify-items:start;}
.attendance-date-control,
  .attendance-date-control input{width:158px;}
.attendance-toolbar-actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));justify-content:stretch;}
.attendance-toolbar-actions button{width:100%;min-width:0;white-space:normal;}
.attendance-toolbar-actions #openEmployeeScanner{grid-column:1 / -1;}}
@media (max-width: 380px){.attendance-toolbar-actions{grid-template-columns:minmax(0, 1fr);}
.attendance-toolbar-actions #openEmployeeScanner{grid-column:auto;}}
.employee-attendance-toolbar-v118v .attendance-toolbar-controls{flex:0 1 720px;width:min(100%,720px);}
.employee-attendance-toolbar-v118v .attendance-toolbar-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;}
.employee-attendance-toolbar-v118v .attendance-toolbar-actions button{width:100%;min-width:0;padding-inline:11px;}
@media (max-width:1250px){.employee-attendance-toolbar-v118v .attendance-toolbar-controls{flex-basis:620px;}.employee-attendance-toolbar-v118v .attendance-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));}.employee-attendance-toolbar-v118v .attendance-toolbar-actions #openEmployeeScanner{grid-column:auto;}}
@media (max-width:850px){.employee-attendance-toolbar-v118v .attendance-toolbar-controls{width:100%;}.employee-attendance-toolbar-v118v .attendance-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));}.employee-attendance-toolbar-v118v .attendance-toolbar-actions #openEmployeeScanner{grid-column:1/-1;}}
@media (max-width:420px){.employee-attendance-toolbar-v118v .attendance-toolbar-actions{grid-template-columns:1fr;}.employee-attendance-toolbar-v118v .attendance-toolbar-actions #openEmployeeScanner{grid-column:auto;}}
.v126-attendance-stats article.has-problem{border-color:var(--tone-fecaca,#fecaca);background:var(--tone-fff1f2,#fff1f2);}
.v126-attendance-stats article.has-problem small,
.v126-attendance-stats article.has-problem b{color:var(--theme-danger,#b91c1c);}
.v126-attendance-rule{margin:14px 0;padding:11px 13px;border:1px solid var(--tone-bae6fd);border-radius:13px;background:#f0f9ff;color:#075985;font-size:12px;font-weight:800;}
.v126-attendance-table td,
.v126-attendance-summary td{vertical-align:top;}
.v126-row-late td{background:var(--tone-fff1f2,#fff1f2);}
.v126-row-early:not(.v126-row-late) td{background:var(--tone-fffbeb,#fffbeb);}
.v126-attendance-mark,
.v126-attendance-empty{display:inline-flex;border-radius:var(--radius-pill,999px);padding:6px 9px;font-size:10px;font-weight:900;white-space:nowrap;}
.v126-attendance-mark.is-on-time{background:var(--theme-primary-border,#d9e8f5);color:var(--school-brand-dark);}
.v126-attendance-mark.is-late{background:var(--tone-fee2e2,#fee2e2);color:var(--theme-danger,#b91c1c);}
.v126-attendance-mark.is-early{background:var(--tone-fef3c7,#fef3c7);color:var(--tone-92400e,#92400e);}
.v126-attendance-empty{background:var(--theme-surface-muted,#edf5fc);color:var(--theme-text-muted,#60758d);}
.v126-summary-problem{display:inline-grid;min-width:30px;min-height:30px;place-items:center;border-radius:var(--radius-pill,999px);background:var(--theme-danger-strong,#dc2626);color:var(--theme-surface,#fff);font-weight:900;}
.v126-work-settings fieldset{margin:0;padding:13px;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-lg,14px);}
.v126-work-settings legend{padding:0 7px;color:var(--theme-text-strong,#123d6b);font-size:12px;font-weight:900;}
.v126-work-settings label small{display:block;margin-top:5px;color:var(--theme-text-muted,#60758d);font-size:10px;}
.v126-work-days{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;}
.v126-work-days label{position:relative;cursor:pointer;}
.v126-work-days input{position:absolute;opacity:0;pointer-events:none;}
.v126-work-days span{display:block;padding:9px 7px;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-md,10px);background:var(--theme-surface-soft,#f7fbff);color:var(--theme-text-muted,#60758d);font-size:10px;font-weight:900;text-align:center;}
.v126-work-days input:checked + span{border-color:var(--school-brand-mid);background:var(--school-brand-soft);color:var(--school-brand-dark);}
.v126-settings-note{margin:0;padding:11px;border-radius:11px;background:var(--tone-fff1f2,#fff1f2);color:#9f1239;font-size:11px;font-weight:800;line-height:1.55;}
.v126-scan-status[data-type="late"]{border-color:var(--tone-fecaca,#fecaca);background:var(--tone-fff1f2,#fff1f2);color:var(--theme-danger,#b91c1c);}
.v126-scan-status[data-type="early"]{border-color:#fde68a;background:var(--tone-fffbeb,#fffbeb);color:var(--tone-92400e,#92400e);}
.v126-scan-status[data-type="on_time"],
.v126-scan-status[data-type="outside_schedule"]{border-color:var(--theme-primary-border-strong,#b8d9f3);background:var(--tone-f0fdf4,#f0fdf4);color:var(--school-brand-dark);}
@media (max-width: 720px){.v126-work-days{grid-template-columns:repeat(2, 1fr);}}
.v127-attendance-actions{min-width:132px;}
.v127-attendance-actions button{min-height:34px;margin:0;padding:8px 11px;white-space:nowrap;}
.v127-summary-stats article.has-problem{border-color:var(--tone-fecaca,#fecaca);background:var(--tone-fff1f2,#fff1f2);}
.v127-summary-stats article.has-problem small,
.v127-summary-stats article.has-problem b{color:var(--theme-danger,#b91c1c);}
.v127-summary-toolbar .attendance-toolbar-controls{flex-basis:670px;}
.v127-summary-actions{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));}
.v127-summary-actions button{width:100%;min-width:0;}
.v127-attendance-summary{min-width:1280px;}
.v127-percentage{display:inline-grid;min-width:58px;min-height:30px;place-items:center;border-radius:var(--radius-pill,999px);background:var(--theme-primary-border,#d9e8f5);color:var(--school-brand-dark);font-size:11px;font-weight:900;white-space:nowrap;}
.v127-percentage.has-late{background:var(--tone-fee2e2,#fee2e2);color:var(--theme-danger,#b91c1c);}
.v127-card-toolbar .attendance-toolbar-controls{flex-basis:300px;}
.v127-card-total{display:grid;min-width:150px;padding:10px 14px;border:1px solid var(--theme-primary-border-strong,#b8d9f3);border-radius:13px;background:var(--tone-f0fdf4,#f0fdf4);text-align:right;}
.v127-card-total small{color:var(--theme-text-muted,#60758d);font-size:10px;font-weight:800;}
.v127-card-total b{color:var(--school-brand-dark);font-size:24px;}
.v127-employee-card-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px;margin-top:18px;}
.v127-employee-card-record{display:grid;align-content:start;overflow:hidden;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-3xl,20px);background:var(--theme-surface,#fff);box-shadow:0 8px 24px rgba(15, 23, 42, 0.05);}
.v127-card-preview{position:relative;min-height:205px;padding:12px;background:radial-gradient(circle at top right, var(--theme-primary-border,#d9e8f5), transparent 42%),
    var(--theme-surface-soft,#f7fbff);}
.v127-card-preview canvas{display:block;width:100%;height:auto;border-radius:var(--radius-xl,16px);background:var(--theme-surface,#fff);box-shadow:0 8px 24px rgba(15, 23, 42, 0.12);}
.v127-card-preview span{position:absolute;right:20px;bottom:20px;padding:6px 9px;border-radius:var(--radius-pill,999px);background:rgba(6, 52, 78, 0.9);color:var(--theme-surface,#fff);font-size:9px;font-weight:900;}
.v127-card-copy{display:grid;gap:4px;padding:15px 16px 8px;}
.v127-card-copy b{overflow:hidden;color:var(--theme-text,#0a2342);font-size:15px;text-overflow:ellipsis;white-space:nowrap;}
.v127-card-copy span{color:var(--theme-text-secondary,#50657e);font-size:12px;}
.v127-card-copy small{color:var(--school-brand-dark);font-size:10px;font-weight:800;}
.v127-card-actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;padding:10px 16px 16px;}
.v127-card-actions button{width:100%;margin:0;}
@media (max-width: 950px){.v127-summary-toolbar .attendance-toolbar-controls,
  .v127-card-toolbar .attendance-toolbar-controls{width:100%;max-width:100%;flex-basis:auto;}
.v127-summary-actions{grid-template-columns:repeat(2, minmax(0, 1fr));}
.v127-employee-card-grid{grid-template-columns:minmax(0, 1fr);}}
@media (max-width: 520px){.v127-summary-actions,
  .v127-card-actions{grid-template-columns:minmax(0, 1fr);}
.v127-card-total{width:100%;text-align:left;}
.v127-card-preview{min-height:160px;padding:8px;}
.v127-card-preview span{right:14px;bottom:14px;}}
#groupNav [data-group="personnel"]{background:var(--tone-e0f2fe,#e0f2fe);color:var(--school-brand-secondary);}
#groupNav [data-group="personnel"]:hover,
#groupNav [data-group="personnel"].active{background:var(--tone-bae6fd);color:#075985;}
#groupNav [data-group="accreditation"]{color:#6d28d9;}
#groupNav [data-group="accreditation"].active{background:#ede9fe;color:#5b21b6;}
#groupNav [data-group="accreditation"].active::before{background:#8b5cf6;}
.v128-accreditation-stats{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:12px;margin-bottom:18px;}
.v128-accreditation-stats article{border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-xl,16px);background:var(--theme-surface,#fff);padding:16px;}
.v128-accreditation-stats small,
.v128-accreditation-stats b{display:block;}
.v128-accreditation-stats small{color:var(--theme-text-muted,#60758d);font-size:12px;font-weight:700;}
.v128-accreditation-stats b{color:var(--theme-text,#0a2342);font-size:25px;margin-top:6px;}
.v128-accreditation-stats .problem b{color:var(--theme-danger-strong,#dc2626);}
.v128-accreditation-filter{min-width:170px;}
.v128-requirement-list{display:grid;gap:14px;}
.v128-requirement{border:1px solid var(--theme-border,#d9e8f5);border-radius:17px;background:var(--theme-surface,#fff);overflow:hidden;}
.v128-requirement > header{align-items:start;display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:18px;justify-content:stretch;width:100%;height:auto!important;min-height:0!important;padding:17px 18px 16px;position:relative!important;top:auto!important;z-index:auto!important;overflow:visible!important;border:0;border-bottom:1px solid var(--tone-eef2f7,#eef2f7)!important;background:var(--theme-surface,#fff);box-shadow:none;}
.v128-requirement > header > div:first-child{min-width:0;}
.v128-requirement h4,
.v128-requirement p{margin:0;}
.v128-requirement h4{color:var(--theme-text,#0a2342);font-size:16px;line-height:1.35;margin-top:7px;}
.v128-requirement p{color:var(--theme-text-muted,#60758d);font-size:12px;line-height:1.5;margin-top:6px;}
.v128-requirement-meta,
.v128-requirement-actions{align-items:center;display:flex;flex-wrap:wrap;gap:7px;}
.v128-requirement-actions{align-self:start;justify-content:flex-end;min-width:max-content;}
.v128-pill{background:var(--theme-surface-muted,#edf5fc);border-radius:var(--radius-pill,999px);color:var(--theme-text-secondary,#50657e);display:inline-flex;font-size:11px;font-weight:800;padding:6px 10px;}
.v128-pill.open,
.v128-pill.approved{background:var(--theme-primary-border,#d9e8f5);color:var(--theme-primary-darker,#123d6b);}
.v128-pill.late,
.v128-pill.revision{background:var(--tone-fee2e2,#fee2e2);color:var(--theme-danger,#b91c1c);}
.v128-pill.submitted{background:#dbeafe;color:var(--tone-1d4ed8,#1d4ed8);}
.v128-requirement .table-wrap{margin:0;border-top:0;background:var(--theme-surface,#fff);}
.v128-requirement .table-wrap table{margin:0;}
.v128-empty{color:var(--theme-text-muted,#60758d);padding:28px;text-align:center;}
.v128-work-time{background:var(--tone-eff6ff,#eff6ff);border:1px solid #bfdbfe;border-radius:var(--radius-lg,14px);color:#1e3a8a;font-size:12px;line-height:1.6;padding:12px 14px;}
.v128-audit-danger{background:var(--theme-danger-strong,#dc2626);border-color:var(--theme-danger-strong,#dc2626);color:var(--theme-surface,#fff);}
@media (max-width: 980px){.v128-accreditation-stats{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 640px){.v128-accreditation-stats{grid-template-columns:1fr 1fr;}
.v128-requirement > header{display:block;padding:16px;}
.v128-requirement-actions{justify-content:flex-start;margin-top:12px;min-width:0;}}





@media (min-width: 851px){.app{grid-template-columns:var(--portal-nav-sidebar-width) minmax(0, 1fr)!important;}
.app > aside{width:auto;padding:24px 16px!important;}
.app #groupNav{display:flex!important;flex-direction:column;gap:8px!important;min-width:0!important;}
.app #groupNav button{border-radius:var(--portal-nav-radius);gap:12px!important;font-size:13px;line-height:20px;}}

.app .subnav{display:flex!important;align-items:center;gap:8px!important;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;}
.app .subnav::-webkit-scrollbar{display:none;}
.app .subnav button{flex:0 0 auto;min-height:40px;padding:10px 14px!important;border:0;border-radius:13px;white-space:nowrap;color:var(--portal-nav-text);font-size:12px;font-weight:800;}
.app .subnav button.active{background:var(--portal-nav-accent);color:var(--theme-surface,#fff);box-shadow:0 7px 18px rgba(7, 142, 232, 0.2);}
@media (max-width: 767px){.portal-nav-mobile{position:fixed!important;z-index:500!important;left:0!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:repeat(6, minmax(0, 1fr))!important;width:100%!important;height:calc(var(--portal-nav-mobile-height) + env(safe-area-inset-bottom))!important;min-height:calc(var(--portal-nav-mobile-height) + env(safe-area-inset-bottom))!important;padding:6px 4px calc(6px + env(safe-area-inset-bottom))!important;gap:0!important;border:0;border-top:1px solid var(--portal-nav-line)!important;border-radius:0;background:var(--tone-c290c331,rgba(255, 255, 255, 0.98));box-shadow:0 -10px 35px var(--tone-8056952d,rgba(15, 23, 42, 0.07));transform:translateZ(0);}
.portal-nav-mobile > button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px!important;width:100%!important;min-width:0;height:58px!important;min-height:58px!important;margin:0!important;padding:6px 2px!important;overflow:hidden;border:0;border-radius:var(--radius-lg,14px);background:transparent;box-shadow:none;color:var(--tone-9ca3af,#9ca3af);line-height:1;}
.portal-nav-mobile > button svg{flex:0 0 auto;width:22px;height:22px;}
.portal-nav-mobile > button span{display:block;width:100%;overflow:hidden;color:inherit;font-size:10px;font-weight:700;line-height:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.portal-nav-mobile > button.text-blue-500,
  .portal-nav-mobile > button.bg-blue-500,
  .portal-nav-mobile > button.bg-blue-50{background:transparent;color:var(--portal-nav-accent);box-shadow:none;}
.app .subnav{padding:9px 12px 4px!important;}}


#groupNav [data-group="settings"].active{background:var(--school-brand-soft);color:var(--school-brand-dark);}
#groupNav [data-group="settings"].active::before{background:var(--school-brand-primary);}
.admin-settings-v129{display:grid;gap:18px;}
.admin-settings-v129-intro{background:linear-gradient(135deg, var(--school-brand-dark), #0284c7);border-radius:var(--radius-4xl,22px);color:var(--theme-surface,#fff);padding:24px;}
.admin-settings-v129-intro span,
.admin-settings-v129-intro h3,
.admin-settings-v129-intro p{display:block;margin:0;}
.admin-settings-v129-intro span{color:var(--theme-primary-border,#d9e8f5);font-size:10px;font-weight:900;letter-spacing:0.13em;}
.admin-settings-v129-intro h3{font-size:22px;margin-top:7px;}
.admin-settings-v129-intro p{color:var(--theme-primary-border,#d9e8f5);font-size:13px;line-height:1.65;margin-top:8px;max-width:760px;}
.admin-settings-v129-grid{display:grid;gap:14px;grid-template-columns:repeat(3, minmax(0, 1fr));}
.admin-settings-v129-card{align-items:flex-start;background:var(--theme-surface,#fff);border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-2xl,18px);display:flex;gap:13px;min-height:155px;padding:18px;}
.admin-settings-v129-icon{background:var(--school-brand-soft);border-radius:13px;color:var(--school-brand-dark);display:grid;flex:0 0 42px;height:42px;place-items:center;width:42px;}
.admin-settings-v129-icon svg{fill:none;height:23px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:23px;}
.admin-settings-v129-copy{display:flex;flex:1;flex-direction:column;min-width:0;}
.admin-settings-v129-copy h4,
.admin-settings-v129-copy p{margin:0;}
.admin-settings-v129-copy h4{color:var(--theme-text,#0a2342);font-size:15px;}
.admin-settings-v129-copy p{color:var(--theme-text-muted,#60758d);font-size:12px;line-height:1.55;margin:6px 0 14px;}
.admin-settings-v129-copy button{align-self:flex-start;margin-top:auto;}
@media (max-width: 980px){.admin-settings-v129-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 850px){.admin-settings-v129-intro{border-radius:var(--radius-2xl,18px);padding:20px;}}
@media (max-width: 620px){.admin-settings-v129-grid{grid-template-columns:1fr;}
.admin-settings-v129-card{min-height:0;}}
.app #groupNav [data-group="personnel"]{background:transparent;color:var(--theme-text-muted,#60758d);box-shadow:none;}
.app #groupNav [data-group="personnel"]:hover{background:var(--school-brand-soft);color:var(--school-brand-dark);}
.app #groupNav [data-group="personnel"].active{background:var(--tone-eef5ff,#eef5ff);color:var(--school-brand-dark);}
#groupNav [data-group="personnel"].active::before{background:var(--school-brand-primary);}
.app #subNav.subnav{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:14px 30px 10px!important;scroll-padding-inline:30px;scroll-snap-type:x proximity;scrollbar-width:none;}
.app #subNav.subnav::-webkit-scrollbar{display:none;}
.app #subNav.subnav > button{align-items:center!important;background:#effbf7;border:2px solid var(--school-brand-primary);border-left-width:9px!important;border-radius:var(--radius-2xl,18px);box-shadow:0 5px 16px var(--tone-246357d5,rgba(0, 111, 209, 0.08));color:var(--school-brand-secondary);display:inline-flex!important;flex:0 0 auto!important;font-size:12px;font-weight:850;justify-content:center!important;line-height:1.25;min-height:50px!important;min-width:132px;padding:11px 18px!important;scroll-snap-align:start;text-align:center!important;white-space:nowrap;}
.app #subNav.subnav > button:hover,
.app #subNav.subnav > button:focus-visible{background:#dcf8ef;border-color:var(--school-brand-mid);color:var(--school-brand-dark);outline:none;}
.app #subNav.subnav > button.active{background:var(--school-brand-primary);border-color:var(--school-brand-mid);border-left-color:var(--school-brand-dark);box-shadow:0 8px 20px rgba(0, 111, 209, 0.22);color:var(--theme-surface,#fff);}
@media (max-width: 850px){.app #subNav.subnav{gap:9px!important;padding:10px 13px 8px!important;scroll-padding-inline:13px;}
.app #subNav.subnav > button{border-left-width:7px!important;border-radius:15px;font-size:11px;min-height:45px!important;min-width:124px;padding:9px 13px!important;}}
#toast.toast{z-index:2147483002!important;width:min(520px, calc(100vw - 28px));max-width:calc(100vw - 28px);line-height:1.45;text-align:center;white-space:normal;}
@media (max-width: 850px){#toast.toast{right:auto!important;bottom:calc(96px + env(safe-area-inset-bottom))!important;}
#content .toolbar:has(#deleteAllAuditLogs){align-items:stretch;flex-wrap:wrap;}
#content .toolbar:has(#deleteAllAuditLogs) #auditFilter{flex:1 1 180px;min-width:0;}
#deleteAllAuditLogs{flex:0 0 auto;}}
.app #groupNav [data-group="accreditation"]{background:transparent;color:var(--theme-text-muted,#60758d);box-shadow:none;}
.app #groupNav [data-group="accreditation"]:hover{background:var(--school-brand-soft);color:var(--school-brand-dark);}
.app #groupNav [data-group="accreditation"].active{background:var(--tone-eef5ff,#eef5ff);color:var(--school-brand-dark);}
.app #groupNav [data-group="accreditation"].active::before{background:var(--school-brand-primary);}
.app #groupNav [data-group="accreditation"] .admin-nav-icon{color:inherit;}
html,
body,
button,
input,
select,
textarea,
option,
table{font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}

body{color:var(--portal-v143-ink);}
body :is(h1, h2, h3, h4, h5, h6){font-weight:600;letter-spacing:-0.012em;}
body :is(button, label, th, b, strong){font-weight:600;}
body :is(.font-black, .font-extrabold){font-weight:700;}
body .font-bold{font-weight:600;}
body :is(p, small, .muted, .text-gray-400, .text-gray-500, .text-slate-500){line-height:1.55;}
@media (min-width: 768px){




  body.portal-accreditation-open
    .portal-accreditation-menu-desktop-v133
    > button[data-portal-accreditation-nav="1"],
  .portal-accreditation-menu-desktop-v133
    > button[data-portal-accreditation-nav="1"].portal-accreditation-nav-active{background:var(--portal-v143-mint);color:var(--portal-v143-blue-dark);box-shadow:0 7px 18px var(--tone-246357d5,rgba(0, 111, 209, 0.08));}

  body.portal-accreditation-open
    .portal-accreditation-menu-desktop-v133
    > button[data-portal-accreditation-nav="1"]::before,
  .portal-accreditation-menu-desktop-v133
    > button[data-portal-accreditation-nav="1"].portal-accreditation-nav-active::before{background:var(--portal-v143-green);}

  body.portal-accreditation-open
    .portal-accreditation-menu-desktop-v133
    > button[data-portal-accreditation-nav="1"]
    > svg,
  .portal-accreditation-menu-desktop-v133
    > button[data-portal-accreditation-nav="1"].portal-accreditation-nav-active
    > svg{background:var(--theme-primary-border,#d9e8f5);color:var(--portal-v143-blue-dark);}}
@media (min-width: 851px){.app #groupNav button{position:relative;min-height:52px!important;padding:11px 14px 11px 16px!important;border-radius:var(--radius-xl,16px);background:transparent;color:var(--portal-v143-muted);box-shadow:none;font-weight:600;}
.app #groupNav button:hover{background:var(--school-brand-soft);color:var(--portal-v143-blue-dark);}
.app #groupNav button::before{content:"";position:absolute;top:11px;bottom:11px;left:0;width:4px;border-radius:var(--radius-pill,999px);background:transparent;}
.app #groupNav button.active{background:var(--portal-v143-mint);color:var(--portal-v143-blue-dark);box-shadow:0 7px 18px var(--tone-246357d5,rgba(0, 111, 209, 0.08));}
.app #groupNav button.active::before{background:var(--portal-v143-green);}
.app #groupNav button .admin-nav-icon{background:var(--theme-surface-muted,#edf5fc);color:var(--portal-v143-icon);}
.app #groupNav button.active .admin-nav-icon{background:var(--theme-primary-border,#d9e8f5);color:var(--portal-v143-blue-dark);}}

:is(
    .app #subNav.subnav,
    .foundation-section-tabs,
    .school-tabs,
    #root .bg-gray-100.p-1\.5.rounded-xl.inline-flex.gap-1,
    #root
      .grid.grid-cols-2.gap-1\.5.bg-white.border.border-gray-100.rounded-2xl.p-1\.5.shadow-sm,
    #root .mb-4.bg-gray-100.rounded-2xl.p-1\.5.flex.gap-1
  ){gap:10px!important;border-color:transparent;background:transparent;box-shadow:none;}
:is(
    .app #subNav.subnav,
    .foundation-section-tabs,
    .school-tabs,
    #root .bg-gray-100.p-1\.5.rounded-xl.inline-flex.gap-1,
    #root
      .grid.grid-cols-2.gap-1\.5.bg-white.border.border-gray-100.rounded-2xl.p-1\.5.shadow-sm,
    #root .mb-4.bg-gray-100.rounded-2xl.p-1\.5.flex.gap-1
  )
  > button,
.portal-guru-category-tabs-v133 > button{position:relative;min-height:48px!important;min-width:128px;padding:10px 16px!important;border:2px solid var(--school-brand-primary);border-left-width:8px!important;border-radius:17px;background:var(--school-brand-soft);color:var(--school-brand-secondary);box-shadow:0 5px 15px var(--tone-246357d5,rgba(0, 111, 209, 0.08));font-size:12px;font-weight:600;line-height:1.25;text-align:center;white-space:nowrap;}
:is(
    .app #subNav.subnav,
    .foundation-section-tabs,
    .school-tabs,
    #root .bg-gray-100.p-1\.5.rounded-xl.inline-flex.gap-1,
    #root
      .grid.grid-cols-2.gap-1\.5.bg-white.border.border-gray-100.rounded-2xl.p-1\.5.shadow-sm,
    #root .mb-4.bg-gray-100.rounded-2xl.p-1\.5.flex.gap-1
  )
  > button:hover,
.portal-guru-category-tabs-v133 > button:hover{border-color:var(--school-brand-mid);background:var(--portal-v143-mint-hover);color:var(--portal-v143-blue-dark);transform:translateY(-1px);}
:is(
    .app #subNav.subnav,
    .foundation-section-tabs,
    .school-tabs,
    #root .bg-gray-100.p-1\.5.rounded-xl.inline-flex.gap-1,
    #root
      .grid.grid-cols-2.gap-1\.5.bg-white.border.border-gray-100.rounded-2xl.p-1\.5.shadow-sm,
    #root .mb-4.bg-gray-100.rounded-2xl.p-1\.5.flex.gap-1
  )
  > button:is(.active, .bg-blue-500, [aria-selected="true"]),
.portal-guru-category-tabs-v133
  > button:is(
    .active,
    .bg-blue-500,
    .portal-accreditation-nav-active,
    [aria-selected="true"]
  ){border-color:var(--school-brand-mid);border-left-color:var(--school-brand-dark);background:var(--portal-v143-green);color:var(--theme-surface,#fff);box-shadow:0 8px 20px rgba(0, 111, 209, 0.2);transform:none;}
@media (min-width: 768px){.attendance-daily-scroll{padding-bottom:4rem!important;}
.attendance-daily-scroll > .attendance-mobile-actions{bottom:0!important;grid-template-columns:minmax(0, 1.15fr) minmax(240px, 0.82fr)!important;gap:10px!important;margin-top:22px!important;padding:9px!important;border:1px solid rgba(226, 232, 240, 0.96);border-radius:17px;background:var(--tone-431952a6,rgba(255, 255, 255, 0.96));box-shadow:0 10px 26px rgba(15, 23, 42, 0.1);}
.attendance-daily-scroll > .attendance-mobile-actions > button{min-height:54px;border-radius:13px;font-size:15px;font-weight:600;}}
@media (max-width: 767px){:is(
      .foundation-section-tabs,
      .school-tabs,
      #root .bg-gray-100.p-1\.5.rounded-xl.inline-flex.gap-1,
      #root
        .grid.grid-cols-2.gap-1\.5.bg-white.border.border-gray-100.rounded-2xl.p-1\.5.shadow-sm,
      #root .mb-4.bg-gray-100.rounded-2xl.p-1\.5.flex.gap-1
    )
    > button,
  .portal-guru-category-tabs-v133 > button{min-height:45px!important;min-width:118px;padding:9px 13px!important;border-left-width:7px!important;border-radius:15px;font-size:11px;}}
html.ios-ui-v152{--ios-font:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ios-ink:var(--tone-17231f,#17231f);--ios-muted:#6d7c77;--ios-green:var(--school-brand-primary);--ios-line:rgba(35, 60, 74, 0.1);--ios-glass:var(--tone-97b9b30d,rgba(255, 255, 255, 0.76));--ios-glass-strong:var(--tone-8fafb20d,rgba(255, 255, 255, 0.9));--ios-shadow:0 18px 48px rgba(22, 48, 62, 0.105);--ios-shadow-hover:0 27px 66px rgba(22, 48, 62, 0.16);color:var(--ios-ink);background:#f3f8f6;color-scheme:light;font-family:var(--ios-font);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
html.ios-ui-v152 *,
html.ios-ui-v152 *::before,
html.ios-ui-v152 *::after{box-sizing:border-box;}
html.ios-ui-v152 body{min-height:100dvh;color:var(--ios-ink);background:radial-gradient(circle at 4% -8%, rgba(93, 170, 214, 0.16), transparent 31rem),
    radial-gradient(circle at 102% 96%, rgba(142, 175, 255, 0.12), transparent 34rem),
    linear-gradient(155deg, var(--tone-f8fbfa,#f8fbfa) 0%, #f2f7f5 52%, var(--tone-f7faff,#f7faff) 100%);font-family:var(--ios-font);-webkit-tap-highlight-color:transparent;}
html.ios-ui-v152 body::before{position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 22% 16%, var(--tone-9203fef5,rgba(255, 255, 255, 0.95)), transparent 22%),
    radial-gradient(circle at 84% 40%, rgba(123, 188, 224, 0.08), transparent 26%);content:"";pointer-events:none;}
html.ios-ui-v152 :is(h1, h2, h3, h4, h5, h6){font-family:var(--ios-font);font-weight:800;letter-spacing:-0.035em;text-wrap:balance;}
html.ios-ui-v152 :is(p, li, td, label, small){letter-spacing:-0.008em;}
html.ios-ui-v152 :is(.app, .owner-app, .foundation-app) main,
html.ios-ui-v152 :is(.workspace, .content){min-width:0;}
html.ios-ui-v152 :is(aside, .sidebar){border-color:rgba(35, 60, 74, 0.09);box-shadow:14px 0 46px rgba(26, 51, 65, 0.055),
    inset -1px 0 rgba(255, 255, 255, 0.48);}
html.ios-ui-v152 :is(.app, .owner-app, .foundation-app) main > header,
html.ios-ui-v152 :is(.topbar, .legal-nav){border-color:rgba(35, 60, 74, 0.085);background-color:rgba(255, 255, 255, 0.74);box-shadow:0 10px 34px rgba(30, 55, 69, 0.055);}
html.ios-ui-v152 :is(
  .card,
  .panel,
  .stat,
  .summary-card,
  .record-card,
  .school-card,
  .login-card,
  .auth-card,
  .legal-card,
  .legal-hero,
  .modal-card,
  .profile-menu,
  [class*="preview-card"],
  [class*="profile-card"]
){border-color:var(--ios-line);background-color:var(--ios-glass);box-shadow:var(--ios-shadow),
    inset 0 1px 0 var(--tone-ac114555,rgba(255, 255, 255, 0.88));}
html.ios-ui-v152 :is(
  .card,
  .stat,
  .summary-card,
  .record-card,
  .school-card,
  [class*="preview-card"],
  [class*="profile-card"]
){transform:translateZ(0);}
html.ios-ui-v152 :is(.panel-head, .panel-body, .record-meta div, .school-meta div){border-color:rgba(35, 60, 74, 0.075);}
html.ios-ui-v152 :is(.record-meta div, .school-meta div){background-color:rgba(243, 248, 246, 0.78);box-shadow:inset 0 1px rgba(255, 255, 255, 0.8);}
html.ios-ui-v152 :is(
  input:not([type="button"]):not([type="submit"]):not([type="reset"]),
  select,
  textarea
){min-height:44px;border-color:rgba(49, 73, 86, 0.14);border-radius:var(--radius-lg,14px);color:var(--ios-ink);background-color:rgba(248, 251, 250, 0.88);box-shadow:inset 0 1px 2px rgba(20, 39, 49, 0.035),
    0 1px 0 var(--tone-8fafb20d,rgba(255, 255, 255, 0.9));font-family:var(--ios-font);}
html.ios-ui-v152 :is(
  input:not([type="button"]):not([type="submit"]):not([type="reset"]),
  select,
  textarea
):focus{border-color:color-mix(in srgb, var(--ios-green) 65%, white);outline:none;background-color:var(--tone-4650eeeb);box-shadow:0 0 0 4px rgba(7, 94, 140, 0.11),
    0 9px 24px rgba(7, 94, 140, 0.07);}
html.ios-ui-v152 :is(input, textarea)::placeholder{color:#9aa8a3;}
html.ios-ui-v152 :is(.table-wrap, [class*="table-wrap"]){border:1px solid rgba(35, 60, 74, 0.075);border-radius:17px;background:rgba(255, 255, 255, 0.5);box-shadow:inset 0 1px rgba(255, 255, 255, 0.85);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(7, 94, 140, 0.28) transparent;}
html.ios-ui-v152 table{border-spacing:0;}
html.ios-ui-v152 th{border-color:rgba(35, 60, 74, 0.07);background-color:rgba(242, 248, 246, 0.86);font-weight:800;letter-spacing:0.055em;}
html.ios-ui-v152 td{border-color:rgba(35, 60, 74, 0.065);}
html.ios-ui-v152 tbody tr:hover{background-color:rgba(7, 94, 140, 0.035);}

html.ios-ui-v152 :is(.badge, [class*="badge"], [class*="status"]):not(button):not(a){border:1px solid rgba(255, 255, 255, 0.62);box-shadow:0 5px 14px rgba(26, 51, 65, 0.055),
    inset 0 1px rgba(255, 255, 255, 0.75);}
html.ios-ui-v152 :is(.login, .owner-login, .auth-screen){isolation:isolate;overflow:hidden;background:radial-gradient(circle at 16% 8%, rgba(103, 177, 218, 0.22), transparent 31rem),
    radial-gradient(circle at 91% 89%, rgba(130, 163, 255, 0.15), transparent 30rem),
    linear-gradient(145deg, var(--theme-surface-elevated,#fbfdff), var(--tone-edf5ff));}
html.ios-ui-v152 :is(.login-card, .auth-card){position:relative;border:1px solid var(--tone-2e595cc8,rgba(255, 255, 255, 0.84));background-color:var(--tone-923a33a9,rgba(255, 255, 255, 0.82));box-shadow:0 34px 90px rgba(19, 44, 58, 0.14),
    inset 0 1px var(--tone-431952a6,rgba(255, 255, 255, 0.96));}
html.ios-ui-v152 .legal-nav{position:sticky;z-index:30;top:14px;width:min(1120px, calc(100% - 28px));margin:14px auto 0;border:1px solid rgba(255, 255, 255, 0.72);border-radius:var(--radius-3xl,20px);box-shadow:0 18px 50px rgba(24, 48, 62, 0.09),
    inset 0 1px var(--tone-8fafb20d,rgba(255, 255, 255, 0.9));}
html.ios-ui-v152 .legal-wrap{width:min(980px, calc(100% - 28px));}
html.ios-ui-v152 .legal-hero{position:relative;overflow:hidden;border:1px solid var(--tone-923a33a9,rgba(255, 255, 255, 0.82));background:radial-gradient(circle at 94% 4%, rgba(115, 184, 223, 0.24), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.93), rgba(242, 250, 247, 0.82));}
html.ios-ui-v152 .legal-hero::after{position:absolute;top:-62px;right:-48px;width:180px;height:180px;border:1px solid rgba(7, 94, 140, 0.12);border-radius:50%;content:"";box-shadow:0 0 0 26px rgba(7, 94, 140, 0.035),
    0 0 0 54px rgba(7, 94, 140, 0.02);pointer-events:none;}
html.ios-ui-v152 .legal-meta span{border:1px solid rgba(7, 94, 140, 0.09);border-radius:var(--radius-pill,999px);background:rgba(234, 248, 243, 0.78);box-shadow:inset 0 1px var(--tone-2e595cc8,rgba(255, 255, 255, 0.84));}
html.ios-ui-v152 .legal-card{border:1px solid var(--tone-2e595cc8,rgba(255, 255, 255, 0.84));background-color:var(--tone-2e595cc8,rgba(255, 255, 255, 0.84));}
html.ios-ui-v152 .legal-card h2{position:relative;padding-left:16px;}
html.ios-ui-v152 .legal-card h2::before{position:absolute;top:0.18em;bottom:0.18em;left:0;width:4px;border-radius:99px;background:linear-gradient(#117cb7, #06537c);box-shadow:0 4px 12px rgba(0, 52, 125, 0.20);content:"";}
html.ios-ui-v152 .notice{border:1px solid rgba(7, 94, 140, 0.09);background-color:rgba(231, 248, 242, 0.72);box-shadow:inset 0 1px var(--tone-09fa70dc,rgba(255, 255, 255, 0.78));}
html.ios-ui-v152 *{scrollbar-width:thin;scrollbar-color:rgba(7, 94, 140, 0.3) transparent;}
html.ios-ui-v152 *::-webkit-scrollbar{width:8px;height:8px;}
html.ios-ui-v152 *::-webkit-scrollbar-track{background:transparent;}
html.ios-ui-v152 *::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-pill,999px);background:rgba(7, 94, 140, 0.28);background-clip:padding-box;}
@media (hover: hover) and (pointer: fine){html.ios-ui-v152 :is(
    .card,
    .stat,
    .summary-card,
    .record-card,
    .school-card,
    [class*="preview-card"],
    [class*="profile-card"]
  ):hover{border-color:rgba(7, 94, 140, 0.15);background-color:var(--tone-8fafb20d,rgba(255, 255, 255, 0.9));box-shadow:var(--ios-shadow-hover),
      inset 0 1px 0 var(--tone-9203fef5,rgba(255, 255, 255, 0.95));transform:translateY(-3px) perspective(900px) rotateX(0.35deg);}}
@media (max-width: 760px){html.ios-ui-v152 :is(aside, .sidebar){box-shadow:0 -14px 38px rgba(22, 48, 62, 0.1),
      inset 0 1px rgba(255, 255, 255, 0.28);}
html.ios-ui-v152 :is(.app, .owner-app, .foundation-app) main > header,
  html.ios-ui-v152 .topbar{padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left));}
html.ios-ui-v152 :is(.content, section){max-width:100%;}
html.ios-ui-v152 :is(.card, .panel, .summary-card, .record-card, .school-card){border-radius:19px;}

html.ios-ui-v152 .legal-nav{top:8px;width:calc(100% - 16px);margin-top:8px;border-radius:17px;}
html.ios-ui-v152 .legal-wrap{width:calc(100% - 20px);}
html.ios-ui-v152 .legal-hero,
  html.ios-ui-v152 .legal-card{border-radius:var(--radius-5xl,24px);}
html.ios-ui-v152 :is(
    input:not([type="button"]):not([type="submit"]):not([type="reset"]),
    select,
    textarea
  ){min-height:46px;font-size:max(16px, 1em);}}




html.ios-ui-v152 .portal-guru-dashboard > .portal-school-report-gradient{isolation:isolate;min-height:172px;border:1px solid rgba(255, 255, 255, 0.28);background:radial-gradient(circle at 88% 6%, rgba(150, 217, 255, 0.35), transparent 27%),
    radial-gradient(circle at 66% 115%, rgba(53, 160, 220, 0.28), transparent 38%),
    linear-gradient(132deg, #062b3d 0%, #08537a 43%, #0c6fa7 72%, #3792c7 100%);box-shadow:0 28px 70px rgba(4, 61, 92, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    inset 0 -1px 0 rgba(2, 50, 75, 0.32);transform:translateZ(0);}
html.ios-ui-v152 .portal-guru-dashboard > .portal-school-report-gradient::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(112deg, rgba(255, 255, 255, 0.12), transparent 35%),
    repeating-linear-gradient(
      118deg,
      transparent 0,
      transparent 28px,
      rgba(255, 255, 255, 0.025) 29px,
      rgba(255, 255, 255, 0.025) 30px
    );content:"";pointer-events:none;}
html.ios-ui-v152 .portal-guru-dashboard > .portal-school-report-gradient::after{position:absolute;z-index:-1;top:-96px;right:-58px;width:270px;height:270px;border:1px solid rgba(255, 255, 255, 0.13);border-radius:50%;box-shadow:0 0 0 34px rgba(255, 255, 255, 0.035),
    0 0 0 70px rgba(255, 255, 255, 0.018);content:"";pointer-events:none;}
html.ios-ui-v152 .portal-guru-dashboard > .portal-school-report-gradient h2{color:var(--theme-surface,#fff);font-weight:800;letter-spacing:-0.045em;text-shadow:0 3px 20px rgba(0, 31, 48, 0.23);}
html.ios-ui-v152 .portal-guru-dashboard > .portal-school-report-gradient p{color:rgba(239, 255, 250, 0.9);text-shadow:0 2px 13px rgba(0, 35, 54, 0.18);}
html.ios-ui-v152
  .portal-guru-dashboard
  > .portal-school-report-gradient
  > div
  > div[class*="bg-white"]{position:relative;min-width:190px;overflow:hidden;border:1px solid rgba(0, 111, 209, 0.18);color:#07405f;background:#f9fffc;box-shadow:0 14px 30px rgba(0, 53, 81, 0.14),
    0 3px 8px rgba(0, 42, 65, 0.06),
    inset 0 1px 0 var(--theme-surface,#fff);}
html.ios-ui-v152
  .portal-guru-dashboard
  > .portal-school-report-gradient
  > div
  > div[class*="bg-white"]::after{position:absolute;top:14px;right:15px;width:8px;height:8px;border:2px solid var(--theme-primary-border,#d9e8f5);border-radius:50%;background:var(--school-brand-primary);box-shadow:0 0 0 5px rgba(7, 142, 232, 0.1);content:"";}
html.ios-ui-v152
  .portal-guru-dashboard
  > .portal-school-report-gradient
  > div
  > div[class*="bg-white"]:hover{border-color:rgba(0, 111, 209, 0.28);box-shadow:0 19px 38px rgba(0, 53, 81, 0.18),
    0 5px 12px rgba(0, 42, 65, 0.07),
    inset 0 1px 0 var(--theme-surface,#fff);transform:translateY(-3px);}
html.ios-ui-v152
  .portal-guru-dashboard
  > .portal-school-report-gradient
  > div
  > div[class*="bg-white"]
  :is(p, span, strong, time){color:#07405f;opacity:1!important;text-shadow:none;}
html.ios-ui-v152
  .portal-guru-dashboard
  > .portal-school-report-gradient
  > div
  > div[class*="bg-white"]
  :is(p, span):not([class*="text-2xl"]):not([class*="text-3xl"]){color:#577c91;}
html.ios-ui-v152
  .portal-guru-dashboard
  > .grid.grid-cols-2[class~="md:grid-cols-4"]
  > div{--metric-accent:#3b82f6;position:relative;isolation:isolate;min-height:178px;overflow:hidden;border:1px solid var(--tone-ac114555,rgba(255, 255, 255, 0.88));background:radial-gradient(circle at 95% 0%, color-mix(in srgb, var(--metric-accent) 12%, transparent), transparent 43%),
    var(--tone-923a33a9,rgba(255, 255, 255, 0.82));box-shadow:0 18px 44px color-mix(in srgb, var(--metric-accent) 9%, transparent),
    0 5px 14px rgba(20, 42, 54, 0.045),
    inset 0 1px 0 var(--tone-431952a6,rgba(255, 255, 255, 0.96));transform:translateZ(0);}
html.ios-ui-v152
  .portal-guru-dashboard
  > .grid.grid-cols-2[class~="md:grid-cols-4"]
  > div:nth-child(2){--metric-accent:#a855f7;}
html.ios-ui-v152
  .portal-guru-dashboard
  > .grid.grid-cols-2[class~="md:grid-cols-4"]
  > div:nth-child(3){--metric-accent:var(--school-brand-primary);}
html.ios-ui-v152
  .portal-guru-dashboard
  > .grid.grid-cols-2[class~="md:grid-cols-4"]
  > div:nth-child(4){--metric-accent:var(--theme-warning,#f59e0b);}
html.ios-ui-v152
  .portal-guru-dashboard
  > .grid.grid-cols-2[class~="md:grid-cols-4"]
  > div::after{position:absolute;z-index:-1;top:-42px;right:-36px;width:112px;height:112px;border:1px solid color-mix(in srgb, var(--metric-accent) 14%, transparent);border-radius:50%;box-shadow:0 0 0 19px color-mix(in srgb, var(--metric-accent) 3%, transparent);content:"";pointer-events:none;}
html.ios-ui-v152
  .portal-guru-dashboard
  > .grid.grid-cols-2[class~="md:grid-cols-4"]
  > div
  > div:first-child{border:1px solid var(--tone-ac114555,rgba(255, 255, 255, 0.88));box-shadow:0 13px 28px color-mix(in srgb, var(--metric-accent) 14%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);transform:perspective(320px) rotateX(5deg) rotateY(-7deg);}
html.ios-ui-v152
  .portal-guru-dashboard
  > .grid.grid-cols-2[class~="md:grid-cols-4"]
  > div
  p.text-3xl{color:#15231f;font-weight:800;letter-spacing:-0.05em;}
html.ios-ui-v152
  .portal-guru-dashboard
  > .grid.grid-cols-2[class~="md:grid-cols-4"]
  > div
  p.text-xs{color:#66766f;font-weight:700;}
html.ios-ui-v152 .portal-teacher-today-schedule{border-color:rgba(33, 59, 73, 0.09);background-color:rgba(255, 255, 255, 0.8);box-shadow:0 20px 52px rgba(21, 45, 58, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.93);}
html.ios-ui-v152 .portal-teacher-schedule-card{border-color:rgba(35, 60, 74, 0.07);}
@media (hover: hover) and (pointer: fine){
html.ios-ui-v152 .portal-guru-dashboard > .portal-school-report-gradient:hover{box-shadow:0 34px 82px rgba(4, 61, 92, 0.31),
      inset 0 1px 0 rgba(255, 255, 255, 0.3);transform:translateY(-2px);}
html.ios-ui-v152
    .portal-guru-dashboard
    > .grid.grid-cols-2[class~="md:grid-cols-4"]
    > div:hover{border-color:color-mix(in srgb, var(--metric-accent) 22%, white);box-shadow:0 25px 58px color-mix(in srgb, var(--metric-accent) 15%, transparent),
      inset 0 1px 0 var(--theme-surface,#fff);transform:translateY(-5px) perspective(900px) rotateX(0.7deg);}
html.ios-ui-v152
    .portal-guru-dashboard
    > .grid.grid-cols-2[class~="md:grid-cols-4"]
    > div:hover
    > div:first-child{transform:translateY(-2px) perspective(320px) rotateX(1deg) rotateY(7deg) scale(1.04);}
html.ios-ui-v152 .portal-teacher-schedule-card:hover{background-color:rgba(235, 249, 244, 0.72);transform:translateX(3px);}}
@media (max-width: 700px){html.ios-ui-v152 .portal-guru-dashboard > .portal-school-report-gradient{min-height:0;padding:23px!important;border-radius:27px;}
html.ios-ui-v152 .portal-guru-dashboard > .portal-school-report-gradient > .flex{align-items:stretch;flex-direction:column;gap:18px;}
html.ios-ui-v152
    .portal-guru-dashboard
    > .portal-school-report-gradient
    > div
    > div[class*="bg-white"]{width:min(100%, 220px);min-width:0;align-self:flex-start;text-align:left;}
html.ios-ui-v152
    .portal-guru-dashboard
    > .grid.grid-cols-2[class~="md:grid-cols-4"]
    > div{min-height:156px;padding:17px!important;border-radius:var(--radius-4xl,22px);}}

html[data-portal-brand] img.portal-role-logo{display:block;border:0;background:transparent;}
html[data-portal-brand] img.portal-role-logo--wordmark,
html[data-portal-brand] img.portal-role-logo--icon{width:min(245px, 100%)!important;height:auto!important;min-width:0!important;max-width:100%!important;max-height:64px!important;aspect-ratio:auto!important;border-radius:0;object-fit:contain!important;object-position:left center!important;box-shadow:none;flex:0 1 auto!important;}
html[data-portal-brand] .portal-role-brand-copy--hidden{display:none!important;}



html[data-portal-brand] .auth-brand > div,
html[data-portal-brand] .login-head > div,
html[data-portal-brand] :is(.brand, .unified-brand) > b,
html[data-portal-brand] :is(.brand, .unified-brand) > div > b{display:none!important;}
html[data-portal-brand]
  :is(
    .portal-role-brand-lockup--explicit,
    .portal-role-brand-lockup--brand,
    .portal-role-brand-lockup--auth,
    .portal-role-brand-lockup--react,
    .portal-role-brand-lockup--generic,
    .portal-role-brand-lockup--standalone
  ){min-width:0;}
html[data-portal-brand] .portal-role-brand-lockup--auth{width:100%;justify-content:center;}
html[data-portal-brand]
  .portal-role-brand-lockup--auth
  > img.portal-role-logo--wordmark{width:min(350px, 86vw)!important;max-height:78px!important;margin-inline:auto!important;object-position:center!important;}
html[data-portal-brand] .portal-role-brand-lockup--auth > div{display:none!important;}
html[data-portal-brand]
  [data-portal-brand-lockup="auth"]
  > img.portal-role-logo--wordmark{width:min(350px, 86vw)!important;max-height:78px!important;margin-inline:auto!important;object-position:center!important;}
html[data-portal-brand]
  :is(.brand, .unified-brand).portal-role-brand-lockup--brand,
html[data-portal-brand]
  :is(.brand, .unified-brand)[data-portal-brand-lockup="brand"]{width:100%;min-width:0;justify-content:flex-start;}
html[data-portal-brand]
  .unified-brand:is(
    .portal-role-brand-lockup--brand,
    [data-portal-brand-lockup="brand"]
  ){display:flex!important;flex-direction:column;align-items:flex-start;gap:5px!important;}
html[data-portal-brand]
  .unified-brand:is(
    .portal-role-brand-lockup--brand,
    [data-portal-brand-lockup="brand"]
  )
  > small{padding-inline-start:2px;}
html[data-portal-brand] .portal-role-brand-lockup--brand > b,
html[data-portal-brand] .portal-role-brand-lockup--brand > div > b,
html[data-portal-brand] [data-portal-brand-lockup="brand"] > b,
html[data-portal-brand] [data-portal-brand-lockup="brand"] > div > b{display:none!important;}
html[data-portal-brand]
  .portal-role-brand-lockup--brand
  > img.portal-role-logo--wordmark{width:min(210px, 100%)!important;max-height:54px!important;flex:0 1 210px!important;}
html[data-portal-brand]
  [data-portal-brand-lockup="brand"]
  > img.portal-role-logo--wordmark{width:min(210px, 100%)!important;max-height:54px!important;flex:0 1 210px!important;}
html[data-portal-brand] .portal-role-brand-lockup--react > h1,
html[data-portal-brand] .portal-role-brand-lockup--react > h2,
html[data-portal-brand] .portal-role-brand-lockup--generic > h1,
html[data-portal-brand] .portal-role-brand-lockup--generic > h2,
html[data-portal-brand] .portal-role-brand-lockup--generic > b,
html[data-portal-brand] .portal-role-brand-lockup--generic > strong{display:none!important;}
html[data-portal-brand]
  :is(
    .portal-role-brand-lockup--react,
    .portal-role-brand-lockup--generic,
    .portal-role-brand-lockup--standalone
  )
  > img.portal-role-logo--wordmark{width:min(230px, 66vw)!important;max-height:58px!important;margin-block:0!important;}
html[data-portal-brand]
  header.portal-role-brand-lockup--react
  > img.portal-role-logo--wordmark{width:min(250px, 72vw)!important;max-height:62px!important;margin-inline:auto!important;}

@media (max-width: 767px){
html[data-portal-brand]
    :is(
      .portal-role-brand-lockup--react,
      .portal-role-brand-lockup--generic,
      .portal-role-brand-lockup--standalone
    )
    > img.portal-role-logo--wordmark{width:min(205px, 58vw)!important;max-height:52px!important;}
html[data-portal-brand]
    header.portal-role-brand-lockup--react
    > img.portal-role-logo--wordmark{width:min(205px, 58vw)!important;max-height:52px!important;}
}
@media (max-width: 900px), (pointer: coarse){input:not([type="hidden"]),
  textarea,
  select,
  [contenteditable="true"]{scroll-margin-top:calc(var(--portal-form-viewport-top) + 22px);scroll-margin-bottom:calc(
      var(--portal-form-keyboard-inset) + env(safe-area-inset-bottom) + 34px
    );}
.portal-mobile-auth-surface{box-sizing:border-box;min-height:var(--portal-form-visible-height)!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
.portal-mobile-page-scroll{min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
html.portal-mobile-form-active .portal-mobile-page-scroll,
  html.portal-mobile-keyboard-open .portal-mobile-page-scroll{scroll-padding-top:max(20px, env(safe-area-inset-top));scroll-padding-bottom:max(76px, calc(env(safe-area-inset-bottom) + 48px));}
html.portal-mobile-keyboard-open .portal-mobile-auth-surface{height:var(--portal-form-visible-height)!important;min-height:0!important;padding-top:max(12px, env(safe-area-inset-top))!important;padding-bottom:max(72px, calc(env(safe-area-inset-bottom) + 44px))!important;align-items:flex-start!important;scroll-padding-top:max(18px, env(safe-area-inset-top));scroll-padding-bottom:max(36px, env(safe-area-inset-bottom));}
html.portal-mobile-keyboard-open .portal-mobile-form-overlay{box-sizing:border-box!important;inset:auto 0 auto 0!important;top:var(--portal-form-viewport-top)!important;width:100%!important;height:var(--portal-form-visible-height)!important;min-height:0!important;max-height:var(--portal-form-visible-height)!important;padding-top:max(10px, env(safe-area-inset-top))!important;padding-right:max(10px, env(safe-area-inset-right))!important;padding-bottom:max(34px, env(safe-area-inset-bottom))!important;padding-left:max(10px, env(safe-area-inset-left))!important;align-items:flex-start!important;justify-content:center!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-padding-top:max(16px, env(safe-area-inset-top));scroll-padding-bottom:max(38px, env(safe-area-inset-bottom));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
html.portal-mobile-keyboard-open .portal-mobile-form-dialog{box-sizing:border-box!important;width:min(100%, var(--portal-form-dialog-width, 680px))!important;height:auto!important;min-height:0!important;max-height:calc(var(--portal-form-visible-height) - 20px)!important;margin-top:0!important;margin-bottom:10px!important;flex:0 0 auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scroll-padding-top:max(16px, env(safe-area-inset-top));scroll-padding-bottom:max(72px, calc(env(safe-area-inset-bottom) + 44px));scroll-margin-top:max(10px, env(safe-area-inset-top));scroll-margin-bottom:max(34px, env(safe-area-inset-bottom));}
html.portal-mobile-keyboard-open .portal-mobile-form-dialog > form,
  html.portal-mobile-keyboard-open form.portal-mobile-form{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding-bottom:max(52px, calc(env(safe-area-inset-bottom) + 30px));}
html.portal-mobile-keyboard-open .portal-mobile-scroll-region{scroll-padding-top:max(16px, env(safe-area-inset-top));scroll-padding-bottom:max(38px, env(safe-area-inset-bottom));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;}}
@media (max-width: 900px) and (max-height: 680px), (max-width: 900px) and (pointer: coarse){html.portal-mobile-keyboard-open .portal-mobile-form-dialog{margin-top:0!important;}}

body,
button,
input,
select,
textarea{font-family:var(--readable-font);font-kerning:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{font-size:16px;line-height:1.6;letter-spacing:0;}
h1,
h2,
h3,
h4,
h5,
h6{line-height:1.24;letter-spacing:-0.032em;text-wrap:balance;}
p{font-size:16px;line-height:1.72;letter-spacing:0;text-wrap:pretty;}
small{font-size:13px;line-height:1.5;letter-spacing:0;}
button,
[role="button"],
input,
select,
textarea{font-size:15px;line-height:1.4;letter-spacing:0;}
label{font-size:14px;line-height:1.5;letter-spacing:0;}
table th{font-size:13px;line-height:1.45;letter-spacing:0.025em;}
table td{font-size:15px;line-height:1.55;letter-spacing:0;}
nav a,
nav button,
.nav-button,
.unified-group button,
.unified-bottom button{font-size:14px;line-height:1.35;letter-spacing:0;}
.eyebrow,
[class*="eyebrow"],
[class*="kicker"],
.unified-group em{font-size:13px;line-height:1.4;}
.badge,
[class*="-badge"],
[class*="-status"]{font-size:12px;line-height:1.4;letter-spacing:0.02em;}
.muted,
[class*="-subtitle"],
[class*="-description"],
[class*="-caption"],
[class*="-helper"],
[class*="-hint"],
[class*="-note"]{font-size:14px;line-height:1.6;letter-spacing:0;}
.panel-head p,
.page-head p,
.record-card p,
.modal-card p,
.login-card p{font-size:16px;line-height:1.68;}
.notice,
.toast,
.form-error,
.empty{font-size:15px;line-height:1.65;}
.actions button,
.table-actions button,
.modal-close,
.close{font-size:14px;}
.landing-readable-v168 .nav-menu a{font-size:15px;}
.landing-readable-v168 .nav-cta,
.landing-readable-v168 .button{font-size:15px;}
.landing-readable-v168 .hero-copy > p,
.landing-readable-v168 .hero > p{font-size:18px;line-height:1.75;}
.landing-readable-v168 .section-heading > p,
.landing-readable-v168 .section-head p,
.landing-readable-v168 .partner-copy p,
.landing-readable-v168 .partners-pane > p,
.landing-readable-v168 .contact-pane > p,
.landing-readable-v168 .contact-card p{font-size:16px;line-height:1.72;}
.landing-readable-v168 .feature-card p,
.landing-readable-v168 .portal-card-copy p,
.landing-readable-v168 .portal-compact-copy p,
.landing-readable-v168 .network-copy p{font-size:15px;line-height:1.65;}
.landing-readable-v168 .feature-card small,
.landing-readable-v168 .portal-card-copy > small,
.landing-readable-v168 .portal-compact-copy small,
.landing-readable-v168 .modal-portal-copy small,
.landing-readable-v168 .partner-logos figcaption{font-size:12px;line-height:1.5;}
.landing-readable-v168 .portal-status,
.landing-readable-v168 .portal-compact-status,
.landing-readable-v168 .network-dot{font-size:11px;}
.landing-readable-v168 .portal-enter,
.landing-readable-v168 .network-button{font-size:13px;}
.landing-readable-v168 .portal-modal-heading p{font-size:15px;}
.landing-readable-v168 .modal-portal-copy em,
.landing-readable-v168 .portal-modal-footer > span,
.landing-readable-v168 .portal-modal-footer > a{font-size:13px;line-height:1.5;}
.landing-readable-v168 .contact-buttons small,
.landing-readable-v168 .contact-action small{font-size:12px;}
.landing-readable-v168 .contact-buttons strong,
.landing-readable-v168 .contact-action b{font-size:14px;}
.landing-readable-v168 .site-footer p,
.landing-readable-v168 .footer-links a{font-size:14px;line-height:1.65;}
.landing-readable-v168 .window-brand,
.landing-readable-v168 .window-actions b,
.landing-readable-v168 .dash-heading small,
.landing-readable-v168 .chart-title small,
.landing-readable-v168 .ring-card small,
.landing-readable-v168 .metric-row small,
.landing-readable-v168 .ring-card > span,
.landing-readable-v168 .mini-panel small,
.landing-readable-v168 .insight-note small,
.landing-readable-v168 .mini-ui-top b,
.landing-readable-v168 .mini-ui-row > span small{font-size:11px;}
.landing-readable-v168 .dash-rail span,
.landing-readable-v168 .metric-row i,
.landing-readable-v168 .metric-row strong,
.landing-readable-v168 .chart-title strong,
.landing-readable-v168 .chart-title em,
.landing-readable-v168 .mini-panel strong,
.landing-readable-v168 .mini-panel em,
.landing-readable-v168 .trust-row span,
.landing-readable-v168 .trust-row i,
.landing-readable-v168 .insight-top span,
.landing-readable-v168 .insight-top b,
.landing-readable-v168 .insight-stat span,
.landing-readable-v168 .insight-note > span,
.landing-readable-v168 .insight-note b,
.landing-readable-v168 .avatar-stack i,
.landing-readable-v168 .avatar-stack span,
.landing-readable-v168 .growth-line span,
.landing-readable-v168 .mini-ui-top,
.landing-readable-v168 .mini-ui-row > i,
.landing-readable-v168 .mini-ui-row > span b,
.landing-readable-v168 .mini-ui-row > em{font-size:12px;line-height:1.4;}
.landing-readable-v168 .download-copy > p{font-size:16px;line-height:1.72;}
.landing-readable-v168 .download-platform small,
.landing-readable-v168 .download-main-button small,
.landing-readable-v168 .download-choice small,
.landing-readable-v168 .download-modal-status small{font-size:12px;}
.landing-readable-v168 .download-platform strong,
.landing-readable-v168 .download-main-button strong,
.landing-readable-v168 .download-modal-status strong{font-size:14px;}
.landing-readable-v168 .download-note,
.landing-readable-v168 .download-choice em{font-size:13px;line-height:1.5;}
.landing-readable-v168 .device-float{font-size:12px;}
.landing-readable-v168 .download-modal-heading p{font-size:15px;}
.topbar small,
.owner-profile small,
.summary-card small,
.panel-head p,
.record-meta small,
.record-meta b,
.data-table td small,
.document-name small,
.admin small,
header small{font-size:13px;line-height:1.5;}
.record-card h3,
.panel-head h3,
.toolbar h3{font-size:18px;line-height:1.35;}
.record-meta b,
.owner-profile b{font-size:14px;}
.text-xs{font-size:13px;line-height:1.5;}
.text-sm{font-size:15px;line-height:1.55;}
@media (max-width: 760px){body{font-size:16px;}
p{font-size:15px;line-height:1.68;}
nav a,
  nav button,
  .nav-button,
  .unified-bottom button{font-size:12px;line-height:1.25;}
.landing-readable-v168 .hero-copy > p,
  .landing-readable-v168 .hero > p{font-size:16px;line-height:1.68;}
.landing-readable-v168 .section-heading > p,
  .landing-readable-v168 .section-head p,
  .landing-readable-v168 .feature-card p,
  .landing-readable-v168 .portal-card-copy p,
  .landing-readable-v168 .portal-compact-copy p,
  .landing-readable-v168 .network-copy p,
  .landing-readable-v168 .download-copy > p{font-size:15px;line-height:1.65;}
table th{font-size:12px;}
table td{font-size:14px;}}
@media (max-width: 850px){html[data-portal-brand="sekolah"] .app main > header{min-width:0!important;overflow:visible!important;}
html[data-portal-brand="sekolah"] .app main > header .admin{flex:0 0 auto!important;min-width:0!important;margin-left:auto!important;}
html[data-portal-brand="sekolah"]
    .app
    main
    > header
    .subscription-shortcut.portal-premium-status{display:inline-grid!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;flex:0 0 42px!important;place-items:center!important;padding:0!important;overflow:visible!important;border:0;border-radius:var(--radius-pill,999px);color:var(--theme-surface,#fff);font-size:0;line-height:0;white-space:nowrap!important;}
html[data-portal-brand="sekolah"]
    .app
    main
    > header
    .subscription-shortcut.portal-premium-status::before{content:""!important;display:block!important;width:20px!important;height:20px!important;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E")
      center / contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E")
      center / contain no-repeat!important;}}


@media (max-width: 359px){
  html[data-portal-brand="sekolah"]
    .app
    main
    > header
    .subscription-shortcut.portal-premium-status{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;flex-basis:40px!important;}}
: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{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(
    .app .subnav > button,
    .portal-guru-category-tabs-v133 > button,
    [role="tab"]
  ){font-size:12px;}}
.eskul-admin-v197{--eskul:#0f6b9f;--eskul-dark:var(--school-brand-mid);--ink:var(--tone-172033,#172033);--muted:#687386;display:grid;gap:18px;color:var(--ink);}
.eskul-admin-v197 *{box-sizing:border-box;}
.eskul-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.eskul-admin-stats article{background:var(--theme-surface,#fff);border:1px solid var(--tone-e5edf6);border-radius:var(--radius-3xl,20px);padding:18px;box-shadow:0 10px 28px rgba(0, 52, 125, .06);display:grid;gap:4px;}
.eskul-admin-stats span{font-size:12px;font-weight:800;color:var(--muted);}
.eskul-admin-stats b{font-size:28px;line-height:1.15;color:var(--eskul-dark);}
.eskul-admin-stats small{font-size:11px;color:#8792a2;}
.eskul-main-tabs{display:flex;gap:8px;overflow-x:auto;padding:5px;background:var(--tone-edf5ff);border-radius:var(--radius-xl,16px);width:max-content;max-width:100%;}
.eskul-main-tabs button{border:0;background:transparent;color:#5c6d75;padding:11px 17px;border-radius:var(--radius-md-lg,12px);font-weight:800;white-space:nowrap;}
.eskul-main-tabs button.active{background:var(--theme-surface,#fff);color:var(--eskul-dark);box-shadow:0 5px 14px rgba(0, 111, 209, .12);}
.eskul-main-tabs span{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:6px;padding:0 6px;border-radius:var(--radius-pill,999px);background:#eaf3ff;color:var(--eskul-dark);font-size:10px;}
.eskul-admin-section{background:var(--theme-surface,#fff);border:1px solid var(--tone-e5edf6);border-radius:var(--radius-5xl,24px);padding:22px;box-shadow:0 14px 36px rgba(0, 52, 125, .06);}
.eskul-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;}
.eskul-toolbar h2{margin:0;font-size:20px;}
.eskul-toolbar p{margin:5px 0 0;color:var(--muted);font-size:13px;}
.eskul-filters{display:flex;gap:10px;margin:18px 0;}
.eskul-filters input,.eskul-filters select{min-height:44px;border:1px solid var(--tone-d6e2ee);border-radius:13px;background:var(--theme-surface,#fff);padding:0 13px;color:var(--ink);font:inherit;}
.eskul-filters input{flex:1;min-width:220px;}
.eskul-registration-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;}
.eskul-program-list{display:grid;gap:14px;}
.eskul-program-card{border:1px solid #e1e9e6;border-radius:var(--radius-3xl,20px);padding:19px;background:linear-gradient(145deg,var(--theme-surface,#fff) 65%,#f4f8ff);display:grid;gap:14px;}
.eskul-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.eskul-card-head h3{font-size:20px;margin:8px 0 0;}
.eskul-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;}
.eskul-card-actions button,.eskul-registration-strip button{min-height:36px;padding:7px 11px;font-size:11px;}
.eskul-status,.eskul-category{display:inline-flex;align-items:center;border-radius:var(--radius-pill,999px);padding:5px 9px;font-size:10px;font-weight:900;margin-right:6px;}
.eskul-status{background:var(--tone-edf1f3);color:#5f6a76;}
.eskul-status.published,.eskul-status.approved{background:var(--theme-primary-border,#d9e8f5);color:var(--school-brand-mid);}
.eskul-status.draft,.eskul-status.submitted{background:#fff5cf;color:#8a5a00;}
.eskul-status.closed,.eskul-status.rejected,.eskul-status.cancelled{background:#fee8e7;color:var(--tone-b42318,#b42318);}
.eskul-status.waitlisted{background:#e8efff;color:#3657a7;}
.eskul-status.archived{background:#edf0f4;color:var(--tone-667085,#667085);}
.eskul-category{background:var(--tone-edf5ff);color:var(--school-brand-mid);}
.eskul-description{margin:0;color:#5f6c7b;font-size:13px;line-height:1.6;}
.eskul-program-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.eskul-program-meta>div{background:var(--tone-f7faff,#f7faff);border-radius:var(--radius-lg,14px);padding:12px;display:grid;gap:4px;}
.eskul-program-meta span{font-size:10px;font-weight:800;color:#829088;text-transform:uppercase;letter-spacing:.04em;}
.eskul-program-meta b{font-size:12px;line-height:1.55;}
.eskul-registration-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px dashed #d7e2ef;padding-top:13px;font-size:11px;color:var(--tone-667b90);}
.eskul-registration-strip button{border:0;background:transparent;color:var(--eskul-dark);font-weight:900;}
.eskul-empty{border:1px dashed #cfdceb;border-radius:var(--radius-2xl,18px);padding:32px;display:grid;place-items:center;text-align:center;gap:6px;color:var(--tone-718aa0);}
.eskul-empty b{font-size:16px;color:#35557a;}
.eskul-empty span{font-size:12px;max-width:520px;}
.eskul-registration-table-wrap{overflow:auto;border:1px solid var(--tone-e5edf6);border-radius:var(--radius-xl,16px);}
.eskul-registration-table{width:100%;border-collapse:collapse;min-width:900px;}
.eskul-registration-table th{background:#f5f9ff;color:#66756e;font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.05em;padding:12px;}
.eskul-registration-table td{border-top:1px solid var(--tone-edf3f8);padding:12px;font-size:12px;vertical-align:top;}
.eskul-registration-table td b,.eskul-registration-table td small{display:block;}
.eskul-registration-table td small{margin-top:3px;color:#7a8793;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.eskul-form-modal{display:grid;gap:17px;max-height:min(82vh,920px);overflow:auto;padding:2px;}
.eskul-form-heading{display:flex;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid var(--tone-edf3f8);}
.eskul-form-heading h2{margin:2px 0 4px;}
.eskul-form-heading p{margin:0;color:#7387a8;font-size:12px;}
.eskul-form-heading .modal-x{width:38px;height:38px;font-size:24px;}
.eskul-form-section{border:1px solid #e5ebe8;border-radius:var(--radius-2xl,18px);padding:16px;display:grid;gap:13px;}
.eskul-form-section h3{margin:0;font-size:15px;}
.eskul-form-section label{font-size:12px;font-weight:800;color:#4d5f7a;}
.eskul-form-section label small{font-weight:600;color:#7f92b3;}
.eskul-form-section input,.eskul-form-section select,.eskul-form-section textarea{width:100%;margin-top:6px;}
.eskul-check-line{display:flex!important;align-items:center;gap:9px;}
.eskul-check-line input{width:18px!important;margin:0!important;}
.eskul-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.eskul-section-title p{margin:3px 0 0;color:#7a87a1;font-size:11px;}
.eskul-class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.eskul-class-grid label{display:flex;align-items:center;gap:8px;border:1px solid #dfe7f2;border-radius:var(--radius-md-lg,12px);padding:10px;background:var(--theme-surface,#fff);}
.eskul-class-grid input{width:17px!important;margin:0!important;}
.eskul-class-grid span{display:grid;}
.eskul-class-grid small{font-size:9px;}
.eskul-schedule-row{display:grid;grid-template-columns:1fr .8fr .8fr 1fr .7fr 1fr 1.2fr auto;gap:8px;align-items:end;background:var(--tone-f6f9ff);border-radius:var(--radius-lg,14px);padding:12px;margin-top:9px;}
.eskul-schedule-row .danger-link{height:40px;border:0;background:var(--tone-fff0ef,#fff0ef);color:var(--tone-b42318,#b42318);border-radius:var(--radius-md,10px);font-size:10px;font-weight:900;padding:0 10px;}
.eskul-form-actions,.eskul-decision-buttons{display:flex;justify-content:flex-end;gap:9px;}
.eskul-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.eskul-review-grid article{background:var(--tone-f6f9ff);border-radius:var(--radius-lg,14px);padding:13px;}
.eskul-review-grid span{font-size:10px;font-weight:900;text-transform:uppercase;color:#7387a8;}
.eskul-review-grid p{font-size:12px;line-height:1.6;margin:5px 0 0;white-space:pre-wrap;}
.eskul-decision-buttons .danger{background:var(--tone-fff0ef,#fff0ef);color:var(--tone-b42318,#b42318);border:1px solid #ffc9c5;}
.eskul-admin-v197 .ghost{border:1px solid transparent;background:transparent;color:#6c7780;}
.eskul-admin-v197 [hidden]{display:none!important;}
@media (max-width:1100px){.eskul-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
.eskul-schedule-row{grid-template-columns:repeat(3,minmax(0,1fr));}
.eskul-schedule-row .wide{grid-column:span 2;}
.eskul-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:700px){.eskul-admin-v197{gap:12px;}
.eskul-admin-stats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;}
.eskul-admin-stats article{min-width:165px;scroll-snap-align:start;}
.eskul-admin-section{padding:14px;border-radius:var(--radius-2xl,18px);}
.eskul-toolbar,.eskul-card-head,.eskul-registration-strip{align-items:stretch;flex-direction:column;}
.eskul-toolbar>.primary{width:100%;}
.eskul-filters,.eskul-registration-filters{display:flex;overflow-x:auto;}
.eskul-filters>*{min-width:190px;}
.eskul-program-meta{grid-template-columns:1fr;}
.eskul-card-actions{justify-content:flex-start;}
.eskul-card-actions button{flex:1;}
.eskul-class-grid{display:flex;overflow-x:auto;}
.eskul-class-grid label{min-width:125px;}
.eskul-schedule-row{grid-template-columns:repeat(2,minmax(0,1fr));}
.eskul-schedule-row .wide{grid-column:1/-1;}
.eskul-schedule-row .danger-link{grid-column:1/-1;}
.eskul-review-grid{grid-template-columns:1fr;}
.eskul-decision-buttons{display:grid;grid-template-columns:1fr;}
.eskul-decision-buttons button{width:100%;}}
@media (min-width: 1101px){body.admin-modal-layer-open #modal:has(.eskul-form-modal){align-items:center!important;padding:28px 36px!important;}
#modal .modal-card:has(.eskul-form-modal){width:min(1180px, calc(100vw - 72px))!important;max-width:1180px!important;max-height:calc(100dvh - 56px)!important;padding:26px 28px!important;overflow:hidden!important;}
#eskulProgramForm{grid-template-columns:repeat(2, minmax(0, 1fr));align-items:start;gap:16px!important;}
#eskulProgramForm > .eskul-form-section:nth-of-type(n + 3),
  #eskulProgramForm > .eskul-form-actions{grid-column:1 / -1;}
#eskulProgramForm .eskul-schedule-row{grid-template-columns:repeat(12, minmax(0, 1fr));gap:10px;}
#eskulProgramForm .eskul-schedule-row > label:nth-of-type(1),
  #eskulProgramForm .eskul-schedule-row > label:nth-of-type(2),
  #eskulProgramForm .eskul-schedule-row > label:nth-of-type(3){grid-column:span 2;}
#eskulProgramForm .eskul-schedule-row > label:nth-of-type(4){grid-column:span 3;}
#eskulProgramForm .eskul-schedule-row > label:nth-of-type(5){grid-column:span 1;}
#eskulProgramForm .eskul-schedule-row > label:nth-of-type(6){grid-column:span 2;}
#eskulProgramForm .eskul-schedule-row > label:nth-of-type(7){grid-column:span 10;}
#eskulProgramForm .eskul-schedule-row > .danger-link{grid-column:span 2;width:100%;}}
#modal .modal-card:has(.eskul-form-modal) #modalBody,
#modal .modal-card:has(.eskul-form-modal) .eskul-form-modal,
#modal .modal-card:has(.eskul-form-modal) #eskulProgramForm,
#modal .modal-card:has(.eskul-form-modal) .eskul-form-section,
#modal .modal-card:has(.eskul-form-modal) .eskul-schedule-row,
#modal .modal-card:has(.eskul-form-modal) .eskul-schedule-row > *{min-width:0!important;max-width:100%;}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-heading{position:sticky;top:0;z-index:4;}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-heading .modal-x{display:none;}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-actions{position:sticky;bottom:0;z-index:4;border-top:1px solid var(--tone-e8efec,#e8efec);}
#modal .modal-card:has(.eskul-form-modal) .eskul-schedule-row{width:100%;overflow:hidden;}
#modal .modal-card:has(.eskul-form-modal) .eskul-schedule-row input,
#modal .modal-card:has(.eskul-form-modal) .eskul-schedule-row select{min-width:0!important;width:100%!important;}
@media (min-width: 851px) and (max-width: 1100px){body.admin-modal-layer-open #modal:has(.eskul-form-modal){padding:20px!important;}
#modal .modal-card:has(.eskul-form-modal){width:calc(100vw - 40px)!important;max-width:920px!important;max-height:calc(100dvh - 40px)!important;padding:24px!important;overflow:hidden!important;}}
@media (max-width: 850px){#modal .modal-card:has(.eskul-form-modal){overflow:hidden!important;}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-modal{max-height:calc(88dvh - 48px);padding-right:3px;}
#eskulProgramForm{grid-template-columns:minmax(0, 1fr)!important;}
#eskulProgramForm > *{grid-column:1 / -1!important;}}
@media (max-width: 560px){#modal .modal-card:has(.eskul-form-modal) .eskul-schedule-row{grid-template-columns:minmax(0, 1fr)!important;}
#modal .modal-card:has(.eskul-form-modal) .eskul-schedule-row > *{grid-column:1 / -1!important;}}
#content .eskul-admin-v197{width:100%!important;max-width:none!important;margin:0!important;}
#content .eskul-admin-v197 > .eskul-admin-section{width:100%!important;max-width:none!important;margin:0!important;padding:22px 0 0!important;border:0;border-radius:0;background:transparent;box-shadow:none;}
#content .eskul-admin-v197 .eskul-toolbar,
#content .eskul-admin-v197 .eskul-filters,
#content .eskul-admin-v197 .eskul-program-list,
#content .eskul-admin-v197 #eskulRegistrationRows{width:100%;max-width:none;}
#content .eskul-admin-v197 .eskul-empty{min-height:150px;background:rgba(255, 255, 255, 0.58);}
body.admin-modal-layer-open #modal:has(.eskul-form-modal){padding:22px 24px!important;}
#modal .modal-card:has(.eskul-form-modal){width:min(1400px, calc(100vw - 48px))!important;max-width:none!important;max-height:calc(100dvh - 44px)!important;padding:0!important;overflow:hidden!important;border:0;border-radius:var(--radius-3xl,20px);background:var(--theme-surface,#fff);box-shadow:0 26px 80px rgba(15, 34, 29, 0.26);}
#modal .modal-card:has(.eskul-review-modal){width:min(1080px, calc(100vw - 48px))!important;}
#modal .modal-card:has(.eskul-form-modal) > .close{top:14px;right:15px;z-index:12;border:0;background:#eef4fb;box-shadow:none;}
#modal .modal-card:has(.eskul-form-modal) #modalBody{width:100%;max-width:none;background:var(--theme-surface,#fff);}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-modal{width:100%;max-height:calc(100dvh - 44px);padding:24px 28px 22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--theme-surface,#fff);scrollbar-gutter:stable;}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-heading{margin:-24px -28px 4px!important;padding:24px 68px 17px 28px!important;border-bottom:1px solid #e9efec;background:var(--tone-c290c331,rgba(255, 255, 255, 0.98));}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-section{padding:12px 0 16px!important;border:0;border-radius:0;background:transparent;box-shadow:none;}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-section h3{padding-bottom:3px;color:#1f313b;font-size:15px;}
#modal .modal-card:has(.eskul-form-modal) .eskul-schedule-row{border:0;background:#f5f9f7;box-shadow:none;}
#modal .modal-card:has(.eskul-form-modal) #eskulProgramError,
#modal .modal-card:has(.eskul-form-modal) #eskulReviewError{grid-column:1 / -1;margin:0;}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-actions{margin:0 -28px -22px!important;padding:14px 28px 16px!important;background:var(--tone-c290c331,rgba(255, 255, 255, 0.98));}
#modal .modal-card:has(.eskul-form-modal) #saveEskulDraft:disabled{cursor:wait;opacity:0.72;}
@media (min-width: 1101px){#eskulProgramForm{column-gap:34px!important;}
#eskulProgramForm > .eskul-form-section:nth-of-type(2){padding-left:4px!important;}}
@media (max-width: 850px){body.admin-modal-layer-open #modal:has(.eskul-form-modal){padding:8px!important;}
#modal .modal-card:has(.eskul-form-modal),
  #modal .modal-card:has(.eskul-review-modal){width:100%!important;max-height:calc(100dvh - 8px)!important;border-radius:var(--radius-3xl,20px) var(--radius-3xl,20px) var(--radius-lg,14px) var(--radius-lg,14px);}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-modal{max-height:calc(100dvh - 8px);padding:18px 17px 16px!important;}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-heading{margin:-18px -17px 3px!important;padding:19px 58px 14px 17px!important;}
#modal .modal-card:has(.eskul-form-modal) .eskul-form-actions{margin:0 -17px -16px!important;padding:12px 17px calc(13px + env(safe-area-inset-bottom))!important;}
#content .eskul-admin-v197 > .eskul-admin-section{padding-top:14px!important;}}
#content:has(.eskul-v203-admin){width:100%;max-width:none;}
.eskul-v203-admin{--ev-green:var(--school-brand-dark);--ev-dark:var(--school-brand-mid);--ev-line:#dfe9e5;display:grid;width:100%;gap:16px;color:#1d2939;}
.eskul-v203-admin *{box-sizing:border-box;}
.eskul-v203-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.eskul-v203-stats article{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:15px 18px;border:1px solid var(--ev-line);border-radius:17px;background:var(--theme-surface,#fff);}
.eskul-v203-stats span{color:#697a73;font-size:11px;font-weight:800;}
.eskul-v203-stats b{color:var(--ev-dark);font-size:27px;}
.eskul-v203-tabs{display:flex;width:max-content;max-width:100%;gap:4px;overflow-x:auto;padding:4px;border-radius:13px;background:var(--tone-edf5ff);scrollbar-width:none;}
.eskul-v203-tabs::-webkit-scrollbar{display:none;}
.eskul-v203-tabs button{border:0;border-radius:9px;padding:10px 15px;background:transparent;color:#61716b;font-weight:800;white-space:nowrap;}
.eskul-v203-tabs button.active{background:var(--theme-surface,#fff);color:var(--ev-dark);box-shadow:0 3px 10px rgba(8, 78, 116,.09);}
.eskul-v203-tabs span{margin-left:4px;color:var(--ev-green);}
#content .eskul-v203-panel{display:grid;width:100%;max-width:none;gap:16px;margin:0;padding:20px;border:0;border-radius:var(--radius-3xl,20px);background:var(--theme-surface,#fff);box-shadow:0 10px 32px rgba(30, 51, 63,.06);}
.eskul-v203-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.eskul-v203-heading h2{margin:0;font-size:20px;}
.eskul-v203-heading p{margin:5px 0 0;color:var(--tone-718aa0);font-size:11px;}
.eskul-v203-heading button{flex:0 0 auto;min-height:42px;border-radius:var(--radius-md-lg,12px);padding-inline:16px;}
.eskul-v205-heading-actions{flex:0 0 auto;flex-wrap:wrap;}
.eskul-v205-danger-button:hover{border-color:#fca5a5;}
/* EDUVIA V116O — Data Eskul canonical card layout. Keep this as the single card source. */
.eskul-v203-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px;align-items:stretch;}
.eskul-v203-card{position:relative;min-width:0;min-height:102px;overflow:visible;border:1px solid #dce7f1;border-radius:17px;background:#fff;box-shadow:0 5px 16px rgba(25,55,82,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.eskul-v203-card:hover{transform:translateY(-1px);border-color:#9bc8e8;box-shadow:0 10px 26px rgba(26,83,126,.09);}
.eskul-v203-card-main{display:grid;width:100%;min-height:100px;align-content:center;gap:7px;padding:14px 58px 14px 16px;border:0;border-radius:17px;background:transparent!important;color:inherit;text-align:left;cursor:pointer;box-shadow:none!important;}
.eskul-v203-card-status{display:inline-flex!important;align-items:center;gap:7px;width:max-content;max-width:100%;color:#61758a!important;font-size:9px!important;font-weight:850!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.eskul-v203-state-dot{position:static;display:block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;}
.eskul-v203-state-dot.open{background:#1594dc;box-shadow:0 0 0 3px rgba(21,148,220,.12);}
.eskul-v203-state-dot.closed{background:#a6b1ba;box-shadow:0 0 0 3px rgba(120,135,148,.1);}
.eskul-v203-card-main b{display:block;overflow:hidden;color:#142b43;font-size:14px;line-height:1.3;font-weight:900;text-overflow:ellipsis;white-space:nowrap;}
.eskul-v203-card-meta{display:flex!important;align-items:center;gap:7px;min-width:0;color:#667b90!important;font-size:10px!important;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.eskul-v203-card-meta strong{font-weight:850;color:#365a78;overflow:hidden;text-overflow:ellipsis;}
.eskul-v203-card-meta em{font-style:normal;font-weight:700;color:#8293a3;}
.eskul-v203-more{position:absolute;right:11px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dce7f1;border-radius:12px;background:#f8fbfe;color:#4d6f8b;font-size:15px;line-height:1;letter-spacing:1px;cursor:pointer;box-shadow:0 2px 7px rgba(25,55,82,.04);}
.eskul-v203-more:hover,.eskul-v203-more[aria-expanded="true"]{border-color:#9bc8e8;background:#edf7ff;color:#075f9b;}
.eskul-v203-menu{position:absolute;z-index:8;right:10px;top:calc(50% + 24px);display:grid;width:170px;padding:6px;border:1px solid #dde7ef;border-radius:13px;background:#fff;box-shadow:0 16px 38px rgba(21,45,67,.16);}
.eskul-v203-menu[hidden]{display:none;}
.eskul-v203-menu button{width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#34495d;font-size:10px;font-weight:800;text-align:left;cursor:pointer;}
.eskul-v203-menu button:hover{background:#eef7fd;color:#075f9b;}
.eskul-v203-menu button.danger{color:#bf3c43;}
.eskul-v203-menu button.danger:hover{background:#fff1f1;color:#a92932;}
.eskul-v203-empty{display:grid;min-height:132px;place-content:center;gap:5px;padding:22px;border:1px dashed #cbded7;border-radius:var(--radius-xl,16px);color:var(--tone-718aa0);text-align:center;}
.eskul-v203-empty b{color:#344048;font-size:13px;}
.eskul-v203-empty span{font-size:10px;}
.eskul-v203-form-shell{width:min(880px,100%);margin:auto;color:#1d2939;}
#modal .modal-card:has(.eskul-v203-form-shell){width:min(940px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;}
.eskul-v203-form-head{padding:0 4px 15px;border-bottom:1px solid var(--tone-edf3f8);}
.eskul-v203-form-head span{color:var(--school-brand-dark);font-size:9px;font-weight:900;letter-spacing:.15em;}
.eskul-v203-form-head h2{margin:4px 0 3px;font-size:22px;}
.eskul-v203-form-head p{margin:0;color:var(--tone-718aa0);font-size:11px;}
.eskul-v203-form{display:grid;gap:15px;padding-top:16px;}
.eskul-v203-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;}
.eskul-v203-form-grid label{min-width:0;color:#53635c;font-size:10px;font-weight:800;}
.eskul-v203-form-grid label.wide{grid-column:span 2;}
.eskul-v203-form-grid label small{color:#87948e;font-size:8px;font-weight:650;}
.eskul-v203-form-grid input,.eskul-v203-form-grid select{display:block;width:100%;min-height:43px;margin-top:6px;padding:0 11px;border:1px solid var(--tone-d6e2ee);border-radius:var(--radius-md-lg,12px);outline:0;background:#f9fbfa;color:#242d33;}
.eskul-v203-class-area{min-width:0;margin:0;padding:12px;border:0;border-radius:var(--radius-lg,14px);background:#f1f8f5;}
.eskul-v203-class-area legend{padding:0 2px;color:#53635c;font-size:10px;font-weight:900;}
.eskul-v203-class-area > div{display:flex;gap:7px;overflow-x:auto;padding:2px 0;scrollbar-width:thin;}
.eskul-v203-class-chip{flex:0 0 auto;cursor:pointer;}
.eskul-v203-class-chip input{position:absolute;opacity:0;pointer-events:none;}
.eskul-v203-class-chip span{display:block;padding:8px 11px;border:1px solid #d6e4df;border-radius:var(--radius-pill,999px);background:var(--theme-surface,#fff);color:#62716a;font-size:9px;font-weight:800;}
.eskul-v203-class-chip input:checked + span{border-color:#62a2c8;background:var(--tone-eaf4ff,#eaf4ff);color:var(--school-brand-mid);}
.eskul-v203-no-class{color:#8a9691;font-size:10px;}
.eskul-v203-form-error{padding:10px 12px;border-radius:11px;background:var(--tone-fff0ef,#fff0ef);color:#a92920;font-size:10px;font-weight:700;}
.eskul-v203-form-error[hidden]{display:none;}
.eskul-v203-form-actions{position:sticky;bottom:-1px;display:flex;justify-content:flex-end;gap:8px;padding:12px 0 0;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--theme-surface,#fff) 18px);}
.eskul-v203-form-actions button{min-height:42px;border-radius:var(--radius-md-lg,12px);padding:0 16px;font-size:10px;font-weight:900;}
.eskul-v203-form-actions button:disabled{opacity:.62;cursor:wait;}
.eskul-v203-table-wrap{width:100%;overflow:auto;}
.eskul-v203-table-wrap table{width:100%;min-width:760px;border-collapse:collapse;}
.eskul-v203-table-wrap th,.eskul-v203-table-wrap td{padding:11px;border-bottom:1px solid #e8eeeb;color:#414c53;font-size:10px;text-align:left;}
.eskul-v203-table-wrap th{color:#74817b;font-size:9px;text-transform:uppercase;letter-spacing:.05em;}
.eskul-v203-table-wrap td b,.eskul-v203-table-wrap td small{display:block;}
.eskul-v203-table-wrap td small{margin-top:3px;color:#7f92b3;font-size:8px;}
.eskul-v203-status{display:inline-flex;padding:6px 9px;border-radius:var(--radius-pill,999px);background:#eef3f1;font-size:8px;font-weight:900;}
.eskul-v203-status.submitted{background:#fff2cc;color:#805b00;}
.eskul-v203-status.approved{background:var(--theme-primary-border,#d9e8f5);color:var(--school-brand-mid);}
.eskul-v203-status.rejected,.eskul-v203-status.cancelled{background:#ffe5e5;color:#b32f35;}
.eskul-v203-decisions{display:flex;gap:5px;}
.eskul-v203-decisions button{border:0;border-radius:var(--radius-sm,8px);padding:7px 9px;font-size:8px;font-weight:900;}
.eskul-v203-decisions .accept{background:var(--theme-primary-border,#d9e8f5);color:var(--school-brand-mid);}
.eskul-v203-decisions .reject{background:#ffe7e7;color:#b32f35;}
@media (max-width:900px){.eskul-v203-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){#modal .modal-card:has(.eskul-v203-form-shell){width:100%!important;max-height:92dvh!important;}
.eskul-v203-admin{gap:12px;}
.eskul-v203-stats{grid-template-columns:repeat(3,minmax(95px,1fr));gap:8px;overflow-x:auto;}
.eskul-v203-stats article{min-height:68px;padding:12px;}
.eskul-v203-stats span{font-size:9px;}
.eskul-v203-stats b{font-size:22px;}
#content .eskul-v203-panel{padding:15px;border-radius:17px;}
.eskul-v203-heading{align-items:stretch;flex-direction:column;}
.eskul-v203-heading h2{font-size:17px;}
.eskul-v203-heading p{display:none;}
.eskul-v203-heading button{min-height:38px;padding-inline:12px;font-size:10px;}
.eskul-v205-heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
.eskul-v205-heading-actions button{width:100%;}
.eskul-v203-grid{grid-template-columns:1fr;gap:9px;}
.eskul-v203-card,.eskul-v203-card-main{min-height:92px;}
.eskul-v203-card-main{padding:13px 54px 13px 14px;}
.eskul-v203-card-main b{font-size:13px;}
.eskul-v203-card-status{font-size:8.5px!important;}
.eskul-v203-card-meta{font-size:9.5px!important;}
.eskul-v203-more{right:10px;width:34px;height:34px;}
.eskul-v203-menu{position:fixed;z-index:2147483647;left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding:7px;border-radius:var(--radius-xl,16px);}
.eskul-v203-menu button{padding:12px;font-size:11px;text-align:center;}
.eskul-v203-form-head h2{font-size:19px;}
.eskul-v203-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.eskul-v203-form-grid label.wide{grid-column:1/-1;}
.eskul-v203-form-actions{display:grid;grid-template-columns:1.2fr .8fr;padding-bottom:env(safe-area-inset-bottom);}
.eskul-v203-form-actions button{width:100%;padding-inline:8px;}}
@media (max-width:360px){.eskul-v203-grid{grid-template-columns:1fr;}
.eskul-v203-form-grid{grid-template-columns:1fr;}
.eskul-v203-form-grid label.wide{grid-column:auto;}}
.school-v204-toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
.school-v204-toolbar-actions button{min-height:40px;margin:0;white-space:nowrap;}
.eskul-v204-class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;}
.eskul-v204-class-group{overflow:hidden;border:1px solid #e1ebe7;border-radius:var(--radius-xl,16px);background:var(--theme-surface,#fff);}
.eskul-v204-class-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#eff9f5;}
.eskul-v204-class-head b{color:var(--school-brand-mid);font-size:13px;}
.eskul-v204-class-head span{display:grid;min-width:28px;height:26px;place-items:center;border-radius:var(--radius-pill,999px);background:var(--theme-surface,#fff);color:var(--school-brand-mid);font-size:9px;font-weight:900;}
.eskul-v204-registration-list{display:grid;}
.eskul-v204-registration-row{display:grid;grid-template-columns:minmax(110px,1.1fr) minmax(100px,1fr) auto;align-items:center;gap:9px;min-height:49px;padding:9px 13px;border-top:1px solid var(--tone-edf2f0,#edf2f0);}
.eskul-v204-registration-row:first-child{border-top:0;}
.eskul-v204-registration-row b{overflow:hidden;color:#26323a;font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
.eskul-v204-registration-row small{overflow:hidden;color:var(--tone-718aa0);font-size:9px;text-overflow:ellipsis;white-space:nowrap;}
.eskul-v204-registration-row .eskul-v203-status{justify-self:end;}
.eskul-v204-registration-state{display:grid;justify-items:end;gap:5px;}
.eskul-v204-registration-state .eskul-v203-decisions button{padding:5px 7px;}
.eskul-v205-registration-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;}
.eskul-v205-row-delete{border:0;border-radius:var(--radius-sm,8px);padding:5px 7px;background:var(--tone-fff0f0);color:#b4232d;font-size:8px;font-weight:900;cursor:pointer;}
.eskul-v205-row-delete:hover{background:#ffe1e1;}
.eskul-v205-row-delete:disabled{opacity:.5;cursor:wait;}
.v204-card-directory{overflow:hidden;border:1px solid #e1e9e6;border-radius:17px;background:var(--theme-surface,#fff);}
.v204-card-directory-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-height:58px;gap:14px;padding:10px 14px;border:0;border-top:1px solid var(--tone-edf2f0,#edf2f0);background:var(--theme-surface,#fff);color:inherit;text-align:left;cursor:pointer;}
.v204-card-directory-row:first-child{border-top:0;}
.v204-card-directory-row:hover{background:#f1faf7;}
.v204-card-directory-copy{display:grid;min-width:0;gap:3px;}
.v204-card-directory-copy b{overflow:hidden;color:#202d35;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.v204-card-directory-copy span{color:#74817b;font-size:9px;font-weight:750;}
.v204-card-directory-arrow{display:grid;width:30px;height:30px;place-items:center;border-radius:var(--radius-md,10px);background:#ebf7f3;color:var(--school-brand-mid);font-size:17px;}
#modal .modal-card:has(.v204-card-detail){width:min(960px,calc(100vw - 32px))!important;}
.v204-card-detail{display:grid;gap:15px;}
.v204-card-detail-head{padding-right:44px;}
.v204-card-detail-head span{color:var(--school-brand-dark);font-size:9px;font-weight:900;letter-spacing:.14em;}
.v204-card-detail-head h2{margin:5px 0 3px;font-size:21px;}
.v204-card-detail-head p{margin:0;color:var(--tone-718aa0);font-size:10px;}
.v204-card-detail-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px;border-radius:var(--radius-2xl,18px);background:#f1f7f4;}
.v204-card-detail-preview canvas{display:block;width:100%;height:auto;border-radius:var(--radius-lg,14px);background:var(--theme-surface,#fff);box-shadow:0 8px 24px rgba(15,23,42,.11);}
.v204-card-detail-status{min-height:18px;color:var(--tone-718aa0);font-size:9px;font-weight:700;text-align:center;}
.v204-card-detail-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;}
.v204-card-detail-actions button{min-height:40px;margin:0;}
@media (max-width:720px){.school-v204-toolbar{align-items:stretch!important;flex-direction:column;}
.school-v204-toolbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
.school-v204-toolbar-actions button{width:100%;padding-inline:8px;font-size:10px;}
.school-v204-toolbar-actions .primary{grid-column:auto;}
.eskul-v204-class-grid{grid-template-columns:1fr;}
.eskul-v204-registration-row{grid-template-columns:minmax(0,1fr) auto;}
.eskul-v204-registration-row small{grid-column:1;grid-row:2;}
.eskul-v204-registration-state{grid-column:2;grid-row:1/3;}
.eskul-v205-registration-actions{align-items:flex-end;flex-direction:column;}
.v204-card-detail-preview{grid-template-columns:1fr;padding:9px;}
.v204-card-detail-actions{display:grid;grid-template-columns:1fr;}
.v204-card-detail-actions button{width:100%;}}
body.admin-modal-layer-open{overscroll-behavior:contain;}

#modal .modal-card{width:min(720px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:thin;scrollbar-color:#d7dee7 transparent;-webkit-font-smoothing:antialiased;}

#modal #modalBody > :is([class$="-modal"],[class*="-modal "]){background:transparent;box-shadow:none;}
#modal #modalBody > :is([class$="-modal"],[class*="-modal "]) > :first-child{margin-top:0;}
#modal .modal-card :is(.card,.panel,.ab-form-section){box-shadow:none;}
#modal .modal-card::-webkit-scrollbar{width:6px;}

#modal .close,
#modal [data-close].modal-x{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f4f6f8;color:#52606d;box-shadow:none;}
#modal .close:hover,
#modal [data-close].modal-x:hover{background:#e9eef3;transform:none;}
#modal .close:active,
#modal [data-close].modal-x:active{transform:scale(.94);}
#modal .modal-card input,
#modal .modal-card select,
#modal .modal-card textarea{border-color:#dfe5ec;background:#fbfcfd;box-shadow:none;}
#modal .modal-card input:focus,
#modal .modal-card select:focus,
#modal .modal-card textarea:focus{border-color:#3688b8;background:var(--theme-surface,#fff);box-shadow:0 0 0 3px var(--tone-96a267e8);}
#modal .modal-card button{-webkit-tap-highlight-color:transparent;}
#modal .modal-card .primary,
#modal .modal-card .secondary,
#modal .modal-card .danger{box-shadow:none;}
#modal .modal-card .primary:active,
#modal .modal-card .secondary:active,
#modal .modal-card .danger:active{transform:scale(.975)!important;}
@media (max-width: 850px){#modal.modal{align-items:end!important;padding:8px 8px 0!important;}
#modal .modal-card{width:100%!important;max-width:100%!important;max-height:min(92dvh, 920px)!important;padding:20px 17px calc(18px + env(safe-area-inset-bottom))!important;border-bottom:0!important;}
#modal .modal-card::before{content:"";display:block;width:38px;height:5px;margin:-9px auto 12px;}}
:is(#modal,#ownerModal,#foundationModal).modal,
.eskul-student-modal,
.student-id-card-modal,
.teacher-qr-modal,
.teacher-student-scan-modal,
.employee-id-card-modal,
.employee-attendance-v126-modal,
.employee-accreditation-v128-modal,
.portal-student-preview-v190{background-color:rgba(18,29,36,.5);}
:is(#modal,#ownerModal,#foundationModal) .modal-card,
.eskul-student-modal-card,
.student-id-card-dialog,
.teacher-qr-dialog,
.teacher-student-scan-dialog,
.employee-id-card-dialog,
.employee-attendance-v126-dialog,
.employee-accreditation-v128-dialog,
.portal-student-preview-card-v190{border:0;background-color:var(--tone-922514b5);box-shadow:0 28px 85px rgba(15,30,37,.25),0 2px 8px rgba(15,30,37,.07);-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:rgba(92,111,103,.24) transparent;}
:is(#modal,#ownerModal,#foundationModal) .modal-card :is(input,select,textarea),
.eskul-student-modal-card :is(input,select,textarea),
.teacher-qr-dialog :is(input,select,textarea),
.teacher-student-scan-dialog :is(input,select,textarea),
.employee-attendance-v126-dialog :is(input,select,textarea),
.employee-accreditation-v128-dialog :is(input,select,textarea){border-color:#d9e2de;background-color:rgba(248,250,249,.96);box-shadow:inset 0 1px 1px rgba(32, 44, 52,.025);}
:is(#modal,#ownerModal,#foundationModal) .modal-card :is(input,select,textarea):focus,
.eskul-student-modal-card :is(input,select,textarea):focus,
.teacher-qr-dialog :is(input,select,textarea):focus,
.teacher-student-scan-dialog :is(input,select,textarea):focus,
.employee-attendance-v126-dialog :is(input,select,textarea):focus,
.employee-accreditation-v128-dialog :is(input,select,textarea):focus{border-color:#3688b8;background-color:var(--theme-surface,#fff);box-shadow:0 0 0 3px var(--tone-96a267e8);outline:0;}
:is(#modal,#ownerModal,#foundationModal) .modal-card button,
.eskul-student-modal-card button,
.student-id-card-dialog button,
.teacher-qr-dialog button,
.teacher-student-scan-dialog button,
.employee-id-card-dialog button,
.employee-attendance-v126-dialog button,
.employee-accreditation-v128-dialog button,
.portal-student-preview-card-v190 button{-webkit-tap-highlight-color:transparent;}
:is(#modal,#ownerModal,#foundationModal) .modal-card button:active,
.eskul-student-modal-card button:active,
.student-id-card-dialog button:active,
.teacher-qr-dialog button:active,
.teacher-student-scan-dialog button:active,
.employee-id-card-dialog button:active,
.employee-attendance-v126-dialog button:active,
.employee-accreditation-v128-dialog button:active,
.portal-student-preview-card-v190 button:active{transform:scale(.975);}
@media (max-width:760px){:is(#modal,#ownerModal,#foundationModal).modal{align-items:flex-end!important;padding:8px 8px 0!important;}
:is(#modal,#ownerModal,#foundationModal) .modal-card{width:100%!important;max-width:100%!important;max-height:92dvh!important;padding:20px 17px calc(18px + env(safe-area-inset-bottom))!important;border-radius:var(--radius-5xl,24px) var(--radius-5xl,24px) 0 0;box-shadow:0 -18px 58px rgba(15,30,37,.2);}
:is(#modal,#ownerModal,#foundationModal) .modal-card::before,
  .eskul-student-modal-card::before{content:"";display:block;width:38px;height:5px;margin:-9px auto 12px;border-radius:var(--radius-pill,999px);background:#d8dfdc;}
.eskul-student-modal{align-items:flex-end!important;padding:8px 8px 0!important;}
.eskul-student-modal-card{width:100%!important;max-height:92dvh!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;}}
.eskul-v205-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;}
.eskul-v205-danger-button{min-height:42px!important;margin:0!important;padding:10px 16px!important;border:1px solid var(--theme-danger,#b91c1c);border-radius:13px;font-weight:850;cursor:pointer;}
.eskul-v205-danger-button:active{transform:scale(.975);}
.eskul-v205-danger-button:disabled{opacity:.42;box-shadow:none;cursor:not-allowed;}
.eskul-v206-registration-panel{width:100%;}
.eskul-v206-class-filter{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:18px 0 14px;padding:14px 16px;border:1px solid #dce9e4;border-radius:var(--radius-xl,16px);background:#f5fbf8;}
.eskul-v206-class-filter label{display:grid;min-width:min(340px, 100%);gap:7px;}
.eskul-v206-class-filter label > span{color:#495962;font-size:11px;font-weight:850;}
.eskul-v206-class-filter select{width:100%;min-height:44px;padding:0 42px 0 13px;border:1px solid #cfe0da;border-radius:13px;background:var(--theme-surface,#fff);color:#172f3c;font-weight:800;}
.eskul-v206-class-filter small{color:var(--tone-718aa0);font-size:11px;}
.eskul-v206-registration-group{overflow:hidden;width:100%;padding:0!important;border:1px solid #dfe9e5;border-radius:var(--radius-2xl,18px);background:var(--theme-surface,#fff);}
.eskul-v206-registration-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:linear-gradient(105deg, #eaf8f3, #f8fcfa);}
.eskul-v206-registration-group-head div{display:grid;gap:3px;}
.eskul-v206-registration-group-head span{color:#0b5f8d;font-size:9px;font-weight:900;letter-spacing:.12em;}
.eskul-v206-registration-group-head h3{margin:0;color:#172c38;font-size:17px;}
.eskul-v206-registration-group-head > b{padding:7px 11px;border-radius:var(--radius-pill,999px);background:var(--theme-surface,#fff);color:var(--school-brand-mid);font-size:10px;}
.eskul-v206-registration-list{display:grid;width:100%;}
.eskul-v206-registration-columns,
.eskul-v206-registration-row{display:grid;grid-template-columns:minmax(180px, 1.25fr) minmax(210px, 1.25fr) minmax(90px, .45fr) minmax(210px, auto);align-items:center;gap:16px;}
.eskul-v206-registration-columns{padding:10px 18px;background:#fbfcfc;color:#84918c;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;}
.eskul-v206-registration-row{min-height:70px;padding:12px 18px;border-top:1px solid var(--tone-edf2f0,#edf2f0);}
.eskul-v206-student,
.eskul-v206-program{display:grid;min-width:0;gap:4px;}
.eskul-v206-student b,
.eskul-v206-program b{overflow:hidden;color:#24323a;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.eskul-v206-student small,
.eskul-v206-program small{overflow:hidden;color:#76837d;font-size:9px;text-overflow:ellipsis;white-space:nowrap;}
.eskul-v206-registration-row > .eskul-v203-status{justify-self:start;}
.eskul-v206-registration-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.eskul-v206-registration-actions .eskul-v203-decisions{display:flex;gap:5px;}
.eskul-v206-registration-actions button{white-space:nowrap;}
#modal .modal-card:has(.v204-card-detail){overflow:hidden!important;}
#modal .modal-card:has(.v204-card-detail) > .close{position:absolute!important;top:12px!important;right:12px!important;z-index:100!important;display:grid!important;width:38px!important;height:38px!important;place-items:center!important;border:1px solid var(--tone-e6c6f105);background:#252f35;color:var(--theme-surface,#fff);font-size:23px;line-height:1;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:0 8px 22px rgba(15, 23, 42, .24);cursor:pointer!important;touch-action:manipulation;}
#modal .modal-card:has(.v204-card-detail) > .close:hover{background:#111d19;}
#modal .modal-card:has(.v204-card-detail) #modalBody{position:relative;z-index:1;max-height:calc(100dvh - 86px);overflow:auto;scrollbar-width:thin;}
#modal .modal-card:has(.v204-card-detail) .v204-card-detail-head{padding-right:62px;}
@media (max-width: 900px){.eskul-v206-registration-columns{display:none;}
.eskul-v206-registration-row{grid-template-columns:minmax(0, 1fr) auto;gap:9px 12px;padding:14px;}
.eskul-v206-program{grid-column:1;grid-row:2;}
.eskul-v206-registration-row > .eskul-v203-status{grid-column:2;grid-row:1;justify-self:end;}
.eskul-v206-registration-actions{grid-column:2;grid-row:2;}}
@media (max-width: 720px){.eskul-v205-heading-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;}
.eskul-v205-heading-actions button{width:100%;padding-inline:9px!important;}
.eskul-v206-class-filter{align-items:stretch;flex-direction:column;}
.eskul-v206-class-filter label{min-width:0;}
.eskul-v206-registration-row{grid-template-columns:minmax(0, 1fr);}
.eskul-v206-student,
  .eskul-v206-program,
  .eskul-v206-registration-row > .eskul-v203-status,
  .eskul-v206-registration-actions{grid-column:1;grid-row:auto;justify-self:stretch;}
.eskul-v206-registration-actions{justify-content:space-between;}
.eskul-v206-registration-actions .eskul-v203-decisions{flex:1;}
.eskul-v206-registration-actions .eskul-v203-decisions button{flex:1;}
#modal .modal-card:has(.v204-card-detail) #modalBody{max-height:calc(92dvh - 58px);}}
#content .eskul-v207-registration-panel{display:block;width:100%;max-width:none;padding:22px;}
.eskul-v207-registration-panel > .school-v204-toolbar{margin-bottom:0;}
.eskul-v207-class-filter{display:flex;width:100%;align-items:end;justify-content:space-between;gap:20px;margin-top:18px;padding:16px 0;border-top:1px solid var(--tone-e7eeeb);border-bottom:1px solid var(--tone-e7eeeb);}
.eskul-v207-class-filter label{display:grid;width:min(380px, 100%);gap:7px;}
.eskul-v207-class-filter label > span{color:#4d5b63;font-size:11px;font-weight:900;}
.eskul-v207-class-filter select{width:100%;min-height:46px;padding:0 42px 0 14px;border:1px solid #cbded7;border-radius:13px;outline:0;background:var(--theme-surface,#fff);color:#172f3c;font-weight:850;box-shadow:0 4px 14px rgba(8, 78, 116, .05);}
.eskul-v207-class-filter select:focus{border-color:#1875aa;box-shadow:0 0 0 3px var(--tone-96a267e8);}
.eskul-v207-class-filter > div{display:flex;align-items:baseline;gap:7px;color:var(--tone-718aa0);}
.eskul-v207-class-filter > div b{color:var(--school-brand-mid);font-size:16px;}
.eskul-v207-class-filter > div small{font-size:10px;}
.eskul-v207-flat-list{display:grid;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;}
.eskul-v207-registration-columns,
.eskul-v207-registration-row{display:grid;grid-template-columns:minmax(190px, 1.15fr) minmax(220px, 1.35fr) minmax(95px, .45fr) minmax(210px, auto);width:100%;align-items:center;gap:18px;}
.eskul-v207-registration-columns{min-height:42px;padding:11px 4px;border-bottom:1px solid var(--tone-e7eeeb);color:#87948f;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.eskul-v207-registration-row{min-height:72px;padding:13px 4px;border-bottom:1px solid var(--tone-edf2f0,#edf2f0);}
.eskul-v207-registration-row:last-child{border-bottom:0;}
.eskul-v207-student,
.eskul-v207-program{display:grid;min-width:0;gap:4px;}
.eskul-v207-student b,
.eskul-v207-program b{overflow:hidden;color:#24323a;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.eskul-v207-student small,
.eskul-v207-program small{overflow:hidden;color:#76837d;font-size:9px;text-overflow:ellipsis;white-space:nowrap;}
.eskul-v207-registration-row > .eskul-v203-status{justify-self:start;}
.eskul-v207-registration-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.eskul-v207-registration-actions .eskul-v203-decisions{display:flex;gap:5px;}
.eskul-v207-registration-actions .eskul-v205-row-delete{min-height:34px;padding:7px 11px;border:1px solid var(--tone-fecaca,#fecaca);border-radius:var(--radius-md,10px);background:var(--tone-fff1f2,#fff1f2);color:#c42630;font-size:9px;}
.app #subNav.subnav > button[data-page="dashboard"]{order:1;}
.eskul-v205-danger-button{border-color:var(--theme-danger,#b91c1c);background:var(--theme-danger-strong,#dc2626);color:var(--theme-surface,#fff);box-shadow:0 8px 19px rgba(220, 38, 38, .18);}
.eskul-v205-danger-button:hover{background:var(--theme-danger,#b91c1c);}
@media (max-width: 900px){.eskul-v207-registration-columns{display:none;}
.eskul-v207-registration-row{grid-template-columns:minmax(0, 1fr) auto;gap:10px 14px;padding:15px 2px;}
.eskul-v207-program{grid-column:1;grid-row:2;}
.eskul-v207-registration-row > .eskul-v203-status{grid-column:2;grid-row:1;justify-self:end;}
.eskul-v207-registration-actions{grid-column:2;grid-row:2;}}
@media (max-width: 680px){#content .eskul-v207-registration-panel{padding:16px;}
.eskul-v207-class-filter{align-items:stretch;flex-direction:column;gap:11px;}
.eskul-v207-class-filter label{width:100%;}
.eskul-v207-class-filter > div{justify-content:space-between;}
.eskul-v207-registration-row{grid-template-columns:minmax(0, 1fr);}
.eskul-v207-student,
  .eskul-v207-program,
  .eskul-v207-registration-row > .eskul-v203-status,
  .eskul-v207-registration-actions{grid-column:1;grid-row:auto;justify-self:stretch;}
.eskul-v207-registration-actions{justify-content:space-between;}
.eskul-v207-registration-actions .eskul-v203-decisions{flex:1;}
.eskul-v207-registration-actions .eskul-v203-decisions button{flex:1;}}
.eskul-v203-admin .eskul-v205-danger-button,
.eskul-v203-admin .eskul-v205-row-delete,
.eskul-v203-admin [data-eskul-registration-delete]{border:1px solid #ff5360;background:transparent;color:#d92d3a;box-shadow:none;}
.eskul-v203-admin .eskul-v205-danger-button:hover,
.eskul-v203-admin .eskul-v205-row-delete:hover,
.eskul-v203-admin [data-eskul-registration-delete]:hover{background:rgba(255, 83, 96, .08);color:#bd1f2c;}
.eskul-v203-admin .eskul-v205-danger-button:active,
.eskul-v203-admin .eskul-v205-row-delete:active,
.eskul-v203-admin [data-eskul-registration-delete]:active{background:rgba(255, 83, 96, .14);transform:scale(.975);}
.eskul-v203-admin .eskul-v205-danger-button:disabled,
.eskul-v203-admin .eskul-v205-row-delete:disabled,
.eskul-v203-admin [data-eskul-registration-delete]:disabled{background:transparent;opacity:.42;}
body .app #subNav.subnav > button[data-page="dashboard"]{border-left-width:2px!important;outline:0;-webkit-tap-highlight-color:transparent;}
body .app #subNav.subnav > button[data-page="dashboard"]::before{content:none!important;display:none!important;}
body .app #subNav.subnav > button[data-page="dashboard"]:focus,
body .app #subNav.subnav > button[data-page="dashboard"]:focus-visible{outline:0;}
body .app #subNav.subnav > button[data-page="subscription"]{order:2;min-height:44px!important;padding:0 16px!important;border:2px solid #e6c55b!important;border-radius:14px!important;background:#fff6ce!important;color:#725300!important;-webkit-text-fill-color:#725300!important;box-shadow:none!important;font-family:inherit!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important;opacity:1!important;filter:none!important;animation:none!important;transition:none!important;transform:none!important;will-change:auto!important;}
body .app #subNav.subnav > button[data-page="subscription"]::before{content:none!important;display:none!important;}
body .app #subNav.subnav > button[data-page="subscription"]:is(:hover,:focus,:focus-visible,:active){border-color:#e6c55b!important;background:#fff6ce!important;color:#725300!important;-webkit-text-fill-color:#725300!important;box-shadow:none!important;opacity:1!important;filter:none!important;animation:none!important;transition:none!important;transform:none!important;}
body .app #subNav.subnav > button[data-page="subscription"].active{border-color:#cd9700!important;background:#f3c94c!important;color:#573a00!important;-webkit-text-fill-color:#573a00!important;box-shadow:0 8px 18px rgba(171,112,0,.19)!important;}
body .app #subNav.subnav > button[data-page="subscription"].active:is(:hover,:focus,:focus-visible,:active){border-color:#cd9700!important;background:#f3c94c!important;color:#573a00!important;-webkit-text-fill-color:#573a00!important;box-shadow:0 8px 18px rgba(171,112,0,.19)!important;transform:none!important;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal){width:min(980px,calc(100vw - 36px))!important;max-width:980px!important;padding:0!important;overflow:hidden!important;border-radius:var(--radius-5xl,24px);position:relative!important;}
#modal .modal-card:has(.ab-modal) #modalBody,
#foundationModal .modal-card:has(.ab-modal) #foundationModalBody{width:100%!important;min-width:0!important;max-width:100%!important;padding:28px 30px 30px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal) > :is(.close,.modal-close){inset:14px 14px auto auto!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:50%;opacity:1!important;visibility:visible!important;font-size:22px;line-height:1;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal) > :is(.close,.modal-close):hover{background:#d9f1e9;color:#072c3f;}
:is(#modal,#foundationModal) .ab-modal,
:is(#modal,#foundationModal) .ab-modal form,
:is(#modal,#foundationModal) .ab-modal :is(.grid,.ab-form-section,#abLines,#abAttachments){width:100%!important;min-width:0!important;max-width:100%!important;}
:is(#modal,#foundationModal) .ab-modal{max-width:none!important;overflow-x:hidden!important;}
:is(#modal,#foundationModal) .ab-modal-head,
:is(#modal,#foundationModal) .ab-detail-head{padding-right:54px!important;}
#modal .ab-modal #abBudgetForm > .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
#modal .ab-modal #abBudgetForm > .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
:is(#modal,#foundationModal) .ab-modal :is(label,input,select,textarea,button),
:is(#modal,#foundationModal) .ab-modal .grid > *,
:is(#modal,#foundationModal) .ab-line > *,
:is(#modal,#foundationModal) .ab-attachment > *,
:is(#modal,#foundationModal) .ab-realization-row > *{min-width:0!important;max-width:100%;}
:is(#modal,#foundationModal) .ab-line{grid-template-columns:minmax(170px,2fr) minmax(72px,.65fr) minmax(78px,.7fr) minmax(110px,1fr) minmax(110px,1fr) 34px!important;}
@media (max-width:780px){:is(#modal,#foundationModal).modal{padding:8px 8px 0!important;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal){width:100%!important;max-width:100%!important;border-radius:var(--radius-5xl,24px) var(--radius-5xl,24px) 0 0;}
#modal .modal-card:has(.ab-modal) #modalBody,
  #foundationModal .modal-card:has(.ab-modal) #foundationModalBody{max-height:94dvh!important;padding:24px 17px calc(22px + env(safe-area-inset-bottom))!important;scrollbar-gutter:auto;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal) > :is(.close,.modal-close){position:fixed!important;}
:is(#modal,#foundationModal) .ab-modal-head,
  :is(#modal,#foundationModal) .ab-detail-head{padding-right:48px!important;}
#modal .ab-modal #abBudgetForm > :is(.grid.two,.grid.three){grid-template-columns:minmax(0,1fr)!important;gap:13px!important;}
:is(#modal,#foundationModal) .ab-line-head{display:none!important;}
:is(#modal,#foundationModal) .ab-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;padding:12px!important;border:1px solid var(--tone-deebe7,#deebe7);border-radius:13px;background:var(--theme-surface,#fff);}
:is(#modal,#foundationModal) .ab-line input[name="description"]{grid-column:1/-1!important;}
:is(#modal,#foundationModal) .ab-line :is(b,.ab-remove){align-self:center;}
:is(#modal,#foundationModal) .ab-attachment{grid-template-columns:minmax(0,1fr) 34px!important;}
:is(#modal,#foundationModal) .ab-attachment input[name="attachmentUrl"]{grid-column:1/2!important;}}
@media (max-width:480px){:is(#modal,#foundationModal) .ab-line{grid-template-columns:minmax(0,1fr)!important;}
:is(#modal,#foundationModal) .ab-line > *{grid-column:1!important;}
:is(#modal,#foundationModal) .ab-form-actions{display:grid!important;grid-template-columns:1fr!important;}}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal){border:0;background:var(--theme-surface,#fff);}
#modal .modal-card:has(.ab-modal) #modalBody,
#foundationModal .modal-card:has(.ab-modal) #foundationModalBody,
:is(#modal,#foundationModal) .ab-modal{background:var(--theme-surface,#fff);color:var(--tone-17231f,#17231f);}
:is(#modal,#foundationModal) .ab-modal{isolation:isolate;}
:is(#modal,#foundationModal) .ab-modal-head{margin:0 0 24px!important;padding:0 54px 20px 0!important;border:0;border-bottom:1px solid var(--tone-edf2f0,#edf2f0)!important;}
:is(#modal,#foundationModal) .ab-modal-head .ab-kicker{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:7px;background:#eaf8f3;color:var(--school-brand-mid);font-size:10px;letter-spacing:.12em;}
:is(#modal,#foundationModal) .ab-modal-head h2{margin:10px 0 5px!important;color:var(--tone-17231f,#17231f);font-size:24px;line-height:1.2;letter-spacing:-.025em;}
:is(#modal,#foundationModal) .ab-modal-head p{max-width:680px;margin:0!important;color:#70807b;font-size:13px;line-height:1.6;}
:is(#modal,#foundationModal) .ab-modal form{gap:17px!important;}
:is(#modal,#foundationModal) .ab-modal form > label,
:is(#modal,#foundationModal) .ab-modal form .grid > label,
:is(#modal,#foundationModal) .ab-realization-row label{gap:7px!important;color:#4c5a62;font-size:11px;font-weight:750;}
:is(#modal,#foundationModal) .ab-modal form :is(input,select,textarea){min-height:47px;border:1px solid transparent;border-radius:var(--radius-md-lg,12px);background:#f4f8f6;color:var(--tone-17231f,#17231f);box-shadow:none;}
:is(#modal,#foundationModal) .ab-modal form textarea{min-height:96px;resize:vertical;}
:is(#modal,#foundationModal) .ab-modal form :is(input,select,textarea):hover{background:#f0f6f3;}
:is(#modal,#foundationModal) .ab-modal form :is(input,select,textarea):focus{border-color:#297baa;background:var(--theme-surface,#fff);box-shadow:0 0 0 3px rgba(17, 114, 169,.1);outline:0;}
:is(#modal,#foundationModal) .ab-form-section{margin:5px 0 0!important;padding:22px 0 5px!important;border:0;border-top:1px solid var(--tone-e8efec,#e8efec)!important;border-radius:0;background:transparent;box-shadow:none;}
:is(#modal,#foundationModal) .ab-section-title{align-items:center!important;margin:0 0 16px!important;}
:is(#modal,#foundationModal) .ab-section-title b{color:#212d34;font-size:14px;}
:is(#modal,#foundationModal) .ab-section-title small{margin-top:4px!important;color:#7b8d87;font-size:10px;}
:is(#modal,#foundationModal) .ab-section-title .secondary{min-height:40px;padding:9px 14px!important;border:0;border-radius:var(--radius-md,10px);background:#e8f8f2;color:var(--school-brand-mid);box-shadow:none;}
:is(#modal,#foundationModal) .ab-line-head{padding:0 8px 7px!important;color:#81918c;font-size:9px;letter-spacing:.04em;}
:is(#modal,#foundationModal) .ab-line{margin:0!important;padding:8px!important;border:0;border-radius:var(--radius-lg,14px);background:var(--tone-f8fbfa,#f8fbfa);}
:is(#modal,#foundationModal) .ab-line :is(input,select){background:var(--theme-surface,#fff);border-color:#e5eeeb;}
:is(#modal,#foundationModal) .ab-line [data-line-total],
:is(#modal,#foundationModal) .ab-line [data-realized-total]{color:#26343c;font-size:11px;font-weight:750;}
:is(#modal,#foundationModal) .ab-remove,
:is(#modal,#foundationModal) .ab-remove-attachment{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;border:0;border-radius:9px;background:var(--tone-fff0ef,#fff0ef);color:#b83e38;box-shadow:none;}
:is(#modal,#foundationModal) .ab-grand-total{margin-top:13px!important;padding-top:14px!important;border:0;border-top:1px solid #e9efed!important;}
:is(#modal,#foundationModal) .ab-grand-total span{color:#505f67;font-size:12px;}
:is(#modal,#foundationModal) .ab-grand-total b{color:#075986;font-size:19px;}
:is(#modal,#foundationModal) .ab-attachment{padding:7px!important;border:0;border-radius:13px;background:var(--tone-f8fbfa,#f8fbfa);}
:is(#modal,#foundationModal) .ab-form-actions{z-index:5;bottom:-30px;padding:15px 30px calc(16px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--tone-e8efec,#e8efec);background:var(--tone-ac256a68);}
:is(#modal,#foundationModal) .ab-form-actions :is(.primary,.secondary,.danger){min-height:43px;padding:10px 17px!important;border:0;border-radius:11px;box-shadow:none;}
:is(#modal,#foundationModal) .ab-form-actions .primary{background:#07669b;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal) > :is(.close,.modal-close){width:36px!important;min-width:36px!important;height:36px!important;border:0;background:var(--tone-eef7f4,#eef7f4);color:#284859;box-shadow:none;}
@media (max-width:780px){:is(#modal,#foundationModal) .ab-modal-head{margin-bottom:20px!important;padding-right:46px!important;}
:is(#modal,#foundationModal) .ab-modal-head h2{font-size:21px;}
:is(#modal,#foundationModal) .ab-line{background:var(--tone-f7faff,#f7faff);}
:is(#modal,#foundationModal) .ab-form-actions{bottom:calc(-22px - env(safe-area-inset-bottom));padding:13px 17px calc(14px + env(safe-area-inset-bottom))!important;}}
body.admin-modal-layer-open,
body:has(#modal:not(.hidden) .ab-modal),
body:has(#foundationModal:not(.hidden) .ab-modal){overflow:hidden!important;}
:is(#modal,#foundationModal):has(.ab-modal){overflow:hidden!important;overscroll-behavior:none!important;touch-action:pan-y;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal){max-height:calc(100dvh - 28px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-y;box-shadow:0 14px 38px rgba(16,42,35,.16);}
#modal .modal-card:has(.ab-modal) #modalBody,
#foundationModal .modal-card:has(.ab-modal) #foundationModalBody,
:is(#modal,#foundationModal) .ab-modal,
:is(#modal,#foundationModal) .ab-modal form,
:is(#modal,#foundationModal) .ab-modal .ab-form-section{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;touch-action:auto;}
:is(#modal,#foundationModal):has(.ab-modal).portal-mobile-form-overlay,
html.portal-mobile-keyboard-open :is(#modal,#foundationModal):has(.ab-modal){height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal).portal-mobile-form-dialog{overflow-x:hidden!important;overflow-y:auto!important;}
:is(#modal,#foundationModal) .ab-modal .portal-mobile-scroll-region{max-height:none!important;overflow:visible!important;}
:is(#modal,#foundationModal) .ab-form-actions{position:static!important;inset:auto!important;margin:8px -30px -30px!important;transform:none!important;}
:is(#modal,#foundationModal) .ab-modal :is(.ab-form-section,.ab-line,.ab-attachment){content-visibility:visible!important;contain:none!important;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal) > :is(.close,.modal-close){position:sticky!important;top:12px!important;right:12px!important;float:right;margin:0 0 -36px!important;transform:translateX(-12px)!important;z-index:2000!important;}
@media (max-width:780px){:is(#modal,#foundationModal) .modal-card:has(.ab-modal){max-height:94dvh!important;}
:is(#modal,#foundationModal) .modal-card:has(.ab-modal) > :is(.close,.modal-close){position:sticky!important;top:10px!important;right:auto!important;transform:translateX(0)!important;margin:0 0 -36px!important;}
:is(#modal,#foundationModal) .ab-form-actions{margin:8px -17px calc(-22px - env(safe-area-inset-bottom))!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 var(--tone-069d9036,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 var(--tone-f0b2c316);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 var(--tone-0fe0e381);}
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;}

#modal .modal-card:has(.eskul-v203-form-shell){position:relative!important;isolation:isolate;}
#modal .modal-card:has(.eskul-v203-form-shell) > .close{position:absolute!important;z-index:2147483647!important;top:14px!important;right:14px!important;display:grid!important;width:38px!important;min-width:38px!important;height:38px!important;place-items:center!important;margin:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;}
#modal .modal-card:has(.eskul-v203-form-shell) #modalBody{position:relative;z-index:1;}
#modal .modal-card:has(.eskul-v203-form-shell) .eskul-v203-form-head{position:relative;z-index:1;min-height:42px;padding:8px 58px 14px 4px!important;border-bottom:1px solid rgba(66, 91, 105,.13)!important;background:transparent;box-shadow:none;}
#modal .modal-card:has(.eskul-v203-form-shell) .eskul-v203-form-head > span{display:block;margin:0;color:#075986;font-size:10px;font-weight:900;letter-spacing:.14em;line-height:1.4;}
@media (max-width:640px){#modal .modal-card:has(.eskul-v203-form-shell) > .close{top:11px!important;right:11px!important;}
#modal .modal-card:has(.eskul-v203-form-shell) .eskul-v203-form-head{padding-right:52px!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-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;}


@media (min-width: 851px){html[data-portal-brand="sekolah"][data-clay-theme="v228"]
    body
    .app
    #groupNav
    > button[data-group].active{transform:none!important;}


html[data-portal-brand="sekolah"][data-clay-theme="v228"]
    body
    .app
    #groupNav
    > button[data-group].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, 0.58);border-radius:9px;}
html[data-portal-brand="sekolah"][data-clay-theme="v228"]
    body
    .app
    #groupNav
    > button[data-group].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;}}
#modal .modal-card:has(.ab-modal)::before,
#modal .modal-card:has(.ab-modal)::after{display:none!important;content:none!important;}
#modal .modal-card:has(.ab-modal) #modalBody,
#modal .modal-card:has(.ab-modal) .ab-modal{background:var(--theme-surface,#fff);}
#modal #abBudgetError{margin:4px 0 0;border:0;border-radius:11px;background:var(--tone-fff0ef,#fff0ef);color:#a72d27;box-shadow:none;}
#modal.modal:has(.ab-modal){padding:16px!important;}
#modal .modal-card:has(.ab-modal){width:min(920px,calc(100vw - 32px))!important;max-width:920px!important;padding:0!important;border:0;outline:0;border-radius:var(--radius-3xl,20px);background:transparent;box-shadow:none;}
#modal .modal-card:has(.ab-modal) #modalBody{width:100%!important;padding:0!important;border:0;background:transparent;box-shadow:none;}
#modal .modal-card:has(.ab-modal) .ab-modal{width:100%!important;padding:26px 28px 30px!important;border:0;border-radius:var(--radius-3xl,20px);background:var(--theme-surface,#fff);box-shadow:none;}
#modal .modal-card:has(.ab-modal) > :is(.close,.modal-close){border:0;background:var(--tone-eef7f4,#eef7f4);color:#174a66;box-shadow:none;}
#modal .ab-modal form :is(input,select,textarea){border:1px solid #e5ece9;background:#f6f9f8;box-shadow:none;}
#modal .ab-modal :is(.ab-line,.ab-attachment){border:0;background:var(--tone-f7faff,#f7faff);box-shadow:none;}
#modal .ab-modal .ab-form-actions{margin:8px -28px -30px!important;padding:15px 28px 17px!important;border-top:1px solid var(--tone-edf3f8)!important;background:var(--theme-surface,#fff);box-shadow:none;}
@media (max-width:780px){#modal.modal:has(.ab-modal){padding:8px 8px 0!important;}
#modal .modal-card:has(.ab-modal){width:100%!important;max-width:100%!important;border-radius:var(--radius-4xl,22px) var(--radius-4xl,22px) 0 0;}
#modal .modal-card:has(.ab-modal) .ab-modal{padding:22px 17px calc(22px + env(safe-area-inset-bottom))!important;border-radius:var(--radius-4xl,22px) var(--radius-4xl,22px) 0 0;}
#modal .ab-modal .ab-form-actions{margin:8px -17px calc(-22px - env(safe-area-inset-bottom))!important;padding:13px 17px calc(14px + env(safe-area-inset-bottom))!important;}}
html[data-portal-brand]{--eg-primary:var(--school-brand-mid);--eg-primary-dark:var(--school-brand-dark);--eg-primary-deep:var(--theme-primary-darker,#123d6b);--eg-primary-light:#20a7ff;--eg-primary-soft:var(--theme-primary-border,#d9e8f5);--eg-accent:var(--theme-warning,#f59e0b);--eg-accent-soft:var(--tone-fef3c7,#fef3c7);--eg-violet:#6366f1;--eg-violet-soft:#e0e7ff;--eg-danger:var(--tone-e11d48,#e11d48);--eg-danger-soft:#ffe4e8;--eg-info:var(--tone-0ea5e9,#0ea5e9);--eg-info-soft:var(--tone-e0f2fe,#e0f2fe);--eg-ink:#0f2a22;--eg-body:#424e55;--eg-muted:#7c8f88;--eg-line:#e3ece7;--eg-line-soft:#edf4f1;--eg-surface:var(--theme-surface,#fff);--eg-canvas:#f4f9f7;--eg-radius-xl:26px;--eg-radius-lg:20px;--eg-radius-md:14px;--eg-radius-sm:10px;--eg-radius-pill:999px;--eg-shadow-xs:0 1px 2px rgba(15, 42, 34, 0.05);--eg-shadow-sm:0 4px 14px rgba(15, 42, 34, 0.06);--eg-shadow-md:0 14px 34px -14px rgba(6, 52, 78, 0.28),
    0 2px 8px rgba(6, 52, 78, 0.05);--eg-shadow-lg:0 28px 64px -20px rgba(6, 52, 78, 0.32);--eg-shadow-glow:0 10px 26px -6px rgba(0, 111, 209, 0.4);--eg-font:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
html[data-portal-brand]{background:var(--eg-canvas);}
html[data-portal-brand] body{min-height:100dvh!important;background:radial-gradient(circle at 4% -6%, rgba(7, 142, 232, 0.1), transparent 32%),
    radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.06), transparent 28%),
    var(--eg-canvas);color:var(--eg-body);font-family:var(--eg-font);-webkit-font-smoothing:antialiased;}
html[data-portal-brand] ::selection{background:var(--eg-primary-soft);color:var(--eg-primary-deep);}
html[data-portal-brand] ::-webkit-scrollbar{width:9px;height:9px;}
html[data-portal-brand] ::-webkit-scrollbar-track{background:transparent;}
html[data-portal-brand] ::-webkit-scrollbar-thumb{background:#cbe9de;border-radius:var(--eg-radius-pill);border:2px solid transparent;background-clip:content-box;}
html[data-portal-brand] ::-webkit-scrollbar-thumb:hover{background:#a9c9dc;background-clip:content-box;}
html[data-portal-brand] :is(h1, h2, h3, h4){color:var(--eg-ink);font-weight:800;letter-spacing:-0.01em;}
html[data-portal-brand] .head small,
html[data-portal-brand] em,
html[data-portal-brand] .unified-group em{color:var(--eg-primary-dark);font-weight:900;letter-spacing:0.14em;}
html[data-portal-brand] :is(.center, .individual-login){background:radial-gradient(circle at top left, rgba(7, 142, 232, 0.14), transparent 45%),
    radial-gradient(circle at bottom right, rgba(99, 102, 241, 0.08), transparent 40%),
    var(--eg-canvas);}
html[data-portal-brand] :is(
  .shell,
  .login-card,
  .auth-card,
  .portal-guru-login-dialog
){border:1px solid var(--eg-line);background:var(--eg-surface);border-radius:var(--eg-radius-xl);box-shadow:var(--eg-shadow-lg);}
html[data-portal-brand] .choice{border:1.5px solid var(--eg-line);border-radius:var(--eg-radius-lg);background:var(--eg-surface);}
html[data-portal-brand] .choice:hover{border-color:var(--eg-primary-light);transform:translateY(-2px);}
html[data-portal-brand] .choice.active{border-color:var(--eg-primary);background:linear-gradient(160deg, var(--eg-primary-soft), var(--theme-surface,#fff));box-shadow:var(--eg-shadow-sm);}

html[data-portal-brand] .portal-premium-status{border-radius:var(--eg-radius-pill);box-shadow:var(--eg-shadow-xs);}

html[data-portal-brand] :is(.unified-sidebar, aside.sidebar){background:var(--eg-surface);border-right:1px solid var(--eg-line)!important;box-shadow:6px 0 26px rgba(15, 42, 34, 0.035);}
html[data-portal-brand] .unified-brand small{color:var(--eg-primary-dark);}
html[data-portal-brand] .unified-group button{border-radius:var(--eg-radius-md);font-weight:700;color:var(--eg-body);}
html[data-portal-brand] .unified-group button:hover{background:var(--eg-line-soft);color:var(--eg-primary-dark);}
html[data-portal-brand] body :is(
  #groupNav > button.active,
  #subNav > button.active,
  #foundationNav > button.active,
  #ownerNav > button.active,
  .sidebar nav > button.active,
  .unified-group button.active,
  .unified-sidebar 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"]
  ),
  .nav-button.active,
  [role="tablist"] button:is(.active, [aria-selected="true"]),
  [role="tab"]:is(.active, [aria-selected="true"]),
  nav button:is(.active, [aria-current="page"])
){border-color:transparent;background:linear-gradient(135deg, var(--eg-primary) 0%, var(--eg-primary-deep) 100%);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:var(--eg-shadow-glow);text-shadow:none;transform:none!important;}

html[data-portal-brand] :is(.unified-bottom, .portal-nav-mobile){background:var(--tone-431952a6,rgba(255, 255, 255, 0.96));border-top:1px solid var(--eg-line)!important;box-shadow:0 -10px 30px rgba(15, 42, 34, 0.06);}
html[data-portal-brand] :is(.unified-bottom, .portal-nav-mobile) > button{color:#94a8a0;font-weight:700;}
html[data-portal-brand] body :is(
  .unified-bottom button.active,
  .portal-nav-mobile > button:is(
    .active,
    .bg-blue-500,
    .bg-blue-50,
    .text-blue-500,
    [aria-current="page"],
    [aria-selected="true"]
  )
){background:transparent;color:var(--eg-primary);-webkit-text-fill-color:var(--eg-primary)!important;box-shadow:none;transform:translateY(-2px);}
html[data-portal-brand] body :is(
  .unified-bottom button.active,
  .portal-nav-mobile > button:is(.active, .bg-blue-500, .bg-blue-50)
) svg{filter:drop-shadow(0 4px 8px rgba(0, 111, 209, 0.35));}
html[data-portal-brand] :is(
  .portal-guru-category-tabs-v133,
  .school-account-tabs
){background:var(--eg-line-soft);padding:5px!important;border-radius:var(--eg-radius-pill);}
html[data-portal-brand] .portal-guru-category-tabs-v133 > button{background:transparent;border-radius:var(--eg-radius-pill);color:var(--eg-muted);font-weight:800;}
html[data-portal-brand] .portal-guru-category-tabs-v133 > button:is(
  .bg-blue-500,
  .portal-accreditation-nav-active
){background:var(--eg-surface);color:var(--eg-primary-dark);box-shadow:var(--eg-shadow-sm);}
html[data-portal-brand] :is(
  .welcome,
  .dashboard-hero,
  [class$="-hero"]
){position:relative;overflow:hidden;border:0;border-radius:var(--eg-radius-xl);background:linear-gradient(135deg, var(--school-brand-primary) 0%, var(--school-brand-mid) 46%, #0d577d 100%);box-shadow:var(--eg-shadow-md);}
html[data-portal-brand] :is(.welcome, .dashboard-hero, [class$="-hero"])::before,
html[data-portal-brand] :is(.welcome, .dashboard-hero, [class$="-hero"])::after{content:"";position:absolute;border-radius:50%;pointer-events:none;}
html[data-portal-brand] :is(.welcome, .dashboard-hero, [class$="-hero"])::before{width:220px;height:220px;top:-90px;right:-60px;background:rgba(255, 255, 255, 0.14);}
html[data-portal-brand] :is(.welcome, .dashboard-hero, [class$="-hero"])::after{width:140px;height:140px;bottom:-70px;left:18%;background:rgba(255, 255, 255, 0.08);}
html[data-portal-brand] :is(.welcome, .dashboard-hero, [class$="-hero"]) :is(h1, h2, h3, p, span, small, b){color:var(--theme-surface,#fff);position:relative;z-index:1;text-shadow:none;}
html[data-portal-brand] :is(
  .card,
  .panel,
  .portal-card,
  article,
  [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 var(--eg-line);background:var(--eg-surface);border-radius:var(--eg-radius-lg);box-shadow:var(--eg-shadow-sm);}
html[data-portal-brand] :is(
  .card,
  .panel,
  .portal-card,
  article,
  [class$="-card"],
  [class$="-panel"]
):not(button):not([role="button"]):hover{box-shadow:var(--eg-shadow-md);transform:translateY(-2px)!important;}
html[data-portal-brand] .management-grid > div{background:linear-gradient(160deg, var(--theme-surface,#fff), var(--eg-line-soft));border:1px solid var(--eg-line);border-radius:var(--eg-radius-lg);}
html[data-portal-brand] .management-grid b{color:var(--eg-primary-deep);}
html[data-portal-brand] .attendance-state{background:var(--eg-primary-soft);border-radius:var(--eg-radius-md);border:1px solid rgba(0, 111, 209, 0.16);}
html[data-portal-brand] :is(.primary, .is-primary, button[type="submit"].primary){background:linear-gradient(135deg, var(--eg-primary), var(--eg-primary-deep));border:0;border-radius:var(--eg-radius-md);font-weight:800;box-shadow:var(--eg-shadow-glow);}
html[data-portal-brand] :is(.primary, .is-primary):hover{transform:translateY(-1px)!important;}
html[data-portal-brand] :is(.primary, .is-primary):active{transform:scale(0.97)!important;}
html[data-portal-brand] :is(.secondary, .is-secondary){background:var(--eg-surface);border:1.5px solid var(--eg-primary);color:var(--eg-primary-dark);border-radius:var(--eg-radius-md);font-weight:800;}
html[data-portal-brand] :is(
  .danger,
  .is-danger,
  .buttons .out,
  header button[aria-label*="Keluar"],
  header button[title*="Keluar"]
){background:var(--eg-danger-soft);color:var(--eg-danger);border-radius:var(--eg-radius-md);font-weight:800;border:0;}
html[data-portal-brand] .buttons button:not(.out){background:var(--eg-primary-soft);color:var(--eg-primary-deep);border-radius:var(--eg-radius-sm);font-weight:800;}
html[data-portal-brand] label{color:var(--eg-muted);font-weight:800;}
html[data-portal-brand] :is(input, select, textarea){background:var(--eg-canvas);border:1.5px solid var(--eg-line);border-radius:var(--eg-radius-md);color:var(--eg-ink);box-shadow:none;}
html[data-portal-brand] :is(input, select, textarea):focus{border-color:var(--eg-primary);background:var(--eg-surface);box-shadow:0 0 0 4px rgba(0, 111, 209, 0.14);}
html[data-portal-brand] :is(
  table,
  .academic-table,
  .portal-gradebook-table,
  .report-v190-table
){border-radius:var(--eg-radius-md);overflow:hidden;}
html[data-portal-brand] th{font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:0.06em;}
html[data-portal-brand] :is(th, td){border-bottom-color:var(--eg-line);}
html[data-portal-brand] tbody tr:hover{background:rgba(7, 142, 232, 0.05);}
html[data-portal-brand] :is(.modal, [class$="-overlay"], [class$="-backdrop"], [role="dialog"]):not(.hidden){background-color:rgba(9, 26, 21, 0.5);}
html[data-portal-brand] :is(
  .modal-card,
  [class$="-dialog"],
  [class$="-modal-card"],
  [class$="-modal"]
):not(button):not([role="button"]){border:1px solid var(--eg-line);background:var(--eg-surface);border-radius:var(--eg-radius-xl);box-shadow:var(--eg-shadow-lg);}
html[data-portal-brand] .modal form{border-radius:var(--eg-radius-xl);}
html[data-portal-brand] :is(
  .leave-row,
  .slip,
  .notice,
  .document-item,
  .teacher-task-history-item,
  .teacher-qr-student-row,
  .setting-center-item-v210
){border-radius:var(--eg-radius-md);border-bottom:1px solid var(--eg-line-soft)!important;}
html[data-portal-brand] :is(
  .leave-row,
  .teacher-task-history-item,
  .teacher-qr-student-row,
  .setting-center-item-v210
):hover{background:var(--eg-line-soft);}
html[data-portal-brand] :is(
  .portal-leave-status,
  .report-v190-status,
  .report-v190-chip
){border-radius:var(--eg-radius-pill);font-weight:800;padding:4px 12px!important;}
html[data-portal-brand] :is(.portal-leave-status-approved, .is-success, .is-on-time, .approved){background:var(--eg-primary-soft);color:var(--eg-primary-deep);}
html[data-portal-brand] :is(.portal-leave-status-pending, .is-warning, .is-late, .submitted){background:var(--eg-accent-soft);color:var(--tone-92400e,#92400e);}
html[data-portal-brand] :is(.portal-leave-status-rejected, .portal-leave-status-cancelled, .is-danger, .is-overdue, .late){background:var(--eg-danger-soft);color:var(--eg-danger);}
html[data-portal-brand] .revision{background:var(--eg-violet-soft);color:var(--eg-violet);}
html[data-portal-brand] .setting-center-hero-v210{background:linear-gradient(135deg, var(--school-brand-primary), #0d577d);border-radius:var(--eg-radius-xl);box-shadow:var(--eg-shadow-md);}
html[data-portal-brand] .setting-center-hero-v210 *{color:var(--theme-surface,#fff);}
html[data-portal-brand] .setting-center-card-v210{border-radius:var(--eg-radius-lg);border:1px solid var(--eg-line);background:var(--eg-surface);box-shadow:var(--eg-shadow-xs);}
html[data-portal-brand] .setting-center-card-v210:hover{box-shadow:var(--eg-shadow-sm);transform:translateY(-2px)!important;}
html[data-portal-brand] .setting-center-card-icon-v210{background:var(--eg-primary-soft);color:var(--eg-primary-deep);border-radius:var(--eg-radius-sm);}
html[data-portal-brand] :is(
  .academic-empty,
  .teacher-qr-empty,
  .teacher-scan-empty,
  [class$="-empty"]
){color:var(--eg-muted);background:var(--eg-line-soft);border-radius:var(--eg-radius-lg);border:1px dashed var(--eg-line);}
html[data-portal-brand] .loading{background:var(--eg-surface);border-radius:var(--eg-radius-pill);box-shadow:var(--eg-shadow-md);border:1px solid var(--eg-line);color:var(--eg-primary-dark);font-weight:800;}
@media (max-width: 760px){html[data-portal-brand] :is(.welcome, .dashboard-hero, [class$="-hero"]){border-radius:var(--eg-radius-lg);}
html[data-portal-brand] :is(
    .card,
    .panel,
    [class$="-card"],
    [class$="-panel"]
  ):not(button):hover{transform:none!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-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:var(--tone-1d4ed8,#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:var(--tone-f8fbfa,#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;}}
#content button.danger,
#content button[class*="delete"],
#content button[data-del-ann],
#content button[data-del-asset],
#content button[data-delete-doc],
#content button[data-delete-foundation-duty],
#content button[data-delete-accreditation],
#content button[data-delete-accreditation-submission],
#content button[data-eskul-delete],
#content button[data-eskul-registration-delete],
#content button[data-delete-attendance-v127]{background:var(--tone-cf1249);border-color:var(--tone-cf1249);color:var(--theme-surface,#fff);box-shadow:0 7px 16px rgba(207, 18, 73, 0.2);opacity:1!important;}
#content button.danger:hover,
#content button[class*="delete"]:hover,
#content button[data-del-ann]:hover,
#content button[data-del-asset]:hover,
#content button[data-delete-doc]:hover{background:var(--tone-ac0f3d);border-color:var(--tone-ac0f3d);}
#content button.danger:disabled,
#content button[class*="delete"]:disabled{background:#f3a5bd;border-color:#f3a5bd;color:var(--theme-surface,#fff);opacity:0.72!important;}
.eskul-v203-admin .eskul-v205-danger-button,
.eskul-v203-admin .eskul-v205-row-delete,
.eskul-v203-admin [data-eskul-delete],
.eskul-v203-admin [data-eskul-registration-delete],
.eskul-v203-admin .eskul-v203-menu button.danger,
.eskul-simple-admin .eskul-simple-remove{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;border:1px solid #b51437;border-radius:var(--radius-md-lg,12px);background:#c9153e;color:var(--theme-surface,#fff);font-weight:800;line-height:1;box-shadow:0 8px 18px rgba(201, 21, 62, 0.22);opacity:1!important;}
.eskul-v203-admin .eskul-v205-danger-button:hover,
.eskul-v203-admin .eskul-v205-row-delete:hover,
.eskul-v203-admin [data-eskul-delete]:hover,
.eskul-v203-admin [data-eskul-registration-delete]:hover,
.eskul-v203-admin .eskul-v203-menu button.danger:hover,
.eskul-simple-admin .eskul-simple-remove:hover{border-color:#a50f31;background:#b91137;color:var(--theme-surface,#fff);box-shadow:0 10px 22px rgba(185, 17, 55, 0.25);}
.eskul-v203-admin .eskul-v205-danger-button:active,
.eskul-v203-admin .eskul-v205-row-delete:active,
.eskul-v203-admin [data-eskul-delete]:active,
.eskul-v203-admin [data-eskul-registration-delete]:active,
.eskul-v203-admin .eskul-v203-menu button.danger:active,
.eskul-simple-admin .eskul-simple-remove:active{transform:translateY(1px) scale(0.985);}
.eskul-v203-admin .eskul-v205-danger-button:disabled,
.eskul-v203-admin .eskul-v205-row-delete:disabled,
.eskul-v203-admin [data-eskul-delete]:disabled,
.eskul-v203-admin [data-eskul-registration-delete]:disabled,
.eskul-v203-admin .eskul-v203-menu button.danger:disabled,
.eskul-simple-admin .eskul-simple-remove:disabled{border-color:#ef9aae;background:#f3a7b8;color:var(--theme-surface,#fff);box-shadow:none;opacity:0.85!important;cursor:not-allowed;}
.eskul-v203-admin .eskul-v205-row-delete,
.eskul-v203-admin [data-eskul-registration-delete]{min-height:36px;padding:8px 14px;font-size:10px;}
.eskul-v203-admin .eskul-v205-danger-button{min-height:44px;padding:11px 18px;}
.eskul-v203-admin .eskul-v203-menu button.danger{width:100%;}
.eskul-simple-admin .eskul-simple-remove{min-height:38px;padding:9px 14px;font-size:11px;}
@media (max-width: 680px){.eskul-v203-admin .eskul-v205-danger-button,
  .eskul-v203-admin .eskul-v205-row-delete,
  .eskul-v203-admin [data-eskul-delete],
  .eskul-v203-admin [data-eskul-registration-delete],
  .eskul-v203-admin .eskul-v203-menu button.danger,
  .eskul-simple-admin .eskul-simple-remove{width:auto;}}
#content:has(.teacher-duty-page){width:100%!important;max-width:none!important;padding-inline:clamp(14px, 2.2vw, 32px)!important;}
.teacher-duty-page{display:grid;width:100%;max-width:none;gap:18px;min-width:0;}
.teacher-duty-page > section.card,
.teacher-duty-page > .card{width:100%;max-width:none!important;min-width:0;margin:0!important;}
.teacher-duty-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;width:100%;padding:26px 28px;border-radius:var(--radius-5xl,24px);background:linear-gradient(135deg, #082f6b, var(--school-brand-mid));color:var(--theme-surface,#fff);box-shadow:0 14px 34px rgba(0, 52, 125, .13);}
.teacher-duty-intro small{font-weight:800;letter-spacing:.14em;}
.teacher-duty-intro h2{margin:7px 0 6px;font-size:clamp(24px, 3vw, 34px);line-height:1.08;}
.teacher-duty-intro p{margin:0;max-width:760px;color:var(--tone-e0f2fe,#e0f2fe);}
.teacher-duty-intro > span{flex:none;padding:9px 13px;border:1px solid rgba(255, 255, 255, .25);border-radius:var(--radius-pill,999px);background:rgba(255, 255, 255, .12);font-weight:800;white-space:nowrap;}
.teacher-duty-settings-card,
.teacher-duty-schedule-card,
.teacher-duty-records-card{padding:clamp(20px, 2vw, 26px)!important;}
.teacher-duty-schedule-card,
.teacher-duty-records-card{content-visibility:auto;contain-intrinsic-size:680px;}
.teacher-duty-page .toolbar{margin-bottom:16px;}
.teacher-duty-page .toolbar > div{min-width:0;}
.teacher-duty-page .toolbar h3{line-height:1.25;}
.teacher-duty-settings-grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:14px;align-items:end;}
.teacher-duty-settings-grid > :nth-child(1),
.teacher-duty-settings-grid > :nth-child(2),
.teacher-duty-settings-grid > :nth-child(3),
.teacher-duty-settings-grid > :nth-child(4),
.teacher-duty-settings-grid > :nth-child(5),
.teacher-duty-settings-grid > :nth-child(6){grid-column:span 4;}
.teacher-duty-settings-grid label,
.teacher-duty-schedule-form label,
.teacher-duty-camera-toolbar label{display:grid;min-width:0;gap:7px;font-weight:700;color:#355a8a;}
.teacher-duty-page :is(input, select, textarea){min-width:0;width:100%;}
.teacher-duty-check{display:flex!important;align-items:center;min-height:48px;padding:0 14px;border:1px solid var(--tone-dbe5f0,#dbe5f0);border-radius:var(--radius-lg,14px);background:var(--tone-f7faff,#f7faff);}
.teacher-duty-check input{width:18px;height:18px;flex:none;}
.teacher-duty-settings-actions,
.teacher-duty-form-actions{display:flex;min-width:0;gap:10px;align-items:center;justify-content:flex-end;}
.teacher-duty-settings-actions button,
.teacher-duty-form-actions button{min-height:46px;}
.teacher-duty-schedule-form{display:grid;grid-template-columns:minmax(190px, 1.5fr) minmax(120px, .8fr) minmax(110px, .65fr) minmax(110px, .65fr) minmax(170px, 1fr) minmax(210px, 1.3fr);gap:12px;align-items:end;margin:16px 0 20px;}
.teacher-duty-schedule-form .teacher-duty-form-actions{grid-column:1 / -1;}
.teacher-duty-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;}
.teacher-duty-table{width:100%;min-width:900px;}
.teacher-duty-records-table{min-width:1080px;}
.teacher-duty-table th{white-space:nowrap;}
.teacher-duty-table td{vertical-align:top;}
.teacher-duty-note-cell{min-width:190px;white-space:normal;}
.teacher-duty-table .teacher-duty-delete,
.teacher-duty-delete{background:var(--tone-cf1249);border-color:var(--tone-cf1249);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 7px 16px rgba(207, 18, 73, .17);}
.teacher-duty-table .teacher-duty-delete:hover{background:var(--tone-ac0f3d);border-color:var(--tone-ac0f3d);}
#modal .modal-card:has(.teacher-duty-scanner-modal),
#modal .modal-card:has(.teacher-duty-photo-modal){width:min(100%, 760px)!important;max-width:760px!important;}
.teacher-duty-photo-modal{display:grid;gap:15px;}
.teacher-duty-photo-head small{display:block;margin-bottom:4px;color:var(--school-brand-mid);font-size:10px;font-weight:900;letter-spacing:.13em;}
.teacher-duty-photo-head h2{margin:0;}
.teacher-duty-photo-frame{width:100%;height:min(68vh,720px);overflow:hidden;border:1px solid var(--tone-d6e2ee);border-radius:var(--radius-2xl,18px);background:#eef5fa;}
.teacher-duty-photo-frame iframe{display:block;width:100%;height:100%;border:0;background:#eef5fa;}
.teacher-duty-photo-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.teacher-duty-camera-toolbar{display:flex;gap:10px;align-items:end;margin:16px 0;}
.teacher-duty-camera-toolbar label{flex:1;}
.teacher-duty-qr-reader{min-height:280px;overflow:hidden;border:1px solid var(--tone-d6e2ee);border-radius:var(--radius-2xl,18px);background:#0a2747;}
.teacher-duty-scan-status{padding:12px 14px;border-radius:13px;font-weight:700;}
.teacher-duty-scan-status.is-loading{background:var(--tone-eef6ff,#eef6ff);color:var(--school-brand-dark);}
.teacher-duty-scan-status.is-success{background:var(--theme-primary-border,#d9e8f5);color:var(--theme-primary-darker,#123d6b);}
.teacher-duty-scan-status.is-error{background:#fff0f2;color:#b20e3d;}
.teacher-duty-scanner-modal #teacherDutyManualScan{margin-top:14px;}
.teacher-duty-scanner-modal #teacherDutyManualScan label{display:grid;gap:7px;}
.teacher-duty-scanner-modal #teacherDutyManualScan button{margin-top:10px;}
.teacher-duty-page > .card,
.teacher-duty-page > .card:hover{transform:none!important;}
@media (max-width: 1180px){.teacher-duty-settings-grid > :nth-child(n){grid-column:span 6;}
.teacher-duty-schedule-form{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 760px){#content:has(.teacher-duty-page){padding-inline:12px!important;}
.teacher-duty-page{gap:12px;}
.teacher-duty-intro{align-items:flex-start;flex-direction:column;gap:14px;padding:20px;border-radius:var(--radius-3xl,20px);}
.teacher-duty-intro h2{font-size:25px;}
.teacher-duty-intro > span{white-space:normal;}
.teacher-duty-settings-card,
  .teacher-duty-schedule-card,
  .teacher-duty-records-card{padding:17px!important;border-radius:19px;}
.teacher-duty-page .toolbar{align-items:stretch;flex-direction:column;gap:12px;}
.teacher-duty-page .toolbar > button{width:100%;}
.teacher-duty-settings-grid,
  .teacher-duty-schedule-form{grid-template-columns:1fr;}
.teacher-duty-settings-grid > :nth-child(n),
  .teacher-duty-schedule-form > :nth-child(n){grid-column:1;}
.teacher-duty-settings-actions,
  .teacher-duty-form-actions{align-items:stretch;flex-direction:column;}
.teacher-duty-settings-actions button,
  .teacher-duty-form-actions button{width:100%;}
.teacher-duty-table-wrap{overflow:visible!important;}
.teacher-duty-table{min-width:0;border-collapse:separate;border-spacing:0 10px;}
.teacher-duty-table thead{display:none;}
.teacher-duty-table tbody,
  .teacher-duty-table tr,
  .teacher-duty-table td{display:block;width:100%;}
.teacher-duty-table tr:not(.teacher-duty-empty-row){overflow:hidden;border:1px solid #dfeae6;border-radius:var(--radius-xl,16px);background:var(--theme-surface-elevated,#fbfdff);box-shadow:0 6px 18px rgba(15, 23, 42, .04);}
.teacher-duty-table td{display:grid;grid-template-columns:minmax(82px, 34%) minmax(0, 1fr);gap:10px;align-items:start;min-width:0;padding:10px 12px;border-bottom:1px solid var(--tone-edf2f0,#edf2f0);overflow-wrap:anywhere;}
.teacher-duty-table td:last-child{border-bottom:0;}
.teacher-duty-table td::before{content:attr(data-label);color:#5d6e77;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.teacher-duty-table td .actions{justify-content:flex-end;flex-wrap:wrap;}
.teacher-duty-table td .actions button{flex:1 1 90px;}
.teacher-duty-empty-row{display:block!important;}
.teacher-duty-empty-row td{display:block;padding:18px 12px;text-align:center;border:1px dashed #d7e4e0;border-radius:var(--radius-lg,14px);}
.teacher-duty-empty-row td::before{content:none;}
.teacher-duty-note-cell{min-width:0;}
#modal .modal-card:has(.teacher-duty-scanner-modal),
  #modal .modal-card:has(.teacher-duty-photo-modal){width:100%!important;max-width:none!important;}
.teacher-duty-photo-frame{height:min(62vh,560px);}
.teacher-duty-photo-actions{align-items:stretch;flex-direction:column;}
.teacher-duty-photo-actions button{width:100%;}
.teacher-duty-camera-toolbar{align-items:stretch;flex-direction:column;}
.teacher-duty-camera-toolbar button{width:100%;}
.teacher-duty-qr-reader{min-height:240px;}}
@media (max-width: 430px){.teacher-duty-table td{grid-template-columns:1fr;gap:4px;}
.teacher-duty-table td .actions{justify-content:stretch;}}
:is(
  .modal-card > .close,
  .modal-card > .modal-close,
  .teacher-student-scan-dialog [data-scan-close],
  .employee-attendance-v126-dialog [data-attendance-close],
  .teacher-duty-v08-dialog > header > button[aria-label="Tutup"],
  .teacher-qr-close,
  .teacher-qr-viewer-close,
  .employee-id-card-dialog [data-employee-card-close],
  .student-id-card-dialog [data-student-card-close],
  .portal-student-preview-close-v190,
  .portal-management-notification-actions button[data-close],
  .owner-notification-head-actions button[data-notification-close],
  button[data-close-school-notifications][aria-label="Tutup"],
  .download-modal-close,
  .portal-modal-close
){display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;border:1px solid var(--tone-fecaca,#fecaca);border-radius:var(--radius-pill,999px);background:var(--tone-fee2e2,#fee2e2);color:var(--theme-danger,#b91c1c);font-size:27px;font-weight:800;line-height:1;opacity:1!important;visibility:visible!important;box-shadow:0 5px 14px rgb(185 28 28 / 12%);-webkit-tap-highlight-color:transparent;}
:is(
  .modal-card > .close,
  .modal-card > .modal-close,
  .teacher-student-scan-dialog [data-scan-close],
  .employee-attendance-v126-dialog [data-attendance-close],
  .teacher-duty-v08-dialog > header > button[aria-label="Tutup"],
  .teacher-qr-close,
  .teacher-qr-viewer-close,
  .employee-id-card-dialog [data-employee-card-close],
  .student-id-card-dialog [data-student-card-close],
  .portal-student-preview-close-v190,
  .portal-management-notification-actions button[data-close],
  .owner-notification-head-actions button[data-notification-close],
  button[data-close-school-notifications][aria-label="Tutup"],
  .download-modal-close,
  .portal-modal-close
):is(:hover, :focus-visible, :active){border-color:#fca5a5;background:var(--tone-fecaca,#fecaca);color:var(--tone-991b1b,#991b1b);outline:3px solid rgb(239 68 68 / 16%);outline-offset:2px!important;}
@media (max-width: 760px){:is(
    .modal-card > .close,
    .modal-card > .modal-close,
    .teacher-student-scan-dialog [data-scan-close],
    .employee-attendance-v126-dialog [data-attendance-close],
    .teacher-duty-v08-dialog > header > button[aria-label="Tutup"],
    .teacher-qr-close,
    .teacher-qr-viewer-close,
    .employee-id-card-dialog [data-employee-card-close],
    .student-id-card-dialog [data-student-card-close],
    .portal-student-preview-close-v190,
    .portal-management-notification-actions button[data-close],
    .owner-notification-head-actions button[data-notification-close],
    button[data-close-school-notifications][aria-label="Tutup"],
    .download-modal-close,
    .portal-modal-close
  ){width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;max-height:46px!important;font-size:29px;}}

html.admin-session-restoring #login,
html.owner-restoring #ownerLogin,
html.foundation-session-restoring #foundationLogin{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
html.portal-session-restoring body,
html.admin-session-restoring body,
html.owner-restoring body,
html.foundation-session-restoring body{min-height:100dvh;background:var(--tone-f7faff,#f7faff);}

html.admin-session-restoring #app.hidden,
html.owner-restoring #ownerApp.hidden{display:none!important;}
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;}}
#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;}}
/* V114Y: legacy portal-app-download V162/V166 CSS removed. */








@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;}}
@media (max-width: 430px){html[data-portal-brand="sekolah"] body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;}}
@media (min-width: 851px){html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav{display:flex!important;flex-direction:column!important;align-items:stretch!important;align-content:stretch!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;gap:8px!important;padding-right:0!important;}
html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav > button[data-group]{position:relative!important;isolation:isolate!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:50px!important;height:auto!important;margin:0!important;padding:11px 14px 11px 16px!important;gap:12px!important;border:1.5px solid var(--school-brand-primary);border-radius:15px;background:var(--school-brand-soft);color:var(--school-brand-mid);-webkit-text-fill-color:var(--school-brand-mid)!important;box-shadow:inset 6px 0 0 var(--school-brand-primary);font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:700;line-height:20px;letter-spacing:0;text-align:left!important;text-shadow:none;transform:none!important;filter:none!important;cursor:pointer!important;}
html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav > button[data-group]::before,
  html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav > button[data-group]::after{content:none!important;display:none!important;}
html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav > button[data-group] > .admin-nav-icon{position:relative!important;z-index:1!important;display:grid!important;place-items:center!important;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;margin:0!important;padding:0!important;border:0;border-radius:0;background:transparent;color:inherit;-webkit-text-fill-color:currentColor!important;box-shadow:none;filter:none!important;}
html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav > button[data-group] > .admin-nav-icon > svg{display:block!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;border:0;border-radius:0;background:transparent;color:inherit;-webkit-text-fill-color:currentColor!important;fill:none;stroke:currentColor;stroke-width:1.9!important;box-shadow:none;filter:none!important;}
html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav > button[data-group] > .admin-nav-label{position:relative!important;z-index:1!important;display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;color:inherit;-webkit-text-fill-color:currentColor!important;font:inherit;line-height:inherit;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;}
html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav > 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(--school-brand-primary);background:var(--school-brand-primary);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:inset 7px 0 0 var(--school-brand-dark),
      0 10px 22px var(--tone-60e09799,rgba(0, 111, 209, .18));text-shadow:none;transform:none!important;}
html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav > button[data-group]:focus-visible{outline:none;box-shadow:inset 7px 0 0 var(--school-brand-dark),
      0 10px 22px var(--tone-60e09799,rgba(0, 111, 209, .18)),
      0 0 0 4px rgba(7, 142, 232, .18);}
html[data-portal-brand="sekolah"] body .app:not(.hidden) > aside #groupNav > 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, .admin-nav-label, svg){color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;stroke:currentColor;}}
body.admin-auth-mode{background:#f4f7fb;}
body.admin-auth-mode #login{background:radial-gradient(circle at 12% 8%,rgba(17,145,232,.12),transparent 34%),radial-gradient(circle at 88% 92%,rgba(0,58,137,.08),transparent 34%),#f4f7fb;padding:28px 18px!important;align-items:center!important;overflow:auto!important;}
body.admin-auth-mode .login-card{width:min(500px,100%)!important;padding:30px 32px 28px!important;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-5xl,24px);background:var(--tone-df42a875);box-shadow:0 24px 70px var(--tone-376ac9fb);text-align:left!important;}
body.admin-auth-mode .back-link{display:inline-block!important;margin:0 0 22px!important;color:var(--theme-text-muted,#60758d);text-decoration:none;font-size:12px;font-weight:700;}
body.admin-auth-mode .login-head{display:block!important;text-align:center!important;}
body.admin-auth-mode .login-head img.eduvia-auth-logo{display:block!important;width:min(270px,80%)!important;height:82px!important;object-fit:contain!important;margin:0 auto 18px!important;border-radius:0;box-shadow:none;background:transparent;}
body.admin-auth-mode .login-head .eyebrow{display:block!important;color:#0b64b7;font-size:10px;letter-spacing:.15em;font-weight:800;}
body.admin-auth-mode .login-head h1{margin:7px 0 0!important;color:#10223b;font-size:24px;line-height:1.2;letter-spacing:-.025em;}
body.admin-auth-mode .auth-subtitle{margin:9px auto 0!important;max-width:390px!important;color:var(--theme-text-muted,#60758d);font-size:13px;line-height:1.55;text-align:center!important;}
body.admin-auth-mode .login-choices{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin:22px 0 18px!important;padding:4px!important;border-radius:15px;background:#eef3f9;}
body.admin-auth-mode .login-choice,
body.admin-auth-mode .login-choice.active{min-height:54px!important;border:0;border-radius:11px;padding:9px 8px!important;background:transparent;text-align:center!important;box-shadow:none;color:var(--tone-718198);outline:none;cursor:pointer!important;}
body.admin-auth-mode .login-choice b{font-size:11.5px;line-height:1.25;color:inherit;}
body.admin-auth-mode .login-choice span{display:none!important;}
body.admin-auth-mode .login-choice[aria-selected="true"]{background:linear-gradient(135deg,#0879d0,#064a9b);color:var(--theme-surface,#fff);box-shadow:0 7px 17px rgba(6,93,169,.20);}
body.admin-auth-mode .login-choice:focus-visible{box-shadow:0 0 0 3px rgba(23,142,229,.17);}
body.admin-auth-mode .auth-panel-title{display:block!important;margin:0 0 14px!important;color:var(--tone-172033,#172033);font-size:13px;font-weight:850;}
body.admin-auth-mode .form{gap:13px!important;}
body.admin-auth-mode .form label{gap:7px!important;color:var(--theme-text-strong,#123d6b);font-size:12px;font-weight:750;}
body.admin-auth-mode .form input:not([type="checkbox"]){height:48px!important;padding:0 14px!important;border:1px solid var(--tone-cbd5e1,#cbd5e1);border-radius:var(--radius-md-lg,12px);background:var(--theme-surface,#fff);color:var(--theme-text,#0a2342);font-size:14px;box-shadow:0 1px 2px rgba(15,23,42,.03);}
body.admin-auth-mode .form input:not([type="checkbox"]):focus{border-color:#178ee5;box-shadow:0 0 0 3px rgba(23,142,229,.13);outline:none;}
body.admin-auth-mode .password-row{position:relative!important;display:block!important;}
body.admin-auth-mode .password-row input{width:100%!important;padding-right:92px!important;}
body.admin-auth-mode .password-row button{position:absolute!important;right:7px!important;top:7px!important;height:34px!important;padding:0 10px!important;border:0;border-radius:var(--radius-sm,8px);background:var(--tone-eef6ff,#eef6ff);color:var(--tone-075da9,#075da9);font-size:11px;font-weight:800;cursor:pointer!important;}
body.admin-auth-mode .primary{width:100%!important;min-height:48px!important;border:0;border-radius:var(--radius-md-lg,12px);background:linear-gradient(135deg,#086bb7,#064a9b);color:var(--theme-surface,#fff);font-size:13px;font-weight:850;box-shadow:0 9px 22px rgba(11,111,196,.19);cursor:pointer!important;}
body.admin-auth-mode .primary:hover{filter:brightness(.98);}
body.admin-auth-mode .primary:disabled{opacity:.65!important;cursor:wait!important;}
body.admin-auth-mode #googleLogin.google-auth-button{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:48px!important;padding:0 16px!important;border:1px solid var(--tone-cbd5e1,#cbd5e1);border-radius:var(--radius-md-lg,12px);background:var(--theme-surface,#fff);color:#243244;font-family:inherit;font-size:13px;font-weight:800;line-height:1;text-indent:0!important;opacity:1!important;visibility:visible!important;box-shadow:0 3px 10px var(--tone-09a9070d,rgba(15,23,42,.06));cursor:pointer!important;}
body.admin-auth-mode #googleLogin.google-auth-button::before{content:""!important;display:block!important;flex:0 0 24px!important;width:24px!important;height:24px!important;border:1px solid #e3e8ef;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M21.35 12.27c0-.74-.07-1.45-.19-2.14H12v4.05h5.24a4.48 4.48 0 0 1-1.94 2.94v2.62h3.14c1.84-1.69 2.91-4.18 2.91-7.47z'/%3E%3Cpath fill='%2334A853' d='M12 21.75c2.63 0 4.84-.87 6.45-2.36l-3.14-2.62c-.87.58-1.98.92-3.31.92-2.54 0-4.69-1.72-5.46-4.03H3.29v2.7A9.75 9.75 0 0 0 12 21.75z'/%3E%3Cpath fill='%23FBBC05' d='M6.54 13.66A5.86 5.86 0 0 1 6.23 12c0-.58.1-1.14.31-1.66v-2.7H3.29A9.75 9.75 0 0 0 2.25 12c0 1.57.38 3.05 1.04 4.36l3.25-2.7z'/%3E%3Cpath fill='%23EA4335' d='M12 6.31c1.43 0 2.71.49 3.72 1.45l2.79-2.79C16.84 3.41 14.63 2.25 12 2.25A9.75 9.75 0 0 0 3.29 7.64l3.25 2.7C7.31 8.03 9.46 6.31 12 6.31z'/%3E%3C/svg%3E") center/18px 18px no-repeat;box-shadow:none;}
body.admin-auth-mode #googleLogin.google-auth-button:hover{background:var(--theme-surface-soft,#f7fbff);border-color:#b9c6d5;}
body.admin-auth-mode .auth-divider{display:flex!important;align-items:center!important;gap:10px!important;margin:15px 0!important;color:var(--theme-text-subtle,#7e90a5);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
body.admin-auth-mode .auth-divider:before,body.admin-auth-mode .auth-divider:after{content:"";height:1px;flex:1;background:var(--theme-border,#d9e8f5);}
body.admin-auth-mode .auth-self-form{margin-top:0!important;}
body.admin-auth-mode .auth-helper{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:-2px!important;}
body.admin-auth-mode .auth-helper small{margin:0!important;color:var(--theme-text-subtle,#7e90a5);font-size:10.5px;line-height:1.45;}
body.admin-auth-mode .auth-link{border:0;background:none;color:var(--tone-075da9,#075da9);font-size:11px;font-weight:800;padding:3px 0!important;cursor:pointer!important;text-decoration:none;white-space:nowrap!important;}
body.admin-auth-mode .auth-register{margin:16px 0 0!important;text-align:center!important;color:var(--theme-text-muted,#60758d);font-size:11.5px;line-height:1.45;}
body.admin-auth-mode .auth-register button{border:0;background:none;color:var(--tone-075da9,#075da9);font-weight:850;cursor:pointer!important;padding:0 2px!important;}
body.admin-auth-mode .auth-help-box{margin-top:14px!important;padding:12px 13px!important;border:1px solid #bfdbfe;border-radius:var(--radius-md-lg,12px);background:var(--tone-eff6ff,#eff6ff);color:#1e4f7a;font-size:11px;line-height:1.55;}
body.admin-auth-mode .auth-help-box b{display:block!important;margin-bottom:3px!important;color:#0f4d87;font-size:12px;}
body.admin-auth-mode .login-error:not(.hidden){display:block!important;margin-top:12px!important;padding:10px 12px!important;border:1px solid var(--tone-fecaca,#fecaca);border-radius:var(--radius-md,10px);background:var(--tone-fff7f7,#fff7f7);color:var(--tone-b42318,#b42318);font-size:11px;line-height:1.45;}
body.admin-auth-mode .auth-register-heading{margin-bottom:3px!important;}
body.admin-auth-mode .auth-register-heading p{margin:-6px 0 5px!important;color:var(--tone-718198);font-size:11px;line-height:1.5;}
body.admin-auth-mode .auth-back-inline{display:inline-flex!important;align-items:center!important;margin:0 0 14px!important;padding:0!important;border:0;background:none;color:var(--tone-075da9,#075da9);font-size:11px;font-weight:800;cursor:pointer!important;}
body.admin-auth-mode .optional-label{color:var(--theme-text-subtle,#7e90a5);font-weight:600;}
body.admin-auth-mode .auth-check-row{display:grid!important;grid-template-columns:18px 1fr!important;align-items:start!important;gap:9px!important;padding:10px 11px!important;border:1px solid var(--theme-border,#d9e8f5);border-radius:11px;background:var(--theme-surface-soft,#f7fbff);font-weight:600;color:var(--theme-text-muted,#60758d);line-height:1.45;}
body.admin-auth-mode .auth-check-row input{width:17px!important;height:17px!important;margin:1px 0 0!important;accent-color:#0879d0;}
body.admin-auth-mode .register-mode .login-choices{display:none!important;}
body.admin-auth-mode .register-mode .auth-subtitle{margin-bottom:20px!important;}
@media (max-width:620px){body.admin-auth-mode #login{padding:12px!important;align-items:flex-start!important;}
body.admin-auth-mode .login-card{margin:auto 0!important;padding:24px 18px 22px!important;border-radius:var(--radius-3xl,20px);}
body.admin-auth-mode .login-head img.eduvia-auth-logo{height:68px!important;margin-bottom:14px!important;}
body.admin-auth-mode .login-head h1{font-size:21px;}
body.admin-auth-mode .login-choices{grid-template-columns:1fr!important;background:transparent;padding:0!important;gap:7px!important;}
body.admin-auth-mode .login-choice,body.admin-auth-mode .login-choice.active{min-height:auto!important;padding:11px 13px!important;border:1px solid var(--theme-border,#d9e8f5);text-align:left!important;background:var(--theme-surface,#fff);color:var(--tone-718198);}
body.admin-auth-mode .login-choice span{display:block!important;margin-top:3px!important;font-size:10px;color:inherit;}
body.admin-auth-mode .login-choice[aria-selected="true"]{border-color:var(--tone-0b6fc4,#0b6fc4);background:var(--tone-0b6fc4,#0b6fc4);color:var(--theme-surface,#fff);}
body.admin-auth-mode .grid.two{grid-template-columns:1fr!important;}
body.admin-auth-mode .auth-helper{align-items:flex-start!important;}}
#groupNav [data-group] .admin-nav-icon,
  #groupNav button .admin-nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;min-width:20px!important;height:20px!important;margin:0!important;padding:0!important;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;overflow:visible!important;}
#groupNav [data-group] .admin-nav-icon::before,
  #groupNav [data-group] .admin-nav-icon::after,
  #groupNav button .admin-nav-icon::before,
  #groupNav button .admin-nav-icon::after{content:none!important;display:none!important;}
#groupNav [data-group] .admin-nav-icon svg,
  #groupNav button .admin-nav-icon svg{display:block!important;width:20px!important;height:20px!important;stroke:currentColor;fill:none;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:none!important;}
#groupNav [data-group].active .admin-nav-icon svg,
  #groupNav button.active .admin-nav-icon svg{opacity:1!important;}
@media (max-width: 850px){#groupNav [data-group] .admin-nav-icon,
    #groupNav button .admin-nav-icon{width:18px!important;min-width:18px!important;height:18px!important;}
#groupNav [data-group] .admin-nav-icon svg,
    #groupNav button .admin-nav-icon svg{width:18px!important;height:18px!important;}}
@media (min-width: 851px){html[data-portal-brand="sekolah"][data-clay-theme="v228"]
  body .app:not(.hidden) > aside #groupNav
  > button[data-group] > .admin-nav-icon,
  html[data-portal-brand="sekolah"][data-clay-theme="v228"]
  body .app:not(.hidden) > aside #groupNav
  > button[data-group]:is(:hover,:focus-visible,.active,.selected,.is-active,[aria-current="page"],[aria-selected="true"],[aria-pressed="true"],[data-active="true"])
  > .admin-nav-icon{display:inline-flex!important;place-items:unset!important;align-items:center!important;justify-content:center!important;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;margin:0!important;padding:0!important;border:0;border-radius:0;outline:0;transform:none!important;}
html[data-portal-brand="sekolah"][data-clay-theme="v228"]
  body .app:not(.hidden) > aside #groupNav
  > button[data-group] > .admin-nav-icon::before,
  html[data-portal-brand="sekolah"][data-clay-theme="v228"]
  body .app:not(.hidden) > aside #groupNav
  > button[data-group] > .admin-nav-icon::after{content:none!important;display:none!important;}
html[data-portal-brand="sekolah"][data-clay-theme="v228"]
  body .app:not(.hidden) > aside #groupNav
  > button[data-group] > .admin-nav-icon > svg,
  html[data-portal-brand="sekolah"][data-clay-theme="v228"]
  body .app:not(.hidden) > aside #groupNav
  > button[data-group]:is(:hover,:focus-visible,.active,.selected,.is-active,[aria-current="page"],[aria-selected="true"],[aria-pressed="true"],[data-active="true"])
  > .admin-nav-icon > svg{display:block!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;border:0;border-radius:0;fill:none;stroke:currentColor;stroke-width:1.9!important;}}
html[data-portal-brand="sekolah"][data-clay-theme="v228"] body.ios-school-theme,
body.ios-school-theme{font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body.ios-school-theme #app{gap:0!important;}
body.ios-school-theme #app > aside{background:linear-gradient(180deg, var(--tone-da3d8a08,rgba(255,255,255,.96)), rgba(249,251,255,.94));border-right:1px solid var(--ios-line)!important;box-shadow:12px 0 28px var(--tone-501b2f1b);}
body.ios-school-theme #app > aside .brand{padding-bottom:14px!important;border-bottom:1px solid rgba(15,23,42,.05);}
body.ios-school-theme #groupNav,
body.ios-school-theme .logout{gap:10px!important;}
body.ios-school-theme #groupNav > button[data-group],
body.ios-school-theme .logout button,
body.ios-school-theme #subNav > button,
body.ios-school-theme .toolbar .actions > button,
body.ios-school-theme .actions > button,
body.ios-school-theme .segmented > button{min-height:48px;border-radius:var(--radius-2xl,18px);border:1px solid rgba(17,42,76,.10);background:var(--tone-d0d52e06,rgba(255,255,255,.88));box-shadow:0 3px 10px rgba(17,42,76,.025), inset 0 1px 0 var(--tone-fb7089d4);color:var(--ios-text);}
body.ios-school-theme #groupNav > button[data-group]:hover,
body.ios-school-theme #subNav > button:hover,
body.ios-school-theme .toolbar .actions > button:hover,
body.ios-school-theme .actions > button:hover{transform:translateY(-1px);border-color:rgba(18,144,255,.24);box-shadow:0 10px 26px var(--tone-910f0ff2), inset 0 1px 0 var(--tone-da3d8a08,rgba(255,255,255,.96));}
body.ios-school-theme #groupNav > button[data-group].active,
body.ios-school-theme #groupNav > button[data-group].selected,
body.ios-school-theme #groupNav > button[data-group][aria-current="page"],
body.ios-school-theme #subNav > button.active,
body.ios-school-theme #subNav > button.selected,
body.ios-school-theme #subNav > button[aria-current="page"],
body.ios-school-theme .toolbar .actions > button.primary,
body.ios-school-theme .actions > button.primary{border-color:transparent;background:linear-gradient(180deg, var(--ios-blue) 0%, var(--ios-blue-deep) 100%);color:var(--theme-surface,#fff);box-shadow:0 14px 34px var(--tone-489d6a14), inset 0 1px 0 var(--tone-0d41cad3);}
body.ios-school-theme #groupNav > button[data-group] .admin-nav-label,
body.ios-school-theme #subNav > button,
body.ios-school-theme .toolbar .actions > button,
body.ios-school-theme .actions > button{font-weight:700;letter-spacing:-.01em;}
body.ios-school-theme #app > main > header{position:sticky;top:0;z-index:30;background:var(--tone-baa335b6);border-bottom:1px solid var(--tone-e778dbd4)!important;box-shadow:0 6px 18px rgba(17,42,76,.035);}
body.ios-school-theme #app > main > header .admin > :is(button,.badge,.pill,a),
body.ios-school-theme .admin-profile-button{border-radius:var(--radius-xl,16px);}
body.ios-school-theme #content,
body.ios-school-theme main{color:var(--ios-text);}
body.ios-school-theme .card,
body.ios-school-theme .stat,
body.ios-school-theme .table-wrap,
body.ios-school-theme .summary,
body.ios-school-theme .panel,
body.ios-school-theme .box,
body.ios-school-theme .modal-card{background:linear-gradient(180deg, var(--tone-da3d8a08,rgba(255,255,255,.96)), rgba(251,253,255,.93));border:1px solid var(--tone-0305fa36,rgba(15,23,42,.08));border-radius:var(--ios-radius-xl);box-shadow:var(--ios-shadow-sm);}
body.ios-school-theme .grid.stats .card,
body.ios-school-theme .grid.stats .stat{border-radius:var(--radius-4xl,22px);}
body.ios-school-theme .card:hover,
body.ios-school-theme .table-wrap:hover{box-shadow:var(--ios-shadow-md);}
body.ios-school-theme .toolbar,
body.ios-school-theme .subnav{background:transparent;}

body.ios-school-theme input,
body.ios-school-theme select,
body.ios-school-theme textarea{background:var(--tone-da3d8a08,rgba(255,255,255,.96));color:var(--ios-text);}
body.ios-school-theme input:focus,
body.ios-school-theme select:focus,
body.ios-school-theme textarea:focus{border-color:rgba(18,144,255,.42);}
body.ios-school-theme button,
body.ios-school-theme .primary,
body.ios-school-theme .secondary{border-radius:var(--radius-xl,16px);}
body.ios-school-theme button.primary,
body.ios-school-theme .primary{border:0;background:linear-gradient(180deg, var(--ios-blue) 0%, var(--ios-blue-deep) 100%);box-shadow:0 12px 28px var(--tone-489d6a14), inset 0 1px 0 var(--tone-0d41cad3);}
body.ios-school-theme button.secondary,
body.ios-school-theme .secondary{background:var(--tone-0fe0e381);border:1px solid var(--tone-223eafe8);color:var(--ios-text);}


body.ios-school-theme .close{width:38px!important;height:38px!important;border-radius:var(--radius-lg,14px);background:var(--tone-97bdaf8b);border:1px solid rgba(15,23,42,.09);}
body.ios-school-theme .loading{background:rgba(255,255,255,.70);}
body.ios-school-theme .loading span{width:44px!important;height:44px!important;border-width:3px!important;border-top-color:var(--ios-blue);}
body.ios-school-theme .toast{background:rgba(15, 30, 50, .94);}
body.ios-school-theme .muted,
body.ios-school-theme small,
body.ios-school-theme .hint,
body.ios-school-theme p:not(.error):not(.success){color:var(--ios-muted);}
body.ios-school-theme .badge,
body.ios-school-theme .pill,
body.ios-school-theme .chip{color:var(--ios-blue-deep);border:1px solid rgba(18,144,255,.14);}
body.ios-school-theme .empty{color:var(--ios-muted);}
body.ios-school-theme .admin-profile-menu,
body.ios-school-theme .admin-mobile-profile-popup,
body.ios-school-theme .admin-profile-modal{background:linear-gradient(180deg, var(--tone-ac256a68), rgba(248,250,253,.95));border:1px solid var(--tone-0305fa36,rgba(15,23,42,.08));border-radius:var(--radius-5xl,24px);box-shadow:0 24px 58px rgba(15,34,57,.15);}
@media (max-width: 850px){body.ios-school-theme #app > aside{box-shadow:none;border-right:0!important;}
body.ios-school-theme #app > main > header{padding-inline:14px!important;}
body.ios-school-theme .card,
  body.ios-school-theme .table-wrap,
  body.ios-school-theme .modal-card{border-radius:var(--radius-4xl,22px);}
body.ios-school-theme #subNav > button,
  body.ios-school-theme .toolbar .actions > button,
  body.ios-school-theme .actions > button{min-height:44px;border-radius:15px;}}
body.ios-school-theme .v25-guru-card-detail{width:min(100%, 980px);margin:0 auto;padding:18px 18px 14px;}
body.ios-school-theme .v25-guru-card-preview{display:grid!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important;align-items:start;justify-content:center;gap:26px!important;padding:12px 8px 8px;background:transparent;}
body.ios-school-theme .v25-guru-card-preview > section{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:center;}
body.ios-school-theme .v25-guru-card-preview > section > span{color:var(--tone-6d7f96);font-size:11px;font-weight:800;}
body.ios-school-theme .v25-guru-card-preview canvas{display:block;width:min(100%, 360px)!important;height:auto!important;aspect-ratio:840 / 1332;border-radius:var(--radius-4xl,22px);background:var(--theme-surface,#fff);box-shadow:0 22px 44px rgba(15,34,57,.13);}
body.ios-school-theme .v25-guru-card-status{margin:12px 8px 0;padding:8px 12px;border-radius:var(--radius-md-lg,12px);background:rgba(18,144,255,.05);color:#71869a;font-size:11px;text-align:center;}
body.ios-school-theme .v25-guru-card-actions{display:grid!important;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px!important;}
body.ios-school-theme .v25-guru-card-actions > button{margin:0!important;font-weight:800;}
@media (max-width: 760px){body.ios-school-theme .v25-guru-card-detail{padding:10px 6px 8px;}
body.ios-school-theme .v25-guru-card-preview{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:10px!important;padding:8px 0 4px;}
body.ios-school-theme .v25-guru-card-preview > section > span{display:none;}
body.ios-school-theme .v25-guru-card-preview canvas{width:100%!important;border-radius:var(--radius-lg,14px);box-shadow:0 12px 26px rgba(15,34,57,.10);}
body.ios-school-theme .v25-guru-card-actions{grid-template-columns:1fr!important;gap:8px!important;}
body.ios-school-theme .v25-guru-card-actions > button{min-height:44px;}}
@media (max-width: 430px){body.ios-school-theme .v25-guru-card-preview{gap:7px!important;}
body.ios-school-theme .v25-guru-card-preview canvas{border-radius:var(--radius-md-lg,12px);}}
body.ios-school-theme #modal{align-items:center!important;justify-content:center!important;}
body.ios-school-theme #modal #modalBody{padding-bottom:max(16px, env(safe-area-inset-bottom, 0px))!important;}
body.ios-school-theme .v25-guru-card-detail{display:flex!important;flex-direction:column!important;min-height:0!important;padding-bottom:10px!important;}
body.ios-school-theme .v25-guru-card-status{margin-bottom:10px!important;}
body.ios-school-theme .v25-guru-card-actions{z-index:4;padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important;background:linear-gradient(180deg, rgba(244,248,253,.78), var(--tone-da3d8a08,rgba(255,255,255,.96)) 22%, var(--tone-922514b5) 100%);box-shadow:0 -8px 18px rgba(15,34,57,.06);}

@media (max-width: 760px){body.ios-school-theme #modal .modal-card{width:min(100vw - 14px, 1000px)!important;max-height:min(94vh, 980px)!important;}
body.ios-school-theme #modal #modalBody{padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;}
body.ios-school-theme .v25-guru-card-detail{padding-bottom:6px!important;}
body.ios-school-theme .v25-guru-card-preview{grid-template-columns:1fr!important;}
body.ios-school-theme .v25-guru-card-preview canvas{width:min(100%, 320px)!important;}
body.ios-school-theme .v25-guru-card-actions{padding:10px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;}}
body.ios-school-theme{--v27-surface:var(--tone-24433dbf);--v27-surface-2:var(--tone-51eed0d2);--v27-line:var(--tone-0305fa36,rgba(15,23,42,.08));--v27-blue:var(--tone-1290ff);--v27-blue-deep:var(--tone-0a7be6);--v27-text:#16304f;--v27-muted:var(--tone-6d7f96);}
body.ios-school-theme #content{padding-bottom:22px!important;}

body.ios-school-theme .toolbar > div:first-child h3,
body.ios-school-theme .toolbar > div:first-child h2,
body.ios-school-theme .toolbar > div:first-child h1{letter-spacing:-.02em;margin-bottom:4px!important;}
body.ios-school-theme .card,
body.ios-school-theme .table-wrap,
body.ios-school-theme .summary,
body.ios-school-theme .stat,
body.ios-school-theme .panel,
body.ios-school-theme .box,
body.ios-school-theme .employee-card-grid article,
body.ios-school-theme .v204-card-directory,
body.ios-school-theme .v204-card-directory-row{background:linear-gradient(180deg, var(--v27-surface), var(--v27-surface-2));border:1px solid var(--v27-line);box-shadow:0 10px 28px var(--tone-910f0ff2);}
body.ios-school-theme .table-wrap,
body.ios-school-theme .card,
body.ios-school-theme .summary,
body.ios-school-theme .panel,
body.ios-school-theme .box{padding:18px!important;}
body.ios-school-theme .employee-card-grid,
body.ios-school-theme .v204-card-directory{gap:12px!important;}
body.ios-school-theme .v204-card-directory-row,
body.ios-school-theme .employee-card-grid article{padding:14px 16px!important;}
body.ios-school-theme #subNav{gap:12px!important;padding-bottom:2px!important;}
body.ios-school-theme #subNav > button,
body.ios-school-theme .toolbar .actions > button,
body.ios-school-theme .actions > button,
body.ios-school-theme .school-v204-toolbar-actions > button,
body.ios-school-theme .v25-guru-card-actions > button,
body.ios-school-theme .employee-card-grid article button,
body.ios-school-theme .v204-card-directory-row{min-height:46px!important;border-radius:var(--radius-xl,16px);}
body.ios-school-theme .v204-card-directory-row{width:100%;text-align:left;justify-content:space-between!important;background:linear-gradient(180deg, var(--tone-fb7089d4), var(--tone-51eed0d2));}
body.ios-school-theme .v204-card-directory-copy{display:flex;flex-direction:column;gap:4px;}
body.ios-school-theme .v204-card-directory-copy > b{color:var(--v27-text);}
body.ios-school-theme .v204-card-directory-copy > span,
body.ios-school-theme .v204-card-directory-arrow,
body.ios-school-theme .muted,
body.ios-school-theme small,
body.ios-school-theme .hint,
body.ios-school-theme .empty{color:var(--v27-muted);}



body.ios-school-theme #modal .modal-card{display:flex!important;flex-direction:column!important;}
body.ios-school-theme #modal #modalBody{flex:1 1 auto!important;}
body.ios-school-theme #modal .close,
body.ios-school-theme #modal [data-close]{top:16px!important;right:16px!important;}
body.ios-school-theme #modal #modalBody > .card,
body.ios-school-theme #modal #modalBody > .table-wrap,
body.ios-school-theme #modal #modalBody > .summary,
body.ios-school-theme #modal #modalBody > .panel,
body.ios-school-theme #modal #modalBody > .box{background:transparent;border:0;box-shadow:none;padding:0!important;}
body.ios-school-theme #modal #modalBody .toolbar:first-child{padding-right:56px!important;}
body.ios-school-theme .v25-guru-card-actions,
body.ios-school-theme .v204-card-detail-actions{background:linear-gradient(180deg, rgba(245,248,253,.78), var(--tone-ac256a68) 22%, rgba(255,255,255,.99) 100%);}

@media (max-width:850px){body.ios-school-theme .table-wrap,
  body.ios-school-theme .card,
  body.ios-school-theme .summary,
  body.ios-school-theme .panel,
  body.ios-school-theme .box{padding:14px!important;}
body.ios-school-theme #modal{padding:8px!important;}
body.ios-school-theme #modal .modal-card{width:min(100vw - 12px, 1100px)!important;max-height:min(94vh, 980px)!important;}
body.ios-school-theme #modal #modalBody{padding:12px!important;}
body.ios-school-theme #subNav{gap:10px!important;}}
body.ios-school-theme #modal .modal-card{position:relative!important;padding:0!important;}
body.ios-school-theme #modal #modalBody{min-height:0!important;}
body.ios-school-theme #modal #modalBody > .admin-profile-modal,
body.ios-school-theme #modal #modalBody > .admin-mobile-profile-popup{width:100%!important;max-width:none!important;margin:0!important;padding:4px 2px 6px!important;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;filter:none!important;}
body.ios-school-theme #modal #modalBody > .admin-profile-modal::before,
body.ios-school-theme #modal #modalBody > .admin-profile-modal::after,
body.ios-school-theme #modal #modalBody > .admin-mobile-profile-popup::before,
body.ios-school-theme #modal #modalBody > .admin-mobile-profile-popup::after{content:none!important;display:none!important;}
body.ios-school-theme #modal .admin-profile-modal .modal-eyebrow,
body.ios-school-theme #modal .admin-mobile-profile-popup .modal-eyebrow{display:inline-flex!important;margin:0 0 8px!important;padding:0!important;font-size:11px;font-weight:800;letter-spacing:.06em;}
body.ios-school-theme #modal .admin-profile-modal > h2,
body.ios-school-theme #modal .admin-mobile-profile-popup > h2{margin:0 58px 6px 0!important;color:#18304a;font-size:clamp(21px, 2.2vw, 28px);line-height:1.18;letter-spacing:-.025em;}
body.ios-school-theme #modal .admin-profile-modal > p,
body.ios-school-theme #modal .admin-mobile-profile-popup > p{margin:0 58px 20px 0!important;color:#708299;line-height:1.55;}
body.ios-school-theme #modal .school-logo-upload{display:grid!important;grid-template-columns:92px minmax(0, 1fr)!important;align-items:center!important;gap:16px!important;margin:0 0 18px!important;padding:16px!important;border:1px solid rgba(17, 98, 170, .10);border-radius:var(--radius-3xl,20px);background:rgba(244, 249, 253, .72);box-shadow:none;}
body.ios-school-theme #modal .school-logo-upload img{width:92px!important;height:92px!important;object-fit:contain!important;padding:9px!important;border:1px solid var(--tone-92779dd8);border-radius:var(--radius-2xl,18px);background:var(--theme-surface,#fff);box-shadow:none;}
body.ios-school-theme #modal .school-logo-upload label{min-width:0!important;}
body.ios-school-theme #modal .school-logo-upload input[type="file"]{width:100%!important;min-height:44px!important;margin-top:8px!important;padding:7px 9px!important;border:1px solid var(--tone-92779dd8);border-radius:var(--radius-lg,14px);background:var(--theme-surface,#fff);box-shadow:none;}
body.ios-school-theme #modal .admin-profile-modal form,
body.ios-school-theme #modal .admin-mobile-profile-popup form{padding:0!important;border:0;background:transparent;box-shadow:none;}
body.ios-school-theme #modal .profile-form-grid{gap:14px!important;}
body.ios-school-theme #modal .admin-profile-modal label,
body.ios-school-theme #modal .admin-mobile-profile-popup label{color:#42566e;font-size:12px;font-weight:700;}
body.ios-school-theme #modal .admin-profile-modal input:not([type="file"]),
body.ios-school-theme #modal .admin-profile-modal select,
body.ios-school-theme #modal .admin-profile-modal textarea,
body.ios-school-theme #modal .admin-mobile-profile-popup input:not([type="file"]),
body.ios-school-theme #modal .admin-mobile-profile-popup select,
body.ios-school-theme #modal .admin-mobile-profile-popup textarea{min-height:46px!important;margin-top:7px!important;padding:11px 13px!important;border:1px solid rgba(15,23,42,.075);border-radius:15px;background:rgba(247,250,252,.92);box-shadow:none;color:#193653;}
body.ios-school-theme #modal .admin-profile-modal textarea,
body.ios-school-theme #modal .admin-mobile-profile-popup textarea{min-height:76px!important;resize:vertical!important;}
body.ios-school-theme #modal .admin-profile-modal input:focus,
body.ios-school-theme #modal .admin-profile-modal select:focus,
body.ios-school-theme #modal .admin-profile-modal textarea:focus,
body.ios-school-theme #modal .admin-mobile-profile-popup input:focus,
body.ios-school-theme #modal .admin-mobile-profile-popup select:focus,
body.ios-school-theme #modal .admin-mobile-profile-popup textarea:focus{border-color:rgba(18,144,255,.34);background:var(--theme-surface,#fff);box-shadow:0 0 0 3px var(--tone-7b60d74e);}
body.ios-school-theme #modal .admin-profile-modal button[type="submit"],
body.ios-school-theme #modal .admin-mobile-profile-popup button[type="submit"]{width:100%!important;min-height:48px!important;margin-top:8px!important;border-radius:15px;background:linear-gradient(180deg, #178fd8, #0878bd);box-shadow:none;font-weight:800;}
body.ios-school-theme #modal > .modal-card > .close{z-index:20!important;top:16px!important;right:16px!important;width:42px!important;height:42px!important;border:1px solid var(--tone-0305fa36,rgba(15,23,42,.08));border-radius:15px;background:var(--tone-51eed0d2);color:#0a78c9;box-shadow:0 7px 18px rgba(15,34,57,.07);}
body.ios-school-theme #modal #modalBody .admin-profile-modal .close,
body.ios-school-theme #modal #modalBody .admin-mobile-profile-popup .close,
body.ios-school-theme #modal #modalBody .admin-profile-modal [data-close]:not(button[type="submit"]),
body.ios-school-theme #modal #modalBody .admin-mobile-profile-popup [data-close]:not(button[type="submit"]){box-shadow:none;}
@media (max-width: 700px){body.ios-school-theme #modal{padding:7px!important;}
body.ios-school-theme #modal .modal-card{width:calc(100vw - 12px)!important;max-height:95vh!important;}
body.ios-school-theme #modal #modalBody{padding:18px 14px 20px!important;}
body.ios-school-theme #modal .admin-profile-modal > h2,
  body.ios-school-theme #modal .admin-mobile-profile-popup > h2,
  body.ios-school-theme #modal .admin-profile-modal > p,
  body.ios-school-theme #modal .admin-mobile-profile-popup > p{margin-right:44px!important;}
body.ios-school-theme #modal .school-logo-upload{grid-template-columns:70px minmax(0,1fr)!important;gap:12px!important;padding:13px!important;border-radius:17px;}
body.ios-school-theme #modal .school-logo-upload img{width:70px!important;height:70px!important;border-radius:15px;}
body.ios-school-theme #modal .profile-form-grid{grid-template-columns:1fr!important;gap:10px!important;}}
body.ios-school-theme,
body.ios-school-theme *{-webkit-tap-highlight-color:transparent;}
body.ios-school-theme #content{overflow-anchor:none;}
body.ios-school-theme :is(.card,.panel,.box,.summary,.stat,.table-wrap,.v204-card-directory-row,.employee-card-grid article){content-visibility:auto;contain-intrinsic-size:auto 180px;}
body.ios-school-theme #modal .modal-card,
body.ios-school-theme .admin-profile-menu,
body.ios-school-theme .admin-mobile-profile-popup,
body.ios-school-theme .admin-profile-modal{box-shadow:0 16px 38px rgba(15,34,57,.12);}
body.ios-school-theme :is(.card,.panel,.box,.summary,.stat,.table-wrap){box-shadow:0 6px 18px var(--tone-501b2f1b);}
body.ios-school-theme :is(.card,.panel,.box,.summary,.stat,.table-wrap):hover{box-shadow:0 9px 22px rgba(17,42,76,.055);}
body.ios-school-theme img{transform:translateZ(0);backface-visibility:hidden;}
body.ios-school-theme #content,
body.ios-school-theme #modalBody,
body.ios-school-theme .table-wrap{-webkit-overflow-scrolling:touch;}
body.ios-school-theme #subNav,
body.ios-school-theme #groupNav{overscroll-behavior:contain;}
body.ios-school-theme #subNav > button:active,
body.ios-school-theme #groupNav > button:active,
body.ios-school-theme button:active{transform:scale(.985)!important;}
body.ios-school-theme #modal:has(.v31-card-fast){background:rgba(18, 30, 43, .30);}
body.ios-school-theme #modal:has(.v31-card-fast) .modal-card{box-shadow:0 12px 30px rgba(15,34,57,.12);}
body.ios-school-theme #modal:has(.v31-card-fast) #modalBody{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;}
body.ios-school-theme .v31-card-fast,
body.ios-school-theme .v31-card-fast .v25-guru-card-preview,
body.ios-school-theme .v31-card-fast .v25-guru-card-preview > section{contain:layout paint;}
body.ios-school-theme .v31-card-fast .v25-guru-card-preview canvas{pointer-events:none;}
body.ios-school-theme .v31-card-fast .v25-guru-card-actions{background:var(--theme-surface,#fff);box-shadow:0 -2px 10px rgba(15,34,57,.045);contain:layout paint;}
body.ios-school-theme .v31-card-fast .v25-guru-card-status{box-shadow:none;}
@media (max-width: 760px){body.ios-school-theme .v31-card-fast .v25-guru-card-preview canvas{box-shadow:0 4px 12px rgba(15,34,57,.07);}}
body.ios-school-theme .v31-card-fast{width:min(100%, 980px)!important;margin-inline:auto!important;}
body.ios-school-theme .v31-card-fast .v25-guru-card-preview{grid-template-columns:repeat(2, minmax(320px, 1fr))!important;justify-items:center!important;align-items:start!important;gap:clamp(22px, 4vw, 54px)!important;padding:12px 12px 10px!important;}
body.ios-school-theme .v31-card-fast .v25-guru-card-preview > section{width:100%!important;min-width:0!important;contain:layout paint!important;}
body.ios-school-theme .v31-card-fast .v25-guru-card-preview canvas{display:block!important;width:clamp(300px, 31vw, 370px)!important;max-width:100%!important;height:auto!important;aspect-ratio:560 / 888!important;contain:paint!important;border-radius:var(--radius-3xl,20px);box-shadow:0 7px 18px var(--tone-005a0e11);}
body.ios-school-theme .v31-card-fast .v25-guru-card-preview > section > span{margin-bottom:2px!important;font-size:11px;font-weight:800;}
@media (max-width: 820px){body.ios-school-theme .v31-card-fast .v25-guru-card-preview{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:10px!important;padding-inline:0!important;}
body.ios-school-theme .v31-card-fast .v25-guru-card-preview canvas{width:min(100%, 300px)!important;}}
@media (max-width: 560px){body.ios-school-theme .v31-card-fast .v25-guru-card-preview{grid-template-columns:1fr!important;gap:14px!important;}
body.ios-school-theme .v31-card-fast .v25-guru-card-preview canvas{width:min(86vw, 320px)!important;}}
body.ios-school-theme{--ios29-bg:#f6f8fc;--ios29-surface:var(--tone-da3d8a08,rgba(255,255,255,.96));--ios29-surface-soft:rgba(249,251,254,.96);--ios29-line:var(--tone-0305fa36,rgba(15,23,42,.08));--ios29-line-strong:var(--tone-376ac9fb);--ios29-text:#18324f;--ios29-blue:var(--tone-1290ff);--ios29-blue-deep:var(--tone-0a7be6);--ios29-shadow:0 10px 26px var(--tone-910f0ff2);--ios29-shadow-lg:0 22px 54px rgba(17,42,76,.11);}
body.ios-school-theme #app > aside,
body.ios-school-theme #app > main > header,
body.ios-school-theme #content,
body.ios-school-theme .card,
body.ios-school-theme .table-wrap,
body.ios-school-theme .summary,
body.ios-school-theme .panel,
body.ios-school-theme .box,
body.ios-school-theme .stat,
body.ios-school-theme .dashboard-card,
body.ios-school-theme .report-card,
body.ios-school-theme .info-card,
body.ios-school-theme .employee-card-grid article,
body.ios-school-theme .v204-card-directory,
body.ios-school-theme .v204-card-directory-row,
body.ios-school-theme .admin-profile-modal,
body.ios-school-theme .school-v204-detail-shell,
body.ios-school-theme .empty,
body.ios-school-theme .note,
body.ios-school-theme .callout{color:var(--ios29-text);}
body.ios-school-theme .card,
body.ios-school-theme .table-wrap,
body.ios-school-theme .summary,
body.ios-school-theme .panel,
body.ios-school-theme .box,
body.ios-school-theme .stat,
body.ios-school-theme .dashboard-card,
body.ios-school-theme .report-card,
body.ios-school-theme .info-card,
body.ios-school-theme .empty,
body.ios-school-theme .note,
body.ios-school-theme .callout,
body.ios-school-theme .employee-card-grid article,
body.ios-school-theme .v204-card-directory,
body.ios-school-theme .v204-card-directory-row,
body.ios-school-theme .school-v204-detail-shell{background:linear-gradient(180deg, var(--ios29-surface), var(--ios29-surface-soft));border:1px solid var(--ios29-line);border-radius:var(--radius-4xl,22px);box-shadow:var(--ios29-shadow);}
body.ios-school-theme .card:hover,
body.ios-school-theme .table-wrap:hover,
body.ios-school-theme .summary:hover,
body.ios-school-theme .panel:hover,
body.ios-school-theme .box:hover,
body.ios-school-theme .stat:hover,
body.ios-school-theme .employee-card-grid article:hover,
body.ios-school-theme .v204-card-directory-row:hover{box-shadow:0 16px 36px rgba(17,42,76,.08);}
body.ios-school-theme .toolbar,
body.ios-school-theme .subnav,
body.ios-school-theme .actions,
body.ios-school-theme .school-v204-toolbar-actions,
body.ios-school-theme .header-actions,
body.ios-school-theme .filters,
body.ios-school-theme .quick-actions{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;}
body.ios-school-theme .toolbar{justify-content:space-between!important;}
body.ios-school-theme h1,
body.ios-school-theme h2,
body.ios-school-theme h3,
body.ios-school-theme h4{letter-spacing:-.02em;}
body.ios-school-theme p,
body.ios-school-theme small,
body.ios-school-theme .hint,
body.ios-school-theme .muted,
body.ios-school-theme .empty,
body.ios-school-theme .helper,
body.ios-school-theme .subtle,
body.ios-school-theme label span.small{color:var(--ios29-muted);}
body.ios-school-theme button,
body.ios-school-theme .btn,
body.ios-school-theme a.btn,
body.ios-school-theme input[type="button"],
body.ios-school-theme input[type="submit"],
body.ios-school-theme #subNav > button,
body.ios-school-theme .toolbar .actions > button,
body.ios-school-theme .actions > button,
body.ios-school-theme .school-v204-toolbar-actions > button,
body.ios-school-theme .segmented > button,
body.ios-school-theme .v25-guru-card-actions > button,
body.ios-school-theme .empty button,
body.ios-school-theme .callout button{min-height:46px!important;border-radius:var(--radius-xl,16px);border:1px solid var(--tone-223eafe8);background:linear-gradient(180deg, var(--tone-da3d8a08,rgba(255,255,255,.96)), rgba(248,250,253,.94));color:var(--ios29-text);box-shadow:0 4px 12px rgba(17,42,76,.03), inset 0 1px 0 var(--tone-24433dbf);}
body.ios-school-theme button:hover,
body.ios-school-theme .btn:hover,
body.ios-school-theme #subNav > button:hover,
body.ios-school-theme .toolbar .actions > button:hover,
body.ios-school-theme .actions > button:hover,
body.ios-school-theme .school-v204-toolbar-actions > button:hover{transform:translateY(-1px);border-color:rgba(18,144,255,.20);box-shadow:0 10px 26px rgba(17,42,76,.06), inset 0 1px 0 var(--tone-fb7089d4);}
body.ios-school-theme button.primary,
body.ios-school-theme .btn.primary,
body.ios-school-theme .primary,
body.ios-school-theme #subNav > button.active,
body.ios-school-theme #subNav > button.selected,
body.ios-school-theme #subNav > button[aria-current="page"],
body.ios-school-theme .toolbar .actions > button.primary,
body.ios-school-theme .actions > button.primary,
body.ios-school-theme .school-v204-toolbar-actions > button.primary,
body.ios-school-theme .segmented > button.active,
body.ios-school-theme .segmented > button.selected{border-color:transparent;background:linear-gradient(180deg, var(--ios29-blue) 0%, var(--ios29-blue-deep) 100%);color:var(--theme-surface,#fff);box-shadow:0 14px 32px var(--tone-489d6a14), inset 0 1px 0 var(--tone-0d41cad3);}
body.ios-school-theme .danger,
body.ios-school-theme .btn-danger{background:linear-gradient(180deg, #ff5f6d 0%, #ef4252 100%);color:var(--theme-surface,#fff);border-color:transparent;box-shadow:0 14px 28px rgba(239,66,82,.16);}
body.ios-school-theme .success,
body.ios-school-theme .btn-success{background:linear-gradient(180deg, #1fc77a 0%, #12b469 100%);color:var(--theme-surface,#fff);border-color:transparent;}
body.ios-school-theme .badge,
body.ios-school-theme .pill,
body.ios-school-theme .chip,
body.ios-school-theme .tag,
body.ios-school-theme .status-pill{border-radius:var(--radius-pill,999px);background:var(--tone-7b60d74e);color:var(--ios29-blue-deep);border:1px solid rgba(18,144,255,.12);box-shadow:none;}
body.ios-school-theme .badge.success,
body.ios-school-theme .pill.success,
body.ios-school-theme .chip.success{background:rgba(31,199,122,.10);color:#149b5c;border-color:rgba(31,199,122,.18);}
body.ios-school-theme .badge.warn,
body.ios-school-theme .pill.warn,
body.ios-school-theme .chip.warn{background:rgba(255,176,32,.10);color:#be7a00;border-color:rgba(255,176,32,.18);}
body.ios-school-theme input,
body.ios-school-theme select,
body.ios-school-theme textarea,
body.ios-school-theme input[type="file"]{min-height:46px!important;border-radius:15px;border:1px solid var(--tone-223eafe8);background:rgba(251,253,255,.96);color:var(--ios29-text);box-shadow:inset 0 1px 0 var(--tone-fb7089d4);}
body.ios-school-theme textarea{min-height:110px!important;}
body.ios-school-theme input:focus,
body.ios-school-theme select:focus,
body.ios-school-theme textarea:focus,
body.ios-school-theme input[type="file"]:focus{outline:none;border-color:rgba(18,144,255,.34);box-shadow:0 0 0 4px rgba(18,144,255,.10), inset 0 1px 0 var(--tone-922514b5);}
body.ios-school-theme label{font-weight:700;color:var(--ios29-text);}
body.ios-school-theme .form-grid,
body.ios-school-theme .grid,
body.ios-school-theme .field-row,
body.ios-school-theme .split,
body.ios-school-theme .school-form-grid{gap:14px!important;}
body.ios-school-theme .table-wrap table,
body.ios-school-theme table{border-collapse:separate!important;border-spacing:0!important;}
body.ios-school-theme table thead th{position:sticky;top:0;background:rgba(247,249,252,.94);color:#75879e;font-size:12px;letter-spacing:.02em;font-weight:800;border-bottom:1px solid var(--tone-0305fa36,rgba(15,23,42,.08))!important;}
body.ios-school-theme table td,
body.ios-school-theme table th{border-color:var(--tone-09a9070d,rgba(15,23,42,.06));}
body.ios-school-theme table tbody tr:hover td{background:rgba(18,144,255,.03);}
body.ios-school-theme .table-wrap .toolbar,
body.ios-school-theme .card .toolbar,
body.ios-school-theme .panel .toolbar{margin-bottom:14px!important;}
body.ios-school-theme #modal{padding:14px!important;}
body.ios-school-theme #modal .modal-card{overflow:hidden!important;}
body.ios-school-theme #modal #modalBody{scrollbar-gutter:stable both-edges;}
body.ios-school-theme #modal .close,
body.ios-school-theme #modal [data-close]{width:40px!important;height:40px!important;border-radius:var(--radius-lg,14px);background:var(--tone-97bdaf8b);border:1px solid var(--tone-0305fa36,rgba(15,23,42,.08));box-shadow:0 10px 24px rgba(15,34,57,.10);}
body.ios-school-theme #modal .card,
body.ios-school-theme #modal .table-wrap,
body.ios-school-theme #modal .summary,
body.ios-school-theme #modal .panel,
body.ios-school-theme #modal .box{background:transparent;border-color:transparent;box-shadow:none;}
body.ios-school-theme .admin-profile-modal,
body.ios-school-theme .admin-profile-modal .card,
body.ios-school-theme .admin-profile-modal .panel,
body.ios-school-theme .admin-profile-modal .table-wrap,
body.ios-school-theme .admin-profile-modal .box{background:transparent;border:0;box-shadow:none;border-radius:0;}
body.ios-school-theme .admin-profile-modal .form-card,
body.ios-school-theme .admin-profile-modal form > div,
body.ios-school-theme .admin-profile-modal .upload-box,
body.ios-school-theme .admin-profile-modal .logo-uploader,
body.ios-school-theme .admin-profile-modal .section{background:linear-gradient(180deg, rgba(251,253,255,.96), rgba(247,249,252,.98));border:1px solid var(--tone-0305fa36,rgba(15,23,42,.08));border-radius:var(--radius-4xl,22px);box-shadow:0 8px 20px var(--tone-501b2f1b);}
body.ios-school-theme .v25-guru-card-actions,
body.ios-school-theme .v204-card-detail-actions,
body.ios-school-theme .modal-actions,
body.ios-school-theme .footer-actions{position:sticky!important;bottom:0!important;z-index:3;padding:12px!important;margin-top:12px!important;border-top:1px solid var(--tone-0305fa36,rgba(15,23,42,.08))!important;background:linear-gradient(180deg, rgba(246,249,253,.76), var(--tone-ac256a68) 22%, rgba(255,255,255,.99) 100%);box-shadow:0 -8px 18px rgba(15,34,57,.05);border-radius:var(--radius-2xl,18px);}
body.ios-school-theme .empty,
body.ios-school-theme .callout,
body.ios-school-theme .note{padding:16px!important;}
body.ios-school-theme .toast,
body.ios-school-theme .notification,
body.ios-school-theme .snackbar{border-radius:var(--radius-xl,16px);background:rgba(15,30,50,.94);box-shadow:0 18px 40px var(--tone-e6399dd7);}
body.ios-school-theme .notification-item,
body.ios-school-theme .list-item,
body.ios-school-theme .menu-item,
body.ios-school-theme .history-row,
body.ios-school-theme .result-row{border-radius:var(--radius-2xl,18px);border:1px solid var(--tone-0305fa36,rgba(15,23,42,.08));background:linear-gradient(180deg, var(--tone-24433dbf), rgba(249,251,254,.96));}
body.ios-school-theme .loading,
body.ios-school-theme .overlay-loading{background:rgba(255,255,255,.66);}
body.ios-school-theme .loading span,
body.ios-school-theme .overlay-loading span{border-color:var(--tone-489d6a14);border-top-color:var(--ios29-blue);}
@media (max-width: 850px){body.ios-school-theme #modal{padding:8px!important;}
body.ios-school-theme #modal .modal-card{width:min(100vw - 10px, 1100px)!important;max-height:min(94vh, 980px)!important;}
body.ios-school-theme #modal #modalBody{padding:12px!important;}
body.ios-school-theme .card,
  body.ios-school-theme .table-wrap,
  body.ios-school-theme .summary,
  body.ios-school-theme .panel,
  body.ios-school-theme .box,
  body.ios-school-theme .stat{border-radius:var(--radius-3xl,20px);}
body.ios-school-theme .v25-guru-card-actions,
  body.ios-school-theme .v204-card-detail-actions,
  body.ios-school-theme .modal-actions,
  body.ios-school-theme .footer-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important;}}
body.ios-school-theme #subscriptionShortcut{gap:7px!important;}
body.ios-school-theme #subscriptionShortcut .school-premium-crown-v19{display:block!important;flex:0 0 17px!important;width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
body.ios-school-theme #subscriptionShortcut [data-school-premium-label-v19]{color:inherit;-webkit-text-fill-color:currentColor!important;font-size:12px;font-weight:850;line-height:1;}
body.ios-school-theme :is(#adminProfileMenu,.admin-mobile-profile-popup).school-profile-card-v19{position:relative!important;width:min(380px, calc(100vw - 24px))!important;padding:20px!important;overflow:hidden!important;border:1px solid rgba(15, 23, 42, .09);border-radius:28px;background:var(--theme-surface,#fff);box-shadow:0 24px 64px rgba(15, 23, 42, .20), 0 4px 14px rgba(15, 23, 42, .07);filter:none!important;}
body.ios-school-theme #adminProfileMenu.school-profile-card-v19{right:0!important;top:58px!important;z-index:220!important;}
body.ios-school-theme .school-profile-card-v19 .school-profile-close-v19{position:absolute!important;top:16px!important;right:16px!important;z-index:3!important;display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;border:1px solid #d9e1ea;border-radius:13px;background:#f4f7fa;color:#536478;-webkit-text-fill-color:#536478!important;box-shadow:none;}
body.ios-school-theme .school-profile-card-v19 .school-profile-close-v19 svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:2.2!important;stroke-linecap:round!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-summary{gap:13px!important;border-bottom:1px solid #e6ebf1!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-summary img{width:58px!important;min-width:58px!important;height:58px!important;object-fit:cover!important;border:1px solid #dbe7f2;border-radius:17px;background:var(--tone-eef6ff,#eef6ff);}
body.ios-school-theme .school-profile-card-v19 .admin-profile-summary b{color:var(--tone-182230);-webkit-text-fill-color:var(--tone-182230)!important;font-size:15px;font-weight:850;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-summary small{margin-top:3px!important;color:var(--tone-66758a,#66758a);-webkit-text-fill-color:var(--tone-66758a,#66758a)!important;font-size:10.5px;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:50px!important;margin:0 0 8px!important;padding:12px 0!important;border:0;border-radius:0;background:transparent;box-shadow:none;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium b{display:inline-flex!important;align-items:center!important;gap:6px!important;overflow:hidden!important;color:#0870c5;-webkit-text-fill-color:#0870c5!important;font-size:9.5px;font-weight:850;line-height:1.1;white-space:nowrap!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium b > span{overflow:hidden!important;text-overflow:ellipsis!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium b > svg{flex:0 0 15px!important;width:15px!important;height:15px!important;fill:none;stroke:currentColor;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium > span{color:var(--tone-66758a,#66758a);-webkit-text-fill-color:var(--tone-66758a,#66758a)!important;font-size:10px;font-weight:650;line-height:1.35;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium.free b{border-color:#f1d5a3;background:#fff8e8;color:#9a5b08;-webkit-text-fill-color:#9a5b08!important;}
body.ios-school-theme .school-profile-card-v19 > button[data-school-profile-action-v19]{display:grid!important;grid-template-columns:40px minmax(0, 1fr) 16px!important;align-items:center!important;gap:10px!important;width:100%!important;margin:8px 0 0!important;padding:7px 11px!important;border:1px solid #d4e6f7;background:#f3f8fe;color:#126aaf;-webkit-text-fill-color:#126aaf!important;box-shadow:none;text-align:left!important;}
body.ios-school-theme .school-profile-card-v19 > button[data-school-profile-action-v19]:is(:hover,:focus-visible){border-color:#bcd8f2;background:#eaf4fd;transform:translateY(-1px)!important;}
body.ios-school-theme .school-profile-card-v19 .school-profile-action-icon-v19{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:13px;background:#e2f1ff;color:inherit;}
body.ios-school-theme .school-profile-card-v19 .school-profile-action-icon-v19 svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
body.ios-school-theme .school-profile-card-v19 .school-profile-action-label-v19{min-width:0!important;color:inherit;-webkit-text-fill-color:currentColor!important;font-size:12px;font-weight:800;}
body.ios-school-theme .school-profile-card-v19 .school-profile-action-arrow-v19{color:#78a9ce;-webkit-text-fill-color:#78a9ce!important;font-size:24px;font-weight:500;line-height:1;text-align:center!important;}
body.ios-school-theme .school-profile-card-v19 > button[data-school-profile-action-v19="logout"]{border-color:#a92e49;background:#ad2943;color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 8px 18px rgba(126, 25, 49, .14);}
body.ios-school-theme .school-profile-card-v19 > button[data-school-profile-action-v19="logout"]:is(:hover,:focus-visible){border-color:#8d1f39;background:#982039;}
body.ios-school-theme .school-profile-card-v19 > button[data-school-profile-action-v19="logout"] .school-profile-action-icon-v19{background:rgba(255, 255, 255, .14);}
body.ios-school-theme .school-profile-card-v19 > button[data-school-profile-action-v19="logout"] .school-profile-action-arrow-v19{color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;}
body.ios-school-theme #modal:has(.admin-mobile-profile-popup){background:rgba(15, 23, 42, .20);}
body.ios-school-theme #modal .modal-card:has(.admin-mobile-profile-popup){width:min(430px, calc(100vw - 20px))!important;padding:0!important;overflow:visible!important;border:0;border-radius:30px;background:transparent;box-shadow:none;}
body.ios-school-theme #modal .modal-card:has(.admin-mobile-profile-popup) > .close{display:none!important;}
body.ios-school-theme .admin-mobile-profile-popup.school-profile-card-v19 > :is(.modal-eyebrow,h2){display:none!important;}
@media (max-width: 850px){body.ios-school-theme #subscriptionShortcut .school-premium-crown-v19{width:19px!important;height:19px!important;}
body.ios-school-theme #subscriptionShortcut [data-school-premium-label-v19]{display:none!important;}
body.ios-school-theme :is(#adminProfileMenu,.admin-mobile-profile-popup).school-profile-card-v19{width:100%!important;max-height:min(620px, calc(100dvh - 28px))!important;padding:18px!important;overflow-x:hidden!important;overflow-y:auto!important;border-radius:26px;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;}
body.ios-school-theme #adminProfileMenu.school-profile-card-v19{position:fixed!important;right:10px!important;top:68px!important;width:calc(100vw - 20px)!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-summary{padding-right:44px!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium{align-items:flex-start!important;}}
@media (max-width: 390px){body.ios-school-theme .school-profile-card-v19 .admin-profile-premium{display:grid!important;}}
body.ios-school-theme{--school-v13-blue:var(--tone-0a84ff,#0a84ff);--school-v13-blue-deep:#0672db;--school-v13-blue-soft:var(--tone-eef7ff);--school-v13-text:#162a43;--school-v13-line:#dfe8f1;--school-v13-danger:#a1243b;--school-v13-danger-hover:#8f1f32;--school-v13-edit:#ed8a00;--school-v13-success:#168651;background:#f4f8fc;color:var(--school-v13-text);}
body.ios-school-theme #app > aside,
body.ios-school-theme #app > main > header,
body.ios-school-theme #subNav,
body.ios-school-theme .admin-profile-menu,
body.ios-school-theme #adminProfileMenu,
body.ios-school-theme .admin-mobile-profile-popup,
body.ios-school-theme .notification,
body.ios-school-theme .snackbar{background:var(--theme-surface,#fff);}
body.ios-school-theme #app > main > header,
body.ios-school-theme #subNav{border-color:var(--school-v13-line);box-shadow:0 8px 24px var(--tone-cda584ac);}
body.ios-school-theme :is(.card,.table-wrap,.summary,.panel,.box,.stat,.dashboard-card,.report-card,.info-card,.empty,.note,.callout,.employee-card-grid article,.v204-card-directory,.v204-card-directory-row,.school-v204-detail-shell){background:var(--theme-surface,#fff);border:1px solid var(--school-v13-line);box-shadow:0 8px 24px var(--tone-cda584ac);}
body.ios-school-theme button,
body.ios-school-theme .btn,
body.ios-school-theme a.btn,
body.ios-school-theme input[type="button"],
body.ios-school-theme input[type="submit"],
body.ios-school-theme #subNav > button{border-color:var(--tone-d6e2ee);background:var(--tone-f7faff,#f7faff);color:#175f9d;box-shadow:none;}
body.ios-school-theme button:hover,
body.ios-school-theme .btn:hover,
body.ios-school-theme #subNav > button:hover{transform:translateY(-1px);background:var(--tone-eef7ff);border-color:#b9d9f5;box-shadow:none;}
body.ios-school-theme :is(button,.btn,a.btn,input[type="button"],input[type="submit"]):active{transform:translateY(0) scale(.985);}
body.ios-school-theme :is(button.primary,.btn.primary,.primary,#subNav > button.active,#subNav > button.selected,#subNav > button[aria-current="page"]){border-color:var(--school-v13-blue);background:var(--school-v13-blue);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 8px 18px rgba(10, 132, 255, .16);}
body.ios-school-theme :is(button,.btn,a.btn,input[type="button"],input[type="submit"])[data-school-button-tone="danger"],
body.ios-school-theme :is(button,.btn,a.btn)[data-school-button-tone="danger"]{border-color:var(--school-v13-danger);background:var(--school-v13-danger);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 8px 18px rgba(161, 36, 59, .15);}
body.ios-school-theme :is(button,.btn,a.btn)[data-school-button-tone="danger"]:hover{border-color:var(--school-v13-danger-hover);background:var(--school-v13-danger-hover);}
body.ios-school-theme :is(button,.btn,a.btn,input[type="button"],input[type="submit"])[data-school-button-tone="edit"],
body.ios-school-theme :is(button,.btn,a.btn)[data-school-button-tone="edit"]{border-color:var(--school-v13-edit);background:var(--school-v13-edit);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 8px 18px rgba(237, 138, 0, .15);}
body.ios-school-theme :is(button,input,.btn):disabled{opacity:.58!important;cursor:not-allowed!important;}
body.ios-school-theme :is(input,select,textarea,input[type="file"]){border:1px solid #d8e3ed;background:var(--tone-f7faff,#f7faff);color:var(--school-v13-text);-webkit-text-fill-color:var(--school-v13-text)!important;box-shadow:none;}
body.ios-school-theme select:disabled{background:#edf2f7;color:#8290a0;-webkit-text-fill-color:#8290a0!important;opacity:1!important;}

body.ios-school-theme #modal .modal-card{width:min(940px, calc(100vw - 28px))!important;max-height:min(90dvh, 900px)!important;}
body.ios-school-theme #modal #modalBody{padding:20px!important;overflow:auto!important;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;}
body.ios-school-theme #modal :is(.card,.panel,.box,.table-wrap,.summary,.admin-profile-modal){background:transparent;border:0;border-radius:0;box-shadow:none;}
body.ios-school-theme #modal .admin-profile-modal form > div,
body.ios-school-theme #modal .admin-mobile-profile-popup,
body.ios-school-theme #modal .admin-mobile-profile-popup > div{background:transparent;border:0;box-shadow:none;}
body.ios-school-theme #modal :is(.form-card,.upload-box,.logo-uploader,.section){background:var(--tone-f7faff,#f7faff);border:1px solid var(--school-v13-line);box-shadow:none;}
body.ios-school-theme :is(.loading,.overlay-loading){background:rgba(245, 249, 253, .92);}
body.ios-school-theme #toast{background:#24364b;color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 32px rgba(15, 31, 49, .18);}
body.ios-school-theme #toast[data-tone="success"]{background:var(--school-v13-success);border-color:#39a671;}
body.ios-school-theme #toast[data-tone="error"]{background:var(--school-v13-danger);border-color:#bf4d62;}
body.ios-school-theme .school-report-v13{color:var(--school-v13-text);contain:layout style;}
body.ios-school-theme .school-report-v13-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;margin-bottom:16px;border:1px solid #cfe3f6;border-radius:var(--radius-5xl,24px);background:var(--tone-eef7ff);box-shadow:0 8px 22px var(--tone-cda584ac);}
body.ios-school-theme .school-report-v13-hero-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:var(--radius-xl,16px);background:var(--school-v13-blue);color:var(--theme-surface,#fff);}
body.ios-school-theme .school-report-v13-hero-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
body.ios-school-theme .school-report-v13-hero :is(h2,p),
body.ios-school-theme .school-report-v13-form-head :is(h3,p),
body.ios-school-theme .school-report-v13-list-head :is(h3,p){margin:0;}
body.ios-school-theme .school-report-v13-hero span,
body.ios-school-theme .school-report-v13-kicker,
body.ios-school-theme .school-report-v13-list-head span{display:block;margin-bottom:4px;color:#1473bd;font-size:10px;font-weight:900;letter-spacing:.08em;}
body.ios-school-theme .school-report-v13-hero h2{color:var(--school-v13-text);font-size:clamp(20px,2.3vw,28px);line-height:1.15;}
body.ios-school-theme .school-report-v13-hero p{max-width:720px;margin-top:6px;color:var(--school-v13-muted);font-size:13px;line-height:1.5;}
body.ios-school-theme .school-report-v13-grid{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:16px;align-items:start;}
body.ios-school-theme .school-report-v13-panel{min-width:0;padding:18px;border:1px solid var(--school-v13-line);border-radius:var(--radius-4xl,22px);background:var(--theme-surface,#fff);box-shadow:0 8px 24px var(--tone-cda584ac);}
body.ios-school-theme .school-report-v13-form{display:grid;gap:13px;}
body.ios-school-theme .school-report-v13-form-head,
body.ios-school-theme .school-report-v13-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e8eef4;}
body.ios-school-theme .school-report-v13-form h3,
body.ios-school-theme .school-report-v13-list-head h3{color:var(--school-v13-text);font-size:17px;}
body.ios-school-theme .school-report-v13-help{margin:0;padding:10px 12px;border-radius:13px;background:#f1f7fc;color:var(--school-v13-muted);font-size:11px;line-height:1.45;}
body.ios-school-theme .school-report-v13-form label{display:grid;gap:7px;color:#40566d;font-size:11px;font-weight:800;}
body.ios-school-theme .school-report-v13-form :is(input,select){width:100%;min-width:0;box-sizing:border-box;margin:0;}
body.ios-school-theme .school-report-v13-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
body.ios-school-theme .school-report-v13-save{width:100%;min-height:48px!important;}
body.ios-school-theme .school-report-v13-cancel{min-height:38px!important;padding:0 12px!important;border-radius:var(--radius-md-lg,12px);}
body.ios-school-theme .school-report-v13-current,
body.ios-school-theme .school-report-v13-error{padding:11px 12px;border-radius:13px;background:#f1f7fc;border:1px solid #dce9f5;}
body.ios-school-theme .school-report-v13-current span,
body.ios-school-theme .school-report-v13-current b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.ios-school-theme .school-report-v13-current span{color:var(--school-v13-muted);font-size:10px;}
body.ios-school-theme .school-report-v13-current b{margin-top:3px;font-size:12px;}
body.ios-school-theme .school-report-v13-error{background:#fff1f3;border-color:#f4c6cf;color:var(--school-v13-danger);font-size:12px;font-weight:750;}
body.ios-school-theme .school-report-v13-list{display:grid;gap:10px;margin-top:13px;}
body.ios-school-theme .school-report-v13-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid #e2eaf2;border-radius:17px;background:var(--theme-surface-elevated,#fbfdff);content-visibility:auto;contain-intrinsic-size:82px;}
body.ios-school-theme .school-report-v13-file{display:grid;width:42px;height:48px;place-items:center;border-radius:var(--radius-md-lg,12px);background:var(--tone-eaf4ff,#eaf4ff);color:#0877d5;font-size:10px;font-weight:950;letter-spacing:.06em;}
body.ios-school-theme .school-report-v13-copy{min-width:0;}
body.ios-school-theme .school-report-v13-copy span{color:#1473bd;font-size:10px;font-weight:850;}
body.ios-school-theme .school-report-v13-copy h4{margin:3px 0;overflow:hidden;color:var(--school-v13-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
body.ios-school-theme .school-report-v13-copy p{margin:0;color:#52687e;font-size:11px;}
body.ios-school-theme .school-report-v13-copy small{display:block;margin-top:4px;color:var(--school-v13-muted);font-size:10px;}
body.ios-school-theme .school-report-v13-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
body.ios-school-theme .school-report-v13-actions :is(a,button){min-height:36px!important;padding:0 11px!important;border-radius:11px;text-decoration:none;font-size:10px;font-weight:850;}
body.ios-school-theme .school-report-v13-actions a{display:inline-flex;align-items:center;border:1px solid #cfe0ef;background:var(--tone-f3f8fd);color:var(--tone-17649f);}
body.ios-school-theme .school-report-v13-actions button[data-confirming]{min-width:124px;}
body.ios-school-theme .school-report-v13-empty,
body.ios-school-theme .school-report-v13-failed,
body.ios-school-theme .school-report-v13-loading{display:grid;min-height:180px;place-items:center;align-content:center;gap:7px;padding:24px;border:1px dashed #ceddea;border-radius:var(--radius-2xl,18px);background:var(--theme-surface-elevated,#fbfdff);color:var(--school-v13-muted);text-align:center;}
body.ios-school-theme .school-report-v13-empty p,
body.ios-school-theme .school-report-v13-failed p{margin:0;color:var(--school-v13-muted);font-size:12px;}
body.ios-school-theme .school-report-v13-loading{grid-template-columns:auto auto;text-align:left;}
body.ios-school-theme .school-report-v13-loading span{width:22px;height:22px;border:3px solid #d7e9f8;border-top-color:var(--school-v13-blue);border-radius:50%;}
body.ios-school-theme .school-report-v13-loading b,
body.ios-school-theme .school-report-v13-loading small{display:block;}
body.ios-school-theme .school-report-v13-loading small{margin-top:3px;}
@media (max-width: 920px){body.ios-school-theme .school-report-v13-grid{grid-template-columns:minmax(0,1fr);}
body.ios-school-theme .school-report-v13-panel{padding:15px;}}
@media (max-width: 620px){body.ios-school-theme #modal{padding:7px!important;}
body.ios-school-theme #modal .modal-card{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 18px)!important;}
body.ios-school-theme #modal #modalBody{padding:13px!important;}
body.ios-school-theme .school-report-v13-hero{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;border-radius:var(--radius-3xl,20px);}
body.ios-school-theme .school-report-v13-hero > button{grid-column:1 / -1;width:100%;}
body.ios-school-theme .school-report-v13-hero-icon{width:44px;height:44px;border-radius:var(--radius-lg,14px);}
body.ios-school-theme .school-report-v13-hero p{font-size:11px;}
body.ios-school-theme .school-report-v13-fields{grid-template-columns:minmax(0,1fr);}
body.ios-school-theme .school-report-v13-item{grid-template-columns:auto minmax(0,1fr);align-items:start;}
body.ios-school-theme .school-report-v13-actions{grid-column:1 / -1;justify-content:stretch;}
body.ios-school-theme .school-report-v13-actions :is(a,button){flex:1;justify-content:center;text-align:center;}
}
body.ios-school-theme{--school-v15-text:var(--tone-172b46);--school-v15-muted:var(--tone-50677f);--school-v15-subtle:#61768c;--ios29-muted:var(--school-v15-muted);--school-v13-muted:var(--school-v15-muted);}
body.ios-school-theme #content :is(h1,h2,h3,h4,h5,h6,label,legend),
body.ios-school-theme #modal :is(h1,h2,h3,h4,h5,h6,label,legend),
body.ios-school-theme .admin-profile-menu :is(h1,h2,h3,h4,label),
body.ios-school-theme #adminProfileMenu :is(h1,h2,h3,h4,label){color:var(--school-v15-text);-webkit-text-fill-color:var(--school-v15-text)!important;opacity:1!important;}
body.ios-school-theme #content :is(p,small,.muted,.hint,.helper,.subtle),
body.ios-school-theme #modal :is(p,small,.muted,.hint,.helper,.subtle),
body.ios-school-theme .admin-profile-menu :is(p,small,.muted,.hint,.helper,.subtle),
body.ios-school-theme #adminProfileMenu :is(p,small,.muted,.hint,.helper,.subtle),
body.ios-school-theme #app > main > header small,
body.ios-school-theme .admin small{color:var(--school-v15-muted);-webkit-text-fill-color:var(--school-v15-muted)!important;opacity:1!important;}
body.ios-school-theme #content table thead th,
body.ios-school-theme #modal table thead th{color:#4c6178;-webkit-text-fill-color:#4c6178!important;opacity:1!important;}
body.ios-school-theme #content table tbody td,
body.ios-school-theme #modal table tbody td{color:#263b52;-webkit-text-fill-color:#263b52!important;}
body.ios-school-theme :is(input,textarea)::placeholder{color:var(--tone-667b90);-webkit-text-fill-color:var(--tone-667b90)!important;opacity:1!important;}
body.ios-school-theme :is(input,select,textarea):disabled{color:#5f7185;-webkit-text-fill-color:#5f7185!important;opacity:1!important;}
body.ios-school-theme #content a:not(.btn):not([class*="button"]){color:#096bb8;-webkit-text-fill-color:#096bb8;}
body.ios-school-theme :is(button,.btn,a.btn,input[type="button"],input[type="submit"],#subNav > button){-webkit-text-fill-color:currentColor!important;}
body.ios-school-theme :is(.report-hero,.ab-hero,.teacher-duty-intro,.admin-settings-v129-intro) :is(h1,h2,h3,h4,p,span,small,b,strong){color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;opacity:1!important;}
body.ios-school-theme :is(button,.btn,a.btn) :is(span,small,b,strong,i){color:inherit;-webkit-text-fill-color:currentColor!important;opacity:1!important;}
body.ios-school-theme .school-load-error-v15{display:grid;width:min(760px,100%);min-height:190px;align-content:center;justify-items:start;gap:10px;margin:18px auto;}
body.ios-school-theme .school-load-error-v15 :is(h3,p){margin:0;}
body.ios-school-theme .school-load-error-v15 button{margin-top:4px;}
body.ios-school-theme.school-report-page-v13-active #content{min-height:240px;overflow-anchor:none;}
body.ios-school-theme .school-report-v13,
body.ios-school-theme .school-report-v13 :is(.school-report-v13-hero,.school-report-v13-panel,.school-report-v13-item){filter:none!important;}
body.ios-school-theme .school-report-v13-more{width:100%;min-height:44px!important;border:1px solid #cfe0ef;border-radius:13px;background:var(--tone-f3f8fd);color:var(--tone-17649f);-webkit-text-fill-color:var(--tone-17649f)!important;box-shadow:none;font-size:11px;font-weight:850;}
@media (max-width: 620px){body.ios-school-theme .school-report-v13{contain:layout style!important;}
body.ios-school-theme .school-report-v13-grid{gap:12px;}
body.ios-school-theme .school-report-v13-panel{padding:13px;border-radius:19px;box-shadow:0 5px 16px rgba(30, 70, 108, .045);}
body.ios-school-theme .school-report-v13-form :is(input,select){min-height:46px;font-size:16px;}}
body.ios-school-theme #content [data-eduvia-surface-tone-v17="dark"] :is(h1,h2,h3,h4,h5,h6,p,span,small,b,strong):not(button *):not(a.btn *){color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;opacity:1!important;text-shadow:none;}
body.ios-school-theme #content [data-eduvia-surface-tone-v17="dark"] :is(p,small):not(button *):not(a.btn *){color:#e5f3ff;-webkit-text-fill-color:#e5f3ff!important;}
body.ios-school-theme #content [data-eduvia-surface-tone-v17="light"] :is(h1,h2,h3,h4,h5,h6,b,strong):not(button *):not(a.btn *){color:var(--tone-172b46);-webkit-text-fill-color:var(--tone-172b46)!important;opacity:1!important;text-shadow:none;}
body.ios-school-theme #content [data-eduvia-surface-tone-v17="light"] :is(p,small):not(button *):not(a.btn *){color:var(--tone-50677f);-webkit-text-fill-color:var(--tone-50677f)!important;opacity:1!important;}
body.ios-school-theme #subscriptionShortcut[data-eduvia-premium-short-v17]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 15px!important;border:1px solid #0879df;border-radius:var(--radius-pill,999px);background:linear-gradient(135deg, var(--tone-0a84ff,#0a84ff), #0673d4);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 8px 18px rgba(10, 132, 255, .17);font-size:12px;font-weight:850;letter-spacing:.01em;white-space:nowrap!important;}
body.ios-school-theme .school-profile-trigger-v17{min-width:0;padding:5px 7px!important;border:1px solid transparent;border-radius:var(--radius-md-lg,12px);cursor:pointer;outline:none;}
body.ios-school-theme .school-profile-trigger-v17:is(:hover,:focus-visible){border-color:#d5e5f4;background:var(--tone-f3f8fd);}
body.ios-school-theme :is(.admin-profile-logout,[data-admin-logout],#schoolHeaderLogoutV17){border-color:#9b233b;background:#ad2943;color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 7px 16px rgba(126, 25, 49, .14);}
body.ios-school-theme :is(.admin-profile-logout,[data-admin-logout],#schoolHeaderLogoutV17):hover{border-color:#891b32;background:#982039;color:var(--theme-surface,#fff);}
body.ios-school-theme #schoolHeaderLogoutV17{align-items:center!important;justify-content:center!important;gap:6px!important;min-height:40px!important;padding:0 12px!important;border-radius:13px;font-size:11px;font-weight:850;white-space:nowrap!important;}
body.ios-school-theme #schoolHeaderLogoutV17 > span:first-child{font-size:17px;line-height:1;}
body.ios-school-theme :is(.admin-profile-menu,#adminProfileMenu,.admin-mobile-profile-popup) .admin-profile-premium.active{border:1px solid #c8e2fb;background:var(--tone-eef7ff);color:var(--tone-0967af);}
body.ios-school-theme :is(.admin-profile-menu,#adminProfileMenu,.admin-mobile-profile-popup) .admin-profile-premium.active :is(b,span){color:var(--tone-0967af);-webkit-text-fill-color:var(--tone-0967af)!important;opacity:1!important;}
body.ios-school-theme #app > aside #groupNav{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin;}
@media (max-width: 850px){body.ios-school-theme #subscriptionShortcut[data-eduvia-premium-short-v17]{width:44px!important;min-width:44px!important;max-width:44px!important;height:42px!important;padding:0!important;overflow:hidden!important;font-size:0;}
body.ios-school-theme #subscriptionShortcut[data-eduvia-premium-short-v17]::before{content:"♛";font-size:19px;line-height:1;}
body.ios-school-theme #schoolHeaderLogoutV17{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;}
body.ios-school-theme #schoolHeaderLogoutV17 > span:last-child{display:none!important;}}
body.ios-school-theme #schoolHeaderLogoutV17{display:none!important;}
@media (max-width: 850px){body.ios-school-theme #subscriptionShortcut[data-eduvia-premium-short-v17]::before{content:none!important;display:none!important;}}
body.ios-school-theme #app > main > header,
body.ios-school-theme #app > main > header .admin{overflow:visible!important;}
body.ios-school-theme #app > main > header .admin{position:relative!important;}
@media (min-width: 851px){body.ios-school-theme #adminProfileMenu.school-profile-card-v19{position:absolute!important;inset:calc(100% + 12px) 0 auto auto!important;z-index:520!important;display:block!important;width:min(380px, calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 108px)!important;margin:0!important;padding:18px!important;overflow-x:hidden!important;overflow-y:auto!important;transform:none!important;transform-origin:top right!important;box-sizing:border-box!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;}
body.ios-school-theme #adminProfileMenu.school-profile-card-v19.hidden{display:none!important;}}
body.ios-school-theme .school-profile-card-v19 .admin-profile-summary{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:64px!important;margin:0!important;padding:0 48px 16px 0!important;overflow:visible!important;text-align:left!important;box-sizing:border-box!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-summary > div{display:grid!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;gap:3px!important;text-align:left!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-summary :is(b,small){display:block!important;width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium.active,
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium.free{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:48px!important;margin:12px 0 10px!important;padding:10px 12px!important;border:1px solid #d7e8f7;border-radius:var(--radius-xl,16px);background:#f5faff;box-shadow:none;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium.free{border-color:#f0dfbc;background:var(--tone-fffaf0,#fffaf0);}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium b{flex:0 1 auto!important;max-width:58%!important;padding:0!important;border:0;border-radius:0;background:transparent;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium > span{flex:1 1 auto!important;min-width:0!important;text-align:right!important;white-space:normal!important;}
body.ios-school-theme .school-profile-card-v19 > button[data-school-profile-action-v19]{min-height:54px!important;margin-top:8px!important;border-radius:var(--radius-xl,16px);}
@media (max-width: 850px){body.ios-school-theme .admin-mobile-profile-popup.school-profile-card-v19{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:18px!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium.active,
  body.ios-school-theme .school-profile-card-v19 .admin-profile-premium.free{align-items:flex-start!important;}}
@media (max-width: 390px){body.ios-school-theme .school-profile-card-v19 .admin-profile-premium.active,
  body.ios-school-theme .school-profile-card-v19 .admin-profile-premium.free{display:grid!important;gap:7px!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium b{max-width:100%!important;}
body.ios-school-theme .school-profile-card-v19 .admin-profile-premium > span{text-align:left!important;}}
html[data-portal-brand] header[data-eduvia-unified-header]{overflow:visible!important;}
html[data-portal-brand] [data-eduvia-unified-actions]{box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;}
html[data-portal-brand] #portalAppDownloadHost{order:10!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;gap:8px!important;}
html[data-portal-brand] [data-eduvia-unified-action="android"],
html[data-portal-brand] [data-eduvia-unified-action="windows"],
html[data-portal-brand] [data-eduvia-unified-action="settings"],
html[data-portal-brand] [data-eduvia-unified-action="notification"]{box-sizing:border-box!important;appearance:none!important;display:inline-flex!important;flex:0 0 42px!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;border:1px solid rgba(8, 104, 166, .13);border-radius:var(--radius-lg,14px);background:#f7fbfe;color:#0875bf;text-decoration:none;box-shadow:0 5px 16px rgba(13, 67, 103, .06);line-height:0;transform:none!important;cursor:pointer!important;}
html[data-portal-brand] [data-eduvia-unified-action="premium"]{box-sizing:border-box!important;appearance:none!important;position:relative!important;display:inline-flex!important;flex:0 0 42px!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;overflow:visible!important;border:0;border-radius:var(--radius-lg,14px);background:var(--tone-eef7f4,#eef7f4);color:#6f8b82;box-shadow:0 5px 14px rgba(28, 75, 61, .08);font-size:0;line-height:0;animation:none!important;transition:none!important;transform:none!important;cursor:pointer!important;}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="active"],
html[data-portal-brand] [data-eduvia-unified-action="premium"].is-active:not([data-eduvia-premium-state-v16]){border:1px solid rgba(16, 185, 129, .20);background:linear-gradient(135deg, #10b981 0%, #059669 100%);color:var(--theme-surface,#fff);box-shadow:0 7px 18px rgba(5, 150, 105, .20);}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"],
html[data-portal-brand] [data-eduvia-unified-action="premium"].is-free:not([data-eduvia-premium-state-v16]){flex-basis:132px!important;width:132px!important;min-width:132px!important;max-width:132px!important;gap:6px!important;padding:0 11px!important;border:1px solid rgba(217, 119, 6, .22);background:linear-gradient(135deg, var(--tone-fbbf24,#fbbf24) 0%, var(--theme-warning,#f59e0b) 100%);color:var(--theme-surface,#fff);box-shadow:0 7px 18px rgba(217, 119, 6, .20);line-height:1;white-space:nowrap!important;}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"]::before,
html[data-portal-brand] [data-eduvia-unified-action="premium"].is-free:not([data-eduvia-premium-state-v16])::before{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:var(--radius-pill,999px);background:var(--tone-ff3855);box-shadow:0 0 0 3px var(--theme-surface,#fff);}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"]::after,
html[data-portal-brand] [data-eduvia-unified-action="premium"].is-free:not([data-eduvia-premium-state-v16])::after{content:"Upgrade ke Pro"!important;display:inline-block!important;min-width:0!important;color:var(--theme-surface,#fff);font:800 11px/1.05 "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em;text-shadow:0 1px 0 rgba(120, 53, 15, .12);}
html[data-portal-brand] [data-eduvia-unified-action="premium"] > span:not(.absolute),
html[data-portal-brand] [data-eduvia-unified-action="premium"] > [data-school-premium-label-v19],
html[data-portal-brand] [data-eduvia-unified-action="premium"] > [data-eduvia-premium-label-v16],
html[data-portal-brand] [data-eduvia-unified-action="premium"] > span.absolute{display:none!important;}
html[data-portal-brand] [data-eduvia-unified-action] > svg,
html[data-portal-brand] [data-eduvia-unified-action] svg{display:block!important;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;fill:none;stroke:currentColor;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
html[data-portal-brand] [data-eduvia-unified-action="premium"] > svg,
html[data-portal-brand] [data-eduvia-unified-action="premium"] svg{flex-basis:17px!important;width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;min-height:17px!important;max-height:17px!important;stroke-width:1.9!important;}
html[data-portal-brand] [data-eduvia-unified-action="windows"] svg{fill:currentColor;stroke:none;}
html[data-portal-brand] [data-eduvia-unified-action="profile"]{box-sizing:border-box!important;appearance:none!important;display:inline-flex!important;flex:0 0 42px!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:2px solid var(--theme-surface,#fff);border-radius:var(--radius-lg,14px);background:#eaf5fc;color:#0875bf;box-shadow:0 0 0 1px rgba(8, 104, 166, .16), 0 5px 16px rgba(13, 67, 103, .075);cursor:pointer!important;}
html[data-portal-brand] [data-eduvia-unified-action="profile"] > img,
html[data-portal-brand] [data-eduvia-unified-action="profile"] #adminPhoto,
html[data-portal-brand] [data-eduvia-unified-action="profile"] > span#foundationAvatar{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important;border-radius:var(--radius-md-lg,12px);object-fit:cover!important;object-position:center!important;}

html[data-portal-brand] [data-eduvia-unified-item="premium"]{order:20!important;}
html[data-portal-brand] [data-eduvia-unified-item="student-actions"]{order:20!important;}
html[data-portal-brand] [data-eduvia-unified-item="settings"]{order:30!important;}
html[data-portal-brand] [data-eduvia-unified-item="notification"]{order:40!important;}
html[data-portal-brand] [data-eduvia-unified-item="profile"]{order:50!important;}
html[data-portal-brand] [data-eduvia-unified-item="notification"],
html[data-portal-brand] #portal-subscription-notifications,
html[data-portal-brand] #portalManagementNotifications{position:relative!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;}

html[data-portal-brand="sekolah"] [data-eduvia-unified-hide="school-identity"],
html[data-portal-brand="sekolah"] [data-eduvia-unified-hide="school-password"]{display:none!important;}
html[data-portal-brand] #portalAppDownloadHost [data-platform="android"]{position:relative!important;}
html[data-portal-brand] #portalAppDownloadHost [data-platform="android"].has-apk-update::after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:var(--radius-pill,999px);background:#ff2e4d;box-shadow:0 0 0 3px var(--theme-surface,#fff), 0 4px 12px rgba(255, 46, 77, .28);z-index:5;}
.portal-unified-status-v15{position:fixed;top:max(78px, calc(env(safe-area-inset-top) + 68px));right:18px;z-index:2147483000;display:grid;gap:3px;width:min(330px, calc(100vw - 32px));padding:13px 15px;border:1px solid rgba(7, 156, 113, .2);border-radius:var(--radius-xl,16px);background:rgba(255, 255, 255, .98);color:#12382d;box-shadow:0 18px 45px rgba(13, 67, 103, .16);font:700 12px/1.45 "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;opacity:0;visibility:hidden;transform:translateY(-8px);}
.portal-unified-status-v15 b{font-size:13px;}
.portal-unified-status-v15 span{color:#648078;}
.portal-unified-status-v15.is-visible{opacity:1;visibility:visible;transform:none;}
@media (hover:hover) and (pointer:fine){html[data-portal-brand] [data-eduvia-unified-action]:not([data-eduvia-unified-action="premium"]):hover{transform:translateY(-1px)!important;filter:saturate(1.03)!important;box-shadow:0 7px 18px rgba(13, 67, 103, .10);}}
@media (max-width:760px){html[data-portal-brand] header[data-eduvia-unified-header]{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:7px!important;width:100%!important;height:auto!important;min-height:0!important;padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left))!important;}
html[data-portal-brand] header[data-eduvia-unified-header] > :not([data-eduvia-unified-actions]){box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;text-align:center!important;}
html[data-portal-brand] [data-eduvia-unified-actions]{position:static!important;inset:auto!important;align-self:stretch!important;justify-content:center!important;width:100%!important;min-width:100%!important;max-width:none!important;min-height:38px!important;margin:0 auto!important;padding:0!important;gap:7px!important;transform:none!important;}
html[data-portal-brand] #portalAppDownloadHost{display:inline-flex!important;height:38px!important;min-height:38px!important;max-height:38px!important;gap:7px!important;}
html[data-portal-brand] [data-eduvia-unified-action],
  html[data-portal-brand] [data-eduvia-unified-item="notification"],
  html[data-portal-brand] #portal-subscription-notifications,
  html[data-portal-brand] #portalManagementNotifications{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:var(--radius-md-lg,12px);}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"],
  html[data-portal-brand] [data-eduvia-unified-action="premium"].is-free:not([data-eduvia-premium-state-v16]){flex-basis:110px!important;width:110px!important;min-width:110px!important;max-width:110px!important;height:42px!important;min-height:42px!important;max-height:42px!important;gap:4px!important;padding:0 8px!important;}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="active"],
  html[data-portal-brand] [data-eduvia-unified-action="premium"].is-active:not([data-eduvia-premium-state-v16]){flex-basis:42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"]::after,
  html[data-portal-brand] [data-eduvia-unified-action="premium"].is-free:not([data-eduvia-premium-state-v16])::after{font-size:10px;}
}
@media (max-width:360px){html[data-portal-brand] [data-eduvia-unified-actions],
  html[data-portal-brand] #portalAppDownloadHost{gap:5px!important;}
html[data-portal-brand] [data-eduvia-unified-action],
  html[data-portal-brand] [data-eduvia-unified-item="notification"],
  html[data-portal-brand] #portal-subscription-notifications,
  html[data-portal-brand] #portalManagementNotifications{flex-basis:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;border-radius:11px;}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"],
  html[data-portal-brand] [data-eduvia-unified-action="premium"].is-free:not([data-eduvia-premium-state-v16]){flex-basis:110px!important;width:110px!important;min-width:110px!important;max-width:110px!important;height:42px!important;min-height:42px!important;max-height:42px!important;gap:4px!important;padding:0 8px!important;}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="active"],
  html[data-portal-brand] [data-eduvia-unified-action="premium"].is-active:not([data-eduvia-premium-state-v16]){flex-basis:42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"]::after,
  html[data-portal-brand] [data-eduvia-unified-action="premium"].is-free:not([data-eduvia-premium-state-v16])::after{font-size:9px;letter-spacing:-.025em;}
html[data-portal-brand] #portalAppDownloadHost{height:34px!important;min-height:34px!important;max-height:34px!important;}
html[data-portal-brand] [data-eduvia-unified-action] > svg,
  html[data-portal-brand] [data-eduvia-unified-action] svg{flex-basis:18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;}
html[data-portal-brand] [data-eduvia-unified-action="premium"] > svg,
  html[data-portal-brand] [data-eduvia-unified-action="premium"] svg{flex-basis:17px!important;width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;min-height:17px!important;max-height:17px!important;}}
@media (max-width:340px){html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="active"],
  html[data-portal-brand] [data-eduvia-unified-action="premium"].is-active:not([data-eduvia-premium-state-v16]){flex-basis:40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;border-radius:var(--radius-md-lg,12px);}
html[data-portal-brand] [data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"],
  html[data-portal-brand] [data-eduvia-unified-action="premium"].is-free:not([data-eduvia-premium-state-v16]){flex-basis:98px!important;width:98px!important;min-width:98px!important;max-width:98px!important;height:40px!important;min-height:40px!important;max-height:40px!important;gap:3px!important;padding:0 6px!important;border-radius:var(--radius-md-lg,12px);}}
@media (max-width: 850px){body.ios-school-theme.admin-profile-layer-open
    #modal
    .modal-card:has(.admin-mobile-profile-popup){background:var(--theme-surface,#fff);border:1px solid #dfe8f1;box-shadow:0 24px 64px rgba(15, 31, 49, .22);isolation:isolate!important;}
body.ios-school-theme.admin-profile-layer-open
    #modal
    #modalBody:has(> .admin-mobile-profile-popup),
  body.ios-school-theme.admin-profile-layer-open
    #modal
    .admin-mobile-profile-popup.school-profile-card-v19{background:var(--theme-surface,#fff);}}
@media (max-width: 760px){html[data-portal-brand="sekolah"]
    body.ios-school-theme
    #app
    > main
    > header[data-eduvia-unified-header="sekolah"]{gap:14px!important;padding-top:12px!important;padding-bottom:12px!important;}
html[data-portal-brand="sekolah"]
    body.ios-school-theme
    #app
    > main
    > header[data-eduvia-unified-header="sekolah"]
    #subscriptionShortcut{display:inline-flex!important;align-items:center!important;justify-content:center!important;place-items:center!important;}
html[data-portal-brand="sekolah"]
    body.ios-school-theme
    #app
    > main
    > header[data-eduvia-unified-header="sekolah"]
    #subscriptionShortcut::before{content:none!important;display:none!important;-webkit-mask:none!important;mask:none!important;}
html[data-portal-brand="sekolah"]
    body.ios-school-theme
    #app
    > main
    > header[data-eduvia-unified-header="sekolah"]
    #subscriptionShortcut[data-eduvia-premium-state-v16="free"]::before,
  html[data-portal-brand="sekolah"]
    body.ios-school-theme
    #app
    > main
    > header[data-eduvia-unified-header="sekolah"]
    #subscriptionShortcut.is-free:not([data-eduvia-premium-state-v16])::before{content:""!important;position:absolute!important;top:-3px!important;right:-3px!important;z-index:5!important;display:block!important;width:10px!important;height:10px!important;margin:0!important;border:0;border-radius:var(--radius-pill,999px);background:var(--tone-ff3855);box-shadow:0 0 0 3px var(--theme-surface,#fff);-webkit-mask:none!important;mask:none!important;}
html[data-portal-brand="sekolah"]
    body.ios-school-theme
    #app
    > main
    > header[data-eduvia-unified-header="sekolah"]
    #subscriptionShortcut
    > svg{display:block!important;margin:0!important;transform:none!important;}
html[data-portal-brand="sekolah"]
    body.ios-school-theme
    #app
    > main
    > header[data-eduvia-unified-header="sekolah"]
    #subscriptionShortcut
    > svg
    ~ svg{display:none!important;}}
@media (max-width: 360px){html[data-portal-brand="sekolah"]
    body.ios-school-theme
    #app
    > main
    > header[data-eduvia-unified-header="sekolah"]{gap:12px!important;}}
.portal-student-card-directory{display:grid;gap:14px;}
.portal-student-card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.portal-student-card-toolbar h3{margin:0;}
.portal-student-card-toolbar small{display:block;margin-top:4px;color:var(--theme-text-muted,#60758d);}
.portal-student-card-actions{display:flex;gap:8px;flex-wrap:wrap;}
.portal-student-card-search{width:min(100%,340px);height:40px;border:1px solid #d8e0e7;border-radius:var(--radius-md-lg,12px);padding:0 12px;background:var(--theme-surface,#fff);}
.portal-student-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px;}
.portal-student-card-row{border:1px solid var(--theme-border,#d9e8f5);background:var(--theme-surface,#fff);border-radius:15px;padding:13px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;color:var(--theme-text,#0a2342);}
.portal-student-card-row:hover{border-color:#93c5fd;background:var(--tone-f8fbff,#f8fbff);}
.portal-student-card-row b,.portal-student-card-row span{display:block;}
.portal-student-card-row span{margin-top:3px;color:var(--theme-text-muted,#60758d);font-size:12px;}
.portal-student-card-arrow{font-size:24px;color:var(--theme-text-muted,#60758d);}
.portal-student-card-empty{padding:28px;border:1px dashed var(--tone-cbd5e1,#cbd5e1);border-radius:15px;text-align:center;color:var(--theme-text-muted,#60758d);}
.portal-student-card-overlay{position:fixed;inset:0;z-index:2147482000;background:rgba(15,23,42,.52);display:grid;place-items:center;padding:20px;}
.portal-student-card-dialog{width:min(1180px,96vw);max-height:94dvh;overflow:auto;}
.portal-student-card-dialog>header{position:sticky;top:0;z-index:2;background:var(--tone-da3d8a08,rgba(255,255,255,.96));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--theme-border,#d9e8f5);}
.portal-student-card-dialog>header h2{font-size:18px;margin:0;}
.portal-student-card-dialog>header small{color:var(--theme-text-muted,#60758d);}
.portal-student-card-close{width:38px;height:38px;border:0;border-radius:11px;background:var(--tone-fee2e2,#fee2e2);color:var(--theme-danger,#b91c1c);font-size:24px;cursor:pointer;}
.portal-student-card-body{padding:18px;}
.portal-student-card-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.portal-student-card-preview canvas{display:block;width:100%;height:auto;border-radius:var(--radius-2xl,18px);box-shadow:0 8px 25px var(--tone-223eafe8);}
.portal-student-card-preview-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px;}
.portal-student-card-status{min-height:20px;margin:10px 0 0;color:var(--theme-text-muted,#60758d);font-size:12px;}
.portal-student-card-nav{display:inline-flex!important;align-items:center;gap:8px;}
.portal-student-card-nav svg{width:20px;height:20px;}
.portal-student-card-progress{font-size:12px;color:var(--theme-text-muted,#60758d);margin-left:8px;}
@media (max-width:760px){.portal-student-card-overlay{padding:0;align-items:end;}
.portal-student-card-dialog{width:100%;max-height:94dvh;}
.portal-student-card-preview{grid-template-columns:1fr;}
.portal-student-card-body{padding:13px;}
.portal-student-card-list{grid-template-columns:1fr;}
.portal-student-card-preview-actions>*{flex:1 1 140px;}}
.admin-school-menu-toggle,
.admin-school-sidebar-backdrop,
.admin-school-mobile-dock-v42,
.admin-school-sidebar-close-v43{display:none!important;}
@media (max-width: 850px){html[data-portal-brand="sekolah"] body.ios-school-theme{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme.admin-school-navigation-open{overflow:hidden!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app{display:block!important;min-height:100dvh!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app.hidden{display:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > main{width:100%!important;min-width:0!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > main > header{box-sizing:border-box!important;position:sticky!important;top:0!important;z-index:70!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;height:68px!important;min-height:68px!important;padding:0 12px!important;border-bottom:1px solid #e3ecf5!important;background:rgba(255,255,255,.90);box-shadow:0 5px 22px rgba(8,48,110,.035);overflow:visible!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > main > header > div:first-of-type{display:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > main > header > .admin{display:flex!important;flex:1 1 auto!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;width:auto!important;min-width:0!important;margin:0!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > main > header > .admin > div:not(#portal-subscription-notifications):not(#adminProfileMenu),
  html[data-portal-brand="sekolah"] body.ios-school-theme #changeAdminPassword,
  html[data-portal-brand="sekolah"] body.ios-school-theme #adminProfileMenu{display:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme .admin-school-menu-toggle{box-sizing:border-box!important;position:relative!important;z-index:4!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;border:1px solid var(--school-brand-primary);border-left-width:2px!important;border-radius:13px;background:var(--tone-f8fbff,#f8fbff);color:var(--school-brand-dark);box-shadow:inset 2px 0 0 var(--school-brand-primary),0 6px 17px rgba(8,48,110,.06);cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme .admin-school-menu-toggle > svg{pointer-events:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme.admin-school-navigation-open .admin-school-menu-toggle{border-color:var(--tone-0068b8);background:var(--school-brand-primary);color:var(--theme-surface,#fff);}
html[data-portal-brand="sekolah"] body.ios-school-theme .admin-school-nav-icon{width:22px!important;height:22px!important;padding:0!important;color:currentColor;stroke:currentColor;}
html[data-portal-brand="sekolah"] body.ios-school-theme #subscriptionShortcut[data-eduvia-unified-action="premium"].is-free,
  html[data-portal-brand="sekolah"] body.ios-school-theme #subscriptionShortcut[data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"]{box-sizing:border-box!important;position:relative!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;overflow:visible!important;border:1px solid rgba(217,119,6,.26);border-radius:13px;background:linear-gradient(135deg,var(--tone-fbbf24,#fbbf24) 0%,var(--theme-warning,#f59e0b) 100%);color:var(--theme-surface,#fff);box-shadow:0 7px 18px rgba(217,119,6,.20);font-size:0;line-height:0;}
html[data-portal-brand="sekolah"] body.ios-school-theme #subscriptionShortcut[data-eduvia-unified-action="premium"].is-free::after,
  html[data-portal-brand="sekolah"] body.ios-school-theme #subscriptionShortcut[data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"]::after{content:none!important;display:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #subscriptionShortcut[data-eduvia-unified-action="premium"].is-free::before,
  html[data-portal-brand="sekolah"] body.ios-school-theme #subscriptionShortcut[data-eduvia-unified-action="premium"][data-eduvia-premium-state-v16="free"]::before{content:""!important;display:block!important;position:absolute!important;top:-5px!important;right:-5px!important;width:10px!important;height:10px!important;border-radius:var(--radius-pill,999px);background:var(--tone-ff3855);box-shadow:0 0 0 3px var(--theme-surface,#fff),0 4px 10px rgba(255,56,85,.24);z-index:4!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #subscriptionShortcut[data-eduvia-unified-action="premium"] > svg{display:block!important;flex:0 0 21px!important;width:21px!important;min-width:21px!important;max-width:21px!important;height:21px!important;min-height:21px!important;max-height:21px!important;fill:none;stroke:currentColor;stroke-width:1.9!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #subscriptionShortcut[data-eduvia-unified-action="premium"] > :is([data-school-premium-label-v19],[data-eduvia-premium-label-v16],span){display:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #portal-subscription-notifications,
  html[data-portal-brand="sekolah"] body.ios-school-theme #adminProfileButton{box-sizing:border-box!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;border-radius:13px;}
html[data-portal-brand="sekolah"] body.ios-school-theme #portal-subscription-notifications[hidden]{display:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #portal-subscription-notifications .psn-button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border:1px solid var(--school-brand-primary);border-left-width:2px!important;border-radius:13px;background:var(--tone-f8fbff,#f8fbff);color:var(--school-brand-dark);box-shadow:inset 2px 0 0 var(--school-brand-primary);}
html[data-portal-brand="sekolah"] body.ios-school-theme #adminProfileButton{overflow:hidden!important;border:1px solid #d7e3ef;background:var(--theme-surface,#fff);}
html[data-portal-brand="sekolah"] body.ios-school-theme #adminProfileButton > img{display:block!important;width:100%!important;height:100%!important;margin:0!important;border:0;border-radius:var(--radius-md-lg,12px);object-fit:cover!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside{box-sizing:border-box!important;position:fixed!important;top:0!important;left:min(-300px,calc(-100vw + 34px))!important;z-index:2147483202!important;display:flex!important;flex-direction:column!important;width:min(286px,calc(100vw - 34px))!important;min-width:0!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:22px 16px max(18px,env(safe-area-inset-bottom))!important;overflow:hidden!important;overscroll-behavior:contain!important;border:0;border-right:1px solid #e2ebf4!important;border-radius:0;background:var(--theme-surface,#fff);box-shadow:18px 0 50px rgba(8,48,110,.20);visibility:visible!important;pointer-events:auto!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme.admin-school-navigation-open #app.app > aside{left:0!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside > .brand{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:58px!important;padding:0 48px 20px 8px!important;overflow:visible!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside > .brand > :not(img.portal-role-logo):not(.admin-school-sidebar-close-v43){display:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside > .brand > img.portal-role-logo.portal-role-logo--wordmark{display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:205px!important;height:auto!important;max-height:58px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;box-shadow:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme .admin-school-sidebar-close-v43{position:absolute!important;top:2px!important;right:0!important;display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;border:1px solid #dce8f3;border-radius:var(--radius-md-lg,12px);background:var(--tone-f7faff,#f7faff);color:#31506f;box-shadow:none;}
html[data-portal-brand="sekolah"] body.ios-school-theme .admin-school-sidebar-close-v43 .admin-school-nav-icon{width:19px!important;height:19px!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:1 1 auto!important;min-height:0!important;width:auto!important;margin:12px -12px 0 0!important;padding:0 12px 12px 0!important;gap:7px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;scrollbar-gutter:stable!important;scrollbar-width:thin!important;scrollbar-color:#b9d8ee transparent!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav::-webkit-scrollbar{width:5px!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav::-webkit-scrollbar-track{background:transparent;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav::-webkit-scrollbar-thumb{border-radius:var(--radius-pill,999px);background:#b9d8ee;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > :is(button[data-group], #logout){box-sizing:border-box!important;display:flex!important;flex:none!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;width:100%!important;min-width:0!important;min-height:46px!important;margin:0!important;padding:0 13px!important;overflow:hidden!important;border:1px solid var(--school-brand-primary);border-left-width:2px!important;border-radius:var(--radius-md-lg,12px);background:var(--tone-f8fbff,#f8fbff);color:var(--school-brand-dark);-webkit-text-fill-color:currentColor!important;box-shadow:inset 3px 0 0 var(--school-brand-primary),0 7px 16px var(--tone-e778dbd4);font:inherit;font-size:12px;font-weight:800;line-height:1.2;text-align:left!important;cursor:pointer!important;transform:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > button[data-group]::before,
  html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > button[data-group]::after{content:none!important;display:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > :is(button[data-group], #logout) > .admin-nav-icon{display:grid!important;place-items:center!important;flex:0 0 19px!important;width:19px!important;height:19px!important;margin:0!important;padding:0!important;border:0;background:transparent;color:inherit;box-shadow:none;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > button[data-group] > .admin-nav-icon > svg{display:block!important;width:19px!important;height:19px!important;margin:0!important;padding:0!important;border:0;background:transparent;color:inherit;fill:none;stroke:currentColor;stroke-width:1.9!important;box-shadow:none;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > :is(button[data-group], #logout) > .admin-nav-label{display:block!important;min-width:0!important;color:inherit;-webkit-text-fill-color:currentColor!important;font:inherit;white-space:normal!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > button[data-group]:is(:hover,:focus-visible,.active,[aria-current="page"],[aria-selected="true"]){border-color:var(--tone-0068b8);background:var(--school-brand-primary);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:inset 3px 0 0 var(--school-brand-dark),0 10px 22px rgba(7,142,232,.20);}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > .portal-school-contact-v36{display:grid!important;flex:0 0 auto!important;gap:4px!important;margin-top:auto!important;padding:28px 10px 10px!important;border-top:1px solid #e5eef7!important;color:#718096;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > .portal-school-contact-v36 small{margin:0 0 2px!important;color:#5f7186;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > .portal-school-contact-v36 a{color:#557086;font-size:10px;font-weight:700;line-height:1.45;text-decoration:none;overflow-wrap:anywhere!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > button[data-group="settings"]{display:flex!important;margin-top:0!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > #logout{border-color:var(--theme-danger-light,#ef4444);background:var(--tone-fff7f7,#fff7f7);color:var(--theme-danger,#b91c1c);-webkit-text-fill-color:var(--theme-danger,#b91c1c)!important;box-shadow:inset 3px 0 0 var(--theme-danger-light,#ef4444),0 7px 16px rgba(127,29,29,.09);}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > aside #groupNav > #logout:is(:hover,:focus-visible,.active){border-color:var(--theme-danger,#b91c1c);background:var(--theme-danger-light,#ef4444);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:inset 3px 0 0 var(--tone-991b1b,#991b1b),0 10px 22px rgba(239,68,68,.20);transform:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme .admin-school-sidebar-backdrop{position:fixed!important;inset:0!important;z-index:2147483201!important;display:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0;border-radius:0;background:rgba(13,33,57,.35);box-shadow:none;}
html[data-portal-brand="sekolah"] body.ios-school-theme.admin-school-navigation-open .admin-school-sidebar-backdrop.show:not([hidden]){display:block!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > .admin-school-mobile-dock-v42{box-sizing:border-box!important;position:fixed!important;right:0!important;bottom:0!important;left:0!important;z-index:90!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:6px!important;width:100%!important;height:auto!important;min-height:78px!important;padding:7px 7px max(7px,env(safe-area-inset-bottom))!important;border:0;border-top:1px solid #d8e5f1!important;background:rgba(247,250,255,.98);box-shadow:0 -12px 30px rgba(8,48,110,.09);visibility:visible!important;opacity:1!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > .admin-school-mobile-dock-v42 > button{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;min-height:56px!important;margin:0!important;padding:5px 3px!important;overflow:hidden!important;border:1px solid var(--school-brand-primary);border-left-width:2px!important;border-radius:var(--radius-lg,14px);background:var(--theme-surface,#fff);color:var(--school-brand-dark);box-shadow:inset 2px 0 0 var(--school-brand-primary),0 5px 13px rgba(8,48,110,.06);font:inherit;font-size:8.5px;font-weight:800;line-height:1.1;white-space:nowrap!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > .admin-school-mobile-dock-v42 > button > .admin-school-nav-icon{width:18px!important;height:18px!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > .admin-school-mobile-dock-v42 > button > span{max-width:100%!important;overflow:hidden!important;color:inherit;font-size:8.5px;font-weight:800;line-height:1.1;text-overflow:ellipsis!important;white-space:nowrap!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > .admin-school-mobile-dock-v42 > button.active{border-color:var(--tone-0068b8);background:var(--school-brand-primary);color:var(--theme-surface,#fff);box-shadow:inset 3px 0 0 var(--school-brand-dark),0 7px 16px rgba(7,142,232,.22);}
html[data-portal-brand="sekolah"] body.ios-school-theme.admin-school-navigation-open #app.app > .admin-school-mobile-dock-v42{visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > main > section{padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;}}
@media (max-width:380px){html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > main > header{gap:6px!important;padding-inline:8px!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme .admin-school-menu-toggle,
  html[data-portal-brand="sekolah"] body.ios-school-theme #portal-subscription-notifications,
  html[data-portal-brand="sekolah"] body.ios-school-theme #adminProfileButton{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:var(--radius-md-lg,12px);}
html[data-portal-brand="sekolah"] body.ios-school-theme #portal-subscription-notifications .psn-button{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;border-radius:var(--radius-md-lg,12px);}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > .admin-school-mobile-dock-v42{gap:4px!important;padding-inline:4px!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > .admin-school-mobile-dock-v42 > button{min-height:54px!important;padding-inline:2px!important;border-radius:var(--radius-md-lg,12px);}}
@media (min-width:851px){html[data-portal-brand="sekolah"] body.ios-school-theme .admin-school-menu-toggle,
  html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > .admin-school-mobile-dock-v42{display:none!important;}}
@media (min-width:851px){#groupNav{display:flex;flex-direction:column;gap:7px;scrollbar-width:none;}
#groupNav::-webkit-scrollbar{display:none;width:0;height:0;}
#groupNav>.portal-school-contact-v36{display:grid;gap:3px;margin-top:auto;padding:28px 12px 10px;border-top:1px solid var(--tone-e5edf6);color:#758395;}
#groupNav>.portal-school-contact-v36 small{color:#68798c;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
#groupNav>.portal-school-contact-v36 a{color:#5d7288;font-size:10px;font-weight:700;line-height:1.45;text-decoration:none;overflow-wrap:anywhere;}
#groupNav>button[data-group="settings"]{flex:0 0 auto;}
#groupNav>#logout{border-color:var(--theme-danger-light,#ef4444);background:var(--tone-fff7f7,#fff7f7);color:var(--theme-danger,#b91c1c);-webkit-text-fill-color:var(--theme-danger,#b91c1c)!important;box-shadow:inset 3px 0 0 var(--theme-danger-light,#ef4444),0 7px 16px rgba(127,29,29,.09);}
#groupNav>#logout:is(:hover,:focus-visible,.active){border-color:var(--theme-danger,#b91c1c);background:var(--theme-danger-light,#ef4444);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:inset 3px 0 0 var(--tone-991b1b,#991b1b),0 10px 22px rgba(239,68,68,.20);transform:none!important;}}
.portal-flat-modal-card{position:relative;box-sizing:border-box;}
.school-identity-card{width:100%;max-width:none;margin:0;padding:26px 28px;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-3xl,20px);background:var(--theme-surface,#fff);box-shadow:none;}
.school-identity-card .toolbar{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--tone-edf1f5,#edf1f5);}
.school-identity-form{display:grid;gap:0;width:100%;}
.school-identity-form .school-identity-section{display:grid;gap:14px;width:100%;margin:0;padding:20px 0;border:0;border-top:1px solid var(--tone-edf1f5,#edf1f5)!important;border-radius:0;background:var(--theme-surface,#fff);box-shadow:none;}
.school-identity-form .school-identity-section:first-child{border-top:0!important;padding-top:0;}
.school-identity-form .school-identity-section h4{margin:0 0 2px;color:#183b56;font-size:14px;}
.school-identity-form .grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.school-identity-form .grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.school-identity-form label{min-width:0;}
html[data-clay-theme="v228"] .school-identity-form :is(input,select,textarea){width:100%!important;border:1px solid #d8e1ea;}

body.employee-editor-open-v70{overflow:hidden!important;}
.employee-editor-layer-v70{position:fixed;inset:0;z-index:320;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.38);}
.employee-editor-dialog-v70{width:min(760px,calc(100vw - 40px));max-width:760px;height:min(760px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);min-height:0;overflow:hidden;}
.employee-editor-shell-v70{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--theme-surface,#fff);}
.employee-editor-head-v70{position:relative!important;top:auto!important;z-index:auto!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;flex:0 0 auto;width:100%;height:auto!important;margin:0!important;padding:24px 24px 18px!important;border:0;border-bottom:1px solid var(--tone-edf1f5,#edf1f5)!important;background:var(--theme-surface,#fff);box-shadow:none;}
.employee-editor-head-v70 > div{min-width:0;}
.employee-editor-head-v70 span{display:block;margin:0;color:#0780cf;font-size:10px;font-weight:900;letter-spacing:.12em;}
.employee-editor-head-v70 h2{margin:6px 0 5px;color:#142f49;font-size:23px;line-height:1.2;}
.employee-editor-head-v70 p{max-width:570px;margin:0;color:#738296;font-size:12px;line-height:1.55;}
.employee-editor-x-v70{all:unset;box-sizing:border-box;flex:0 0 38px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce4ec;border-radius:11px;background:var(--theme-surface-soft,#f7fbff);color:var(--tone-52677f);font:700 22px/1 "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;}
.employee-editor-form-v70{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;margin:0;padding:0;background:var(--theme-surface,#fff);}
.employee-editor-scroll-v70{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 24px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.employee-editor-section-v70{display:grid;gap:14px;width:100%;margin:0;padding:19px 0;border:0;border-bottom:1px solid var(--tone-edf1f5,#edf1f5);background:transparent;}
.employee-editor-copy-v70{display:grid;gap:3px;}
.employee-editor-copy-v70 b{color:#25384d;font-size:13px;}
.employee-editor-copy-v70 small{color:#8794a5;font-size:11px;line-height:1.45;}
.employee-editor-grid-v70{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;}
.employee-editor-form-v70 label{display:grid;gap:7px;min-width:0;color:#516478;font-size:12px;font-weight:800;}
.employee-editor-form-v70 :is(input,select,textarea){box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:12px 14px!important;border:1px solid #d9e2eb;border-radius:13px;background:var(--theme-surface-soft,#f7fbff);color:#23364b;box-shadow:none;outline:none;}
.employee-editor-form-v70 :is(input,select,textarea):focus{border-color:#4aa4df;background:var(--theme-surface,#fff);box-shadow:0 0 0 3px rgba(7,142,232,.09);}
.employee-editor-note-v70{margin:18px 0 0;padding:12px 14px;border:1px solid var(--theme-border,#d9e8f5);border-radius:13px;background:var(--theme-surface-soft,#f7fbff);color:#697b8e;font-size:11px;line-height:1.5;}
.employee-editor-error-v70{margin-top:14px;padding:11px 13px;border-radius:11px;background:var(--tone-fff0f0);color:#c9363e;font-size:12px;font-weight:750;line-height:1.45;}
.employee-editor-actions-v70{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;flex:0 0 auto;width:100%!important;margin:0!important;padding:14px 24px calc(16px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--tone-edf1f5,#edf1f5)!important;background:var(--theme-surface,#fff);}
.employee-editor-actions-v70 > button{all:unset;box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:50px!important;margin:0!important;padding:0 14px!important;border-radius:13px;font:850 12px/1 var(--eduvia-ui-font,Inter,ui-sans-serif,system-ui,sans-serif);text-align:center!important;white-space:nowrap!important;cursor:pointer!important;}
.employee-editor-cancel-v70{border:1px solid #d6e0e9;background:var(--theme-surface-soft,#f7fbff);color:#52677d;}
.employee-editor-save-v70{border:1px solid var(--school-brand-primary);background:var(--school-brand-primary);color:var(--theme-surface,#fff);}
.employee-editor-cancel-v70:hover{background:var(--theme-surface-muted,#edf5fc);}
.employee-editor-save-v70:hover{background:#007dce;border-color:#007dce;}
.employee-editor-actions-v70 > button:disabled{opacity:.62!important;cursor:wait!important;}
.employee-table-wrap-v72{width:100%;max-width:100%;overflow:visible;}
.employee-table-v72{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;}
.employee-table-v72 th,
.employee-table-v72 td{vertical-align:middle;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.employee-table-v72 th:nth-child(1),
.employee-table-v72 td:nth-child(1){width:10%;}
.employee-table-v72 th:nth-child(2),
.employee-table-v72 td:nth-child(2){width:25%;}
.employee-table-v72 th:nth-child(3),
.employee-table-v72 td:nth-child(3){width:20%;}
.employee-table-v72 th:nth-child(4),
.employee-table-v72 td:nth-child(4){width:9%;}
.employee-table-v72 th:nth-child(5),
.employee-table-v72 td:nth-child(5){width:36%;}
.employee-table-v72 td:nth-child(2),
.employee-table-v72 td:nth-child(3){white-space:normal;overflow-wrap:anywhere;}
.employee-actions-heading-v72,
.employee-actions-cell-v72{width:auto;min-width:0;max-width:none;}
.employee-actions-cell-v72{padding-inline:10px!important;overflow:visible;}
.employee-actions-row-v72{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:7px!important;width:100%;min-width:0;overflow:visible;padding:2px 0;white-space:nowrap;}
.employee-actions-row-v72 > .employee-action-btn-v72{all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0 8px!important;border:1px solid var(--theme-primary-border-strong,#b8d9f3);border-radius:11px;background:var(--theme-surface,#fff);color:var(--theme-primary-deep,#075da9);box-shadow:none;font:800 10.5px/1 var(--eduvia-ui-font,Inter,ui-sans-serif,system-ui,sans-serif);white-space:nowrap!important;cursor:pointer!important;text-align:center!important;}
.employee-actions-row-v72 > .employee-action-preview-v72{background:var(--theme-primary-soft,#f0f8ff);}
.employee-actions-row-v72 > .employee-action-edit-v72{border-color:#f7c85b;background:#fff8e8;color:#9a5700;}
.employee-actions-row-v72 > .employee-action-toggle-v72.is-deactivate{border-color:#e8b9c1;background:var(--tone-fff7f7,#fff7f7);color:var(--theme-danger-deep,#be123c);}
.employee-actions-row-v72 > .employee-action-toggle-v72.is-activate{border-color:var(--theme-primary-border-strong,#b8d9f3);background:var(--theme-primary-soft,#f0f8ff);color:var(--theme-primary-deep,#075da9);}
.employee-actions-row-v72 > .employee-action-delete-v72{border-color:var(--theme-danger-strong,#dc2626);background:var(--theme-danger-strong,#dc2626);color:var(--theme-surface,#fff);}
.employee-actions-row-v72 > .employee-action-delete-v72:hover{background:var(--theme-danger,#b91c1c);border-color:var(--theme-danger,#b91c1c);}
.employee-actions-row-v72 > .employee-action-btn-v72:disabled{opacity:.58;cursor:wait!important;}
.employee-actions-row-v72 > .employee-action-btn-v72:active{transform:translateY(1px)!important;}
@media (min-width:851px) and (max-width:1500px){.employee-table-v72 th:nth-child(1),.employee-table-v72 td:nth-child(1){width:10%;}
.employee-table-v72 th:nth-child(2),.employee-table-v72 td:nth-child(2){width:27%;}
.employee-table-v72 th:nth-child(3),.employee-table-v72 td:nth-child(3){width:20%;}
.employee-table-v72 th:nth-child(4),.employee-table-v72 td:nth-child(4){width:10%;}
.employee-table-v72 th:nth-child(5),.employee-table-v72 td:nth-child(5){width:33%;}
.employee-actions-row-v72{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;white-space:normal!important;}
.employee-actions-row-v72 > .employee-action-btn-v72{width:100%!important;min-width:0!important;}
.employee-actions-row-v72 > .employee-action-preview-v72{grid-column:1;grid-row:1;}
.employee-actions-row-v72 > .employee-action-edit-v72{grid-column:2;grid-row:1;}
.employee-actions-row-v72 > .employee-action-toggle-v72{grid-column:1;grid-row:2;}
.employee-actions-row-v72 > .employee-action-delete-v72{grid-column:2;grid-row:2;}}
@media (max-width:850px){.school-identity-card{padding:20px 16px;border-radius:var(--radius-2xl,18px);}
.school-identity-form .grid.two,.school-identity-form .grid.three{grid-template-columns:minmax(0,1fr)!important;}
.school-identity-form .school-identity-section{padding:17px 0;}
.employee-editor-layer-v70{padding:8px;align-items:center;}
.employee-editor-dialog-v70{width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);}
.employee-editor-head-v70{padding:19px 16px 15px!important;gap:12px!important;}
.employee-editor-head-v70 h2{font-size:20px;}
.employee-editor-x-v70{flex-basis:36px;width:36px;height:36px;}
.employee-editor-scroll-v70{padding:2px 16px 16px;}
.employee-editor-section-v70{gap:12px;padding:16px 0;}
.employee-editor-grid-v70{grid-template-columns:minmax(0,1fr);gap:12px;}
.employee-editor-actions-v70{padding:12px 16px calc(14px + env(safe-area-inset-bottom))!important;}
.employee-table-wrap-v72{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:7px;}
.employee-table-v72{width:980px;min-width:980px;table-layout:fixed;}
.employee-table-v72 th:nth-child(1),
  .employee-table-v72 td:nth-child(1){width:100px;}
.employee-table-v72 th:nth-child(2),
  .employee-table-v72 td:nth-child(2){width:215px;}
.employee-table-v72 th:nth-child(3),
  .employee-table-v72 td:nth-child(3){width:175px;}
.employee-table-v72 th:nth-child(4),
  .employee-table-v72 td:nth-child(4){width:100px;}
.employee-table-v72 th:nth-child(5),
  .employee-table-v72 td:nth-child(5){width:228px;}
.employee-actions-cell-v72{overflow:visible!important;padding-inline:8px!important;}
.employee-actions-row-v72{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;min-width:212px;max-width:212px;overflow:visible!important;gap:6px!important;padding:2px 0!important;white-space:normal!important;}
.employee-actions-row-v72 > .employee-action-btn-v72{min-width:0!important;width:100%!important;height:34px!important;min-height:34px!important;padding-inline:7px!important;font-size:10px;border-radius:var(--radius-md,10px);white-space:nowrap!important;}
.employee-actions-row-v72 > .employee-action-preview-v72{grid-column:1;grid-row:1;}
.employee-actions-row-v72 > .employee-action-edit-v72{grid-column:2;grid-row:1;}
.employee-actions-row-v72 > .employee-action-toggle-v72{grid-column:1;grid-row:2;}
.employee-actions-row-v72 > .employee-action-delete-v72{grid-column:2;grid-row:2;}}
.bkdc-page{display:grid;width:100%;max-width:none;gap:18px;}
.bkdc-page > section{width:100%;max-width:none;margin:0;}
.bkdc-page > .bkdc-stats,
.bkdc-page > .bkdc-info-grid{padding:0;}
.bkdc-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid #d8e5f3;border-radius:var(--radius-4xl,22px);background:linear-gradient(135deg, var(--theme-surface,#fff) 0%, #f2f7fc 100%);box-shadow:0 14px 36px rgba(0, 52, 125, .08);}
.bkdc-hero span,
.bkdc-modal-head > span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#1677c8;}
.bkdc-hero h3,
.bkdc-modal-head h2{margin:5px 0 7px;color:var(--theme-primary-darker,#123d6b);font-size:24px;}
.bkdc-hero p,
.bkdc-modal-head p,
.bkdc-panel-heading p{max-width:780px;margin:0;color:var(--tone-60738a);line-height:1.65;}
.bkdc-live{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 14px;border:1px solid #b9dfcf;border-radius:var(--radius-pill,999px);background:#f1fbf7;color:#19704c;font-size:12px;font-weight:800;}
.bkdc-live i{width:8px;height:8px;border-radius:50%;background:#27a96d;box-shadow:0 0 0 5px rgba(39, 169, 109, .12);}
.bkdc-stats,
.bkdc-info-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:14px;}
.bkdc-stats article{min-width:0;padding:19px 21px;border:1px solid var(--tone-dbe6f1);border-radius:var(--radius-2xl,18px);background:var(--theme-surface,#fff);}
.bkdc-stats span{display:block;color:#728398;font-size:12px;font-weight:700;}
.bkdc-stats b{display:block;margin-top:5px;color:var(--theme-primary-darker,#123d6b);font-size:27px;}
.bkdc-stats .bkdc-stat-text{padding-top:5px;font-size:18px;}
.bkdc-info-grid article{display:grid;grid-template-columns:38px minmax(0, 1fr);gap:12px;min-width:0;padding:17px 18px;border:1px solid var(--tone-dbe6f1);border-radius:17px;background:var(--tone-f8fbff,#f8fbff);}
.bkdc-info-grid article > span{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md-lg,12px);background:#e7f2fc;color:#075495;font-size:11px;font-weight:900;}
.bkdc-info-grid b{display:block;color:var(--tone-174b82);font-size:13px;}
.bkdc-info-grid p{margin:5px 0 0;color:#667b91;font-size:11px;line-height:1.55;}
.bkdc-panel{padding:24px 26px;border:1px solid var(--tone-dbe6f1);border-radius:var(--radius-3xl,20px);background:var(--theme-surface,#fff);}
.bkdc-toolbar,
.bkdc-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:17px;}
.bkdc-filters{display:grid;flex:1 1 560px;grid-template-columns:minmax(260px, 1fr) minmax(190px, 230px);align-items:end;gap:12px;}
.bkdc-search{display:grid;flex:1 1 360px;max-width:430px;gap:6px;color:var(--tone-52677f);font-size:12px;font-weight:800;}
.bkdc-class-filter{display:grid;gap:6px;color:var(--tone-52677f);font-size:12px;font-weight:800;}
.bkdc-search input,
.bkdc-class-filter select,
.bkdc-form input,
.bkdc-form select,
.bkdc-specialty input{width:100%;box-sizing:border-box;border:1px solid #cbd9e8;border-radius:11px;background:var(--theme-surface-soft,#f7fbff);color:#173b65;padding:11px 12px;font:inherit;box-shadow:none;}
.bkdc-search input:focus,
.bkdc-class-filter select:focus,
.bkdc-form input:focus,
.bkdc-form select:focus,
.bkdc-specialty input:focus{outline:3px solid rgba(34, 134, 214, .14);border-color:#2286d6;}
.bkdc-toolbar-actions,
.bkdc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.bkdc-toolbar button,
.bkdc-hero button,
.bkdc-actions button,
.bkdc-counselor > button,
.bkdc-form-actions button{border:1px solid #c9d8e7;border-radius:var(--radius-md,10px);background:var(--theme-surface,#fff);color:var(--tone-174b82);padding:10px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;}
.bkdc-toolbar button.primary,
.bkdc-form-actions button.primary{border-color:var(--theme-primary-darker,#123d6b);background:var(--theme-primary-darker,#123d6b);color:var(--theme-surface,#fff);}
.bkdc-toolbar button.is-danger{border-color:#b4233f;background:var(--tone-d92d4a);color:var(--theme-surface,#fff);}
.bkdc-toolbar button[data-bkdc-delete-selected]:not(:disabled){border:1px solid var(--tone-76182a);background:#d92d3f;color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff);box-shadow:0 3px 0 var(--tone-76182a), 0 7px 14px rgba(118, 24, 42, .18);opacity:1!important;}
.bkdc-toolbar button[data-bkdc-delete-selected]:not(:disabled):hover{background:#c82338;}
.bkdc-toolbar button[data-bkdc-delete-selected]:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--tone-76182a), 0 4px 8px rgba(118, 24, 42, .16);}
.bkdc-toolbar button:disabled{cursor:not-allowed;opacity:.55;}
.bkdc-form-actions button:disabled,
.bkdc-counselor > button:disabled{cursor:wait;opacity:.68;}
.bkdc-note{margin:0 0 14px;padding:11px 13px;border-radius:11px;background:#f2f7fc;color:var(--tone-60738a);font-size:12px;line-height:1.55;}
.bkdc-table-wrap{max-height:min(58vh, 620px);overflow:auto;border:1px solid #e0e9f2;border-radius:var(--radius-lg,14px);overscroll-behavior:contain;}
.bkdc-table{width:100%;min-width:780px;border-collapse:collapse;}
.bkdc-table tr[data-bkdc-student-row][hidden]{display:none!important;}
.bkdc-select-column{width:58px;text-align:center!important;}
.bkdc-select-column input{width:20px;height:20px;margin:0;accent-color:#0876b9;cursor:pointer;}
.bkdc-table th{position:sticky;top:0;z-index:2;padding:12px 14px;background:#f5f8fc;color:var(--tone-60738a);text-align:left;font-size:11px;letter-spacing:.03em;}
.bkdc-table td{padding:14px;border-top:1px solid #e6edf4;color:#294964;vertical-align:middle;font-size:13px;}
.bkdc-table td b,
.bkdc-table td small{display:block;}
.bkdc-table td small{margin-top:3px;color:#7a8ca0;}
.bkdc-status{display:inline-flex;padding:6px 9px;border-radius:var(--radius-pill,999px);font-size:11px;font-weight:800;}
.bkdc-status.is-active{background:#eaf8f1;color:#187149;}
.bkdc-status.is-inactive{background:#f1f3f6;color:#667587;}
.bkdc-actions button{min-width:76px;min-height:38px;padding:7px 12px;border-width:2px 2px 4px 6px;border-style:solid;border-radius:var(--radius-md-lg,12px);font-weight:900;box-shadow:0 4px 0 currentColor, 0 8px 15px var(--tone-92779dd8);}
.bkdc-actions button:hover{transform:translateY(-1px);filter:saturate(1.08);}
.bkdc-actions button:active{transform:translateY(3px);box-shadow:0 1px 0 currentColor;}
.bkdc-actions .is-edit{border-width:1px!important;border-color:var(--tone-064f86);background:#0b78bd;color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 2px 0 var(--tone-064f86), 0 5px 11px rgba(7, 84, 139, .14);}
.bkdc-actions .is-danger{border-color:var(--tone-941c34);background:var(--tone-d92d4a);color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;box-shadow:0 5px 0 var(--tone-941c34), 0 9px 16px rgba(183, 25, 55, .22);}
.bkdc-actions .is-edit:active{box-shadow:0 1px 0 var(--tone-064f86);}
.bkdc-actions .is-danger:active{box-shadow:0 1px 0 var(--tone-941c34);}
.bkdc-empty{padding:42px;text-align:center;border:1px dashed #cbd8e6;border-radius:var(--radius-lg,14px);color:#6b7e93;}
.bkdc-empty b{color:#254e77;}
.bkdc-empty p{margin:7px 0 0;}
.bkdc-student-modal{width:100%;margin:0;padding:30px 32px 28px;box-sizing:border-box;}
.bkdc-modal-head{margin-bottom:22px;padding-right:45px;}
.bkdc-form{display:grid;gap:16px;}
.bkdc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.bkdc-form label{display:grid;gap:7px;color:#4a627c;font-size:12px;font-weight:800;}
.bkdc-form-error{padding:11px 13px;border:1px solid #f4c7c7;border-radius:11px;background:#fff2f2;color:#b4232f;font-size:12px;font-weight:700;}
.bkdc-form-error[hidden]{display:none;}
.bkdc-form-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:min(100%,430px);margin-left:auto;padding-top:6px;box-sizing:border-box;}
.bkdc-form-actions button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:none;min-height:46px;margin:0;padding:10px 14px;position:static;transform:none;border-radius:var(--radius-md-lg,12px);font-weight:800;line-height:1.2;white-space:nowrap;box-sizing:border-box;}
.bkdc-student-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.bkdc-student-preview-grid > div{display:grid;gap:4px;padding:13px 14px;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-md-lg,12px);background:var(--theme-surface-soft,#f7fbff);}
.bkdc-student-preview-grid .is-wide{grid-column:1/-1;}
.bkdc-student-preview-grid small{color:#7a8b9d;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.bkdc-student-preview-grid b{color:#22364d;font-size:13px;}
.bkdc-student-preview-grid span{color:#6b7e93;font-size:11px;}
.bkdc-student-preview-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;}
.bkdc-student-preview-actions button{min-height:42px;padding:9px 14px;border-radius:11px;font-weight:800;}
.bkdc-student-preview-actions .is-edit{border:1px solid var(--school-brand-primary);background:var(--tone-eef7ff);color:var(--tone-0068b8);}
.bkdc-student-preview-actions .is-danger{border:1px solid var(--theme-danger-strong,#dc2626);background:var(--theme-danger-strong,#dc2626);color:var(--theme-surface,#fff);}
#modal .portal-flat-modal-card:has(.bkdc-student-modal){display:flex!important;flex-direction:column!important;width:min(980px, calc(100vw - 56px))!important;max-width:980px!important;max-height:calc(100dvh - 40px)!important;padding:0!important;overflow:hidden!important;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-4xl,22px);background:var(--theme-surface,#fff);box-shadow:0 18px 48px rgba(15, 23, 42, .14);}
#modal .portal-flat-modal-card:has(.bkdc-student-modal) #modalBody{flex:1 1 auto!important;width:100%;min-height:0!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;background:var(--theme-surface,#fff);}
#modal .portal-flat-modal-card:has(.bkdc-student-modal) .bkdc-form{width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
#modal .portal-flat-modal-card:has(.bkdc-student-modal) > .close{display:grid!important;place-items:center!important;top:14px!important;right:14px!important;z-index:20!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid #dbe3eb;border-radius:11px;background:var(--theme-surface-soft,#f7fbff);color:var(--tone-52677f);font-size:24px;font-weight:700;line-height:1;box-shadow:none;}
#modal .portal-flat-modal-card:has(.bkdc-student-modal) > .close:hover{background:#eef4f8;transform:none!important;}
#modal .portal-flat-modal-card:has(.bkdc-student-modal) > .close:active{transform:scale(.98)!important;box-shadow:none;}
.bkdc-panel-heading{align-items:center;}
.bkdc-panel-heading h3{margin:0 0 5px;color:#164571;}
.bkdc-count{padding:8px 11px;border-radius:var(--radius-pill,999px);background:#eef5fc;color:#165c9a;font-size:11px;font-weight:800;white-space:nowrap;}
.bkdc-counselors{display:grid;gap:10px;}
.bkdc-counselor{display:grid;grid-template-columns:minmax(240px, 1.3fr) minmax(250px, 1fr) auto auto;align-items:center;gap:16px;padding:16px 17px;border:1px solid #e0e9f2;border-radius:var(--radius-lg,14px);}
.bkdc-person{display:flex;min-width:0;align-items:center;gap:11px;}
.bkdc-person > span{display:grid;flex:0 0 auto;place-items:center;width:39px;height:39px;border-radius:var(--radius-md-lg,12px);background:#eaf2fb;color:#075495;font-weight:800;}
.bkdc-person > div{min-width:0;}
.bkdc-person b,
.bkdc-person small{display:block;}
.bkdc-person small{margin-top:3px;color:#73859a;font-size:11px;}
.bkdc-specialty{display:grid;gap:4px;color:#728398;font-size:10px;font-weight:800;}
.bkdc-specialty input{padding:9px 10px;font-size:12px;}
.bkdc-switch{display:flex;align-items:center;gap:7px;color:var(--tone-52677f);font-size:11px;}
.bkdc-switch input{position:absolute;opacity:0;}
.bkdc-switch span{position:relative;width:38px;height:22px;border-radius:var(--radius-pill,999px);background:#c6d2de;cursor:pointer;}
.bkdc-switch span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--theme-surface,#fff);}
.bkdc-switch input:checked + span{background:#168057;}
.bkdc-switch input:checked + span::after{transform:translateX(16px);}
@media (max-width: 1100px){.bkdc-counselor{grid-template-columns:1fr 1fr;}
.bkdc-switch,
  .bkdc-counselor > button{justify-self:start;}}
@media (max-width: 760px){.bkdc-hero,
  .bkdc-toolbar,
  .bkdc-panel-heading{align-items:stretch;flex-direction:column;}
.bkdc-hero{padding:22px 20px;}
.bkdc-hero button{width:100%;}
.bkdc-stats,
  .bkdc-info-grid,
  .bkdc-form-grid,
  .bkdc-counselor{grid-template-columns:1fr;}
.bkdc-search{flex-basis:auto;width:100%;max-width:none;}
.bkdc-filters{flex-basis:auto;grid-template-columns:1fr;width:100%;}
.bkdc-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;}
.bkdc-toolbar-actions button{width:100%;}
.bkdc-panel{padding:17px;}
.bkdc-page{padding-bottom:calc(130px + env(safe-area-inset-bottom));}
.bkdc-table-wrap{max-height:none;overflow:visible;border:0;overscroll-behavior:auto;}
.bkdc-table{display:block;min-width:0;}
.bkdc-table thead{display:none;}
.bkdc-table tbody{display:block;}
.bkdc-table tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"student";align-items:center;min-height:42px;padding:7px 3px;border:0;border-bottom:1px solid #e5edf4;border-radius:0;background:transparent;cursor:pointer;}
.bkdc-table tr:first-child{border-top:1px solid #e5edf4;}
.bkdc-table tr:active{background:#f7fbff;}
.bkdc-table tr:has(td[data-label="Pilih"]){grid-template-columns:auto minmax(0,1fr);grid-template-areas:"select student";gap:10px;}
.bkdc-table td{display:block;min-width:0;padding:0;border:0;}
.bkdc-table td::before{content:none;}
.bkdc-table td[data-label="Pilih"]{grid-area:select;align-self:center;}
.bkdc-table td[data-label="Siswa"]{grid-area:student;}
.bkdc-table td[data-label="Kelas"],
  .bkdc-table td[data-label="Orang tua/wali"],
  .bkdc-table td[data-label="Status"],
  .bkdc-table td[data-label="Aksi"]{display:none;}
.bkdc-table td[data-label="Siswa"] b{display:block;font-size:13px;line-height:1.25;color:#17324d;}
.bkdc-table td[data-label="Siswa"] small{display:none;}
.bkdc-table.is-selecting td[data-label="Aksi"]{display:none;}
#modal .portal-flat-modal-card:has(.bkdc-student-modal){width:calc(100vw - 14px)!important;max-width:none!important;max-height:calc(100dvh - 18px)!important;padding:0!important;overflow:hidden!important;border-radius:var(--radius-3xl,20px);}
#modal .portal-flat-modal-card:has(.bkdc-student-modal) #modalBody{min-height:0!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch;}
.bkdc-student-modal{min-height:min-content;padding:24px 18px calc(48px + env(safe-area-inset-bottom));}
.bkdc-student-preview-grid{grid-template-columns:1fr;}
.bkdc-student-preview-grid .is-wide{grid-column:auto;}
.bkdc-student-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.bkdc-student-preview-actions .is-danger{grid-column:1/-1;}
#modal .portal-flat-modal-card:has(.bkdc-student-modal) > .close{position:sticky!important;float:right;top:10px!important;right:10px!important;margin:10px 10px -52px 0;}}
@media (max-width: 520px){.bkdc-toolbar-actions{grid-template-columns:1fr;display:grid;}
.bkdc-form-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;max-width:none;margin:0;padding:8px 0 4px;}
.bkdc-form-actions button{width:100%;min-width:0;max-width:none;min-height:48px;}
#modal .bkdc-student-form-modal .bkdc-student-form-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important;max-width:none!important;margin:0!important;padding:10px 0 4px!important;overflow:visible!important;}
#modal .bkdc-student-form-modal .bkdc-student-form-actions > button{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;inset:auto!important;float:none!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:50px!important;margin:0!important;padding:11px 10px!important;transform:none!important;border-radius:13px;box-sizing:border-box!important;white-space:nowrap!important;}
.bkdc-counselor > button{width:100%;min-width:0;}
.bkdc-empty{padding:30px 16px;}}
html[data-portal-brand="sekolah"] body #content .bkdc-actions button.is-danger{border-color:var(--tone-991b1b,#991b1b);background-color:var(--theme-danger-strong,#dc2626);background-image:none;color:var(--theme-surface,#fff);-webkit-text-fill-color:var(--theme-surface,#fff)!important;opacity:1!important;filter:none!important;text-shadow:none;box-shadow:none;}
html[data-portal-brand="sekolah"] body #content .bkdc-actions button.is-danger:hover{border-color:#7f1d1d;background-color:var(--theme-danger,#b91c1c);}
html[data-portal-brand="sekolah"] body #content .bkdc-actions button.is-danger:active{box-shadow:0 1px 0 #7f1d1d;}
#modal .modal-card:has(.bkdc-import-modal){width:min(1400px, calc(100vw - 42px))!important;max-width:1400px!important;max-height:calc(100dvh - 42px)!important;}
.bkdc-import-modal{padding:30px 32px 26px;}
.bkdc-import-form{gap:13px;}
.bkdc-import-file{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid #d8e5f1;border-radius:var(--radius-lg,14px);background:var(--theme-surface,#fff);}
.bkdc-import-file > div:first-child{display:grid;min-width:0;gap:4px;}
.bkdc-import-file span{color:#74869a;font-size:10px;font-weight:800;letter-spacing:.08em;}
.bkdc-import-file > div:first-child b{overflow:hidden;color:var(--tone-174b82);font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.bkdc-import-file [data-bkdc-import-summary]{display:flex;flex:none;align-items:baseline;gap:6px;color:var(--tone-60738a);font-size:12px;}
.bkdc-import-file [data-bkdc-import-summary] b{color:var(--theme-primary-darker,#123d6b);font-size:21px;}
.bkdc-import-alert{padding:10px 13px;border:1px solid #f2c36b;border-radius:11px;background:#fff8e8;color:#92540c;font-size:12px;font-weight:750;line-height:1.5;}
.bkdc-import-alert[hidden]{display:none;}
.bkdc-import-table-wrap{max-height:min(55vh, 590px);overflow:auto;border:1px solid #dce7f1;border-radius:var(--radius-lg,14px);background:var(--theme-surface,#fff);overscroll-behavior:contain;}
.bkdc-import-table{width:100%;min-width:1320px;border-collapse:collapse;}
.bkdc-import-table th{position:sticky;top:0;z-index:2;padding:10px;border-bottom:1px solid #dce7f1;background:#edf5fb;color:#536c84;text-align:left;font-size:10px;letter-spacing:.03em;white-space:nowrap;}
.bkdc-import-table td{padding:8px;border-bottom:1px solid #e8eef4;background:var(--theme-surface,#fff);vertical-align:middle;}
.bkdc-import-table tr:nth-child(even) td{background:#f9fbfd;}
.bkdc-import-table tr.is-incomplete td{background:#fff8f1;}
.bkdc-import-table input,
.bkdc-import-table select{width:100%;min-width:118px;padding:9px 10px;border:1px solid #cbd9e8;border-radius:9px;background:var(--theme-surface,#fff);color:#173b65;font:inherit;font-size:12px;outline:0;}
.bkdc-import-table input:focus,
.bkdc-import-table select:focus{border-color:#2286d6;box-shadow:0 0 0 3px rgba(34, 134, 214, .13);}
.bkdc-import-table tr.is-incomplete input[data-bkdc-import-field="name"]:placeholder-shown,
.bkdc-import-table tr.is-incomplete input[data-bkdc-import-field="className"]:placeholder-shown{border-color:#dc6b55;background:#fffaf7;}
.bkdc-import-number{width:50px;color:#7890a6;text-align:center;font-size:12px;font-weight:800;}
.bkdc-import-remove{border:1px solid #b4233f;border-radius:9px;background:var(--tone-d92d4a);color:var(--theme-surface,#fff);padding:9px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;}
.bkdc-import-remove:hover{background:#bd2340;}
.bkdc-import-actions{margin-top:1px;padding-top:12px;border-top:1px solid #dfe9f1;}
.bkdc-import-actions button.primary:disabled{cursor:not-allowed;opacity:.55;}
@media (max-width: 760px){#modal .modal-card:has(.bkdc-import-modal){width:100%!important;max-width:100%!important;max-height:94dvh!important;}
.bkdc-import-modal{padding:27px 16px calc(18px + env(safe-area-inset-bottom));}
.bkdc-import-file{align-items:flex-start;flex-direction:column;gap:9px;}
.bkdc-import-table-wrap{max-height:50dvh;}}
html.portal-play-consumption-only .play-purchase-only,
    html.portal-play-consumption-only .portal-play-purchase-overlay,
    html.portal-play-consumption-only .school-payment,
    html.portal-play-consumption-only .foundation-qris-payment,
    html.portal-play-consumption-only .subscription-upgrade-grid,
    html.portal-play-consumption-only #quoteForm,
    html.portal-play-consumption-only #foundationSubscriptionForm,
    html.portal-play-consumption-only #paySchoolPlan,
    html.portal-play-consumption-only #sendSchoolPayment,
    html.portal-play-consumption-only #submitFoundationQris,
    html.portal-play-consumption-only #openUpgradeFromModal,
    html.portal-play-consumption-only .qris-wrap,
    html.portal-play-consumption-only img[src*="qris-eduvia-payment-v153"],
    html.portal-play-consumption-only img[src*="qris-digital-network"]{display:none!important;}
html.portal-play-consumption-only [data-play-purchase-control="hidden"]{display:none!important;}
html.portal-play-consumption-only [data-play-purchase-control="status"]{cursor:default!important;}
#portalPlayAccessNotice{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:20px;background:rgba(15, 23, 42, .58);}
#portalPlayAccessNotice[hidden]{display:none!important;}
#portalPlayAccessNotice > div{width:min(100%, 390px);padding:24px;border-radius:var(--radius-5xl,24px);background:var(--theme-surface,#fff);box-shadow:0 24px 70px rgba(15, 23, 42, .28);text-align:center;font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
#portalPlayAccessNotice strong{display:block;color:var(--theme-text,#0a2342);font-size:19px;}
#portalPlayAccessNotice p{margin:10px 0 18px;color:var(--theme-text-muted,#60758d);font-size:14px;line-height:1.6;}
#portalPlayAccessNotice button{width:100%;min-height:46px;border:0;border-radius:var(--radius-lg,14px);background:var(--school-brand-primary);color:var(--theme-surface,#fff);font-weight:800;}
#portal-notification-permission-v78{position:fixed;top:auto;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));left:auto;z-index:2147483000;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;width:min(440px,calc(100vw - 32px));height:auto;min-height:0;max-height:none;margin:0;padding:13px 14px;overflow:visible;background:var(--theme-surface,#fff);color:#152238;border:1px solid #d9e4e1;border-radius:var(--radius-2xl,18px);box-shadow:0 18px 55px var(--tone-b001a3a2,rgba(15,23,42,.22));font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;}
#portal-notification-permission-v78>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-md-lg,12px);background:var(--school-brand-soft);font-size:20px;}
#portal-notification-permission-v78>div{min-width:0;flex:1;}
#portal-notification-permission-v78 b{display:block;font-size:14px;line-height:1.3;}
#portal-notification-permission-v78 small{display:block;margin-top:3px;color:var(--theme-text-muted,#60758d);font-size:11.5px;line-height:1.4;}
#portal-notification-permission-v78 button{border:0;cursor:pointer;font:800 12px/1 "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
#portal-notification-permission-v78 [data-enable-notification]{padding:10px 12px;border-radius:11px;background:var(--school-brand-primary);color:var(--theme-surface,#fff);}
#portal-notification-permission-v78 [data-dismiss-notification]{padding:8px;background:transparent;color:var(--theme-text-muted,#60758d);font-size:19px;}
#portal-global-notification-v78{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));top:auto;left:auto;z-index:2147483001;display:flex;align-items:center;gap:12px;width:min(520px,calc(100vw - 36px));max-width:calc(100vw - 36px);min-width:0;box-sizing:border-box;padding:14px 46px 14px 16px;overflow:hidden;background:var(--theme-surface,#fff);color:#172033;border:1px solid #dce7e4;border-radius:18px;box-shadow:0 18px 48px rgba(15,23,42,.20);font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;}
#portal-global-notification-v78.is-visible{opacity:1;transform:translateY(0);}
#portal-global-notification-v78.is-actionable{pointer-events:auto;cursor:pointer;}
#portal-global-notification-v78.is-closable{pointer-events:auto;}
#portal-global-notification-v78>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e8f4ff;color:#0756a5;font-weight:900;}
#portal-global-notification-v78[data-type="error"]>span{background:#fee2e2;color:#b91c1c;}
#portal-global-notification-v78[data-type="warning"]>span{background:#fef3c7;color:#b45309;}
#portal-global-notification-v78 [data-notification-image]{width:68px;height:52px;max-width:26vw;flex:0 0 auto;border-radius:11px;object-fit:contain;background:#f3f6f8;}
#portal-global-notification-v78>div{min-width:0;flex:1 1 auto;overflow:hidden;}
#portal-global-notification-v78 b{display:block;max-width:100%;font-size:14px;line-height:1.35;color:#172033;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}
#portal-global-notification-v78 p{margin:3px 0 0;max-width:100%;color:#64748b;font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}
#portal-global-notification-v78 .portal-global-notification-close{position:absolute;top:9px;right:9px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:#f1f5f9;color:#475569;font:700 20px/1 "Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;pointer-events:auto;}
#portal-global-notification-v78 .portal-global-notification-close:hover{background:#e2e8f0;color:#0f172a;}
#portal-global-notification-v78 .portal-global-notification-close[hidden]{display:none!important;}
@media (max-width:640px){#portal-global-notification-v78{top:calc(10px + env(safe-area-inset-top));bottom:auto;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto;max-width:none;padding:12px 43px 12px 13px;gap:10px;border-radius:16px;transform:translateY(-12px);}#portal-global-notification-v78.is-visible{transform:translateY(0);}#portal-global-notification-v78>span{width:36px;height:36px;}#portal-global-notification-v78 [data-notification-image]{width:56px;height:44px;max-width:22vw;}#portal-global-notification-v78 b{font-size:13px;}#portal-global-notification-v78 p{font-size:11.5px;line-height:1.4;}#portal-global-notification-v78 .portal-global-notification-close{top:8px;right:8px;width:28px;height:28px;font-size:18px;}}
@media (max-width:640px){#portal-notification-permission-v78{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100vw - 20px);padding:11px;}
#portal-notification-permission-v78>span{display:none;}
#portal-notification-permission-v78 [data-enable-notification]{padding:9px 10px;}}
#portal-subscription-notifications{position:relative;z-index:90;font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;}
#portal-subscription-notifications[hidden]{display:none!important;}
.psn-button{width:42px;height:42px;border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-lg,14px);background:var(--theme-surface,#fff);color:var(--theme-text-strong,#123d6b);display:grid;place-items:center;box-shadow:0 5px 16px var(--tone-0305fa36,rgba(15,23,42,.08));cursor:pointer;position:relative;}
.psn-button:hover{color:var(--school-brand-mid);border-color:var(--theme-primary-border-strong,#b8d9f3);background:var(--tone-f0fdf4,#f0fdf4);transform:translateY(-1px);}
.psn-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.psn-badge{position:absolute;right:-7px;top:-7px;background:#ef233c;color:var(--theme-surface,#fff);border:3px solid var(--theme-surface,#fff);border-radius:var(--radius-pill,999px);min-width:23px;height:23px;padding:0 5px;font-size:11px;font-weight:900;line-height:17px;display:grid;place-items:center;box-shadow:0 5px 12px rgba(239,35,60,.35);}
.psn-panel{right:0;top:52px;width:min(390px,calc(100vw - 28px));max-height:min(540px,calc(100vh - 100px));overflow:auto;background:var(--theme-surface,#fff);border:1px solid var(--theme-border,#d9e8f5);border-radius:var(--radius-4xl,22px);box-shadow:0 24px 70px var(--tone-b001a3a2,rgba(15,23,42,.22));padding:0;overscroll-behavior:contain;}
.psn-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;background:var(--tone-da3d8a08,rgba(255,255,255,.96));border-bottom:1px solid var(--tone-eef2f7,#eef2f7);}
.psn-title{display:flex;align-items:center;gap:10px;}
.psn-title i{width:34px;height:34px;border-radius:11px;background:var(--school-brand-soft);color:var(--school-brand-mid);display:grid;place-items:center;font-style:normal;}
.psn-title strong{display:block;font-size:15px;color:var(--theme-text,#0a2342);}
.psn-title small{display:block;font-size:10px;color:var(--theme-text-muted,#60758d);margin-top:2px;}
.psn-actions{display:flex;align-items:center;gap:6px;}
.psn-read-all,.psn-clear-all,.psn-close{border:0;border-radius:9px;padding:7px 9px;cursor:pointer;font-size:10px;font-weight:800;}
.psn-read-all{background:var(--school-brand-soft);color:var(--school-brand-dark);}
.psn-close{background:var(--theme-surface-muted,#edf5fc);color:var(--theme-text-secondary,#50657e);}
.psn-list{padding:10px;}
.psn-item{width:100%;text-align:left;padding:13px 13px 13px 17px;border-radius:15px;background:var(--theme-surface,#fff);margin:3px 0;border:0;position:relative;cursor:pointer;display:block;}
.psn-item:hover{background:var(--theme-surface-soft,#f7fbff);}
.psn-item.unread{background:var(--tone-f0fdf4,#f0fdf4);}
.psn-item.unread:before{content:"";position:absolute;left:7px;top:19px;width:7px;height:7px;border-radius:50%;background:#ef233c;box-shadow:0 0 0 3px var(--tone-fee2e2,#fee2e2);}
.psn-item.read{background:#f1f5f9;}
.psn-item.read b,.psn-item.read p,.psn-item.read .psn-meta{color:#94a3b8;}
.psn-item.read .psn-meta em{color:#94a3b8;}
.psn-item b{display:block;color:var(--theme-text,#0a2342);font-size:13px;padding-left:3px;}
.psn-item p{color:var(--theme-text-secondary,#50657e);font-size:12px;line-height:1.55;margin:6px 0 0;padding-left:3px;}
.psn-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding-left:3px;color:var(--theme-text-subtle,#7e90a5);font-size:10px;}
.psn-meta em{font-style:normal;font-weight:800;color:var(--school-brand-mid);}
.psn-empty{text-align:center;font-size:12px;color:var(--theme-text-muted,#60758d);padding:34px 18px;}
.psn-empty span{display:block;font-size:30px;margin-bottom:8px;}
.portal-header-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;min-width:0;}
@media (max-width:640px){#portal-subscription-notifications{width:42px;height:42px;order:90;}
.portal-header-actions>[aria-label="Buka profil"],.portal-header-actions>.relative{order:91;flex:0 0 auto;}
.portal-header-actions>span:first-child{display:none!important;}
.psn-panel{position:fixed;right:12px;top:70px;width:calc(100vw - 24px);max-height:calc(100dvh - 88px);}
.psn-read-all{font-size:0;}
.psn-read-all:after{content:"Baca semua";font-size:10px;}}
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-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;}






}
.eduvia-promo-box{margin:14px 0;padding:12px;border:1px solid #d9e6ee;border-radius:14px;background:#f8fbfd;}
.eduvia-promo-box>label{display:block;margin-bottom:7px;font-weight:800;color:#17324d;}
.eduvia-promo-box>div{display:grid;grid-template-columns:1fr auto;gap:8px;}
.eduvia-promo-box input{min-width:0;width:100%;text-transform:uppercase;}
.eduvia-promo-box .promo-status{display:block;margin-top:7px;color:#64748b;font-weight:600;line-height:1.45;}
.eduvia-promo-box .promo-status-success{color:#15803d;}
.eduvia-promo-box .promo-status-error{color:#dc2626;}
.payment-total .promo-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;font-size:13px;}
.payment-total .promo-price-old,.payment-total .promo-price-cut{color:#dc2626;}
.payment-total .promo-price-old del{font-weight:800;}
.payment-total .promo-price-new{margin-top:9px;padding-top:9px;border-top:1px dashed rgba(21,128,61,.28);color:#15803d;font-weight:800;}
.payment-total .promo-price-new strong{font-size:24px;line-height:1.1;}
@media (max-width:520px){.eduvia-promo-box>div{grid-template-columns:1fr;}
.eduvia-promo-box button{width:100%;}
.payment-total .promo-price-row{font-size:12px;}}


/* ==========================================================================\n   V114Y — PORTAL SEKOLAH CANONICAL BRAND + APK/WINDOWS HEADER CONTROLS\n   Static shell owns the two download links. No download DOM injector/observer.\n   ========================================================================== */
html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost.admin-school-download-host-v114y{
  box-sizing:border-box!important;position:relative!important;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;order:10!important;width:auto!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;gap:7px!important;overflow:visible!important;
}
html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost > .admin-school-download-icon-v114y{
  box-sizing:border-box!important;appearance:none!important;position:relative!important;display:inline-flex!important;flex:0 0 42px!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;border:1px solid rgba(8,104,166,.16)!important;border-radius:14px!important;background:#f7fbfe!important;color:#0875bf!important;text-decoration:none!important;box-shadow:0 5px 16px rgba(13,67,103,.06)!important;line-height:0!important;transform:none!important;
}
html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost > .admin-school-download-icon-v114y svg{
  display:block!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;fill:none;stroke:currentColor;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost > .admin-school-download-icon-v114y[data-platform="windows"] svg{fill:currentColor!important;stroke:none!important;}
html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost > .admin-school-download-icon-v114y[data-platform="android"].has-apk-update::after{
  content:""!important;position:absolute!important;top:-4px!important;right:-4px!important;width:10px!important;height:10px!important;border-radius:999px!important;background:#ff2e4d!important;box-shadow:0 0 0 3px #fff,0 4px 12px rgba(255,46,77,.28)!important;z-index:5!important;
}
@media (hover:hover) and (pointer:fine){
  html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost > .admin-school-download-icon-v114y:hover{border-color:#7dbce7!important;background:#eef8ff!important;}
}
@media (max-width:850px){
  html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost.admin-school-download-host-v114y{display:inline-flex!important;flex:0 0 auto!important;height:42px!important;min-height:42px!important;max-height:42px!important;gap:6px!important;}
  html[data-portal-brand="sekolah"] body.ios-school-theme #app.app > main > header > .admin > #portalAppDownloadHost{display:inline-flex!important;}
  html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost > .admin-school-download-icon-v114y{flex-basis:42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;border-radius:13px!important;}
}
@media (max-width:380px){
  html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost.admin-school-download-host-v114y{height:38px!important;min-height:38px!important;max-height:38px!important;gap:5px!important;}
  html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost > .admin-school-download-icon-v114y{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:12px!important;}
  html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost > .admin-school-download-icon-v114y svg{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;}
}
@media (max-width:340px){
  html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost.admin-school-download-host-v114y{height:34px!important;min-height:34px!important;max-height:34px!important;gap:4px!important;}
  html[data-portal-brand="sekolah"] body.ios-school-theme #portalAppDownloadHost > .admin-school-download-icon-v114y{flex-basis:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;border-radius:11px!important;}
}

/* ==========================================================================
   V114ZA — PREMIUM SEMESTER/TAHUNAN CONSULTATION CARD
   Canonical green consultation block. Replaces the passive legacy info card.
   ========================================================================== */
.subscription-consult-v114za{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:16px 17px;border:1px solid #86efac;border-radius:18px;background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);box-shadow:0 8px 24px rgba(22,163,74,.08);}
.subscription-consult-v114za-copy{min-width:0;flex:1;}
.subscription-consult-v114za-copy b{display:block;margin:0;color:#166534;font-size:14px;font-weight:900;line-height:1.35;}
.subscription-consult-v114za-copy p{margin:6px 0 0!important;color:#3f6f52!important;font-size:12.5px;line-height:1.55;}
.subscription-consult-v114za-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:42px;padding:0 15px;border:1px solid #16a34a;border-radius:13px;background:#16a34a;color:#fff!important;font-size:12.5px;font-weight:900;text-decoration:none!important;box-shadow:0 7px 18px rgba(22,163,74,.18);transition:transform .16s ease,background .16s ease,box-shadow .16s ease;}
.subscription-consult-v114za-button svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:currentColor;}
@media (hover:hover) and (pointer:fine){.subscription-consult-v114za-button:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 10px 22px rgba(22,163,74,.24);}}
@media (max-width:640px){.subscription-consult-v114za{align-items:stretch;flex-direction:column;padding:14px;}.subscription-consult-v114za-button{width:100%;min-height:45px;}}

/* EDUVIA V115Y — menu Notifikasi Sekolah, visual mengikuti Portal Guru BK */
.school-notification-page-v115w{display:grid;gap:18px;}
.school-notification-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;}
.school-notification-page-heading span{display:block;margin:0 0 7px;color:#0b6fb8;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;}
.school-notification-page-heading h2{margin:0 0 7px;color:#17324d;font-size:30px;line-height:1.16;letter-spacing:-.035em;}
.school-notification-page-heading p{margin:0;max-width:660px;color:#64748b;font-size:12px;line-height:1.7;}
.school-notification-page-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;}
.school-notification-page-actions .secondary{min-height:48px;padding:0 20px;border:1px solid #cbd5e1;border-radius:11px;background:#ffffff;color:#334155;font-weight:800;box-shadow:0 4px 0 #e2e8f0;}
.school-notification-page-list{padding:8px 10px;overflow:hidden;border:1px solid #dbe5ef;border-radius:16px;background:#f8fafc;box-shadow:0 5px 0 #e2e8f0,0 14px 28px rgba(15,23,42,.06);}
.school-notification-page-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;width:100%;margin:0;padding:16px 14px;border:1px solid transparent;border-bottom:1px dashed #e2e8f0;border-radius:10px;background:#ffffff;text-align:left;cursor:pointer;color:#1e293b;box-shadow:none;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;}
.school-notification-page-item:last-child{border-bottom-color:transparent;}
.school-notification-page-item.unread{background:rgba(219,234,254,.72);}
.school-notification-page-item.read{margin:0;padding:16px 14px;background:#f1f5f9;border-radius:10px;}
.school-notification-page-item:is(:hover,:focus,:focus-visible,:active),.school-notification-page-item[aria-selected="true"]{background:rgba(219,234,254,.90)!important;border-color:#93c5fd!important;color:#17324d!important;box-shadow:inset 4px 0 0 #168fdd,0 3px 0 #dbeafe!important;outline:2px solid #bfdbfe!important;outline-offset:-2px!important;transform:none!important;}
.school-notification-page-dot{width:9px;height:9px;margin-top:5px;border:2px solid #dbeafe;border-radius:50%;background:#168fdd;box-shadow:0 0 0 1px #0b6fb8;}
.school-notification-page-item.read .school-notification-page-dot{border-color:#e2e8f0;background:#94a3b8;box-shadow:0 0 0 1px #64748b;}
.school-notification-page-copy{display:grid;gap:5px;min-width:0;}
.school-notification-page-copy b{display:block;color:#1e293b!important;font-size:12.5px;line-height:1.45;overflow-wrap:anywhere;}
.school-notification-page-copy p{display:block!important;margin:0!important;color:#475569!important;font-size:10.8px!important;line-height:1.65!important;white-space:pre-wrap!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;overflow-wrap:anywhere!important;word-break:break-word!important;opacity:1!important;visibility:visible!important;}
.school-notification-page-copy small{display:block;color:#64748b!important;font-size:9.4px;line-height:1.45;overflow-wrap:anywhere;}
.school-notification-page-item.read :is(b,p,small){color:#64748b!important;}
.school-notification-page-item:is(:hover,:focus,:focus-visible,:active) :is(b,p,small),.school-notification-page-item[aria-selected="true"] :is(b,p,small){color:#17324d!important;-webkit-text-fill-color:#17324d!important;}
.school-notification-page-empty{padding:30px 14px;color:#64748b;text-align:center;font-size:11px;}
@media(max-width:700px){#content:has(>.school-notification-page-v115w){background:#f8fafc!important;}.school-notification-page-v115w{background:#f8fafc!important;}.school-notification-page-heading{align-items:flex-start;flex-direction:column;gap:14px;}.school-notification-page-actions{width:100%;justify-content:flex-start;}.school-notification-page-actions .secondary{min-height:44px;padding:0 15px;}.school-notification-page-list{padding:4px 14px;border-radius:18px;background:#fff!important;}.school-notification-page-item{padding:15px 3px;}.school-notification-page-item.unread{background:rgba(219,234,254,.72)!important;}.school-notification-page-item.read{background:#f1f5f9!important;}.school-notification-page-heading h2{font-size:26px;}}

/* EDUVIA V116M — employee email clarity + preview title contrast */
.employee-field-label-v116m{display:flex!important;align-items:center;gap:7px;color:#516478;font-size:12px;font-style:normal;}
.employee-field-label-v116m em{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border:1px solid #cfe3f3;border-radius:999px;background:#f2f8fd;color:#3b6f94;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.03em;text-transform:uppercase;}
.employee-field-help-v116m{display:block;margin-top:-1px;color:#8391a1;font-size:10px;font-weight:650;line-height:1.45;}
.employee-editor-form-v70 input.employee-field-error-v116m{border-color:#ef7f86!important;background:#fff8f8!important;box-shadow:0 0 0 3px rgba(220,38,38,.08)!important;}
/* EDUVIA V116N — canonical employee account preview header.
   Satu sumber style; sengaja diletakkan paling akhir agar tidak ditimpa theme global #modal h2. */
#modal .modal-card:has(.employee-account-preview) .employee-preview-head > .employee-preview-kicker-v116n{
  display:block!important;margin:0!important;color:#dff4ff!important;-webkit-text-fill-color:#dff4ff!important;
  font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px!important;font-weight:800!important;
  letter-spacing:.14em!important;line-height:1.35!important;text-transform:uppercase!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,35,75,.22)!important;
}
#modal .modal-card:has(.employee-account-preview) .employee-preview-head > .employee-preview-name-v116n{
  display:block!important;margin:8px 0 5px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(24px,2.6vw,30px)!important;
  font-weight:800!important;font-style:normal!important;line-height:1.08!important;letter-spacing:-.03em!important;
  opacity:1!important;text-shadow:0 2px 6px rgba(0,25,65,.34)!important;filter:none!important;
}
#modal .modal-card:has(.employee-account-preview) .employee-preview-head > .employee-preview-subtitle-v116n{
  display:block!important;margin:0!important;color:rgba(255,255,255,.88)!important;-webkit-text-fill-color:rgba(255,255,255,.88)!important;
  font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px!important;font-weight:600!important;
  line-height:1.45!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,25,65,.18)!important;
}



/* V118U_EMPLOYEE_EVIDENCE_ADMIN */
.v127-attendance-actions{display:flex;flex-wrap:wrap;gap:6px;}.employee-photo-settings-v118u{display:grid;gap:14px;}.employee-photo-toggle-v118u{display:flex!important;gap:12px;align-items:flex-start;padding:14px;border:1px solid #d8e5ef;border-radius:16px;background:#f8fbfd;}.employee-photo-toggle-v118u input{width:20px;height:20px;margin-top:2px;}.employee-photo-toggle-v118u span{display:grid;gap:3px;}.employee-photo-toggle-v118u small{font-weight:500;color:#718096;}.employee-photo-settings-v118u #employeePhotoLocationFieldsV118U{display:grid;gap:13px;padding:14px;border:1px solid #e1e8ef;border-radius:16px;}.employee-photo-settings-v118u #employeePhotoLocationFieldsV118U[hidden]{display:none;}.employee-evidence-head-v118u small{font-weight:900;letter-spacing:.12em;color:#0879c9;}.employee-evidence-head-v118u h2{margin:5px 0 2px;}.employee-evidence-head-v118u p{margin:0;color:#66788a;}.employee-evidence-meta-v118u{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin:16px 0;}.employee-evidence-meta-v118u>div{background:#f4f8fb;border-radius:14px;padding:11px;}.employee-evidence-meta-v118u small,.employee-evidence-note-v118u small{display:block;font-size:10px;font-weight:900;letter-spacing:.06em;color:#65788b;margin-bottom:4px;}.employee-evidence-preview-v118u{height:min(58vh,520px);border:1px solid #dce6ee;border-radius:18px;overflow:hidden;background:#edf2f7;}.employee-evidence-preview-v118u iframe{width:100%;height:100%;border:0;background:#fff;}.employee-evidence-empty-v118u{padding:22px;text-align:center;border:1px dashed #ccd9e4;border-radius:16px;color:#718096;background:#f8fafc;}.employee-evidence-note-v118u{margin-top:12px;padding:12px 14px;border-radius:14px;background:#f8fafc;}.employee-evidence-note-v118u p{margin:0;white-space:pre-wrap;}.employee-evidence-open-v118u{display:block;text-align:center;margin-top:12px;text-decoration:none;padding:11px;border-radius:12px;}