@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-serif:var(--font-serif);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:11.5px;--text-xs--line-height:calc(1 / .75);--text-sm:12.5px;--text-sm--line-height:calc(1.25 / .875);--text-base:13.5px;--text-base--line-height:calc(1.5 / 1);--text-lg:16.5px;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:19px;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:22px;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:25px;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:30px;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-2xs:10.5px;--text-md:15px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-padding-top:calc(var(--topbar-bawah,0px) + var(--space-3))}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:var(--weight-semibold);color:var(--ink-heading);line-height:1.25}}@layer components{.muted{color:var(--ink-soft)!important}.grow{flex:1;min-width:0}svg.ic{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.ic-sm svg.ic,svg.ic.sm{width:15px;height:15px}.ic-lg svg.ic,svg.ic.lg{width:22px;height:22px}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.app.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) minmax(0, 1fr)}.sidebar{background:var(--surface);border-right:1px solid var(--rule-soft);height:100vh;padding:var(--space-6) var(--space-4) var(--space-4);z-index:var(--z-sidebar);flex-direction:column;display:flex;position:sticky;top:0}.logo{align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-6);display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--primary-deeper);flex-shrink:0;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden}.brand-mark svg{width:22px;height:22px}.brand-name{font-family:var(--font-serif);font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--primary-deeper);letter-spacing:-.01em;white-space:nowrap}.logo .collapse-btn{margin-left:auto}.collapse-btn{border-radius:var(--radius-sm);border:1px solid var(--rule);width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;place-items:center;display:grid}.collapse-btn:hover{background:var(--paper);color:var(--ink)}.nav{margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2);scrollbar-width:thin;flex:1;overflow-y:auto}.nav-group-label{font-size:var(--text-2xs);letter-spacing:.09em;text-transform:uppercase;font-weight:var(--weight-bold);color:var(--ink-soft);padding:var(--space-4) var(--space-3) var(--space-2)}.nav-item{align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink-soft);font-weight:var(--weight-medium);font-size:var(--text-base);white-space:nowrap;transition:background var(--dur-fast), color var(--dur-fast);margin-bottom:2px;display:flex}.nav-item svg.ic{color:var(--ink-soft)}.nav-item:hover{background:var(--paper);color:var(--ink)}.nav-item[aria-current=page]{background:var(--nav-active-bg);color:var(--nav-active-ink);font-weight:var(--weight-bold)}.nav-item[aria-current=page] svg.ic{color:var(--nav-active-icon)}.nav-item{position:relative}.nav-memuat{right:var(--space-3);border-radius:var(--radius-pill);background:var(--primary);opacity:0;width:6px;height:6px;transition:opacity var(--dur-fast);pointer-events:none;margin-top:-3px;position:absolute;top:50%}.nav-memuat.is-pending{opacity:1;animation:pulse var(--dur-loop) ease-in-out infinite}.app.is-collapsed .nav-memuat{right:4px}.nav-item .nav-badge{font-size:var(--text-2xs);font-weight:var(--weight-bold);background:var(--primary-deeper);color:var(--on-dark);border-radius:var(--radius-pill);padding:1px var(--space-2);margin-left:auto}.side-card{margin:var(--space-5) var(--space-2) var(--space-1);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-4);background:var(--primary-tint);position:relative;overflow:hidden}.side-card .wave{opacity:.9;pointer-events:none;height:56px;position:absolute;inset:0 0 auto}.side-card-body{padding-top:var(--space-8);position:relative}.side-card h4{font-size:var(--text-md);color:var(--primary-deeper)}.side-card p{font-size:var(--text-sm);color:var(--primary-deep);margin-top:var(--space-1)}.side-card .progress{margin-top:var(--space-3);background:var(--paper-raised)}@supports (color:color-mix(in lab, red, red)){.side-card .progress{background:color-mix(in srgb, var(--paper-raised) 70%, transparent)}}.side-card .btn{margin-top:var(--space-3);justify-content:center;width:100%}.side-foot{margin-top:var(--space-3);border-top:1px solid var(--rule-soft);padding-top:var(--space-3)}.app.is-collapsed .brand-name,.app.is-collapsed .nav-item span,.app.is-collapsed .nav-group-label,.app.is-collapsed .side-card,.app.is-collapsed .nav-badge{display:none}.app.is-collapsed .logo{padding:0 0 var(--space-5);flex-direction:column}.app.is-collapsed .logo .collapse-btn{margin-left:0}.app.is-collapsed .nav-item{justify-content:center;padding:0}.app.is-collapsed .sidebar{padding-left:var(--space-3);padding-right:var(--space-3)}.main{--main-pt:var(--space-6);--main-px:var(--space-8);min-width:0;padding:var(--main-pt) var(--main-px) var(--space-10)}.topbar{top:calc(var(--offline-h,0px) + var(--space-3) - var(--main-pt));z-index:var(--z-sticky);align-items:center;gap:var(--space-4);margin:calc(-1 * var(--main-pt)) calc(-1 * var(--main-px)) var(--space-2);padding:var(--main-pt) var(--main-px) var(--space-3);background:var(--canvas);transition:background-color var(--dur-fast), box-shadow var(--dur-fast);display:flex;position:sticky}.app[data-lekat] .topbar{background:var(--topbar-stuck);box-shadow:0 1px 0 var(--topbar-stuck-rule)}.app[data-lekat] .user-chip:hover{background:var(--topbar-stuck-rule)}.topbar-title{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.back-btn{border-radius:var(--radius-md);border:1px solid var(--rule);background:var(--surface);width:36px;height:36px;color:var(--ink);flex-shrink:0;place-items:center;display:grid}.back-btn:hover{background:var(--paper-sunken)}.menu-btn,.menu-btn.is-lekat{display:none}.topbar h1{font-size:var(--text-3xl);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crumbs{gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-soft);flex-wrap:wrap;margin-top:3px;display:flex}.crumbs a{color:var(--primary-deep);font-weight:var(--weight-semibold)}.crumbs a:hover{text-decoration:underline}.crumbs .sep{color:var(--rule)}.topbar-tools{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.search{align-items:center;gap:var(--space-2);width:290px;height:42px;padding:0 var(--space-3) 0 var(--space-4);background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--radius);color:var(--ink-soft);cursor:text;font-size:var(--text-sm);text-align:left;display:flex}.search span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.search kbd{font-family:var(--font-sans);font-size:var(--text-2xs);border:1px solid var(--rule);border-radius:var(--radius-xs);padding:1px var(--space-2);color:var(--ink-soft);background:var(--paper)}.date-chip{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-soft);white-space:nowrap;padding:0 var(--space-1);display:flex}.icon-btn{border-radius:var(--radius);background:var(--chip-bg);width:42px;height:42px;color:var(--primary-deeper);cursor:pointer;border:0;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.icon-btn:hover{background:color-mix(in srgb, var(--primary-tint) 80%, var(--primary))}}.icon-btn .dot{min-width:17px;height:17px;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--danger-text);color:var(--on-dark);font-size:var(--text-2xs);font-weight:var(--weight-bold);border:2px solid var(--canvas);place-items:center;display:grid;position:absolute;top:7px;right:7px;transform:translate(40%,-40%)}.user-chip{align-items:center;gap:var(--space-3);cursor:pointer;padding:2px var(--space-1) 2px 2px;border-radius:var(--radius);text-align:left;background:0 0;border:0;display:flex}.user-chip:hover{background:var(--paper-sunken)}.avatar{border-radius:var(--radius);background:var(--primary-tint);width:40px;height:40px;color:var(--primary-deeper);font-family:var(--font-serif);font-weight:var(--weight-bold);font-size:var(--text-base);flex-shrink:0;place-items:center;display:grid}.avatar.round{border-radius:50%}.avatar.sm{width:32px;height:32px;font-size:var(--text-sm);border-radius:var(--radius-md)}.avatar.xs{width:26px;height:26px;font-size:var(--text-2xs);border-radius:var(--radius-sm)}.avatar.lg{width:72px;height:72px;font-size:var(--text-2xl);border-radius:var(--radius-xl)}.avatar.xl{width:104px;height:104px;font-size:var(--text-4xl);border-radius:var(--radius-xl)}.avatar.accent{background:var(--accent-tint);color:var(--accent-ink)}.avatar.dark{background:var(--primary-deeper);color:var(--on-dark)}.avatar.info{background:var(--info-blue-tint);color:var(--info-blue-text)}.user-meta b{font-size:var(--text-base);color:var(--ink-heading);white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:block;overflow:hidden}.user-meta small{font-size:var(--text-xs);color:var(--ink-soft);white-space:nowrap;display:block}.pop{position:relative}.pop-panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);width:360px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);display:none;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.pop.is-open .pop-panel{display:block}.pop-head{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--rule-soft);justify-content:space-between;align-items:center;display:flex}.pop-head b{font-size:var(--text-base);color:var(--ink-heading)}.notif-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule-soft);display:flex}.notif-item:hover{background:var(--paper)}.notif-item.is-unread{background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.notif-item.is-unread{background:color-mix(in srgb, var(--primary-tint) 35%, var(--surface))}}.notif-ic{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.notif-item b{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-heading);display:block}.notif-item p{font-size:var(--text-sm);color:var(--ink-soft);margin-top:1px}.notif-item time{font-size:var(--text-xs);color:var(--ink-soft);margin-top:3px;display:block}.pop-foot{text-align:center;padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--primary-deep);display:block}.pop-foot:hover{background:var(--paper)}.acct-panel{width:300px;padding:var(--space-4)}.acct-sec{border-top:1px solid var(--rule-soft);margin-top:var(--space-3);padding-top:var(--space-3)}.acct-sec-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.acct-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;display:flex}.acct-link:hover{background:var(--paper)}.acct-link svg.ic{color:var(--ink-soft)}.pagebar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);margin:calc(-1 * var(--space-2)) 0 var(--space-5);flex-wrap:wrap;display:flex}.pagebar .lede{font-size:var(--text-sm);color:var(--ink-soft);max-width:720px}.pagebar .actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.g-2,.g-3,.g-4,.g-5,.g-auto{gap:var(--space-5);display:grid}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.with-rail{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 330px;align-items:start;display:grid}.with-rail.rail-wide{grid-template-columns:minmax(0,1fr) 370px}.with-rail.rail-left{grid-template-columns:340px minmax(0,1fr)}.stack{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.wrap{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--radius-lg);padding:var(--space-5);min-width:0}.card.flush{padding:0}.card.brand{background:var(--primary-tint);border-color:#0000}.card.accent{background:var(--accent-tint);border-color:#0000}.card.dark{background:var(--primary-deeper);color:var(--on-dark);border-color:#0000}.card.dark :is(h2,h3,h4){color:var(--on-dark)}.card-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.card-head :is(h2,h3){font-size:var(--text-lg)}.card-head .sub{font-size:var(--text-sm);color:var(--ink-soft);font-family:var(--font-sans);margin-top:2px}.card-head .tools{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.card-foot{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--rule-soft);justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.link{color:var(--primary-deep);font-weight:var(--weight-bold);font-size:var(--text-sm);align-items:center;gap:var(--space-1);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.link:hover{text-decoration:underline}.more-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.more-btn:hover{background:var(--paper);color:var(--ink)}.section-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:var(--space-1) 0 var(--space-3)}.kpi{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);min-width:0;display:flex}.kpi-body{flex:1;min-width:0}.kpi-label{font-size:var(--text-sm);color:var(--ink-soft);font-weight:var(--weight-medium);line-height:1.35}.kpi-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--ink-heading);letter-spacing:-.02em;white-space:nowrap;margin-top:3px;line-height:1.2}.kpi-value.sm{font-size:var(--text-xl)}.kpi-sub{font-size:var(--text-sm);color:var(--ink-soft);margin-top:2px;line-height:1.35}.kpi-ic{border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.kpi-ic svg.ic{width:20px;height:20px}:is(.kpi-ic,.li-ic,.notif-ic).dark{background:var(--primary-deeper);color:var(--on-dark)}:is(.kpi-ic,.li-ic,.notif-ic).accent{background:var(--accent-tint);color:var(--accent-ink)}:is(.kpi-ic,.li-ic,.notif-ic).brand{background:var(--primary-tint);color:var(--primary-deep)}:is(.kpi-ic,.li-ic,.notif-ic).warn{background:var(--warning-tint);color:var(--warning-text)}:is(.kpi-ic,.li-ic,.notif-ic).info{background:var(--info-blue-tint);color:var(--info-blue-text)}:is(.kpi-ic,.li-ic,.notif-ic).ok{background:var(--success-tint);color:var(--success-text)}:is(.kpi-ic,.li-ic,.notif-ic).danger{background:var(--danger-tint);color:var(--danger-text)}.kpi-ic.sm{width:36px;height:36px}.kpi-ic.xs{width:28px;height:28px;font-size:var(--text-sm);font-weight:var(--weight-heavy)}.kpi.is-warn .kpi-value{color:var(--warning-text)}.kpi.is-good .kpi-value{color:var(--primary-deep)}.kpi a.kpi-link{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary-deep)}.delta{font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-pill);padding:1px var(--space-2);align-items:center;gap:2px;display:inline-flex}.delta.up{background:var(--success-tint);color:var(--success-text)}.delta.down{background:var(--warning-tint);color:var(--warning-text)}.tile{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);position:relative;overflow:hidden}.tile.accent{background:var(--accent-tint)}.tile.brand{background:var(--primary-tint)}.tile.dark{background:var(--primary-deeper);color:var(--on-dark)}.tile.plain{background:var(--surface);border:1px solid var(--rule-soft)}.tile.plain.is-warn{border-color:var(--warning)}.kartu-kelas .meter-row{gap:var(--space-2);grid-template-columns:minmax(72px,auto) 1fr auto;padding-block:2px}.kartu-kelas .tile-title{color:inherit;text-decoration:none}.tile-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.tile-title{font-weight:var(--weight-bold);font-size:var(--text-base)}.tile-big{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:-.02em;margin-top:var(--space-3);line-height:1.1}.tile-cap{font-size:var(--text-sm);opacity:.8}.tile:not(.dark) .tile-cap{opacity:1;color:var(--ink-soft)}.tile-split{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid;grid-template-columns:repeat(3,1fr);display:grid}@supports (color:color-mix(in lab, red, red)){.tile-split{border-top:1px solid color-mix(in srgb, currentColor 14%, transparent)}}.tile-split{font-size:var(--text-xs)}.tile-split b{font-size:var(--text-md);display:block}.tile .wave{opacity:.55;pointer-events:none;width:160px;position:absolute;top:-6px;right:-10px}.pill{align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;line-height:1.4;display:inline-flex}.pill.ok{background:var(--success-tint);color:var(--success-text)}.pill.warn{background:var(--warning-tint);color:var(--warning-text)}.pill.info{background:var(--info-blue-tint);color:var(--info-blue-text)}.pill.brand{background:var(--primary-tint);color:var(--primary-deep)}.pill.accent{background:var(--accent-tint);color:var(--accent-ink)}.pill.neutral{background:var(--paper-sunken);color:var(--ink-soft)}.pill.danger{background:var(--danger-tint);color:var(--danger-text)}.pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.tag{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--paper-sunken);color:var(--ink-soft);white-space:nowrap;display:inline-flex}.tag.brand{background:var(--primary-tint);color:var(--primary-deep)}.tag.info{background:var(--info-blue-tint);color:var(--info-blue-text)}.tag.accent{background:var(--accent-tint);color:var(--accent-ink)}.tag.time{font-variant-numeric:tabular-nums;font-weight:var(--weight-heavy);padding:5px var(--space-2);border-radius:var(--radius-sm);background:var(--primary-tint);color:var(--primary-deeper)}.tag.date{font-variant-numeric:tabular-nums;font-weight:var(--weight-heavy)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-bold);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast), border-color var(--dur-fast);border:1px solid #0000;display:inline-flex}.btn.sm{height:34px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn.xs{height:28px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm);gap:var(--space-1)}.btn.primary{background:var(--primary-deep);color:var(--on-dark)}.btn.primary:hover{background:var(--primary-deeper)}.btn.accent{background:var(--accent);color:var(--accent-ink)}.btn.accent:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn.accent:hover{background:color-mix(in srgb, var(--accent) 80%, var(--accent-deep))}}.btn.accent:hover{color:var(--accent-ink)}.btn.soft{background:var(--chip-bg);color:var(--chip-ink)}.btn.soft:hover{background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.btn.soft:hover{background:color-mix(in srgb, var(--primary-tint) 80%, var(--primary))}}.btn.ghost{background:var(--surface);border-color:var(--rule);color:var(--ink)}.btn.ghost:hover{background:var(--paper-sunken)}.btn.danger{background:var(--danger-tint);color:var(--danger-text)}.btn.success{background:var(--success-tint);color:var(--success-text)}.btn-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3) 0 var(--space-3);border-radius:var(--radius-sm);background:var(--chip-bg);color:var(--chip-ink);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;white-space:nowrap;border:0;display:inline-flex}.chip svg.ic{width:14px;height:14px}.chip.ghost{background:var(--surface);border:1px solid var(--rule);color:var(--ink)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chips .opt{height:34px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--rule);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-soft);cursor:pointer;white-space:nowrap;align-items:center;gap:var(--space-2);display:inline-flex}.chips .opt:hover{color:var(--ink);border-color:var(--sidebar-rule)}.chips .opt[aria-pressed=true]{background:var(--primary-deeper);border-color:var(--primary-deeper);color:var(--on-dark)}.chips .opt .n{font-size:var(--text-2xs);font-weight:var(--weight-heavy);background:var(--paper-sunken);color:var(--ink-soft);border-radius:var(--radius-pill);padding:0 var(--space-2)}.chips .opt[aria-pressed=true] .n{background:var(--on-dark)}@supports (color:color-mix(in lab, red, red)){.chips .opt[aria-pressed=true] .n{background:color-mix(in srgb, var(--on-dark) 20%, transparent)}}.chips .opt[aria-pressed=true] .n{color:var(--on-dark)}.scroll-x{scrollbar-width:thin;overflow-x:auto}.chips.scroll-x{padding-bottom:var(--space-1);flex-wrap:nowrap}.seg{background:var(--paper-sunken);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.seg button{height:30px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0}.seg button:is([aria-pressed=true],[aria-selected=true]){background:var(--surface);color:var(--primary-deeper);box-shadow:var(--shadow-sm)}.tabs{gap:var(--space-6);border-bottom:1px solid var(--rule);margin-bottom:var(--space-5);display:flex;overflow-x:auto}.tabs button,.tabs a{padding:var(--space-3) 0 var(--space-3);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--ink-soft);cursor:pointer;white-space:nowrap;align-items:center;gap:var(--space-2);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.tabs [aria-selected=true]{color:var(--primary-deeper);border-bottom-color:var(--primary-deeper)}.tab-panel[hidden]{display:none}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field label,.field .lbl{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink)}.field .hint{font-size:var(--text-xs);color:var(--ink-soft)}.input,.select,.textarea{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--rule);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-base)}.input.muted-bg{background:var(--paper)}.textarea{resize:vertical;min-height:96px;line-height:1.55}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);padding-right:var(--space-8);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-repeat:no-repeat;background-size:5px 5px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus);outline:none}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .full{grid-column:1/-1}.check{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);cursor:pointer;display:flex}.check input{width:17px;height:17px;accent-color:var(--primary-deep);flex-shrink:0;margin-top:1px}.switch{flex-shrink:0;width:38px;height:22px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{border-radius:var(--radius-pill);background:var(--rule);transition:var(--dur);cursor:pointer;position:absolute;inset:0}.switch span:after{content:"";background:var(--surface);width:16px;height:16px;transition:var(--dur);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--primary-deep)}.switch input:checked+span:after{transform:translate(16px)}.searchbox{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-soft);min-width:220px;display:flex}.searchbox input{font:inherit;font-size:var(--text-sm);color:var(--ink);background:0 0;border:0;outline:0;width:100%}.dropzone{border:1.5px dashed var(--primary);border-radius:var(--radius);background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.dropzone{background:color-mix(in srgb, var(--primary-tint) 40%, var(--surface))}}.dropzone{padding:var(--space-6);text-align:center;color:var(--primary-deep);font-size:var(--text-sm)}.dropzone b{color:var(--primary-deeper);display:block}.dropzone small{color:var(--ink-soft)}.callout{gap:var(--space-3);padding:var(--space-4) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);align-items:flex-start;display:flex}.callout svg.ic{margin-top:1px}.callout b.callout-title{margin-bottom:2px;display:block}.callout.brand{background:var(--primary-tint);color:var(--primary-deeper)}.callout.info{background:var(--info-blue-tint);color:var(--info-blue-text)}.callout.warn{background:var(--warning-tint);color:var(--warning-text)}.callout.accent{background:var(--accent-tint);color:var(--accent-ink)}.callout.ok{background:var(--success-tint);color:var(--success-text)}.callout.danger{background:var(--danger-tint);color:var(--danger-text)}.callout .grow{flex:1;min-width:0}.table-wrap{margin:0 calc(-1 * var(--space-5));padding:0 var(--space-5);position:relative;overflow-x:auto}.card.flush .table-wrap{margin:0;padding:0}table.tbl{border-collapse:collapse;width:100%;font-size:var(--text-base)}.tbl th{text-align:left;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-soft);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--rule-soft);white-space:nowrap;background:var(--surface-2)}.tbl th:first-child{border-top-left-radius:var(--radius-md)}.tbl th:last-child{border-top-right-radius:var(--radius-md)}.tbl td{padding:var(--space-3);border-bottom:1px solid var(--rule-soft);vertical-align:middle}.tbl tbody tr:hover td{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.tbl tbody tr:hover td{background:color-mix(in srgb, var(--paper) 60%, var(--surface))}}.tbl tbody tr:last-child td{border-bottom:0}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl .c{text-align:center}.tbl .strong{font-weight:var(--weight-bold);color:var(--ink-heading)}.tbl .id{color:var(--primary-deep);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.who{align-items:center;gap:var(--space-3);min-width:0;display:flex}.who b{font-weight:var(--weight-bold);color:var(--ink-heading);font-size:var(--text-base);white-space:nowrap;display:block}.who small{font-size:var(--text-xs);color:var(--ink-soft);white-space:nowrap;display:block}.tbl td{overflow-wrap:break-word}.tbl td :where(div,p){max-width:48ch}.tbl .who b{text-overflow:ellipsis;max-width:36ch;overflow:hidden}.tbl .who small{text-overflow:ellipsis;max-width:48ch;overflow:hidden}.tbl-foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);font-size:var(--text-sm);color:var(--ink-soft);flex-wrap:wrap;display:flex}.pager{gap:var(--space-2);display:flex}.pager button{border-radius:var(--radius-sm);border:1px solid var(--rule);background:var(--surface);width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);cursor:pointer;place-items:center;display:grid}.pager button[aria-current=page]{background:var(--primary-deeper);border-color:var(--primary-deeper);color:var(--on-dark)}.list{flex-direction:column;display:flex}.li{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--rule-soft);min-width:0;display:flex}.li:last-child{border-bottom:0;padding-bottom:0}.li:first-child{padding-top:0}.li .grow{flex:1;min-width:0}.li b{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--ink-heading);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.li small{font-size:var(--text-sm);color:var(--ink-soft);display:block}a.li:hover b{color:var(--primary-deep)}.li.is-current,.li.is-current:first-child,.li.is-current:last-child{background:var(--accent-tint)}@supports (color:color-mix(in lab, red, red)){.li.is-current,.li.is-current:first-child,.li.is-current:last-child{background:color-mix(in srgb, var(--accent-tint) 45%, var(--surface))}}.li.is-current,.li.is-current:first-child,.li.is-current:last-child{border-radius:var(--radius-md);padding:var(--space-3);border-bottom-color:#0000}.li-ic{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.progress{border-radius:var(--radius-pill);background:var(--chart-track);height:8px;overflow:hidden}.progress>span{border-radius:var(--radius-pill);background:var(--primary-deep);height:100%;display:block}.progress.accent>span{background:var(--accent-deep)}.progress.warn>span{background:var(--warning)}.progress.thin{height:5px}.progress.thick{height:12px}.meter-row{align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) 0;grid-template-columns:minmax(90px,150px) 1fr auto;display:grid}.meter-row .v{font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--ink-heading);text-align:right;min-width:42px}.mini-cal{background:var(--primary-tint);border-radius:var(--radius-lg);padding:var(--space-5)}.mini-cal .mini-cal-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.mini-cal :is(h2,h3){font-size:var(--text-md);color:var(--primary-deeper)}.mini-cal-nav{gap:var(--space-2);display:flex}.mini-cal-nav button{border-radius:var(--radius-sm);background:var(--surface);width:28px;height:28px;color:var(--primary-deeper);cursor:pointer;border:0;place-items:center;display:grid}.mini-cal-grid{gap:var(--space-1);text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.mini-cal-grid .dow{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--primary-deep);padding-bottom:var(--space-1)}.mini-cal-grid .d{aspect-ratio:1;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);color:var(--primary-deeper);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative}.mini-cal-grid .d.is-outside,.mini-cal-grid .d.kosong{color:var(--ink-soft);font-weight:var(--weight-medium)}.mini-cal-grid .d.libur{background:var(--warning-tint);color:var(--warning-text)}.mini-cal-grid .d.ujian{background:var(--surface);color:var(--primary-deeper);box-shadow:inset 0 0 0 1.5px var(--primary)}.mini-cal-grid .d.kegiatan{background:var(--accent-tint);color:var(--accent-ink)}.mini-cal-grid .d.is-today{background:var(--primary-deeper);color:var(--on-dark);box-shadow:none}.mini-cal-legend{gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--primary-deeper);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.mini-cal-legend span{align-items:center;gap:var(--space-1);display:inline-flex}.mini-cal-legend i{border-radius:var(--radius-xs);width:10px;height:10px;display:inline-block}.notice-strip{gap:var(--space-4);background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--radius-lg);padding:var(--space-4);align-items:stretch;display:flex;overflow-x:auto}.notice-strip .strip-ic{border-radius:var(--radius);background:var(--primary-tint);width:40px;height:40px;color:var(--primary-deep);flex-shrink:0;align-self:center;place-items:center;display:grid}.notice-strip .strip-item{min-width:240px;padding-left:var(--space-4);border-left:1px solid var(--rule-soft);flex:1}.notice-strip .strip-item:first-of-type{border-left:0;padding-left:0}.notice-strip b{font-size:var(--text-sm);color:var(--ink-heading);display:block}.notice-strip p{font-size:var(--text-sm);color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.notice-strip time{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--ink-soft)}.notice-row{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--rule-soft);grid-template-columns:52px minmax(0,2fr) 1fr 1fr 1fr 30px;align-items:center;display:grid}.notice-row:last-child{border-bottom:0}.notice-thumb{border-radius:var(--radius);place-items:center;width:52px;height:52px;display:grid}.notice-row b{font-size:var(--text-base);color:var(--ink-heading);display:block}.notice-cell small{font-size:var(--text-xs);color:var(--ink-soft);display:block}.notice-cell span{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.profile-card{text-align:center}.profile-card .avatar{margin:0 auto}.profile-card :is(h2,h3){font-size:var(--text-lg);margin-top:var(--space-4)}.profile-card .ids{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.kv{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);text-align:left;background:var(--surface-2);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);grid-template-columns:auto 1fr;display:grid}.kv dt{color:var(--ink-soft)}.kv dd{font-weight:var(--weight-bold);color:var(--ink-heading);text-align:right;margin:0}.file-ic{border-radius:var(--radius-sm);background:var(--paper-sunken);width:38px;height:44px;color:var(--ink-heading);font-size:var(--text-2xs);font-weight:var(--weight-heavy);flex-shrink:0;place-items:center;display:grid}.attendance-toggle{gap:var(--space-1);display:inline-flex}.attendance-toggle label{position:relative}.attendance-toggle input{opacity:0;pointer-events:none;position:absolute}.attendance-toggle input:disabled+span{opacity:.35;cursor:not-allowed}.attendance-toggle span{border-radius:var(--radius-sm);width:34px;height:32px;font-size:var(--text-sm);font-weight:var(--weight-heavy);background:var(--paper);color:var(--ink-soft);border:1px solid var(--rule-soft);cursor:pointer;place-items:center;display:grid}.attendance-toggle input:checked+span.h{background:var(--primary-deep);color:var(--on-dark);border-color:var(--primary-deep)}.attendance-toggle input:checked+span.s{background:var(--warning-tint);color:var(--warning-text);border-color:var(--warning)}.attendance-toggle input:checked+span.i{background:var(--info-blue-tint);color:var(--info-blue-text);border-color:var(--info-blue)}.attendance-toggle input:checked+span.a{background:var(--danger-tint);color:var(--danger-text);border-color:var(--danger)}.attendance-dot{border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.attendance-dot svg.ic{stroke-width:2.6px;width:13px;height:13px}.attendance-dot.h{background:var(--success-tint);color:var(--success-text)}.attendance-dot.s{background:var(--warning-tint);color:var(--warning-text)}.attendance-dot.i{background:var(--info-blue-tint);color:var(--info-blue-text)}.attendance-dot.a{background:var(--danger-tint);color:var(--danger-text)}.attendance-dot.x{color:var(--rule);background:0 0}.legend{gap:var(--space-4);font-size:var(--text-sm);color:var(--ink-soft);flex-wrap:wrap;align-items:center;display:flex}.legend span{align-items:center;gap:var(--space-2);display:inline-flex}.legend i{border-radius:var(--radius-xs);width:10px;height:10px;display:inline-block}.week{grid-template-columns:56px repeat(var(--days,5), minmax(96px, 1fr));min-width:620px;display:grid;position:relative}.week-head{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);text-align:center;padding:var(--space-2) 0 var(--space-3)}.week-head.is-today{color:var(--primary-deeper)}.week-head.is-today small{background:var(--primary-deeper);color:var(--on-dark)}.week-head small{margin-left:var(--space-1);font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-xs);background:var(--paper-sunken);display:inline-block}.week-time{font-size:var(--text-xs);color:var(--ink-soft);text-align:right;padding-right:var(--space-2);font-variant-numeric:tabular-nums;height:46px;transform:translateY(-7px)}.week-cell{border-top:1px solid var(--rule-soft);border-left:1px dashed var(--rule-soft);height:46px}.week-event{border-radius:var(--radius-md);padding:var(--space-2) var(--space-2);font-size:var(--text-xs);border:2px solid var(--surface);line-height:1.3;position:absolute;overflow:hidden}.week-event b{font-size:var(--text-sm);display:block}.week-event.teal{background:var(--primary-tint);color:var(--primary-deeper)}.week-event.gold{background:var(--accent-tint);color:var(--accent-ink)}.week-event.dark{background:var(--primary-deeper);color:var(--on-dark)}.week-event.blue{background:var(--info-blue-tint);color:var(--info-blue-text)}.month{border:1px solid var(--rule-soft);border-radius:var(--radius);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.month-head{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);padding:var(--space-3);text-align:center;background:var(--surface-2);border-bottom:1px solid var(--rule-soft)}.month-cell{border-right:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);min-height:112px;padding:var(--space-2);background:var(--surface);gap:var(--space-1);flex-direction:column;display:flex}.month-cell:nth-child(7n){border-right:0}.month-cell.is-outside{background:var(--surface-2)}.month-cell.is-outside .n{font-weight:var(--weight-medium)}.month-cell .n{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);font-variant-numeric:tabular-nums}.month-cell.is-today .n{background:var(--primary-deeper);color:var(--on-dark);border-radius:var(--radius-xs);place-items:center;width:24px;height:24px;display:grid}.month .ev{font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);line-height:1.25}.ev.libur{background:var(--warning-tint);color:var(--warning-text)}.ev.ujian{background:var(--primary-deeper);color:var(--on-dark)}.ev.kegiatan{background:var(--accent-tint);color:var(--accent-ink)}.thread{gap:var(--space-4);flex-direction:column;display:flex}.bubble{max-width:78%;padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-base);background:var(--surface-2);border:1px solid var(--rule-soft)}.bubble.me{background:var(--primary-tint);border-color:#0000;align-self:flex-end}.bubble small{font-size:var(--text-xs);color:var(--ink-soft);margin-top:var(--space-2);display:block}.inbox{grid-template-columns:330px minmax(0,1fr);min-height:560px;display:grid}.inbox-list{border-right:1px solid var(--rule-soft)}.inbox-item{gap:var(--space-3);padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--rule-soft);cursor:pointer;display:flex}.inbox-item:hover{background:var(--paper)}.inbox-item[aria-current=true]{background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.inbox-item[aria-current=true]{background:color-mix(in srgb, var(--primary-tint) 45%, var(--surface))}}.inbox-item[aria-current=true]{box-shadow:inset 3px 0 0 var(--primary-deep)}.inbox-item b{font-size:var(--text-sm);color:var(--ink-heading);display:block}.inbox-item .t{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink)}.inbox-item p{font-size:var(--text-sm);color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.inbox-item time{font-size:var(--text-xs);color:var(--ink-soft);white-space:nowrap;margin-left:auto}.qa{border:1px solid var(--rule-soft);border-radius:var(--radius);padding:var(--space-4) var(--space-4);background:var(--surface)}.qa+.qa{margin-top:var(--space-3)}.qa .who b{font-size:var(--text-sm)}.qa p{font-size:var(--text-base);margin-top:var(--space-2)}.qa .reply{margin:var(--space-3) 0 0 var(--space-5);padding:var(--space-3) 0 0 var(--space-4);border-left:2px solid var(--primary-tint)}.qa .reply+.reply{margin-top:var(--space-2)}dialog.drawer{background:var(--surface);width:min(460px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;box-shadow:var(--shadow-modal);color:var(--ink);border:0;margin:0 0 0 auto;padding:0}dialog.drawer::backdrop{background:var(--backdrop)}dialog.drawer[open]{animation:slidein var(--dur) ease}@keyframes slidein{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.drawer-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--rule-soft);display:flex}.drawer-head small{font-size:var(--text-xs);font-weight:var(--weight-heavy);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-deep)}.drawer-head h3{font-size:var(--text-xl);margin-top:2px}.drawer-body{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;max-height:calc(100dvh - 150px);display:flex;overflow-y:auto}.drawer-foot{padding:var(--space-4) var(--space-6);border-top:1px solid var(--rule-soft);background:var(--surface);gap:var(--space-2);justify-content:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}dialog.modal{border-radius:var(--radius-lg);width:min(560px,100vw - 32px);box-shadow:var(--shadow-modal);background:var(--surface);color:var(--ink);border:0;margin:auto;padding:0}dialog.modal::backdrop{background:var(--backdrop)}dialog.modal,dialog.drawer{white-space:normal;text-align:start}dialog.palette{border-radius:var(--radius-lg);width:min(620px,100vw - 24px);box-shadow:var(--shadow-modal);background:var(--surface);color:var(--ink);border:0;margin:12vh auto auto;padding:0}dialog.palette::backdrop{background:var(--backdrop)}.palette-input{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--rule-soft);display:flex}.palette-input input{font:inherit;font-size:var(--text-md);color:var(--ink);background:0 0;border:0;outline:0;flex:1}.palette-list{max-height:50vh;padding:var(--space-2);overflow-y:auto}.palette-sec{font-size:var(--text-xs);font-weight:var(--weight-heavy);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);padding:var(--space-3) var(--space-3) var(--space-2)}.palette-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);display:flex}.palette-item:hover,.palette-item:focus-visible{background:var(--primary-tint);outline:none}.palette-item small{color:var(--ink-soft);font-size:var(--text-xs);margin-left:auto}.toast-wrap{z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed;bottom:20px;right:20px}.toast{align-items:center;gap:var(--space-3);background:var(--primary-deeper);color:var(--on-dark);padding:var(--space-3) var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);animation:slidein var(--dur) ease;display:flex}.empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--ink-soft)}.empty .li-ic{margin:0 auto var(--space-3);background:var(--paper-sunken)}.empty b{color:var(--ink-heading);font-size:var(--text-base);display:block}.stepper{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.step{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);display:flex}.step i{width:26px;height:26px;font-style:normal;font-size:var(--text-sm);background:var(--paper-sunken);border-radius:50%;place-items:center;display:grid}.step.is-current{color:var(--primary-deeper)}.step.is-current i{background:var(--primary-deeper);color:var(--on-dark)}.step.is-done i{background:var(--success-tint);color:var(--success-text)}.step-line{background:var(--rule);width:34px;height:2px}.chart{width:100%;position:relative}.chart svg{width:100%;display:block;overflow:visible}.chart .axis{font-size:var(--text-xs);fill:var(--ink-soft);font-family:var(--font-sans);font-variant-numeric:tabular-nums}.chart .grid-line{stroke:var(--chart-grid);stroke-width:1px}.chart .val{font-size:var(--text-xs);font-weight:var(--weight-bold);fill:var(--ink-heading);font-family:var(--font-sans)}.chart-tip{pointer-events:none;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);opacity:0;min-width:120px;transition:opacity var(--dur-fast);z-index:var(--z-raised);white-space:nowrap;position:absolute}.chart-tip.is-visible{opacity:1}.chart-tip .tt{font-weight:var(--weight-heavy);color:var(--ink-heading);margin-bottom:var(--space-1)}.chart-tip .tr{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.chart-tip .tr span{align-items:center;gap:var(--space-2);color:var(--ink-soft);display:inline-flex}.chart-tip .tr i{border-radius:var(--radius-xs);width:9px;height:9px;display:inline-block}.chart-tip .tr b{color:var(--ink-heading);font-variant-numeric:tabular-nums}.chart-legend{gap:var(--space-4);font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.chart-legend span{align-items:center;gap:var(--space-2);display:inline-flex}.chart-legend i{border-radius:var(--radius-xs);width:10px;height:10px;display:inline-block}.chart-legend i.line{border-radius:var(--radius-xs);width:14px;height:2px}.chart-legend i.dash{border-top:2px dashed;border-radius:0;width:14px;height:0;background:0 0!important}.donut-wrap{place-items:center;display:grid;position:relative}.donut-center{text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.donut-center b{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--ink-heading);letter-spacing:-.02em;display:block}.donut-center small{font-size:var(--text-xs);color:var(--ink-soft)}.spark{vertical-align:middle;display:inline-block}.scrim{display:none}@media (max-width:1320px){.with-rail{grid-template-columns:minmax(0,1fr) 300px}.g-5{grid-template-columns:repeat(3,minmax(0,1fr))}.search{width:230px}}@media (max-width:1180px){.with-rail,.with-rail[class]{grid-template-columns:minmax(0,1fr)}.with-rail>.rail{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.g-4{grid-template-columns:repeat(2,minmax(0,1fr))}.date-chip{display:none}}@media (max-width:1024px){.app,.app.is-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{width:280px;transition:transform var(--dur) ease;box-shadow:var(--shadow-lg);position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.app.is-nav-open .sidebar{transform:none}.app.is-nav-open .scrim{background:var(--backdrop);z-index:var(--z-scrim);display:block;position:fixed;inset:0}.logo .collapse-btn{display:none}.app.is-collapsed .brand-name,.app.is-collapsed .nav-item span,.app.is-collapsed .nav-group-label,.app.is-collapsed .side-card{display:revert}.menu-btn{display:grid}.main{--main-pt:var(--space-4);--main-px:var(--space-5);padding-bottom:var(--space-8)}.g-3{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox{grid-template-columns:260px minmax(0,1fr)}.notice-row{grid-template-columns:44px minmax(0,1fr) auto}.notice-row .notice-cell.hide-md{display:none}}@media (max-width:760px){.topbar{display:contents}.topbar-title{margin-bottom:var(--space-1)}.topbar h1{font-size:var(--text-xl);white-space:normal}.topbar-tools{top:var(--offline-h,0px);z-index:var(--z-sticky);margin:0 calc(-1 * var(--main-px)) var(--space-2);padding:var(--space-2) var(--main-px);background:var(--canvas);transition:background-color var(--dur-fast), box-shadow var(--dur-fast);position:sticky}.app[data-lekat] .topbar-tools{background:var(--topbar-stuck);box-shadow:0 1px 0 var(--topbar-stuck-rule)}.app[data-lekat] .menu-btn.is-lekat{display:grid}.search{flex:1;width:auto;min-width:0}.search kbd,.user-meta{display:none}.main{--main-px:var(--space-4)}.g-2,.g-3,.form-grid,.with-rail>.rail{grid-template-columns:minmax(0,1fr)}.g-5,.g-4{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.span-2,.span-3{grid-column:auto}:is(.g-2,.g-3,.g-4,.g-5,.g-auto){gap:var(--space-4)}.card{padding:var(--space-4);border-radius:var(--radius)}.table-wrap{margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.kpi{padding:var(--space-4);flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start}.kpi-ic{width:38px;height:38px}.kpi-value{font-size:var(--text-xl)}.inbox{grid-template-columns:minmax(0,1fr)}.inbox-list{border-right:0;border-bottom:1px solid var(--rule-soft)}.bubble{max-width:92%}.month-cell{min-height:64px;padding:var(--space-1)}.month .ev{border-radius:var(--radius-xs);height:6px;padding:0;font-size:0}.hub-hero{padding:var(--space-6)}.hub-hero h1{font-size:var(--text-3xl)}.meter-row{grid-template-columns:1fr auto}.meter-row .progress{grid-area:2/1/auto/-1}.pagebar .actions{width:100%}.toast-wrap{left:16px;right:16px}.card-foot{flex-wrap:wrap}.card-foot .btn{white-space:normal;height:auto;min-height:40px;padding-top:var(--space-2);padding-bottom:var(--space-2);flex:auto}.pill{white-space:normal}}@media (max-width:420px){.kpi{padding:var(--space-3) var(--space-4);flex-direction:row;align-items:center}.kpi-ic{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media print{.sidebar,.topbar-tools,.pagebar .actions{display:none!important}.app{display:block}.topbar{position:static}}.card-foot.sticky{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);margin:var(--space-4) calc(-1 * var(--space-1)) 0;z-index:var(--z-raised);position:sticky;bottom:12px}.week-event{cursor:pointer}.week-event:hover{filter:brightness(.97)}.week-event :is(b,.ev-sub){white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.week-event .ev-sub svg.ic{vertical-align:-1px;width:11px;height:11px;margin-right:var(--space-1);display:inline}.week-event.other{background:var(--surface-2);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--rule);cursor:default}.week-event.other b{color:var(--ink-heading)}.week-event.other:hover{filter:none}.legend i.other{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--rule)}.tile-wave{opacity:.45;pointer-events:none;width:280px;height:90px;position:absolute;bottom:-14px;right:-24px}.card.dark>:not(.wave){position:relative}.chips.scroll-x{min-width:0;max-width:100%}.row>.chips.scroll-x,.row-between>.chips.scroll-x{flex:auto}.pagebar>.row{min-width:0;max-width:100%}.toast.err{background:var(--danger)}.toast.info{background:var(--ink-heading)}.err{align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--danger-text);line-height:1.35;display:flex}.err svg.ic{width:13px;height:13px}td .err{font-size:var(--text-xs)}.input.is-invalid,.select.is-invalid,.textarea.is-invalid,input.is-invalid{box-shadow:0 0 0 3px var(--danger);border-color:var(--danger)!important}@supports (color:color-mix(in lab, red, red)){.input.is-invalid,.select.is-invalid,.textarea.is-invalid,input.is-invalid{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}}.is-invalid-grp .dropzone,.dropzone.is-invalid-grp{border-color:var(--danger);background:var(--danger-tint)}@supports (color:color-mix(in lab, red, red)){.is-invalid-grp .dropzone,.dropzone.is-invalid-grp{background:color-mix(in srgb, var(--danger-tint) 60%, var(--surface))}}tr.is-invalid-row td{background:var(--danger-tint)!important}@supports (color:color-mix(in lab, red, red)){tr.is-invalid-row td{background:color-mix(in srgb, var(--danger-tint) 45%, var(--surface))!important}}.check input.is-invalid+span{color:var(--danger-text)}.check:has(input.is-invalid){color:var(--danger-text)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.shake{animation:shake var(--dur-slow) ease}@keyframes flash{0%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent)}to{box-shadow:0 0 #0000}}.flash{animation:flash calc(var(--dur-slow) * 2) ease}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.menu-pop{z-index:var(--z-menu);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);min-width:190px;max-width:280px;box-shadow:var(--shadow-lg);padding:var(--space-2);flex-direction:column;display:flex;position:absolute}.menu-pop button{align-items:center;gap:var(--space-2);text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink);cursor:pointer;background:0 0;border:0;display:flex}.menu-pop button span{flex:1}.menu-pop button:hover,.menu-pop button:focus{background:var(--paper);outline:none}.menu-pop button[aria-checked=true]{color:var(--primary-deeper);background:var(--primary-tint)}.menu-pop button.danger{color:var(--danger-text)}.menu-pop button svg.ic{width:15px;height:15px}.dropzone{cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast)}.dropzone:hover,.dropzone.is-dragover{background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.dropzone:hover,.dropzone.is-dragover{background:color-mix(in srgb, var(--primary-tint) 75%, var(--surface))}}.dropzone:hover,.dropzone.is-dragover{border-color:var(--primary-deep)}.dropzone.is-filled{background:var(--surface);padding:var(--space-3) var(--space-4);border-style:solid}.dropzone-file{align-items:center;gap:var(--space-3);display:flex}.dropzone-file b{font-size:var(--text-sm);color:var(--ink-heading);word-break:break-all;display:block}.dropzone-file small{color:var(--ink-soft);font-size:var(--text-xs)}.doc-preview{border-radius:var(--radius);background:var(--paper-sunken);padding:var(--space-6);place-items:center;min-height:280px;display:grid}.doc-page{aspect-ratio:.72;background:var(--surface);border-radius:var(--radius-xs);width:min(320px,100%);box-shadow:var(--shadow);padding:var(--space-6) var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.doc-page b{font-family:var(--font-serif);color:var(--ink-heading);text-transform:capitalize;margin-bottom:var(--space-2)}.doc-page i{border-radius:var(--radius-xs);background:var(--paper-sunken);height:7px;display:block}.doc-img{aspect-ratio:4/3;border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-tint), var(--accent-tint));align-content:center;place-items:center;gap:var(--space-2);width:min(360px,100%);color:var(--primary-deeper);font-weight:var(--weight-bold);font-size:var(--text-sm);display:grid}tr[data-row-href]{cursor:pointer}a.card,a.tile,a.kpi,button.tile{transition:transform var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast)}a.card:hover,a.tile:hover,a.kpi:hover,button.tile:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px)}.chip[aria-expanded=true]{box-shadow:0 0 0 3px var(--focus)}.exam{flex-direction:column;min-height:100vh;display:flex}.exam-top{z-index:var(--z-sticky);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--surface);border-bottom:1px solid var(--rule-soft);display:flex;position:sticky;top:0}.exam-title{flex:1;min-width:0}.exam-title b{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--ink-heading);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.exam-title small{font-size:var(--text-sm);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.exam-save{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--success-text);max-width:260px;display:flex}.exam-save .dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px}.exam-save[data-state=menyimpan]{color:var(--ink-soft)}.exam-save[data-state=menyimpan] .dot{background:var(--ink-soft);animation:pulse var(--dur-loop) infinite}.exam-save[data-state=gagal]{color:var(--danger-text)}.exam-save[data-state=gagal] .dot{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.exam-timer{background:var(--primary-deeper);color:var(--on-dark);border-radius:var(--radius);padding:var(--space-2) var(--space-4);text-align:center;min-width:108px}.exam-timer small{font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;opacity:.8;display:block}.exam-timer b{font-family:var(--font-serif);font-size:var(--text-2xl);font-variant-numeric:tabular-nums}.exam-timer.warn{background:var(--accent);color:var(--accent-ink)}.exam-timer.danger{background:var(--danger);animation:pulse var(--dur-loop) infinite}.exam-warn{align-items:center;gap:var(--space-3);margin:var(--space-4) var(--space-6) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--accent-tint);color:var(--accent-ink);font-size:var(--text-sm);display:flex}.exam-warn span{flex:1}.exam-body{gap:var(--space-5);padding:var(--space-5) var(--space-6) var(--space-10);grid-template-columns:minmax(0,1fr) 300px;align-items:start;width:100%;max-width:1280px;margin:0 auto;display:grid}.exam-q{padding:var(--space-6) var(--space-6)}.question-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--rule-soft);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.question-no{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--ink-heading)}.question-no small{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-soft)}.question-timer{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--primary-tint);color:var(--primary-deeper);font-variant-numeric:tabular-nums;display:inline-flex}.question-timer.danger{background:var(--danger-tint);color:var(--danger-text)}.question-text{font-size:var(--text-lg);color:var(--ink-heading);line-height:1.6}.question-fig{margin:var(--space-4) 0 var(--space-1);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius);justify-content:center;display:flex}.question-hint{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-soft);margin-top:var(--space-3);display:flex}.question-opts{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.question-opt{align-items:center;gap:var(--space-4);text-align:left;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1.5px solid var(--rule);background:var(--surface);font-size:var(--text-md);color:var(--ink);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);display:flex}.question-opt:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.question-opt:hover:not(:disabled){background:color-mix(in srgb, var(--primary-tint) 35%, var(--surface))}}.question-opt[aria-checked=true]{border-color:var(--primary-deeper);background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.question-opt[aria-checked=true]{background:color-mix(in srgb, var(--primary-tint) 60%, var(--surface))}}.question-letter,.question-box{border-radius:var(--radius-sm);width:32px;height:32px;font-weight:var(--weight-heavy);font-size:var(--text-sm);background:var(--paper-sunken);color:var(--ink-soft);flex-shrink:0;place-items:center;display:grid}.question-box{border-radius:var(--radius-xs);border:1.5px solid var(--sidebar-rule);background:var(--surface);width:26px;height:26px}.question-opt[aria-checked=true] .question-letter,.question-opt[aria-checked=true] .question-box{background:var(--primary-deeper);color:var(--on-dark);border-color:var(--primary-deeper)}.question-opt.is-static{cursor:default}.question-opt.is-key{border-color:var(--success);background:var(--success-tint)}.question-opt.is-key .question-letter{background:var(--success-text);color:var(--on-dark)}.question-opt.is-wrong{border-color:var(--danger);background:var(--danger-tint)}.question-opt.is-wrong .question-letter{background:var(--danger);color:var(--on-dark)}.question-foot{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--rule-soft);display:flex}.exam-nav{position:sticky;top:92px}.exam-nav-toggle{display:none}.question-grid{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.question-num{aspect-ratio:1;border-radius:var(--radius-md);border:1.5px solid var(--rule);background:var(--surface);font-weight:var(--weight-heavy);font-size:var(--text-base);color:var(--ink-soft);cursor:pointer;place-items:center;min-width:36px;display:grid;position:relative}.question-num.is-answered{background:var(--primary-tint);border-color:var(--primary-tint);color:var(--primary-deeper)}.question-num.is-flagged{border-color:var(--accent-deep)}.question-num.is-flagged i{background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:11px;height:11px;position:absolute;top:-4px;right:-4px}.question-num.is-current{background:var(--primary-deeper);border-color:var(--primary-deeper);color:var(--on-dark)}.question-legend{gap:var(--space-2) var(--space-3);margin:var(--space-4) 0 var(--space-3);font-size:var(--text-xs);color:var(--ink-soft);grid-template-columns:1fr 1fr;display:grid}.question-legend span{align-items:center;gap:var(--space-2);display:flex}.question-legend i{border-radius:var(--radius-xs);border:1.5px solid var(--rule);width:12px;height:12px;display:inline-block}.question-legend .lg-answered{background:var(--primary-tint);border-color:var(--primary-tint)}.question-legend .lg-flagged{border-color:var(--accent-deep);box-shadow:inset 0 0 0 2px var(--accent-tint)}.question-legend .lg-current{background:var(--primary-deeper);border-color:var(--primary-deeper)}.question-count{font-size:var(--text-sm);text-align:center;color:var(--ink-soft);margin:var(--space-1) 0 var(--space-4)}.exam-review{padding:var(--space-5) var(--space-6) var(--space-10)}.review-item{border:0;border-bottom:1px solid var(--rule-soft);cursor:pointer;width:100%;font:inherit;background:0 0}.review-item .question-num{width:36px;min-width:36px}.review-item b{font-size:var(--text-base);white-space:normal!important}.exam-block{z-index:var(--z-overlay);background:var(--paper);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.exam-block{background:color-mix(in srgb, var(--paper) 88%, transparent)}}.exam-block{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--space-5);place-items:center;display:grid}.done-hero{background:var(--primary-deeper);color:var(--on-dark);align-items:center;gap:var(--space-5);padding:var(--space-8);border:0;display:flex;position:relative;overflow:hidden}.done-hero>:not(.wave){position:relative}.done-ic{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.answer-box{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--rule-soft)}.answer-box small{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;display:block}.answer-box p{margin-top:var(--space-1);font-size:var(--text-base)}.answer-box.is-key{background:var(--success-tint);border-color:#0000}.explanation{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--primary-tint);color:var(--primary-deeper);font-size:var(--text-sm);display:flex}.explanation b{display:block}.explanation-card .question-text{margin-top:var(--space-4);font-size:var(--text-md)}.builder{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}.builder-bank{top:calc(var(--topbar-bawah,0px) + var(--space-4));max-height:calc(100vh - var(--topbar-bawah,0px) - var(--space-8));flex-direction:column;display:flex;position:sticky}.builder-bank .bank-scroll{margin:0 calc(-1 * var(--space-5));padding:0 var(--space-5) var(--space-1);scrollbar-width:thin;overflow-y:auto}.builder-item{border:1px solid var(--rule-soft);border-radius:var(--radius);background:var(--surface);padding:var(--space-4) var(--space-4) var(--space-4);margin-bottom:var(--space-3)}.builder-item.is-dragging{opacity:.5}.builder-item.is-drop-target{box-shadow:0 -3px 0 var(--primary-deep)}.builder-head{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--rule-soft);flex-wrap:wrap;display:flex}.builder-grip{cursor:grab;color:var(--ink-soft);place-items:center;display:grid}.builder-no{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--primary-deeper);margin-right:var(--space-1)}.builder-points{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);margin-left:auto;display:inline-flex}.builder-points .input{text-align:right;width:72px}.builder-actions{gap:2px;display:inline-flex}.bank-item{padding:var(--space-4) 0;border-bottom:1px solid var(--rule-soft)}.bank-item:last-child{border-bottom:0}.bank-item .bank-meta{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--ink-soft);display:block}.bank-item.is-added{opacity:.72}.key-q{font-size:var(--text-md);color:var(--ink-heading);white-space:pre-line;line-height:1.6}.key-q.compact{font-size:var(--text-base);margin-top:var(--space-3);line-height:1.55}.question-fig.compact{padding:var(--space-2);margin:var(--space-3) 0 0}.question-fig.compact svg{width:96px;height:96px}.key-opts{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.key-opts.compact{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.key-opt{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--rule-soft);border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--text-base);color:var(--ink);display:flex}.key-opts.compact .key-opt{padding:var(--space-2) var(--space-2);gap:var(--space-2);font-size:var(--text-sm)}.key-letter{border-radius:var(--radius-xs);width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--weight-heavy);background:var(--paper-sunken);color:var(--ink-soft);flex-shrink:0;place-items:center;display:grid}.key-opts.compact .key-letter{border-radius:var(--radius-xs);width:20px;height:20px;font-size:var(--text-2xs)}.key-opt.is-key{border-color:var(--success);background:var(--success-tint);color:var(--success-text);font-weight:var(--weight-bold)}.key-opt.is-key .key-letter{background:var(--success-text);color:var(--on-dark)}.key-lbl{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-heavy);color:var(--success-text);white-space:nowrap;flex-shrink:0;margin-left:auto;display:inline-flex}.key-lbl svg.ic{stroke-width:2.6px;width:13px;height:13px}.key-note{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--ink-soft);display:flex}.key-short{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--success-tint);border:1px solid var(--success);color:var(--success-text);font-size:var(--text-base);flex-wrap:wrap;display:flex}.key-short .key-lbl{margin-left:0}.key-short .sep{margin:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);opacity:.8}.key-short.compact{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);margin-top:var(--space-3)}.key-esai{margin-top:var(--space-3)}.key-esai.compact{margin-top:var(--space-3);padding:var(--space-3) var(--space-3);font-size:var(--text-sm)}.key-guide{margin-top:var(--space-2);font-size:var(--text-sm);display:block}.key-guide b{margin-bottom:1px;display:block}.opt-row{align-items:center;gap:var(--space-2);display:flex}.key-pick{flex-shrink:0;position:relative}.key-pick input{opacity:0;width:1px;height:1px;position:absolute}.key-pick span{align-items:center;gap:var(--space-1);height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--rule);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);cursor:pointer;white-space:nowrap;display:inline-flex}.key-pick span:before{content:"";border:1.5px solid var(--sidebar-rule);background:var(--surface);border-radius:50%;width:14px;height:14px}.key-pick input[type=checkbox]+span:before{border-radius:var(--radius-xs)}.key-pick input:checked+span{background:var(--success-tint);border-color:var(--success);color:var(--success-text)}.key-pick input:checked+span:before{background:var(--success-text);border-color:var(--success-text);box-shadow:inset 0 0 0 2.5px var(--success-tint)}.key-pick input:focus-visible+span{outline:2px solid var(--primary-deep);outline-offset:2px}.opt-row{flex-wrap:wrap}.opt-row>.input{flex:1 1 0;min-width:0}.opt-gambar-btn{flex-shrink:0;height:40px}.opt-gambar{align-items:flex-end;gap:var(--space-3);margin:0 0 var(--space-1);flex-basis:100%;display:flex}.opt-gambar img{object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--rule);background:var(--white);max-width:min(240px,60%);max-height:120px;display:block}.opt-gambar figcaption{gap:var(--space-3);display:flex}.opt-gambar .link.danger{color:var(--danger-text)}.opt-err{flex-basis:100%}@media (max-width:420px){.opt-gambar-btn span{display:none}}img.opsi-gambar{object-fit:contain;border-radius:var(--radius-md);background:var(--white);max-width:100%;height:auto;max-height:220px;display:block}:where(div,span):has(>img.opsi-gambar){align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.question-opts:has(img.opsi-gambar){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.question-opts:has(img.opsi-gambar) .question-opt{align-items:flex-start;height:100%}.key-opts:has(img.opsi-gambar){grid-template-columns:repeat(2,minmax(0,1fr))}.key-opt:has(img.opsi-gambar){align-items:flex-start}.key-opt img.opsi-gambar{max-height:120px}.key-opts.compact img.opsi-gambar{max-height:72px}.opsi-gambar-mini{vertical-align:middle;width:auto;height:28px;margin-left:var(--space-1);border-radius:var(--radius-xs);border:1px solid var(--rule-soft);background:var(--white);display:inline-block}@media (max-width:560px){:is(.question-opts:has(img.opsi-gambar),.key-opts:has(img.opsi-gambar)){grid-template-columns:minmax(0,1fr)}}.toast .grow{flex:1;min-width:0}.toast-act{background:var(--on-dark);border:0}@supports (color:color-mix(in lab, red, red)){.toast-act{background:color-mix(in srgb, var(--on-dark) 16%, transparent)}}.toast-act{color:var(--on-dark);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-heavy);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.toast-act:hover{background:var(--on-dark)}@supports (color:color-mix(in lab, red, red)){.toast-act:hover{background:color-mix(in srgb, var(--on-dark) 26%, transparent)}}.toast-x{color:inherit;opacity:.75;border-radius:var(--radius-xs);cursor:pointer;width:26px;height:26px;margin-right:calc(-1 * var(--space-2));background:0 0;border:0;place-items:center;display:grid}.toast-x:hover{opacity:1;background:var(--on-dark)}@supports (color:color-mix(in lab, red, red)){.toast-x:hover{background:color-mix(in srgb, var(--on-dark) 14%, transparent)}}.toast{max-width:min(460px,100vw - 32px)}.preview-frame{border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--paper);transition:max-width var(--dur);margin:0 auto}.preview-frame.hp{max-width:390px}@media (max-width:1180px){.builder{grid-template-columns:minmax(0,1fr)}.builder-bank{max-height:none;position:static}.builder-bank .bank-scroll{overflow:visible}}@media (max-width:760px){.key-opts.compact{grid-template-columns:minmax(0,1fr)}.builder-points{margin-left:0}}@media (max-width:900px){.exam-top{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-wrap:wrap}.exam-save{order:3;width:100%;max-width:none}.exam-title b{font-size:var(--text-md)}.exam-timer{min-width:86px;padding:var(--space-1) var(--space-3)}.exam-timer b{font-size:var(--text-lg)}.exam-warn{margin:var(--space-3) var(--space-4) 0}.exam-body{padding:var(--space-3) var(--space-4) var(--space-10);grid-template-columns:minmax(0,1fr)}.exam-q{padding:var(--space-5) var(--space-4)}.exam-nav{z-index:var(--z-sidebar);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);padding:0;position:fixed;inset:auto 0 0}.exam-nav-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);font:inherit;font-size:var(--text-base);color:var(--ink);cursor:pointer;background:0 0;border:0;display:flex}.exam-nav-body{padding:0 var(--space-5) var(--space-5);max-height:60vh;display:none;overflow-y:auto}.exam-nav.is-open .exam-nav-body{display:block}.exam-nav.is-open .exam-nav-toggle svg{transform:rotate(180deg)}.hide-sm{display:none}.question-foot .btn{flex:1}.exam-review{padding:var(--space-3) var(--space-4) var(--space-10)}.done-hero{flex-direction:column;align-items:flex-start}}.lede{font-size:var(--text-base);color:var(--ink-soft);max-width:760px}:is(.legend,.chart-legend,.mini-cal-legend) i.c1{background:var(--chart-1)}:is(.legend,.chart-legend,.mini-cal-legend) i.c2{background:var(--chart-2)}:is(.legend,.chart-legend,.mini-cal-legend) i.c3{background:var(--chart-3)}:is(.legend,.chart-legend,.mini-cal-legend) i.brand{background:var(--primary-tint)}:is(.legend,.chart-legend,.mini-cal-legend) i.accent{background:var(--accent-tint)}:is(.legend,.chart-legend,.mini-cal-legend) i.info{background:var(--info-blue-tint)}:is(.legend,.chart-legend,.mini-cal-legend) i.warn{background:var(--warning-tint)}:is(.legend,.chart-legend,.mini-cal-legend) i.dark{background:var(--primary-deeper)}:is(.legend,.chart-legend,.mini-cal-legend) i.muted-sw{background:var(--chart-muted)}.mini-cal-legend i.accent{box-shadow:inset 0 0 0 1.5px var(--accent-deep)}.mini-cal-legend i.warn{box-shadow:inset 0 0 0 1.5px var(--warning)}:is(.legend,.chart-legend,.mini-cal-legend) i.outlined{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--primary)}:is(.legend,.chart-legend,.mini-cal-legend) i.ok{background:var(--success-tint)}:is(.legend,.chart-legend,.mini-cal-legend) i.danger{background:var(--danger-tint)}button:not(:disabled),[role=button],summary,label.check,.tile[data-action]{cursor:pointer}input[type=radio],input[type=checkbox]{accent-color:var(--primary-deep)}.drawer:has(.drawer-foot) .drawer-body{padding-bottom:90px}dialog.drawer.wide{width:min(560px,100vw)}dialog.drawer.xwide{width:min(720px,100vw)}.btn.danger-solid{background:var(--danger-text);color:var(--on-dark)}.btn.danger-solid:hover{background:var(--danger-text)}@supports (color:color-mix(in lab, red, red)){.btn.danger-solid:hover{background:color-mix(in srgb, var(--danger-text) 85%, var(--ink))}}.btn.is-loading{pointer-events:none;position:relative;color:#0000!important}.btn.is-loading:after{content:"";border:2px solid;border-color:var(--on-dark) var(--on-dark) transparent transparent;width:16px;height:16px;animation:spin var(--dur-loop) linear infinite;border-radius:50%;position:absolute}.btn.ghost.is-loading:after,.btn.soft.is-loading:after{border-color:var(--primary-deep) var(--primary-deep) transparent transparent}@keyframes spin{to{transform:rotate(360deg)}}.memuat-overlay{z-index:calc(var(--z-menu) + 10);background:var(--backdrop);-webkit-backdrop-filter:blur(3px);cursor:progress;place-items:center;animation:.2s .15s both memuat-muncul;display:grid;position:fixed;inset:0}.memuat-kartu{align-items:center;gap:var(--space-3);min-width:168px;padding:var(--space-6) var(--space-8);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink-heading);box-shadow:var(--shadow-modal);font-weight:var(--weight-semibold);flex-direction:column;animation:.25s .15s both memuat-naik;display:flex}.memuat-putar{width:44px;height:44px;position:relative}.memuat-putar:before,.memuat-putar:after{content:"";border:4px solid #0000;border-radius:50%;position:absolute;inset:0}.memuat-putar:before{border-color:var(--primary-tint)}.memuat-putar:after{border-top-color:var(--primary);border-right-color:var(--primary);animation:.8s linear infinite spin}.memuat-titik:after{content:"";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite memuat-titik;display:inline-block}@keyframes memuat-muncul{0%{opacity:0}to{opacity:1}}@keyframes memuat-naik{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes memuat-titik{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}[data-memuat]:not(.btn){pointer-events:none}@media (prefers-reduced-motion:reduce){.memuat-overlay,.memuat-kartu{animation-duration:10ms}.memuat-putar:after{animation-duration:2s}.memuat-titik:after{content:"…";animation:none}}.input.sm,.select.sm{min-height:34px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-sm)}.select.sm{background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px;padding-right:30px}.input.num{text-align:right;font-variant-numeric:tabular-nums;width:80px}.input:disabled,.select:disabled,.textarea:disabled,.input[readonly]{background:var(--paper-sunken);color:var(--ink-soft);cursor:not-allowed}.switch input:focus-visible+span,.attendance-toggle input:focus-visible+span{outline:2px solid var(--primary-deep);outline-offset:2px}.th-sort{align-items:center;gap:var(--space-1);font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.th-sort svg.ic{opacity:.55;width:13px;height:13px}th[aria-sort=ascending] .th-sort,th[aria-sort=descending] .th-sort{color:var(--primary-deeper)}th[aria-sort=ascending] .th-sort svg.ic,th[aria-sort=descending] .th-sort svg.ic{opacity:1}@media (min-width:761px){.table-wrap.scroll-y{max-height:min(70vh,640px);overflow:auto}.table-wrap.scroll-y .tbl th{z-index:1;position:sticky;top:0}}dialog.confirm{width:min(460px,100vw - 32px)}.confirm-body{gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-2);align-items:flex-start;display:flex}.confirm-body h3{font-size:var(--text-lg)}.confirm-body p{margin-top:var(--space-1)}.confirm-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-5);display:flex}.li-ic.big{border-radius:999px;width:64px;height:64px}.li-ic.big svg{width:30px;height:30px}.setup-card{margin:0 6px var(--space-3);padding:var(--space-3);border-radius:var(--radius);background:var(--primary-tint);color:var(--primary-deeper);display:block}.setup-card:hover{background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.setup-card:hover{background:color-mix(in srgb, var(--primary-tint) 80%, var(--primary))}}.setup-top{font-size:var(--text-sm);justify-content:space-between;display:flex}.setup-card .progress{margin:var(--space-2) 0 6px;background:var(--paper-raised);display:block}@supports (color:color-mix(in lab, red, red)){.setup-card .progress{background:color-mix(in srgb, var(--paper-raised) 70%, transparent)}}.setup-card small{font-size:var(--text-xs);color:var(--primary-deep)}.app.is-collapsed .setup-card{display:none}.is-removing{opacity:0;transition:opacity var(--dur) ease}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--paper-sunken) 25%, var(--paper-sunken) 50%, var(--paper-sunken) 75%);height:12px;display:block}@supports (color:color-mix(in lab, red, red)){.skeleton{background:linear-gradient(90deg, var(--paper-sunken) 25%, color-mix(in srgb, var(--paper-sunken) 45%, var(--surface)) 50%, var(--paper-sunken) 75%)}}.skeleton{animation:shimmer var(--dur-loop) linear infinite;background-size:200% 100%}.skeleton.w-60{width:60%}.skeleton.w-80{width:80%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.is-loading-card{position:relative}.skeleton-cover{z-index:var(--z-raised);background:var(--surface);border-radius:inherit;padding:var(--space-6) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;position:absolute;inset:0}.offline-bar{z-index:var(--z-toast);margin:calc(-1 * var(--main-pt)) calc(-1 * var(--main-px)) var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--ink-heading);color:var(--on-dark);font-size:var(--text-sm);font-weight:var(--weight-bold);display:flex;position:sticky;top:0}.li.task{align-items:flex-start}.li.task b,.li.boxed b,.li.compact b,.li.wrap-b b{white-space:normal;overflow:visible}.li-box{border:1.5px solid var(--sidebar-rule);border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.li-box.warn{border-color:var(--warning);background:var(--warning-tint);color:var(--warning-text)}.li.task small{margin-top:3px;display:block}.li.task small svg.ic,.li.boxed small svg.ic{vertical-align:-3px;margin-right:var(--space-1)}.li.boxed{border:1px solid var(--rule-soft);border-radius:var(--radius);background:var(--surface-2);padding:var(--space-3) var(--space-4);display:block}.li.boxed+.li.boxed{margin-top:var(--space-3)}.li.boxed:first-child{padding-top:var(--space-3)}.li.boxed:last-child{padding-bottom:var(--space-3)}.li.boxed .meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-soft);display:flex}.li.boxed b{margin-top:var(--space-2);font-size:var(--text-base)}.li.boxed small{align-items:center;gap:var(--space-2);margin-top:3px;display:flex}.list.compact{gap:var(--space-4)}.list.compact .li{border:0;padding:0}.li.compact .li-ic{background:var(--paper-sunken);color:var(--ink);border-radius:50%;width:36px;height:36px}.li.compact small{font-size:var(--text-xs)}.li.compact b{font-size:var(--text-sm);word-break:break-word}.li .file-ic{margin:-2px 0}.date-block{min-width:52px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--paper-sunken);color:var(--ink-heading);font-variant-numeric:tabular-nums;place-items:center;line-height:1.2;display:grid}.date-block b{font-size:var(--text-md)}.date-block small{font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--ink-soft)}@media (max-width:760px){.btn,.btn.sm,.btn.xs{min-height:var(--touch)}.btn.xs{font-size:var(--text-sm);padding:0 var(--space-3)}.more-btn,.pager button,.collapse-btn,.mini-cal-nav button{min-width:var(--touch);min-height:var(--touch)}.attendance-toggle{gap:var(--space-1)}.attendance-toggle span{width:var(--touch);height:var(--touch);font-size:var(--text-base)}.chips .opt,.seg button,.chip{min-height:var(--touch)}.input,.select{min-height:var(--touch);font-size:16px}.input.sm,.select.sm{min-height:var(--touch)}.nav-item{height:var(--touch)}.back-btn,.icon-btn{width:var(--touch);height:var(--touch)}.anno-toggle{height:var(--touch)}.page-index a{min-height:var(--touch)}body>.anno-toggle{justify-content:center;width:40px;height:40px;padding:0;bottom:88px}body>.anno-toggle span{display:none}}.absen-isi{gap:var(--space-4);flex-direction:column;display:flex}.absen-izin-banner{display:none}.absen-search{min-width:200px}.absen-sum{gap:var(--space-1);flex-wrap:nowrap;display:flex}.absen-sum b{font-variant-numeric:tabular-nums}.absen-foot-note{max-width:480px}.w-no{width:44px}@media (max-width:760px){.absen-sesi-head{order:0}.absen-sesi{order:1}.absen-lock{order:2}.absen-locked,.absen-izin-banner{order:3}.absen-izin-banner{align-items:center;display:flex}.absen-list{order:4}.absen-izin{order:6}.absen-tiles{display:none}.absen-list .card-head .tools{width:100%}.absen-search{flex:1;min-width:0}.absen-foot-note{display:none}.absen-foot{flex-wrap:nowrap}.absen-foot .btn{flex:none}.absen-tbl thead{display:none}.absen-tbl,.absen-tbl tbody{display:block}.absen-tbl tr{gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--rule-soft);grid-template-columns:minmax(0,1fr);display:grid}.absen-tbl td{border:0;padding:0}.absen-tbl .absen-no,.absen-tbl .absen-nisn{display:none}.absen-tbl .attendance-toggle{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.absen-tbl .attendance-toggle span{width:100%}.absen-tbl tbody tr:hover td{background:0 0}.absen-tbl tr:not([data-catatan-tampil]) .absen-note .input,.absen-tbl tr[data-catatan-tampil] .absen-note-buka{display:none}.absen-tbl tr{grid-template-columns:minmax(0,1fr) auto;align-items:center}.absen-tbl .absen-name{grid-area:1/1}.absen-tbl .absen-status{grid-column:1/-1}.absen-tbl tr:not([data-catatan-tampil]) .absen-note{grid-area:1/2}.absen-tbl tr[data-catatan-tampil] .absen-note{grid-column:1/-1}.absen-note-buka{min-height:var(--touch);font-size:var(--text-sm)}}@media (min-width:761px){.absen-note-buka{display:none}}button.tile[aria-pressed=true]{border-color:var(--primary-deeper);box-shadow:inset 0 0 0 1px var(--primary-deeper)}.rank-num{padding-left:9px}.rank-val{min-width:36px}:is(.kpi-ic,.li-ic).accent-solid{background:var(--accent);color:var(--accent-ink)}:is(.kpi-ic,.li-ic).brand-solid{background:var(--primary-deep);color:var(--on-dark)}.kpi-ic.md{width:42px;height:42px}.kpi-ic.lg{width:56px;height:56px}.bank-layout{grid-template-columns:260px minmax(0,1fr)}.bank-search{min-width:300px}.bank-card{padding:var(--space-4) var(--space-5)}.bank-card .bank-meta{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--ink-soft);display:block}@media (max-width:900px){.bank-layout{grid-template-columns:minmax(0,1fr)}.bank-search{flex:1;min-width:0}}.switch-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink);cursor:pointer;display:inline-flex}.chart-table{margin-top:var(--space-2);font-size:var(--text-sm)}.chart-table summary{align-items:center;gap:var(--space-1);color:var(--primary-deep);font-weight:var(--weight-bold);font-size:var(--text-xs);list-style:none;display:inline-flex}.chart-table summary::-webkit-details-marker{display:none}.chart-table summary:before{content:"▸";transition:transform var(--dur-fast)}.chart-table[open] summary:before{transform:rotate(90deg)}.chart-table .table-wrap{margin:var(--space-2) 0 0;padding:0}.chart-table .tbl{font-size:var(--text-sm)}.chart-table .tbl td,.chart-table .tbl th{padding:6px var(--space-2)}.section-bar{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--rule-soft)}.section-bar.top{border-bottom:0;border-top:1px solid var(--rule-soft)}.quote{border-left:3px solid var(--primary-deep);padding:2px 0 2px var(--space-3)}.outline-brand{background:var(--surface)!important;box-shadow:inset 0 0 0 1.5px var(--primary)!important}dialog.drawer.lg{width:min(640px,100vw)}.chips .opt[aria-current=true]{background:var(--primary-deeper);border-color:var(--primary-deeper);color:var(--on-dark)}.chips .opt[aria-current=true] .n{background:var(--on-dark)}@supports (color:color-mix(in lab, red, red)){.chips .opt[aria-current=true] .n{background:color-mix(in srgb, var(--on-dark) 20%, transparent)}}.chips .opt[aria-current=true] .n{color:var(--on-dark)}.seg .seg-opt{height:30px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);white-space:nowrap;align-items:center;display:inline-flex}.seg .seg-opt[aria-current=true]{background:var(--surface);color:var(--primary-deeper);box-shadow:var(--shadow-sm)}.tabs a[aria-current=page],.tabs a[aria-current=true]{color:var(--primary-deeper);border-bottom-color:var(--primary-deeper)}.pager a{border-radius:var(--radius-sm);border:1px solid var(--rule);background:var(--surface);width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);place-items:center;display:grid}.pager a[aria-current=page]{background:var(--primary-deeper);border-color:var(--primary-deeper);color:var(--on-dark)}.pager a[aria-disabled=true]{opacity:.4;pointer-events:none}.pager .gap{width:20px;color:var(--ink-soft);place-items:center;display:grid}@media (max-width:760px){.seg .seg-opt{min-height:var(--touch)}.pager a{min-width:var(--touch);min-height:var(--touch)}}.pagebar .tabs{scrollbar-width:none}.pagebar .tabs::-webkit-scrollbar{display:none}.perf-grid{gap:var(--space-5);grid-template-columns:300px minmax(0,1fr) 310px;align-items:start;display:grid}@media (max-width:1320px){.perf-grid{grid-template-columns:280px minmax(0,1fr)}.perf-grid>:last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}@media (max-width:900px){.perf-grid,.perf-grid>:last-child{grid-template-columns:minmax(0,1fr)}}.login{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;display:grid}.login-art{background:var(--primary-deeper);color:var(--on-dark);justify-content:space-between;gap:var(--space-6);flex-direction:column;padding:44px;display:flex;position:relative;overflow:hidden}.login-art .wave{opacity:.6;width:calc(100% + 80px);height:220px;position:absolute;bottom:60px;left:-40px;right:-40px}.login-art .logo{z-index:1;padding:0;position:relative}.login-art .brand-mark{background:var(--primary-deep)}.login-art .brand-name{color:var(--on-dark)}.login-art h1{color:var(--on-dark);max-width:460px;font-size:40px;line-height:1.15}.login-art p{color:var(--on-dark)}@supports (color:color-mix(in lab, red, red)){.login-art p{color:color-mix(in srgb, var(--on-dark) 78%, var(--primary-deeper))}}.login-art p{max-width:440px;margin-top:14px;font-size:15px}.login-form{place-items:center;padding:40px 24px;display:grid}.login-box{width:min(420px,100%)}.demo{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo button{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.demo button:hover{border-color:var(--primary)}.demo b{font-size:var(--text-sm);color:var(--ink-heading);display:block}.demo small{font-size:var(--text-xs);color:var(--ink-soft);display:block}.hub-hero{background:var(--primary-deeper);color:var(--on-dark);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;overflow:hidden}.hub-hero>:not(.wave){position:relative}.hub-hero h1{color:var(--on-dark);font-size:var(--text-4xl)}.hub-hero p{color:var(--on-dark)}@supports (color:color-mix(in lab, red, red)){.hub-hero p{color:color-mix(in srgb, var(--on-dark) 78%, var(--primary-deeper))}}.hub-hero p{max-width:640px;margin-top:var(--space-3);font-size:var(--text-md)}.hub-hero .wave{opacity:.5;width:520px;position:absolute;bottom:-30px;right:-40px}@media (max-width:720px){.hub-hero{padding:var(--space-6)}.hub-hero h1{font-size:var(--text-3xl)}}.pub{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.pub-box{width:min(480px,100%)}.pub-box.wide{width:min(820px,100%)}.pub.top{place-items:start center}.pub-box>.logo{padding:0 0 22px}.pw-meter{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;display:grid}.pw-meter i{background:var(--paper-sunken);border-radius:3px;height:5px}.pw-meter.s1 i:nth-child(-n+1){background:var(--danger)}.pw-meter.s2 i:nth-child(-n+2){background:var(--warning)}.pw-meter.s3 i:nth-child(-n+3){background:var(--accent-deep)}.pw-meter.s4 i{background:var(--success)}@media (max-width:900px){.login{grid-template-columns:minmax(0,1fr)}.login-art{min-height:260px;padding:28px 22px}.login-art h1{font-size:28px}.login-art .wave{opacity:.3;height:90px;bottom:0}}@media (max-width:420px){.demo{grid-template-columns:minmax(0,1fr)}}.pindah{gap:var(--space-5);grid-template-columns:290px minmax(0,1fr);align-items:start;display:grid}.pindah-daftar{top:calc(var(--topbar-bawah,76px) + var(--space-3));position:sticky}.pindah-daftar>.card-head{align-items:center}.kelas-papan{gap:var(--space-2);display:grid}.kelas-baris{align-items:center;gap:var(--space-2);grid-template-columns:54px minmax(0,1fr);display:grid}.kelas-tingkat{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-soft);white-space:nowrap}.kelas-sel{grid-template-columns:repeat(auto-fill, minmax(var(--kelas-lebar,40px), 1fr));gap:var(--space-2);display:grid}.kelas-btn{min-width:0;height:44px;padding:0 var(--space-1);border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--ink-heading);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:3px;display:inline-flex;position:relative}.kelas-btn:hover{border-color:var(--primary)}.kelas-btn svg.ic{width:13px;height:13px}.kelas-btn.is-ditinjau{background:var(--success-tint);color:var(--success-text);border-color:#0000}.kelas-btn.is-on{border-color:var(--primary-deeper);box-shadow:0 0 0 2px var(--primary-deeper)}.kelas-btn.is-on:focus-visible{outline-offset:4px}.kelas-btn em,.k-contoh em{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);font-style:normal;font-size:var(--text-2xs);font-weight:var(--weight-heavy);border-radius:9px;place-items:center;padding:0 5px;line-height:1;display:grid;position:absolute;top:-7px;right:-6px}.kelas-btn.is-alih:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:5px;left:7px;right:7px}.kelas-legenda{gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;font-size:var(--text-xs);color:var(--ink-soft);flex-wrap:wrap;display:flex}.kelas-legenda span{align-items:center;gap:var(--space-2);display:inline-flex}.k-contoh{border:1px solid var(--rule);border-radius:var(--radius-xs);background:var(--surface);flex-shrink:0;width:18px;height:18px;position:relative}.k-contoh.is-ditinjau{background:var(--success-tint);border-color:#0000}.k-contoh.is-on{border-color:var(--primary-deeper);width:14px;height:14px;box-shadow:0 0 0 2px var(--primary-deeper);margin:2px}.k-contoh em{min-width:14px;height:14px;padding:0 3px;top:-6px;right:-8px}.k-contoh:has(em){margin-right:var(--space-1)}.k-contoh.is-alih:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:3px;left:3px;right:3px}.perlu-daftar{margin:0 calc(-1 * var(--space-2))}.perlu-daftar>.li{border:0;border-bottom:1px solid var(--rule-soft);width:100%;font:inherit;text-align:left;cursor:pointer;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);color:inherit;background:0 0}.perlu-daftar>.li:hover{background:var(--surface-2)}.perlu-daftar>.li:last-child{border-bottom:0}.perlu-daftar>.li>svg.ic{color:var(--ink-soft);flex-shrink:0}.perlu-daftar>.li>.grow{flex:200px}.perlu-daftar>.li b{white-space:normal}.perlu-daftar .tag{white-space:normal;text-align:left;flex-shrink:1;min-width:0}.perlu-daftar>.li:focus-visible{outline-offset:-2px}.isi-baris{gap:var(--space-2)}.tag.isi-kelas{font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);gap:3px}.tag.isi-kelas b{font-weight:var(--weight-heavy)}.tag.isi-kelas svg.ic{width:12px;height:12px}.tag.isi-kelas.is-penuh{background:var(--danger-tint);color:var(--danger-text)}.tag-x{width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:2px;padding:0;display:inline-grid}.tag-x:hover:not(:disabled){background:currentColor}@supports (color:color-mix(in lab, red, red)){.tag-x:hover:not(:disabled){background:color-mix(in srgb, currentColor 14%, transparent)}}.tag-x:disabled{opacity:.5;cursor:default}.tj-baris{gap:var(--space-2);align-items:stretch;display:flex}.tj-baris .select{flex:auto;min-width:0}.tj-baris .btn{height:auto}.alat-kelas .massal-teks{width:240px}.tbl.tbl-siswa tbody tr.is-diubah td{background:var(--accent-tint)}@supports (color:color-mix(in lab, red, red)){.tbl.tbl-siswa tbody tr.is-diubah td{background:color-mix(in srgb, var(--accent-tint) 55%, var(--surface))}}.tbl-siswa .who b,.tbl-siswa .who small{white-space:normal}.tbl-siswa td.c-tujuan .select,.tbl-siswa td.c-lanjut .input,.tbl-siswa td.c-tujuan .input{width:100%;min-width:168px}.tbl-siswa.akhir td.c-tujuan .select{min-width:220px}.tbl-siswa td.c-lanjut .input{min-width:150px}.tbl-siswa td.c-tujuan>.tag,.tbl-siswa td.c-tujuan>small{margin-top:var(--space-1)}.tbl-siswa td.c-tujuan>small{font-size:var(--text-xs);color:var(--ink-soft);display:block}.tbl-siswa .pilih-area{cursor:pointer;place-items:center;display:inline-grid}.tbl-siswa .pilih-area input,.tbl-siswa th input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary-deep)}.pindah .hp-saja{display:none}.wizard-pindah .li>.cek-isi{flex:240px}.wizard-pindah .li.wrap-b small{white-space:normal}.wizard-pindah .list>.li.wrap-b{align-items:flex-start}.callout.banner-usulan{padding:var(--space-4) var(--space-5);align-items:flex-start}.wizard-pindah .step[tabindex="-1"]:focus,.panel-judul:focus,[data-memproses]:focus{outline:none}fieldset.polos{margin:var(--space-5) 0 0;border:0;min-width:0;padding:0}fieldset.polos>legend{padding:0}[data-hasil-pindah] .empty .li-ic.ok{background:var(--success-tint)}[data-hasil-pindah] a.li:hover b{color:var(--primary-deep)}[data-hasil-pindah] a.li>svg.ic{color:var(--ink-soft);flex-shrink:0}.wizard-pindah{min-height:calc(100dvh - var(--wizard-atas,0px) - var(--space-10));flex-direction:column;display:flex}.wizard-pindah>*{flex-shrink:0}.wizard-ganjal{flex:1 1 0}.card-foot.kaki-langkah{justify-content:flex-start;margin-left:0;margin-right:0}.kaki-langkah>.kaki-info{text-align:right;flex:auto;min-width:0}body:has(.kaki-langkah) .toast-wrap{bottom:108px}html:has(.kaki-langkah){scroll-padding-bottom:116px}@media (max-width:1024px){.pindah{grid-template-columns:minmax(0,1fr)}.pindah-daftar{position:static}}@media (max-width:760px){.kelas-baris{grid-template-columns:50px minmax(0,1fr)}.perlu-daftar>.li{flex-wrap:wrap}.perlu-daftar>.li>svg.ic:last-child{display:none}.perlu-daftar .tag{max-width:calc(100% - 50px);margin-left:50px}.perlu-kartu .chips .opt{min-height:var(--touch)}.alat-kelas>.row{width:100%}.alat-kelas .searchbox{height:var(--touch);flex:100%}.alat-kelas .searchbox input{font-size:16px}.alat-kelas .massal-teks,.alat-kelas [data-massal] .select{flex:100%;width:100%!important}.tj-baris{flex-wrap:wrap}.tj-baris .btn{flex:auto}.wizard-pindah label.check{min-height:var(--touch);padding-block:var(--space-1);align-items:center}.wizard-pindah label.check input{margin-top:0}.wizard-pindah .toast-x{width:var(--touch);height:var(--touch);margin-block:calc(-1 * var(--space-2));margin-right:calc(-1 * var(--space-3))}.tag.isi-kelas.bisa-hapus{min-height:var(--touch);padding-right:0}.tag.isi-kelas .tag-x{width:var(--touch);height:var(--touch);border-radius:var(--radius-sm);margin-left:0}.tbl-siswa,.tbl-siswa tbody{width:100%;display:block}.tbl-siswa thead{display:none}.tbl-siswa tbody tr{column-gap:var(--space-1);row-gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-3) 0;border-bottom:1px solid var(--rule-soft);border-radius:var(--radius-sm);grid-template-columns:44px minmax(0,1fr);display:grid}.tbl-siswa tbody tr:last-child{border-bottom:0}.tbl-siswa tbody tr.is-diubah{background:var(--accent-tint)}@supports (color:color-mix(in lab, red, red)){.tbl-siswa tbody tr.is-diubah{background:color-mix(in srgb, var(--accent-tint) 55%, var(--surface))}}.tbl.tbl-siswa tbody td,.tbl.tbl-siswa tbody tr.is-diubah td,.tbl.tbl-siswa tbody tr:hover td{background:0 0;border:0;padding:0;display:block}.tbl-siswa td.c-pilih{grid-area:1/1/span 4;align-self:start}.tbl-siswa .pilih-area{width:var(--touch);height:var(--touch)}.tbl-siswa td.c-siswa,.tbl-siswa td.c-tujuan,.tbl-siswa td.c-lanjut{grid-column:2;min-width:0}.tbl-siswa td.c-siswa{min-height:var(--touch);align-self:center;align-items:center;display:flex}.tbl-siswa td[data-label]:before{content:attr(data-label);margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-soft);display:block}.tbl-siswa td.c-tujuan .select,.tbl-siswa td.c-lanjut .input,.tbl-siswa td.c-tujuan .input{min-width:0;min-height:var(--touch);font-size:16px}.pindah .hp-saja{display:inline-flex}.card-foot.kaki-langkah{flex-wrap:wrap;align-items:stretch}.kaki-langkah>.kaki-info{text-align:left;flex-basis:100%;order:-1}.kaki-langkah>.btn{flex:1 1 0}body:has(.kaki-langkah) .toast-wrap{bottom:152px}html:has(.kaki-langkah){scroll-padding-bottom:160px}}.lp{--lp-text-lede:17px;--lp-text-price:38px;--lp-text-section:clamp(25px, 1.6vw + 18px, 36px);--lp-text-hero:clamp(32px, 4.4vw + 15px, 54px);--lp-space-12:48px;--lp-space-16:64px;--lp-space-20:80px;--lp-radius-2xl:28px;--lp-container:1180px;--lp-gutter:16px;--lp-nav-h:64px;--lp-mbar-h:76px;--lp-shadow-up:0 -6px 20px #28231414;font-size:var(--text-md);flex:1;line-height:1.6;overflow-x:clip}@media (min-width:760px){.lp{--lp-gutter:24px}}.lp :is(h1,h2,h3,h4){letter-spacing:-.01em;line-height:1.22}.lp a:where(:not([class])){color:var(--primary-deep);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.lp a:where(:not([class])):hover{color:var(--primary-deeper)}.lp :where([id]){scroll-margin-top:calc(var(--lp-nav-h) + var(--space-4))}@media (prefers-reduced-motion:no-preference){html:has(.lp){scroll-behavior:smooth}}.lp-hero-grid>*,.lp-split>*,.lp-panel>*,.lp-band-grid>*,.lp-moments>*,.lp-day-wrap>*{min-width:0}.lp-skip{left:var(--space-4);z-index:var(--z-toast);background:var(--primary-deeper);color:var(--on-dark);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:var(--weight-bold);position:absolute;top:-100px}.lp-skip:focus{top:var(--space-3)}.lp-wrap{max-width:var(--lp-container);padding-inline:var(--lp-gutter);margin-inline:auto}.lp-section{padding-block:var(--lp-space-12)}.lp-section.alt{background:var(--surface-2);border-block:1px solid var(--rule-soft)}@media (min-width:1024px){.lp-section{padding-block:var(--lp-space-20)}}.lp-sec-head{max-width:720px;margin-bottom:var(--space-8)}.lp-sec-head.center{text-align:center;margin-inline:auto}.lp-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-heavy);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-deep);margin-bottom:var(--space-3)}.lp-sec-title{font-size:var(--lp-text-section);text-wrap:balance}.lp-lede{font-size:var(--lp-text-lede);color:var(--ink-soft);margin-top:var(--space-3);line-height:1.6}.lp .btn.lg{height:48px;padding:0 var(--space-5);font-size:var(--text-md);border-radius:var(--radius)}.lp .card h3{font-size:var(--text-lg)}.lp .logo{padding:0;display:inline-flex}.lp .li{padding:var(--space-2) 0}.lp .li b{font-size:var(--text-sm);white-space:normal;line-height:1.35;overflow:visible}.lp .li small{font-size:var(--text-xs);line-height:1.4}.lp .li-ic{width:32px;height:32px}.lp .li-ic svg.ic{width:16px;height:16px}.lp .input,.lp .select,.lp .textarea{min-height:var(--touch);font-size:16px}.lp .textarea{min-height:88px}.lp .select{background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px}@media (max-width:759px){.lp .logo{min-height:var(--touch)}.lp .toast-wrap{bottom:calc(var(--lp-mbar-h) + var(--space-3))}}.lp-nav{z-index:var(--z-sticky);background:var(--canvas);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.lp-nav{background:color-mix(in srgb, var(--canvas) 92%, transparent)}}.lp-nav{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.lp-nav-in{height:var(--lp-nav-h);align-items:center;gap:var(--space-4);display:flex}.lp-nav-links{gap:var(--space-1);margin-left:var(--space-6);display:none}.lp-nav-links a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);text-decoration:none}.lp-nav-links a:hover{color:var(--primary-deeper);background:var(--primary-tint)}.lp-nav-act{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.lp-nav-act .btn{display:none}.lp-menu-btn{width:var(--touch);height:var(--touch);border-radius:var(--radius-md);border:1px solid var(--rule);background:var(--surface);cursor:pointer;color:var(--ink);place-items:center;display:grid}.lp-mmenu{border-top:1px solid var(--rule);background:var(--canvas);padding:var(--space-3) var(--lp-gutter) var(--space-5)}.lp-mmenu-link{min-height:var(--touch);font-weight:var(--weight-bold);color:var(--ink);border-bottom:1px solid var(--rule-soft);align-items:center;display:flex}.lp-mmenu .btn{margin-top:var(--space-4)}@media (min-width:760px){.lp-nav-act .btn{display:inline-flex}}@media (min-width:1024px){.lp-nav-links{display:flex}.lp-menu-btn,.lp-mmenu{display:none}}.lp-hero{padding-block:var(--space-10) var(--lp-space-12);position:relative;overflow:hidden}.lp-hero-wave{opacity:.5;pointer-events:none;width:70%;height:220px;position:absolute;inset:auto -10% -40px auto}.lp-hero-grid{gap:var(--space-10);align-items:center;display:grid;position:relative}.lp-hero h1{font-size:var(--lp-text-hero);max-width:14ch;line-height:1.12}.lp-hero .lp-lede{max-width:540px}.lp-cta-row{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.lp-facts{gap:var(--space-2);margin-top:var(--space-6);font-size:var(--text-sm);color:var(--ink);display:grid}.lp-facts li{align-items:flex-start;gap:var(--space-2);display:flex}.lp-facts svg.ic{color:var(--primary-deep);margin-top:2px}@media (min-width:1024px){.lp-hero{padding-block:var(--lp-space-16) var(--lp-space-20)}.lp-hero-grid{gap:var(--lp-space-12);grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}}.lp-shot{padding-bottom:var(--space-8);position:relative}.lp-mock,.lp-phone{pointer-events:none;-webkit-user-select:none;user-select:none}.lp-mock{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-size:var(--text-sm);line-height:1.5;overflow:hidden}.lp-mock-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--rule-soft);background:var(--surface-2);display:flex}.lp-mock-bar i{background:var(--rule);border-radius:50%;width:9px;height:9px}.lp-mock-url{margin-left:var(--space-2);min-width:0;height:22px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--paper-sunken);color:var(--ink-soft);line-height:22px;font-size:var(--text-2xs);white-space:nowrap;text-overflow:ellipsis;flex:1;display:block;overflow:hidden}.lp-mock-body{padding:var(--space-4);gap:var(--space-3);display:grid}.lp-mock-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lp-mock-head h4{font-size:var(--text-lg)}.lp-mock-head small{font-size:var(--text-xs);color:var(--ink-soft);font-family:var(--font-sans);font-weight:var(--weight-medium);letter-spacing:0;display:block}.lp-mock-kpis{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lp-mock .card{padding:var(--space-3) var(--space-4);border-radius:var(--radius)}.lp-mock .kpi{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);flex-direction:row;justify-content:flex-start;align-items:center}.lp-mock .kpi-label{font-size:var(--text-xs)}.lp-mock .kpi-value{font-size:var(--text-2xl);margin-top:0}.lp-mock .kpi-sub{font-size:var(--text-2xs);margin-top:0}.lp-mock .kpi-ic{width:36px;height:36px}.lp-mock .kpi-ic svg.ic{width:17px;height:17px}.lp-mock .avatar.sm{width:28px;height:28px;font-size:var(--text-2xs);border-radius:var(--radius-sm)}.lp-mock .tbl{font-size:var(--text-sm)}.lp-mock .tbl th,.lp-mock .tbl td{padding:var(--space-2)}.lp-mock-sl{font-size:var(--text-2xs);font-weight:var(--weight-heavy);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--space-1)}.lp-mock-angka{justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);margin-bottom:var(--space-2);display:flex}.lp-contoh{z-index:var(--z-raised);top:calc(-1 * var(--space-3));left:var(--space-4);box-shadow:var(--shadow-sm);position:absolute}@media (max-width:420px){.lp-mock .kpi-ic{display:none}}.lp-phone{border-radius:var(--lp-radius-2xl);border:7px solid var(--ink-heading);background:var(--canvas);width:220px;box-shadow:var(--shadow-lg);font-size:var(--text-xs);line-height:1.5;overflow:hidden}.lp-phone-top{padding:var(--space-3) var(--space-3) var(--space-2);justify-content:space-between;align-items:center;display:flex}.lp-phone-top b{font-family:var(--font-serif);font-size:var(--text-md);color:var(--ink-heading)}.lp-phone-body{padding:0 var(--space-3) var(--space-3);gap:var(--space-2);display:grid}.lp-phone .card{padding:var(--space-2) var(--space-3);border-radius:var(--radius)}.lp-phone .avatar.sm{width:28px;height:28px;font-size:var(--text-2xs);border-radius:var(--radius-sm)}.lp-phone .li{padding:var(--space-1) 0;gap:var(--space-2)}.lp-phone .li b{font-size:var(--text-xs)}.lp-phone .li small{font-size:var(--text-2xs)}.lp-phone .li-ic{border-radius:var(--radius-sm);width:26px;height:26px}.lp-phone .li-ic svg.ic{width:14px;height:14px}.lp-shot .lp-phone{display:none}@media (min-width:760px){.lp-shot.has-phone{padding-bottom:150px;padding-right:140px}.lp-shot .lp-phone{display:block;position:absolute;bottom:0;right:0}.lp-shot.has-phone .lp-mock .card .li{padding-right:100px}}.lp-att-row{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--rule-soft);display:flex}.lp-att-row:last-child{border-bottom:0}.lp-att-row b{min-width:0;font-size:var(--text-sm);color:var(--ink-heading);flex:1}.lp-hsia{gap:3px;display:inline-flex}.lp-hsia span{border-radius:var(--radius-xs);border:1px solid var(--rule);width:26px;height:26px;font-size:var(--text-2xs);font-weight:var(--weight-heavy);color:var(--ink-soft);background:var(--surface);place-items:center;display:grid}.lp-hsia span.on-h{background:var(--success-tint);color:var(--success-text);border-color:#0000}.lp-hsia span.on-s{background:var(--info-blue-tint);color:var(--info-blue-text);border-color:#0000}.lp-hsia span.on-a{background:var(--danger-tint);color:var(--danger-text);border-color:#0000}.lp-msgs{gap:var(--space-2);display:grid}.lp-msg{max-width:85%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-xs);line-height:1.45}.lp-msg.in{background:var(--paper-sunken);color:var(--ink)}.lp-msg.out{background:var(--primary-tint);color:var(--primary-deeper);margin-left:auto}.lp-msg small{font-size:var(--text-2xs);color:var(--ink-soft);margin-top:2px;display:block}.lp-moments{gap:var(--space-3);display:grid}.lp-moment{gap:var(--space-2);align-content:start;display:grid}.lp-moment .tag{justify-self:start}.lp-moment h3{margin-top:var(--space-1)}.lp-moment p{font-size:var(--text-base);color:var(--ink-soft)}@media (min-width:760px){.lp-moments{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lp-moments{grid-template-columns:repeat(3,minmax(0,1fr))}}.lp-day-wrap{gap:var(--space-8);align-items:start;display:grid}.lp-day-intro .pill{margin-top:var(--space-4)}.lp-day{gap:var(--space-3);display:grid;position:relative}.lp-day:before{content:"";top:var(--space-5);bottom:var(--space-5);background:var(--rule);width:2px;position:absolute;left:27px}.lp-day-item{gap:var(--space-3);grid-template-columns:56px minmax(0,1fr);align-items:start;display:grid;position:relative}.lp-day-item>.tag{margin-top:var(--space-4);justify-content:center;position:relative}.lp-day-card{gap:var(--space-1);padding:var(--space-4) var(--space-5);display:grid}.lp-day-card p{font-size:var(--text-base);color:var(--ink-soft)}.lp-day-card .lp-day-seen{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--rule-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}@media (min-width:1024px){.lp-day-wrap{gap:var(--lp-space-16);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.lp-day-intro{top:calc(var(--lp-nav-h) + var(--space-6));position:sticky}.lp-day-item{gap:var(--space-4);grid-template-columns:64px minmax(0,1fr)}.lp-day:before{left:31px}}.lp-tabs{gap:var(--space-2);padding:3px 3px var(--space-2);margin:-3px -3px var(--space-6);scrollbar-width:thin;display:flex;overflow-x:auto}.lp-tabs [role=tab]{min-height:var(--touch);align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--rule);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);cursor:pointer;white-space:nowrap;flex-shrink:0;display:inline-flex}.lp-tabs [role=tab]:hover{color:var(--primary-deeper);border-color:var(--primary)}.lp-tabs [role=tab][aria-selected=true]{background:var(--primary-tint);color:var(--primary-deeper);border-color:#0000}.lp-panel{gap:var(--space-8);align-items:start;display:grid}.lp-panel-intro{font-size:var(--lp-text-lede);color:var(--ink);margin-bottom:var(--space-4)}.lp-feats .li{padding:var(--space-3) 0;align-items:flex-start}.lp-feats .li b{font-size:var(--text-base)}.lp-feats .li small{font-size:var(--text-sm);margin-top:2px}.lp-panel .callout{margin-top:var(--space-4)}.lp-demo{margin-top:var(--space-8)}@media (min-width:1024px){.lp-panel{gap:var(--lp-space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.lp-steps{gap:var(--space-4);display:grid}.lp-step{gap:var(--space-4);align-items:flex-start;display:flex;position:relative}.lp-step-no{background:var(--primary-deeper);width:40px;height:40px;color:var(--on-dark);font-weight:var(--weight-heavy);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.lp-step h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}.lp-step p{font-size:var(--text-base);color:var(--ink-soft)}.lp-note-row{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}@media (min-width:1024px){.lp-steps{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr))}.lp-step{flex-direction:column}.lp-step:not(:last-child):after{content:"";top:20px;left:52px;right:calc(-1 * var(--space-6) + 12px);background:var(--rule);height:2px;position:absolute}}.lp-split{gap:var(--space-8);align-items:center;display:grid}.lp-checks{gap:var(--space-3);margin-top:var(--space-6);display:grid}.lp-checks li{gap:var(--space-3);align-items:flex-start;display:flex}.lp-checks .li-ic{border-radius:50%;width:26px;height:26px}.lp-checks .li-ic svg.ic{width:14px;height:14px}.lp-checks b{color:var(--ink-heading)}@media (min-width:1024px){.lp-split{gap:var(--lp-space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.lp-start{padding:var(--space-2) var(--space-5)}.lp-start .li{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0}.lp-start .li b{font-size:var(--text-md)}.lp-start .li small{font-size:var(--text-sm);margin-top:2px}.lp-start .tag{margin-top:var(--space-2)}.lp-start .lp-step-no{width:32px;height:32px;font-size:var(--text-sm)}.lp-cta-note{font-size:var(--text-sm);color:var(--ink-soft);margin-top:var(--space-3)}.lp-faq{gap:var(--space-3);max-width:820px;margin-inline:auto;display:grid}.lp-faq details{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--radius-lg)}.lp-faq summary{cursor:pointer;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--weight-bold);color:var(--ink-heading);font-size:var(--text-md);list-style:none;display:flex}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary svg.ic{color:var(--ink-soft);transition:transform var(--dur);margin-left:auto}.lp-faq details[open] summary svg.ic{transform:rotate(180deg)}.lp-ans{padding:0 var(--space-5) var(--space-5);color:var(--ink);font-size:var(--text-base);line-height:1.65}.lp-ans p+p{margin-top:var(--space-2)}.lp-band{background:var(--primary-deeper);color:var(--on-dark);position:relative;overflow:hidden}.lp-band h2{color:var(--on-dark);font-size:var(--lp-text-section)}.lp-band .lp-lede{color:var(--on-dark)}@supports (color:color-mix(in lab, red, red)){.lp-band .lp-lede{color:color-mix(in srgb, var(--on-dark) 82%, transparent)}}.lp-band-wave{opacity:.35;pointer-events:none;width:60%;height:180px;position:absolute;bottom:-30px;left:-5%}.lp-band-grid{gap:var(--space-8);align-items:start;display:grid;position:relative}.lp-band .lp-facts{color:var(--on-dark)}.lp-band .lp-facts svg.ic{color:var(--accent)}.lp-band :focus-visible{outline-color:var(--accent)}.lp-form-card{color:var(--ink);padding:var(--space-6)}.lp-form-card :focus-visible{outline-color:var(--primary-deep)}.lp-band .lp-form-card h3{font-size:var(--text-xl)}.lp-form-sub{font-size:var(--text-sm);color:var(--ink-soft);margin-top:var(--space-1)}.lp-form-grid{gap:var(--space-4);margin-top:var(--space-4);display:grid}.lp-form-note{font-size:var(--text-xs);color:var(--ink-soft);margin-top:var(--space-3)}.lp-two{gap:var(--space-4);display:grid}@media (min-width:760px){.lp-two{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.lp-band-grid{gap:var(--lp-space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}.lp-foot{padding-block:var(--space-10) var(--space-8);border-top:1px solid var(--rule);font-size:var(--text-sm)}.lp-foot-grid{gap:var(--space-8) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.lp-foot-grid>:first-child{grid-column:1/-1}.lp-foot-tagline{margin-top:var(--space-3);max-width:320px;color:var(--ink-soft)}.lp-foot h4{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-heavy);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--space-3)}.lp-foot ul{gap:var(--space-2);display:grid}.lp-foot a{color:var(--ink);text-decoration:none}.lp-foot a:hover{color:var(--primary-deeper);text-decoration:underline}.lp-foot-legal{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--rule-soft);color:var(--ink-soft);font-size:var(--text-xs);gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}@media (max-width:759px){.lp-foot li>a{align-items:center;min-height:32px;display:inline-flex}}@media (min-width:760px){.lp-foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}.lp-foot-grid>:first-child{grid-column:auto}}.lp-mbar{z-index:var(--z-sticky);gap:var(--space-2);padding:var(--space-3) var(--lp-gutter) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface);display:flex;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.lp-mbar{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.lp-mbar{border-top:1px solid var(--rule);box-shadow:var(--lp-shadow-up);transition:transform var(--dur), visibility 0s}.lp-mbar .btn{flex:1}.lp-mbar.is-hidden{visibility:hidden;transition:transform var(--dur), visibility 0s var(--dur);transform:translateY(110%)}@media (max-width:759px){.lp{padding-bottom:var(--lp-mbar-h)}}@media (min-width:760px){.lp-mbar{display:none}}.lp[data-draf] [data-pengganti]{background:var(--accent-tint);color:var(--accent-ink);outline:1.5px dashed var(--accent-deep);outline-offset:1px;border-radius:4px;padding:0 2px}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-x-0{inset-inline:0}.top-2{top:calc(var(--spacing) * 2)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.left-0{left:0}.z-0{z-index:0}.z-\[1\]{z-index:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:0!important}.m-0{margin:0}.\!mx-0{margin-inline:0!important}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.\!mt-0{margin-top:0!important}.\!mt-4{margin-top:calc(var(--spacing) * 4)!important}.\!mt-6{margin-top:calc(var(--spacing) * 6)!important}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-px{margin-top:1px}.mr-2{margin-right:calc(var(--spacing) * 2)}.\!mb-0{margin-bottom:0!important}.\!mb-2{margin-bottom:calc(var(--spacing) * 2)!important}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.\!h-6{height:calc(var(--spacing) * 6)!important}.\!h-7{height:calc(var(--spacing) * 7)!important}.\!h-16{height:calc(var(--spacing) * 16)!important}.\!h-\[38px\]{height:38px!important}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-8{height:calc(var(--spacing) * 8)}.h-14{height:calc(var(--spacing) * 14)}.h-\[34px\]{height:34px}.h-\[66px\]{height:66px}.h-\[88px\]{height:88px}.h-\[130px\]{height:130px}.h-full{height:100%}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[360px\]{max-height:360px}.\!min-h-9{min-height:calc(var(--spacing) * 9)!important}.\!min-h-\[70px\]{min-height:70px!important}.min-h-\[3px\]{min-height:3px}.min-h-\[110px\]{min-height:110px}.min-h-\[140px\]{min-height:140px}.min-h-\[180px\]{min-height:180px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-6{width:calc(var(--spacing) * 6)!important}.\!w-16{width:calc(var(--spacing) * 16)!important}.\!w-20{width:calc(var(--spacing) * 20)!important}.\!w-32{width:calc(var(--spacing) * 32)!important}.\!w-36{width:calc(var(--spacing) * 36)!important}.\!w-\[38px\]{width:38px!important}.\!w-auto{width:auto!important}.w-1\/3{width:33.3333%}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-80{width:calc(var(--spacing) * 80)}.w-\[22\%\]{width:22%}.w-\[26\%\]{width:26%}.w-\[30\%\]{width:30%}.w-\[34\%\]{width:34%}.w-\[52px\]{width:52px}.w-\[66px\]{width:66px}.w-\[72px\]{width:72px}.w-\[88px\]{width:88px}.w-\[150px\]{width:150px}.w-\[170px\]{width:170px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-28{max-width:calc(var(--spacing) * 28)}.max-w-\[110px\]{max-width:110px}.max-w-\[120px\]{max-width:120px}.max-w-\[180px\]{max-width:180px}.max-w-\[260px\]{max-width:260px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[720px\]{max-width:720px}.max-w-\[820px\]{max-width:820px}.max-w-\[860px\]{max-width:860px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-\[9rem\]{min-width:9rem}.min-w-\[34px\]{min-width:34px}.min-w-\[40px\]{min-width:40px}.min-w-\[130px\]{min-width:130px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.min-w-\[260px\]{min-width:260px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-56{flex-basis:calc(var(--spacing) * 56)}.basis-60{flex-basis:calc(var(--spacing) * 60)}.basis-\[160px\]{flex-basis:160px}.basis-\[220px\]{flex-basis:220px}.basis-\[280px\]{flex-basis:280px}.basis-full{flex-basis:100%}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-\[60px_1fr_1fr\]{grid-template-columns:60px 1fr 1fr}.grid-cols-\[minmax\(0\,1fr\)_120px\]{grid-template-columns:minmax(0,1fr) 120px}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.grid-cols-\[minmax\(110px\,150px\)_40px_1fr_auto_auto\]{grid-template-columns:minmax(110px,150px) 40px 1fr auto auto}.grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)_minmax\(0\,2fr\)\]{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,2fr)}.grid-cols-\[repeat\(auto-fill\,minmax\(150px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(260px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.\!items-start{align-items:flex-start!important}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.\!justify-center{justify-content:center!important}.\!justify-start{justify-content:flex-start!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.\!gap-0{gap:0!important}.\!gap-1{gap:var(--spacing)!important}.\!gap-1\.5{gap:calc(var(--spacing) * 1.5)!important}.\!gap-2{gap:calc(var(--spacing) * 2)!important}.\!gap-3{gap:calc(var(--spacing) * 3)!important}.\!gap-4{gap:calc(var(--spacing) * 4)!important}.\!gap-5{gap:calc(var(--spacing) * 5)!important}.\!gap-6{gap:calc(var(--spacing) * 6)!important}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-\[3px\]{gap:3px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!rounded-full{border-radius:3.40282e38px!important}.\!rounded-md{border-radius:var(--radius-md)!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-primary-deep{border-color:var(--primary-deep)!important}.\!border-primary-deeper{border-color:var(--primary-deeper)!important}.\!border-rule-soft{border-color:var(--rule-soft)!important}.border-primary{border-color:var(--primary)}.border-primary-deeper{border-color:var(--primary-deeper)}.border-primary-tint{border-color:var(--primary-tint)}.border-rule{border-color:var(--rule)}.border-rule-soft{border-color:var(--rule-soft)}.border-transparent{border-color:#0000}.\!bg-\[color-mix\(in_srgb\,var\(--on-dark\)_18\%\,transparent\)\]{background-color:var(--on-dark)!important}@supports (color:color-mix(in lab, red, red)){.\!bg-\[color-mix\(in_srgb\,var\(--on-dark\)_18\%\,transparent\)\]{background-color:color-mix(in srgb,var(--on-dark) 18%,transparent)!important}}.\!bg-danger-tint{background-color:var(--danger-tint)!important}.\!bg-primary-deeper{background-color:var(--primary-deeper)!important}.\!bg-surface{background-color:var(--surface)!important}.\!bg-surface-2{background-color:var(--surface-2)!important}.\!bg-transparent{background-color:#0000!important}.bg-info-blue-tint{background-color:var(--info-blue-tint)}.bg-paper{background-color:var(--paper)}.bg-paper-sunken{background-color:var(--paper-sunken)}.bg-primary{background-color:var(--primary)}.bg-primary-deeper{background-color:var(--primary-deeper)}.bg-primary-tint,.bg-primary-tint\/25{background-color:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.bg-primary-tint\/25{background-color:color-mix(in oklab, var(--primary-tint) 25%, transparent)}}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:0!important}.\!p-2{padding:calc(var(--spacing) * 2)!important}.\!p-3{padding:calc(var(--spacing) * 3)!important}.\!p-4{padding:calc(var(--spacing) * 4)!important}.\!p-6{padding:calc(var(--spacing) * 6)!important}.\!p-8{padding:calc(var(--spacing) * 8)!important}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.\!px-1\.5{padding-inline:calc(var(--spacing) * 1.5)!important}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.\!px-5{padding-inline:calc(var(--spacing) * 5)!important}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.\!py-0{padding-block:0!important}.\!py-0\.5{padding-block:calc(var(--spacing) * .5)!important}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.\!py-3{padding-block:calc(var(--spacing) * 3)!important}.\!py-3\.5{padding-block:calc(var(--spacing) * 3.5)!important}.\!py-4{padding-block:calc(var(--spacing) * 4)!important}.\!py-6{padding-block:calc(var(--spacing) * 6)!important}.\!py-8{padding-block:calc(var(--spacing) * 8)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.\!pt-8{padding-top:calc(var(--spacing) * 8)!important}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.\!pr-1{padding-right:var(--spacing)!important}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-\[50px\]{padding-left:50px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[-2px\]{vertical-align:-2px}.align-top{vertical-align:top}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-2xs{font-size:var(--text-2xs)!important}.text-\[17px\]{font-size:17px}.text-md{font-size:var(--text-md)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\!font-normal{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-all{word-break:break-all}.\!whitespace-normal{white-space:normal!important}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.\!text-danger-text{color:var(--danger-text)!important}.\!text-ink{color:var(--ink)!important}.\!text-on-dark{color:var(--on-dark)!important}.\!text-warning-text{color:var(--warning-text)!important}.text-danger{color:var(--danger)}.text-danger-text{color:var(--danger-text)}.text-info-blue-text{color:var(--info-blue-text)}.text-inherit{color:inherit}.text-ink{color:var(--ink)}.text-ink-heading{color:var(--ink-heading)}.text-ink-soft{color:var(--ink-soft)}.text-on-dark{color:var(--on-dark)}.text-primary-deep{color:var(--primary-deep)}.text-primary-deeper{color:var(--primary-deeper)}.text-success-text{color:var(--success-text)}.text-warning-text{color:var(--warning-text)}.\!normal-case{text-transform:none!important}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow-\[inset_0_0_0_1px_var\(--primary-deeper\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--primary-deeper));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-3{outline-style:var(--tw-outline-style);outline-width:3px}.outline-\[var\(--focus\)\]{outline-color:var(--focus)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-ink-soft::placeholder{color:var(--ink-soft)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:\!border-primary:hover{border-color:var(--primary)!important}.hover\:border-primary:hover{border-color:var(--primary)}.hover\:border-sidebar-rule:hover{border-color:var(--sidebar-rule)}.hover\:text-ink:hover{color:var(--ink)}.hover\:underline:hover{text-decoration-line:underline}}.disabled\:opacity-40:disabled{opacity:.4}.has-\[\:checked\]\:border-transparent:has(:checked){border-color:#0000}.has-\[\:checked\]\:bg-primary-tint:has(:checked){background-color:var(--primary-tint)}@media not all and (min-width:1024px){.max-\[1024px\]\:col-span-2{grid-column:span 2/span 2}.max-\[1024px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not all and (min-width:900px){.max-\[900px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (min-width:760px){.max-\[760px\]\:col-span-1{grid-column:span 1/span 1}.max-\[760px\]\:mb-0{margin-bottom:0}.max-\[760px\]\:hidden{display:none}.max-\[760px\]\:min-h-10{min-height:calc(var(--spacing) * 10)}.max-\[760px\]\:w-full{width:100%}.max-\[760px\]\:min-w-0{min-width:0}.max-\[760px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[760px\]\:grid-cols-\[1fr_40px_auto\]{grid-template-columns:1fr 40px auto}}@media not all and (min-width:40rem){.max-sm\:hidden{display:none}.max-sm\:w-full{width:100%}.max-sm\:pl-\[50px\]{padding-left:50px}}@media (min-width:761px){.min-\[761px\]\:hidden{display:none}}@media (min-width:40rem){.sm\:hidden{display:none}}@media print{.print\:hidden{display:none}.print\:\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.print\:p-0{padding:0}.print\:\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}}.\[\&_\.donut-center_b\]\:\!text-on-dark .donut-center b,.\[\&_\.donut-center_small\]\:\!text-on-dark .donut-center small{color:var(--on-dark)!important}.\[\&\>td\]\:\!bg-accent-tint\/40>td{background-color:var(--accent-tint)!important}@supports (color:color-mix(in lab, red, red)){.\[\&\>td\]\:\!bg-accent-tint\/40>td{background-color:color-mix(in oklab, var(--accent-tint) 40%, transparent)!important}}}.rte{flex-direction:column;display:flex}.rte-bar{gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--rule);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--surface-2);border-bottom:0;display:flex}.rte-bar button{min-width:32px;height:30px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--ink-soft);place-items:center;display:inline-grid}.rte-bar button:hover{background:var(--surface);color:var(--ink)}.rte .textarea{border-top-left-radius:0;border-top-right-radius:0}.rte-preview{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--text-sm);color:var(--ink-soft)}.dok{padding:var(--space-8)}.dok h1{font-size:var(--text-4xl);letter-spacing:-.01em}.dok>p{margin-top:var(--space-2)}.dok .callout{margin-top:var(--space-4)}.dok-ringkas{font-size:var(--text-md);max-width:68ch}.dok-bagian{margin:var(--space-6) 0 0;padding-left:var(--space-6);list-style:decimal}.dok-bagian>li{padding:var(--space-5) 0;border-top:1px solid var(--rule-soft)}.dok-bagian>li::marker{font-family:var(--font-serif);font-weight:var(--weight-semibold);color:var(--primary-deeper);font-size:var(--text-lg)}.dok-bagian h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.dok-bagian p,.dok-bagian ul{max-width:72ch;line-height:1.65}.dok-bagian p+p,.dok-bagian p+ul{margin-top:var(--space-3)}.dok-bagian ul{padding-left:var(--space-5);gap:var(--space-2);list-style:outside;display:grid}.dok a:not(.btn):not(.logo){color:var(--primary-deep);font-weight:var(--weight-semibold);text-underline-offset:2px;text-decoration:underline}@media (max-width:760px){.dok{padding:var(--space-5)}.dok h1{font-size:var(--text-3xl)}.dok-bagian{padding-left:var(--space-5)}}.school-chip{align-items:center;gap:var(--space-2);min-width:0;max-width:320px;min-height:42px;padding:6px var(--space-3);border-radius:var(--radius);background:var(--surface);border:1px solid var(--rule-soft);color:var(--ink-heading);font-size:var(--text-sm);flex:none;display:inline-flex}.school-chip svg{color:var(--primary-deep);flex-shrink:0}.school-chip b{font-weight:var(--weight-bold);overflow-wrap:anywhere;line-height:1.2}@media (min-width:761px){.topbar h1{white-space:normal;text-overflow:clip;text-wrap:balance;line-height:1.15;overflow:visible}.topbar-title{flex:280px;min-width:200px}.topbar-tools{flex:0 auto;min-width:0}.topbar-tools .search{flex:0 290px;width:auto;min-width:132px}}@media (max-width:1500px){.date-chip{display:none}}@media (min-width:761px) and (max-width:1366px){.topbar-tools .search{flex:0 0 42px;justify-content:center;width:42px;min-width:42px;padding:0}.topbar-tools .search span,.topbar-tools .search kbd{display:none}}@media (min-width:761px) and (max-width:1180px){.topbar .user-meta{display:none}.school-chip{max-width:240px}}@media (max-width:760px){.topbar-tools{gap:var(--space-2)}.school-chip{max-width:none;padding-inline:var(--space-2);gap:var(--space-1);flex:1 1 0}.topbar-tools .search{flex:0 0 42px;justify-content:center;width:42px;min-width:42px;padding:0}.topbar-tools .search span,.user-chip>svg:last-child{display:none}.user-chip{gap:0;padding:0}}@media print{.school-chip{display:none}}.input-rp{display:block;position:relative}.input-rp>span{left:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-rp>.input{width:100%;padding-left:38px}.tbl-foot[data-penata]{justify-content:flex-start}.tbl-size{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.tbl-size .select{width:auto;min-width:76px}.tbl-range{font-variant-numeric:tabular-nums}.tbl-foot[data-penata] .pager{align-items:center;margin-left:auto}.tbl-foot[data-penata] .pager button{place-items:center;display:grid}.tbl-foot[data-penata] .pager button:disabled{opacity:.4;cursor:default}.tbl-foot[data-penata] .pager .gap{text-align:center;width:20px;color:var(--ink-soft)}tr.pg-off{display:none}@media print{tr.pg-off{display:table-row}.tbl-foot[data-penata]{display:none}}.month button.ev{text-align:left;cursor:pointer;border:0;width:100%;font-family:inherit;display:block}.month button.ev:hover,.month button.ev:focus-visible{filter:brightness(.94)}.agenda-pemicu{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:0;display:block}.agenda-pemicu:hover b{color:var(--primary-deep);text-decoration:underline}.attach{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.attach-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);margin:0;display:flex}.attach-item b{font-size:var(--text-sm);color:var(--ink-heading);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attach-item small{font-size:var(--text-xs);color:var(--ink-soft)}.attach-item.is-img{padding:0;display:block;overflow:hidden}.attach-pratinjau{width:auto;max-width:100%;height:auto;max-height:220px;padding:var(--space-3);object-fit:contain;margin:0 auto;display:block}.attach-item.is-img{background:var(--paper-sunken)}.attach-cap{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-top:1px solid var(--rule-soft);background:var(--surface);display:flex}.lampiran-daftar{gap:var(--space-2);flex-direction:column;display:flex}.lampiran-gambar{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--paper-sunken);padding:var(--space-2);display:block}.lampiran-gambar img{border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:320px;margin:0 auto;display:block}.saring-riwayat{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.saring-riwayat .searchbox{flex:220px;min-width:200px}.saring-riwayat .select{flex:0 auto;width:auto;min-width:150px}a.tag{text-decoration:none}a.tag:hover{filter:brightness(.96)}.tbl-size{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--ink-soft);display:inline-flex}.tbl-size .opt{min-width:30px;height:26px;padding:0 var(--space-2);border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;place-items:center;display:inline-grid}.tbl-size .opt[aria-current=true]{background:var(--primary-deeper);border-color:var(--primary-deeper);color:var(--on-dark)}.tagihan-item{padding:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.tagihan-item+.tagihan-item{margin-top:0}.tile.metode{cursor:pointer;border:1.5px solid var(--rule);display:block}.tile.metode.is-pilih{border-color:var(--primary-deep);background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.tile.metode.is-pilih{background:color-mix(in srgb, var(--primary-tint) 45%, var(--surface))}}.tile.metode input[type=radio]{width:17px;height:17px;accent-color:var(--primary-deep)}.qris-kotak{aspect-ratio:1;align-content:center;place-items:center;gap:var(--space-2);border:2px dashed var(--rule);border-radius:var(--radius);background:var(--paper-sunken);width:min(240px,100%);color:var(--ink-soft);font-weight:var(--weight-bold);margin:0 auto;display:grid}.qris-kotak svg.ic{width:72px;height:72px}.li-pilih,.li-pilih:first-child,.li-pilih:last-child{padding:var(--space-3);border-radius:var(--radius-md);border-bottom-color:#0000}.li-pilih>svg.ic{color:var(--ink-soft);flex-shrink:0}.li-pilih:hover{background:var(--surface-2)}.li-pilih.is-current{background:var(--accent-tint)}@supports (color:color-mix(in lab, red, red)){.li-pilih.is-current{background:color-mix(in srgb, var(--accent-tint) 45%, var(--surface))}}.kotak-bayar{width:28px;height:28px;font-size:var(--text-sm);font-weight:var(--weight-heavy);vertical-align:middle;border:0;border-radius:7px;place-items:center;padding:0;display:inline-grid}.kotak-bayar.kecil{border-radius:3px;width:12px;height:12px}.kotak-bayar.lunas{background:var(--success-tint);color:var(--success-text)}.kotak-bayar.belum{background:var(--warning-tint);color:var(--warning-text)}.kotak-bayar.telat{background:var(--danger-tint);color:var(--danger-text)}.kotak-bayar.tanpa{background:var(--paper-sunken);color:var(--ink-soft)}button.kotak-bayar{cursor:pointer}button.kotak-bayar:hover{filter:brightness(.94)}button.kotak-bayar:focus-visible{outline:2px solid var(--primary-deep);outline-offset:2px}.bagian-strip{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--primary-tint);color:var(--primary-deeper)}.bagian-strip-top{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.bagian-strip-top b{font-family:var(--font-serif);font-size:var(--text-md)}.bagian-strip-top span{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.bagian-strip p{margin:var(--space-1) 0 0;font-size:var(--text-sm);line-height:1.5}.qgrid-bagian{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);font-size:var(--text-xs);color:var(--ink-soft);display:flex}[data-nav-bagian]:first-of-type>.qgrid-bagian{margin-top:0}.qgrid-bagian b{font-size:var(--text-sm);color:var(--ink-heading);white-space:nowrap}.qgrid-bagian span{text-align:right}.review-bagian{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-5) 0 var(--space-2);border-bottom:2px solid var(--rule);font-size:var(--text-sm);color:var(--ink-soft);flex-wrap:wrap;display:flex}[data-tinjau-bagian]:first-child>.review-bagian{padding-top:0}.review-bagian b{font-family:var(--font-serif);font-size:var(--text-md);color:var(--ink-heading)}.bagian-head{justify-content:space-between;align-items:flex-end;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--rule);font-size:var(--text-sm);color:var(--ink-soft);flex-wrap:wrap;display:flex}.bagian-head:first-child{margin-top:0}.bagian-head b{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--ink-heading);display:block}.bagian-head small{font-size:var(--text-sm);margin-top:2px;display:block}.builder-ajak{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px dashed var(--rule);border-radius:var(--radius);font-size:var(--text-sm);color:var(--ink-soft);flex-wrap:wrap;display:flex}.builder-ajak .grow{flex:260px;min-width:0}.builder-ajak b{color:var(--ink-heading)}.builder-ajak>svg.ic{color:var(--primary-deep);flex-shrink:0}.builder-seksi+.builder-seksi{margin-top:var(--space-5)}.builder-bagian{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.builder-bagian{border:1px solid color-mix(in srgb, var(--primary) 28%, transparent)}}.builder-bagian{border-radius:var(--radius);background:var(--primary-tint)}.builder-bagian-top{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.builder-bagian-top>b{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--primary-deeper);white-space:nowrap;margin-right:var(--space-1)}.builder-bagian .input{background:var(--surface)}.builder-bagian-form{flex:200px;min-width:0}.builder-bagian-form .input{width:100%;font-weight:var(--weight-semibold)}.builder-bagian-top .ringkas{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--primary-deeper);white-space:nowrap}.builder-bagian .petunjuk{width:100%;margin-top:var(--space-2)}.builder-grup{margin-left:var(--space-2);padding-left:var(--space-3);border-left:3px solid var(--primary-tint)}.builder-grup .builder-item:last-child{margin-bottom:0}.builder-kosong{margin-bottom:var(--space-3);padding:var(--space-4);border:1.5px dashed var(--rule);border-radius:var(--radius);text-align:center;font-size:var(--text-sm);color:var(--ink-soft)}.builder-pindah .select{width:auto;min-width:104px}.lampiran-soal{margin-top:var(--space-3);max-width:560px}.lampiran-soal.ringkas{max-width:280px}.lampiran-soal.ringkas .lampiran-gambar img{max-height:160px}.lamp-slot{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-5) var(--space-4);border:1.5px dashed var(--primary);border-radius:var(--radius-md);background:var(--primary-tint);color:var(--primary-deeper);font:inherit;cursor:pointer;flex-direction:column;display:flex}.lamp-slot:hover,.lamp-slot:focus-visible{background:var(--primary-tint)}@supports (color:color-mix(in lab, red, red)){.lamp-slot:hover,.lamp-slot:focus-visible{background:color-mix(in srgb, var(--primary-tint) 80%, var(--primary))}}.lamp-slot b{font-size:var(--text-sm)}.attach-item.is-dibuang{opacity:.5}.attach-item.is-dibuang b{text-decoration:line-through}.app.is-collapsed .nav-item.has-badge .nav-badge{width:9px;height:9px;box-shadow:0 0 0 2px var(--paper-raised);padding:0;font-size:0;display:block;position:absolute;top:6px;right:8px}.menu-ket{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--paper-sunken);font-size:var(--text-sm);color:var(--ink);flex-wrap:wrap;display:flex}.menu-ket .nav-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--primary-deeper);color:var(--on-dark);border-radius:var(--radius-pill);padding:1px var(--space-2);font-style:normal}.menu-ket span{font-weight:var(--weight-bold)}.menu-ket small{color:var(--ink-soft);font-size:var(--text-xs)}li+li>.langkah,.langkah+.langkah{border-top:1px solid var(--rule-soft)}.langkah>summary{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;cursor:pointer;list-style:none;display:flex}.langkah>summary::-webkit-details-marker{display:none}.langkah>summary b{color:var(--ink);display:block}.langkah>summary small{color:var(--ink-soft);font-size:var(--text-sm);display:block}.langkah>summary>svg.ic:last-child{color:var(--ink-soft);transition:transform var(--dur-fast);flex-shrink:0}.langkah[open]>summary>svg.ic:last-child{transform:rotate(180deg)}.langkah>summary:hover b{color:var(--primary-deep)}.langkah-isi{gap:var(--space-4);padding:0 0 var(--space-5) calc(38px + var(--space-3));font-size:var(--text-base);flex-direction:column;display:flex}.langkah.ringkas>summary{padding:var(--space-3) 0}.langkah.ringkas .langkah-isi{padding-left:0}.langkah-kolom{gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.langkah-daftar{margin:var(--space-2) 0 0;padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}ul.langkah-daftar{list-style:outside}ol.langkah-daftar{list-style:decimal}.langkah-daftar li{padding-left:var(--space-1)}@media (max-width:760px){.langkah-isi{padding-left:0}.langkah-kolom{gap:var(--space-4);grid-template-columns:1fr}}.mode-banner{top:var(--offline-h,0px);z-index:calc(var(--z-sticky) + 1);align-items:center;gap:var(--space-3);min-height:52px;margin:calc(-1 * var(--main-pt)) calc(-1 * var(--main-px)) var(--main-pt);padding:var(--space-2) var(--main-px);background:var(--primary-deeper);color:var(--on-dark);font-size:var(--text-sm);display:flex;position:sticky}.mode-banner>span{flex:1;min-width:0}.mode-banner small{opacity:.8;font-size:var(--text-xs);display:block}.mode-banner .btn{background:var(--on-dark);color:var(--primary-deeper);border-color:#0000;flex-shrink:0}.main:has(>.mode-banner) .topbar{top:calc(var(--offline-h,0px) + 52px + var(--space-3))}@media (max-width:760px){.mode-banner{height:52px}.mode-banner small{display:none}.mode-banner>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main:has(>.mode-banner) .topbar-tools{top:calc(var(--offline-h,0px) + 52px)}}.app:has(>.main>[data-mode-lihat]) a[href^="/api/"]{pointer-events:none;cursor:default}.app:has(>.main>[data-mode-lihat]) a[href^="/api/"]:not(:has(img)){display:none!important}.app:has(>.main>[data-mode-lihat]) video[src^="/api/berkas/"]{display:none!important}.app:has(>.main>[data-mode-lihat]) video:has(source[src^="/api/berkas/"]){display:none!important}.app:has(>.main>[data-mode-lihat]) [data-unduh]{display:none!important}.kertas-latar{background:var(--paper-sunken);padding:var(--space-6);min-height:100dvh}.kertas{color:#2a332e;background:#fff;width:100%;max-width:760px;min-height:1000px;margin:0 auto;padding:56px 60px;font-size:13px;line-height:1.6;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000001f}.kertas p{margin:0 0 10px}.kertas h1{font-family:var(--font-serif);color:#2c5147;letter-spacing:.02em;margin:18px 0 4px;font-size:18px}.kertas .kertas-kop{border-bottom:2px solid #2c5147;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:10px;display:flex}.kertas .kertas-kop b{color:#2c5147;letter-spacing:.06em;display:block}.kertas .kertas-kop small{color:#5e685f;font-size:11px}.kertas .kertas-kop .brand-mark{background:#2c5147}.kertas .kertas-tengah{text-align:center;color:#5e685f}.kertas .kertas-kecil{color:#5e685f;font-size:11px}.kertas dl.kertas-kv{grid-template-columns:160px 1fr;gap:3px 12px;margin:0 0 14px;display:grid}.kertas dl.kertas-kv dt{color:#5e685f}.kertas dl.kertas-kv dd{margin:0}.kertas table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:6px 0 14px;font-size:12px}.kertas th,.kertas td{text-align:left;vertical-align:top;border:1px solid #55605a;padding:6px 8px}.kertas th{background:#f1eee3}.kertas .n{text-align:right;white-space:nowrap}.kertas tr.total td{background:#f1eee3;font-weight:700}.kertas .kertas-ttd{text-align:center;justify-items:end;margin-top:32px;display:grid}.kertas .kertas-ttd>div{min-width:220px}.kertas .kertas-ruang{color:#5e685f;place-items:center;height:64px;font-size:10.5px;display:grid}.kertas .kertas-jumlah{color:#2c5147;border:1.5px solid #2c5147;border-radius:6px;align-items:center;gap:16px;margin:6px 0 4px;padding:8px 14px;font-size:22px;font-weight:800;display:inline-flex}.kertas .kertas-cap{letter-spacing:.2em;color:#3d6c5f;border:2px solid #3d6c5f;border-radius:4px;padding:2px 8px;font-size:12px;transform:rotate(-8deg)}.kertas .kertas-air{color:#c0885821;pointer-events:none;place-items:center;font-size:120px;font-weight:800;display:grid;position:absolute;inset:0;transform:rotate(-28deg)}.kertas-alat{max-width:760px;margin:0 auto var(--space-4)}.li .kertas b{font-size:inherit;color:inherit;white-space:normal;display:inline;overflow:visible}.li .kertas small{color:#5e685f;font-size:11px;display:inline}.li .kertas .kertas-kop b,.li .kertas .kertas-kop small,.li .kertas .kertas-ttd b{display:block}.kertas h2{color:#2c5147;margin:14px 0 4px;font-size:13px}.kertas ol{margin:0 0 10px;padding-left:22px}.kertas ol li{margin-bottom:4px}.kertas ol.kertas-butir{list-style:decimal}.kertas .kertas-pasal{break-inside:avoid}.kertas .kertas-kanan{text-align:right;margin-top:24px}.kertas .kertas-ttd.dua{grid-template-columns:1fr 1fr;justify-items:center;gap:24px;margin-top:8px}.kertas .kertas-sah{color:#3d6c5f;border:1.5px solid #3d6c5f;border-radius:4px;padding:4px 8px;font-size:10.5px;line-height:1.4;display:inline-block}.kertas .kertas-catatan{color:#8a5a2b;text-align:center;background:#fbf3e6;border:1px solid #ecd6b5;border-radius:4px;padding:6px 10px;font-size:11px}.kertas .kertas-kop.sekolah{text-align:center;justify-content:center}.kertas .kertas-formulir{break-inside:avoid;border-top:1.5px dashed #55605a;margin-top:20px;padding-top:12px}@media (max-width:640px){.kertas-latar{padding:var(--space-3)}.kertas{min-height:0;padding:28px 18px;font-size:11.5px}.kertas dl.kertas-kv{grid-template-columns:110px 1fr}.kertas table{font-size:10px}.kertas th,.kertas td{padding:4px 5px}.kertas .n{white-space:normal}.kertas .kertas-air{font-size:64px}}@page kertas{size:A4;margin:14mm}@media print{.kertas-latar{background:0 0;min-height:0;padding:0}.kertas{box-shadow:none;page:kertas;max-width:none;min-height:0;padding:0}.kertas th,.kertas tr.total td,.kertas .kertas-kop .brand-mark,.kertas .kertas-catatan{-webkit-print-color-adjust:exact;print-color-adjust:exact}.kertas-alat{display:none!important}}dialog.pratinjau-dok{border-radius:var(--radius-lg);background:var(--surface);width:min(860px,100vw - 24px);height:calc(100dvh - 32px);max-height:none;box-shadow:var(--shadow-modal);border:0;flex-direction:column;padding:0;display:none}dialog.pratinjau-dok[open]{display:flex}dialog.pratinjau-dok::backdrop{background:var(--backdrop)}dialog.pratinjau-dok .pratinjau-isi{flex:1;min-height:0;overflow-y:auto}dialog.pratinjau-dok .pratinjau-kaki{gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--rule-soft);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}dialog.drawer.penuh{width:min(1180px,100vw)}.form-dan-kertas{gap:var(--space-5);grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;display:grid}.form-dan-kertas>.kertas-samping{background:var(--paper-sunken);border-radius:var(--radius);max-height:calc(100dvh - 170px);padding:var(--space-4);position:sticky;top:0;overflow-y:auto}.form-dan-kertas .kertas{min-height:0;padding:36px 38px;font-size:12px}.hanya-sempit{display:none}@media (max-width:900px){.form-dan-kertas{grid-template-columns:minmax(0,1fr)}.form-dan-kertas>.kertas-samping{display:none}.hanya-sempit{display:inline-flex}}.lyn-butir b,.lyn-wrap .li b{white-space:normal}.lyn-st{background:var(--paper-sunken);width:30px;height:30px;color:var(--ink-soft);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.lyn-st.ok{background:var(--success-tint);color:var(--success-text)}.lyn-st.jalan{background:var(--accent-tint);color:var(--accent-ink)}.lyn-cek{font-size:var(--text-xs);color:var(--ink-soft);align-items:flex-start;gap:6px;margin-top:6px;display:flex}.lyn-cek .ic,.lyn-cek svg{color:var(--primary);flex-shrink:0;margin-top:1px}.lyn-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.lyn-hero .stepper{margin-bottom:0}.lyn-opsi{border:1px solid var(--rule-soft);border-radius:var(--radius);align-items:center;gap:10px;padding:10px 12px;display:flex}.kertas-samping .kertas{padding:40px 32px}.kertas-samping .kertas .n{white-space:normal}.anak-head{align-items:center;gap:var(--space-4);display:flex}.anak-head>.grow{flex:1;min-width:0}@media (max-width:760px){.anak-head{flex-wrap:wrap}.anak-head-aksi{flex-basis:100%;justify-content:center}}.kelas-diampu>.tile{flex-direction:column;display:flex}.kelas-diampu>.tile>.btn-row{padding-top:var(--space-3);margin-top:auto}@media (max-width:760px){.kelas-diampu{grid-template-columns:minmax(0,1fr)}.kelas-diampu>.tile{column-gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.kelas-diampu>.tile>.btn-row{grid-area:1/2/span 2;margin-top:0}}.empty.compact{align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-2) 0;display:flex}.empty.compact .li-ic{width:32px;height:32px;margin:0}.empty.compact b{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink)}.empty.compact p{color:var(--ink-soft)}@media (max-width:760px){.urut-hp{align-items:stretch;gap:var(--space-4);flex-direction:column;display:flex}.urut-hp :is(.with-rail,.stack,.rail,.g-2,.g-3){display:contents}.urut-hp>*,.urut-hp :is(.with-rail,.stack,.rail,.g-2,.g-3)>*{order:50}.urut-hp [data-urut-hp="1"]{order:1}.urut-hp [data-urut-hp="2"]{order:2}.urut-hp [data-urut-hp="3"]{order:3}.urut-hp [data-urut-hp="4"]{order:4}.urut-hp [data-urut-hp="5"]{order:5}.urut-hp [data-urut-hp="6"]{order:6}.urut-hp [data-urut-hp=akhir]{order:90}}.lampiran-gambar .lampiran-nama{align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--ink-soft);overflow-wrap:anywhere;display:flex}[data-prestasi] .lampiran-gambar img{max-height:140px;margin:0}@media (max-width:760px){.tbl.hp-kartu thead{display:none}.tbl.hp-kartu,.tbl.hp-kartu tbody{width:100%;display:block}.tbl.hp-kartu tr{column-gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--rule-soft);grid-template-columns:minmax(0,1fr) auto;display:grid}.tbl.hp-kartu tbody tr:last-child{border-bottom:0}.tbl.hp-kartu td{justify-content:space-between;align-items:center;gap:var(--space-3);text-align:right;border:0;grid-column:1/-1;padding:3px 0;display:flex}.tbl.hp-kartu td[data-label]:before{content:attr(data-label);color:var(--ink-soft);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;flex-shrink:0}.tbl.hp-kartu td.hp-judul{text-align:left;grid-column:1}.tbl.hp-kartu td.hp-aksi{grid-area:1/2;justify-content:flex-end}.tbl.hp-kartu td[colspan]{justify-content:center}.tbl.hp-kartu tbody tr:hover td{background:0 0}.tbl.hp-kartu tr:is([hidden],.pg-off),.tbl.hp-kartu td.hp-sembunyi{display:none}.tbl.hp-kartu td>.row{flex:1;justify-content:flex-end;max-width:60%}}.proses-daftar{flex-direction:column;display:flex}.proses-baris{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid;display:flex}@supports (color:color-mix(in lab, red, red)){.proses-baris{border-top:1px solid color-mix(in srgb, currentColor 14%, transparent)}}.proses-baris:first-child{border-top:0;padding-top:0}@media (max-width:760px){.proses-baris{flex-wrap:wrap}.proses-baris .btn{flex-basis:100%}.saring-kisi-form{flex-direction:column;align-items:stretch}.saring-kisi{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.saring-kisi>.searchbox{grid-column:1/-1;width:100%;min-width:0}.saring-kisi>select{width:100%;min-width:0}.saring-kisi-aksi>.btn{flex:1}}.nav-item .nav-badge.titik{background:var(--primary);border-radius:50%;width:8px;height:8px;padding:0}input[type=time],input[type=date],input[type=datetime-local],input[type=month],input[type=week]{cursor:pointer}input[type=time]:disabled,input[type=date]:disabled,input[type=time][readonly],input[type=date][readonly]{cursor:not-allowed}.chips .opt:has(>input:checked){background:var(--primary-deeper);border-color:var(--primary-deeper);color:var(--on-dark)}.chips .opt:has(>input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.pilih-ikon{gap:var(--space-2);flex-wrap:wrap}.pilih-ikon .opt{border-radius:var(--radius-md);justify-content:center;width:40px;height:40px;padding:0}.ujian-blokir-salin .exam{-webkit-user-select:none;user-select:none}.ujian-blokir-salin .exam input,.ujian-blokir-salin .exam textarea,.ujian-blokir-salin .exam [contenteditable=true]{-webkit-user-select:text;user-select:text}.kartu-pantau.is-perhatian{border-color:var(--warning);box-shadow:inset 3px 0 0 var(--warning)}.kartu-pantau.is-terkunci{border-color:var(--danger);box-shadow:inset 3px 0 0 var(--danger)}.titik-online{border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.titik-online.hidup{background:var(--success)}.titik-online.mati{background:var(--ink-soft)}:root{--paper:#f6f4ec;--paper-raised:#fdfcf7;--paper-sunken:#efe9d8;--rule:#e8e2cf;--rule-soft:#ede8d7;--sidebar-rule:#ded6bd;--topbar-rule:#e5dfcb;--ink:#333f38;--ink-soft:#60665d;--ink-heading:#2a352f;--primary:#5c8f80;--primary-deep:#3d6c5f;--primary-deeper:#2c5147;--primary-tint:#dce8e1;--accent:#d9ad6e;--accent-deep:#ad8248;--accent-tint:#f3e6cd;--accent-tint-2:#eee0c1;--accent-ink:#3a2c10;--success:#6e9e7b;--success-tint:#e1ebe1;--success-text:#3f734d;--warning-text:#895b34;--danger-text:#975144;--info-blue-text:#4c6a8b;--warning:#c08858;--warning-tint:#f1e1d1;--danger:#b4685a;--danger-tint:#f1deda;--info-blue:#5c7fa6;--info-blue-tint:#e1e7ee;--shadow-sm:0 1px 2px #2823141f;--shadow:0 1px 2px #3c32140d, 0 4px 14px #3c32140d;--shadow-lg:0 12px 30px #28231424;--shadow-modal:0 20px 60px #00000038;--backdrop:#28231459;--font-serif:var(--font-serif-loaded), "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-sans:var(--font-sans-loaded), ui-sans-serif, "Segoe UI", Helvetica, Arial, sans-serif;--white:#fff;--on-dark:var(--white);--canvas:var(--paper);--topbar-stuck:var(--paper-sunken);--topbar-stuck-rule:var(--sidebar-rule);--surface:var(--paper-raised);--surface-2:var(--paper)}@supports (color:color-mix(in lab, red, red)){:root{--surface-2:color-mix(in srgb, var(--paper) 55%, var(--paper-raised))}}:root{--nav-active-bg:var(--primary-tint);--nav-active-ink:var(--primary-deeper);--nav-active-icon:var(--primary-deeper);--chip-bg:var(--primary-tint);--chip-ink:var(--primary-deeper);--focus:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--focus:color-mix(in srgb, var(--primary) 45%, transparent)}}:root{--chart-1:var(--primary-deep);--chart-2:var(--accent-deep);--chart-3:var(--info-blue);--chart-emph:var(--primary-deeper);--chart-muted:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--chart-muted:color-mix(in srgb, var(--primary) 34%, var(--paper-raised))}}:root{--chart-muted-2:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--chart-muted-2:color-mix(in srgb, var(--accent) 42%, var(--paper-raised))}}:root{--chart-track:var(--paper-sunken);--chart-grid:var(--rule-soft);--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius:12px;--radius-pill:999px;--dur-fast:.15s;--dur:.2s;--dur-slow:.4s;--dur-loop:1s;--z-raised:5;--z-sticky:20;--z-scrim:25;--z-sidebar:30;--z-dropdown:50;--z-overlay:90;--z-toast:100;--z-menu:120;--sidebar-w:248px;--sidebar-w-collapsed:76px;--touch:44px}:focus-visible{outline:2px solid var(--primary-deep);outline-offset:2px}.searchbox input:focus-visible,.palette-input input:focus-visible{outline:none}.searchbox:focus-within{outline:2px solid var(--primary-deep);outline-offset:2px}.tabnum{font-variant-numeric:tabular-nums}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}