/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--sapu:0%}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-950:oklch(25.8% .092 26.042);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-yellow-300:oklch(90.5% .182 98.111);--color-lime-400:oklch(84.1% .238 128.85);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-800:oklch(43.2% .232 292.759);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-800:oklch(43.8% .218 303.724);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-600:oklch(44.2% .017 285.786);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-800:oklch(26.8% .007 34.298);--color-black:#000;--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;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--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);--font-poppins:"Poppins", ui-sans-serif, system-ui, sans-serif;--font-inter:"Inter", "Poppins", ui-sans-serif, system-ui, sans-serif;--font-sora:"Sora", "Poppins", ui-sans-serif, system-ui, sans-serif;--font-amiri-quran:"Amiri Quran", "KFGQPC Uthmanic Script HAFS", "Al Majeed Quranic", "Geeza Pro", serif;--font-uthmanic-hafs:"KFGQPC Uthmanic Hafs", "KFGQPC Uthmanic Script HAFS", "Amiri Quran", serif;--font-display:var(--font-sora);--font-body:var(--font-inter);--font-quran:var(--font-uthmanic-hafs);--color-primary-50:#eaf2fb;--color-primary-100:#cfe1f5;--color-primary-400:#4088c9;--color-primary-500:#0056b3;--color-primary-600:#01478f;--color-primary-700:#013a75;--color-accent-50:#ecfdf5;--color-accent-100:#d1fae5;--color-accent-400:#34d399;--color-accent-500:#10b981;--color-accent-600:#059669;--color-accent-700:#047857;--color-surface-950:#e7ecf6;--color-surface-900:#f2f5fb;--color-surface-800:rgb(var(--surface-card-rgb));--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-info-50:#eff6ff;--color-info-500:#3b82f6;--color-info-700:#1d4ed8;--color-background:var(--color-surface-950);--color-foreground:var(--color-slate-900);--color-card:var(--color-surface-800);--color-card-foreground:var(--color-slate-900);--color-popover:rgb(var(--surface-overlay-rgb));--color-popover-foreground:var(--color-slate-900);--color-primary:var(--color-primary-600);--color-primary-foreground:#fff;--color-secondary:rgba(var(--neutral-rgb), .05);--color-secondary-foreground:var(--color-slate-700);--color-muted:rgb(var(--surface-nested-rgb));--color-muted-foreground:var(--color-slate-500);--color-accent:var(--color-accent-500);--color-accent-foreground:var(--color-accent-700);--color-destructive:var(--color-danger-600);--color-destructive-foreground:#fff;--color-border:rgba(var(--neutral-rgb), .12);--color-input:rgba(var(--neutral-rgb), .12);--color-ring:var(--color-primary-500);--color-chart-1:var(--color-primary-500);--color-chart-2:var(--color-accent-500);--color-chart-3:var(--color-warning-500);--color-chart-4:var(--color-info-500);--color-chart-5:var(--color-danger-500);--color-hairline:rgba(var(--neutral-rgb), .05);--color-divider:rgba(var(--neutral-rgb), .09);--color-fill:rgba(var(--neutral-rgb), .05);--color-fill-strong:rgba(var(--neutral-rgb), .1);--color-scrim:rgba(var(--scrim-rgb), .62);--color-on-primary:#fff;--color-on-warning:#451a03;--color-glass:var(--glass-bg)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}h1,h2,h3,h4{font-family:var(--font-display)}}@layer components{.surface-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:var(--glass-border)}.surface-raised{box-shadow:var(--elev-2),var(--glass-highlight)}.surface-sunken{background:rgb(var(--surface-sunken-rgb));border:1px solid var(--border-faint)}.card{background:var(--sb-surface);border:1px solid var(--sb-line);box-shadow:var(--sb-shadow);border-radius:var(--radius-lg);contain:paint}.card-content{background:var(--sb-surface)}.card-data,.surface-workspace{background:rgb(var(--identity-workspace-rgb))}.surface-input{background:rgb(var(--surface-input-rgb))}.surface-data-header{color:var(--color-on-primary);background:rgb(var(--identity-data-header-rgb))}.card-pad{padding:var(--pad-card)}.card-pad-sm{padding:var(--pad-card-sm)}.card-flat{background:var(--sb-sunk);border-radius:var(--radius-md);border:1px solid #0000}.page-stack{gap:var(--gap-section);flex-direction:column;display:flex}.grid-stack{gap:var(--gap-grid);display:grid}.kpi-grid{gap:var(--gap-grid);grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));display:grid}.card-grid{gap:var(--gap-grid);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));display:grid}.bento{gap:var(--gap-grid);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bento>*{grid-column:1/-1;min-width:0}.bento>.bento-half{grid-column:span 1}@media(min-width:768px){.bento{grid-template-columns:repeat(12,minmax(0,1fr))}.bento>.bento-3{grid-column:span 3}.bento>.bento-4{grid-column:span 4}.bento>.bento-5{grid-column:span 5}.bento>.bento-6{grid-column:span 6}.bento>.bento-7{grid-column:span 7}.bento>.bento-8{grid-column:span 8}.bento>.bento-9{grid-column:span 9}.bento>.bento-12{grid-column:1/-1}}.bento-tile{padding:var(--pad-card-sm);background:var(--sb-surface);border:1px solid var(--sb-line);box-shadow:var(--sb-shadow);border-radius:var(--radius-lg);contain:paint;flex-direction:column;gap:.75rem;display:flex}.bento-metric{justify-content:center;gap:.25rem;min-height:5.25rem}.bento-metric-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1}.bento-metric-label{letter-spacing:var(--track-micro);color:var(--color-slate-600);font-size:.75rem;font-weight:600}.bento-head{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.card-head{border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.card-foot{border-top:1px solid var(--border-faint);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.pilih{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:rgb(var(--surface-input-rgb));min-height:2.25rem;color:var(--color-slate-700);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.pilih>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pilih-cek{flex-shrink:0;width:.875rem;height:.875rem;display:none}@media(hover:hover)and (pointer:fine){.pilih:hover{background:var(--fill-subtle);border-color:color-mix(in srgb,#0056b3 35%,rgba(var(--neutral-rgb),.12))}@supports (color:color-mix(in lab,red,red)){.pilih:hover{border-color:color-mix(in oklab,var(--color-primary-500) 35%,var(--color-border))}}}.pilih:has(>input:checked){border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700);font-weight:600}.pilih:has(>input:checked) .pilih-cek{display:block}.pilih:has(>input:focus-visible){outline:2px solid #0056b399}@supports (color:color-mix(in lab,red,red)){.pilih:has(>input:focus-visible){outline:2px solid color-mix(in oklab,var(--color-ring) 60%,transparent)}}.pilih:has(>input:focus-visible){outline-offset:2px}.pilih:has(>input:disabled){opacity:var(--state-disabled-opacity);cursor:not-allowed}.stepper{scrollbar-width:none;align-items:center;gap:0;min-width:0;max-width:100%;padding:.25rem .125rem;display:flex;overflow-x:auto}.stepper::-webkit-scrollbar{display:none}.stepper-item{color:var(--color-slate-600);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;font-size:.8125rem;font-weight:500;transition:background .15s;display:inline-flex}@media(hover:hover)and (pointer:fine){.stepper-item:hover{background:var(--state-hover)}}.stepper-dot{border:1.5px solid var(--color-border);background:rgb(var(--surface-input-rgb));font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;width:1.625rem;height:1.625rem;font-size:.75rem;font-weight:700;display:inline-flex}.stepper-dot svg{width:.875rem;height:.875rem}.stepper-line{background:var(--color-border);border-radius:2px;flex:1 0 1rem;min-width:1rem;max-width:3rem;height:2px}.stepper-item.is-done{color:var(--color-slate-700)}.stepper-item.is-done .stepper-dot{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700)}.stepper-line.is-done{background:var(--color-primary-500)}.stepper-item.is-active{color:var(--color-primary-700);font-weight:700}.stepper-item.is-active .stepper-dot{border-color:var(--color-primary-500);background:var(--color-primary-500);color:var(--color-on-primary);box-shadow:0 0 0 3px #0056b333}@supports (color:color-mix(in lab,red,red)){.stepper-item.is-active .stepper-dot{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary-500) 20%,transparent)}}.theme-option{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:rgb(var(--surface-nested-rgb));cursor:pointer;flex-direction:column;gap:.375rem;min-width:0;padding:.375rem;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}@media(hover:hover)and (pointer:fine){.theme-option:hover{background:var(--fill-muted);border-color:rgba(var(--primary-rgb),.35)}}.theme-option:has(:focus-visible){outline:2px solid var(--state-focus-ring);outline-offset:2px}.theme-option-active{background:rgba(var(--primary-rgb),.07);border-color:rgba(var(--primary-rgb),.45);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.35)}.theme-options-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;display:grid}@media(min-width:640px){.theme-options-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}}.theme-option-info{justify-content:center;align-items:center;gap:.25rem;min-width:0;display:flex}.theme-swatch{border-radius:var(--radius-sm);border:1px solid var(--border-faint);flex:none;width:100%;height:2.25rem;display:block;position:relative;overflow:hidden}.theme-swatch-chrome{border-bottom:1px solid rgba(var(--neutral-rgb),.06);height:26%;position:absolute;inset:0 0 auto}.theme-swatch-card{background:rgb(var(--card-rgb));box-shadow:0 1px 3px rgba(var(--neutral-rgb),.12);border-radius:.3rem;align-items:center;gap:.375rem;padding:0 .4rem;display:flex;position:absolute;top:38%;right:12%;bottom:16%;left:12%}.theme-swatch-btn{border-radius:999px;flex:none;width:1.6rem;height:.4rem}.theme-swatch-line{border-radius:999px;flex:auto;max-width:1.6rem;height:.2rem}.theme-swatch-line-muted{max-width:1rem}.theme-swatch-dot{border-radius:999px;flex:none;width:.45rem;height:.45rem}.child-chip,.filter-chip{min-width:0;max-width:100%;color:var(--color-slate-600);background:rgba(var(--neutral-rgb),.04);border:1px solid rgba(var(--neutral-rgb),.08);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;line-height:1.3;transition:background .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}@media(hover:hover)and (pointer:fine){.child-chip:hover,.filter-chip:hover{background:var(--state-hover-strong);color:var(--color-slate-900)}}.child-chip:active,.filter-chip:active{transform:translateY(1px)}.child-chip:focus-visible,.filter-chip:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:2px}.child-chip-active,.filter-chip-active{color:var(--control-active-fg);background:var(--control-active-bg);box-shadow:var(--control-active-shadow);border-color:#0000}@media(hover:hover)and (pointer:fine){.child-chip-active:hover,.filter-chip-active:hover{color:var(--control-active-fg);background:var(--control-active-bg)}}.child-chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.child-chip-mode{opacity:.7;flex-shrink:0;font-size:.75rem;font-weight:500}.page-title{font-family:var(--font-display);letter-spacing:var(--track-title);color:var(--color-slate-900);font-size:1.25rem;font-weight:700;line-height:1.2}@media(min-width:640px){.page-title{font-size:1.5rem}}.page-subtitle{letter-spacing:var(--track-caption);max-width:68ch;color:var(--color-slate-600);margin-top:.25rem;font-size:.875rem;line-height:1.45}.page-subtitle[dir=rtl]{font-size:1rem;line-height:1.9}.section-title{font-family:var(--font-display);letter-spacing:var(--track-heading);color:var(--color-slate-900);font-size:.9375rem;font-weight:600;line-height:1.3}.card-title{font-family:var(--font-display);letter-spacing:var(--track-heading);color:var(--color-slate-900);font-size:.875rem;font-weight:600;line-height:1.35}.metric-value{font-family:var(--font-display);letter-spacing:var(--track-title);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.1}.text-caption{letter-spacing:var(--track-caption);font-size:.75rem;font-weight:500;line-height:1.4}.text-micro{letter-spacing:var(--track-micro);font-size:.6875rem;font-weight:600;line-height:1.3}.page-nav{background:rgba(var(--neutral-rgb),.035);border:1px solid rgba(var(--neutral-rgb),.05);border-radius:1rem;justify-content:center;align-items:center;gap:.125rem;padding:.25rem;display:inline-flex}.page-item{font-variant-numeric:tabular-nums;min-width:2rem;height:2rem;color:var(--color-slate-600);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.8125rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}@media(hover:hover)and (pointer:fine){.page-item:hover{background:rgba(var(--neutral-rgb),.06);color:var(--color-slate-900)}}.page-item:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:1px}.page-item-active{color:var(--control-active-fg);background:var(--control-active-bg);box-shadow:var(--control-active-shadow)}@media(hover:hover)and (pointer:fine){.page-item-active:hover{color:var(--control-active-fg);background:var(--control-active-bg)}}.page-item-disabled{color:var(--color-slate-400);cursor:not-allowed}@media(hover:hover)and (pointer:fine){.page-item-disabled:hover{color:var(--color-slate-400);background:0 0}}.page-gap{min-width:1.25rem;height:2rem;color:var(--color-slate-600);justify-content:center;align-items:center;font-size:.8125rem;display:inline-flex}.tab-group{background:rgba(var(--neutral-rgb),.065);border:1px solid rgba(var(--neutral-rgb),.035);width:fit-content;max-width:100%;box-shadow:inset 0 1px 2px rgba(var(--neutral-rgb),.06);border-radius:.95rem;gap:.125rem;padding:.25rem;display:flex;overflow-x:auto}.tab-btn{white-space:nowrap;color:var(--color-slate-600);cursor:pointer;transition:background .22s var(--ease-spring,ease),color .15s ease,box-shadow .22s var(--ease-spring,ease),transform .15s ease;background:0 0;border:none;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.tab-btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.tab-btn:hover{color:var(--color-slate-900);background:rgba(var(--surface-overlay-rgb),.5)}}.tab-btn:focus-visible{outline:2px solid #0056b399}@supports (color:color-mix(in lab,red,red)){.tab-btn:focus-visible{outline:2px solid color-mix(in oklab,var(--color-ring) 60%,transparent)}}.tab-btn:focus-visible{outline-offset:1px}.tab-btn-active{color:var(--color-primary-700);background:rgb(var(--surface-overlay-rgb));box-shadow:0 1px 2px rgba(var(--neutral-rgb),.1),0 6px 14px -8px rgba(var(--neutral-rgb),.35),inset 0 1px #ffffffb3;font-weight:600}@media(hover:hover)and (pointer:fine){.tab-btn-active:hover{color:var(--color-primary-700);background:rgb(var(--surface-overlay-rgb))}}.analytics-locked-scope{min-height:2.375rem;color:var(--color-slate-600);text-transform:none;letter-spacing:normal;background:rgba(var(--neutral-rgb),.04);border-radius:.75rem;align-items:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.analytics-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;background:rgba(var(--neutral-rgb),.065);border:1px solid rgba(var(--neutral-rgb),.035);width:100%;box-shadow:inset 0 1px 2px rgba(var(--neutral-rgb),.06);scroll-snap-type:inline proximity;border-radius:.95rem;gap:.25rem;padding:.25rem;display:flex;overflow-x:auto}.analytics-tabs .tab-btn{scroll-snap-align:start;flex:none}.stat-chip{color:var(--color-slate-600);background:rgba(var(--neutral-rgb),.035);border:1px solid rgba(var(--neutral-rgb),.05);border-radius:999px;align-items:baseline;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;line-height:1.54;transition:background .15s,color .15s;display:inline-flex}@media(hover:hover)and (pointer:fine){a.stat-chip:hover{background:var(--state-hover-strong);color:var(--color-slate-900)}}a.stat-chip:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:2px}.stat-chip-value{color:var(--color-slate-900);font-variant-numeric:tabular-nums;font-weight:700}.juz-chip{color:var(--color-slate-600);border:1px solid rgba(var(--neutral-rgb),.1);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.375rem 0;font-size:.75rem;font-weight:500;line-height:1.34;transition:background .15s,border-color .15s,color .15s;display:flex}@media(hover:hover)and (pointer:fine){.juz-chip:hover{border-color:rgba(var(--primary-rgb),.4)}}.juz-chip-input:checked+.juz-chip{background:rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.5);color:var(--color-primary-700)}.juz-chip-input:focus-visible+.juz-chip{outline:2px solid var(--state-focus-ring);outline-offset:2px}.chart-box{width:100%;height:clamp(320px,44vh,430px)}.chart-box-lg{width:100%;height:clamp(320px,46vh,480px)}.chart-box-rows{width:100%;height:max(320px,calc(var(--rows,6) * 44px + 56px))}.chart-box-dash{width:100%;height:clamp(180px,26vh,260px)}.chart-shell{border-radius:var(--radius-md);background:0 0;border:0;padding:.25rem 0 0}.chart-legend{flex-wrap:wrap;align-items:center;gap:.375rem .5rem;margin-top:.625rem;display:flex}.chart-legend-item{color:var(--color-slate-600);background:var(--sb-sunk);border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1.34;display:inline-flex}.chart-legend-dot{background:var(--dot,var(--color-primary-500));width:.5rem;height:.5rem;box-shadow:0 0 0 2px rgba(var(--neutral-rgb),.08);border-radius:999px;flex-shrink:0}@supports (background:color-mix(in srgb,red 50%,transparent)){.chart-legend-dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--dot,var(--color-primary-500)) 20%,transparent)}}.chart-unit{color:var(--color-slate-500);letter-spacing:.01em;font-size:.6875rem;font-weight:500;line-height:1.28}.btn{border-radius:var(--radius-md);white-space:nowrap;letter-spacing:var(--track-body);transition:transform .14s var(--ease-out),box-shadow .15s ease,filter .15s ease,background .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none;--btn-icon:1rem;background-clip:padding-box;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.43;display:inline-flex}.btn :where(svg){width:var(--btn-icon);height:var(--btn-icon);pointer-events:none;flex-shrink:0}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--state-disabled-opacity);cursor:not-allowed;transform:none}.btn[aria-invalid=true]{border-color:var(--color-destructive)}.btn:focus-visible{outline:2px solid #0056b399}@supports (color:color-mix(in lab,red,red)){.btn:focus-visible{outline:2px solid color-mix(in oklab,var(--color-ring) 60%,transparent)}}.btn:focus-visible{outline-offset:2px;border-color:var(--color-ring)}.btn-sm{border-radius:var(--radius-sm);--btn-icon:.875rem;padding:.375rem .75rem;font-size:.8125rem}.btn-xs{border-radius:var(--radius-sm);--btn-icon:.8125rem;gap:.3rem;padding:.25rem .5rem;font-size:.75rem}.btn-lg{--btn-icon:1.125rem;padding:.75rem 1.5rem;font-size:.9375rem}.btn-block{width:100%}@media(min-width:640px){.btn-block{width:auto}}.btn-primary{color:var(--control-active-fg);background:var(--control-active-bg);box-shadow:var(--control-active-shadow),0 8px 18px -10px rgba(var(--primary-rgb),.7)}.btn-secondary{color:var(--color-slate-700);background:rgba(var(--neutral-rgb),.05);border:1px solid rgba(var(--neutral-rgb),.1)}@media(hover:hover)and (pointer:fine){.btn-secondary:hover:not(:disabled){background:var(--state-hover-strong);color:var(--color-slate-900)}}.btn-danger{color:#fff;background:var(--color-danger-600);box-shadow:var(--elev-1)}.btn-warning{color:var(--color-on-warning);background:var(--color-warning-500);box-shadow:var(--elev-1)}.btn-success{color:#fff;background:var(--color-success-700);box-shadow:var(--elev-1)}@media(hover:hover)and (pointer:fine){.btn-primary:hover:not(:disabled),.btn-danger:hover:not(:disabled),.btn-warning:hover:not(:disabled),.btn-success:hover:not(:disabled){filter:brightness(.93)}}.btn-ghost{color:var(--color-slate-500);background:0 0}@media(hover:hover)and (pointer:fine){.btn-ghost:hover:not(:disabled){color:var(--color-slate-900);background:var(--state-hover)}}.btn-icon{border-radius:var(--radius-sm);padding:.5rem}.btn-icon.btn-sm{padding:.375rem}.btn-icon.btn-xs{padding:.25rem}.btn-outline{color:var(--color-slate-700);border-color:var(--color-border);background:0 0}@media(hover:hover)and (pointer:fine){.btn-outline:hover:not(:disabled){background:var(--fill-subtle);color:var(--color-foreground)}}.btn-destructive{color:var(--color-danger-700);background:#dc26261a}@supports (color:color-mix(in lab,red,red)){.btn-destructive{background:color-mix(in oklab,var(--color-destructive) 10%,transparent)}}.btn-destructive{border-color:#dc262638}@supports (color:color-mix(in lab,red,red)){.btn-destructive{border-color:color-mix(in oklab,var(--color-destructive) 22%,transparent)}}@media(hover:hover)and (pointer:fine){.btn-destructive:hover:not(:disabled){background:#dc26262e}@supports (color:color-mix(in lab,red,red)){.btn-destructive:hover:not(:disabled){background:color-mix(in oklab,var(--color-destructive) 18%,transparent)}}}.btn-destructive:focus-visible{outline-color:#dc262699}@supports (color:color-mix(in lab,red,red)){.btn-destructive:focus-visible{outline-color:color-mix(in oklab,var(--color-destructive) 60%,transparent)}}.btn-destructive:focus-visible{border-color:var(--color-destructive)}.btn-link{color:var(--color-primary-700);text-underline-offset:4px;background:0 0}@media(hover:hover)and (pointer:fine){.btn-link:hover:not(:disabled){text-decoration:underline}}.save-btn-face{align-items:center;gap:.5rem;display:inline-flex}.save-btn-glyph{flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.save-btn .save-btn-check,.save-btn.is-saved .save-btn-icon{display:none}.save-btn.is-saved .save-btn-check{display:block}.btn.save-btn.is-saved{background:var(--color-success-700);color:#fff}.save-btn .save-btn-check path{stroke-dasharray:24;stroke-dashoffset:0}.save-btn.is-saved .save-btn-check path{animation:save-check-draw .3s var(--ease-out)}.save-btn.is-saved{animation:save-btn-pop .36s var(--ease-out)}.input-field{border-radius:var(--radius-sm);width:100%;color:var(--color-slate-900);background:rgba(var(--surface-input-rgb),.92);border:1px solid rgba(var(--neutral-rgb),.12);outline:none;padding:.5rem .75rem;font-size:.875rem;line-height:1.43;transition:border-color .15s,box-shadow .15s}.input-field::placeholder{color:var(--color-slate-400)}.input-field:focus{border-color:var(--color-ring);box-shadow:0 0 0 3.5px #0056b32e}@supports (color:color-mix(in lab,red,red)){.input-field:focus{box-shadow:0 0 0 3.5px color-mix(in oklab,var(--color-ring) 18%,transparent)}}.input-field[aria-invalid=true]{border-color:var(--color-destructive)}.input-field[aria-invalid=true]:focus{border-color:var(--color-destructive);box-shadow:0 0 0 3.5px #dc26262e}@supports (color:color-mix(in lab,red,red)){.input-field[aria-invalid=true]:focus{box-shadow:0 0 0 3.5px color-mix(in oklab,var(--color-destructive) 18%,transparent)}}.input-field:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.input-field[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.input-field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}select.input-field{cursor:pointer;height:calc(2.25rem + 2px)}[x-data=gridNav] select.input-field{height:auto}cropper-selection:after{content:"";box-sizing:border-box;box-shadow:0 0 0 9999px var(--color-scrim);pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}select.select-clip{text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.input-sm{border-radius:var(--radius-xs);padding:.3125rem .5rem;font-size:.8125rem}.input-auto{width:auto}.input-search{padding-left:2.25rem}.input-label{color:var(--color-slate-600);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.input-error{color:var(--color-danger-700);margin-top:.25rem;font-size:.8125rem}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{color:var(--color-success-700);background:rgba(var(--success-rgb),.12);border-color:rgba(var(--success-rgb),.25)}.badge-warning{color:var(--color-warning-700);background:rgba(var(--warning-rgb),.14);border-color:rgba(var(--warning-rgb),.28)}.badge-danger{color:var(--color-danger-700);background:rgba(var(--danger-rgb),.12);border-color:rgba(var(--danger-rgb),.25)}.badge-info{color:var(--color-info-700);background:rgba(var(--info-rgb),.12);border-color:rgba(var(--info-rgb),.25)}.badge-neutral{color:var(--color-slate-600);background:rgba(var(--neutral-rgb),.06);border-color:rgba(var(--neutral-rgb),.1)}.badge-primary{color:var(--color-primary-700);background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.25)}.badge-accent{color:var(--color-accent-700);background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.25)}.badge-outline{color:var(--color-muted-foreground);border-color:var(--color-border);background:0 0}.badge-sm{gap:.25rem;padding:.125rem .5rem;font-size:.6875rem}.badge-xs{gap:.2rem;padding:.0625rem .375rem;font-size:.6875rem}.badge-xs.badge-success{color:#075d4b}@supports (color:color-mix(in lab,red,red)){.badge-xs.badge-success{color:color-mix(in oklab,var(--color-success-700) 72%,var(--color-slate-900))}}.badge-xs.badge-warning{color:#864213}@supports (color:color-mix(in lab,red,red)){.badge-xs.badge-warning{color:color-mix(in oklab,var(--color-warning-700) 72%,var(--color-slate-900))}}.badge-num{font-variant-numeric:tabular-nums}.modal-overlay{z-index:var(--z-modal);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-backdrop{z-index:var(--z-modal-backdrop);background:rgba(var(--neutral-rgb),.38);-webkit-backdrop-filter:blur(6px)saturate(140%);backdrop-filter:blur(6px)saturate(140%);animation:.24s ease-out fade-in-plain;position:absolute;top:0;right:0;bottom:0;left:0}.modal-overlay-nested{z-index:var(--z-modal-nested)}.modal-overlay-nested .modal-backdrop{z-index:var(--z-modal-nested-backdrop)}.modal-overlay-nested .modal-panel{z-index:var(--z-modal-nested)}.modal-panel{z-index:var(--z-modal);background:var(--glass-bg-strong);width:100%;max-height:90vh;-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 6px)) saturate(var(--glass-saturate));backdrop-filter:blur(calc(var(--glass-blur) + 6px)) saturate(var(--glass-saturate));border:1px solid rgba(var(--neutral-rgb),.08);box-shadow:var(--elev-4),var(--glass-highlight);color:var(--color-slate-900);border-radius:1.5rem;position:relative;overflow-y:auto}.modal-head{z-index:1;padding:var(--pad-card);border-bottom:1px solid var(--border-faint);background:inherit;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.modal-body{padding:var(--pad-card)}.modal-foot{padding:var(--pad-card);border-top:1px solid var(--border-faint);justify-content:flex-end;gap:.5rem;display:flex}dialog.modal-panel{margin:auto;padding:0;position:fixed;top:0;right:0;bottom:0;left:0}dialog.modal-panel::backdrop{background:rgba(var(--neutral-rgb),.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog:not([open]){display:none}.table-wrap{overscroll-behavior-x:contain;width:100%;overflow-x:auto}.table-base{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.table-base>thead>tr>th{padding:var(--pad-cell-y) var(--pad-cell-x);text-align:left;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--sb-line);white-space:nowrap;font-size:.6875rem;font-weight:600;color:var(--color-slate-500)!important;background:linear-gradient(rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.05)),rgb(var(--surface-overlay-rgb))!important}.table-scroll{max-height:70vh;overflow-y:auto}.table-scroll .table-base>thead>tr>th{z-index:2;-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);box-shadow:inset 0 -1px 0 var(--sb-line);position:sticky;top:0;background:rgba(var(--surface-overlay-rgb),.8)!important}.table-base>tbody>tr>td{padding:var(--pad-cell-y) var(--pad-cell-x);border-bottom:1px solid var(--border-faint);vertical-align:middle}.table-base>tbody>tr:last-child>td{border-bottom:0}.table-base>tbody>tr{transition:background-color .15s}@media(hover:hover)and (pointer:fine){.table-base>tbody>tr:hover{background:rgba(var(--primary-rgb),.04)}}.table-base .col-num{text-align:right;font-variant-numeric:tabular-nums}.table-base .col-fit{white-space:nowrap;width:1%}@media(min-width:768px)and (max-width:1023.98px){.table-base .col-fit .btn-label-wide{display:none}}.table-base>tfoot>tr>td{padding:var(--pad-cell-y) var(--pad-cell-x);border-top:2px solid var(--border-faint);background:var(--fill-subtle);vertical-align:middle}.table-nested>thead>tr>th{border-bottom:1px solid var(--border-faint);font-size:.6875rem;color:var(--color-slate-600)!important;background:0 0!important}.table-nested>tbody>tr>td,.table-nested>tfoot>tr>td{--pad-cell-y:.375rem}.table-nested>tfoot>tr>td{background:0 0}@media(hover:hover)and (pointer:fine){.table-nested>tbody>tr:hover{background:0 0}}.toast-item{color:var(--toast-fg);background:var(--lg-bg-strong);-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));border:1px solid var(--lg-rim);box-shadow:var(--elev-3),var(--glass-highlight);--toast-fg:var(--color-primary-700);border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem .5rem .75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.toast-item.toast-error{--toast-fg:var(--color-primary-700);background:#0056b3}@supports (color:color-mix(in lab,red,red)){.toast-item.toast-error{background:color-mix(in srgb,var(--color-primary-500) 24%,var(--mh-surface,#fff))}}.toast-item.toast-info{--toast-fg:var(--color-primary-600);background:#0056b3}@supports (color:color-mix(in lab,red,red)){.toast-item.toast-info{background:color-mix(in srgb,var(--color-primary-500) 14%,var(--mh-surface,#fff))}}.toast-item.toast-warning{--toast-fg:var(--color-accent-700);background:#34d399}@supports (color:color-mix(in lab,red,red)){.toast-item.toast-warning{background:color-mix(in srgb,var(--color-accent-400) 30%,var(--mh-surface,#fff))}}.toast-item.toast-success{--toast-fg:var(--color-accent-700);background:#34d399}@supports (color:color-mix(in lab,red,red)){.toast-item.toast-success{background:color-mix(in srgb,var(--color-accent-400) 16%,var(--mh-surface,#fff))}}.toast-item>.toast-ikon{flex:none;width:1.25rem;height:1.25rem}.toast-item>.toast-teks{min-width:0;color:var(--color-slate-900);flex:1}.toast-item>.toast-tutup{width:2.5rem;height:2.5rem;color:var(--toast-fg);cursor:pointer;background:0 0;border-radius:.75rem;flex:none;place-items:center;margin:-.5rem 0;display:grid}.toast-item>.toast-tutup svg{width:1.125rem;height:1.125rem}@media(hover:hover)and (pointer:fine){.toast-item>.toast-tutup:hover{background:var(--toast-fg)}@supports (color:color-mix(in lab,red,red)){.toast-item>.toast-tutup:hover{background:color-mix(in srgb,var(--toast-fg) 12%,transparent)}}}.toast-item>.toast-tutup:focus-visible{outline:2px solid var(--toast-fg);outline-offset:1px}.section-band{padding:var(--pad-card-sm);margin-inline:calc(var(--pad-card-sm) * -1);border-radius:var(--radius-lg)}.section-band-hafalan{background:var(--band-hafalan);--nav-marker:var(--color-primary-500)}.section-band-tahsin{background:var(--band-tahsin);--nav-marker:var(--color-accent-600)}.section-band-data{background:var(--band-data);--nav-marker:var(--color-slate-500)}.section-band-sistem{background:var(--band-sistem);--nav-marker:var(--color-info-500)}.surface-chrome{color:var(--chrome-fg);background:rgba(var(--identity-nav-strong-rgb),.88);-webkit-backdrop-filter:blur(var(--chrome-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--chrome-blur)) saturate(var(--glass-saturate))}.chrome-wordmark{font-family:var(--font-display);color:var(--color-slate-900)}.chrome-wordmark p:last-child{color:var(--color-slate-600)}.sidebar .chrome-wordmark,.icon-rail .chrome-wordmark,.mobile-header .chrome-wordmark{color:var(--chrome-fg)}.sidebar .chrome-wordmark p:last-child,.icon-rail .chrome-wordmark p:last-child,.mobile-header .chrome-wordmark p:last-child{color:var(--chrome-fg-muted)}.chrome-account-name{color:var(--chrome-fg)}.nav-account-chevron{color:var(--chrome-fg-muted)}.sidebar .badge,.icon-rail .badge,.mobile-header .badge{color:var(--chrome-fg);border-color:#ffffff3d}.sidebar .badge-success,.icon-rail .badge-success,.mobile-header .badge-success{background:rgba(var(--success-rgb),.24)}.sidebar .badge-warning,.icon-rail .badge-warning,.mobile-header .badge-warning{background:rgba(var(--warning-rgb),.24)}.sidebar .badge-danger,.icon-rail .badge-danger,.mobile-header .badge-danger{background:rgba(var(--danger-rgb),.24)}.sidebar .badge-info,.icon-rail .badge-info,.mobile-header .badge-info{background:rgba(var(--info-rgb),.24)}.sidebar .badge-primary,.icon-rail .badge-primary,.mobile-header .badge-primary{background:rgba(var(--primary-rgb),.34)}.sidebar .badge-accent,.icon-rail .badge-accent,.mobile-header .badge-accent{background:rgba(var(--accent-rgb),.28)}.sidebar{background:rgba(var(--identity-nav-rgb),.88);-webkit-backdrop-filter:blur(var(--chrome-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--chrome-blur)) saturate(var(--glass-saturate));border-right:1px solid var(--chrome-border);border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:var(--chrome-highlight);flex-direction:column;display:flex}.nav-scroll{-webkit-mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 12px,#000 calc(100% - 12px),#0000)}.nav-link{border-radius:var(--radius-md);letter-spacing:var(--track-body);color:var(--chrome-fg-muted);transition:background .15s ease,color .15s ease,transform .14s var(--ease-out);align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:flex;position:relative}@media(hover:hover)and (pointer:fine){.nav-link:hover{color:var(--chrome-fg);background:#ffffff1f}}.nav-link:active{transform:scale(.98)}.nav-link:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:-2px}.nav-link.active{color:var(--chrome-fg);background:rgba(var(--primary-rgb),.34);font-weight:600}.nav-link.active:before{content:"";background:var(--nav-marker,var(--color-primary-500));border-radius:999px;width:3px;height:18px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.nav-action{border-radius:var(--radius-md);width:100%;letter-spacing:var(--track-body);color:var(--chrome-fg-muted);cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease,transform .14s var(--ease-out);background:0 0;border:0;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:flex;position:relative}@media(hover:hover)and (pointer:fine){.nav-action:hover{color:var(--chrome-fg);background:#ffffff1f}}.nav-action:active{transform:scale(.98)}.nav-action:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:-2px}@media(hover:hover)and (pointer:fine){.nav-action-success:hover{color:var(--color-success-400);background:rgba(var(--success-rgb),.16)}.nav-action-danger:hover{color:var(--color-danger-400);background:rgba(var(--danger-rgb),.16)}}.modal-panel .nav-action{color:var(--color-slate-700)}@media(hover:hover)and (pointer:fine){.modal-panel .nav-action:hover{background:var(--state-hover);color:var(--color-slate-900)}.modal-panel .nav-action-success:hover{color:var(--color-success-700);background:rgba(var(--success-rgb),.1)}.modal-panel .nav-action-danger:hover{color:var(--color-danger-700);background:rgba(var(--danger-rgb),.1)}}.modal-panel .nav-action-success{color:var(--color-success-700)}.modal-panel .nav-action-danger{color:var(--color-danger-700)}.nav-account{border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;transition:background .15s ease,transform .14s var(--ease-out);background:0 0;border:0;align-items:center;gap:.75rem;padding:.5rem;display:flex}.nav-account .text-slate-900{color:var(--chrome-fg)}.nav-account .text-slate-600,.nav-account .text-slate-500,.nav-account .text-slate-400{color:var(--chrome-fg-muted)}@media(hover:hover)and (pointer:fine){.nav-account:hover{background:var(--state-hover)}}.nav-account:active{transform:scale(.98)}.nav-account:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:-2px}.nav-account-chevron{transition:transform .2s var(--ease-out)}.nav-account[aria-expanded=true] .nav-account-chevron{transform:rotate(180deg)}.nav-divider{background:rgba(var(--neutral-rgb),.08);height:1px;margin:.5rem}.nav-heading{letter-spacing:.05em;text-transform:uppercase;color:var(--chrome-fg-subtle);padding:.75rem 1rem .375rem;font-size:.6875rem;font-weight:600}.nav-heading:first-child{padding-top:.25rem}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.table-sticky-col{background:rgb(var(--surface-overlay-rgb));z-index:2;box-shadow:1px 0 rgba(var(--neutral-rgb),.06)}.col-today{background:linear-gradient(rgba(var(--neutral-rgb),.07),rgba(var(--neutral-rgb),.07)),rgba(var(--primary-rgb),.18);box-shadow:inset 0 3px rgba(var(--primary-rgb),.8),inset 1px 0 rgba(var(--primary-rgb),.25),inset -1px 0 rgba(var(--primary-rgb),.25)}.cell-today{background:linear-gradient(rgba(var(--neutral-rgb),.05),rgba(var(--neutral-rgb),.05)),rgba(var(--primary-rgb),.1);box-shadow:inset 1px 0 rgba(var(--primary-rgb),.25),inset -1px 0 rgba(var(--primary-rgb),.25)}tbody tr:last-child .cell-today{box-shadow:inset 1px 0 rgba(var(--primary-rgb),.25),inset -1px 0 rgba(var(--primary-rgb),.25),inset 0 -2px rgba(var(--primary-rgb),.35)}.bottom-nav{bottom:calc(var(--bottom-nav-float) + env(safe-area-inset-bottom,0px));left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:var(--z-sticky);height:var(--bottom-nav-h);box-shadow:0 16px 26px rgba(var(--neutral-rgb),.45);isolation:isolate;border-radius:1.375rem;justify-content:space-between;align-items:stretch;gap:2px;padding:5px 6px;display:flex;position:fixed;overflow:visible}.bottom-nav-surface{z-index:-1;pointer-events:none;background:rgba(var(--surface-nav-dark-rgb),.68);clip-path:none;border-radius:1.375rem;transition:clip-path .34s cubic-bezier(.22,1,.36,1);position:absolute;top:0;right:0;bottom:0;left:0}.bottom-nav-item{color:#ffffffbd;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:1.125rem;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 4px;font-size:11px;font-weight:500;line-height:1.1;text-decoration:none;transition:color .15s;display:flex;position:relative}@media(hover:hover)and (pointer:fine){.bottom-nav-item:hover{color:#fffffff2}}.bottom-nav-item.active{color:var(--color-on-primary)}.bottom-nav-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:opacity .2s;overflow:hidden}.bottom-nav-item .bn-icon{font-size:1.375rem;line-height:1;transition:opacity .2s}.bottom-nav-item .bn-dot{width:9px;height:9px;box-shadow:0 0 0 2px rgb(var(--surface-nav-dark-rgb));pointer-events:none;border-radius:9999px;position:absolute;top:5px;left:calc(50% + 7px)}.bottom-nav-item .bn-dot.hidden,.bottom-nav-item.active .bn-dot{display:none}.bn-dot-warning{background:var(--color-warning-400)}.bn-dot-danger{background:var(--color-danger-500)}.icon-rail{z-index:var(--z-sidebar);width:var(--rail-w);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:rgb(var(--identity-nav-rgb));flex-direction:column;align-items:stretch;display:none;position:fixed;inset:0 auto 0 0}.icon-rail-top{flex-shrink:0;justify-content:center;padding:16px 0 10px;display:flex}.icon-rail-menu{flex-direction:column;flex:1;align-items:stretch;gap:2px;padding:6px 4px;display:flex;overflow-y:auto}.icon-rail-bottom{flex-shrink:0;justify-content:center;padding:8px 0 14px;display:flex}.rail-item,.rail-group-toggle{width:100%;color:var(--chrome-fg-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 0;text-decoration:none;transition:color .15s;display:flex}.rail-item:focus-visible,.rail-group-toggle:focus-visible,.rail-account:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:-2px;border-radius:.875rem}.rail-icon{border-radius:999px;place-items:center;width:52px;height:32px;transition:background .18s,color .18s,transform .12s;display:grid}.rail-icon svg{width:20px;height:20px}.rail-item:active .rail-icon,.rail-group-toggle:active .rail-icon{transform:scale(.94)}.rail-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-inline:2px;font-size:.6875rem;font-weight:600;line-height:1.15;overflow:hidden}@media(hover:hover)and (pointer:fine){.rail-item:hover,.rail-group-toggle:hover{color:var(--chrome-fg)}.rail-item:hover .rail-icon,.rail-group-toggle:hover .rail-icon{background:#ffffff1a}}.rail-group-toggle.is-open{color:var(--chrome-fg)}.rail-group-toggle.is-open .rail-icon{background:#ffffff29}.rail-item.active,.rail-group-toggle.has-active{color:var(--chrome-fg)}.rail-item.active .rail-icon,.rail-group-toggle.has-active .rail-icon{background:var(--color-primary-500);color:var(--color-on-primary)}.rail-account{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:4px;transition:background .18s;display:grid}.rail-account.is-open{background:#ffffff2e}.rail-panel{top:0;bottom:0;left:var(--rail-w);z-index:calc(var(--z-sidebar) - 1);width:var(--rail-panel-w);background:rgb(var(--card-rgb));color:var(--color-slate-900);box-shadow:12px 0 40px rgba(var(--neutral-rgb),.18);padding:18px 6px 8px;position:fixed;overflow-y:auto}.rail-panel-title{padding:0 10px 8px;font-size:.9375rem;font-weight:700;line-height:1.25}.rail-panel-akun .rail-panel-title{overflow-wrap:anywhere;padding-bottom:2px}.rail-panel-sub{color:var(--color-slate-600);padding:0 10px 12px;font-size:.75rem}.rail-panel-item{width:100%;min-height:var(--tap-min,44px);text-align:left;color:var(--color-slate-600);cursor:pointer;background:0 0;border:0;border-radius:.875rem;align-items:center;gap:9px;padding:8px 10px;font-size:.8125rem;font-weight:500;line-height:1.25;text-decoration:none;transition:background .15s,color .15s;display:flex}.rail-panel-item+.rail-panel-item,.rail-panel-item+form,form+.rail-panel-item{margin-top:2px}.rail-panel-icon{flex-shrink:0;width:18px;height:18px}.rail-panel-label{flex:1;min-width:0}.rail-panel-item .badge{flex-shrink:0;margin-left:auto}@media(hover:hover)and (pointer:fine){.rail-panel-item:hover{background:rgba(var(--neutral-rgb),.06);color:var(--color-slate-900)}}.rail-panel-item:active{transform:scale(.98)}.rail-panel-item:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:-2px}.rail-panel-item.active{background:var(--color-primary-500);color:var(--color-on-primary);font-weight:600}.rail-panel-danger{color:var(--color-danger-600)}.rail-scrim{z-index:calc(var(--z-sidebar) - 2);background:rgba(var(--neutral-rgb),.18);position:fixed;top:0;right:0;bottom:0;left:0}.mobile-header{z-index:var(--z-sticky);padding:.625rem 1rem;padding-top:calc(.625rem + env(safe-area-inset-top,0px));color:var(--chrome-fg);background:rgba(var(--identity-nav-strong-rgb),.88);-webkit-backdrop-filter:blur(var(--chrome-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--chrome-blur)) saturate(var(--glass-saturate));box-shadow:var(--chrome-highlight);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-header-lead{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.mobile-header-title{min-width:0;letter-spacing:var(--track-heading);color:var(--chrome-fg);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;font-weight:700;line-height:1.25;overflow:hidden}.mobile-back{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-md);color:var(--chrome-fg-muted);-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;margin-left:-.625rem;display:inline-flex}.mobile-back:active{background:rgba(var(--neutral-rgb),.06)}.mobile-back:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:-2px}.mobile-action{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-md);color:var(--chrome-fg-muted);-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-action:active{background:rgba(var(--neutral-rgb),.06)}.mobile-action:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:-2px}.mobile-account-btn{min-width:var(--tap-min);min-height:var(--tap-min);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;margin-right:-.5rem;display:inline-flex}.mobile-account-btn:active{background:rgba(var(--neutral-rgb),.06)}.mobile-account-btn:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:2px}.mobile-header:after{content:"";pointer-events:none;background:linear-gradient(to bottom,rgba(var(--identity-nav-rgb),.48),transparent);height:14px;position:absolute;top:100%;left:0;right:0}.att-notes{background:rgba(var(--info-rgb),.08);border-color:rgba(var(--info-rgb),.25);color:var(--color-info-700);display:none}.att-cell:has(select option[value=S]:checked) .att-notes,.att-cell:has(select option[value=I]:checked) .att-notes{display:block}.att-udzur{background:rgba(var(--warning-rgb),.1);border-color:rgba(var(--warning-rgb),.3);color:var(--color-warning-700);display:none}.att-cell.udzur-open:has(select option[value=H]:checked) .att-udzur,.att-cell:has(select option[value=H]:checked) .att-udzur:not(:placeholder-shown){display:block}.att-status-row{justify-content:center;align-items:center;display:flex}.att-status-row:before{content:"";flex:none;width:1.25rem}.att-udzur-toggle{visibility:hidden;width:1.25rem;height:1.25rem;color:rgba(var(--warning-rgb),.45);border-radius:9999px;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.att-cell:has(select option[value=H]:checked) .att-udzur-toggle{visibility:visible}.att-udzur-toggle:hover{background:rgba(var(--warning-rgb),.14)}.att-cell.udzur-open .att-udzur-toggle,.att-cell:has(.att-udzur:not(:placeholder-shown)) .att-udzur-toggle{color:var(--color-warning-700)}.col-head-action{border:1px solid rgba(var(--primary-rgb),.25);background:rgba(var(--primary-rgb),.08);width:1.5rem;height:1.5rem;color:var(--color-primary-700);border-radius:9999px;justify-content:center;align-items:center;margin-top:.25rem;display:inline-flex}.col-head-action:hover{background:rgba(var(--primary-rgb),.18)}.att-fill-day[aria-pressed=true]{background:rgba(var(--primary-rgb),.9);color:#fff;border-color:#0000}.att-fill-day[aria-pressed=true]:hover{background:rgba(var(--primary-rgb),1)}.disclosure>summary{list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{content:" ▾";opacity:.7}.disclosure[open]>summary:after{content:" ▴"}.disclosure>summary:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}}@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{inset-block:0}.-top-3{top:calc(var(--spacing) * -3)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-24{bottom:calc(var(--spacing) * 24)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[var\(--z-toast\)\]{z-index:var(--z-toast)}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-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}}.-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-auto{margin-block:auto}.ms-1{margin-inline-start:var(--spacing)}.ms-auto{margin-inline-start:auto}.\!mt-1\.5{margin-top:calc(var(--spacing) * 1.5)!important}.\!mt-3{margin-top:calc(var(--spacing) * 3)!important}.-mt-1{margin-top:calc(var(--spacing) * -1)}.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-auto{margin-top:auto}.-mr-1\.5{margin-right:calc(var(--spacing) * -1.5)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.\!mb-0{margin-bottom:0!important}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-mb-2{margin-bottom:calc(var(--spacing) * -2)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.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)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-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-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.\!size-10{width:calc(var(--spacing) * 10)!important;height:calc(var(--spacing) * 10)!important}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[2\.375rem\]{width:2.375rem;height:2.375rem}.\!h-3\.5{height:calc(var(--spacing) * 3.5)!important}.\!h-4{height:calc(var(--spacing) * 4)!important}.\!h-auto{height:auto!important}.\!h-full{height:100%!important}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/3{height:33.3333%}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-\[1\.15em\]{height:1.15em}.h-auto{height:auto}.h-full{height:100%}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[45vh\]{max-height:45vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[62vh\]{max-height:62vh}.max-h-\[75dvh\]{max-height:75dvh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[min\(20rem\,calc\(100dvh-2rem\)\)\]{max-height:min(20rem,100dvh - 2rem)}.max-h-dvh{max-height:100dvh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-dvh{min-height:100dvh}.\!w-3\.5{width:calc(var(--spacing) * 3.5)!important}.\!w-4{width:calc(var(--spacing) * 4)!important}.\!w-\[54px\]{width:54px!important}.\!w-\[70px\]{width:70px!important}.\!w-auto{width:auto!important}.\!w-full{width:100%!important}.w-1\/3{width:33.3333%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.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-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[1\.15em\]{width:1.15em}.w-\[64px\]{width:64px}.w-\[70px\]{width:70px}.w-\[80px\]{width:80px}.w-\[84px\]{width:84px}.w-\[112px\]{width:112px}.w-\[116px\]{width:116px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-min{width:min-content}.w-px{width:1px}.\!max-w-none{max-width:none!important}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[7\.5rem\]{max-width:7.5rem}.max-w-\[10rem\]{max-width:10rem}.max-w-\[55\%\]{max-width:55%}.max-w-\[70px\]{max-width:70px}.max-w-\[80px\]{max-width:80px}.max-w-\[85vw\]{max-width:85vw}.max-w-\[112px\]{max-width:112px}.max-w-\[min\(85vw\,22rem\)\]{max-width:min(85vw,22rem)}.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-5{min-width:calc(var(--spacing) * 5)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-\[7\.5rem\]{min-width:7.5rem}.min-w-\[10rem\]{min-width:10rem}.min-w-\[60px\]{min-width:60px}.min-w-\[70px\]{min-width:70px}.min-w-\[80px\]{min-width:80px}.min-w-\[90px\]{min-width:90px}.min-w-\[96px\]{min-width:96px}.min-w-\[100px\]{min-width:100px}.min-w-\[104px\]{min-width:104px}.min-w-\[110px\]{min-width:110px}.min-w-\[120px\]{min-width:120px}.min-w-\[130px\]{min-width:130px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[170px\]{min-width:170px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[520px\]{min-width:520px}.min-w-\[600px\]{min-width:600px}.min-w-\[760px\]{min-width:760px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-56{flex-basis:calc(var(--spacing) * 56)}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-scale-x-100{--tw-scale-x: -100% ;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-90{rotate:90deg}.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,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.scroll-mt-4{scroll-margin-top:calc(var(--spacing) * 4)}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[3\.5rem_minmax\(0\,1fr\)_auto\]{grid-template-columns:3.5rem minmax(0,1fr) auto}.grid-cols-\[4\.5rem_minmax\(0\,1fr\)\]{grid-template-columns:4.5rem minmax(0,1fr)}.\!flex-row{flex-direction:row!important}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.\!content-start{align-content:flex-start!important}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.\!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-0\.5{gap:calc(var(--spacing) * .5)!important}.\!gap-1{gap:var(--spacing)!important}.\!gap-3{gap:calc(var(--spacing) * 3)!important}.\!gap-6{gap:calc(var(--spacing) * 6)!important}.gap-0{gap:0}.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-6{gap:calc(var(--spacing) * 6)}: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)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-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)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}:where(.-space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3\.5{row-gap:calc(var(--spacing) * 3.5)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-hairline>:not(:last-child)){border-color:var(--color-hairline)}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.self-center{align-self:center}.self-end{align-self:flex-end}.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}.overscroll-contain{overscroll-behavior:contain}.\!rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[0\.625rem\]{border-radius:.625rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-primary-500{border-color:var(--color-primary-500)!important}.\!border-primary-500\/50{border-color:#0056b380!important}@supports (color:color-mix(in lab,red,red)){.\!border-primary-500\/50{border-color:color-mix(in oklab,var(--color-primary-500) 50%,transparent)!important}}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-300\/40{border-color:#ffd23666}@supports (color:color-mix(in lab,red,red)){.border-amber-300\/40{border-color:color-mix(in oklab,var(--color-amber-300) 40%,transparent)}}.border-border{border-color:var(--color-border)}.border-danger-500\/10{border-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.border-danger-500\/10{border-color:color-mix(in oklab,var(--color-danger-500) 10%,transparent)}}.border-danger-500\/25{border-color:#ef444440}@supports (color:color-mix(in lab,red,red)){.border-danger-500\/25{border-color:color-mix(in oklab,var(--color-danger-500) 25%,transparent)}}.border-divider{border-color:var(--color-divider)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-green-100{border-color:var(--color-green-100)}.border-hairline{border-color:var(--color-hairline)}.border-info-500\/25{border-color:#3b82f640}@supports (color:color-mix(in lab,red,red)){.border-info-500\/25{border-color:color-mix(in oklab,var(--color-info-500) 25%,transparent)}}.border-primary-500{border-color:var(--color-primary-500)}.border-primary-500\/10{border-color:#0056b31a}@supports (color:color-mix(in lab,red,red)){.border-primary-500\/10{border-color:color-mix(in oklab,var(--color-primary-500) 10%,transparent)}}.border-primary-500\/25{border-color:#0056b340}@supports (color:color-mix(in lab,red,red)){.border-primary-500\/25{border-color:color-mix(in oklab,var(--color-primary-500) 25%,transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-900\/\[0\.03\]{border-color:#0f172b08}@supports (color:color-mix(in lab,red,red)){.border-slate-900\/\[0\.03\]{border-color:color-mix(in oklab,var(--color-slate-900) 3%,transparent)}}.border-success-500{border-color:var(--color-success-500)}.border-success-500\/10{border-color:#10b9811a}@supports (color:color-mix(in lab,red,red)){.border-success-500\/10{border-color:color-mix(in oklab,var(--color-success-500) 10%,transparent)}}.border-success-500\/20{border-color:#10b98133}@supports (color:color-mix(in lab,red,red)){.border-success-500\/20{border-color:color-mix(in oklab,var(--color-success-500) 20%,transparent)}}.border-success-500\/25{border-color:#10b98140}@supports (color:color-mix(in lab,red,red)){.border-success-500\/25{border-color:color-mix(in oklab,var(--color-success-500) 25%,transparent)}}.border-success-500\/30{border-color:#10b9814d}@supports (color:color-mix(in lab,red,red)){.border-success-500\/30{border-color:color-mix(in oklab,var(--color-success-500) 30%,transparent)}}.border-warning-400\/40{border-color:#fbbf2466}@supports (color:color-mix(in lab,red,red)){.border-warning-400\/40{border-color:color-mix(in oklab,var(--color-warning-400) 40%,transparent)}}.border-warning-500{border-color:var(--color-warning-500)}.border-warning-500\/10{border-color:#f59e0b1a}@supports (color:color-mix(in lab,red,red)){.border-warning-500\/10{border-color:color-mix(in oklab,var(--color-warning-500) 10%,transparent)}}.border-warning-500\/20{border-color:#f59e0b33}@supports (color:color-mix(in lab,red,red)){.border-warning-500\/20{border-color:color-mix(in oklab,var(--color-warning-500) 20%,transparent)}}.border-warning-500\/25{border-color:#f59e0b40}@supports (color:color-mix(in lab,red,red)){.border-warning-500\/25{border-color:color-mix(in oklab,var(--color-warning-500) 25%,transparent)}}.border-warning-500\/30{border-color:#f59e0b4d}@supports (color:color-mix(in lab,red,red)){.border-warning-500\/30{border-color:color-mix(in oklab,var(--color-warning-500) 30%,transparent)}}.\!bg-danger-500\/10{background-color:#ef44441a!important}@supports (color:color-mix(in lab,red,red)){.\!bg-danger-500\/10{background-color:color-mix(in oklab,var(--color-danger-500) 10%,transparent)!important}}.\!bg-info-500\/15{background-color:#3b82f626!important}@supports (color:color-mix(in lab,red,red)){.\!bg-info-500\/15{background-color:color-mix(in oklab,var(--color-info-500) 15%,transparent)!important}}.\!bg-primary-100{background-color:var(--color-primary-100)!important}.\!bg-primary-500\/10{background-color:#0056b31a!important}@supports (color:color-mix(in lab,red,red)){.\!bg-primary-500\/10{background-color:color-mix(in oklab,var(--color-primary-500) 10%,transparent)!important}}.\!bg-primary-500\/20{background-color:#0056b333!important}@supports (color:color-mix(in lab,red,red)){.\!bg-primary-500\/20{background-color:color-mix(in oklab,var(--color-primary-500) 20%,transparent)!important}}.\!bg-slate-200{background-color:var(--color-slate-200)!important}.\!bg-success-500{background-color:var(--color-success-500)!important}.\!bg-success-500\/20{background-color:#10b98133!important}@supports (color:color-mix(in lab,red,red)){.\!bg-success-500\/20{background-color:color-mix(in oklab,var(--color-success-500) 20%,transparent)!important}}.\!bg-warning-500{background-color:var(--color-warning-500)!important}.\!bg-warning-500\/10{background-color:#f59e0b1a!important}@supports (color:color-mix(in lab,red,red)){.\!bg-warning-500\/10{background-color:color-mix(in oklab,var(--color-warning-500) 10%,transparent)!important}}.bg-\[color\:var\(--ub-sunk\)\]{background-color:var(--ub-sunk)}.bg-accent-500\/10{background-color:#10b9811a}@supports (color:color-mix(in lab,red,red)){.bg-accent-500\/10{background-color:color-mix(in oklab,var(--color-accent-500) 10%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black) 0%,transparent)}}.bg-danger-50{background-color:var(--color-danger-50)}.bg-danger-500{background-color:var(--color-danger-500)}.bg-danger-500\/5{background-color:#ef44440d}@supports (color:color-mix(in lab,red,red)){.bg-danger-500\/5{background-color:color-mix(in oklab,var(--color-danger-500) 5%,transparent)}}.bg-danger-500\/10{background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.bg-danger-500\/10{background-color:color-mix(in oklab,var(--color-danger-500) 10%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-fill{background-color:var(--color-fill)}.bg-fill-strong{background-color:var(--color-fill-strong)}.bg-fill\/60{background-color:color-mix(in srgb,rgba(var(--neutral-rgb),.05) 60%,transparent)}@supports (color:color-mix(in lab,red,red)){.bg-fill\/60{background-color:color-mix(in oklab,var(--color-fill) 60%,transparent)}}.bg-glass{background-color:var(--color-glass)}.bg-green-50{background-color:var(--color-green-50)}.bg-info-50{background-color:var(--color-info-50)}.bg-info-500{background-color:var(--color-info-500)}.bg-info-500\/10{background-color:#3b82f61a}@supports (color:color-mix(in lab,red,red)){.bg-info-500\/10{background-color:color-mix(in oklab,var(--color-info-500) 10%,transparent)}}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-50\/95{background-color:#eaf2fbf2}@supports (color:color-mix(in lab,red,red)){.bg-primary-50\/95{background-color:color-mix(in oklab,var(--color-primary-50) 95%,transparent)}}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-500\/5{background-color:#0056b30d}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/5{background-color:color-mix(in oklab,var(--color-primary-500) 5%,transparent)}}.bg-primary-500\/10{background-color:#0056b31a}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/10{background-color:color-mix(in oklab,var(--color-primary-500) 10%,transparent)}}.bg-primary-500\/15{background-color:#0056b326}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/15{background-color:color-mix(in oklab,var(--color-primary-500) 15%,transparent)}}.bg-primary-500\/\[0\.07\]{background-color:#0056b312}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-primary-500) 7%,transparent)}}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-500\/15{background-color:#ff235726}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/15{background-color:color-mix(in oklab,var(--color-rose-500) 15%,transparent)}}.bg-scrim{background-color:var(--color-scrim)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900\/5{background-color:#0f172b0d}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/5{background-color:color-mix(in oklab,var(--color-slate-900) 5%,transparent)}}.bg-slate-900\/\[0\.02\]{background-color:#0f172b05}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/\[0\.02\]{background-color:color-mix(in oklab,var(--color-slate-900) 2%,transparent)}}.bg-slate-900\/\[0\.03\]{background-color:#0f172b08}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-slate-900) 3%,transparent)}}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-500\/5{background-color:#10b9810d}@supports (color:color-mix(in lab,red,red)){.bg-success-500\/5{background-color:color-mix(in oklab,var(--color-success-500) 5%,transparent)}}.bg-success-500\/10{background-color:#10b9811a}@supports (color:color-mix(in lab,red,red)){.bg-success-500\/10{background-color:color-mix(in oklab,var(--color-success-500) 10%,transparent)}}.bg-success-500\/15{background-color:#10b98126}@supports (color:color-mix(in lab,red,red)){.bg-success-500\/15{background-color:color-mix(in oklab,var(--color-success-500) 15%,transparent)}}.bg-success-500\/25{background-color:#10b98140}@supports (color:color-mix(in lab,red,red)){.bg-success-500\/25{background-color:color-mix(in oklab,var(--color-success-500) 25%,transparent)}}.bg-surface-950{background-color:var(--color-surface-950)}.bg-transparent{background-color:#0000}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-500\/5{background-color:#f59e0b0d}@supports (color:color-mix(in lab,red,red)){.bg-warning-500\/5{background-color:color-mix(in oklab,var(--color-warning-500) 5%,transparent)}}.bg-warning-500\/10{background-color:#f59e0b1a}@supports (color:color-mix(in lab,red,red)){.bg-warning-500\/10{background-color:color-mix(in oklab,var(--color-warning-500) 10%,transparent)}}.bg-warning-500\/15{background-color:#f59e0b26}@supports (color:color-mix(in lab,red,red)){.bg-warning-500\/15{background-color:color-mix(in oklab,var(--color-warning-500) 15%,transparent)}}.bg-warning-500\/25{background-color:#f59e0b40}@supports (color:color-mix(in lab,red,red)){.bg-warning-500\/25{background-color:color-mix(in oklab,var(--color-warning-500) 25%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-300{--tw-gradient-from:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-400{--tw-gradient-from:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-400{--tw-gradient-from:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-fuchsia-400{--tw-gradient-from:var(--color-fuchsia-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-400{--tw-gradient-from:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-400{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-400{--tw-gradient-from:var(--color-indigo-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-lime-400{--tw-gradient-from:var(--color-lime-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-neutral-400{--tw-gradient-from:var(--color-neutral-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-400{--tw-gradient-from:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-400{--tw-gradient-from:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-400{--tw-gradient-from:var(--color-primary-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-500{--tw-gradient-from:var(--color-primary-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-400{--tw-gradient-from:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-400{--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-700{--tw-gradient-from:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-400{--tw-gradient-from:var(--color-rose-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-400{--tw-gradient-from:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-500{--tw-gradient-from:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-stone-400{--tw-gradient-from:var(--color-stone-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-400{--tw-gradient-from:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-400{--tw-gradient-from:var(--color-violet-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-300{--tw-gradient-from:var(--color-yellow-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-zinc-400{--tw-gradient-from:var(--color-zinc-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-accent-500{--tw-gradient-via:var(--color-accent-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-amber-500{--tw-gradient-via:var(--color-amber-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-600{--tw-gradient-via:var(--color-blue-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-emerald-600{--tw-gradient-via:var(--color-emerald-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-fuchsia-600{--tw-gradient-via:var(--color-fuchsia-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gray-600{--tw-gradient-via:var(--color-gray-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-green-500{--tw-gradient-via:var(--color-green-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-green-600{--tw-gradient-via:var(--color-green-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-600{--tw-gradient-via:var(--color-indigo-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-neutral-600{--tw-gradient-via:var(--color-neutral-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-orange-500{--tw-gradient-via:var(--color-orange-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-orange-600{--tw-gradient-via:var(--color-orange-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-pink-600{--tw-gradient-via:var(--color-pink-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-600{--tw-gradient-via:var(--color-purple-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-red-600{--tw-gradient-via:var(--color-red-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-rose-500{--tw-gradient-via:var(--color-rose-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-rose-600{--tw-gradient-via:var(--color-rose-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-rose-900{--tw-gradient-via:var(--color-rose-900);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-sky-500{--tw-gradient-via:var(--color-sky-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-sky-600{--tw-gradient-via:var(--color-sky-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-600{--tw-gradient-via:var(--color-slate-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-stone-600{--tw-gradient-via:var(--color-stone-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-teal-600{--tw-gradient-via:var(--color-teal-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-violet-600{--tw-gradient-via:var(--color-violet-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-zinc-600{--tw-gradient-via:var(--color-zinc-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-accent-500{--tw-gradient-to:var(--color-accent-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-700{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-600{--tw-gradient-to:var(--color-cyan-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-700{--tw-gradient-to:var(--color-cyan-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-700{--tw-gradient-to:var(--color-emerald-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-fuchsia-600{--tw-gradient-to:var(--color-fuchsia-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-fuchsia-800{--tw-gradient-to:var(--color-fuchsia-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-700{--tw-gradient-to:var(--color-indigo-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-neutral-800{--tw-gradient-to:var(--color-neutral-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-700{--tw-gradient-to:var(--color-pink-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-800{--tw-gradient-to:var(--color-purple-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-700{--tw-gradient-to:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-950{--tw-gradient-to:var(--color-red-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-700{--tw-gradient-to:var(--color-rose-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-800{--tw-gradient-to:var(--color-slate-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-stone-800{--tw-gradient-to:var(--color-stone-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-700{--tw-gradient-to:var(--color-teal-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-800{--tw-gradient-to:var(--color-violet-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-5{padding:calc(var(--spacing) * 5)!important}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.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)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.\!px-1{padding-inline:var(--spacing)!important}.\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.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-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!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-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:0}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.\!pr-11{padding-right:calc(var(--spacing) * 11)!important}.pr-1{padding-right:var(--spacing)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.\!pl-6{padding-left:calc(var(--spacing) * 6)!important}.\!pl-10{padding-left:calc(var(--spacing) * 10)!important}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.\!text-left{text-align:left!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[-0\.15em\]{vertical-align:-.15em}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-body{font-family:var(--font-body)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.\!text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.\!text-6xl{font-size:var(--text-6xl)!important;line-height:var(--tw-leading,var(--text-6xl--line-height))!important}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.\!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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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-\[0\.8125rem\]{font-size:.8125rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.\[overflow-wrap\:break-word\],.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.\!text-danger-600{color:var(--color-danger-600)!important}.\!text-info-700{color:var(--color-info-700)!important}.\!text-primary-700{color:var(--color-primary-700)!important}.\!text-slate-600{color:var(--color-slate-600)!important}.\!text-success-700{color:var(--color-success-700)!important}.\!text-warning-700{color:var(--color-warning-700)!important}.\!text-white{color:var(--color-white)!important}.text-accent-700{color:var(--color-accent-700)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-danger-600{color:var(--color-danger-600)}.text-danger-700{color:var(--color-danger-700)}.text-emerald-700{color:var(--color-emerald-700)}.text-info-700{color:var(--color-info-700)}.text-muted{color:var(--color-muted)}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-rose-700{color:var(--color-rose-700)}.text-secondary{color:var(--color-secondary)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-warning-600{color:var(--color-warning-600)}.text-warning-700{color:var(--color-warning-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.ordinal\!{--tw-ordinal:ordinal!important;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)!important}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-primary-500{accent-color:var(--color-primary-500)}.accent-primary-600{accent-color:var(--color-primary-600)}.accent-success-500{accent-color:var(--color-success-500)}.accent-warning-500{accent-color:var(--color-warning-500)}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-primary-500\/10{--tw-shadow-color:#0056b31a}@supports (color:color-mix(in lab,red,red)){.shadow-primary-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary-500\/20{--tw-shadow-color:#0056b333}@supports (color:color-mix(in lab,red,red)){.shadow-primary-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-hairline{--tw-ring-color:var(--color-hairline)}.ring-primary-400{--tw-ring-color:var(--color-primary-400)}.ring-primary-500\/40{--tw-ring-color:#0056b366}@supports (color:color-mix(in lab,red,red)){.ring-primary-500\/40{--tw-ring-color:color-mix(in oklab, var(--color-primary-500) 40%, transparent)}}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;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}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:bg-scrim:is(:where(.group):hover *){background-color:var(--color-scrim)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-focus-visible\:bg-scrim:is(:where(.group):focus-visible *){background-color:var(--color-scrim)}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.group-active\:bg-white\/20:is(:where(.group):active *){background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.group-active\:bg-white\/20:is(:where(.group):active *){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.group-active\:text-white:is(:where(.group):active *){color:var(--color-white)}.group-active\:text-white\/90:is(:where(.group):active *){color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.group-active\:text-white\/90:is(:where(.group):active *){color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.peer-checked\:border-primary-500:is(:where(.peer):checked~*){border-color:var(--color-primary-500)}.peer-checked\:bg-primary-500:is(:where(.peer):checked~*){background-color:var(--color-primary-500)}.peer-checked\:text-white:is(:where(.peer):checked~*){color:var(--color-white)}.peer-focus-visible\:ring-2:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus-visible\:ring-primary-400:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-primary-400)}.peer-focus-visible\:ring-offset-2:is(:where(.peer):focus-visible~*){--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}.hover\:border-warning-400:hover{border-color:var(--color-warning-400)}.hover\:bg-fill:hover{background-color:var(--color-fill)}.hover\:bg-fill-strong:hover{background-color:var(--color-fill-strong)}.hover\:bg-primary-50:hover{background-color:var(--color-primary-50)}.hover\:bg-primary-100:hover{background-color:var(--color-primary-100)}.hover\:bg-primary-500\/10:hover{background-color:#0056b31a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary-500\/10:hover{background-color:color-mix(in oklab,var(--color-primary-500) 10%,transparent)}}.hover\:bg-rose-500:hover{background-color:var(--color-rose-500)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-900\/\[0\.02\]:hover{background-color:#0f172b05}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-900\/\[0\.02\]:hover{background-color:color-mix(in oklab,var(--color-slate-900) 2%,transparent)}}.hover\:bg-slate-900\/\[0\.03\]:hover{background-color:#0f172b08}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-900\/\[0\.03\]:hover{background-color:color-mix(in oklab,var(--color-slate-900) 3%,transparent)}}.hover\:bg-success-50:hover{background-color:var(--color-success-50)}.hover\:bg-success-500\/20:hover{background-color:#10b98133}@supports (color:color-mix(in lab,red,red)){.hover\:bg-success-500\/20:hover{background-color:color-mix(in oklab,var(--color-success-500) 20%,transparent)}}.hover\:bg-warning-500\/20:hover{background-color:#f59e0b33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-warning-500\/20:hover{background-color:color-mix(in oklab,var(--color-warning-500) 20%,transparent)}}.hover\:text-primary-600:hover{color:var(--color-primary-600)}.hover\:text-primary-700:hover{color:var(--color-primary-700)}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-primary-500:focus{--tw-ring-color:var(--color-primary-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-primary-400:focus-visible{--tw-ring-color:var(--color-primary-400)}.focus-visible\:ring-primary-500:focus-visible{--tw-ring-color:var(--color-primary-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-primary-500:focus-visible{outline-color:var(--color-primary-500)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-primary-600:active{background-color:var(--color-primary-600)}.active\:bg-success-700:active{background-color:var(--color-success-700)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.has-\[\:checked\]\:ring-2:has(:checked){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\:checked\]\:ring-primary-500\/50:has(:checked){--tw-ring-color:#0056b380}@supports (color:color-mix(in lab,red,red)){.has-\[\:checked\]\:ring-primary-500\/50:has(:checked){--tw-ring-color:color-mix(in oklab, var(--color-primary-500) 50%, transparent)}}.has-\[\:checked\]\:ring-success-500\/50:has(:checked){--tw-ring-color:#10b98180}@supports (color:color-mix(in lab,red,red)){.has-\[\:checked\]\:ring-success-500\/50:has(:checked){--tw-ring-color:color-mix(in oklab, var(--color-success-500) 50%, transparent)}}.has-\[\:checked\]\:ring-warning-500\/50:has(:checked){--tw-ring-color:#f59e0b80}@supports (color:color-mix(in lab,red,red)){.has-\[\:checked\]\:ring-warning-500\/50:has(:checked){--tw-ring-color:color-mix(in oklab, var(--color-warning-500) 50%, transparent)}}@media not all and (min-width:64rem){.max-lg\:order-1{order:1}.max-lg\:order-2{order:2}.max-lg\:\!hidden{display:none!important}}@media not all and (min-width:48rem){.max-md\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.max-md\:col-start-2{grid-column-start:2}.max-md\:\!hidden{display:none!important}.max-md\:contents{display:contents}.max-md\:hidden{display:none}.max-md\:pt-3{padding-top:calc(var(--spacing) * 3)}}@media not all and (min-width:40rem){.max-sm\:order-1{order:1}.max-sm\:order-2{order:2}.max-sm\:order-3{order:3}.max-sm\:order-4{order:4}.max-sm\:\!hidden{display:none!important}.max-sm\:hidden{display:none}.max-sm\:w-full{width:100%}.max-sm\:flex-1{flex:1}.max-sm\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}}@media(min-width:40rem){.sm\:relative{position:relative}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:ms-auto{margin-inline-start:auto}.sm\:ml-auto{margin-left:auto}.sm\:\!hidden{display:none!important}.sm\:block{display:block}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:table-cell{display:table-cell}.sm\:h-32{height:calc(var(--spacing) * 32)}.sm\:h-44{height:calc(var(--spacing) * 44)}.sm\:h-48{height:calc(var(--spacing) * 48)}.sm\:\!w-auto{width:auto!important}.sm\:w-32{width:calc(var(--spacing) * 32)}.sm\:w-44{width:calc(var(--spacing) * 44)}.sm\:w-48{width:calc(var(--spacing) * 48)}.sm\:w-\[160px\]{width:160px}.sm\:w-\[180px\]{width:180px}.sm\:w-auto{width:auto}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:min-w-\[14rem\]{min-width:14rem}.sm\:min-w-\[15rem\]{min-width:15rem}.sm\:min-w-\[200px\]{min-width:200px}.sm\:min-w-\[220px\]{min-width:220px}.sm\:flex-1{flex:1}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[3\.5rem_10rem_auto\]{grid-template-columns:3.5rem 10rem auto}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.sm\:self-auto{align-self:auto}.sm\:\!p-7{padding:calc(var(--spacing) * 7)!important}.sm\:\!p-8{padding:calc(var(--spacing) * 8)!important}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:text-left{text-align:left}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:48rem){.md\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.md\:bottom-4{bottom:calc(var(--spacing) * 4)}.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}.md\:max-h-none{max-height:none}.md\:min-h-0{min-height:0}.md\:min-h-dvh{min-height:100dvh}.md\:w-72{width:calc(var(--spacing) * 72)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[17rem_minmax\(0\,1fr\)\]{grid-template-columns:17rem minmax(0,1fr)}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:overflow-auto{overflow:auto}.md\:overflow-visible{overflow:visible}.md\:\!p-6{padding:calc(var(--spacing) * 6)!important}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:ml-auto{margin-left:auto}.lg\:\!hidden{display:none!important}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:table-cell{display:table-cell}.lg\:w-\[11\%\]{width:11%}.lg\:w-\[13\%\]{width:13%}.lg\:w-\[14\%\]{width:14%}.lg\:w-\[18\%\]{width:18%}.lg\:w-\[20\%\]{width:20%}.lg\:w-\[24\%\]{width:24%}.lg\:max-w-none{max-width:none}.lg\:min-w-0{min-width:0}.lg\:flex-1{flex:1}.lg\:flex-\[1\.4\]{flex:1.4}.lg\:shrink-0{flex-shrink:0}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[19rem_minmax\(0\,1fr\)\]{grid-template-columns:19rem minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:py-6{padding-block:calc(var(--spacing) * 6)}}@media(min-width:80rem){.xl\:inline-flex{display:inline-flex}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:96rem){.\32xl\:hidden{display:none}.\32xl\:table-cell{display:table-cell}.\32xl\:whitespace-nowrap{white-space:nowrap}}@container (min-width:24rem){.\@sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:42rem){.\@2xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}.ub{opacity:var(--ub-termuat,0)}.hq{opacity:var(--hq-termuat,0)}:root{--nv-ease:cubic-bezier(.2, .8, .2, 1);--nv-dur:.32s;--nv-inset:.75rem;--nv-line:#ffffff12;--nv-hover:#ffffff12;--nv-surface:radial-gradient(130% 38% at 0% 0%, rgba(var(--primary-rgb), .42), transparent 72%), radial-gradient(100% 28% at 100% 100%, rgba(var(--accent-rgb), .16), transparent 72%), linear-gradient(180deg, var(--chrome-bg-strong-solid), var(--chrome-bg-solid));--nv-shadow:0 24px 48px -28px rgba(var(--neutral-rgb), .65), inset 0 1px 0 #ffffff14;--nv-pill:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));--nv-pill-glow:0 10px 24px -12px rgba(var(--primary-rgb), .95), inset 0 1px 0 #ffffff2e}.sidebar a,.sidebar button,.icon-rail a,.icon-rail button,.bottom-nav a,.bottom-nav [role=button]{-webkit-tap-highlight-color:transparent}[data-nav-pill-host]{position:relative}.nav-pill{background:var(--nv-pill);width:0;height:0;box-shadow:var(--nv-pill-glow);opacity:0;pointer-events:none;z-index:0;transition:transform var(--nv-dur) var(--nv-ease),width var(--nv-dur) var(--nv-ease),height var(--nv-dur) var(--nv-ease),opacity .2s ease;will-change:transform;border-radius:.875rem;position:absolute;top:0;left:0}.nav-pill.is-ready{opacity:1}.nav-pill.is-instant{transition:opacity .2s}.nav-pill:before{content:"";background:var(--color-accent-400);width:3px;height:44%;box-shadow:0 0 10px rgba(var(--accent-rgb),.85);border-radius:999px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}@media(min-width:1024px){aside.sidebar{top:var(--nv-inset);bottom:var(--nv-inset);left:var(--nv-inset);width:calc(var(--sidebar-w) - var(--nv-inset));border:1px solid var(--nv-line);background:var(--nv-surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--nv-shadow);border-radius:1.5rem;overflow:hidden}aside.sidebar .sidebar-brand{padding-inline:1rem;padding-bottom:1rem}aside.sidebar #sidebar-nav{padding:.25rem .75rem .75rem}}aside.sidebar .nav-link{z-index:1;min-height:2.5rem;color:var(--chrome-fg-subtle);border-radius:.875rem;gap:.75rem;padding:0 .75rem;font-size:.8125rem;transition:color .2s,background-color .2s}aside.sidebar .nav-link>svg:first-child{width:1.125rem;height:1.125rem;transition:transform .25s var(--nv-ease);flex-shrink:0}@media(hover:hover)and (pointer:fine){aside.sidebar .nav-link:hover{color:var(--chrome-fg);background:var(--nv-hover)}aside.sidebar .nav-link:hover>svg:first-child{transform:translate(2px)}aside.sidebar .nav-link.active:hover{background:0 0}}aside.sidebar .nav-link:active>svg:first-child{transform:scale(.9)}aside.sidebar .nav-link.active{color:var(--color-on-primary);background:0 0;font-weight:600}aside.sidebar .nav-link.active:before{content:none}aside.sidebar:not(.has-pill) .nav-link.active{background:var(--nv-pill);box-shadow:var(--nv-pill-glow)}.nav-group+.nav-group{margin-top:.875rem}aside.sidebar .nav-group-toggle{width:100%;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--chrome-fg-subtle);opacity:.78;cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;transition:opacity .2s,color .2s;display:flex}@media(hover:hover)and (pointer:fine){aside.sidebar .nav-group-toggle:hover{opacity:1;color:var(--chrome-fg)}}aside.sidebar .nav-group-toggle:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:-2px;opacity:1}.nav-group-chevron{width:.875rem;height:.875rem;transition:transform .26s var(--nv-ease);flex-shrink:0}.nav-group.is-collapsed .nav-group-chevron{transform:rotate(-90deg)}.nav-group-body{transition:grid-template-rows .26s var(--nv-ease);grid-template-rows:1fr;display:grid}.nav-group.is-collapsed .nav-group-body{grid-template-rows:0fr}.nav-group-inner{flex-direction:column;gap:2px;min-height:0;display:flex;overflow:hidden}.nav-group.is-collapsed .nav-group-inner{visibility:hidden;transition:visibility 0s linear .26s}aside.sidebar .sidebar-foot{padding-inline:.75rem}aside.sidebar .nav-account-block{border-radius:1rem;transition:background .18s}aside.sidebar .nav-account-block.is-open{background:#ffffff14;padding-bottom:.375rem}aside.sidebar .nav-account-block #sidebar-account-actions{padding-inline:.375rem}aside.sidebar .nav-account{background:0 0;border:0;border-radius:1rem;padding:.5rem .625rem}@media(hover:hover)and (pointer:fine){aside.sidebar .nav-account-block:not(.is-open) .nav-account:hover{background:#ffffff0f}}aside.sidebar .nav-account-role{color:var(--chrome-fg-muted);margin-top:2px;font-size:.75rem;line-height:1.2}aside.sidebar .nav-action{border-radius:.875rem;min-height:2.5rem;padding:0 .75rem;font-size:.8125rem}@media(min-width:1024px){html[data-sidebar=mini] aside.sidebar #sidebar-nav,html[data-sidebar=mini] aside.sidebar .sidebar-foot{padding-inline:.5rem}html[data-sidebar=mini] aside.sidebar .nav-link,html[data-sidebar=mini] aside.sidebar .nav-action{justify-content:center;padding:0}html[data-sidebar=mini] aside.sidebar .nav-account{background:0 0;border-color:#0000;justify-content:center;padding:.375rem 0}html[data-sidebar=mini] aside.sidebar .nav-group-toggle{display:none}html[data-sidebar=mini] aside.sidebar .nav-group+.nav-group{border-top:1px solid var(--nv-line);margin-top:.5rem;padding-top:.5rem}html[data-sidebar=mini] aside.sidebar .nav-group-body{grid-template-rows:1fr}html[data-sidebar=mini] aside.sidebar .nav-group-inner{visibility:visible}html[data-sidebar=mini] .nav-pill:before{left:3px}}@media(min-width:768px)and (max-width:1023.98px){:root{--rail-inset:var(--nv-inset)}nav.icon-rail{top:var(--nv-inset);bottom:var(--nv-inset);left:var(--nv-inset);background:var(--nv-surface);box-shadow:var(--nv-shadow);border-radius:1.5rem;overflow:hidden}.rail-panel{top:var(--nv-inset);bottom:var(--nv-inset);left:calc(var(--nv-inset) + var(--rail-w) + .5rem);border-radius:1.5rem}#rail-panel-akun{top:auto}}nav.icon-rail .rail-item.active .rail-icon,nav.icon-rail .rail-group-toggle.has-active .rail-icon{background:var(--nv-pill)}nav.icon-rail .rail-item,nav.icon-rail .rail-group-toggle{color:var(--chrome-fg-subtle)}nav.icon-rail .rail-item.active,nav.icon-rail .rail-group-toggle.has-active,nav.icon-rail .rail-group-toggle.is-open{color:var(--chrome-fg)}@media(hover:hover)and (pointer:fine){nav.icon-rail .rail-item:hover .rail-icon,nav.icon-rail .rail-group-toggle:hover .rail-icon{background:var(--nv-hover)}nav.icon-rail .rail-item.active:hover .rail-icon,nav.icon-rail .rail-group-toggle.has-active:hover .rail-icon{background:var(--nv-pill)}}nav.bottom-nav{box-shadow:0 20px 32px -16px rgba(var(--neutral-rgb),.42),0 4px 10px -6px rgba(var(--neutral-rgb),.2)}.bottom-nav .bottom-nav-surface{box-shadow:none;clip-path:none;background:0 0;border:0;border-radius:0;overflow:visible}.bn-notch{width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.bn-glass-top{stop-color:rgb(var(--surface-nav-dark-rgb))}@supports (color:color-mix(in lab,red,red)){.bn-glass-top{stop-color:color-mix(in srgb,rgb(var(--surface-nav-dark-rgb)) 70%,var(--color-primary-500))}}.bn-glass-top{stop-opacity:.86}.bn-glass-bottom{stop-color:rgb(var(--surface-nav-dark-rgb));stop-opacity:.93}.bn-sheen-top{stop-color:#fff;stop-opacity:.2}.bn-sheen-bottom{stop-color:#fff;stop-opacity:0}.bn-rim-top{stop-color:#fff;stop-opacity:.55}.bn-rim-mid{stop-color:#fff;stop-opacity:.06}.bn-rim-bottom{stop-color:#fff;stop-opacity:.18}.bn-glass-body{fill:url(#bn-glass)}.bn-glass-sheen{fill:url(#bn-sheen)}.bn-glass-rim{fill:none;stroke:url(#bn-rim);stroke-width:1.2px}.bn-orb{z-index:2;pointer-events:none;will-change:transform;place-items:center;width:56px;height:56px;transition:opacity .2s;display:grid;position:absolute;top:0;left:0}.bn-orb.is-hidden{opacity:0}.bn-orb>*{grid-area:1/1}.bn-star{width:100%;height:100%;transition:scale .18s var(--nv-ease);overflow:visible}.bn-star-hi{stop-color:var(--color-primary-400)}.bn-star-lo{stop-color:var(--color-primary-600)}.bn-shine-top{stop-color:#fff;stop-opacity:.2}.bn-shine-bottom{stop-color:#fff;stop-opacity:0}.bn-star-body{fill:url(#bn-star-fill)}.bn-star-shine{fill:url(#bn-star-shine)}.bn-star-lipat{fill:#fff;opacity:.13}.bn-star-edge{fill:none;stroke:#ffffff57;stroke-width:1px;stroke-linejoin:round}.bn-star-riak{fill:none;stroke:rgba(var(--primary-rgb),.6);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%}.bn-orb:before{content:"";width:40px;height:40px;box-shadow:0 10px 22px -4px rgba(var(--primary-rgb),.7);border-radius:50%;grid-area:1/1}.bn-orb.is-landed .bn-star-riak{animation:.5s ease-out bn-ripple}.bn-orb.is-landed .bn-star-lipat{animation:.5s ease-out bn-kilat}.bn-orb.is-landed .bn-star{animation:bn-thump .4s var(--nv-ease)}@keyframes bn-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes bn-kilat{0%{opacity:.13}30%{opacity:.34}to{opacity:.13}}@keyframes bn-thump{0%{scale:1}35%{scale:1.08}to{scale:1}}.bn-orb-icon{color:#fff;transition:opacity .14s,transform .3s cubic-bezier(.34,1.5,.5,1);display:inline-flex}.bn-orb.is-swapping .bn-orb-icon{opacity:0;transform:translate(calc(var(--bn-arah,1) * -8px)) scale(.5) rotate(calc(var(--bn-arah,1) * 45deg))}.bottom-nav:has(.bottom-nav-item.active:active) .bn-star{scale:.9}.bottom-nav .bottom-nav-item{z-index:1;color:#ffffffa8;transition:color .25s}@media(hover:hover)and (pointer:fine){.bottom-nav .bottom-nav-item:hover{color:#fffffff0}}.bottom-nav .bottom-nav-item .bn-icon{transition:opacity .22s ease .12s,transform .4s var(--nv-ease) 80ms;display:inline-flex}.bottom-nav .bottom-nav-item:active .bn-icon{transition-delay:0s;transform:scale(.86)}.bottom-nav .bottom-nav-item.active{color:#fff}.bottom-nav .bottom-nav-item.active>.bn-icon+span{font-weight:600}.bottom-nav .bottom-nav-item.active .bn-icon{opacity:0;transition:opacity .16s ease,transform .3s var(--nv-ease);transform:translateY(-16px)scale(.6)}@media(prefers-reduced-transparency:reduce){.bn-glass-top,.bn-glass-bottom{stop-opacity:1}}main.app-main .content-area{transition:opacity .18s}main.app-main.is-navigating .content-area{opacity:.55}main.app-main .content-area.nav-enter{animation:.14s ease-out both nv-enter}@keyframes nv-enter{0%{opacity:.6}to{opacity:1}}.skeleton-page{animation:.3s .3s both nv-skeleton-in}.skeleton-page .card{background:rgba(var(--surface-card-rgb),.38);box-shadow:none;border-color:#0000}@keyframes nv-skeleton-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.nav-pill,.bn-orb-icon,.nav-group-body,.nav-group-chevron,aside.sidebar .nav-link>svg:first-child,.bottom-nav .bottom-nav-item .bn-icon,main.app-main .content-area{transition:none}main.app-main .content-area.nav-enter,.bn-orb.is-landed .bn-star-riak,.bn-orb.is-landed .bn-star-lipat,.bn-orb.is-landed .bn-star,.skeleton-page{animation:none}}.bottom-nav-knob,.bottom-nav-pill{display:none!important}:root,.db{--db-kisi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.1 33.1' fill='none' stroke='white' stroke-opacity='.13'%3E%3Cpath d='M4.85 4.85h23.4v23.4H4.85zM16.55 0 33.1 16.55 16.55 33.1 0 16.55z'/%3E%3C/svg%3E");--db-radius:1.25rem;--db-radius-sm:.875rem;--db-gap:.75rem;--db-surface:rgb(var(--surface-overlay-rgb));--db-ink:var(--color-slate-900);--db-text:var(--color-slate-700);--db-muted:var(--color-slate-500);--db-faint:var(--color-slate-400);--db-line:rgba(var(--neutral-rgb), .07);--db-sunk:rgba(var(--neutral-rgb), .045);--db-sunk-hover:rgba(var(--primary-rgb), .08);--db-shadow:0 1px 2px rgba(var(--neutral-rgb), .04), 0 14px 32px -20px rgba(var(--neutral-rgb), .22);--db-shadow-hover:0 2px 4px rgba(var(--neutral-rgb), .05), 0 22px 40px -20px rgba(var(--neutral-rgb), .3);--db-tone:var(--color-primary-600);--db-tone-soft:var(--color-primary-50);--db-tone-bar:var(--color-primary-500)}.db{gap:var(--db-gap);color:var(--db-ink);font-family:var(--font-body,ui-sans-serif, system-ui, sans-serif);flex-direction:column;animation:.3s ease-out both db-in;display:flex;container-type:inline-size}@keyframes db-in{0%{opacity:.4}to{opacity:1}}.db-tone-primary{--db-tone:var(--color-primary-600);--db-tone-soft:var(--color-primary-50);--db-tone-bar:var(--color-primary-500)}.db-tone-accent{--db-tone:var(--color-accent-700);--db-tone-soft:var(--color-accent-50);--db-tone-bar:var(--color-accent-500)}.db-tone-success{--db-tone:var(--color-success-700);--db-tone-soft:var(--color-success-50);--db-tone-bar:var(--color-success-500)}.db-tone-warning{--db-tone:var(--color-warning-700);--db-tone-soft:var(--color-warning-50);--db-tone-bar:var(--color-warning-500)}.db-tone-danger{--db-tone:var(--color-danger-700);--db-tone-soft:var(--color-danger-50);--db-tone-bar:var(--color-danger-500)}.db-tone-info{--db-tone:var(--color-info-700);--db-tone-soft:var(--color-info-50);--db-tone-bar:var(--color-info-500)}.db-tone-neutral{--db-tone:var(--color-slate-600);--db-tone-soft:var(--color-slate-100);--db-tone-bar:var(--color-slate-400)}.db-grid{gap:var(--db-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.db-grid>*{grid-column:span 12;min-width:0}@container (min-width:500px){.db-md-4{grid-column:span 4}.db-md-6{grid-column:span 6}.db-md-12{grid-column:span 12}}@container (min-width:900px){.db-lg-3{grid-column:span 3}.db-lg-4{grid-column:span 4}.db-lg-5{grid-column:span 5}.db-lg-6{grid-column:span 6}.db-lg-7{grid-column:span 7}.db-lg-8{grid-column:span 8}.db-lg-12{grid-column:span 12}.db-grid>.db-pasang{grid-area:2/1/auto/-1}}.db-grid>.db-pasang{margin-bottom:0}.db-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.db-stack{flex-direction:column;gap:.75rem;display:flex}.db-stack-lg{gap:var(--db-gap);flex-direction:column;display:flex}.db-tile{border:1px solid var(--db-line);border-radius:var(--db-radius);background:var(--db-surface);min-width:0;box-shadow:var(--db-shadow);color:inherit;flex-direction:column;gap:.625rem;padding:1rem;text-decoration:none;display:flex;position:relative}.db-tile--link{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}@media(hover:hover)and (pointer:fine){.db-tile--link:hover{box-shadow:var(--db-shadow-hover);transform:translateY(-2px)}}.db-tile--link:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.db-tile--pad-sm{padding:1rem}.db-head{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.db-title{min-width:0;font-family:var(--font-display);color:var(--db-ink);align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;line-height:1.3;display:flex}.db-title>svg{width:1.125rem;height:1.125rem;color:var(--color-primary-500);flex-shrink:0}.db-scope{color:var(--db-muted);white-space:nowrap;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.db-link{color:var(--color-primary-600);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem 0;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.db-link:hover{text-decoration:underline}.db-muted{color:var(--db-muted)}.db-small{font-size:.75rem;line-height:1.45}.db-num{font-variant-numeric:tabular-nums}.db-foot{border-top:1px solid var(--db-line);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:auto;padding-top:.75rem;font-size:.75rem;display:flex}.db-hero{color:var(--color-on-primary,#fff);background:radial-gradient(90% 120% at 100% 0%,rgba(var(--accent-rgb),.4),transparent 60%),radial-gradient(60% 80% at 0% 100%,#ffffff14,transparent 70%),linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:0 24px 48px -26px rgba(var(--primary-rgb),.75);border:0;gap:.75rem;padding:1.125rem 1.25rem;overflow:hidden}.db-hero:after{content:"";pointer-events:none;border:1.75rem solid #ffffff0d;border-radius:999px;width:11rem;height:11rem;position:absolute;bottom:-5rem;right:-4rem}.db-hero>*{z-index:1;position:relative}.db-hero>.sr-only{position:absolute}.db-hero .db-muted{color:#ffffffc7}.db-hero .db-scope{color:#ffffffb8}.db-kpi-top{align-items:center;gap:.625rem;min-width:0;display:flex}.db-icon{background:var(--db-tone-soft);width:1.875rem;height:1.875rem;color:var(--db-tone);border-radius:.625rem;flex-shrink:0;place-items:center;display:grid}.db-icon>svg{width:1rem;height:1rem}.db-kpi-label{min-width:0;color:var(--db-text);font-size:.8125rem;font-weight:600;line-height:1.25}.db-kpi-label small{color:var(--db-muted);font-size:.6875rem;font-weight:500;display:block}.db-kpi-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--db-ink);flex-wrap:wrap;align-items:baseline;gap:.25rem;font-size:1.5rem;font-weight:700;line-height:1;display:flex}.db-kpi-value .db-of{color:var(--db-muted);font-size:.8125rem;font-weight:600}.db-kpi-value.is-empty{color:var(--color-slate-300)}.db-kpi-sub{color:var(--db-muted);font-size:.75rem;line-height:1.4}.db-kpi-sub strong{color:var(--db-tone);font-weight:600}.db-chev{width:1rem;height:1rem;color:var(--db-faint);flex-shrink:0;margin-left:auto}.db-bar{background:var(--db-sunk);border-radius:999px;height:.375rem;overflow:hidden}.db-bar>span{border-radius:inherit;background:var(--db-tone-bar);height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.db-hero .db-bar{background:#fff3}.db-hero .db-bar>span{background:#fffffff2}.db-meter{background:var(--db-sunk);border-radius:999px;gap:3px;height:.75rem;display:flex;overflow:hidden}.db-meter>span{flex:0 1 0;min-width:.375rem;height:100%}.db-meter>span:first-child{border-radius:999px 0 0 999px}.db-meter>span:last-child{border-radius:0 999px 999px 0}.db-meter>span:only-child{border-radius:999px}.db-seg-primary{background:var(--color-primary-500)}.db-seg-success{background:var(--color-success-500)}.db-seg-warning{background:var(--color-warning-500)}.db-seg-danger{background:var(--color-danger-500)}.db-seg-info{background:var(--color-info-500)}.db-seg-neutral{background:var(--color-slate-300)}.db-legend{flex-wrap:wrap;gap:.375rem;display:flex}.db-legend-item{background:var(--db-sunk);min-width:0;color:var(--db-text);border-radius:.75rem;flex:auto;align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.75rem;text-decoration:none;transition:background-color .2s;display:flex}a.db-legend-item:hover{background:var(--db-sunk-hover)}.db-legend-item>span:nth-child(2){white-space:nowrap;flex:1}.db-legend-item strong{font-variant-numeric:tabular-nums;color:var(--db-ink);font-size:.875rem}.db-dot{border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem}.db-ring{width:var(--db-ring-size,5.5rem);height:var(--db-ring-size,5.5rem);flex-shrink:0;place-items:center;display:grid;position:relative}.db-ring>svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.db-ring circle{fill:none;stroke-width:3.2px;stroke-linecap:round}.db-ring-value{stroke:var(--db-tone-bar);transition:stroke-dasharray .7s cubic-bezier(.2,.8,.2,1)}.db-hero .db-ring-track{stroke:#fff3}.db-hero .db-ring-value{stroke:var(--color-accent-400)}.db-ring-label{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:700;line-height:1;position:relative}.db-kpi-top>.db-ring .db-ring-label{font-size:calc(var(--db-ring-size,5.5rem) * .24);letter-spacing:-.02em}.db-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}@container (min-width:900px){.db-list--dua{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem;display:grid}}.db-row{min-width:0;color:var(--db-text);border-radius:.75rem;align-items:center;gap:.75rem;padding:.4375rem .625rem;font-size:.8125rem;text-decoration:none;transition:background-color .2s;display:flex}a.db-row:hover{background:var(--db-sunk-hover)}a.db-row:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.db-row-text{flex:1;min-width:0;line-height:1.35}.db-row-text small{color:var(--db-muted);font-size:.6875rem;display:block}.db-row-count{background:var(--db-tone-soft);min-width:2rem;color:var(--db-tone);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:.125rem .5rem;font-size:.8125rem;font-weight:700}.db-row .db-icon{border-radius:.5rem;width:1.75rem;height:1.75rem}.db-row .db-icon>svg{width:1rem;height:1rem}.db-rank{background:var(--db-sunk);width:1.75rem;height:1.75rem;color:var(--db-muted);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.db-rank--1{background:var(--color-warning-100);color:var(--color-warning-700)}.db-rank--2{background:var(--color-slate-200);color:var(--color-slate-700)}.db-rank--3{background:var(--color-warning-50);color:var(--color-warning-600)}.db-rank-item{background:var(--db-sunk);border-radius:.875rem;padding:.5rem .625rem}.db-rank-item+.db-rank-item{margin-top:.375rem}.db-rank-main{align-items:center;gap:.75rem;min-width:0;display:flex}.db-rank-score{text-align:right;font-family:var(--font-display);color:var(--color-primary-600);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:1rem;font-weight:700}.db-rank-score small{font-family:var(--font-body);color:var(--db-muted);font-size:.6875rem;font-weight:500;display:block}.db-details{color:var(--db-muted);margin-top:.5rem;font-size:.6875rem}.db-details>summary{cursor:pointer;font-weight:600;list-style-position:inside}.db-details-grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.375rem;margin-top:.5rem;display:grid}.db-details-grid>div{background:var(--db-surface);border-radius:.625rem;padding:.375rem .5rem}.db-details-grid strong{color:var(--db-ink);font-variant-numeric:tabular-nums;font-size:.75rem;display:block}.db-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@container (min-width:900px){.db-metrics--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.db-metric{background:var(--db-sunk);min-width:0;color:inherit;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.5625rem .75rem;text-decoration:none;display:flex}a.db-metric{transition:background-color .2s}a.db-metric:hover{background:var(--db-sunk-hover)}.db-metric-label{color:var(--db-muted);font-size:.6875rem;font-weight:500;line-height:1.3}.db-metric-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--db-ink);font-size:1.125rem;font-weight:700;line-height:1.1}.db-metric-value .db-of{color:var(--db-muted);font-size:.8125rem;font-weight:600}.db-metric-sub{color:var(--db-muted);font-size:.6875rem}.db-split{color:var(--db-muted);flex-wrap:wrap;gap:.25rem .75rem;font-size:.6875rem;display:flex}.db-split>span{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.db-split b{color:var(--db-text);font-variant-numeric:tabular-nums;font-weight:600}.db-hero .db-split{color:#ffffffc7}.db-hero .db-split b{color:inherit}.db-shortcuts{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;display:grid}.db-shortcut{background:var(--db-sunk);min-height:4.25rem;color:var(--db-text);text-align:center;-webkit-tap-highlight-color:transparent;border-radius:.875rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:flex}.db-shortcut .db-icon{width:1.75rem;height:1.75rem}@media(hover:hover)and (pointer:fine){.db-shortcut:hover{background:var(--db-sunk-hover);color:var(--color-primary-700);transform:translateY(-2px)}}.db-shortcut:active{transform:scale(.97)}.db-shortcut:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.db-empty{text-align:center;color:var(--db-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem .75rem;font-size:.8125rem;display:flex}.db-empty>svg{width:1.5rem;height:1.5rem;color:var(--db-faint)}.db-empty strong{color:var(--db-text);font-size:.875rem}.db-note{background:var(--db-tone-soft);color:var(--db-tone);border-radius:1rem;align-items:flex-start;gap:.5rem;padding:.75rem .875rem;font-size:.8125rem;line-height:1.45;display:flex}.db-note>svg{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.05rem}.db-hero .db-note{color:inherit;background:#ffffff24}.db-chart{flex:1;height:12.5rem;min-height:11rem;position:relative}.db-chart canvas{width:100%!important;height:100%!important}.db-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.db-chip{border:1px solid var(--db-line);min-height:2rem;color:var(--db-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.75rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.db-chip b{font-variant-numeric:tabular-nums;opacity:.7}.db-chip[aria-pressed=true]{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-on-primary,#fff)}.db-chip:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.db-students{grid-template-columns:1fr;gap:.5rem;display:grid}@container (min-width:900px){.db-students{grid-template-columns:repeat(2,minmax(0,1fr))}}.db-student{background:var(--db-sunk);border-radius:.875rem;align-items:flex-start;gap:.75rem;min-width:0;padding:.5625rem .75rem;display:flex}.db-student-body{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.db-student-name{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.db-student-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.db-student-name small{color:var(--db-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.6875rem;font-weight:500}@media(prefers-reduced-motion:reduce){.db,.db-tile--link,.db-bar>span,.db-ring-value,.db-shortcut{transition:none;animation:none}}.dh-quote{color:#ffffffd1;text-wrap:pretty;margin:0;font-size:.875rem;line-height:1.5}.dh-quote:lang(ar){font-family:var(--font-quran);color:#fff;font-size:1.375rem;line-height:1.8}.dh-kata{animation:.5s cubic-bezier(.2,.7,.2,1) both dh-masuk;animation-delay:calc(.25s + var(--i,0) * 90ms);display:inline-block}.db-strip{flex-flow:wrap;align-items:center;gap:.5rem .875rem;padding:.75rem 1rem}.db-strip-progress{flex-direction:column;flex:10rem;gap:.25rem;min-width:8rem;display:flex}.db-strip .db-chev{margin-left:0}@container (max-width:499px){.db-strip>.db-chev{display:none}}.db-acara{border-color:var(--db-tone-bar);position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.db-acara{border-color:color-mix(in oklab,var(--db-tone-bar) 55%,transparent)}}.db-acara{background-image:linear-gradient(100deg,var(--db-tone-soft),transparent 65%);animation:2.8s ease-in-out infinite db-acara-pendar}.db-acara:after{content:"";pointer-events:none;background:linear-gradient(100deg,transparent,var(--db-tone-bar) 45%,#ffffff80 50%,var(--db-tone-bar) 55%,transparent);width:45%;position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab,red,red)){.db-acara:after{background:linear-gradient(100deg,transparent,color-mix(in oklab,var(--db-tone-bar) 22%,transparent) 45%,#ffffff80 50%,color-mix(in oklab,var(--db-tone-bar) 22%,transparent) 55%,transparent)}}.db-acara:after{animation:3.6s ease-in-out infinite db-acara-kilau;transform:translate(-120%)}@keyframes db-acara-pendar{0%,to{box-shadow:0 0 color-mix(in oklab,var(--db-tone-bar) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in oklab,var(--db-tone-bar) 22%,transparent)}}@keyframes db-acara-kilau{0%,55%{transform:translate(-120%)}to{transform:translate(340%)}}@media(prefers-reduced-motion:reduce){.db-acara{box-shadow:0 0 0 3px var(--db-tone-bar);animation:none}@supports (color:color-mix(in lab,red,red)){.db-acara{box-shadow:0 0 0 3px color-mix(in oklab,var(--db-tone-bar) 18%,transparent)}}.db-acara:after{display:none}}.db-master{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;padding:.5rem;display:grid}@container (min-width:500px){.db-master{grid-template-columns:repeat(4,minmax(0,1fr))}}.db-master-item{min-width:0;color:inherit;-webkit-tap-highlight-color:transparent;border-radius:.875rem;align-items:center;gap:.625rem;padding:.5rem .625rem;text-decoration:none;transition:background-color .2s,transform .15s;display:flex}.db-master-item .db-icon{border-radius:.75rem;width:2.25rem;height:2.25rem}.db-master-item .db-icon>svg{width:1.125rem;height:1.125rem}.db-master-text{flex-direction:column;min-width:0;display:flex}.db-master-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--db-ink);font-size:1.25rem;font-weight:700;line-height:1.1}.db-master-label{text-overflow:ellipsis;white-space:nowrap;color:var(--db-muted);font-size:.75rem;font-weight:500;overflow:hidden}.db-master-item .db-chev{opacity:.5}@media(hover:hover)and (pointer:fine){.db-master-item:hover{background:var(--db-sunk-hover)}.db-master-item:hover .db-chev{opacity:1}}.db-master-item:active{transform:scale(.97)}.db-master-item:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}@container (max-width:639px){.db-master-item .db-chev{display:none}}.dh{gap:1.125rem;padding:1.25rem;container:dh/inline-size}.dh-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.dh-date{color:#ffffffd1;flex-wrap:wrap;align-items:baseline;column-gap:.625rem;margin:0;font-size:.875rem;font-weight:500;line-height:1.4;display:flex}.dh-week{color:#fff;border-left:1px solid #ffffff47;padding-left:.625rem;font-weight:600}.dh-link{color:#ffffffd1;text-underline-offset:3px;flex-shrink:0;align-items:center;gap:.25rem;margin-left:auto;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.dh-link>svg{width:.875rem;height:.875rem;transition:transform .2s}.dh-link:hover{color:#fff;text-decoration:underline}.dh-link:hover>svg{transform:translate(2px)}.dh-link:focus-visible{outline-offset:2px;border-radius:.25rem;outline:2px solid #fff}.dh-body{flex-direction:column;gap:1rem;display:flex}.dh-main{align-items:center;gap:1.125rem;min-width:0;display:flex}.dh-ring{--db-ring-size:5.25rem!important}.dh-ring .db-ring-label{font-size:1.125rem}.dh .db-ring-track{stroke:#ffffff29}.dh .db-ring-value{stroke:#fff}.dh-stat{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.dh-eyebrow{font-family:var(--font-body);color:#ffffffb3;margin:0;font-size:.6875rem;font-weight:700}.dh-value{flex-wrap:wrap;align-items:baseline;column-gap:.5rem;margin:0;line-height:1;display:flex}.dh-value strong{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;font-size:2.75rem;font-weight:800}.dh-value span{color:#ffffffb8;font-size:.9375rem;font-weight:500}.dh-split{grid-template-columns:max-content minmax(4rem,1fr) max-content;align-items:center;gap:.4rem .75rem;max-width:22rem;margin:.375rem 0 0;display:grid}.dh-split-row{display:contents}.dh-split dd{margin:0}.dh-split-label{color:#ffffffd9;font-size:.75rem;font-weight:600;line-height:1.2}.dh-split-label small{color:#ffffff9e;font-size:.6875rem;font-weight:500;display:block}.dh-split-bar{background:#ffffff29;border-radius:999px;height:.375rem;overflow:hidden}.dh-split-bar>span{border-radius:inherit;height:100%;animation:sg-fill .9s var(--ease-soft,ease-out) backwards;transform-origin:0;background:#fff;display:block}.dh-split-num{text-align:right;font-variant-numeric:tabular-nums;color:#fff;font-size:.8125rem;font-weight:700}.dh-split-num small{opacity:.62;font-weight:500}.dh-aside{display:flex}.dh-cta{background:rgb(var(--surface-overlay-rgb));min-height:3.25rem;color:var(--color-primary-700);box-shadow:0 10px 24px -14px rgba(var(--neutral-rgb),.6);-webkit-tap-highlight-color:transparent;border-radius:1rem;flex:1;align-items:center;gap:.75rem;padding:.5rem .875rem .5rem .625rem;text-decoration:none;transition:transform .15s,box-shadow .2s;display:flex}.dh-cta-num{background:var(--color-warning-100);min-width:2.25rem;height:2.25rem;color:var(--color-warning-700);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:.75rem;place-items:center;padding:0 .5rem;font-size:1.125rem;font-weight:800;display:grid}.dh-cta-text{color:var(--color-slate-900);flex-direction:column;font-size:.875rem;font-weight:700;line-height:1.2;display:flex}.dh-cta-text small{color:var(--color-slate-500);font-size:.75rem;font-weight:500}.dh-cta-arrow{width:1.125rem;height:1.125rem;margin-left:auto;transition:transform .2s}.dh-cta:active{transform:scale(.98)}.dh-cta:focus-visible{outline-offset:2px;outline:2px solid #fff}@media(hover:hover)and (pointer:fine){.dh-cta:hover{box-shadow:0 14px 30px -14px rgba(var(--neutral-rgb),.7)}.dh-cta:hover .dh-cta-arrow{transform:translate(3px)}}.dh-done{background:#ffffff24;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.dh-done>svg{width:1.125rem;height:1.125rem}@container dh (min-width:600px){.dh-body{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem}.dh-aside{flex:0 0 13.5rem}.dh-ring{--db-ring-size:6.5rem!important}.dh-ring .db-ring-label{font-size:1.375rem}.dh-value strong{font-size:3.25rem}}.dh-name{font-family:var(--font-display);letter-spacing:-.015em;color:#fff;margin:.125rem 0 0;font-size:1.5rem;font-weight:700;line-height:1.2}.dh-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.dh-actions>.dh-btn--primary,.dh-actions>.dh-btn:only-child{grid-column:1/-1}.dh-actions>.dh-btn--primary:first-child:nth-last-child(2){grid-column:auto}.dh-btn{white-space:nowrap;color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;min-width:0;min-height:2.75rem;padding:0 .625rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s;display:inline-flex;overflow:hidden}.dh-btn>svg{width:1.125rem;height:1.125rem}.dh-btn--primary{color:var(--color-primary-700);background:rgb(var(--surface-overlay-rgb));box-shadow:0 10px 24px -14px rgba(var(--neutral-rgb),.6);border-color:#0000}.dh-btn:active{transform:scale(.97)}.dh-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}@media(hover:hover)and (pointer:fine){.dh-btn:hover{background:#ffffff2e}.dh-btn--primary:hover{background:var(--color-primary-50)}}.dh-body--greet{flex-direction:column!important;align-items:stretch!important}.dh-greet{flex-direction:column;gap:.125rem;min-width:0;display:flex}.dh-greet .dh-top{align-items:center}.dh-greet .dh-date{text-align:right;justify-content:flex-end}@container dh (min-width:600px){.dh-name{font-size:1.75rem}.dh-actions{display:flex}.dh-btn{flex:auto;padding:0 1rem}}@container dh (min-width:900px){.dh-body--greet{flex-direction:row!important;align-items:center!important}.dh-btn,.dh-btn--primary{flex:none}}.dh--guru{background:linear-gradient(160deg,var(--color-primary-600),var(--color-primary-700))}.dh--guru:after{content:none}.dh-who{flex-direction:column;gap:.375rem;min-width:0;display:flex}.dh--guru .dh-actions{border-top:1px solid #ffffff29;padding-top:1rem}@container dh (max-width:599px){.dh--guru .dh-top,.dh--guru .dh-name{padding-right:4.75rem}.dh--guru .dh-name{white-space:normal;text-wrap:balance;line-height:1.2;overflow:visible}.dh--guru .dh-quote{border-top:1px solid #ffffff29;margin-top:.875rem;padding-top:.875rem}.db-hero.dh--guru>.dh-art{color:#fff9;width:4.25rem;top:1rem;right:1rem}}.db-pintas{grid-template-columns:repeat(var(--kolom,4),minmax(0,1fr));gap:.875rem .25rem;padding:.25rem 0;display:grid}.db-pintas-item{color:var(--color-slate-700);text-align:center;border-radius:.875rem;flex-direction:column;align-items:center;gap:.4375rem;padding:.25rem .125rem;font-size:.75rem;font-weight:600;line-height:1.25;text-decoration:none;animation:.45s cubic-bezier(.2,.7,.2,1) both dh-masuk;display:flex}.db-pintas-item:first-child{animation-delay:.2s}.db-pintas-item:nth-child(2){animation-delay:.26s}.db-pintas-item:nth-child(3){animation-delay:.32s}.db-pintas-item:nth-child(4){animation-delay:.38s}.db-pintas-item:nth-child(n+5){animation-delay:.44s}.db-pintas-ikon{background:rgb(var(--surface-overlay-rgb));width:3.25rem;height:3.25rem;color:var(--color-primary-700);border:1px solid rgba(var(--neutral-rgb),.07);box-shadow:0 1px 2px rgba(var(--neutral-rgb),.06),0 8px 16px -12px rgba(var(--neutral-rgb),.35);border-radius:1.125rem;place-items:center;transition:transform .15s,background .15s;display:grid;position:relative}.db-pintas-ikon>svg{width:1.375rem;height:1.375rem}.db-pintas-item:active .db-pintas-ikon{background:var(--color-primary-50);transform:scale(.93)}.db-pintas-item:focus-visible{outline:2px solid #0056b399}@supports (color:color-mix(in lab,red,red)){.db-pintas-item:focus-visible{outline:2px solid color-mix(in oklab,var(--color-ring) 60%,transparent)}}.db-pintas-item:focus-visible{outline-offset:2px}.db-pintas-lencana{background:var(--color-warning-400);min-width:1.25rem;height:1.25rem;color:var(--color-slate-900);box-shadow:0 0 0 2px rgb(var(--surface-overlay-rgb));border-radius:999px;place-items:center;padding:0 .3125rem;font-size:.6875rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-.3125rem;right:-.3125rem}.db-pintas-lencana.is-bahaya{background:var(--color-danger-600);color:#fff}.db-pintas-lencana.hidden{display:none}.db-pintas--baris .db-pintas-item{background:rgb(var(--surface-overlay-rgb));border:1px solid rgba(var(--neutral-rgb),.07);text-align:left;flex-direction:row;gap:.75rem;padding:.5rem .875rem .5rem .5rem;font-size:.875rem}.db-pintas--baris .db-pintas-ikon{background:var(--color-primary-50);width:2.5rem;height:2.5rem;box-shadow:none;border:0;border-radius:.75rem}@media(min-width:768px){.db-pintas{display:none}}.db-hero>.dh-art{z-index:0;color:#ffffff21;pointer-events:none;width:11.5rem;height:auto;animation:7s ease-in-out 1.6s infinite alternate dh-apung;position:absolute;top:-.5rem;right:-2rem}.dh-art-buku>path{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.4s ease-out .15s forwards dh-gambar}.dh-art-sinar>path{opacity:.35;animation:3.2s ease-in-out infinite dh-denyut}.dh-art-sinar>path:nth-child(2),.dh-art-sinar>path:nth-child(3){animation-delay:.4s}.dh-art-sinar>path:nth-child(4),.dh-art-sinar>path:nth-child(5){animation-delay:.8s}@keyframes dh-gambar{to{stroke-dashoffset:0}}@keyframes dh-apung{to{transform:translateY(-.375rem)}}@keyframes dh-denyut{50%{opacity:1}}@container dh (min-width:600px){.db-hero>.dh-art{width:13rem;top:-1rem;right:-1.5rem}}@container dh (min-width:900px){.db-hero>.dh-art{width:11rem;margin-top:-5.25rem;top:50%;left:36%;right:auto}.dh--guru .dh-actions{border-top:0;padding-top:0}}.dh--guru .dh-top,.dh--guru .dh-name,.dh--guru .dh-actions>.dh-btn{animation:.45s cubic-bezier(.2,.7,.2,1) both dh-masuk}.dh--guru .dh-name{animation-delay:50ms}.dh--guru .dh-actions>.dh-btn:first-child{animation-delay:.18s}.dh--guru .dh-actions>.dh-btn:nth-child(2){animation-delay:.23s}.dh--guru .dh-actions>.dh-btn:nth-child(3){animation-delay:.28s}.dh--guru .dh-actions>.dh-btn:nth-child(4){animation-delay:.33s}@keyframes dh-masuk{0%{opacity:0;transform:translateY(.5rem)}}@media(prefers-reduced-motion:reduce){.dh--guru .dh-top,.dh--guru .dh-name,.dh--guru .dh-actions>.dh-btn,.dh-kata,.db-pintas-item,.dh-art,.dh-art-buku>path,.dh-art-sinar>path{animation:none}.dh-art-buku>path{stroke-dashoffset:0}}.dh-date-short{display:none}@container dh (max-width:440px){.dh-date-long{display:none}.dh-date-short{display:inline}.dh-date{font-size:.8125rem}}.db-lipat-btn{display:none}@media(max-width:767.98px){.db-lipat>.db-head{position:relative}.db-lipat>.db-head>.db-title{margin-right:auto}.db-lipat>.db-head a{z-index:1;position:relative}.db-lipat-btn{width:1.75rem;height:1.75rem;color:var(--color-slate-500);background:var(--db-sunk);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.db-lipat-btn:before{content:"";position:absolute;top:-.625rem;right:-.5rem;bottom:-.625rem;left:-.5rem}.db-lipat-btn>svg{width:1.125rem;height:1.125rem;transition:transform .2s var(--ease-out)}.db-lipat>.db-head{flex-wrap:wrap;row-gap:.125rem}.db-lipat>.db-head>.db-scope{white-space:normal;flex-basis:100%;order:3}:is(html,html[data-desain="11"]) .db-grid .db-metrics--baris{gap:.5rem;padding:.625rem .75rem}:is(html,html[data-desain="11"]) .db-metrics--baris>.db-metric{text-align:center;align-items:center;gap:0;padding:0}:is(html,html[data-desain="11"]) .db-metrics--baris .db-metric-value{white-space:nowrap;font-size:1.125rem;line-height:1.25}:is(html,html[data-desain="11"]) .db-metrics--baris .db-metric-label{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.3;overflow:hidden}.db-lipat.is-open .db-lipat-btn>svg{transform:rotate(180deg)}.db-lipat:not(.is-open)>:not(.db-head),.db-hp-sembunyi{display:none}.db-students>[data-status=belum]{order:-1}.db-ringkas:not(.is-all) .db-lebih{display:none}}@media(min-width:768px){.db-lihat-semua{display:none}}@media(max-width:767.98px){.db-grid>.db-hero:first-child{margin:-1rem calc(-1*max(1.25rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))) 0;padding:calc(1.25rem + env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)) 1.5rem;box-shadow:0 18px 36px -24px rgba(var(--primary-rgb),.7);border-radius:0 0 1.75rem 1.75rem}.db-grid>.db-hero:first-child:has(+.db-pintas:not(.db-pintas--baris)){padding-bottom:3.75rem}.db-hero+.db-pintas:not(.db-pintas--baris){z-index:2;margin-top:calc(-1 * var(--db-gap) - 2.5rem);background:rgb(var(--surface-overlay-rgb));border:1px solid rgba(var(--neutral-rgb),.06);box-shadow:0 1px 2px rgba(var(--neutral-rgb),.05),0 16px 28px -20px rgba(var(--neutral-rgb),.4);border-radius:1.375rem;padding:1rem .5rem;position:relative}.db-hero+.db-pintas:not(.db-pintas--baris) .db-pintas-ikon{box-shadow:none;border-color:#0000}.db-hero+.db-pintas:not(.db-pintas--baris) .db-pintas-lencana{box-shadow:0 0 0 2px rgb(var(--surface-overlay-rgb))}}.db-grid>.db-hero:first-child{font-family:var(--font-display);background:var(--color-primary-700);box-shadow:none;gap:1.125rem}.db-grid>.db-hero:first-child:after{content:none}.db-grid>.db-hero:first-child:before{content:"";border-radius:inherit;pointer-events:none;background:var(--db-kisi) 100% 0 / 2.375rem 2.375rem;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(215deg,#000,#0000 58%);mask-image:linear-gradient(215deg,#000,#0000 58%)}.dh-sapa{flex-direction:column;min-width:0;display:flex}.dh-sapa~.dh-top,.dh-sapa~.dh-greet .dh-top,.dh-sapa~.dh-greet .dh-name{display:none}.dh-salam{font-family:var(--font-quran);color:#ffffffeb;margin:0;font-size:1.5rem;line-height:1.4}.dh-sapa-nama{letter-spacing:-.02em;color:#fff;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:1.625rem;font-weight:700;line-height:1.15}.dh-hari{--dh-aksen:#8fe7c7}@supports (color:color-mix(in lab,red,red)){.dh-hari{--dh-aksen:color-mix(in srgb, var(--color-accent-400) 55%, #fff)}}.dh-hari{color:#ffffffe0;flex-wrap:wrap;align-items:center;gap:0 .5rem;margin:.5rem 0 0;font-size:.8125rem;font-weight:500;line-height:1.4;display:flex}.dh-hari-nama{color:var(--dh-aksen);font-weight:700}.dh-hari-ket{color:#fff;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.dh-hari-ket:before{content:"";background:var(--dh-aksen);width:.3125rem;height:.3125rem;transform:rotate(45deg)}.dh--guru .dh-quote{text-align:center;border-top:0;margin:0;padding:0}.dh--guru .dh-quote:before{content:"";opacity:.75;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 14' fill='white'%3E%3Cpath d='M39.5 2.5h9v9h-9zM44 .64 50.36 7 44 13.36 37.64 7z'/%3E%3Ccircle cx='27' cy='7' r='1.6' opacity='.7'/%3E%3Ccircle cx='17' cy='7' r='1.3' opacity='.45'/%3E%3Ccircle cx='8' cy='7' r='1' opacity='.25'/%3E%3Ccircle cx='61' cy='7' r='1.6' opacity='.7'/%3E%3Ccircle cx='71' cy='7' r='1.3' opacity='.45'/%3E%3Ccircle cx='80' cy='7' r='1' opacity='.25'/%3E%3C/svg%3E") 50%/contain no-repeat;width:5.5rem;height:.875rem;margin:0 auto .375rem;display:block}.dh--wali>.dh-body,.dh--admin>.dh-body{background:rgb(var(--surface-overlay-rgb));color:var(--color-slate-900);border:1px solid rgba(var(--neutral-rgb),.1);box-shadow:0 2px 6px -2px rgba(var(--neutral-rgb),.18);border-radius:1rem;padding:1rem}.dh--admin>.dh-body{gap:.875rem}.dh--admin .dh-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.125rem 1rem;display:grid}.dh--admin .dh-stat{display:contents}.dh--admin .dh-eyebrow{color:var(--color-slate-500);grid-area:1/1;align-self:end;font-family:inherit;font-size:.8125rem;font-weight:600}.dh--admin .dh-value{grid-area:2/1;align-self:start}.dh--admin .dh-value strong{color:var(--color-slate-900);font-size:2.5rem}.dh--admin .dh-value span{color:var(--color-slate-500)}.dh--admin .dh-ring{grid-area:1/2/3/3;--db-ring-size:4.25rem!important}.dh--admin .dh-ring .db-ring-label{color:var(--color-primary-700);font-size:1rem}.dh--admin .db-ring-track{stroke:rgba(var(--primary-rgb),.14)}.dh--admin .db-ring-value{stroke:var(--color-primary-600)}.dh--admin .dh-split{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem 1.25rem;margin:.75rem 0 0;display:grid}.dh--admin .dh-split-row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.375rem .5rem;display:grid}.dh--admin .dh-split-label{color:var(--color-slate-700);grid-area:1/1;font-size:.8125rem}.dh--admin .dh-split-label small{color:var(--color-slate-500)}.dh--admin .dh-split-num{color:var(--color-slate-900);grid-area:1/2}.dh--admin .dh-split-bar{background:rgba(var(--primary-rgb),.12);grid-area:2/1/3/3;height:.5rem}.dh--admin .dh-split-bar>span{background:var(--color-primary-600)}.dh--admin .dh-body .dh-date{color:var(--color-slate-500)}.dh--admin .dh-cta{background:var(--color-primary-600);color:#fff;min-height:3rem;box-shadow:none}.dh--admin .dh-cta-num{color:var(--color-primary-700);background:#fff}.dh--admin .dh-cta-text{color:#fff}.dh--admin .dh-cta-text small{color:#ffffffd1}.dh--admin .dh-cta:focus-visible{outline-color:var(--color-primary-700)}.dh--admin .dh-done{background:rgba(var(--primary-rgb),.1);width:100%;color:var(--color-primary-700)}.dh--wali>.dh-body{flex-flow:wrap;align-items:center;gap:.75rem;overflow:hidden}.dh-inisial{background:var(--color-primary-600);color:#fff;border-radius:.875rem;flex:none;place-items:center;width:2.875rem;height:2.875rem;font-size:1.125rem;font-weight:700;display:grid}.dh--wali .dh-anak{flex:1}.dh--wali .dh-eyebrow{color:var(--color-slate-500);font-family:inherit;font-size:.75rem;font-weight:500}.dh--wali .dh-name{color:var(--color-slate-900);margin:0;font-size:1.0625rem}.dh--wali .dh-date{color:var(--color-slate-500);margin-top:0;font-size:.75rem}.dh--wali .sg-hero-switch{background:rgba(var(--primary-rgb),.07);flex:none;width:calc(100% + 2rem);margin:.25rem -1rem -1rem;padding:.625rem 1rem}.db-hero.dh--wali .child-chip{color:var(--color-primary-700);background:rgb(var(--surface-overlay-rgb));border-color:rgba(var(--primary-rgb),.25);border-radius:.625rem}.dh--admin .dh-main{flex:1}.dh>*{--dh-aksen:#8fe7c7}@supports (color:color-mix(in lab,red,red)){.dh>*{--dh-aksen:color-mix(in srgb, var(--color-accent-400) 55%, #fff)}}.dh>*{--dh-gelap:#012b57}@supports (color:color-mix(in lab,red,red)){.dh>*{--dh-gelap:color-mix(in srgb, var(--color-primary-700) 74%, #000)}}@container (min-width:520px){.db-grid>.db-hero:first-child{gap:0;padding:0}.db-grid>.db-hero:first-child:before{content:none}}@container (min-width:860px){.db-grid>.db-hero:first-child{grid-template-columns:minmax(17rem,5fr) minmax(0,8fr);align-items:stretch;min-height:12.5rem;display:grid}}@container dh (min-width:520px){.dh-sapa{background:var(--dh-gelap);box-shadow:inset 0 -3px 0 var(--dh-aksen);padding:1.375rem 1.5rem 1.25rem}.dh-salam{font-size:1.75rem}.dh-sapa-nama{font-size:1.875rem}.db-hero>.dh-greet{padding:1.25rem 1.5rem 1.5rem}.db-hero>.db-note{margin:1.25rem 1.5rem 1.5rem}.db-hero>.dh-date{padding:1rem 1.5rem 0}.dh--wali>.dh-body,.dh--admin>.dh-body{box-shadow:none;color:#fff;background:0 0;border:0;border-radius:0;padding:1.375rem 1.5rem 1.5rem}.dh--admin>.dh-body{flex-direction:row;align-items:center;gap:1.5rem}.dh--admin .dh-main{grid-template-columns:auto minmax(0,1fr);column-gap:1.25rem}.dh--admin .dh-ring{grid-area:1/1/3/2;--db-ring-size:5.25rem!important}.dh--admin .dh-ring .db-ring-label{color:#fff;font-size:1.125rem}.dh--admin .db-ring-track{stroke:#ffffff29}.dh--admin .db-ring-value{stroke:var(--dh-aksen)}.dh--admin .dh-eyebrow{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#ffffffb8;grid-area:1/2;font-size:.75rem}.dh--admin .dh-value{grid-area:2/2}.dh--admin .dh-value strong{color:#fff;font-size:3.25rem}.dh--admin .dh-value span{color:#ffffffc7}.dh--admin .dh-split{margin-top:1rem}.dh--admin .dh-split-label{color:#ffffffe6}.dh--admin .dh-split-label small{color:#ffffffad}.dh--admin .dh-split-num{color:#fff}.dh--admin .dh-split-bar{background:#ffffff2e;border-radius:0;height:.25rem}.dh--admin .dh-split-bar>span{background:var(--dh-aksen);border-radius:0}.dh--admin .dh-body .dh-date{color:#ffffffc7}.dh--admin .dh-aside{border-left:1px solid #ffffff2e;flex:0 0 13.75rem;align-self:stretch;align-items:center;padding-left:1.5rem}.dh--admin .dh-cta{background:var(--dh-aksen);width:100%;min-height:3.5rem;color:var(--dh-gelap);border-radius:.625rem}.dh--admin .dh-cta-num{background:var(--dh-gelap);color:#fff}.dh--admin .dh-cta-text{color:var(--dh-gelap);white-space:nowrap}.dh--admin .dh-cta-text small{color:inherit;opacity:.78}.dh--admin .dh-cta:focus-visible{outline-color:#fff}.dh--admin .dh-done{color:#fff;background:0 0;border-radius:0;width:auto;padding:0}.dh--admin .dh-done>svg{color:var(--dh-aksen)}.dh--wali>.dh-body{gap:1rem;overflow:visible}.dh--wali .dh-inisial{background:var(--dh-aksen);width:3.5rem;height:3.5rem;color:var(--dh-gelap);border-radius:.625rem;font-size:1.375rem}.dh--wali .dh-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;font-size:.75rem}.dh--wali .dh-name{color:#fff;font-size:1.5rem}.dh--wali .dh-date{color:#fffc;font-size:.8125rem}.dh--wali .sg-hero-switch{background:0 0;border-top:1px solid #ffffff2e;width:100%;margin:.25rem 0 0;padding:.875rem 0 0}.db-hero.dh--wali .child-chip{color:#fff;background:0 0;border-color:#ffffff59;border-radius:.5rem}.dh--guru .dh-btn{background:0 0;border-color:#ffffff59;border-radius:.625rem}.dh--guru .dh-btn:hover{background:#ffffff1a}.dh--guru .dh-btn--primary{color:var(--dh-gelap);background:var(--dh-aksen);box-shadow:none;border-color:#0000}.dh--guru .dh-btn--primary:hover{background:var(--dh-aksen)}@supports (color:color-mix(in lab,red,red)){.dh--guru .dh-btn--primary:hover{background:color-mix(in srgb,var(--dh-aksen) 82%,#fff)}}}@container dh (min-width:520px) and (max-width:859.98px){.dh-sapa{grid-template-columns:minmax(0,1fr) auto;column-gap:1.25rem;display:grid}.dh-salam{grid-area:1/1}.dh-sapa-nama{grid-area:2/1}.dh-hari{text-align:right;flex-flow:column;grid-area:1/2/3/3;justify-content:center;align-items:flex-end;gap:.125rem;margin:0}.dh-hari>time{flex-direction:column;align-items:flex-end;display:flex}.dh-koma{display:none}.dh-hari-nama{font-size:1.125rem;line-height:1.25}.dh-hari-ket{margin-top:.25rem}.db-hero.dh--guru>.dh-art{color:#ffffff21;width:6rem;top:auto;bottom:5.75rem;right:1.5rem}.db-hero.dh--guru:has(>.db-note)>.dh-art{bottom:9rem}.dh--guru:has(>.db-note)>.dh-greet{padding-bottom:0}.dh--guru>.db-note{background:#ffffff1a;border-radius:.625rem;align-items:center;margin-top:.75rem}.dh--guru>.db-note>svg{opacity:.8;margin-top:0}}@container dh (min-width:860px){.dh-sapa{box-shadow:inset -3px 0 0 var(--dh-aksen);grid-area:1/1/span 3/2;justify-content:center;padding:2rem 2.25rem}.dh-salam,.dh-sapa-nama{font-size:2.25rem}.dh-hari{margin-top:.875rem;font-size:.9375rem}.db-hero>.dh-body,.db-hero>.db-note,.db-hero>.dh-date{grid-column:2}.db-hero>.db-note{align-self:center;margin:1.5rem 2.25rem}.db-hero>.dh-date{padding:1.5rem 2.25rem 0}.dh--admin>.dh-body,.dh--wali>.dh-body{align-self:center;padding:1.75rem 2.25rem}.dh--admin .dh-ring{--db-ring-size:6.25rem!important}.dh--admin .dh-ring .db-ring-label{font-size:1.375rem}.dh--admin .dh-value strong{font-size:4rem}.dh--admin .dh-aside{flex-basis:15rem}.dh--wali .dh-inisial{width:4.5rem;height:4.5rem;font-size:1.75rem}.dh--wali .dh-name{font-size:1.875rem}.dh--guru .dh-greet,.dh--guru .dh-body--greet{display:contents}.dh--guru .dh-who{grid-column:2;align-self:end;padding:1.75rem 2.25rem 1.25rem}.dh--guru .dh-quote{text-align:start;font-size:1.0625rem}.dh--guru .dh-quote:lang(ar){font-size:1.875rem}.dh--guru .dh-quote:before{content:none}.dh--guru .dh-actions{border-top:0;grid-column:2;align-self:start;gap:.625rem;margin:0 2.25rem;padding:1.5rem 0 1.75rem;display:flex;position:relative}.dh--guru .dh-actions:before{content:"";background:linear-gradient(to right,var(--dh-aksen),#ffffff4d 5rem,#fff0);height:1px;position:absolute;top:0;left:1.5rem;right:0}.dh--guru .dh-actions:after{content:"";background:var(--dh-aksen);width:.9375rem;height:.9375rem;position:absolute;top:-.4375rem;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 2.5h9v9h-9zM7 .64 13.36 7 7 13.36.64 7z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 2.5h9v9h-9zM7 .64 13.36 7 7 13.36.64 7z'/%3E%3C/svg%3E") 50%/contain no-repeat}.dh--guru .dh-btn{flex:none;min-height:3rem;padding:0 1.25rem}.dh--guru .dh-btn--primary{padding:0 1.75rem;font-size:.9375rem}.dh--guru:has(>.db-note) .dh-actions{padding-bottom:1rem}.dh--guru>.db-note{background:#ffffff1a;border-radius:.625rem;place-self:start;align-items:center;max-width:calc(100% - 17.25rem);margin:0 2.25rem 1.75rem;padding:.5rem .875rem .5rem .75rem}.dh--guru>.db-note>svg{opacity:.8;margin-top:0}.db-hero.dh--guru>.dh-art{color:#ffffff29;width:9rem;margin-top:-4.25rem;inset:50% 2.25rem auto auto}.dh--guru .dh-who{padding-right:13.5rem}.dh--guru .dh-actions{margin-right:13.5rem}}@container dh (min-width:860px) and (max-width:1199.98px){.db-hero.dh--guru>.dh-art{color:#ffffff21;width:5.5rem;margin-top:0;top:auto;bottom:.5rem;right:1.75rem}.dh--guru .dh-who{padding-right:2.25rem}.dh--guru .dh-actions{margin-right:2.25rem}}@container dh (min-width:860px) and (max-width:1039.98px){.db-hero.dh--guru:has(.dh-actions>.dh-btn:nth-child(3))>.dh-art{display:none}}@media(max-width:767.98px){.dh--guru .dh-salam{padding-right:4.75rem}.dh--wali>.dh-body,.dh--admin>.dh-body{margin-bottom:-2.5rem}.db-grid>.db-hero.dh.dh--wali:first-child,.db-grid>.db-hero.dh--admin:first-child:has(>.dh-body){margin-bottom:2.5rem;padding-bottom:0;overflow:visible}.db-grid>.db-hero.dh--wali+.db-pintas,.db-grid>.db-hero.dh--admin:has(>.dh-body)+.db-pintas{margin-top:0}.db-hero+.db-pintas:not(.db-pintas--baris){border-color:rgba(var(--neutral-rgb),.1);box-shadow:0 2px 6px -2px rgba(var(--neutral-rgb),.18);border-radius:1rem}.db-hero+.db-pintas .db-pintas-ikon,.db-hero+.db-pintas.db-pintas--baris .db-pintas-ikon{box-shadow:none;background:var(--color-primary-600);color:#fff;border-color:#0000;border-radius:.875rem;width:2.875rem;height:2.875rem}.db-hero+.db-pintas.db-pintas--baris .db-pintas-ikon{border-radius:.75rem;width:2.5rem;height:2.5rem}.db-hero+.db-pintas .db-pintas-item:active .db-pintas-ikon{background:var(--color-primary-700)}}@media(min-width:768px){.db-tile:not(.db-hero,.an-hero,.skeleton,.db-kpi){--db-line:transparent;--db-sunk:#01478f12}@supports (color:color-mix(in lab,red,red)){.db-tile:not(.db-hero,.an-hero,.skeleton,.db-kpi){--db-sunk:color-mix(in srgb, var(--color-primary-600) 7%, transparent)}}.db-tile:not(.db-hero,.an-hero,.skeleton,.db-kpi){background:linear-gradient(#0056b3,#0056b3 7.5rem);border:0;border-radius:1rem;gap:.75rem;padding:1.125rem 1.25rem}@supports (color:color-mix(in lab,red,red)){.db-tile:not(.db-hero,.an-hero,.skeleton,.db-kpi){background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary-500) 15%,var(--db-surface)),color-mix(in srgb,var(--color-primary-500) 3%,var(--db-surface)) 7.5rem)}}.db-tile:not(.db-hero,.an-hero,.skeleton,.db-kpi){box-shadow:0 1px 2px rgba(var(--primary-rgb),.08),0 14px 28px -22px rgba(var(--primary-rgb),.55)}.db-tile:not(.db-hero,.an-hero) .db-title{color:var(--color-primary-700);font-size:1rem}.db-tile:not(.db-hero,.an-hero) .db-title>svg{color:var(--color-primary-600)}.db-tile:not(.db-hero,.an-hero)>.db-head{min-height:2rem}.db-tile:not(.db-hero,.an-hero) .db-link{color:var(--color-primary-700)}.db-tile:not(.db-hero,.an-hero) .db-foot{border-top:0;padding-top:0}.db-metrics--3{grid-template-columns:repeat(3,minmax(0,1fr))}.db-metrics--3 .db-metric-label{min-height:2.6em}.db-metric{padding:.6875rem .875rem}.db-metric-value{color:var(--color-primary-700);font-size:1.375rem}.db-rank-item{background:0 0;border-radius:0;padding:.5rem 0}.db-rank-item .db-rank{width:1.25rem;height:auto;font:700 1.125rem/1 var(--font-display);color:var(--color-primary-700);background:0 0;border-radius:0}.db-rank-score{color:var(--color-primary-700);font-size:1.25rem}.db-legend{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.375rem 1.25rem;display:grid}.db-legend-item{background:0 0;border-radius:0;padding:.125rem 0}a.db-legend-item:hover{background:0 0;text-decoration:underline}.db-shortcut .db-icon{color:var(--color-primary-600);background:0 0}.db-tile .sg-status{background:var(--db-sunk);border:0}.db-tile .sg-status-icon{box-shadow:none;background:0 0}.db-master{padding:.5rem!important}.db-master-item{padding:.5rem .875rem}.db-master-item .db-icon{display:none}.db-master-text{flex-direction:row;align-items:baseline;gap:.5rem}.db-master-value{color:var(--color-primary-700);font-size:1.75rem}.db-master-label{font-size:.8125rem}.db-master-item .db-chev{color:var(--color-primary-600)}.db-tile.db-kpi{--kpi-latar:var(--color-primary-600);--kpi-tinta:#fff;--kpi-redup:#ffffffc7;--kpi-garis:#ffffff38;--kpi-isi:#fff;--db-ink:var(--kpi-tinta);--db-text:var(--kpi-tinta);--db-muted:var(--kpi-redup);background:var(--kpi-latar);box-shadow:0 14px 28px -22px rgba(var(--primary-rgb),.7);color:var(--kpi-tinta);border:0;border-radius:1rem;gap:.625rem;padding:1.125rem 1.25rem}.db-tile.db-kpi.db-tone-accent{--kpi-latar:#012b57}@supports (color:color-mix(in lab,red,red)){.db-tile.db-kpi.db-tone-accent{--kpi-latar:color-mix(in srgb, var(--color-primary-700) 74%, #000)}}.db-tile.db-kpi.db-tone-warning{--kpi-latar:#0056b3}@supports (color:color-mix(in lab,red,red)){.db-tile.db-kpi.db-tone-warning{--kpi-latar:color-mix(in srgb, var(--color-primary-500) 24%, var(--db-surface))}}.db-tile.db-kpi.db-tone-warning{--kpi-tinta:#012b57}@supports (color:color-mix(in lab,red,red)){.db-tile.db-kpi.db-tone-warning{--kpi-tinta:color-mix(in srgb, var(--color-primary-700) 74%, #000)}}.db-tile.db-kpi.db-tone-warning{--kpi-redup:var(--kpi-tinta)}@supports (color:color-mix(in lab,red,red)){.db-tile.db-kpi.db-tone-warning{--kpi-redup:color-mix(in srgb, var(--kpi-tinta) 78%, transparent)}}.db-tile.db-kpi.db-tone-warning{--kpi-garis:var(--kpi-tinta)}@supports (color:color-mix(in lab,red,red)){.db-tile.db-kpi.db-tone-warning{--kpi-garis:color-mix(in srgb, var(--kpi-tinta) 18%, transparent)}}.db-tile.db-kpi.db-tone-warning{--kpi-isi:var(--color-primary-600)}.db-tile.db-kpi.db-tone-danger{--kpi-latar:var(--color-danger-600)}.db-kpi .db-icon{display:none}.db-kpi .db-kpi-label{font:600 1rem/1.25 var(--font-display);color:var(--kpi-tinta)}.db-kpi .db-kpi-label small{font:500 .75rem var(--font-body);color:var(--kpi-redup);margin-left:.5rem;display:inline}.db-kpi .db-kpi-value{color:var(--kpi-tinta);gap:.5rem;font-size:3rem}.db-kpi .db-kpi-value .db-of{color:var(--kpi-redup);font-size:1rem;font-weight:500}.db-kpi .db-kpi-value.is-empty{color:var(--kpi-redup)}.db-kpi-baris{align-items:center;gap:.75rem;display:flex}.db-kpi-baris .db-bar{background:var(--kpi-garis);flex:1;height:.375rem}.db-kpi-baris .db-bar>span{background:var(--kpi-isi)}.db-kpi-pct{font:700 .8125rem var(--font-display);font-variant-numeric:tabular-nums}.db-kpi-kaki{align-items:flex-end;gap:.75rem;margin-top:auto;display:flex}.db-kpi-ket{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.db-kpi .db-split .db-dot{display:none}.db-kpi .db-split{gap:.25rem 1rem;font-size:.75rem}.db-kpi .db-split b{color:var(--kpi-tinta);margin-left:.25rem}.db-kpi .db-split .db-muted{color:var(--kpi-redup)}.db-kpi .db-chev{color:var(--kpi-tinta);margin-left:0}}@container (max-width:899.98px){.db-tile.db-kpi{padding:.875rem 1rem}.db-kpi .db-kpi-label small{margin:.125rem 0 0;display:block}.db-kpi .db-kpi-value{font-size:2.25rem}.db-master-text{flex-direction:column;gap:0}}@media(max-width:767.98px){.db-kpi-baris,.db-kpi-kaki,.db-kpi-ket{display:contents}.db-kpi-pct{display:none}}@media(min-width:768px){.card{--sb-line:transparent;--sb-sunk:#01478f12}@supports (color:color-mix(in lab,red,red)){.card{--sb-sunk:color-mix(in srgb, var(--color-primary-600) 7%, transparent)}}.card{background:linear-gradient(#0056b3,#0056b3 7.5rem);border-color:#0000;border-radius:1rem}@supports (color:color-mix(in lab,red,red)){.card{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary-500) 13%,var(--sb-surface)),color-mix(in srgb,var(--color-primary-500) 3%,var(--sb-surface)) 7.5rem)}}.card{box-shadow:0 1px 2px rgba(var(--primary-rgb),.08),0 14px 28px -22px rgba(var(--primary-rgb),.55)}.card .card{background:var(--sb-sunk);box-shadow:none}.card .card-title{color:var(--color-primary-700)}.card .card-head{border-bottom:0;padding-bottom:0}.card .card-foot{border-top:0;padding-top:0}.card .table-base>thead>tr>th{border-bottom:0;color:var(--color-primary-700)!important;background:linear-gradient(rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.12)),rgb(var(--surface-overlay-rgb))!important}}.db-hero.tb-hero-akhwat{background:radial-gradient(90% 120% at 100% 0%,#ffffff29,transparent 60%),radial-gradient(60% 80% at 0% 100%,#ffffff14,transparent 70%),linear-gradient(135deg,var(--color-accent-600),var(--color-primary-700))}.ts-hero{gap:1.25rem;padding:1.25rem}@media(min-width:768px){.ts-hero{padding:1.5rem 1.75rem}}.ts-judul{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.25}@media(min-width:768px){.ts-judul{font-size:1.5rem}}.ts-ganti{cursor:pointer;background:#ffffff29;border-radius:999px;align-items:center;gap:.375rem;padding:.4375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:relative}.ts-ganti:hover{background:#ffffff3d}.ts-ganti:focus-within{outline-offset:2px;outline:2px solid #ffffffd9}.ts-ganti select{opacity:0;cursor:pointer;width:100%;position:absolute;top:0;right:0;bottom:0;left:0}.ts-ganti option{color:var(--color-slate-900);background:rgb(var(--surface-overlay-rgb))}.ts-chip{background:#ffffff29;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.ts-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media(min-width:640px){.ts-stats:not(.ts-stats--2){grid-template-columns:repeat(4,minmax(0,1fr))}}.ts-stats>div{border-radius:var(--db-radius-sm);background:#ffffff1f;flex-direction:column;gap:.25rem;padding:.75rem .875rem;display:flex}.ts-stats strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1}.ts-stats strong span{opacity:.7;font-size:.9375rem}.ts-stats>div>span{color:#fffc;font-size:.75rem}.ts-kelas{gap:.875rem;padding:1.125rem}.ts-kelas.is-kosong{background:rgba(var(--surface-overlay-rgb),.45);box-shadow:none;border:1.5px dashed rgba(var(--neutral-rgb),.28)}.ts-daftar{border-top:1px solid #ffffff29;flex-direction:column;padding-top:.25rem;display:flex}.ts-daftar li{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:.75rem;padding:.5rem 0;font-size:.875rem;display:flex}.ts-daftar li:last-child{border-bottom:0}.ts-daftar li>span:first-child{font-weight:600}.ts-daftar li>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.ts-daftar li>span.is-kosong{color:#fff9}.ts-juz{background:var(--color-primary-50);color:var(--color-primary-700);font-variant-numeric:tabular-nums;border-radius:.5rem;align-items:baseline;gap:.375rem;padding:.3rem .625rem;font-size:.8125rem;font-weight:700;display:inline-flex}.ts-juz small{opacity:.75;font-size:.6875rem;font-weight:600}.ts-hapus{width:2rem;height:2rem;color:var(--color-slate-400);border-radius:.625rem;flex-shrink:0;place-items:center;display:grid}.ts-hapus:hover{background:var(--color-danger-50);color:var(--color-danger-600)}.ts-langkah{flex-direction:row;align-items:center;gap:.75rem;padding:.875rem 1rem}@media(min-width:768px){.ts-langkah{gap:1rem;padding:1.125rem 1.25rem}}.ts-langkah-ikon{background:var(--color-primary-50);width:2.75rem;height:2.75rem;color:var(--color-primary-700);border-radius:.875rem;flex-shrink:0;place-items:center;display:grid}.ts-langkah>span.min-w-0{flex-direction:column;gap:.125rem;display:flex}.ts-langkah strong{font-family:var(--font-display);color:var(--color-slate-900);font-size:.9375rem;font-weight:700;line-height:1.25}@media(min-width:768px){.ts-langkah strong{font-size:1.0625rem}}.ts-langkah>span.min-w-0>span{color:var(--color-slate-500);font-variant-numeric:tabular-nums;font-size:.75rem}.ts-langkah-panah{width:1.25rem;height:1.25rem;color:var(--color-slate-400);flex-shrink:0;margin-left:auto}@media(max-width:479px){.ts-langkah-panah{display:none}}.tm-hero{gap:1rem;padding:1.125rem}@media(min-width:1280px){.tm-hero{flex-direction:row;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem}}.tm-ringkas{border-radius:var(--db-radius-sm);color:inherit;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}@media(min-width:1280px){.tm-ringkas{flex-shrink:0}}.tm-ringkas:hover,.tm-saring>button:hover{background:#ffffff1a}.tm-ringkas.is-aktif,.tm-saring>button.is-aktif{box-shadow:inset 0 0 0 2px #ffffffd9}.tm-saring{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-width:0;display:grid}@media(min-width:640px){.tm-saring{grid-template-columns:repeat(4,minmax(0,1fr))}}.tm-saring>button{border-radius:var(--db-radius-sm);color:inherit;text-align:left;background:#ffffff1f;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem .875rem;display:flex}.tm-saring strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1}.tm-saring span{color:#ffffffd1;font-size:.75rem}.tm-ringkas:focus-visible,.tm-saring>button:focus-visible{outline-offset:2px;outline:2px solid #fff}.tm-kartu{gap:.875rem}.tm-bulan{border-radius:var(--db-radius-sm);background:var(--db-sunk);padding:.75rem}.tm-hapus{width:2.25rem;height:2.25rem;color:var(--color-slate-400);vertical-align:middle;border-radius:.625rem;place-items:center;display:inline-grid}.tm-hapus:hover{background:var(--color-danger-50);color:var(--color-danger-600)}@media(pointer:coarse){.db-link,.dh-link,.db-row,.db-master-item,.db-chip,.db-lipat-btn,.db-pintas-item{min-height:var(--tap-min)}.db-link,.dh-link{padding-block:.5rem}.db-lipat-btn{width:var(--tap-min);height:var(--tap-min)}}:root{--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-soft:cubic-bezier(.22, 1, .36, 1);--dur-fast:.18s;--dur-med:.32s;--dur-slow:.5s;--lg-bg:rgba(var(--surface-overlay-rgb), .62);--lg-bg-strong:rgba(var(--surface-overlay-rgb), .82);--lg-blur:18px;--lg-sat:190%;--lg-edge:#ffffffb3;--lg-rim:rgba(var(--neutral-rgb), .1);--lg-shadow:0 1px 1px rgba(var(--neutral-rgb), .04), 0 10px 30px -12px rgba(var(--neutral-rgb), .28);--lg-inset:inset 0 1px 0 0 var(--lg-edge), inset 0 -1px 0 0 #ffffff2e;--sb-surface:rgb(var(--surface-overlay-rgb));--sb-line:rgba(var(--neutral-rgb), .07);--sb-sunk:rgba(var(--neutral-rgb), .045);--sb-shadow:0 1px 2px rgba(var(--neutral-rgb), .04), 0 14px 32px -20px rgba(var(--neutral-rgb), .22);--sb-shadow-hover:0 2px 4px rgba(var(--neutral-rgb), .05), 0 22px 40px -20px rgba(var(--neutral-rgb), .3)}@media(max-width:767.98px){:root{--lg-blur:14px}}.lg-glass{background:var(--lg-bg);-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));border:1px solid var(--lg-rim);box-shadow:var(--lg-shadow),var(--lg-inset);position:relative}.lg-glass--strong{background:var(--lg-bg-strong)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.lg-glass,.chart-tip{background:var(--sb-surface)}}@media(prefers-reduced-transparency:reduce){.lg-glass,.chart-tip{background:var(--sb-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.chart-tip{z-index:5;background:var(--lg-bg-strong);min-width:8.5rem;max-width:16rem;-webkit-backdrop-filter:blur(16px) saturate(var(--lg-sat));backdrop-filter:blur(16px) saturate(var(--lg-sat));border:1px solid var(--lg-rim);box-shadow:var(--lg-shadow),var(--lg-inset);color:var(--color-slate-800);font-family:var(--font-body);pointer-events:none;opacity:0;transition:opacity var(--dur-fast) ease,transform var(--dur-fast) var(--ease-soft);will-change:transform,opacity;border-radius:.875rem;padding:.5rem .625rem;font-size:.75rem;line-height:1.35;position:absolute;top:0;left:0}.chart-tip.is-on{opacity:1}.chart-tip-title{font-family:var(--font-display);color:var(--color-slate-900);margin-bottom:.3rem;font-size:.75rem;font-weight:600}.chart-tip-row{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.chart-tip-row+.chart-tip-row{margin-top:.2rem}.chart-tip-dot{border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem;box-shadow:0 0 0 2px #fffc}.chart-tip-name{text-overflow:ellipsis;min-width:0;color:var(--color-slate-600);flex:1;overflow:hidden}.chart-tip-row b{font-variant-numeric:tabular-nums;color:var(--color-slate-900);font-weight:700}@keyframes sg-rise{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:none}}.page-stack>*,.db-grid>*,.sg-stagger>*{animation:sg-rise var(--dur-slow) var(--ease-soft) backwards}.page-stack>:nth-child(2),.db-grid>:nth-child(2),.sg-stagger>:nth-child(2){animation-delay:40ms}.page-stack>:nth-child(3),.db-grid>:nth-child(3),.sg-stagger>:nth-child(3){animation-delay:80ms}.page-stack>:nth-child(4),.db-grid>:nth-child(4),.sg-stagger>:nth-child(4){animation-delay:.12s}.page-stack>:nth-child(5),.db-grid>:nth-child(5),.sg-stagger>:nth-child(5){animation-delay:.16s}.page-stack>:nth-child(6),.db-grid>:nth-child(6),.sg-stagger>:nth-child(6){animation-delay:.2s}.page-stack>:nth-child(7),.db-grid>:nth-child(7),.sg-stagger>:nth-child(7){animation-delay:.24s}.page-stack>:nth-child(n+8),.db-grid>:nth-child(n+8),.sg-stagger>:nth-child(n+8){animation-delay:.28s}.page-stack>.modal-overlay,.page-stack>[x-teleport],.page-stack>template{animation:none!important}.pg-head{flex-direction:column;gap:.75rem;min-width:0;display:flex}.pg-head-main{align-items:center;gap:.875rem;min-width:0;display:flex}.pg-head-icon{width:2.75rem;height:2.75rem;color:var(--color-on-primary,#fff);background:radial-gradient(120% 120% at 100% 0%,rgba(var(--accent-rgb),.55),transparent 60%),linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));box-shadow:0 10px 22px -12px rgba(var(--primary-rgb),.8),inset 0 1px #ffffff47;border-radius:.95rem;flex-shrink:0;place-items:center;display:none}.pg-head-icon>svg{width:1.375rem;height:1.375rem}.pg-head-text{min-width:0}.pg-head .page-title{font-size:1.375rem}.pg-head .page-subtitle{margin-top:.125rem}.pg-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.menu-anchor{position:relative}.menu-pop{z-index:30;border-radius:var(--radius-md);background:var(--color-card);border:1px solid rgba(var(--neutral-rgb),.12);width:max-content;min-width:12rem;max-width:calc(100vw - 2rem);box-shadow:0 16px 40px -16px rgba(var(--neutral-rgb),.3);padding:.375rem;position:absolute;top:calc(100% + .375rem);right:0}.menu-pop-label{color:var(--color-slate-500);padding:.375rem .75rem .25rem;font-size:.75rem}.menu-pop>button{border-radius:var(--radius-sm);width:100%;color:var(--color-slate-800);text-align:left;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.menu-pop>button>svg{color:var(--color-slate-400)}.menu-pop>button:hover,.menu-pop>button:focus-visible{background:rgba(var(--primary-rgb),.08)}.menu-pop>button:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:-2px}@media(pointer:coarse){.menu-pop>button{min-height:44px}}.pg-head--bare{gap:0}@media(min-width:768px){.pg-head--bare{gap:.75rem}.pg-head-icon{display:grid}.pg-head .page-title{font-size:1.5rem}}@media(min-width:640px){.pg-head{flex-flow:wrap;justify-content:space-between;align-items:center}.pg-head-actions{margin-left:auto}}.sg-empty{padding:1.5rem 1rem}.sg-empty-icon{width:3rem;height:3rem;color:var(--color-primary-500);background:radial-gradient(circle at 30% 25%,#ffffffe6,transparent 55%),rgba(var(--primary-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.1);border-radius:999px;place-items:center;margin-bottom:.25rem;display:grid}.sg-empty-icon>svg{width:1.375rem;height:1.375rem}.sg-empty span:not(.sg-empty-icon){max-width:40ch}.sg-metric-toned .db-metric-value{color:var(--db-tone)}.sg-rank-item{transition:transform var(--dur-fast) var(--ease-soft),background-color .2s ease}.sg-rank-item.is-podium{background:linear-gradient(90deg,rgba(var(--warning-rgb),.08),transparent 70%),var(--db-sunk)}@media(hover:hover)and (pointer:fine){.sg-rank-item:hover{background-color:var(--db-sunk-hover);transform:translate(2px)}}.sg-loading{transition:opacity .2s,filter .2s}.sg-loading.is-loading{opacity:.55;filter:saturate(.7);pointer-events:none}.db-hero .child-chip{color:#ffffffe0;background:#ffffff1f;border-color:#fff3}.db-hero .child-chip-active{color:var(--color-primary-700);background:rgb(var(--surface-overlay-rgb));box-shadow:0 8px 18px -10px rgba(var(--neutral-rgb),.5);border-color:#0000}.db-hero .child-chip-mode{opacity:.75}.sg-hero-switch .text-slate-600{color:#ffffffc7}@media(hover:hover)and (pointer:fine){.db-hero .child-chip:hover{color:#fff;background:#ffffff38}.db-hero .child-chip-active:hover{background:rgb(var(--surface-overlay-rgb));color:var(--color-primary-700)}}.sg-bar-lg{height:.625rem}.sg-bar-grad{box-shadow:0 0 12px -2px rgba(var(--accent-rgb),.55);animation:sg-fill 1s var(--ease-soft) backwards;transform-origin:0;background:linear-gradient(90deg,var(--color-primary-500),var(--color-accent-500))!important}@keyframes sg-fill{0%{transform:scaleX(0)}to{transform:none}}.sg-ring-xl .db-ring-label{font-size:1.75rem}.sg-ring-xl circle{stroke-width:2.6px}.db-ring-value{animation:sg-ring 1.1s var(--ease-soft) backwards}@keyframes sg-ring{0%{stroke-dasharray:0 100}}.sg-status{text-align:center;background:radial-gradient(100% 80% at 50% 0%,var(--db-tone-soft),transparent 75%),var(--db-sunk);border:1px solid var(--db-tone-bar);border-radius:1rem;flex-direction:column;align-items:center;gap:.375rem;min-width:0;padding:.75rem .5rem;display:flex}@supports (color:color-mix(in lab,red,red)){.sg-status{border:1px solid color-mix(in srgb,var(--db-tone-bar) 16%,transparent)}}.sg-status-label{color:var(--db-tone);font-size:.6875rem;font-weight:700;line-height:1}.sg-status-icon{width:2.25rem;height:2.25rem;color:var(--db-tone);background:rgb(var(--surface-overlay-rgb));box-shadow:0 6px 14px -8px rgba(var(--neutral-rgb),.45),inset 0 1px #fffc;border-radius:999px;place-items:center;display:grid}.sg-status-icon>svg{width:1.125rem;height:1.125rem}.sg-status-value{font-family:var(--font-display);color:var(--db-tone);text-transform:uppercase;font-size:.8125rem;font-weight:700;line-height:1.2}.sg-status-sub{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--db-muted);font-size:.75rem;overflow:hidden}.sg-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;width:100%;max-width:34rem;margin-inline:auto;display:grid}.sg-calendar-day{color:var(--color-slate-500);animation:sg-rise .4s var(--ease-soft) backwards;animation-delay:calc(min(var(--i,0),27)*12ms);flex-direction:column;align-items:center;gap:.25rem;font-size:.6875rem;display:flex}.sg-calendar-cell{aspect-ratio:1;font-variant-numeric:tabular-nums;width:100%;max-width:2.75rem;color:var(--color-slate-900);box-shadow:inset 0 1px #ffffff73,0 1px 2px rgba(var(--neutral-rgb),.08);transition:transform var(--dur-fast) var(--ease-spring);border-radius:.8rem;place-items:center;font-size:.75rem;font-weight:700;display:grid}@media(hover:hover)and (pointer:fine){.sg-calendar-cell:hover{transform:scale(1.08)}}.logo-box{background:radial-gradient(120% 90% at 20% 0%,#fffffff2,transparent 60%),rgb(var(--surface-overlay-rgb));border:1px solid rgba(var(--neutral-rgb),.06);box-shadow:0 10px 24px -14px rgba(var(--primary-rgb),.55),inset 0 1px #ffffffe6;place-items:center;padding:12%;display:grid;overflow:hidden}.logo-mark{display:block;overflow:visible}.logo-mark .lm-s{stroke-width:0;stroke-linejoin:round}.logo-mark--draw .lm-s{stroke-dasharray:1;animation:lm-trace 1.6s var(--ease-soft) backwards}.logo-mark--draw .lm-back{animation-delay:50ms}.logo-mark--draw .lm-front{animation-delay:.2s}.logo-mark--draw .lm-leaf{animation-delay:.45s}.logo-mark .lm-leaf{transform-box:fill-box;transform-origin:50% 100%}.logo-mark--alive .lm-leaf{animation:lm-trace 1.6s var(--ease-soft) .45s backwards,lm-breathe 5s ease-in-out 2.2s infinite}@keyframes lm-trace{0%{stroke-dashoffset:1px;stroke-width:.35px;fill-opacity:0}55%{stroke-dashoffset:0;stroke-width:.35px;fill-opacity:0}to{stroke-dashoffset:0;stroke-width:0;fill-opacity:1}}.logo-mark .lm-flip{opacity:0;transform-box:view-box;transform-origin:33px 36px;pointer-events:none;filter:drop-shadow(0 1.2px 1.6px rgba(var(--neutral-rgb),.22))}.logo-mark--draw .lm-flip{animation:1.5s cubic-bezier(.45,.05,.25,1) 1.5s lm-flip}.logo-mark--alive .lm-flip{animation:8s cubic-bezier(.45,.05,.25,1) 1.5s infinite lm-flip-loop}@keyframes lm-flip{0%{opacity:0;transform:none}8%{opacity:1;transform:none}30%{transform:translateY(-4px)skewY(-9deg)scaleX(.74)}50%{transform:translateY(-6.5px)skewY(-15deg)scaleX(.04)}72%{opacity:1;transform:translateY(-3.5px)skewY(9deg)scaleX(-.72)}88%{opacity:.85;transform:scaleX(-1)}to{opacity:0;transform:scaleX(-1)}}@keyframes lm-flip-loop{0%{opacity:0;transform:none}1.5%{opacity:1;transform:none}5.5%{transform:translateY(-4px)skewY(-9deg)scaleX(.74)}9.5%{transform:translateY(-6.5px)skewY(-15deg)scaleX(.04)}13.5%{opacity:1;transform:translateY(-3.5px)skewY(9deg)scaleX(-.72)}16.5%{opacity:.85;transform:scaleX(-1)}19%,to{opacity:0;transform:scaleX(-1)}}@keyframes lm-breathe{0%,to{transform:rotate(0)scale(1)}35%{transform:rotate(-3deg)scale(1.03)}70%{transform:rotate(2deg)scale(1.015)}}@media(prefers-reduced-motion:reduce){.logo-mark .lm-s,.logo-mark .lm-flip{animation:none!important}.page-stack>*,.db-grid>*,.sg-stagger>*{animation:none}.chart-tip{transition:none}}.mobile-header{flex-direction:column;justify-content:flex-start;align-items:stretch}.mobile-header-bar{justify-content:space-between;align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.mobile-header-titles{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-header-sub{max-height:1.2rem;color:var(--chrome-fg-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;line-height:1.6;display:grid;overflow:hidden}.mobile-header-sub:empty{display:none}@media(max-width:767.98px){.only-desk{display:none!important}}.an-bar{gap:.875rem}.an-bar-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.5rem;display:flex}.an-title{font-family:var(--font-display);letter-spacing:var(--track-title);color:var(--color-slate-900);margin:0;font-size:1.375rem;font-weight:700}.an-fields{flex:22rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}@media(min-width:768px){.an-fields{flex:0 30rem}}.an-field{gap:.3rem;min-width:0;display:grid}.an-field>span:first-child{color:var(--color-slate-500);font-size:.6875rem;font-weight:600}.an-bar .analytics-tabs{margin:0}.sg-grid{padding:0}.sg-grid thead{background:0 0}.sg-grid thead th:not(.col-today){background:linear-gradient(rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.05)),rgb(var(--surface-overlay-rgb))}.sg-grid thead th{letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--sb-line);padding-top:.625rem;padding-bottom:.625rem;font-size:.6875rem;font-weight:700}.sg-grid thead th .text-micro{text-transform:none;letter-spacing:0;font-weight:500}.sg-grid tbody tr{border-top-color:var(--sb-line)}.sg-grid tbody tr:nth-child(2n)>td:not(.cell-today){background-color:rgba(var(--neutral-rgb),.018)}.sg-grid tbody tr:nth-child(2n)>td.table-sticky-col{background:linear-gradient(rgba(var(--neutral-rgb),.018),rgba(var(--neutral-rgb),.018)),rgb(var(--surface-overlay-rgb))}.sg-grid tbody tr>td{transition:background-color .15s}.sg-grid tbody tr:focus-within>td:not(.cell-today){background-color:rgba(var(--primary-rgb),.045)}.sg-grid tbody tr:focus-within>td.table-sticky-col{background:linear-gradient(rgba(var(--primary-rgb),.07),rgba(var(--primary-rgb),.07)),rgb(var(--surface-overlay-rgb));box-shadow:inset 3px 0 0 var(--color-primary-500),1px 0 rgba(var(--neutral-rgb),.06)}@media(hover:hover)and (pointer:fine){.sg-grid tbody tr:hover>td:not(.cell-today):not(.table-sticky-col){background-color:rgba(var(--primary-rgb),.03)}}.sg-name-text{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;font-size:.8125rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}@media(max-width:639.98px){.sg-name-text{font-size:.75rem}}.sg-grid .input-field{background:rgba(var(--neutral-rgb),.045);font-variant-numeric:tabular-nums;border-color:#0000;border-radius:.625rem;font-weight:600;transition:background-color .15s,box-shadow .15s,border-color .15s}.sg-grid .input-field::placeholder{color:var(--color-slate-400);font-weight:500}.sg-grid .input-field:not(:placeholder-shown):not(:disabled){background:rgba(var(--primary-rgb),.09);color:var(--color-primary-800,var(--color-primary-700))}.sg-grid .input-field:focus{background:rgb(var(--surface-overlay-rgb));border-color:var(--color-ring);box-shadow:0 0 0 3px #0056b333}@supports (color:color-mix(in lab,red,red)){.sg-grid .input-field:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-ring) 20%,transparent)}}.sg-grid--att .att-cell select.input-field{font-weight:800}.sg-grid--att .att-cell:has(option[value=H]:checked) select.input-field{background:rgba(var(--success-rgb),.14);color:var(--color-success-700)}.sg-grid--att .att-cell:has(option[value=S]:checked) select.input-field{background:rgba(var(--warning-rgb),.16);color:var(--color-warning-700)}.sg-grid--att .att-cell:has(option[value=I]:checked) select.input-field{background:rgba(var(--info-rgb),.14);color:var(--color-info-700)}.sg-grid--att .att-cell:has(option[value=A]:checked) select.input-field{background:rgba(var(--danger-rgb),.14);color:var(--color-danger-700)}.sg-ctx{background:var(--sb-sunk);color:var(--color-slate-600);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.sg-ctx>svg{width:.875rem;height:.875rem;color:var(--color-slate-400)}.sg-keys{color:var(--color-slate-500);align-items:center;gap:.25rem;font-size:.75rem}.sg-keys kbd{background:rgb(var(--surface-overlay-rgb));border:1px solid var(--sb-line);min-width:1.375rem;height:1.375rem;box-shadow:0 1px rgba(var(--neutral-rgb),.12);font-family:var(--font-body);color:var(--color-slate-700);border-radius:.375rem;place-items:center;padding:0 .3rem;font-size:.6875rem;font-weight:700;display:inline-grid}.sg-toolbar{flex-wrap:wrap;align-items:center;gap:.625rem .75rem;display:flex}.sg-toolbar>.sg-filter{flex:34rem;min-width:0}.sg-toolbar>:not(.sg-filter){margin-left:auto}.sg-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.sg-filter>*{width:100%;min-width:0}.sg-filter>.sg-search,.sg-filter>:only-child{grid-column:1/-1}.sg-filter select.input-field{width:100%;min-width:0}@media(min-width:768px){.sg-filter{flex-wrap:wrap;align-items:center;display:flex}.sg-filter>*{flex:8.5rem;width:auto;max-width:15rem}.sg-filter>.sg-search{flex:2 13rem;max-width:none}}.sg-row{align-items:center;gap:.75rem;padding:.8125rem 1rem;transition:background-color .2s;display:flex}.sg-row+.sg-row{border-top:1px solid var(--sb-line)}.sg-row:active{background:var(--db-sunk-hover)}.sg-row.is-active{background:rgba(var(--primary-rgb),.07)}.sg-row-meter{background:var(--db-sunk);border-radius:999px;max-width:12rem;height:4px;margin-top:.5rem;display:block;overflow:hidden}.sg-row-meter>span{border-radius:inherit;background:linear-gradient(90deg,var(--color-primary-500),var(--color-accent-500));height:100%;display:block}.sg-row-icon{background:var(--db-sunk);width:2.25rem;height:2.25rem;color:var(--color-slate-500);border-radius:.75rem;flex-shrink:0;place-items:center;display:grid}.sg-row-icon>svg{width:1.25rem;height:1.25rem}.sg-row.is-active .sg-row-icon{background:var(--color-primary-600);color:#fff}@media(hover:hover)and (pointer:fine){.sg-row:hover{background:var(--db-sunk-hover)}}.auth-shell{background:radial-gradient(40rem 28rem at 10% 0%,rgba(var(--primary-rgb),.16),transparent 60%),radial-gradient(36rem 26rem at 95% 100%,rgba(var(--accent-rgb),.14),transparent 60%);justify-content:center;align-items:center;min-height:100dvh;padding-inline:1rem;display:flex;position:relative}.auth-card{background:var(--lg-bg-strong);width:100%;max-width:26rem;-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));border:1px solid var(--lg-rim);box-shadow:0 30px 60px -30px rgba(var(--neutral-rgb),.45),var(--lg-inset);animation:sg-rise .6s var(--ease-soft) backwards;border-radius:1.75rem;display:grid;overflow:hidden}.auth-brand{display:none}.auth-form{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem 1.25rem;display:flex}@media(min-width:640px){.auth-form{padding:2.5rem 2.25rem 1.5rem}}.auth-form-head{text-align:center}.auth-title{font-family:var(--font-display);letter-spacing:var(--track-title);color:var(--color-slate-900);margin:0;font-size:1.625rem;font-weight:700}.auth-sub{color:var(--color-slate-500);margin:.375rem 0 0;font-size:.875rem}.auth-icon{color:#fff;background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));width:3.25rem;height:3.25rem;box-shadow:0 12px 24px -12px rgba(var(--primary-rgb),.7);border-radius:1rem;place-items:center;margin-bottom:1rem;display:inline-grid}.auth-icon>svg{width:1.5rem;height:1.5rem}.auth-input{position:relative}.auth-input>svg{width:1.125rem;height:1.125rem;color:var(--color-slate-400);pointer-events:none;z-index:1;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.auth-input .input-field{padding-left:2.625rem}.auth-shell .input-field{border-radius:.875rem;min-height:2.875rem}.auth-foot{border-top:1px solid var(--sb-line);color:var(--color-slate-500);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:.8125rem;display:flex}.auth-foot a{color:var(--color-slate-600);text-decoration:none}@media(min-width:1024px){.auth-card:not(.auth-card--single){grid-template-columns:1fr 1fr;max-width:56rem}.auth-brand{color:#fff;text-align:center;background:radial-gradient(90% 70% at 100% 0%,rgba(var(--accent-rgb),.45),transparent 60%),radial-gradient(70% 60% at 0% 100%,#ffffff14,transparent 70%),linear-gradient(145deg,var(--color-primary-600),var(--color-primary-700));flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.auth-brand:after{content:"";border:2.25rem solid #ffffff0f;border-radius:999px;width:16rem;height:16rem;position:absolute;bottom:-6rem;right:-5rem}.auth-brand-mark{background:rgb(var(--surface-overlay-rgb));border-radius:2rem;width:9rem;height:9rem;margin-bottom:1rem;padding:1.25rem;box-shadow:0 24px 48px -20px #00000073,inset 0 1px #ffffffe6}.auth-brand-name{font-family:var(--font-display);margin:0;font-size:1.75rem;font-weight:700}.auth-brand-tag{color:#fffc;margin:0;font-size:.9375rem}.auth-form{justify-content:center;padding:3rem 2.75rem 1.75rem}.auth-form-head{text-align:left}}@media(max-width:1023.98px){.auth-shell:has(.auth-card:not(.auth-card--single)){align-items:stretch;padding:0!important}.auth-card:not(.auth-card--single){max-width:none;min-height:100dvh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;display:flex}.auth-card:not(.auth-card--single) .auth-brand{padding:calc(2.25rem + env(safe-area-inset-top,0px)) 1.5rem 3.25rem;color:#fff;text-align:center;background:radial-gradient(90% 80% at 100% 0%,rgba(var(--accent-rgb),.45),transparent 60%),linear-gradient(160deg,var(--color-primary-600),var(--color-primary-700));flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative;overflow:hidden}.auth-card:not(.auth-card--single) .auth-brand:after{content:"";border:1.75rem solid #ffffff12;border-radius:999px;width:12rem;height:12rem;position:absolute;top:-4rem;right:-4rem}.auth-card:not(.auth-card--single) .auth-brand-mark{background:rgb(var(--surface-overlay-rgb));border-radius:1.375rem;width:4.75rem;height:4.75rem;margin-bottom:.625rem;padding:.75rem;box-shadow:0 16px 32px -16px #00000073}.auth-card:not(.auth-card--single) .auth-brand-name{font-family:var(--font-display);margin:0;font-size:1.375rem;font-weight:700}.auth-card:not(.auth-card--single) .auth-brand-tag{color:#fffc;margin:0;font-size:.875rem}.auth-card:not(.auth-card--single) .auth-form{padding:1.75rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom,0px));background:rgb(var(--surface-overlay-rgb));box-shadow:0 -12px 32px -24px rgba(var(--neutral-rgb),.5);animation:sg-rise .5s var(--ease-soft) 50ms backwards;border-radius:1.75rem 1.75rem 0 0;flex:1;margin-top:-1.5rem;position:relative}.auth-card:not(.auth-card--single) .auth-form-head{text-align:left}.auth-card:not(.auth-card--single) .auth-foot{margin-top:auto}}.btn[data-loading],form[data-loading] .btn[type=submit]{--spin:#fff;cursor:progress;pointer-events:none;animation:0s linear .15s forwards btn-busy-in;position:relative;opacity:1!important}.btn[data-loading]>*,form[data-loading] .btn[type=submit]>*{animation:btn-busy-fade .18s var(--ease-soft) .15s forwards}:is(.btn-ghost,.btn-secondary,.btn-outline)[data-loading],form[data-loading] :is(.btn-ghost,.btn-secondary,.btn-outline)[type=submit]{--spin:var(--color-primary-600)}.btn-destructive[data-loading],form[data-loading] .btn-destructive[type=submit]{--spin:var(--color-danger-600)}.btn[data-loading]:after,form[data-loading] .btn[type=submit]:after{content:"";background:conic-gradient(from 90deg,transparent 0 12%,var(--spin));opacity:0;pointer-events:none;width:1.25em;height:1.25em;animation:btn-spin-in .22s var(--ease-spring) .15s forwards,btn-spin .75s linear infinite;border-radius:999px;margin:-.625em 0 0 -.625em;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}@keyframes btn-busy-in{to{color:#0000}}@keyframes btn-busy-fade{to{opacity:0;transform:scale(.92)}}@keyframes btn-spin-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes btn-spin{to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.btn[data-loading]:after,form[data-loading] .btn[type=submit]:after{animation:10ms linear .15s forwards btn-spin-in,1.6s linear infinite btn-spin}}.save-btn-text{display:inline-grid}.save-btn-text>span{text-align:center;transition:opacity .2s var(--ease-soft),transform .2s var(--ease-soft);grid-area:1/1}.save-btn-done{opacity:0;transform:translateY(4px)}.save-btn.is-saved .save-btn-label{opacity:0;transform:translateY(-4px)}.save-btn.is-saved .save-btn-done{opacity:1;transform:none}.child-switch{scrollbar-width:none;gap:.5rem;min-width:0;max-width:100%;display:flex;overflow-x:auto}.child-switch::-webkit-scrollbar{display:none}.child-switch .child-chip{flex-shrink:0;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem}.sg-controls{flex-wrap:wrap;align-items:center;display:flex}.sg-controls>div:first-child{flex:24rem;min-width:0}.sg-controls>div+div{flex:0 auto;min-width:0;max-width:100%}@media(min-width:1024px){.sg-controls>div+div{padding-left:0;border-top:0!important}}@media(max-width:639.98px){.sg-controls>div:first-child{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-bottom:.625rem;display:grid}.sg-controls>div:first-child>label{grid-area:1/1}.sg-controls>div:first-child>.sg-ctx{grid-area:1/2;justify-self:end}.sg-controls>div:first-child>select{grid-column:1/-1;min-width:0;width:100%!important}.sg-controls>div:first-child>[wire\:loading]{grid-column:1/-1}.sg-controls>div+div{flex:100%;padding-top:0;border-top:0!important}.sg-controls .tab-group{width:100%}.sg-controls .tab-group>.tab-btn{flex:1 0 auto;justify-content:center}}.mobile-header.hidden,.mobile-back~.mobile-back--bawaan{display:none}.mobile-header--poni{padding:calc(1rem + env(safe-area-inset-top,0px)) 1.25rem 1.125rem;background:var(--color-primary-700);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0 0 1.5rem 1.5rem;overflow:hidden}.mobile-header--poni:after{content:none}.mobile-header--poni:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.1 33.1' fill='none' stroke='white' stroke-opacity='.13'%3E%3Cpath d='M4.85 4.85h23.4v23.4H4.85zM16.55 0 33.1 16.55 16.55 33.1 0 16.55z'/%3E%3C/svg%3E") 100% 0/2.375rem 2.375rem;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(250deg,#000,#0000 55%);mask-image:linear-gradient(250deg,#000,#0000 55%)}.mobile-header--poni .mobile-header-bar{z-index:1;gap:.75rem;position:relative}.mobile-header--poni .mobile-header-lead{gap:.875rem}.mobile-header--poni .badge{display:none}.poni-ikon{width:2.75rem;height:2.75rem;color:var(--color-primary-700);background:#fff;border-radius:.875rem;flex:none;place-items:center;display:grid}.poni-ikon>svg{width:1.375rem;height:1.375rem}.mobile-header--poni .mobile-header-title{letter-spacing:-.02em;font-size:1.375rem;line-height:1.2}.mobile-header--poni .mobile-header-sub{color:#fffc;font-size:.8125rem}.mobile-header--poni .mobile-back~.poni-ikon{display:none}.mobile-header--poni{height:calc(3.25rem + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 1.25rem 0;justify-content:center}.mobile-header--poni .mobile-header-bar{min-height:0}.mobile-header--poni .poni-ikon{border-radius:.75rem;width:2.25rem;height:2.25rem}.mobile-header--poni .mobile-header-title{font-size:1.0625rem}.mobile-header--poni .mobile-header-sub{max-height:1.1rem;font-size:.75rem;line-height:1.47}@media(max-width:767.98px){body:before{display:none}.mobile-header:not(.mobile-header--poni){background:var(--color-primary-700);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0 0 1rem 1rem}.mobile-header:not(.mobile-header--poni):after{content:none}.mobile-header .badge{display:none}.mobile-header-title{font-family:var(--font-display)}.card,.db-tile:not(.db-hero){box-shadow:0 1px 2px rgba(var(--primary-rgb),.08),0 10px 22px -18px rgba(var(--primary-rgb),.55);border-color:#0000;border-radius:1rem}.card,.db-tile:not(.db-hero,.an-hero,.skeleton){--sb-sunk:#01478f12}@supports (color:color-mix(in lab,red,red)){.card,.db-tile:not(.db-hero,.an-hero,.skeleton){--sb-sunk:color-mix(in srgb, var(--color-primary-600) 7%, transparent)}}.card,.db-tile:not(.db-hero,.an-hero,.skeleton){background:linear-gradient(#0056b3,#0056b3 6rem)}@supports (color:color-mix(in lab,red,red)){.card,.db-tile:not(.db-hero,.an-hero,.skeleton){background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary-500) 13%,var(--sb-surface)),color-mix(in srgb,var(--color-primary-500) 3%,var(--sb-surface)) 6rem)}}.card .card{background:var(--sb-sunk);box-shadow:none}.card .card-title,.db-tile:not(.db-hero,.an-hero) .db-title{color:var(--color-primary-700)}.tab-group{background:rgba(var(--primary-rgb),.08);box-shadow:none;border-color:#0000;border-radius:.75rem}.tab-btn{border-radius:.5rem}.tab-btn-active,.tab-btn-active:hover{color:#fff;background:var(--color-primary-600);box-shadow:none}.tab-btn-active .badge{color:var(--color-primary-700);background:#fff;border-color:#0000}.btn-primary{box-shadow:none}.sg-row-icon{background:var(--color-primary-600);color:#fff;border-radius:.75rem}}.db-kelompok{display:contents}.db-kelompok-head{display:none}.db-grid{--db-well:rgba(var(--primary-rgb), .06);--db-well-kuat:rgba(var(--primary-rgb), .12)}.db-grid .db-row .db-icon{background:var(--color-primary-600);color:#fff;width:2.25rem;height:2.25rem;box-shadow:none;border-radius:.75rem}.db-grid .db-row .db-icon>svg{width:1.125rem;height:1.125rem}.db-grid .db-list{gap:.375rem}.db-grid .db-row{background:var(--db-well);color:var(--db-ink);border-radius:.875rem;gap:.75rem;padding:.5rem .625rem .5rem .5rem;font-size:.875rem;font-weight:600}.db-grid .db-row:not(:has(>.db-icon)){padding:.6875rem .625rem .6875rem .75rem;font-weight:500}.db-grid .db-row-count{min-width:0;color:var(--db-muted);background:0 0;border-radius:0;padding:0;font-size:.75rem;font-weight:500}.db-grid .db-row-count b{font-family:var(--font-display);color:var(--color-primary-700);font-size:1.125rem;font-weight:700}.db-grid .db-row .db-chev{color:var(--color-primary-600);opacity:.55;margin-left:0}.db-grid .db-students{gap:.375rem}.db-grid .db-student{background:var(--db-well);border-radius:.875rem;padding:.5625rem .5rem .5625rem .75rem}.db-grid .db-student-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.375rem;display:grid}.db-grid .db-student-name{flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0}.db-grid .db-student-name>span:first-child{max-width:100%}.db-grid .db-student-body>.flex{flex-wrap:nowrap;gap:0}.db-grid .db-cek{width:2.75rem;color:var(--db-muted);background:0 0;flex-direction:column;align-items:center;gap:.25rem;padding:0;font-size:.6875rem;font-weight:500;line-height:1;display:inline-flex}.db-grid .db-cek-tanda{border:1.5px solid rgba(var(--primary-rgb),.3);background:var(--db-surface);width:1.5rem;height:1.5rem;color:var(--color-primary-600);border-radius:999px;place-items:center;font-weight:700;display:grid}.db-grid .db-cek-tanda>svg{width:.875rem;height:.875rem}.db-grid .db-cek--belum .db-cek-tanda>svg{display:none}.db-grid .db-cek--sudah .db-cek-tanda{border-color:var(--color-primary-600);background:var(--color-primary-600);color:#fff}.db-grid .db-cek--sudah{color:var(--color-primary-700);font-weight:600}.db-grid .db-cek--bebas .db-cek-tanda{background:0 0;border-style:dashed}@media(min-width:768px){.db-grid .db-cek{width:3.5rem}}@media(max-width:767.98px){.db-grid>.db-lipat{order:2}.db-grid .sg-status-icon,.db-grid .db-metric:has(>.min-w-0)>.db-icon,.db-grid .db-kelompok .db-icon{background:var(--color-primary-600);color:#fff;width:2.25rem;height:2.25rem;box-shadow:none;border-radius:.75rem}.db-grid .db-kelompok .db-icon>svg{width:1.125rem;height:1.125rem}.db-grid .db-kelompok .db-chev{color:var(--color-primary-600);opacity:.55;margin-left:0}.db-grid .db-kpi-top:has(>.db-ring){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem .75rem;display:grid}.db-grid .db-kpi-top>.db-ring{grid-area:1/2/span 2;width:3.75rem;height:3.75rem}.db-grid .db-kpi-top>.db-ring .db-ring-label{letter-spacing:-.02em;font-size:.8125rem}.db-grid .db-kpi-top>.db-ring~.db-kpi-value{grid-area:1/1;gap:.375rem;font-size:2rem}.db-grid .db-kpi-top>.db-ring~.db-kpi-value .db-of{font-size:.875rem}.db-grid .db-kpi-top>.db-ring~.db-scope{grid-area:2/1;justify-self:start;margin:0}.db-grid .db-kpi-top:has(>.db-ring):not(:has(>.db-scope))>.db-ring{grid-row:1}.db-grid .db-legend{background:var(--db-well);border-radius:.875rem;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.375rem;padding:.6875rem .625rem;display:grid}.db-grid .db-legend-item{background:0 0;border-radius:0;grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.25rem;padding:0;display:grid}.db-grid .db-legend-item strong{font-family:var(--font-display);grid-area:1/1/auto/-1;font-size:1.375rem;line-height:1}.db-grid .db-legend-item>.db-dot{grid-row:2;margin-top:.25rem}.db-grid .db-legend-item>span:nth-child(2){white-space:normal;color:var(--db-text);grid-row:2;font-weight:500;line-height:1.3}.db-grid .db-legend:has(>:nth-child(4)) .db-legend-item>span:nth-child(2){font-size:.6875rem}.db-grid .db-legend:has(>:nth-child(4)){gap:.375rem;padding-inline:.4375rem}.db-grid .db-legend:has(>:nth-child(4)) .db-legend-item>span:nth-child(2){letter-spacing:-.015em}.db-grid .db-bar{background:var(--db-well-kuat)}.db-grid .db-tile>.grid:has(>.sg-status),.db-grid .db-tile>.grid:has(>.db-metric>.min-w-0){grid-template-columns:minmax(0,1fr);gap:.375rem}.db-grid .sg-status,.db-grid .db-metric:has(>.min-w-0){background:var(--db-well);text-align:left;border:0;border-radius:.875rem;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ikon nama nilai""ikon ket nilai";align-items:center;gap:.125rem .75rem;min-height:3.25rem;padding:.5rem .75rem .5rem .5rem;display:grid}.db-grid .db-metric>.min-w-0{display:contents}.db-grid .sg-status-icon,.db-grid .db-metric:has(>.min-w-0)>.db-icon{grid-area:ikon}.db-grid .sg-status-label,.db-grid .db-metric:has(>.min-w-0) .db-metric-label{color:var(--db-ink);grid-area:nama;align-self:end;font-size:.875rem;font-weight:600;line-height:1.3}.db-grid .sg-status-sub,.db-grid .db-metric:has(>.min-w-0) .db-metric-sub{white-space:normal;grid-area:ket;align-self:start;font-size:.75rem;overflow:visible}.db-grid .sg-status:not(:has(.sg-status-sub)) .sg-status-label{grid-row:1/-1;align-self:center}.db-grid .sg-status-value{text-align:right;text-transform:none;grid-area:nilai;font-family:inherit;font-size:.8125rem;font-weight:600}.db-grid .db-metric:has(>.min-w-0) .db-metric-value{text-align:right;color:var(--color-primary-700);grid-area:nilai}.db-grid .db-tile:has(>.sg-ring-xl){text-align:left;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cincin judul""cincin ket";place-items:center start;gap:.125rem 1rem;display:grid}.db-grid .db-tile>.sg-ring-xl{grid-area:cincin;width:4.25rem;height:4.25rem}.db-grid .sg-ring-xl .db-ring-label{font-size:1rem}.db-grid .db-tile:has(>.sg-ring-xl)>.db-title{grid-area:judul;justify-content:flex-start;align-self:end}.db-grid .db-tile:has(>.sg-ring-xl)>.db-kpi-sub{grid-area:ket;align-self:start}.db-grid .db-lihat-semua{background:var(--db-well-kuat);color:var(--color-primary-700);box-shadow:none;border-color:#0000;margin-top:.125rem}.db-grid .db-master{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:.875rem .25rem}.db-grid .db-master-item{border-left:1px solid var(--db-well-kuat);text-align:center;border-radius:0;justify-content:center;padding:0 .25rem}.db-grid .db-master-item:first-child{border-left:0}.db-grid .db-master-item .db-icon{display:none}.db-grid .db-master-text{align-items:center}.db-grid .db-master-value{color:var(--color-primary-700)}.db-grid .db-kelompok{gap:.375rem;display:flex}.db-grid .db-kelompok-head{margin-bottom:.375rem;display:flex}.db-grid .db-kelompok>.db-tile{background:var(--db-well);box-shadow:none;border:0;border-radius:.875rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.125rem .75rem;padding:.5625rem .625rem .5625rem .5rem;display:grid}.db-grid .db-kelompok .db-kpi-top{display:contents}.db-grid .db-kelompok .db-icon{grid-area:1/1/span 2}.db-grid .db-kelompok .db-kpi-label{color:var(--db-ink);grid-area:1/2;align-self:end;font-size:.875rem;font-weight:600}.db-grid .db-kelompok .db-kpi-label small{display:none}.db-grid .db-kelompok .db-kpi-sub{grid-area:2/2/auto/-1;align-self:start;margin:0}.db-grid .db-kelompok .db-kpi-value{text-align:right;color:var(--color-primary-700);grid-area:1/3;margin:0;font-size:1.25rem}.db-grid .db-kelompok .db-chev{grid-area:1/4}.db-grid .db-kelompok .db-bar{grid-area:3/2/auto/-1;height:.3125rem;margin-top:.4375rem}.db-grid .db-kelompok .db-bar>span{background:var(--color-primary-600)}.db-grid .db-kelompok .db-split{grid-area:4/2/auto/-1;margin-top:.3125rem}.db-grid .db-metrics[style]{background:var(--db-well);border-radius:.875rem;gap:.75rem;padding:.75rem}.db-grid .db-metrics[style]>.db-metric{background:0 0;border-radius:0;padding:0}.db-grid .db-metrics[style] .db-metric-value{font-size:1.25rem}.db-grid .db-metrics:not([style])>.db-metric{background:var(--db-well);border-radius:.875rem;gap:.125rem;padding:.75rem}.db-grid .db-metrics:not([style]) .db-metric-value{color:var(--color-primary-700);order:-1;margin-bottom:.25rem;font-size:1.375rem}.db-grid .db-metrics:not([style]) .db-metric-label{color:var(--db-ink);font-size:.75rem;font-weight:600}.db-grid .db-foot{gap:.375rem 1.25rem}.db-grid .db-foot>.db-muted{flex:0 0 100%}.db-grid .db-foot .ml-auto{margin-left:0}.db-grid .db-rank-item{background:var(--db-well);border-radius:.875rem;padding:.625rem .75rem}.db-grid .db-rank-item .text-warning-700{font-weight:500}.db-grid .db-rank-item .text-warning-700+.db-small{display:none}.db-grid .db-rank-main{align-items:flex-start}.db-grid .db-rank-main .truncate{white-space:normal}.db-grid .db-rank{background:var(--db-surface);color:var(--color-primary-700)}.db-grid .db-rank-score{max-width:4.5rem;line-height:1.2}.db-grid .db-rank-score small{font-size:.6875rem}.db-grid .db-details{margin:.375rem 0 0 2.5rem}}.db-ring>svg{-webkit-mask-image:repeating-conic-gradient(from 2deg,#000 0 14deg,transparent 14deg 18deg);mask-image:repeating-conic-gradient(from 2deg,#000 0 14deg,transparent 14deg 18deg)}.db-ring circle,.sg-ring-xl circle{stroke-width:4px;stroke-linecap:butt}.db-ring-track{stroke:rgba(var(--primary-rgb),.14)}.db-ring-value{stroke:var(--color-primary-600)}.db-ring-label{color:var(--color-primary-700)}.db-hero .db-ring-label,.dh:not(.dh--admin) .db-ring-label{color:inherit}.lap-page>:not(.lap-toolbar):not(:first-child){transition:opacity .2s,filter .2s}.lap-page.is-loading>:not(.lap-toolbar):not(:first-child){opacity:.55;filter:saturate(.7);pointer-events:none}.lap-kepala{background:rgba(var(--primary-rgb),.05);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.lap-kepala-judul{font:600 .9375rem/1.3 var(--font-display);color:var(--color-slate-900)}.lap-kepala-meta{color:var(--color-slate-500);margin-top:.125rem;font-size:.75rem;line-height:1.4}.lap-kepala-aksi{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.lap-bulan-aksi{justify-content:flex-end;display:flex}.lap-bulan-h{margin:0}.lap-bulan-kepala{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;transition:background-color .2s;display:flex}.lap-bulan-kepala:hover{background:rgba(var(--primary-rgb),.05)}.lap-bulan-kepala:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.lap-bulan.is-open .lap-bulan-kepala{background:rgba(var(--primary-rgb),.07)}.lap-bulan-judul{font:700 1rem/1.3 var(--font-display);color:var(--color-slate-900);display:block}.lap-bulan-meta{color:var(--color-slate-500);margin-top:.125rem;font-size:.75rem;font-weight:400;display:block}.lap-bulan-ikon{background:rgba(var(--primary-rgb),.08);width:2rem;height:2rem;color:var(--color-primary-700);border-radius:999px;flex-shrink:0;place-items:center;transition:transform .2s;display:grid}.lap-bulan.is-open .lap-bulan-ikon{transform:rotate(180deg)}.lap-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem;display:flex}.lap-rentang{flex:60%;min-width:max-content}.lap-isian{display:contents}.lap-toolbar-aksi{flex:none;display:flex}.lap-periode{flex:70%;order:1;min-width:0}.lap-pekan{flex:100%;order:2;min-width:0}.lap-toolbar-aksi .lap-excel-jumlah{display:none}.lap-saring-btn{background:rgba(var(--primary-rgb),.06);height:2.75rem;color:var(--color-slate-600);border-radius:.75rem;flex:0 0 2.75rem;order:1;place-items:center;transition:background-color .15s,color .15s;display:grid;position:relative}.lap-saring-btn[aria-expanded=true]{background:var(--color-primary-600);color:#fff}.lap-saring-btn.is-aktif:after{content:"";background:var(--color-primary-500);border-radius:999px;width:.5rem;height:.5rem;position:absolute;top:.5rem;right:.5rem}.lap-saring-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lap-saring{flex:100%;order:3;gap:.5rem;min-width:0;display:none}.lap-saring.is-open{animation:.2s cubic-bezier(.2,0,0,1) lap-saring-masuk;display:flex}.lap-saring>*{flex:1 1 0;min-width:0}@keyframes lap-saring-masuk{0%{opacity:0;transform:translateY(-.25rem)}}@media(prefers-reduced-motion:reduce){.lap-saring.is-open{animation:none}}.lap-toolbar .tab-group{grid-auto-columns:auto;grid-auto-flow:column;min-height:2.75rem;display:grid;overflow:visible}.lap-toolbar .tab-btn{text-align:center;justify-content:center;align-items:center;min-height:calc(2.25rem - 2px);padding-block:.25rem;padding-inline:.625rem;font-size:.8125rem;line-height:1.2;display:flex}.lap-toolbar .input-field{background-color:rgba(var(--primary-rgb),.06);min-height:2.75rem;color:var(--color-slate-900);border-color:#0000;border-radius:.75rem;font-weight:600}.lap-toolbar .input-field:focus{border-color:var(--color-primary-500)}.lap-toolbar .ts-wrapper.input-field{background:0 0}.lap-toolbar .ts-wrapper .ts-control{background:rgba(var(--primary-rgb),.06);min-height:2.75rem;box-shadow:none;border-color:#0000;border-radius:.75rem;font-weight:600}.lap-toolbar select.input-field,.lap-toolbar .ts-wrapper .ts-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2364748b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.25rem}.lap-toolbar .ts-wrapper.focus .ts-control{border-color:var(--color-primary-500)}.lap-toolbar .ts-control{flex-wrap:nowrap;overflow:hidden}.lap-toolbar .ts-wrapper .clear{display:none}.lap-toolbar .ts-control>.item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lap-toolbar .ts-wrapper:not(.input-active) .ts-control>input{flex:0 0 0;width:0;min-width:0}.lap-toolbar .btn-secondary{background:var(--color-primary-600);color:#fff;min-height:2.75rem;box-shadow:none;border-color:#0000;border-radius:.75rem;gap:.375rem;padding-inline:.75rem}.lap-toolbar .lap-excel-jumlah{color:var(--color-primary-700);background:#fff}@media(max-width:374.98px){.lap-toolbar .lap-excel-teks{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lap-toolbar .btn-secondary{padding-inline:.875rem}}.lap-page{container:lap/inline-size}@media(min-width:768px){.lap-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rentang aksi""isian isian";gap:.75rem;padding:.875rem 1rem;display:grid}.lap-rentang{grid-area:rentang;justify-self:start}.lap-toolbar-aksi{grid-area:aksi;justify-self:end}.lap-isian{grid-area:isian;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.lap-periode,.lap-pekan{order:0}.lap-saring,.lap-saring.is-open{animation:none;display:contents}.lap-isian:not(:has(.lap-pekan)):has(.lap-saring) .lap-periode{grid-column:1/-1}.lap-toolbar .tab-group{grid-auto-columns:1fr}.lap-toolbar .tab-btn{padding-inline:1.125rem;font-size:.875rem}.lap-saring-btn{display:none}.lap-toolbar .btn-secondary{gap:.5rem;padding-inline:1rem}.lap-toolbar-aksi .lap-excel-jumlah{display:inline}}@container lap (min-width:50rem){.lap-isian{display:flex}.lap-periode,.lap-pekan{flex:1 1 0;min-width:0}.lap-saring>*{flex:0 0 8.5rem}.lap-periode:only-child{flex:0 24rem}}.lap-aspek{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;width:100%;padding:.3125rem;display:grid}.lap-aspek::-webkit-scrollbar{display:none}.lap-aspek .tab-btn{text-align:center;scroll-snap-align:center;min-height:2.75rem;padding-inline:1.125rem;font-size:.9375rem;font-weight:600}.iz{gap:var(--gap-section);align-items:start;display:grid}.iz-kanan{gap:var(--gap-section);min-width:0;display:grid}.iz .card{overflow:hidden}.iz-judul{font:700 1.0625rem/1.25 var(--font-display);color:var(--color-slate-900);align-items:baseline;gap:.5rem;padding:1rem 1rem .75rem;display:flex}.iz-judul>span{color:var(--color-slate-600);font-variant-numeric:tabular-nums;font-weight:600}.iz-tautan{font:600 .8125rem/1 var(--font-body);color:var(--color-primary-700);margin-left:auto}.iz .is-telat{color:var(--color-danger-700)}.iz-isian{gap:.75rem;padding:0 1rem 1rem;display:grid}.iz-tombol{min-height:2.875rem}@media(min-width:640px){.iz-isian{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start}.iz-tombol{margin-top:1.5625rem;padding-inline:1.5rem}}.iz-batal:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.iz-baris>li{border-top:1px solid var(--sb-line);align-items:center;gap:.75rem;padding:.6875rem 1rem;display:flex}.iz-isi{flex:1;min-width:0}.iz-siapa{color:var(--color-slate-900);overflow-wrap:anywhere;font-size:.875rem;font-weight:600;line-height:1.3}.iz-ket{color:var(--color-slate-600);overflow-wrap:anywhere;margin-top:.0625rem;font-size:.8125rem;line-height:1.4}.iz-menit{width:2.75rem;color:var(--color-slate-900);font-variant-numeric:tabular-nums;flex-shrink:0}.iz-menit b{font:700 1.5rem/1 var(--font-display);letter-spacing:-.02em;display:block}.iz-menit span{color:var(--color-slate-600);margin-top:.125rem;font-size:.6875rem;font-weight:600;display:block}.iz-luar.is-telat{background:rgba(var(--danger-rgb),.06)}.iz-luar.is-telat .iz-menit,.iz-luar.is-telat .iz-menit span{color:var(--color-danger-700)}.iz-batal{min-height:2.75rem;color:var(--color-slate-600);cursor:pointer;flex-shrink:0;padding:0 .375rem;font-size:.8125rem;font-weight:500}.iz-kembali{flex-shrink:0;min-height:2.75rem;padding-inline:1rem}.iz-jam{width:2.75rem;color:var(--color-slate-900);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.875rem;font-weight:700}.iz-durasi{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8125rem}.iz-durasi b{color:var(--color-slate-900);font-weight:600}.iz-durasi b.is-telat{color:var(--color-danger-700)}.iz-ringkas{color:var(--color-slate-600);margin:-.375rem 0 0;padding:0 1rem .75rem;font-size:.8125rem}.iz-ringkas b{font-weight:600}.iz-grafik{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.75rem 1.5rem;padding:.125rem 1rem .875rem;display:grid}.iz-grafik>li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.3125rem .75rem;display:grid}.iz-g-label{color:var(--color-slate-900);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.iz-grafik b{color:var(--color-slate-600);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.iz-g-jalur{background:rgba(var(--neutral-rgb),.07);border-radius:.25rem;grid-column:1/-1;gap:2px;height:.5rem;display:flex;overflow:hidden}.iz-g-jalur>i{min-width:.25rem;height:100%;display:block}.iz-legenda{color:var(--color-slate-600);flex-wrap:wrap;gap:.25rem 1rem;padding:0 1rem .875rem;font-size:.8125rem;display:flex}.iz-legenda li{align-items:center;gap:.375rem;display:flex}.iz-legenda i{border-radius:.1875rem;width:.625rem;height:.625rem}.iz-legenda b{color:var(--color-slate-900);font-variant-numeric:tabular-nums;font-weight:600}.pf-poni{text-align:center;color:#fff;background:var(--color-primary-700);border-radius:1.5rem;flex-direction:column;align-items:center;gap:.875rem;padding:1.75rem 1.25rem 3.75rem;display:flex;position:relative;overflow:hidden}.pf-poni:before{content:"";pointer-events:none;background:var(--db-kisi) 100% 0 / 2.375rem 2.375rem;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(215deg,#000,#0000 58%);mask-image:linear-gradient(215deg,#000,#0000 58%)}.pf-poni>*{position:relative}.pf-foto-tombol,.pf-foto-wadah{flex-shrink:0}.pf-foto-wadah{place-items:center;display:grid;position:relative}.pf-hias{display:none}.pf-foto.pf-foto{width:7.5rem;height:7.5rem;box-shadow:0 0 0 3px #ffffffe6}.pf-foto span{font-size:2.5rem}.pf-kamera{width:1.875rem;height:1.875rem;color:var(--color-primary-700);box-shadow:0 1px 3px rgba(var(--neutral-rgb),.3);background:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:.25rem;right:.25rem}.pf-kamera>svg{width:1rem;height:1rem}.pf-kamera{z-index:1}.pf-foto-tombol[aria-busy=true] .pf-kamera{animation:.9s ease-in-out infinite alternate pf-denyut}@keyframes pf-denyut{to{opacity:.35}}@media(prefers-reduced-motion:reduce){.pf-foto-tombol[aria-busy=true] .pf-kamera{animation:none}}.pf-siapa{min-width:0}.pf-nama{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:700;line-height:1.15}.pf-ket{color:#ffffffd1;margin:.375rem 0 0;font-size:.8125rem;font-weight:500}.pf-kartu,.pf-anak{overflow:hidden}.pf-poni+.pf-kartu{z-index:1;margin:-2.75rem .75rem 0;position:relative}.pf-baris{text-align:left;width:100%;font-size:.875rem}.pf-label{color:var(--color-slate-500);flex:0 0 5.25rem}.pf-nilai{min-width:0;color:var(--color-slate-900);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.pf-panah{width:1rem;height:1rem;color:var(--color-slate-400);flex-shrink:0}.pf-judul{font-family:var(--font-display);color:var(--color-slate-900);border-bottom:1px solid var(--sb-line);margin:0;padding:.875rem 1rem .625rem;font-size:1rem;font-weight:700}.pf-contoh{color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:4.5rem;height:4.5rem;font-size:1.375rem;font-weight:700;display:grid}.pf-warna{grid-template-columns:repeat(7,1fr);gap:.625rem;margin-top:1.25rem;display:grid}.pf-warna label{cursor:pointer;display:block}.pf-warna label>span:not(.sr-only){aspect-ratio:1;outline-offset:2px;border-radius:999px;outline:2px solid #0000;display:block}.pf-warna input:checked+span{outline-color:var(--color-slate-900)}.pf-warna input:focus-visible+span{outline-color:var(--color-primary-600)}.pf>.pg-head{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media(max-width:767.98px){.pf :is(.pg-head+.pf-poni,.pg-head+.form-dua>.form-kolom:first-child>.pf-poni:first-child){margin:-1rem calc(-1*max(1.25rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))) 0;padding:calc(1.5rem + env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)) 3.75rem;border-radius:0 0 1.75rem 1.75rem}.pf-poni+.pf-kartu{margin-inline:0}}@media(min-width:768px){.pf-poni{gap:1rem;padding:2.25rem 2rem 4.25rem}.pf-foto.pf-foto{width:9rem;height:9rem}.pf-foto span{font-size:3rem}.pf-nama{font-size:1.875rem}.pf-poni+.pf-kartu{margin-inline:1.5rem}.pf-warna{grid-template-columns:repeat(10,1fr)}}.an-hero{--db-ink:#fff;--db-text:#ffffffe6;--db-muted:#ffffffc2;color:var(--color-on-primary,#fff);background:linear-gradient(160deg,var(--color-primary-600),var(--color-primary-700));box-shadow:0 20px 40px -26px rgba(var(--primary-rgb),.7);border:0;overflow:hidden}.an-hero:before{content:"";border-radius:inherit;pointer-events:none;background:var(--db-kisi) 100% 0 / 2.375rem 2.375rem;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(215deg,#000,#0000 55%);mask-image:linear-gradient(215deg,#000,#0000 55%)}.an-hero>*{position:relative}.an-hero .db-title,.an-hero .db-kpi-sub{color:inherit}.an-hero .db-kpi-sub{opacity:.8}.an-hero .db-icon{color:#fff;background:#ffffff29}.an-kpi{color:var(--db-muted);flex-wrap:wrap;align-items:baseline;gap:.25rem 1.375rem;font-size:.75rem;display:flex}.an-kpi b{font:700 1.25rem/1.2 var(--font-display);font-variant-numeric:tabular-nums;color:var(--db-ink);margin-right:.3125rem}.an-lencana{white-space:nowrap;background:rgba(var(--primary-rgb),.1);color:var(--color-primary-600);border-radius:999px;align-self:center;padding:.125rem .5625rem;font-size:.75rem;font-weight:700}.an-hero .an-lencana{color:#fff;background:#ffffff29}.fc{--fc-kisi:rgba(var(--neutral-rgb), .1);position:relative}.fc.fc-gelap{--fc-kisi:#ffffff26}.fc .fc-s0{--c:var(--color-primary-500);--c-teks:#fff}.fc .fc-s1{--c:var(--color-accent-400);--c-teks:#3b2300}.fc.fc-gelap .fc-s0{--c:#fff;--c-teks:var(--color-primary-700)}.fc.fc-gelap .fc-s1{--c:#71e0b8}@supports (color:color-mix(in lab,red,red)){.fc.fc-gelap .fc-s1{--c:color-mix(in srgb, var(--color-accent-400) 70%, #fff)}}.fc-plot{touch-action:pan-y;min-height:196px}.fc-plot svg{display:block;overflow:visible}.fc-plot text{fill:var(--db-muted);font-variant-numeric:tabular-nums;font-size:11px}.fc stop{stop-color:var(--c)}.fc-kisi{stroke:var(--fc-kisi)}.fc-kisi-putus{stroke-dasharray:2 6}.fc-pandu{stroke:var(--db-muted);stroke-dasharray:3 4;opacity:.7}.fc-plot .fc-bulan{fill:var(--db-ink);font-weight:700}.fc-bulan-latar{fill:rgba(var(--neutral-rgb),.035)}.fc-gelap .fc-bulan-latar{fill:#ffffff0f}.fc-pita{fill:rgba(var(--primary-rgb),.025)}.fc-pita-b{fill:rgba(var(--primary-rgb),.07)}.fc-gelap .fc-pita{fill:#ffffff08}.fc-gelap .fc-pita-b{fill:#ffffff1a}.fc-plot .fc-pita-nama{opacity:.7;font-weight:700}.fc-garis{fill:none;stroke:var(--c);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.fc-pendar{fill:none;stroke:var(--c);stroke-width:9px;stroke-linecap:round;opacity:.2}.fc-titik{fill:var(--c)}.fc-cincin{fill:var(--c);opacity:.25}.fc-plot .fc-akhir{fill:var(--c);font-weight:700}.fc-jeda{stroke:var(--c);stroke-width:2.5px;stroke-dasharray:1 5;stroke-linecap:round}.fc-plot .fc-jeda-teks{fill:var(--c);font-size:10px}.fc-pil{fill:var(--c)}.fc-plot .fc-pil-teks{fill:var(--c-teks);font-weight:700}.fc:not(.fc-gelap) .fc-s1 .fc-akhir,.fc:not(.fc-gelap) .fc-s1 .fc-jeda-teks{fill:var(--color-accent-600,var(--color-accent-500))}@media(prefers-reduced-motion:no-preference){.fc:not(.fc-diam) .fc-garis{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.4,0,.2,1) forwards fc-gambar}.fc:not(.fc-diam) :is(.fc-arsir,.fc-pendar,.fc-titik,.fc-cincin,.fc-akhir,.fc-pil,.fc-pil-teks){opacity:0;animation:.4s .6s forwards fc-muncul}.fc:not(.fc-diam) .fc-pendar{animation-name:fc-muncul-pendar}.fc:not(.fc-diam) .fc-cincin{animation-name:fc-muncul-cincin}}@keyframes fc-gambar{to{stroke-dashoffset:0}}@keyframes fc-muncul{to{opacity:1}}@keyframes fc-muncul-pendar{to{opacity:.2}}@keyframes fc-muncul-cincin{to{opacity:.25}}.fc-legenda{color:var(--db-muted);flex-wrap:wrap;justify-content:flex-end;gap:.25rem .875rem;margin-bottom:.25rem;font-size:.75rem;display:flex}.fc-legenda i{vertical-align:middle;background:var(--c);border-radius:.25rem;width:.875rem;height:.25rem;margin-right:.375rem;display:inline-block}.fc-tip{z-index:2;pointer-events:none;min-width:8.5rem;color:var(--color-slate-800);background:rgb(var(--surface-overlay-rgb));box-shadow:0 10px 24px -12px rgba(var(--neutral-rgb),.5),0 0 0 1px rgba(var(--neutral-rgb),.08);border-radius:.625rem;padding:.4375rem .625rem;font-size:.75rem;line-height:1.5;position:absolute;top:0;transform:translate(-50%)}.fc-tip strong{font-weight:700;display:block}.fc-tip span{white-space:nowrap;align-items:center;gap:.375rem;display:flex}.fc-tip span b{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:.75rem}.fc-tip i{background:var(--c);border-radius:50%;flex:none;width:.5rem;height:.5rem}.fc.fc-gelap .fc-tip .fc-s0{--c:var(--color-primary-500)}.an-isi{columns:15rem 2;column-gap:.75rem}.an-isi-1{columns:auto}.an-ris{--w:var(--color-primary-500);break-inside:avoid;min-height:1.75rem;color:var(--db-ink);background:var(--db-sunk);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:.1875rem;padding:0 .5625rem;font-size:.8125rem;display:flex;position:relative;overflow:hidden}.an-ris>i{width:calc((100% - 4.5rem) * var(--r,0));border-right:3px solid var(--w);background:linear-gradient(90deg,transparent,var(--w));border-radius:.5rem 3px 3px .5rem;min-width:3px;position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab,red,red)){.an-ris>i{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--w) 26%,transparent))}}.an-ris>:not(i){position:relative}.an-ris-n{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.an-ris-v{font:700 .78125rem var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.an-ris-v small{opacity:.6;font-weight:500}.an-ris-m{color:#fff;background:var(--w);border-radius:.375rem;flex:none;place-items:center;width:1.125rem;height:1.125rem;font-size:.6875rem;font-weight:700;display:grid}.an-ris.is-rendah{--w:var(--color-danger-500)}.an-ris.is-sedang{--w:var(--color-warning-500)}.an-ris.is-rendah .an-ris-v{color:var(--color-danger-600)}.an-ris.is-sedang .an-ris-v{color:var(--color-warning-700)}.an-papan{grid-template-columns:repeat(auto-fill,minmax(14.5rem,1fr));gap:.75rem .875rem;display:grid}.an-papan h4{font:600 .75rem var(--font-display);color:var(--db-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3125rem;overflow:hidden}.an-ris.an-j1{--w:#d08a06;background:#d08a061a;box-shadow:inset 0 0 0 1px #d08a0647}.an-ris.an-j2{--w:#7c8594}.an-ris.an-j3{--w:#b3622c}.an-titik{vertical-align:middle;background:var(--color-warning-500);border-radius:50%;width:.375rem;height:.375rem;margin-left:.375rem;display:inline-block}.an-ket{color:var(--db-muted);align-items:center;font-size:.75rem;display:inline-flex}.an-ket .an-titik{margin:0 .375rem 0 0}h1,h2,h3,h4{text-wrap:balance}.btn,.dh-btn,.ub-btn{font-family:var(--font-display);letter-spacing:-.012em}.tab-btn,.db-chip{font-family:var(--font-display);letter-spacing:-.01em}aside.sidebar .nav-link,aside.sidebar .nav-action,nav.icon-rail .rail-item,.bottom-nav .bottom-nav-item,.mobile-header-title{font-family:var(--font-display)}aside.sidebar .nav-link,aside.sidebar .nav-action{letter-spacing:-.008em}.bottom-nav .bottom-nav-item{letter-spacing:0}.hafalan-pos-juz,.stat-strip-value,.metric-value,.bento-metric-value{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums}html[data-ui="2"] .juz-strip{grid-template-columns:repeat(30,minmax(4px,1fr));gap:2px;max-width:30rem;height:22px;display:grid}html[data-ui="2"] .juz-strip>i{background:rgba(var(--neutral-rgb),.1);border-radius:3px;position:relative}html[data-ui="2"] .juz-strip>i:nth-child(5n+1):not(:first-child){margin-left:4px}html[data-ui="2"] .juz-strip>i.is-done{background:var(--color-primary-500)}html[data-ui="2"] .juz-strip>i.is-now{background:rgb(var(--surface-overlay-rgb));box-shadow:inset 0 0 0 1.5px var(--color-accent-600);overflow:hidden}html[data-ui="2"] .juz-strip>i.is-now:after{content:"";height:var(--f,0%);background:var(--color-accent-500);position:absolute;inset:auto 0 0}html[data-ui="2"] .juz-strip-scale{height:auto}html[data-ui="2"] .juz-strip-scale>i{letter-spacing:0;text-align:center;white-space:nowrap;color:var(--color-slate-500);background:0 0;font-size:.6875rem;font-style:normal;font-weight:500;line-height:1;overflow:visible}html[data-ui="2"] .juz-col{width:40%;min-width:19rem}@media(max-width:1179.98px){html[data-ui="2"] .juz-strip{grid-template-columns:repeat(30,minmax(3px,1fr))}html[data-ui="2"] .juz-col{min-width:13.5rem}}html[data-ui="2"] .juz-legend{color:var(--color-slate-600);flex-wrap:wrap;align-items:center;gap:.375rem 1.125rem;font-size:.8125rem;display:flex}html[data-ui="2"] .juz-legend>span:first-child{margin-right:auto}@media(max-width:639.98px){html[data-ui="2"] .juz-legend>span:first-child{flex-basis:100%}}html[data-ui="2"] .juz-legend-key{align-items:center;gap:.4375rem;display:inline-flex}html[data-ui="2"] .juz-legend-key>i{background:rgba(var(--neutral-rgb),.1);border-radius:3px;width:10px;height:16px}html[data-ui="2"] .juz-legend-key>i.is-done{background:var(--color-primary-500)}html[data-ui="2"] .juz-legend-key>i.is-now{background:linear-gradient(to top,var(--color-accent-500) 55%,rgb(var(--surface-overlay-rgb)) 55%);box-shadow:inset 0 0 0 1.5px var(--color-accent-600)}@media(max-width:767.98px){html[data-ui="2"] .juz-legend--desk{display:none}}html[data-ui="2"] .hf-list-head{border-bottom:1px solid var(--sb-line);background:rgba(var(--neutral-rgb),.025);padding:.625rem 2.25rem .5rem 1rem}html[data-ui="2"] .hf-list-meta{color:var(--color-slate-600);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.75rem;display:flex}html[data-ui="2"] .hf-list-count{color:var(--color-slate-500);font-size:.6875rem;font-weight:600}html[data-ui="2"] .hf-list-keys{white-space:nowrap;align-items:center;gap:.75rem;display:flex}html[data-ui="2"] .hf-list-keys .juz-legend-key>i{border-radius:2px;width:8px;height:12px}html[data-ui="2"] .hf-row{text-align:left;-webkit-tap-highlight-color:transparent;grid-template-columns:minmax(0,1fr) 1rem;align-items:center;column-gap:.5rem;width:100%;min-height:4.5rem;padding:.8125rem .75rem .875rem 1rem;transition:background-color .15s;display:grid}html[data-ui="2"] .hf-row+.hf-row{border-top:.5rem solid rgba(var(--neutral-rgb),.1);box-shadow:inset 0 1px rgba(var(--neutral-rgb),.08)}html[data-ui="2"] .hf-row:active{background-color:var(--db-sunk-hover)}html[data-ui="2"] .hf-row:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}html[data-ui="2"] .hf-row-main{flex-direction:column;gap:.5625rem;min-width:0;display:flex}html[data-ui="2"] .hf-row-name,html[data-ui="2"] .hf-row-sub{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}html[data-ui="2"] .hf-row-name{color:var(--color-slate-900);font-size:.9375rem;font-weight:600;line-height:1.25}html[data-ui="2"] .hf-row-sub{color:var(--color-slate-500);font-variant-numeric:tabular-nums;margin-top:.125rem;font-size:.75rem;line-height:1.3}html[data-ui="2"] .hf-row-top{justify-content:space-between;align-items:flex-start;gap:.625rem;display:flex}html[data-ui="2"] .hf-key{vertical-align:-.03em;border-radius:2px;width:6px;height:10px;margin-right:.3125rem;display:inline-block}html[data-ui="2"] .hf-key.is-done{background:var(--color-primary-500)}html[data-ui="2"] .hf-key.is-now{background:var(--color-accent-500);box-shadow:inset 0 0 0 1px var(--color-accent-600)}html[data-ui="2"] .hf-total>b{color:var(--color-primary-700);font-weight:700}html[data-ui="2"] .hf-pos{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}html[data-ui="2"] .hf-pos-juz{color:var(--color-accent-700);font-size:.9375rem;font-weight:700;line-height:1.25}html[data-ui="2"] .hf-pos-detail{color:var(--color-slate-500);margin-top:.125rem;font-size:.75rem;line-height:1.3}@media(max-width:359.98px){html[data-ui="2"] .hf-row-sub,html[data-ui="2"] .hf-pos-detail{letter-spacing:-.01em;font-size:.6875rem}html[data-ui="2"] .hf-list-count{display:none}html[data-ui="2"] .hf-list-meta{justify-content:flex-end}}html[data-ui="2"] .hf-row .juz-strip{max-width:none;height:14px}html[data-ui="2"] .hf-row .juz-strip>i{border-radius:2px}html[data-ui="2"] .hf-row-chev{width:1rem;height:1rem;color:var(--color-slate-300)}html[data-desain="11"]{--mh-on-primary:#fff;--mh-on-accent:#202b20;--mh-success:#145c40;--mh-success-bg:#d0f0df;--mh-warning:#704500;--mh-warning-bg:#ffe7ad;--mh-danger:#972b3c;--mh-danger-bg:#ffdce1;--mh-info:#174b92;--mh-info-bg:#dceaff;--mh-primary-hover:var(--mh-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-primary-hover:color-mix(in srgb, var(--mh-primary) 90%, #000)}}html[data-desain="11"]{--mh-primary-pressed:var(--mh-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-primary-pressed:color-mix(in srgb, var(--mh-primary) 80%, #000)}}html[data-desain="11"]{--mh-primary-soft:var(--mh-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-primary-soft:color-mix(in srgb, var(--mh-primary) 15%, var(--mh-surface))}}html[data-desain="11"]{--mh-surface-raised:var(--mh-surface)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-surface-raised:color-mix(in srgb, var(--mh-surface) 84%, #fff)}}html[data-desain="11"]{--mh-field-bg:var(--mh-canvas)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-field-bg:color-mix(in srgb, var(--mh-canvas) 58%, var(--mh-surface))}}html[data-desain="11"]{--mh-border:var(--mh-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-border:color-mix(in srgb, var(--mh-primary) 18%, var(--mh-surface))}}html[data-desain="11"]{--mh-border-strong:var(--mh-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-border-strong:color-mix(in srgb, var(--mh-primary) 42%, var(--mh-surface))}}html[data-desain="11"]{--mh-focus:var(--mh-primary);--mh-sidebar-bg-end:var(--mh-sidebar-bg)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-sidebar-bg-end:color-mix(in srgb, var(--mh-sidebar-bg) 82%, var(--mh-primary))}}html[data-desain="11"]{--mh-sidebar-text:#f9faff;--mh-sidebar-active-bg:var(--mh-accent);--mh-sidebar-active-text:var(--mh-on-accent);--mh-sidebar-divider:var(--mh-sidebar-bg)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-sidebar-divider:color-mix(in srgb, var(--mh-sidebar-bg) 72%, #fff)}}html[data-desain="11"]{--mh-radius-control:10px;--mh-radius-small:7px;--mh-radius-panel:15px;--mh-radius-signature:26px;--mh-shadow-float:0 14px 32px var(--mh-sidebar-bg)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"]{--mh-shadow-float:0 14px 32px color-mix(in srgb, var(--mh-sidebar-bg) 24%, transparent)}}html[data-desain="11"]{--mh-motion-fast:.15s;--mh-motion-panel:.26s;--mh-motion-data:.48s;--mh-ease-standard:cubic-bezier(.2, .7, .2, 1);--mh-ease-enter:cubic-bezier(.16, 1, .3, 1);--color-slate-900:var(--mh-text);--color-slate-800:var(--mh-text);--color-slate-700:var(--mh-text-secondary);--color-slate-600:var(--mh-text-secondary);--color-slate-500:var(--mh-text-muted);--color-chart-1:var(--mh-primary);--color-chart-2:#d96b4d;--color-chart-3:#168e84;--color-chart-4:#8f6ac9;--color-chart-5:#d2a33b;--color-chart-6:#4b8dbc}html[data-desain="11"],html[data-desain="11"] body{background:var(--mh-canvas);color:var(--mh-text)}@media(min-width:1024px){html[data-desain="11"]{--sidebar-w:280px;--nv-inset:16px}html[data-desain="11"][data-sidebar=mini]{--sidebar-w:96px}html[data-desain="11"] .app-main{margin-left:calc(var(--sidebar-w) + 24px)}html[data-desain="11"] aside.sidebar{border:1px solid var(--mh-sidebar-text)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] aside.sidebar{border:1px solid color-mix(in srgb,var(--mh-sidebar-text) 10%,transparent)}}html[data-desain="11"] aside.sidebar{border-radius:var(--mh-radius-signature);background:linear-gradient(155deg,var(--mh-sidebar-bg),var(--mh-sidebar-bg-end));box-shadow:var(--mh-shadow-float);transition:width var(--mh-motion-panel) var(--mh-ease-standard)}}html[data-desain="11"] aside.sidebar,html[data-desain="11"] nav.icon-rail{--chrome-fg:var(--mh-sidebar-text);--chrome-fg-muted:var(--mh-sidebar-muted);--chrome-fg-subtle:var(--mh-sidebar-muted);--nv-line:var(--mh-sidebar-divider);--nv-hover:var(--mh-sidebar-text)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] aside.sidebar,html[data-desain="11"] nav.icon-rail{--nv-hover:color-mix(in srgb, var(--mh-sidebar-text) 10%, transparent)}}html[data-desain="11"] aside.sidebar,html[data-desain="11"] nav.icon-rail{--nv-pill:var(--mh-sidebar-active-bg);--nv-pill-glow:none}html[data-desain="11"] aside.sidebar .nav-link{min-height:3rem;color:var(--mh-sidebar-muted);border-radius:13px;font-size:.875rem}html[data-desain="11"] aside.sidebar .nav-link.active{color:var(--mh-sidebar-active-text)}html[data-desain="11"] .nav-pill{border-radius:13px}html[data-desain="11"] .nav-pill:before{background:var(--mh-sidebar-active-text);width:3px;height:auto;box-shadow:none;opacity:.72;border-radius:3px;top:10px;bottom:10px;left:4px;transform:none}html[data-desain="11"] .nav-pill{transition:transform .19s var(--mh-ease-standard),width .19s var(--mh-ease-standard),height .19s var(--mh-ease-standard),opacity .15s ease}html[data-desain="11"] aside.sidebar .nav-group-toggle{text-transform:none;letter-spacing:0;opacity:1;color:var(--mh-sidebar-muted);font-size:.75rem}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] aside.sidebar .nav-group-toggle{color:color-mix(in srgb,var(--mh-sidebar-muted) 80%,var(--mh-sidebar-bg))}}html[data-desain="11"] aside.sidebar .nav-account-block.is-open{background:var(--mh-sidebar-text)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] aside.sidebar .nav-account-block.is-open{background:color-mix(in srgb,var(--mh-sidebar-text) 9%,transparent)}}html[data-desain="11"] aside.sidebar .nav-account-role{color:var(--mh-sidebar-muted)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] aside.sidebar .nav-account-role{color:color-mix(in srgb,var(--mh-sidebar-muted) 85%,var(--mh-sidebar-bg))}}html[data-desain="11"] aside.sidebar .nav-account-block .nav-action-danger{color:var(--mh-danger)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] aside.sidebar .nav-account-block .nav-action-danger{color:color-mix(in srgb,var(--mh-danger) 28%,#fff)}}html[data-desain="11"] nav.icon-rail{background:linear-gradient(155deg,var(--mh-sidebar-bg),var(--mh-sidebar-bg-end))}html[data-desain="11"] nav.icon-rail :is(.rail-item.active,.rail-group-toggle.has-active) .rail-icon{color:var(--mh-sidebar-active-text)}html[data-desain="11"] nav.icon-rail .rail-group-toggle.is-open:not(.has-active) .rail-icon{background:var(--mh-sidebar-text)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] nav.icon-rail .rail-group-toggle.is-open:not(.has-active) .rail-icon{background:color-mix(in srgb,var(--mh-sidebar-text) 16%,transparent)}}html[data-desain="11"] nav.icon-rail .rail-account.is-open{background:var(--mh-sidebar-text)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] nav.icon-rail .rail-account.is-open{background:color-mix(in srgb,var(--mh-sidebar-text) 20%,transparent)}}html[data-desain="11"] .rail-panel{background:var(--mh-surface);color:var(--mh-text);box-shadow:var(--mh-shadow-float,12px 0 40px #0f172a2e)}html[data-desain="11"] .rail-panel-sub,html[data-desain="11"] .rail-panel-item{color:var(--mh-text-secondary)}@media(hover:hover)and (pointer:fine){html[data-desain="11"] .rail-panel-item:hover{background:var(--mh-surface-alt);color:var(--mh-text)}}html[data-desain="11"] .rail-panel-item.active,html[data-desain="11"] .rail-panel-item.active:hover{background:var(--mh-primary);color:var(--mh-on-primary)}html[data-desain="11"] .rail-panel-danger{color:var(--mh-danger)}html[data-desain="11"] .bn-glass-top{stop-color:var(--mh-sidebar-bg-end);stop-opacity:1}html[data-desain="11"] .bn-glass-bottom{stop-color:var(--mh-sidebar-bg);stop-opacity:1}html[data-desain="11"] .bn-star-hi,html[data-desain="11"] .bn-star-lo{stop-color:var(--mh-accent)}html[data-desain="11"] .bn-orb-icon{color:var(--mh-on-accent)}html[data-desain="11"] .bottom-nav-item{color:var(--mh-sidebar-muted)}html[data-desain="11"] .db{--db-gap:1.25rem;--db-radius:var(--mh-radius-panel);--db-surface:var(--mh-surface);--db-ink:var(--mh-text);--db-text:var(--mh-text-secondary);--db-muted:var(--mh-text-muted);--db-faint:var(--mh-text-muted);--db-line:var(--mh-border);--db-sunk:var(--mh-surface-alt);--db-sunk-hover:var(--mh-primary-soft);--db-shadow:none;--db-shadow-hover:none;--db-tone:var(--mh-primary);--db-tone-soft:var(--mh-primary-soft);--db-tone-bar:var(--mh-primary)}html[data-desain="11"] .db .db-tone-primary{--db-tone:var(--mh-primary);--db-tone-soft:var(--mh-primary-soft);--db-tone-bar:var(--mh-primary)}html[data-desain="11"] .db-grid .db-tile:not(.db-hero,.an-hero){border:1px solid var(--mh-border);border-radius:var(--mh-radius-panel);background:var(--mh-surface);box-shadow:none;padding:1.375rem 1.5rem}html[data-desain="11"] .db-grid .db-tile--link:hover{border-color:var(--mh-border-strong);transform:none}html[data-desain="11"] .db-tile:not(.db-hero,.an-hero) .db-title{font-family:var(--font-display);color:var(--mh-text);font-size:1.0625rem;font-weight:600}html[data-desain="11"] .db-title>svg{display:none}html[data-desain="11"] .db-link{color:var(--mh-primary)}html[data-desain="11"] .db-scope{color:var(--mh-text-muted)}html[data-desain="11"] .db-hero.dh{border-radius:var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-signature) var(--mh-radius-panel);color:var(--mh-on-primary);background:var(--mh-primary);box-shadow:none;border:0;gap:1.25rem;padding:1.75rem 1.75rem 1.5rem}html[data-desain="11"] .db-hero.dh:after{content:"";pointer-events:none;background:var(--mh-sidebar-bg);opacity:.55;border:0;border-radius:9rem 9rem 0 0;width:18rem;height:22rem;position:absolute;inset:auto -3rem -9rem auto;-webkit-mask-image:none;mask-image:none}html[data-desain="11"] .db-hero.dh:before{content:"";background:var(--mh-sidebar-bg-end);opacity:.35;pointer-events:none;border-radius:6rem 6rem 0 0;width:12rem;height:18rem;position:absolute;inset:auto 5rem -10rem auto;-webkit-mask-image:none;mask-image:none}html[data-desain="11"] .pf-poni{background:var(--mh-primary);color:var(--mh-on-primary)}html[data-desain="11"] .pf-poni:before,html[data-desain="11"] .pf-poni:after{content:none}html[data-desain="11"] .pf-poni>*,html[data-desain="11"] .pf-poni .pf-foto-tombol{z-index:1;position:relative}html[data-desain="11"] .pf-kamera{color:var(--mh-primary)}html[data-desain="11"] .pf-poni .pf-hias{pointer-events:none;display:block;position:absolute}html[data-desain="11"] .pf-poni>.pf-lengkung{z-index:0;background:var(--mh-sidebar-bg);opacity:.55;border-radius:9rem 9rem 0 0;width:18rem;height:22rem;animation:.9s cubic-bezier(.2,.8,.2,1) .2s both pf-naik;bottom:-9rem;right:-9rem}html[data-desain="11"] .pf-poni>.pf-lengkung--kecil{background:var(--mh-sidebar-bg-end);opacity:.35;border-radius:6rem 6rem 0 0;width:12rem;height:18rem;bottom:-12rem;right:-1rem}html[data-desain="11"] .pf-foto-wadah{z-index:1;isolation:isolate}html[data-desain="11"] .pf-foto-wadah:before,html[data-desain="11"] .pf-foto-wadah:after{content:"";z-index:-1;pointer-events:none;width:70rem;animation:.9s cubic-bezier(.2,.8,.2,1) both pf-pita;position:absolute;top:50%;left:50%;rotate:-9deg}html[data-desain="11"] .pf-foto-wadah:after{background-color:var(--mh-accent);background-image:repeating-linear-gradient(90deg,var(--mh-on-accent) 0 9px,transparent 9px 15px),repeating-linear-gradient(90deg,var(--mh-on-accent) 0 9px,transparent 9px 15px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg fill='%23000' fill-opacity='.13'%3E%3Crect x='11' y='11' width='12' height='12'/%3E%3Crect x='11' y='11' width='12' height='12' transform='rotate(45 17 17)'/%3E%3C/g%3E%3Ccircle cx='17' cy='17' r='2.2' fill='%23fff' fill-opacity='.55'/%3E%3C/svg%3E");height:3.5rem;translate:-50% calc(-50% - 2.5rem)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pf-foto-wadah:after{background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--mh-on-accent) 45%,transparent) 0 9px,transparent 9px 15px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--mh-on-accent) 45%,transparent) 0 9px,transparent 9px 15px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg fill='%23000' fill-opacity='.13'%3E%3Crect x='11' y='11' width='12' height='12'/%3E%3Crect x='11' y='11' width='12' height='12' transform='rotate(45 17 17)'/%3E%3C/g%3E%3Ccircle cx='17' cy='17' r='2.2' fill='%23fff' fill-opacity='.55'/%3E%3C/svg%3E")}}html[data-desain="11"] .pf-foto-wadah:after{background-position:0 5px,0 calc(100% - 5px),0;background-repeat:no-repeat,no-repeat,repeat;background-size:100% 2px,100% 2px,34px 34px}html[data-desain="11"] .pf-foto-wadah:before{background:var(--mh-sidebar-bg);height:.875rem;animation-delay:.12s;translate:-50% -50%}html[data-desain="11"] .pf-foto-wadah>.pf-kilau{--k:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M10 0c.6 5.6 4.4 9.4 10 10-5.6.6-9.4 4.4-10 10-.6-5.6-4.4-9.4-10-10C5.6 9.4 9.4 5.6 10 0z'/%3E%3C/svg%3E");background:var(--k) center / contain no-repeat;width:1.375rem;height:1.375rem;animation:.6s .7s both pf-pudar,3.2s ease-in-out 1.4s infinite pf-kedip;top:calc(50% + 1.75rem);right:calc(100% + 4rem)}html[data-desain="11"] .pf-foto-wadah>.pf-kilau:before,html[data-desain="11"] .pf-foto-wadah>.pf-kilau:after{content:"";background:var(--k) center / contain no-repeat;position:absolute}html[data-desain="11"] .pf-foto-wadah>.pf-kilau:before{opacity:.7;width:.75rem;height:.75rem;top:1.5rem;left:-1.25rem}html[data-desain="11"] .pf-foto-wadah>.pf-kilau:after{opacity:.85;width:.625rem;height:.625rem;top:-1.1rem;left:1.9rem}@keyframes pf-pita{0%{clip-path:inset(0 100% 0 0)}}@keyframes pf-naik{0%{opacity:0;translate:0 4rem}}@keyframes pf-pudar{0%{opacity:0}}@keyframes pf-kedip{50%{opacity:.35;scale:.8}}@media(prefers-reduced-motion:reduce){html[data-desain="11"] .pf-poni>.pf-lengkung,html[data-desain="11"] .pf-foto-wadah:before,html[data-desain="11"] .pf-foto-wadah:after,html[data-desain="11"] .pf-foto-wadah>.pf-kilau{animation:none}}html[data-desain="11"] .dh-eyebrow{color:var(--mh-on-primary);font-size:.875rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .dh-eyebrow{color:color-mix(in srgb,var(--mh-on-primary) 86%,transparent)}}html[data-desain="11"] .dh-value strong{letter-spacing:-.02em;font-size:clamp(2.75rem,6cqi,4rem);font-weight:700}html[data-desain="11"] .dh-cta{border-radius:var(--mh-radius-panel);background:var(--mh-accent);color:var(--mh-on-accent);box-shadow:none}html[data-desain="11"] .dh-cta-text,html[data-desain="11"] .dh-cta-text small{color:var(--mh-on-accent)}html[data-desain="11"] .dh-cta-num{border-radius:var(--mh-radius-small);background:var(--mh-on-accent);color:var(--mh-accent)}html[data-desain="11"] .dh-cta:focus-visible{outline:2px solid var(--mh-accent);outline-offset:3px}.mh-ribbon-blok{flex-direction:column;gap:.5rem;max-width:26rem;margin-top:.75rem;display:flex}.mh-hafalan-ribbon{grid-template-columns:repeat(var(--mh-ribbon-count,8),minmax(0,1fr));align-items:center;gap:4px;display:grid}.mh-hafalan-ribbon__segment{background:var(--mh-on-primary);border-radius:4px 8px;height:10px}@supports (color:color-mix(in lab,red,red)){.mh-hafalan-ribbon__segment{background:color-mix(in srgb,var(--mh-on-primary) 18%,transparent)}}.mh-hafalan-ribbon__segment{border:1px solid var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){.mh-hafalan-ribbon__segment{border:1px solid color-mix(in srgb,var(--mh-on-primary) 28%,transparent)}}.mh-hafalan-ribbon__segment{transform-origin:0;animation:mh-ribbon-isi var(--mh-motion-data,.48s) var(--mh-ease-enter,ease-out) both}.mh-hafalan-ribbon__segment[data-state=complete]{background:var(--mh-on-primary);border-color:var(--mh-on-primary)}.mh-hafalan-ribbon__segment[data-state=current]{background:var(--mh-accent);border:2px solid var(--mh-on-primary);height:14px}@keyframes mh-ribbon-isi{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}.mh-ribbon-ket{color:var(--mh-on-primary);margin:0;font-size:.8125rem;font-weight:500}@supports (color:color-mix(in lab,red,red)){.mh-ribbon-ket{color:color-mix(in srgb,var(--mh-on-primary) 86%,transparent)}}html[data-desain="11"] .db-perhatian .db-list--dua{grid-template-columns:minmax(0,1fr)}html[data-desain="11"] .db-perhatian{background:var(--mh-surface-alt)!important}html[data-desain="11"] .db-row{border-radius:var(--mh-radius-control);background:var(--mh-surface)}html[data-desain="11"] .db-row-count b{font-family:var(--font-display);font-variant-numeric:tabular-nums}html[data-desain="11"] .db-grid .db-tile.db-master{background:var(--mh-surface-alt);border-radius:var(--mh-radius-panel);border:0;padding:.75rem .5rem}html[data-desain="11"] .db-master-item{background:0 0}html[data-desain="11"] .db-master-item .db-icon{display:none}html[data-desain="11"] .db-master-value{font-family:var(--font-display);color:var(--mh-text);font-weight:700}html[data-desain="11"] .db-icon{background:var(--mh-primary-soft);color:var(--mh-primary)}html[data-desain="11"] .db-kpi-value,html[data-desain="11"] .db-metric-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--mh-text);font-weight:700}html[data-desain="11"] .db-bar{background:var(--mh-surface-alt);border-radius:4px}html[data-desain="11"] .db-bar>span{background:var(--mh-primary);border-radius:4px}html[data-desain="11"] .db-metric{border-radius:var(--mh-radius-control);background:var(--mh-surface-alt)}html[data-desain="11"] .db-meter{background:0 0;gap:4px;height:10px}html[data-desain="11"] .db-meter>span,html[data-desain="11"] .db-meter>span:first-child,html[data-desain="11"] .db-meter>span:last-child{border-radius:4px 8px}html[data-desain="11"] .db-shortcut{border:1px solid var(--mh-border);border-radius:var(--mh-radius-control);background:var(--mh-surface-alt)}@media(max-width:767.98px){html[data-desain="11"] .db-grid .db-tile:not(.db-hero,.an-hero){padding:1rem}html[data-desain="11"] .db-hero.dh{border-radius:0 0 var(--mh-radius-signature) var(--mh-radius-signature);padding:1.25rem 1rem}}@media(prefers-reduced-motion:reduce){.mh-hafalan-ribbon__segment{animation:none}}html[data-desain="11"] .db-grid .db-tile.db-kpi{--kpi-latar:var(--mh-surface);--kpi-tinta:var(--mh-text);--kpi-redup:var(--mh-text-muted);--kpi-garis:var(--mh-surface-alt);--kpi-isi:var(--mh-primary);--db-ink:var(--mh-text);--db-text:var(--mh-text-secondary);--db-muted:var(--mh-text-muted);color:var(--mh-text)}html[data-desain="11"] .db-grid>.db-hero.dh{flex-direction:column;justify-content:space-between;gap:0;padding:0;display:flex}html[data-desain="11"] .db-hero .dh-sapa{z-index:1;box-shadow:none;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:1rem;padding:1.5rem 1.75rem 0;display:grid;position:relative}html[data-desain="11"] .db-hero .dh-salam{grid-area:1/1;font-size:1.5rem}html[data-desain="11"] .db-hero .dh-salam [lang=ar]{white-space:nowrap}@media(max-width:767.98px){html[data-desain="11"] .db-hero .dh-salam{grid-column:1/-1}html[data-desain="11"] .db-hero .dh-hari{grid-area:2/2/3/3}html[data-desain="11"] .db-hero .dh-hari>time{flex-direction:column;align-items:flex-end;display:flex}html[data-desain="11"] .db-hero .dh-koma{display:none}}@container dh (max-width:519.98px){html[data-desain="11"] .db-hero>.dh-greet{padding:.875rem 1.75rem 0}html[data-desain="11"] .db-hero.dh--guru>.dh-art{width:3rem;top:.625rem;right:1.75rem}}html[data-desain="11"] .db-hero .dh-sapa-nama{font-family:var(--font-display);grid-area:2/1;font-size:1.75rem}html[data-desain="11"] .db-hero .dh-hari{text-align:right;--dh-aksen:var(--mh-accent);flex-direction:column;grid-area:1/2/3/3;align-items:flex-end;gap:.125rem;margin:0}html[data-desain="11"] .db-hero .dh-hari-ket:before{background:var(--mh-accent)}html[data-desain="11"] .db-hero>.dh-body,html[data-desain="11"] .db-hero>.db-note{z-index:1;box-shadow:none;color:var(--mh-on-primary);background:0 0;border:0;border-radius:0;margin:0;padding:1.25rem 1.75rem 1.5rem;position:relative}html[data-desain="11"] .dh--admin:not(:has(>.dh-body))>.dh-sapa{margin-top:auto}html[data-desain="11"] .dh--admin>.dh-libur-pita{z-index:1;margin:1.25rem 1.75rem 0;position:relative}html[data-desain="11"] .dh--admin:not(:has(>.dh-body))>.db-note{margin-top:auto}@container dh (min-width:600px){html[data-desain="11"] .dh--admin:not(:has(>.dh-body)) .dh-salam{font-size:2.25rem}html[data-desain="11"] .dh--admin:not(:has(>.dh-body)) .dh-sapa-nama{font-size:3rem;line-height:1.05}}html[data-desain="11"] .dh--admin>.dh-body{flex-direction:row;align-items:flex-end;gap:1.5rem}html[data-desain="11"] .dh--admin .dh-main{flex:1;display:block}html[data-desain="11"] .dh--admin .dh-stat{flex-direction:column;gap:.25rem;display:flex}html[data-desain="11"] .dh--admin .dh-eyebrow{letter-spacing:0;text-transform:none;color:var(--mh-on-primary);align-self:flex-start;font-size:.875rem}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .dh--admin .dh-eyebrow{color:color-mix(in srgb,var(--mh-on-primary) 86%,transparent)}}html[data-desain="11"] .dh--admin .dh-value{align-items:baseline;gap:.625rem;margin:0;display:flex}html[data-desain="11"] .dh--admin .dh-value strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--mh-on-primary);font-size:4rem;line-height:1}html[data-desain="11"] .dh--admin .dh-value span{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .dh--admin .dh-value span{color:color-mix(in srgb,var(--mh-on-primary) 86%,transparent)}}html[data-desain="11"] .dh--admin .dh-split{max-width:26rem;margin-top:.75rem}html[data-desain="11"] .dh--admin .dh-split-label,html[data-desain="11"] .dh--admin .dh-split-num{color:var(--mh-on-primary)}html[data-desain="11"] .dh--admin .dh-split-bar{background:var(--mh-on-primary);border-radius:3px;height:6px}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .dh--admin .dh-split-bar{background:color-mix(in srgb,var(--mh-on-primary) 20%,transparent)}}html[data-desain="11"] .dh--admin .dh-split-bar>span{background:var(--mh-accent);border-radius:3px}html[data-desain="11"] .dh--admin .dh-aside{border:0;flex:0 0 13rem;align-self:flex-end;padding:0}html[data-desain="11"] .dh--admin .dh-cta{width:100%;min-height:3.5rem}html[data-desain="11"] .dh--admin .dh-cta-text{white-space:nowrap}html[data-desain="11"] .dh--admin .dh-done{color:var(--mh-on-primary);background:0 0}@container dh (max-width:619.98px){html[data-desain="11"] .dh--admin>.dh-body{flex-direction:column;align-items:stretch}html[data-desain="11"] .dh--admin .dh-aside{flex-basis:auto;align-self:flex-end;width:100%;max-width:20rem}html[data-desain="11"] .dh--admin .dh-value strong{font-size:3.25rem}}html[data-desain="11"] aside.sidebar .nav-pill{display:none}html[data-desain="11"] aside.sidebar .nav-link.active,html[data-desain="11"] aside.sidebar .nav-link.active:hover{background:var(--mh-sidebar-active-bg);box-shadow:none;position:relative}.db-metrics--5{grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width:640px){.db-metrics--5{grid-template-columns:repeat(5,minmax(0,1fr))}}html[data-desain="11"] .db-metric{gap:.375rem;padding:.875rem 1rem}html[data-desain="11"] .db-metric-value{color:var(--mh-text);font-size:1.625rem}html[data-desain="11"] .db-metric-label{color:var(--mh-text-secondary);font-size:.8125rem;min-height:0!important}html[data-desain="11"] .db-metrics--5 .db-metric:first-child{background:var(--mh-primary-soft)}.db-angka{flex-direction:column;gap:.25rem;margin-bottom:.25rem;display:flex}html[data-desain="11"] .db-angka .db-metric-value{font-size:2.25rem}.db-kosong{border-radius:var(--mh-radius-control,.75rem);background:var(--mh-surface-alt,var(--db-sunk));color:var(--mh-text-secondary,var(--db-muted));text-align:center;margin:0;padding:1.25rem 1rem;font-size:.875rem}.db-aktivitas .db-foot{margin-top:auto}.db-top-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.db-top-row{border-radius:var(--mh-radius-control);background:var(--mh-surface-alt,var(--db-sunk));grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.625rem .75rem;display:grid}.db-top-row+.db-top-row{margin-top:.375rem}.db-top-rank{border-radius:var(--mh-radius-small,.5rem);background:var(--mh-surface-alt,var(--db-sunk));width:1.75rem;height:1.75rem;font:700 .875rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--mh-text-secondary,var(--db-text));place-items:center;display:grid}.db-top-rank.is-satu{background:var(--mh-accent,var(--color-accent-400));color:var(--mh-on-accent,#202b20)}.db-top-nama{flex-direction:column;min-width:0;display:flex}.db-top-nama strong{white-space:nowrap;text-overflow:ellipsis;color:var(--mh-text,var(--db-ink));font-size:.875rem;font-weight:600;overflow:hidden}.db-top-nama small{color:var(--mh-text-muted,var(--db-muted));font-size:.75rem}.db-top-nama small.is-kurang{color:var(--mh-warning,var(--color-warning-700))}.db-top-skor{font:700 1.25rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--mh-primary,var(--color-primary-700))}.db-top-rank.is-kosong{background:0 0}.db-top-rank.is-kosong:before{content:"";background:var(--mh-border-strong,var(--db-line));border-radius:50%;width:6px;height:6px}html[data-desain="11"] .db-aktivitas .db-kosong{flex:1;place-items:center;display:grid}html[data-desain="11"] .db-metrics--5{flex:1;grid-auto-rows:1fr}html[data-desain="11"] .db-shortcuts{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.625rem;display:grid}html[data-desain="11"] .db-shortcut{min-height:3.25rem;color:var(--mh-text);text-align:start;flex-direction:row;justify-content:flex-start;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:600}html[data-desain="11"] .db-shortcut:hover{border-color:var(--mh-border-strong);background:var(--mh-primary-soft)}html[data-desain="11"] .db-shortcut .db-icon{flex-shrink:0}html[data-desain="11"] .db-hero.dh{overflow:hidden}html[data-desain="11"] .db-grid .db-tile.an-hero{border-radius:var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-signature) var(--mh-radius-panel);background:var(--mh-primary);box-shadow:none;color:var(--mh-on-primary);border:0}html[data-desain="11"] .an-hero .db-kpi-value,html[data-desain="11"] .an-hero .db-metric-value,html[data-desain="11"] .an-hero .db-title{color:var(--mh-on-primary)}html[data-desain="11"] .an-hero .db-link{color:var(--mh-accent)}@media(max-width:767.98px){html[data-desain="11"] .db-grid>.db-hero.dh.dh--wali:first-child,html[data-desain="11"] .db-grid>.db-hero.dh--admin:first-child:has(>.dh-body){margin-bottom:0;overflow:hidden}html[data-desain="11"] .db-grid>.db-hero.dh--wali+.db-pintas{margin-top:0}}html[data-desain="11"] .dh--wali .dh-name,html[data-desain="11"] .dh--wali .dh-eyebrow,html[data-desain="11"] .dh--wali .dh-date{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .dh--wali .dh-eyebrow,html[data-desain="11"] .dh--wali .dh-date{color:color-mix(in srgb,var(--mh-on-primary) 80%,transparent)}}html[data-desain="11"] .dh--wali .dh-inisial{background:var(--mh-accent);color:var(--mh-on-accent)}html[data-desain="11"] .db-hero.dh--wali .child-chip{border:1px solid var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .db-hero.dh--wali .child-chip{border:1px solid color-mix(in srgb,var(--mh-on-primary) 35%,transparent)}}html[data-desain="11"] .db-hero.dh--wali .child-chip{color:var(--mh-on-primary);background:0 0}@media(min-width:768px){html[data-desain="11"] .pg-head:not(.pf>.pg-head){isolation:isolate;border-radius:var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-signature) var(--mh-radius-panel);background:var(--mh-primary);min-height:4.75rem;color:var(--mh-on-primary);padding:.875rem 1rem .875rem 1.25rem;position:relative;overflow:hidden}html[data-desain="11"] .pg-head:not(.pf>.pg-head):after{content:"";z-index:-1;background:var(--mh-sidebar-bg);opacity:.4;pointer-events:none;border-radius:4.5rem 4.5rem 0 0;width:9rem;height:9.5rem;position:absolute;bottom:-5.5rem;right:9%}html[data-desain="11"] .pg-head .pg-head-icon{border-radius:var(--mh-radius-control);background:var(--mh-accent);color:var(--mh-on-accent);box-shadow:none}html[data-desain="11"] .pg-head .page-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--mh-on-primary);font-size:1.625rem;font-weight:700}html[data-desain="11"] .pg-head .page-subtitle{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .page-subtitle{color:color-mix(in srgb,var(--mh-on-primary) 82%,transparent)}}html[data-desain="11"] .pg-head .btn-secondary,html[data-desain="11"] .pg-head .btn-ghost{border:1px solid var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .btn-secondary,html[data-desain="11"] .pg-head .btn-ghost{border:1px solid color-mix(in srgb,var(--mh-on-primary) 35%,transparent)}}html[data-desain="11"] .pg-head .btn-secondary,html[data-desain="11"] .pg-head .btn-ghost{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .btn-secondary,html[data-desain="11"] .pg-head .btn-ghost{background:color-mix(in srgb,var(--mh-on-primary) 6%,transparent)}}html[data-desain="11"] .pg-head .btn-secondary,html[data-desain="11"] .pg-head .btn-ghost{color:var(--mh-on-primary)}html[data-desain="11"] .pg-head .btn-secondary:hover,html[data-desain="11"] .pg-head .btn-ghost:hover{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .btn-secondary:hover,html[data-desain="11"] .pg-head .btn-ghost:hover{background:color-mix(in srgb,var(--mh-on-primary) 20%,transparent)}}html[data-desain="11"] .pg-head .btn-primary{background:var(--mh-accent);color:var(--mh-on-accent);border-color:#0000}html[data-desain="11"] .pg-head .btn-destructive{background:var(--mh-danger-bg);color:var(--mh-danger);border-color:#0000}html[data-desain="11"] .pg-head .bg-fill-strong{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .bg-fill-strong{background:color-mix(in srgb,var(--mh-on-primary) 30%,transparent)}}html[data-desain="11"] .pg-head .text-slate-400,html[data-desain="11"] .pg-head .text-slate-500{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .text-slate-400,html[data-desain="11"] .pg-head .text-slate-500{color:color-mix(in srgb,var(--mh-on-primary) 75%,transparent)}}html[data-desain="11"] .pg-head .badge{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .badge{background:color-mix(in srgb,var(--mh-on-primary) 16%,transparent)}}html[data-desain="11"] .pg-head .badge{color:var(--mh-on-primary);border-color:#0000}html[data-desain="11"] .pg-head select,html[data-desain="11"] .pg-head .input-field{background:var(--mh-surface);color:var(--mh-text)}}html[data-desain="11"] .mobile-header--poni{background:linear-gradient(180deg,var(--mh-sidebar-bg-end),var(--mh-sidebar-bg))}html[data-desain="11"] .mobile-header--poni:before{opacity:.25}html[data-desain="11"] .mobile-header--poni .poni-ikon{background:var(--mh-accent);color:var(--mh-on-accent)}html[data-desain="11"] .card{border:1px solid var(--mh-border);border-radius:var(--mh-radius-panel);background:var(--mh-surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-desain="11"] .table-base thead,html[data-desain="11"] thead.bg-fill{background:var(--mh-primary-soft)}html[data-desain="11"] .table-base th,html[data-desain="11"] thead.bg-fill th{background:var(--mh-primary-soft);letter-spacing:0;text-transform:none;color:var(--mh-text-secondary);font-size:.75rem;font-weight:700}html[data-desain="11"] .table-base td{border-color:var(--mh-border)}html[data-desain="11"] .table-base tbody tr{transition:background-color var(--mh-motion-fast) ease}html[data-desain="11"] .table-base tbody tr:hover{background:var(--mh-primary-soft)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .table-base tbody tr:hover{background:color-mix(in srgb,var(--mh-primary-soft) 55%,transparent)}}html[data-desain="11"] .table-base td:first-child{color:var(--mh-text);font-weight:600}html[data-desain="11"] .table-sticky-col{background:var(--mh-surface)}html[data-desain="11"] .tab-group{border:1px solid var(--mh-border);border-radius:var(--mh-radius-control);background:var(--mh-surface-alt);box-shadow:none}html[data-desain="11"] .tab-btn{color:var(--mh-text-secondary);border-radius:7px}html[data-desain="11"] .tab-btn:hover{color:var(--mh-text)}html[data-desain="11"] .tab-btn.tab-btn-active,html[data-desain="11"] .tab-btn.active,html[data-desain="11"] .tab-btn[aria-selected=true],html[data-desain="11"] .tab-btn[aria-current=page]{background:var(--mh-primary);color:var(--mh-on-primary);box-shadow:none}html[data-desain="11"] .tab-btn-active .badge{background:var(--mh-on-primary);color:var(--mh-primary)}html[data-desain="11"] .input-field,html[data-desain="11"] select.input-field{border-color:var(--mh-border);border-radius:var(--mh-radius-control);background-color:var(--mh-field-bg);color:var(--mh-text)}html[data-desain="11"] .input-field:focus{border-color:var(--mh-focus);box-shadow:0 0 0 3px var(--mh-focus)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .input-field:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--mh-focus) 22%,transparent)}}html[data-desain="11"] .btn{border-radius:var(--mh-radius-control)}html[data-desain="11"] .ts-wrapper .ts-control{border-color:var(--mh-border);border-radius:var(--mh-radius-control);background-color:var(--mh-field-bg);color:var(--mh-text)}html[data-desain="11"] .ts-wrapper.single .ts-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.25rem}html[data-desain="11"] .btn-primary{background:var(--mh-primary);color:var(--mh-on-primary);box-shadow:none}html[data-desain="11"] .btn-primary:hover{background:var(--mh-primary-hover)}html[data-desain="11"] .btn-secondary{border:1px solid var(--mh-border);background:var(--mh-surface-alt);color:var(--mh-text);box-shadow:none}html[data-desain="11"] .btn-secondary:hover{border-color:var(--mh-border-strong);background:var(--mh-primary-soft)}html[data-desain="11"] .badge{border-radius:var(--mh-radius-small)}html[data-desain="11"] .page-item{border-radius:var(--mh-radius-small);color:var(--mh-text-secondary)}html[data-desain="11"] .page-item-active{background:var(--mh-primary);color:var(--mh-on-primary)}html[data-desain="11"] .page-nav{border:1px solid var(--mh-border);border-radius:var(--mh-radius-control);background:var(--mh-surface);box-shadow:none}@media(min-width:768px){html[data-desain="11"] .ub header:has(.ub-page-title),html[data-desain="11"] .hd-head{isolation:isolate;border-radius:var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-signature) var(--mh-radius-panel);background:var(--mh-primary);min-height:4.75rem;color:var(--mh-on-primary);padding:.875rem 1rem .875rem 1.25rem;position:relative;overflow:hidden}html[data-desain="11"] .hd-head{align-items:center}html[data-desain="11"] .ub header:has(.ub-page-title){z-index:5;overflow:visible}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-muted{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .ub header:has(.ub-page-title) .ub-muted{color:color-mix(in srgb,var(--mh-on-primary) 80%,transparent)}}html[data-desain="11"] .ub header:has(.ub-page-title):after{clip-path:inset(0 0 5.5rem)}html[data-desain="11"] .ub header:has(.ub-page-title):after,html[data-desain="11"] .hd-head:after{content:"";z-index:-1;background:var(--mh-sidebar-bg);opacity:.4;pointer-events:none;border-radius:4.5rem 4.5rem 0 0;width:9rem;height:9.5rem;position:absolute;bottom:-5.5rem;right:9%}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-page-title,html[data-desain="11"] .hd-head .page-title{font-family:var(--font-display);color:var(--mh-on-primary);font-size:1.625rem;font-weight:700}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-page-meta,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-page-status,html[data-desain="11"] .hd-head .text-slate-600{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .ub header:has(.ub-page-title) .ub-page-meta,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-page-status,html[data-desain="11"] .hd-head .text-slate-600{color:color-mix(in srgb,var(--mh-on-primary) 82%,transparent)}}html[data-desain="11"] .hd-head .text-slate-300{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .hd-head .text-slate-300{color:color-mix(in srgb,var(--mh-on-primary) 45%,transparent)}}html[data-desain="11"] .hd-head [class*=text-success-],html[data-desain="11"] .hd-head [class*=text-accent-]{color:var(--mh-accent)}html[data-desain="11"] .hd-head .badge{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .hd-head .badge{background:color-mix(in srgb,var(--mh-on-primary) 16%,transparent)}}html[data-desain="11"] .hd-head .badge{color:var(--mh-on-primary);border-color:#0000}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--ghost,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--soft,html[data-desain="11"] .hd-head .btn-secondary{border:1px solid var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--ghost,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--soft,html[data-desain="11"] .hd-head .btn-secondary{border:1px solid color-mix(in srgb,var(--mh-on-primary) 35%,transparent)}}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--ghost,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--soft,html[data-desain="11"] .hd-head .btn-secondary{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--ghost,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--soft,html[data-desain="11"] .hd-head .btn-secondary{background:color-mix(in srgb,var(--mh-on-primary) 6%,transparent)}}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--ghost,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--soft,html[data-desain="11"] .hd-head .btn-secondary{color:var(--mh-on-primary)}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-iconbar{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .ub header:has(.ub-page-title) .ub-iconbar{background:color-mix(in srgb,var(--mh-on-primary) 12%,transparent)}}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-iconbar .ub-btn--ghost{background:0 0;border-color:#0000}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-iconbar .ub-btn--ghost:hover,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-iconbar .ub-btn--ghost[aria-expanded=true]{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .ub header:has(.ub-page-title) .ub-iconbar .ub-btn--ghost:hover,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-iconbar .ub-btn--ghost[aria-expanded=true]{background:color-mix(in srgb,var(--mh-on-primary) 16%,transparent)}}html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--primary,html[data-desain="11"] .ub header:has(.ub-page-title) .ub-btn--success,html[data-desain="11"] .hd-head .btn-primary{background:var(--mh-accent);color:var(--mh-on-accent);box-shadow:none;border-color:#0000}html[data-desain="11"] .db-grid .db-tile.an-bar{border-radius:var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-signature) var(--mh-radius-panel);background:var(--mh-primary);box-shadow:none;border:0}html[data-desain="11"] .an-bar .an-title{font-family:var(--font-display);color:var(--mh-on-primary);font-size:1.625rem}html[data-desain="11"] .an-bar .an-title+p,html[data-desain="11"] .an-bar-head p,html[data-desain="11"] .an-bar label,html[data-desain="11"] .an-bar .an-field-label{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .an-bar .an-title+p,html[data-desain="11"] .an-bar-head p,html[data-desain="11"] .an-bar label,html[data-desain="11"] .an-bar .an-field-label{color:color-mix(in srgb,var(--mh-on-primary) 80%,transparent)}}html[data-desain="11"] .an-bar select{background-color:var(--mh-surface);color:var(--mh-text)}html[data-desain="11"] .an-bar .tab-group{background:var(--mh-on-primary);border-color:#0000}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .an-bar .tab-group{background:color-mix(in srgb,var(--mh-on-primary) 12%,transparent)}}html[data-desain="11"] .an-bar .tab-btn{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .an-bar .tab-btn{color:color-mix(in srgb,var(--mh-on-primary) 85%,transparent)}}html[data-desain="11"] .an-bar .tab-btn:hover{color:var(--mh-on-primary)}html[data-desain="11"] .an-bar .tab-btn.tab-btn-active,html[data-desain="11"] .an-bar .tab-btn[aria-selected=true]{background:var(--mh-accent);color:var(--mh-on-accent)}}html[data-desain="11"] .pg-head .child-chip{border:1px solid var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .child-chip{border:1px solid color-mix(in srgb,var(--mh-on-primary) 35%,transparent)}}html[data-desain="11"] .pg-head .child-chip{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .child-chip{background:color-mix(in srgb,var(--mh-on-primary) 6%,transparent)}}html[data-desain="11"] .pg-head .child-chip{color:var(--mh-on-primary);box-shadow:none}@media(max-width:767.98px){html[data-desain="11"] .pg-head .child-chip{border-color:var(--mh-border);background:var(--mh-surface);color:var(--mh-text)}}html[data-desain="11"] .db-hero:not(.dh){border-radius:var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-signature) var(--mh-radius-panel);background:var(--mh-primary);color:var(--mh-on-primary);box-shadow:none;border:0}html[data-desain="11"] .db-hero:not(.dh):before,html[data-desain="11"] .db-hero:not(.dh):after{display:none}html[data-desain="11"] .db-hero.tb-hero-akhwat{background:var(--mh-sidebar-bg)}html[data-desain="11"] .db-hero:not(.dh) .db-muted{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .db-hero:not(.dh) .db-muted{color:color-mix(in srgb,var(--mh-on-primary) 80%,transparent)}}@media(min-width:768px){html[data-desain="11"] .an-bar .an-field>span,html[data-desain="11"] .an-bar .analytics-locked-scope{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .an-bar .an-field>span,html[data-desain="11"] .an-bar .analytics-locked-scope{color:color-mix(in srgb,var(--mh-on-primary) 82%,transparent)}}html[data-desain="11"] .db:has(.an-bar) .db-grid .db-tile.an-hero{background:var(--mh-sidebar-bg)}}html[data-desain="11"] .ub-tile--hero{border-radius:var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-signature) var(--mh-radius-panel);background:var(--mh-primary);color:var(--mh-on-primary);box-shadow:none;border:0}html[data-desain="11"]:has(.wl),html[data-desain="11"]:has(.wl) body{background:var(--mh-surface)}.wl{background:var(--mh-surface);flex-direction:column;min-height:100dvh;display:flex}.wl-hero{isolation:isolate;min-height:max(66dvh,28rem);padding:calc(2.5rem + env(safe-area-inset-top,0px)) 1.5rem 3.5rem;background:var(--mh-primary);color:var(--mh-on-primary);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.wl-hero:before,.wl-hero:after{content:"";z-index:-1;pointer-events:none;border-radius:999px 999px 0 0;position:absolute}.wl-hero:after{background:var(--mh-sidebar-bg);opacity:.6;width:15rem;height:26rem;bottom:-4rem;right:-4rem}.wl-hero:before{background:var(--mh-sidebar-bg-end);opacity:.45;width:9rem;height:17rem;bottom:-5rem;right:7rem}.wl-mark{border-radius:var(--mh-radius-panel);background:#fff;width:4.5rem;height:4.5rem;padding:.75rem}.wl-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--mh-on-primary);overflow-wrap:anywhere;margin:auto 0 0;padding-top:2rem;font-size:clamp(3.25rem,17vw,4.75rem);font-weight:700;line-height:.95}.wl-tag{max-width:18rem;color:var(--mh-on-primary);margin:.75rem 0 0;font-size:1.125rem;line-height:1.4}@supports (color:color-mix(in lab,red,red)){.wl-tag{color:color-mix(in srgb,var(--mh-on-primary) 84%,transparent)}}.wl-cta{border-radius:var(--mh-radius-panel);min-height:3.5rem;color:var(--mh-primary);transition:transform var(--mh-motion-fast) var(--mh-ease-standard),background-color var(--mh-motion-fast) var(--mh-ease-standard);background:#fff;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;font-size:1.125rem;font-weight:700;display:flex}.wl-cta svg{width:1.25rem;height:1.25rem;transition:transform var(--mh-motion-fast) var(--mh-ease-standard)}.wl-cta:hover{background:#fff}@supports (color:color-mix(in lab,red,red)){.wl-cta:hover{background:color-mix(in srgb,#fff 90%,var(--mh-primary))}}.wl-cta:hover svg{transform:translate(3px)}.wl-cta:active{transform:scale(.98)}.wl-cta:focus-visible{outline-offset:3px;outline:3px solid #fff}.wl-sheet{padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));border-radius:var(--mh-radius-signature) var(--mh-radius-signature) 0 0;background:var(--mh-surface);flex-direction:column;flex:1 0 auto;justify-content:center;margin-top:-1.75rem;display:flex;position:relative}.wl-roles{flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.wl-role{align-items:center;gap:1rem;display:flex}.wl-role-icon{width:2rem;color:var(--mh-primary);flex:none;place-items:center;display:grid}.wl-role-icon svg{width:1.75rem;height:1.75rem}.wl-role strong{color:var(--mh-text);font-size:1.0625rem;font-weight:700;line-height:1.3;display:block}.wl-role small{color:var(--mh-text-secondary);font-size:.875rem;line-height:1.35;display:block}@media(min-width:640px){.wl-hero,.wl-sheet{padding-inline:2.5rem}.wl-hero:after{width:20rem;height:32rem;right:-3rem}.wl-hero:before{width:12rem;height:21rem;right:11rem}.wl-name{font-size:clamp(4.5rem,13vw,7rem)}.wl-tag{max-width:26rem;font-size:1.375rem}.wl-mark{width:6rem;height:6rem;padding:.875rem}.wl-cta{align-self:flex-start;min-width:20rem}.wl-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.wl-role{text-align:center;flex-direction:column;align-items:center;gap:.75rem}.wl-role-icon{width:auto}.wl-role-icon svg{width:2.25rem;height:2.25rem}.wl-role strong{font-size:1.25rem}.wl-role small{margin-top:.25rem;font-size:1rem}}@media(min-width:1024px){.wl{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.wl-hero{border-radius:0 var(--mh-radius-signature) var(--mh-radius-signature) 0;min-height:100dvh;padding:4rem clamp(4rem,7vw,7rem)}.wl-hero:after{width:36%;height:72%;bottom:-2rem;right:-4%}.wl-hero:before{width:22%;height:46%;bottom:-2rem;right:28%}.wl-mark{width:6rem;height:6rem;padding:.875rem}.wl-name{padding-top:0;font-size:clamp(5rem,7.5vw,8.5rem)}.wl-tag{max-width:none;font-size:1.5rem}.wl-cta{min-width:22rem;min-height:4rem;margin:2.5rem 0 auto;font-size:1.25rem}.wl-sheet{background:0 0;border-radius:0;width:100%;max-width:30rem;margin:0 auto;padding:3rem}.wl-roles{flex-direction:column;gap:2.25rem;display:flex}.wl-role{text-align:left;flex-direction:row;align-items:flex-start;gap:1.25rem}.wl-role-icon svg{width:2rem;height:2rem}.wl-role strong{font-size:1.375rem}.wl-role small{font-size:1rem}}.wl-hero:after{animation:mh-arc-naik .8s var(--mh-ease-enter) .12s backwards}.wl-hero:before{animation:mh-arc-naik .8s var(--mh-ease-enter) .22s backwards}.wl-mark,.wl-name,.wl-tag,.wl-sheet,.wl-role,.wl-cta{animation:sg-rise .6s var(--mh-ease-enter) backwards}.wl-name{animation-delay:80ms}.wl-tag{animation-delay:.14s}.wl-cta{animation-delay:.2s}.wl-sheet{animation-delay:.16s}.wl-role:first-child{animation-delay:.28s}.wl-role:nth-child(2){animation-delay:.36s}.wl-role:nth-child(3){animation-delay:.44s}@media(prefers-reduced-motion:reduce){.wl-hero:before,.wl-hero:after,.wl-mark,.wl-name,.wl-tag,.wl-sheet,.wl-role,.wl-cta{animation:none}.wl-cta,.wl-cta svg{transition:none}}html[data-desain="11"] .auth-brand:after{content:"";z-index:-1;background:var(--mh-sidebar-bg);opacity:.5;pointer-events:none;border:0;border-radius:9rem 9rem 0 0;width:18rem;height:22rem;position:absolute;inset:auto -3rem -9rem auto}html[data-desain="11"] .auth-shell{background:var(--mh-canvas)}html[data-desain="11"] .auth-card{border:1px solid var(--mh-border);border-radius:var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-signature) var(--mh-radius-panel);background:var(--mh-surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}html[data-desain="11"] .auth-brand{isolation:isolate;background:var(--mh-primary);color:var(--mh-on-primary)}html[data-desain="11"] .auth-brand-mark{box-shadow:none}html[data-desain="11"] .auth-title{color:var(--mh-text)}html[data-desain="11"] .auth-sub,html[data-desain="11"] .auth-foot{color:var(--mh-text-secondary)}html[data-desain="11"] .auth-foot{border-top-color:var(--mh-border)}html[data-desain="11"] .auth-icon{background:var(--mh-accent);color:var(--mh-on-accent);box-shadow:none;border-radius:var(--mh-radius-control)}html[data-desain="11"] .auth-shell .input-field{border-radius:var(--mh-radius-control)}@media(max-width:1023.98px){html[data-desain="11"] .auth-card:not(.auth-card--single){background:var(--mh-surface);border:0;border-radius:0}html[data-desain="11"] .auth-card:not(.auth-card--single) .auth-brand{background:var(--mh-primary)}html[data-desain="11"] .auth-card:not(.auth-card--single) .auth-brand:after{inset:auto -4rem -12rem auto}}@media(max-width:767.98px){html[data-desain="11"] .hd-head{isolation:isolate;border-radius:var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-signature) var(--mh-radius-panel);background:var(--mh-primary);color:var(--mh-on-primary);padding:1rem;position:relative;overflow:hidden}html[data-desain="11"] .hd-head:after{content:"";z-index:-1;background:var(--mh-sidebar-bg);opacity:.4;pointer-events:none;border-radius:4.5rem 4.5rem 0 0;width:9rem;height:9.5rem;position:absolute;bottom:-6rem;right:-2rem}html[data-desain="11"] .hd-head .text-slate-600{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .hd-head .text-slate-600{color:color-mix(in srgb,var(--mh-on-primary) 85%,transparent)}}html[data-desain="11"] .hd-head .text-slate-300{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .hd-head .text-slate-300{color:color-mix(in srgb,var(--mh-on-primary) 45%,transparent)}}html[data-desain="11"] .hd-head [class*=text-success-],html[data-desain="11"] .hd-head [class*=text-accent-]{color:var(--mh-accent)}html[data-desain="11"] .hd-head .badge{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .hd-head .badge{background:color-mix(in srgb,var(--mh-on-primary) 16%,transparent)}}html[data-desain="11"] .hd-head .badge{color:var(--mh-on-primary);border-color:#0000}html[data-desain="11"] .hd-head .btn-secondary{border:1px solid var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .hd-head .btn-secondary{border:1px solid color-mix(in srgb,var(--mh-on-primary) 35%,transparent)}}html[data-desain="11"] .hd-head .btn-secondary{background:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .hd-head .btn-secondary{background:color-mix(in srgb,var(--mh-on-primary) 6%,transparent)}}html[data-desain="11"] .hd-head .btn-secondary{color:var(--mh-on-primary)}html[data-desain="11"] .hd-head .btn-primary{background:var(--mh-accent);color:var(--mh-on-accent);box-shadow:none;border-color:#0000}}@keyframes mh-arc-naik{0%{opacity:0;transform:translateY(2.5rem)}}html[data-desain="11"] .pg-head:after,html[data-desain="11"] .hd-head:after,html[data-desain="11"] .ub header:has(.ub-page-title):after,html[data-desain="11"] .auth-brand:after,html[data-desain="11"] .db-hero.dh:after{animation:mh-arc-naik .7s var(--mh-ease-enter,cubic-bezier(.2,.8,.2,1)) .12s backwards}@media(prefers-reduced-motion:reduce){html[data-desain="11"] .pg-head:after,html[data-desain="11"] .hd-head:after,html[data-desain="11"] .ub header:has(.ub-page-title):after,html[data-desain="11"] .auth-brand:after,html[data-desain="11"] .db-hero.dh:after{animation:none}}html[data-desain="11"] :is(.border-b,.border-t):is(.border-hairline,.border-divider,.border-slate-100,.border-slate-200,[class*=--ub-line]):not(.border,tr,th,td,thead,tbody,tfoot){border-top-width:0;border-bottom-width:0}html[data-desain="11"] div.border-t.border-hairline:empty{display:none}html[data-desain="11"] .divide-y:not(table,thead,tbody,tfoot,tr){flex-direction:column;gap:.375rem;display:flex}html[data-desain="11"] .divide-y.border:not(table,thead,tbody,tfoot,tr){background:0 0;border-width:0}html[data-desain="11"] .divide-y:not(table,thead,tbody,tfoot,tr)>*{border-radius:var(--mh-radius-control);background:var(--mh-surface-alt);border-width:0;padding-inline:.875rem}html[data-desain="11"] .sg-row,html[data-desain="11"] .iz-baris>li,html[data-desain="11"] .ub-ps-row,html[data-desain="11"] .ub-lap-item{border-radius:var(--mh-radius-control);background:var(--mh-surface-alt);border:0;margin:.375rem}html[data-desain="11"] .sg-row+.sg-row,html[data-desain="11"] .ub-lap-item+.ub-lap-item{border-top:0}html[data-desain="11"] .ub-row{border-radius:var(--mh-radius-control);background:var(--mh-surface-alt);border:0;padding:.75rem .875rem}html[data-desain="11"] .ub-row+.ub-row{margin-top:.375rem}html[data-desain="11"] .hf-row{border-radius:var(--mh-radius-control);background:var(--mh-surface-alt);margin:.375rem}html[data-desain="11"][data-ui="2"] .hf-row+.hf-row{box-shadow:none;border-top:0}html[data-desain="11"] :is(.card-head,.card-foot,.modal-head,.modal-foot,.db-foot,.ub-qset,.auth-foot,.pf-judul,.icon-rail-top,.icon-rail-bottom),html[data-desain="11"][data-ui="2"] .hf-list-head,html[data-desain="11"][data-sidebar=mini] aside.sidebar .nav-group+.nav-group{border-top-width:0;border-bottom-width:0}html[data-desain="11"] .dh--guru .dh-actions,html[data-desain="11"] .dh--guru .dh-quote,html[data-desain="11"] .dh--wali .sg-hero-switch{border-top:0}html[data-desain="11"] .ts-daftar{border-top:0;gap:.375rem}html[data-desain="11"] .ts-daftar li{border-radius:var(--mh-radius-control);background:#ffffff1a;border-bottom:0;padding:.5rem .75rem}html[data-desain="11"] .nav-divider{background:0 0}html[data-desain="11"]:has(.wm),html[data-desain="11"]:has(.wm) body{background:var(--mh-primary)}.wm{--kw:6rem;--kh:8.25rem;isolation:isolate;background:var(--mh-primary);perspective:1100px;place-items:center;display:grid;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.wm:before,.wm:after{content:"";z-index:-1;pointer-events:none;animation:mh-arc-naik .9s var(--mh-ease-enter) .1s backwards;border-radius:999px 999px 0 0;position:absolute}.wm:after{background:var(--mh-sidebar-bg);opacity:.6;width:15rem;height:26rem;bottom:-4rem;right:-4rem}.wm:before{background:var(--mh-sidebar-bg-end);opacity:.45;width:9rem;height:17rem;animation-delay:.2s;bottom:-5rem;right:7rem}.wm-lemari{border-radius:var(--mh-radius-signature) var(--mh-radius-signature) var(--mh-radius-panel) var(--mh-radius-panel);background:var(--mh-sidebar-bg);animation:wm-lemari-muncul .45s var(--mh-ease-enter) backwards;gap:.5rem;padding:.75rem .75rem .6rem;display:grid;box-shadow:0 30px 60px -28px #0000008c}.wm-rak{background:var(--mh-sidebar-bg);border-radius:10px 10px 4px 4px;align-items:flex-end;gap:.22rem;height:5.25rem;padding:0 .45rem;display:flex}@supports (color:color-mix(in lab,red,red)){.wm-rak{background:color-mix(in srgb,var(--mh-sidebar-bg) 78%,#000)}}.wm-rak{box-shadow:inset 0 -6px 0 var(--mh-sidebar-bg-end);padding-bottom:6px}.wm-punggung{width:var(--l);height:var(--t);background:linear-gradient(to bottom,transparent 12%,#0000001f 12% 16%,transparent 16% 82%,#0000001f 82% 86%,transparent 86%),var(--wm-nada);animation:wm-masuk-rak .65s cubic-bezier(.3,1.35,.5,1) var(--d) backwards;border-radius:3px 3px 2px 2px;flex:none;box-shadow:inset -3px 0 #0000001a}.wm-nada-a{--wm-nada:#fff}.wm-nada-b{--wm-nada:var(--mh-canvas)}.wm-nada-c{--wm-nada:var(--mh-canvas-alt)}.wm-nada-d{--wm-nada:var(--mh-primary)}@supports (color:color-mix(in lab,red,red)){.wm-nada-d{--wm-nada:color-mix(in srgb, var(--mh-primary) 45%, #fff)}}.wm-punggung.is-pilih{--wm-nada:var(--mh-accent)}.wm-kitab{width:var(--kw);height:var(--kh);margin:calc(var(--kh) / -2) 0 0 calc(var(--kw) / -2);opacity:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.wm-zoom{perspective:900px;position:absolute;top:0;right:0;bottom:0;left:0}.wm-geser{top:0;left:calc(var(--kw) * -1);width:calc(var(--kw) * 2);height:100%;transform-style:preserve-3d;position:absolute}.wm-blok,.wm-lembar,.wm-sampul{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;transform:rotateY(0) translateZ(var(--z,0px));position:absolute;top:0;left:50%}.wm-blok,.wm-lembar{background:repeating-linear-gradient(to bottom,transparent 0 8px,var(--mh-primary) 8px 9.5px) content-box,linear-gradient(to right,#00000014,transparent 18%),#fff;border-radius:0 6px 6px 0;padding:16% 13% 18%}@supports (color:color-mix(in lab,red,red)){.wm-blok,.wm-lembar{background:repeating-linear-gradient(to bottom,transparent 0 8px,color-mix(in srgb,var(--mh-primary) 22%,transparent) 8px 9.5px) content-box,linear-gradient(to right,#00000014,transparent 18%),#fff}}.wm-blok{box-shadow:2px 2px #e4eaf8,4px 4px #d3dcf0,0 18px 36px -16px #00000080}.wm-lembar{--z:calc(.2px + var(--i) * .8px)}.wm-sampul{--z:5px}.wm-muka,.wm-dalam{backface-visibility:hidden;border-radius:0 8px 8px 0;position:absolute;top:0;right:0;bottom:0;left:0}.wm-muka{background:linear-gradient(to right,#00000024,transparent 12%),var(--mh-accent);box-shadow:inset 0 0 0 5px var(--mh-accent),inset 0 0 0 6.5px var(--mh-sidebar-bg),0 18px 36px -16px #00000080}@supports (color:color-mix(in lab,red,red)){.wm-muka{box-shadow:inset 0 0 0 5px var(--mh-accent),inset 0 0 0 6.5px color-mix(in srgb,var(--mh-sidebar-bg) 55%,transparent),0 18px 36px -16px #00000080}}.wm-muka:before,.wm-muka:after{content:"";border-radius:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.wm-muka:before{aspect-ratio:1;border:2px solid var(--mh-sidebar-bg);width:34%}@supports (color:color-mix(in lab,red,red)){.wm-muka:before{border:2px solid color-mix(in srgb,var(--mh-sidebar-bg) 65%,transparent)}}.wm-muka:after{aspect-ratio:1;background:var(--mh-sidebar-bg);width:12%}@supports (color:color-mix(in lab,red,red)){.wm-muka:after{background:color-mix(in srgb,var(--mh-sidebar-bg) 65%,transparent)}}.wm-dalam{background:var(--mh-accent);border-radius:8px 0 0 8px;transform:rotateY(180deg)}@supports (color:color-mix(in lab,red,red)){.wm-dalam{background:color-mix(in srgb,var(--mh-accent) 55%,#fff)}}.wm-sinar{z-index:1;width:calc(var(--kw) * 2);height:var(--kh);margin:calc(var(--kh) / -2) 0 0 calc(var(--kw) * -1);background:var(--mh-canvas);opacity:0;pointer-events:none;border-radius:6px;position:absolute;top:50%;left:50%}.wm-sinar:before,.wm-sinar:after{content:"";box-sizing:border-box;background:repeating-linear-gradient(to bottom,transparent 0 8px,var(--mh-primary) 8px 9.5px) content-box,linear-gradient(to right,#00000014,transparent 18%),#fff;width:50%;height:100%;padding:16% 6.5% 18%;position:absolute;top:0}@supports (color:color-mix(in lab,red,red)){.wm-sinar:before,.wm-sinar:after{background:repeating-linear-gradient(to bottom,transparent 0 8px,color-mix(in srgb,var(--mh-primary) 22%,transparent) 8px 9.5px) content-box,linear-gradient(to right,#00000014,transparent 18%),#fff}}.wm-sinar:before{border-radius:0 6px 6px 0;left:0;transform:scaleX(-1)}.wm-sinar:after{border-radius:0 6px 6px 0;right:0}.wm-tirai{z-index:2;background:var(--mh-canvas);opacity:0;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0}.wm.fase-2 .wm-lemari{animation:wm-lemari-mundur .55s var(--mh-ease-standard) .1s forwards}.wm.fase-2 .is-pilih{animation:.38s cubic-bezier(.5,0,.7,.4) forwards wm-tarik}.wm.fase-2 .wm-kitab{animation:.6s cubic-bezier(.2,.7,.2,1) .12s both wm-kitab-terbang}.wm.fase-2 .wm-geser{animation:wm-geser .45s var(--mh-ease-standard) .72s both}.wm.fase-2 .wm-sampul{animation:.48s cubic-bezier(.55,.05,.3,1) .72s both wm-balik}.wm.fase-2 .wm-lembar{animation:wm-balik-lembar .43s cubic-bezier(.55,.05,.3,1) calc(.92s + (5 - var(--i)) * .15s) both}.wm.fase-2 .wm-sinar{will-change:transform,opacity;animation:.64s cubic-bezier(.65,0,.3,1) 2.1s forwards wm-sinar}.wm.fase-2 .wm-sinar:before,.wm.fase-2 .wm-sinar:after{animation:.3s ease-in 2.42s forwards wm-sinar-pudar}.wm.fase-2 .wm-tirai{animation:.12s linear 2.66s forwards wm-tirai}@media(min-width:768px){.wm{--kw:8rem;--kh:11rem}.wm-lemari{scale:1.35}}@media(min-width:1024px){.wm{--kw:9.5rem;--kh:13rem}.wm-lemari{scale:1.6}}@keyframes wm-lemari-muncul{0%{opacity:0;transform:translateY(1.5rem)scale(.94)}}@keyframes wm-masuk-rak{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1.6)}30%{opacity:1}}@keyframes wm-tarik{60%{opacity:1;transform:translateY(-38%)}to{opacity:0;transform:translateY(-60%)scale(1.15)}}@keyframes wm-lemari-mundur{to{opacity:.12;transform:translateY(4rem)scale(.85)}}@keyframes wm-kitab-terbang{0%{opacity:0;transform:translate(var(--asal-x,0px),var(--asal-y,0px)) scale(var(--asal-s,.5)) rotateY(-80deg)}18%{opacity:1}65%{transform:translate(calc(var(--asal-x,0px) * .2),calc(var(--asal-y,0px) * .2 - 1.5rem)) scale(1.06) rotateY(-12deg) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes wm-geser{to{transform:translate(calc(var(--kw) / 2))}}@keyframes wm-balik{to{transform:rotateY(-180deg) translateZ(var(--z))}}@keyframes wm-balik-lembar{50%{filter:brightness(.9)}to{transform:rotateY(-180deg) translateZ(var(--z))}}@keyframes wm-sinar{0%{opacity:0;transform:scale(1)}12%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(var(--sinar-s,12))}}@keyframes wm-sinar-pudar{to{opacity:0}}@keyframes wm-tirai{to{opacity:1}}@media(prefers-reduced-motion:reduce){.wm *,.wm:before,.wm:after{animation:none!important}}html.masuk-buku body>:not(script){animation:mb-muncul .38s var(--mh-ease-standard) both}@keyframes mb-muncul{0%{opacity:0}}html[data-desain="11"] .lap-kepala{background:var(--mh-surface-alt)}html[data-desain="11"] .lap-kepala-judul,html[data-desain="11"] .lap-bulan-judul{color:var(--mh-text)}html[data-desain="11"] .lap-kepala-meta,html[data-desain="11"] .lap-bulan-meta{color:var(--mh-text-muted)}html[data-desain="11"] .lap-bulan-kepala:hover{background:var(--mh-surface-alt)}html[data-desain="11"] .lap-bulan.is-open .lap-bulan-kepala{background:var(--mh-primary-soft)}html[data-desain="11"] .lap-bulan-kepala:focus-visible{outline-color:var(--mh-focus)}html[data-desain="11"] .lap-bulan-ikon{background:var(--mh-surface-alt);color:var(--mh-primary)}html[data-desain="11"] .lap-bulan.is-open .lap-bulan-ikon{background:var(--mh-primary);color:var(--mh-on-primary)}html[data-desain="11"] .lap-saring-btn,html[data-desain="11"] .lap-toolbar .input-field,html[data-desain="11"] .lap-toolbar .ts-wrapper .ts-control{background-color:var(--mh-field-bg)}html[data-desain="11"] .lap-saring-btn{color:var(--mh-text-secondary)}html[data-desain="11"] .lap-saring-btn[aria-expanded=true]{background:var(--mh-primary);color:var(--mh-on-primary)}html[data-desain="11"] .lap-saring-btn.is-aktif:after{background:var(--mh-accent)}html[data-desain="11"] .lap-toolbar .btn-secondary{background:var(--mh-primary);color:var(--mh-on-primary);border-color:#0000}html[data-desain="11"] .lap-toolbar .btn-secondary:hover{background:var(--mh-primary-hover)}html[data-desain="11"] .lap-toolbar .lap-excel-jumlah{background:var(--mh-on-primary);color:var(--mh-primary)}html[data-desain="11"] .lap-aspek{border-radius:var(--mh-radius-panel);background:var(--mh-surface)}html[data-desain="11"] .lap-aspek .tab-btn{border-radius:var(--mh-radius-control)}html[data-desain="11"] .lap-aspek .tab-btn:not([aria-selected=true]):hover{background:var(--mh-surface-alt)}@media(min-width:768px){html[data-desain="11"] .pg-head .tab-group{background:var(--mh-on-primary);border-color:#0000}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .tab-group{background:color-mix(in srgb,var(--mh-on-primary) 12%,transparent)}}html[data-desain="11"] .pg-head .tab-btn{color:var(--mh-on-primary)}@supports (color:color-mix(in lab,red,red)){html[data-desain="11"] .pg-head .tab-btn{color:color-mix(in srgb,var(--mh-on-primary) 85%,transparent)}}html[data-desain="11"] .pg-head .tab-btn:hover{color:var(--mh-on-primary)}html[data-desain="11"] .pg-head .tab-btn.tab-btn-active,html[data-desain="11"] .pg-head .tab-btn[aria-selected=true]{background:var(--mh-accent);color:var(--mh-on-accent)}}.input-field.sel-khatam,html[data-desain="11"] .input-field.sel-khatam{background-color:var(--color-success-100);color:var(--color-success-700);-webkit-text-fill-color:var(--color-success-700);opacity:1;border-color:#0000;font-size:12px;font-weight:700}.db-grid>.bx-bagian,.db-grid>.bx-master{min-width:0}.bx-bagian{--bx-teks:var(--mh-text,var(--db-ink,#1f2a22));--bx-redup:var(--mh-text-muted,var(--db-muted,#5d6a61));--bx-kartu:var(--mh-surface,#fff);--bx-lembut:var(--mh-primary,#7a2f24)}@supports (color:color-mix(in lab,red,red)){.bx-bagian{--bx-lembut:color-mix(in srgb, var(--mh-primary,#7a2f24) 7%, var(--mh-surface,#fff))}}.bx-bagian{flex-direction:column;gap:.75rem;display:flex}.bx-head{align-items:baseline;gap:.75rem;padding:.5rem .25rem 0;display:flex}.bx-judul{font:700 1.125rem/1.3 var(--font-display);letter-spacing:-.01em;color:var(--bx-teks);margin:0}.bx-tautan{min-height:2.75rem;color:var(--mh-primary,var(--color-primary-700));align-items:center;gap:.125rem;margin:-.75rem -.25rem -.75rem auto;padding:0 .25rem;font-size:.875rem;font-weight:500;display:inline-flex}.bx-tautan svg{width:1rem;height:1rem}.bx-kartu{border-radius:var(--mh-radius-signature,22px);background:var(--bx-kartu);box-shadow:0 1px 2px var(--mh-sidebar-bg,#1c1c1c);flex-direction:column;gap:1rem;padding:1.125rem 1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.bx-kartu{box-shadow:0 1px 2px color-mix(in srgb,var(--mh-sidebar-bg,#1c1c1c) 6%,transparent)}}.bx-nada-danger{--bx-fg:var(--color-primary-700,#5f211a);--bx-bg:#0056b3}@supports (color:color-mix(in lab,red,red)){.bx-nada-danger{--bx-bg:color-mix(in srgb, var(--color-primary-500,#8f3326) 24%, var(--mh-surface,#fff))}}.bx-nada-info{--bx-fg:var(--color-primary-600,#7a2a20);--bx-bg:#0056b3}@supports (color:color-mix(in lab,red,red)){.bx-nada-info{--bx-bg:color-mix(in srgb, var(--color-primary-500,#8f3326) 14%, var(--mh-surface,#fff))}}.bx-nada-warning{--bx-fg:var(--color-accent-700,#713f12);--bx-bg:#34d399}@supports (color:color-mix(in lab,red,red)){.bx-nada-warning{--bx-bg:color-mix(in srgb, var(--color-accent-400,#e0b655) 26%, var(--mh-surface,#fff))}}.bx-nada-success{--bx-fg:var(--color-accent-700,#713f12);--bx-bg:#34d399}@supports (color:color-mix(in lab,red,red)){.bx-nada-success{--bx-bg:color-mix(in srgb, var(--color-accent-400,#e0b655) 14%, var(--mh-surface,#fff))}}.bx-nada-netral{--bx-bg:var(--mh-primary,#7a2f24)}@supports (color:color-mix(in lab,red,red)){.bx-nada-netral{--bx-bg:color-mix(in srgb, var(--mh-primary,#7a2f24) 9%, var(--mh-surface,#fff))}}.bx-nada-netral{--bx-fg:var(--mh-primary,#7a2f24)}.bx-ubin-kisi{grid-template-columns:repeat(var(--bx-kolom,3),minmax(0,1fr));gap:.5rem;display:grid}.bx-ubin{text-align:center;background:var(--bx-bg);color:var(--bx-fg);transition:transform var(--mh-motion-fast,.15s) ease,filter var(--mh-motion-fast,.15s) ease;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1rem 1.75rem;display:flex;position:relative}a.bx-ubin:hover{filter:brightness(.97)}a.bx-ubin:active{transform:scale(.98)}.bx-ubin-angka{justify-content:center;align-items:baseline;gap:.375rem;display:flex}.bx-ubin-angka b{font:800 2.125rem/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bx-ubin[data-panjang=l] .bx-ubin-angka b{font-size:1.625rem}.bx-ubin[data-panjang=xl] .bx-ubin-angka b{font-size:1.375rem}.bx-ubin-angka small{font-size:.8125rem;font-weight:500}.bx-ubin-label{font-size:.8125rem;line-height:1.3}.bx-ubin-judul{justify-content:space-between;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.bx-ubin-judul svg{opacity:.75;flex:none;width:1rem;height:1rem}.bx-ubin:has(.bx-ubin-judul){min-height:0;padding-bottom:.875rem}.bx-ubin-panah{opacity:.75;width:1rem;height:1rem;position:absolute;top:.625rem;right:.625rem}.bx-peringatan{background:#0056b3;border-radius:18px;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}@supports (color:color-mix(in lab,red,red)){.bx-peringatan{background:color-mix(in srgb,var(--color-primary-500,#8f3326) 24%,var(--mh-surface,#fff))}}.bx-peringatan{color:var(--color-primary-700,#5f211a)}.bx-peringatan-ikon{background:#ffffff8c;border-radius:10px;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.bx-peringatan-ikon svg{width:1.125rem;height:1.125rem}.bx-peringatan-teks{flex-direction:column;min-width:0;display:flex}.bx-peringatan-teks strong{font-size:.9375rem;font-weight:700}.bx-peringatan-teks small{font-size:.8125rem}.bx-kosong{background:var(--bx-bg,var(--bx-lembut));color:var(--bx-fg,var(--bx-redup));text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 1rem;display:flex}.bx-kartu .bx-kosong{padding:1.5rem .5rem}.bx-kosong svg{opacity:.8;width:1.5rem;height:1.5rem;margin-bottom:.25rem}.bx-kosong strong{color:var(--bx-fg,var(--bx-teks));font-size:.9375rem}.bx-kosong span{font-size:.8125rem}.bx-master{border-radius:var(--mh-radius-signature,22px);background:var(--mh-surface,#fff);box-shadow:0 1px 2px var(--mh-sidebar-bg,#1c1c1c);grid-template-columns:repeat(4,minmax(0,1fr));padding:.875rem .25rem;display:grid}@supports (color:color-mix(in lab,red,red)){.bx-master{box-shadow:0 1px 2px color-mix(in srgb,var(--mh-sidebar-bg,#1c1c1c) 6%,transparent)}}.bx-master-item{text-align:center;min-width:0;transition:background var(--mh-motion-fast,.15s) ease;border-radius:14px;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .25rem;display:flex}.bx-master-item:hover{background:var(--mh-primary,#7a2f24)}@supports (color:color-mix(in lab,red,red)){.bx-master-item:hover{background:color-mix(in srgb,var(--mh-primary,#7a2f24) 6%,transparent)}}.bx-master-item b{font:800 1.5rem/1.1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--mh-text,var(--db-ink))}.bx-master-item span{color:var(--mh-text-muted,var(--db-muted));font-size:.8125rem}.bx-head-ket{color:var(--mh-text-muted,var(--db-muted));margin-left:auto;font-size:.8125rem}.bx-hari-kisi{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-auto-rows:minmax(6.5rem,auto);gap:.5rem;display:grid}.bx-hari-kisi.is-sendiri{grid-template-columns:minmax(0,1fr)}.bx-blok--tinggi{grid-row:span 2}.bx-blok{isolation:isolate;text-align:center;background:var(--bx-bg);min-width:0;color:var(--bx-fg);transition:filter var(--mh-motion-fast,.15s) ease,transform var(--mh-motion-fast,.15s) ease;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.875rem .75rem;display:flex;position:relative;overflow:hidden}.bx-blok:hover{filter:brightness(.97)}.bx-blok:active{transform:scale(.98)}.bx-blok-judul{letter-spacing:.01em;opacity:.8;font-size:.8125rem;font-weight:600}.bx-blok-angka{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .25rem;display:flex}.bx-blok-angka b{font:800 2.25rem/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.bx-blok-angka small{opacity:.65;font-size:1rem;font-weight:600}.bx-blok-dari{flex-basis:100%;margin-top:.25rem;font-size:.875rem;line-height:1.25}.bx-blok--tinggi{justify-content:flex-start;padding-top:1.125rem}.bx-blok--tinggi .bx-blok-angka{margin-top:auto}.bx-blok--tinggi .bx-blok-angka b{font-size:3.25rem}.bx-blok-persen{font:700 .9375rem/1.2 var(--font-display);opacity:.75}.bx-blok-telat{font-size:.8125rem;font-weight:700}.bx-deret{grid-template-columns:repeat(var(--bx-kolom,3),minmax(0,1fr));text-align:center;gap:.25rem;display:grid}.bx-deret>div{flex-direction:column;align-items:center;min-width:0;display:flex}.bx-deret b{font:800 1.375rem/1.15 var(--font-display);font-variant-numeric:tabular-nums;color:var(--bx-teks)}.bx-deret span{color:var(--bx-redup);font-size:.75rem;line-height:1.3}.bx-kartu .db-chart-card,.bx-kartu>.db-tile{box-shadow:none;background:0 0;border:0;padding:0}.bx-daftar{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.bx-baris{background:var(--bx-lembut);border-radius:14px;align-items:center;gap:.75rem;min-height:3.5rem;padding:.625rem .875rem .625rem .625rem;display:flex;position:relative}.bx-peringkat{background:var(--mh-surface,#fff);width:1.75rem;height:1.75rem;font:700 .8125rem/1 var(--font-display);color:var(--bx-teks);border-radius:8px;flex:none;place-items:center;display:grid}.bx-baris-teks{flex-direction:column;flex:1;min-width:0;display:flex}.bx-baris-teks strong{color:var(--bx-teks);overflow-wrap:anywhere;font-size:.9375rem;font-weight:600;line-height:1.3}.bx-baris-teks small{color:var(--bx-redup);font-size:.75rem}.bx-baris-teks small.is-kurang{color:var(--mh-warning,#704500)}.bx-baris-teks strong .bx-kurang{vertical-align:-.125rem;width:.875rem;height:.875rem;color:var(--mh-warning,#704500);margin-left:.25rem;display:inline-block}.bx-baris.is-satu strong .bx-kurang{color:currentColor}.bx-kurang-wadah{white-space:nowrap}.bx-baris-nilai{font:800 1.25rem/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:right;color:var(--mh-primary,var(--color-primary-700));flex:none;margin-left:auto}.bx-baris.is-satu{background:var(--mh-accent,var(--color-accent-400))}.bx-baris.is-satu .bx-peringkat{background:var(--mh-sidebar-bg,#2a1a15);color:#fff}.bx-baris.is-satu strong,.bx-baris.is-satu .bx-baris-nilai,.bx-baris.is-satu small{color:var(--mh-on-accent,#202b20)}@supports (color:color-mix(in lab,red,red)){.bx-baris.is-satu small{color:color-mix(in srgb,var(--mh-on-accent,#202b20) 70%,transparent)}}.bx-angka-baris{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;margin:0;display:flex}.bx-angka-baris b{font:800 2.25rem/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--bx-teks)}.bx-angka-baris span{color:var(--bx-redup);font-size:.9375rem}.bx-pekat{border-radius:var(--mh-radius-signature,22px);background:var(--mh-primary,var(--color-primary-700));color:var(--mh-on-primary,#fff);grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;padding:.75rem;display:grid}.bx-pekat>*{text-align:center;background:#ffffff1f;border-radius:16px;flex-direction:column;grid-column:span 2;justify-content:center;align-items:center;min-width:0;min-height:4.75rem;padding:.75rem .25rem;display:flex}.bx-pekat>:nth-child(-n+2){grid-column:span 3}.bx-pekat>a{transition:background var(--mh-motion-fast,.15s) ease}.bx-pekat>a:hover{background:#fff3}.bx-pekat b{font:800 1.375rem/1.1 var(--font-display);font-variant-numeric:tabular-nums}.bx-pekat span{opacity:.8;font-size:.75rem}.bx-hari-kisi.is-tugas-0>:nth-child(2),.bx-hari-kisi.is-tugas-1>:nth-child(2){grid-row:span 2}.bx-hari-kisi.is-tugas-3>:nth-child(4){grid-column:1/-1}.bx-blok--tuntas{gap:.375rem}.bx-blok--tuntas svg{width:1.75rem;height:1.75rem}.bx-blok-ket{opacity:.8;font-size:.8125rem}.bx-angka-baris--teks b{font-size:1.625rem}.bx-santri .bx-kartu{gap:.5rem;padding:.625rem}.bx-lihat-semua{background:var(--bx-lembut);min-height:2.75rem;color:var(--mh-primary,var(--color-primary-700));border-radius:14px;justify-content:center;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.bx-lihat-semua svg{width:1rem;height:1rem}@media(min-width:768px){.bx-lihat-semua{display:none}}.bx-materi{--bx-bg:var(--mh-surface,#fff);min-height:8.5rem;box-shadow:0 1px 2px var(--mh-sidebar-bg,#1c1c1c)}@supports (color:color-mix(in lab,red,red)){.bx-materi{box-shadow:0 1px 2px color-mix(in srgb,var(--mh-sidebar-bg,#1c1c1c) 6%,transparent)}}.bx-materi .bx-blok-angka b{font-size:2.75rem}.bx-status-kisi{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.bx-status-kisi>.bx-blok{min-height:6.5rem;padding:.875rem .625rem}.bx-status-nilai{font:800 1.125rem/1.2 var(--font-display);color:var(--bx-fg);text-wrap:balance}.bx-blok-ket{overflow-wrap:anywhere;max-width:100%}.bx-target-kisi{grid-template-columns:minmax(0,1fr);gap:.625rem;display:grid}.bx-target-kisi>.bx-blok{min-height:9rem}.bx-juz{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.5rem;display:grid}.bx-juz-sel{border-radius:16px;gap:.125rem;min-height:5.5rem;padding:.625rem .25rem}.bx-juz-sel b{font:800 1.5rem/1.1 var(--font-display);font-variant-numeric:tabular-nums}.bx-juz-sel small{opacity:.85;font-size:.6875rem}.bx-legenda{color:var(--bx-redup);flex-wrap:wrap;justify-content:center;gap:.375rem .875rem;font-size:.75rem;display:flex}.bx-legenda span{align-items:center;gap:.375rem;display:inline-flex}.bx-legenda i{border-radius:.2rem;width:.625rem;height:.625rem}.bx-pekat--rata{grid-template-columns:repeat(var(--bx-kolom,3),minmax(0,1fr))}.bx-pekat--rata>*,.bx-pekat--rata>:nth-child(-n+2){grid-column:auto}.bx-pekat--rata:has(>:nth-child(4)){--bx-kolom:2}.bx-capai{min-height:11rem;padding:1.125rem 1rem 1rem}.bx-capai .bx-blok-angka b{font-size:2.75rem}.bx-ujian{text-align:left;flex-direction:row;justify-content:flex-start;gap:.875rem;min-height:4.5rem;padding:.875rem 1rem}.bx-ujian-teks{flex-direction:column;flex:1;min-width:0;display:flex}.bx-ujian-teks strong{overflow-wrap:anywhere;font-size:.9375rem;font-weight:700}.bx-ujian .bx-blok-angka{text-align:right;justify-content:flex-end}.bx-ujian .bx-blok-angka b{font-size:1.75rem}.bx-ujian .bx-blok-dari{margin-top:.125rem;font-size:.75rem}.bx-ujian-panah{flex-shrink:0;width:1.25rem;height:1.25rem}.bx-santri-daftar .bx-baris{align-items:center}.bx-baris-status{text-align:right;flex-shrink:0;margin-left:auto}@media(max-width:767.98px){.bx-santri-daftar>[data-status=belum]{order:-1}.bx-santri-daftar:not(.is-semua)>.is-lebih{display:none}}.bx-kalender{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem .375rem;margin:0;padding:0;list-style:none;display:grid}.bx-kalender li{animation:.4s cubic-bezier(.2,.7,.2,1) both bx-muncul;animation-delay:calc(var(--i,0) * 18ms);flex-direction:column;align-items:center;gap:.25rem;display:flex}.bx-kalender b{aspect-ratio:1;width:100%;max-width:2.75rem;font:700 .875rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:#fff;border-radius:12px;place-items:center;display:grid}.bx-kalender b.bg-fill-strong{color:var(--bx-redup)}.bx-kalender small{color:var(--bx-redup);font-size:.6875rem}@keyframes bx-muncul{0%{opacity:0;transform:translateY(10px)scale(.97)}}@container (min-width:500px){.db-grid:has(>.bx-perhatian)>.bx-bagian>:last-child{flex:auto}.db-grid:has(>.bx-perhatian)>.bx-bagian>:is(.bx-ubin-kisi,.bx-target-kisi){grid-auto-rows:minmax(0,1fr)}.db-grid:has(>.bx-perhatian)>.bx-bagian>.bx-kosong,.db-grid:has(>.bx-perhatian)>.bx-bagian>.bx-kartu{justify-content:center}}@container (min-width:500px) and (max-width:899.98px){.db-grid:has(>.bx-perhatian)>:is(.bx-perhatian,.bx-target){grid-column:1/-1}.db-grid:has(>.bx-perhatian)>:is(.bx-aktivitas,.bx-top){grid-column:span 6}.db-grid:has(>.bx-perhatian)>:is(.bx-perhatian,.bx-target){order:1}.db-grid:has(>.bx-perhatian)>:is(.bx-master,.bx-hari,.bx-aktivitas,.bx-top,.bx-semester,.db-hp-sembunyi){order:2}.bx-perhatian .bx-ubin-kisi{grid-template-columns:repeat(6,minmax(0,1fr))}.bx-perhatian .bx-ubin-kisi>*{grid-column:span 2}.bx-perhatian .bx-ubin-kisi>:only-child{grid-column:1/-1}.bx-perhatian .bx-ubin-kisi>:first-child:nth-last-child(2),.bx-perhatian .bx-ubin-kisi>:first-child:nth-last-child(2)~*,.bx-perhatian .bx-ubin-kisi>:first-child:nth-last-child(4),.bx-perhatian .bx-ubin-kisi>:first-child:nth-last-child(4)~*,.bx-perhatian .bx-ubin-kisi>:nth-child(4):nth-last-child(2),.bx-perhatian .bx-ubin-kisi>:nth-child(5):last-child{grid-column:span 3}.bx-hari-kisi{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));grid-auto-rows:minmax(9rem,auto)}.bx-hari-kisi.is-sendiri{grid-template-columns:minmax(0,1fr)}.bx-blok--tinggi{grid-row:auto}.db-grid:has(>.bx-perhatian) .bx-hari-kisi:not(.is-sendiri){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.db-grid:has(>.bx-perhatian) .bx-hari-kisi>.bx-blok--tinggi{grid-column:1/-1}.db-grid:has(>.bx-perhatian) .bx-hari-kisi>.bx-blok:not(.bx-blok--tinggi){min-height:7rem}.bx-pekat{grid-template-columns:repeat(5,minmax(0,1fr))}.bx-pekat>*,.bx-pekat>:nth-child(-n+2){grid-column:auto}}@container (min-width:900px){.db-grid:has(>.bx-perhatian)>.bx-bagian>.bx-pekat{grid-auto-rows:minmax(0,1fr);align-content:stretch}.db-grid:has(>.bx-perhatian)>.bx-bagian>.bx-pekat>*{min-height:6rem}.db-grid:has(>.bx-perhatian)>.bx-bagian>.bx-pekat b{white-space:nowrap;font-size:1.5rem}.db-grid:has(>.bx-perhatian)>.bx-perhatian>.bx-ubin-kisi .bx-ubin-angka b{font-size:2.75rem}.bx-hari-kisi{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));grid-auto-rows:minmax(9rem,auto)}.bx-hari-kisi.is-sendiri{grid-template-columns:minmax(0,1fr)}.bx-blok--tinggi{grid-row:auto}.bx-pekat{grid-template-columns:repeat(5,minmax(0,1fr))}.bx-pekat>*,.bx-pekat>:nth-child(-n+2){grid-column:auto}}@container (min-width:500px){.bx-hari-kisi[class*=is-tugas-]{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));grid-auto-rows:minmax(6.5rem,auto)}.bx-hari-kisi[class*=is-tugas-]>.bx-blok--tinggi{grid-row:span 2}.bx-hari-kisi.is-tugas-0>:nth-child(2),.bx-hari-kisi.is-tugas-1>:nth-child(2){grid-area:span 2/span 2}.bx-hari-kisi.is-tugas-2>:not(.bx-blok--tinggi){grid-row:span 2}.bx-hari-kisi.is-tugas-3>:nth-child(4){grid-column:span 2}.bx-status-kisi{grid-template-columns:repeat(var(--bx-kolom,4),minmax(0,1fr))}.bx-target-kisi:has(>:nth-child(2)){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.bx-pekat--rata,.bx-pekat--rata:has(>:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.bx-pekat--rata:not(:has(>:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:46rem){.bx-santri-daftar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@container (max-width:499.98px){.bx-hari-kisi{grid-auto-rows:auto}.bx-hari-kisi>.bx-blok--tinggi{grid-area:auto/1/auto/-1}.bx-hari-kisi[class*=is-tugas-]{grid-template-columns:repeat(3,minmax(0,1fr))}.bx-hari-kisi.is-tugas-0,.bx-hari-kisi.is-tugas-1{grid-template-columns:minmax(0,1fr)}.bx-hari-kisi.is-tugas-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bx-hari-kisi.is-tugas-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bx-hari-kisi.is-tugas-0>:nth-child(2),.bx-hari-kisi.is-tugas-1>:nth-child(2){grid-row:auto}.bx-hari-kisi.is-tugas-3>:nth-child(4){grid-column:auto}.bx-hari-kisi>.bx-blok:not(.bx-blok--tinggi){border-radius:18px;gap:.125rem;min-height:5.25rem;padding:.625rem .375rem}.bx-hari-kisi>.bx-blok:not(.bx-blok--tinggi) .bx-blok-angka b{font-size:1.875rem}.bx-hari-kisi>.bx-blok:not(.bx-blok--tinggi) .bx-blok-ket{font-size:.75rem}.bx-blok--tuntas{flex-direction:row;gap:.5rem;min-height:3.5rem}.bx-blok--tuntas svg{width:1.375rem;height:1.375rem}}@property --sapu{syntax:"<percentage>";inherits:false;initial-value:0%}.bx-blok--isi{--air-gelap:var(--bx-fg)}@supports (color:color-mix(in lab,red,red)){.bx-blok--isi{--air-gelap:color-mix(in srgb, var(--bx-fg) 10%, transparent)}}.bx-blok--isi{--air-terang:var(--bx-fg)}@supports (color:color-mix(in lab,red,red)){.bx-blok--isi{--air-terang:color-mix(in srgb, var(--bx-fg) 7%, transparent)}}.bx-blok--isi{--riak:5px;--ombak-kanan:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 96' preserveAspectRatio='none'%3E%3Cpath d='M0 0H5C10 12 10 36 5 48C0 60 0 84 5 96H0Z'/%3E%3C/svg%3E")}.bx-blok--isi:before,.bx-blok--isi:after{--sapu:108%;content:"";z-index:-1;pointer-events:none;width:var(--isi,0%);background:var(--air-gelap);-webkit-mask:linear-gradient(to bottom right,#000 calc(var(--sapu) - 8%),transparent var(--sapu)),var(--ombak-kanan) 100% 0 / calc(var(--riak) + 1px) 84px repeat-y,linear-gradient(#000 0 0) 0 0 / calc(100% - var(--riak)) 100% no-repeat;mask:linear-gradient(to bottom right,#000 calc(var(--sapu) - 8%),transparent var(--sapu)),var(--ombak-kanan) 100% 0 / calc(var(--riak) + 1px) 84px repeat-y,linear-gradient(#000 0 0) 0 0 / calc(100% - var(--riak)) 100% no-repeat;animation:2.6s cubic-bezier(.3,.15,.45,1) .15s both bx-air-sebar;position:absolute;inset:0 auto 0 0;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.bx-blok--isi:after{background:var(--air-terang);animation-duration:2.2s;animation-delay:0s;-webkit-mask-position:0 0,100% 42px,0 0;mask-position:0 0,100% 42px,0 0}@keyframes bx-air-sebar{0%{--sapu:0%}}.bx-blok{--bx-tinta:var(--bx-fg)}@supports (color:color-mix(in lab,red,red)){.bx-blok{--bx-tinta:color-mix(in srgb, var(--bx-fg) 45%, #0b0b0b)}}.bx-blok{--bx-redam:var(--bx-fg)}@supports (color:color-mix(in lab,red,red)){.bx-blok{--bx-redam:color-mix(in srgb, var(--bx-fg) 76%, transparent)}}.bx-blok-angka b{letter-spacing:-.035em;color:var(--bx-tinta);font-weight:700}.bx-blok-angka small{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}.bx-blok-judul{font:600 .875rem/1.3 var(--font-body);color:var(--bx-redam);opacity:1}.bx-blok-dari{font-family:var(--font-body);color:var(--bx-redam);font-weight:500}.bx-blok-persen{font:700 1.25rem/1 var(--font-display);letter-spacing:-.02em;color:var(--bx-sorot,inherit);opacity:1;align-items:baseline;gap:.0625rem;display:inline-flex}.bx-blok-persen small{font-size:.75em;font-weight:700}.bx-nada-tema{--bx-bg:var(--mh-primary,#7a2f24);--bx-fg:#fff;--bx-tinta:#fff;--bx-redam:#ffffffc7;--bx-sorot:var(--mh-accent,#e0b655)}.bx-nada-tema.bx-blok--isi{--air-gelap:#00000024;--air-terang:#00000014}.bx-nada-kartu{--bx-bg:var(--mh-surface,#fff);--bx-fg:var(--mh-text,#1c1c1c);--bx-tinta:var(--mh-text,#1c1c1c);--bx-redam:var(--mh-text-muted,#6b6b6b);box-shadow:0 1px 2px var(--mh-sidebar-bg,#1c1c1c)}@supports (color:color-mix(in lab,red,red)){.bx-nada-kartu{box-shadow:0 1px 2px color-mix(in srgb,var(--mh-sidebar-bg,#1c1c1c) 6%,transparent)}}.bx-nada-kartu.bx-blok--isi{--air-gelap:var(--mh-primary,#7a2f24)}@supports (color:color-mix(in lab,red,red)){.bx-nada-kartu.bx-blok--isi{--air-gelap:color-mix(in srgb, var(--mh-primary,#7a2f24) 12%, transparent)}}.bx-nada-kartu.bx-blok--isi{--air-terang:var(--mh-primary,#7a2f24)}@supports (color:color-mix(in lab,red,red)){.bx-nada-kartu.bx-blok--isi{--air-terang:color-mix(in srgb, var(--mh-primary,#7a2f24) 7%, transparent)}}.bx-hari-kisi>.bx-blok{animation:.52s cubic-bezier(.2,.8,.2,1) both bx-muncul}.bx-hari-kisi>.bx-blok:nth-child(2){animation-delay:70ms}.bx-hari-kisi>.bx-blok:nth-child(3){animation-delay:.14s}.bx-hari-kisi>.bx-blok:nth-child(4){animation-delay:.21s}.bx-hari-kisi>.bx-blok:nth-child(5){animation-delay:.28s}@media(prefers-reduced-motion:reduce){.bx-ubin,.bx-blok{transition:none}.bx-kalender li,.bx-hari-kisi>.bx-blok{animation:none}.bx-blok--isi:before,.bx-blok--isi:after{animation:none!important}}.bx-kartu .chart-box-lg{height:13rem;min-height:0}.bx-blok-angka b,.bx-blok-persen,.bx-aksi-t b,.bx-ubin-angka b,.bx-master-item b,.bx-deret b,.bx-angka-baris b,.bx-pekat b,.bx-juz-sel b{font-family:"Fraunces",var(--font-display);letter-spacing:-.02em;font-weight:600}.bx-blok--tinggi,.bx-capai{--pad-x:1.25rem;--pad-t:1.125rem;--pad-b:1.125rem;padding:var(--pad-t) var(--pad-x) var(--pad-b);text-align:left;grid-template:"judul persen""angka angka"1fr"aksi aksi"/minmax(0,1fr) auto;place-items:center start;row-gap:.25rem;display:grid}:is(.bx-blok--tinggi,.bx-capai).bx-nada-tema{background:linear-gradient(150deg,var(--mh-primary,#7a2f24) 0%,var(--mh-primary,#7a2f24) 42%,var(--mh-primary,#7a2f24) 100%)}@supports (color:color-mix(in lab,red,red)){:is(.bx-blok--tinggi,.bx-capai).bx-nada-tema{background:linear-gradient(150deg,color-mix(in srgb,var(--mh-primary,#7a2f24) 82%,#fff) 0%,var(--mh-primary,#7a2f24) 42%,color-mix(in srgb,var(--mh-primary,#7a2f24) 62%,#000) 100%)}}:is(.bx-blok--tinggi,.bx-capai)>.bx-blok-judul{grid-area:judul;font-size:1rem}:is(.bx-blok--tinggi,.bx-capai)>.bx-blok-persen{grid-area:persen;justify-self:end}:is(.bx-blok--tinggi,.bx-capai)>.bx-blok-angka{grid-area:angka;justify-content:flex-start;justify-self:stretch;align-items:baseline;gap:0 .75rem;margin-top:0}:is(.bx-blok--tinggi,.bx-capai) .bx-blok-angka>b{font-size:5rem;line-height:.9}:is(.bx-blok--tinggi,.bx-capai) .bx-blok-dari{order:2;margin-top:.375rem;font-size:1.0625rem}:is(.bx-blok--tinggi,.bx-capai) .bx-blok-angka>.bx-blok-persen{font:600 2.5rem/1 "Fraunces",var(--font-display);letter-spacing:-.02em;color:var(--bx-tinta);order:1;margin-left:auto}:is(.bx-blok--tinggi,.bx-capai) .bx-blok-angka>.bx-blok-persen b{font:inherit;letter-spacing:inherit;color:inherit}:is(.bx-blok--tinggi,.bx-capai) .bx-blok-angka>.bx-blok-persen small{font:500 .55em/1 var(--font-body);color:var(--bx-redam);margin-left:.125rem}.bx-blok-tautan{z-index:1;border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0}.bx-blok-tautan:focus-visible{outline:3px solid var(--mh-accent,#e0b655);outline-offset:-3px}.bx-aksi{--aksi-warna:var(--mh-primary,#7a2f24);--bx-tinta:var(--aksi-warna)}@supports (color:color-mix(in lab,red,red)){.bx-aksi{--bx-tinta:color-mix(in srgb, var(--aksi-warna) 70%, #000)}}.bx-aksi{--bx-redam:var(--mh-text-muted,#6b6b6b);--aksi-sorot:var(--mh-accent,#e0b655);z-index:2;margin:1.25rem calc(-1 * var(--pad-x)) calc(-1 * var(--pad-b));padding:1rem var(--pad-x) var(--pad-b);background:var(--mh-surface,#fff);color:var(--mh-text,#1c1c1c);grid-area:aksi;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;place-self:end stretch;gap:1rem;display:grid;position:relative}:not(.bx-nada-tema)>.bx-aksi{--aksi-warna:var(--bx-fg)}.bx-aksi>*{min-width:0;color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.bx-aksi>a{border-radius:14px}.bx-aksi>a:focus-visible{outline:2px solid var(--aksi-warna);outline-offset:4px}.bx-aksi-ik{isolation:isolate;background:linear-gradient(180deg,var(--aksi-warna),var(--aksi-warna));border-radius:14px;flex:none;place-items:center;width:3rem;height:3rem;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.bx-aksi-ik{background:linear-gradient(180deg,color-mix(in srgb,var(--aksi-warna) 80%,#fff),var(--aksi-warna))}}.bx-aksi-ik{color:#fff;box-shadow:inset 0 1px #ffffff59,0 4px 10px var(--aksi-warna)}@supports (color:color-mix(in lab,red,red)){.bx-aksi-ik{box-shadow:inset 0 1px #ffffff59,0 4px 10px color-mix(in srgb,var(--aksi-warna) 35%,transparent)}}.bx-aksi-ik{transition:transform .22s cubic-bezier(.3,1.4,.5,1),box-shadow .22s}.bx-aksi-ik svg{width:1.5rem;height:1.5rem;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}.bx-aksi .redup .bx-aksi-ik{background:var(--aksi-warna)}@supports (color:color-mix(in lab,red,red)){.bx-aksi .redup .bx-aksi-ik{background:color-mix(in srgb,var(--aksi-warna) 12%,#fff)}}.bx-aksi .redup .bx-aksi-ik{color:var(--aksi-warna);box-shadow:inset 0 0 0 1px var(--aksi-warna)}@supports (color:color-mix(in lab,red,red)){.bx-aksi .redup .bx-aksi-ik{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--aksi-warna) 18%,transparent)}}.bx-aksi .sorot .bx-aksi-ik{background:linear-gradient(180deg,var(--aksi-sorot) 0%,var(--aksi-sorot) 55%,var(--aksi-sorot) 100%)}@supports (color:color-mix(in lab,red,red)){.bx-aksi .sorot .bx-aksi-ik{background:linear-gradient(180deg,color-mix(in srgb,var(--aksi-sorot) 70%,#fff) 0%,var(--aksi-sorot) 55%,color-mix(in srgb,var(--aksi-sorot) 78%,#000) 100%)}}.bx-aksi .sorot .bx-aksi-ik{color:var(--aksi-warna)}@supports (color:color-mix(in lab,red,red)){.bx-aksi .sorot .bx-aksi-ik{color:color-mix(in srgb,var(--aksi-warna) 70%,#000)}}.bx-aksi .sorot .bx-aksi-ik:after{content:"";z-index:-1;border-radius:inherit;animation:2.4s ease-out infinite bx-aksi-denyut;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes bx-aksi-denyut{0%{box-shadow:0 0 color-mix(in srgb,var(--aksi-sorot) 70%,transparent)}70%,to{box-shadow:0 0 0 .6rem #0000}}.bx-aksi .sorot .bx-aksi-t b{color:var(--aksi-sorot)}@supports (color:color-mix(in lab,red,red)){.bx-aksi .sorot .bx-aksi-t b{color:color-mix(in srgb,var(--aksi-sorot) 60%,#5a3a00)}}.bx-aksi>a:is(:hover,:focus-visible) .bx-aksi-ik{transform:translateY(-3px);box-shadow:inset 0 1px #ffffffe6,0 8px 16px #0000004d}.bx-aksi>a:active .bx-aksi-ik{transform:translateY(0)scale(.94)}.bx-aksi>a.ik-putar:hover svg{transform:rotate(90deg)}.bx-aksi>a.ik-goyang:hover svg{animation:.5s bx-aksi-goyang}.bx-aksi>a.ik-geser:hover svg{transform:translate(2px)}@keyframes bx-aksi-goyang{25%{transform:rotate(-14deg)}60%{transform:rotate(10deg)}}.bx-aksi-t{flex-direction:column;gap:.125rem;min-width:0;display:flex}.bx-aksi-t b{font:600 2rem/1 "Fraunces",var(--font-display);letter-spacing:-.02em;color:var(--bx-tinta);font-variant-numeric:tabular-nums}.bx-aksi-t span{font:500 .875rem/1.2 var(--font-body);color:var(--bx-redam)}.bx-aksi--teks .bx-aksi-t b{white-space:nowrap;font-size:1.375rem}.bx-hari-kisi>.bx-blok.bx-nada-kartu .bx-blok-judul{font-size:1rem}.bx-hari-kisi>.bx-blok.bx-nada-kartu .bx-blok-angka b{font-size:3.5rem}.bx-hari-kisi>.bx-blok.bx-nada-kartu .bx-blok-dari{font-size:.9375rem}.bx-target-bulan .bx-blok-judul{font-size:1rem}.bx-target-bulan .bx-blok-angka b{font-size:3.5rem}.bx-target-bulan .bx-blok-ket{font-size:.9375rem}@container (max-width:499.98px){.bx-blok--tinggi,.bx-capai{--pad-x:1.125rem;--pad-t:1rem;--pad-b:1rem;min-height:0}:is(.bx-blok--tinggi,.bx-capai) .bx-blok-angka>b{font-size:4.25rem}:is(.bx-blok--tinggi,.bx-capai) .bx-blok-angka>.bx-blok-persen{font-size:2rem}.bx-aksi{gap:.75rem;margin-top:1rem;padding-top:.875rem}.bx-aksi>*{gap:.625rem}.bx-aksi-ik{border-radius:13px;width:2.75rem;height:2.75rem}.bx-aksi-ik svg{width:1.375rem;height:1.375rem}.bx-aksi-t b{font-size:1.75rem}.bx-aksi-t span{font-size:.8125rem}.bx-aksi--teks .bx-aksi-t b{font-size:1.125rem}.bx-hari-kisi>.bx-blok.bx-nada-kartu .bx-blok-angka b{font-size:2.5rem}}@container (min-width:900px){.bx-hari-kisi>.bx-blok.bx-nada-kartu .bx-blok-angka b{font-size:4.75rem}}@media(prefers-reduced-motion:reduce){.bx-aksi .sorot .bx-aksi-ik:after,.bx-aksi>a.ik-goyang:hover svg{animation:none}.bx-aksi-ik,.bx-aksi-ik svg{transition:none}}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/poppins-400-latin-ext-by3JarPu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/build/assets/poppins-700-latin-ext-cby-RkWa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/build/assets/inter-var-latin-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url(/build/assets/sora-var-latin-BUlRykrX.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/build/assets/fraunces-var-latin-ukD16Tqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:block;src:url(/build/assets/amiri-quran-arabic-wRcqfVJx.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:KFGQPC Uthmanic Hafs;font-style:normal;font-weight:400;font-display:block;src:url(/build/assets/uthmanic-hafs-CvCt8iWg.woff2)format("woff2")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/aref-ruqaa-arabic-AKnCEuAE.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}.predikat{font-family:"Aref Ruqaa",var(--font-amiri-quran);white-space:nowrap;font-size:1.45em;line-height:1.5}:root{--tap-min:44px;--tap-gap:8px;--bottom-nav-h:60px;--bottom-nav-float:18px;--z-dropdown:20;--z-sticky:30;--z-sidebar:40;--rail-w:80px;--rail-panel-w:172px;--z-modal-backdrop:50;--z-modal:51;--z-modal-nested-backdrop:54;--z-modal-nested:55;--z-select-dropdown:60;--z-tooltip:70;--z-toast:80;--layout-gap:1.5rem;--success-rgb:16, 185, 129;--warning-rgb:245, 158, 11;--danger-rgb:239, 68, 68;--info-rgb:59, 130, 246;--ambient-blobs:radial-gradient(42rem 30rem at 12% -8%, rgba(var(--primary-rgb), .14), transparent 62%), radial-gradient(38rem 28rem at 92% 8%, rgba(var(--accent-rgb), .12), transparent 62%), radial-gradient(34rem 26rem at 50% 112%, rgba(var(--primary-rgb), .08), transparent 62%);--pad-card:1.25rem;--pad-card-sm:.875rem;--pad-cell-x:1rem;--pad-cell-y:.625rem;--gap-section:1.25rem;--gap-grid:.75rem;--radius-lg:1.25rem;--radius-md:.875rem;--radius-sm:.625rem;--radius-xs:.375rem;--radius:var(--radius-md);--state-hover:rgba(var(--neutral-rgb), .05);--state-hover-strong:rgba(var(--neutral-rgb), .09);--state-pressed:rgba(var(--neutral-rgb), .12);--state-selected:rgba(var(--primary-rgb), .1);--state-selected-border:rgba(var(--primary-rgb), .45);--state-focus-ring:rgba(var(--primary-rgb), .6);--state-disabled-opacity:.5;--state-loading-opacity:.65;--border-subtle:rgba(var(--neutral-rgb), .07);--border-faint:rgba(var(--neutral-rgb), .05);--fill-subtle:rgba(var(--neutral-rgb), .035);--fill-muted:rgba(var(--neutral-rgb), .06);--elev-1:0 1px 2px rgba(var(--neutral-rgb), .05);--elev-2:0 1px 2px rgba(var(--neutral-rgb), .06), 0 8px 24px -12px rgba(var(--neutral-rgb), .18);--elev-3:0 2px 4px rgba(var(--neutral-rgb), .06), 0 16px 40px -16px rgba(var(--neutral-rgb), .24);--elev-4:0 4px 8px rgba(var(--neutral-rgb), .07), 0 32px 64px -24px rgba(var(--neutral-rgb), .3);--glass-blur:22px;--glass-saturate:180%;--glass-bg:rgba(var(--surface-card-rgb), .86);--glass-bg-strong:rgba(var(--surface-overlay-rgb), .95);--glass-border:1px solid var(--border-subtle);--glass-highlight:inset 0 1px 0 0 #ffffffbf;--chrome-bg:var(--chrome-bg-solid)}@supports (color:color-mix(in lab,red,red)){:root{--chrome-bg:color-mix(in srgb, var(--chrome-bg-solid) 82%, transparent)}}:root{--chrome-bg-strong:var(--chrome-bg-strong-solid)}@supports (color:color-mix(in lab,red,red)){:root{--chrome-bg-strong:color-mix(in srgb, var(--chrome-bg-strong-solid) 92%, transparent)}}:root{--chrome-blur:28px;--chrome-border:rgba(var(--neutral-rgb), .08);--chrome-highlight:inset 0 1px 0 0 #fff9;--chrome-fg:#fff;--chrome-fg-muted:#ffffffe0;--chrome-fg-subtle:#ffffffad;--control-active-bg:var(--color-primary-600);--control-active-fg:#fff;--control-active-shadow:0 1px 2px rgba(var(--primary-strong-rgb), .24), inset 0 1px 0 0 #ffffff2e;--track-display:-.022em;--track-title:-.015em;--track-heading:-.008em;--track-body:0em;--track-caption:.005em;--track-micro:.02em;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1)}:root,html[data-theme=samudra]{--color-primary-50:#f3f7ff;--color-primary-100:#dde8fe;--color-primary-400:#6190f9;--color-primary-500:#2857cf;--color-primary-600:#2149af;--color-primary-700:#203b91;--color-accent-50:#f5f9ea;--color-accent-100:#e6efca;--color-accent-400:#d9f36a;--color-accent-500:#6d7e03;--color-accent-600:#5a6902;--color-accent-700:#455101;--primary-rgb:40, 87, 207;--primary-strong-rgb:33, 73, 175;--accent-rgb:109, 126, 3;--color-surface-950:#e8ecf5;--color-surface-900:#f3f5fa;--chrome-bg-solid:#1b2847;--chrome-bg-strong-solid:#263763;--band-hafalan:#e7ebf6;--band-tahsin:#f1f2e5;--band-data:#eaecf0;--band-sistem:#eaeef7;--color-slate-50:#f8f9fc;--color-slate-100:#f2f4fa;--color-slate-200:#e4e7f1;--color-slate-300:#ced4e3;--color-slate-400:#98a2ba;--color-slate-500:#5d6985;--color-slate-600:#4a536d;--color-slate-700:#353f59;--color-slate-800:#20283e;--color-slate-900:#101729;--color-slate-950:#05070c;--neutral-rgb:16, 23, 41;--scrim-rgb:2, 3, 5;--surface-overlay-rgb:252, 252, 255;--surface-input-rgb:250, 252, 255;--surface-card-rgb:242, 246, 255;--surface-nested-rgb:232, 238, 255;--surface-sunken-rgb:220, 229, 253;--surface-nav-dark-rgb:40, 56, 95;--card-rgb:242, 246, 255;--identity-nav-rgb:40, 56, 95;--identity-nav-strong-rgb:33, 50, 94;--identity-data-header-rgb:32, 59, 145;--identity-workspace-rgb:228, 236, 255;--identity-highlight-rgb:236, 242, 195}html[data-theme=zamrud]{--color-primary-50:#f0f9f5;--color-primary-100:#d8eee3;--color-primary-400:#54957a;--color-primary-500:#026548;--color-primary-600:#02523a;--color-primary-700:#03402c;--color-accent-50:#fcf7e8;--color-accent-100:#f6e9c4;--color-accent-400:#fad86f;--color-accent-500:#8d7103;--color-accent-600:#755e02;--color-accent-700:#5b4803;--primary-rgb:2, 101, 72;--primary-strong-rgb:2, 82, 58;--accent-rgb:141, 113, 3;--color-surface-950:#dcf1eb;--color-surface-900:#ebf8f4;--chrome-bg-solid:#112e25;--chrome-bg-strong-solid:#183f34;--band-hafalan:#d9f0ea;--band-tahsin:#f3f1e7;--band-data:#e6edeb;--band-sistem:#def2ed;--color-slate-50:#f5fbf9;--color-slate-100:#ecf7f3;--color-slate-200:#d9ece6;--color-slate-300:#bedad2;--color-slate-400:#80ab9e;--color-slate-500:#4e7066;--color-slate-600:#3d5951;--color-slate-700:#2a453d;--color-slate-800:#172c26;--color-slate-900:#0a1a16;--color-slate-950:#030806;--neutral-rgb:10, 26, 22;--scrim-rgb:1, 4, 3;--surface-overlay-rgb:250, 254, 252;--surface-input-rgb:247, 254, 251;--surface-card-rgb:235, 249, 245;--surface-nested-rgb:220, 244, 237;--surface-sunken-rgb:203, 236, 227;--surface-nav-dark-rgb:10, 65, 49;--card-rgb:235, 249, 245;--identity-nav-rgb:10, 65, 49;--identity-nav-strong-rgb:0, 60, 43;--identity-data-header-rgb:3, 64, 44;--identity-workspace-rgb:198, 245, 231;--identity-highlight-rgb:248, 238, 201}html[data-theme=nila]{--color-primary-50:#f6f6fe;--color-primary-100:#e7e5fe;--color-primary-400:#7b65d2;--color-primary-500:#4f26a7;--color-primary-600:#401b8c;--color-primary-700:#321071;--color-accent-50:#fef5ee;--color-accent-100:#fee4d1;--color-accent-400:#fec396;--color-accent-500:#a36229;--color-accent-600:#8b4f17;--color-accent-700:#6f3b07;--primary-rgb:79, 38, 167;--primary-strong-rgb:64, 27, 140;--accent-rgb:163, 98, 41;--color-surface-950:#edeaf6;--color-surface-900:#f6f3fb;--chrome-bg-solid:#301f52;--chrome-bg-strong-solid:#412b72;--band-hafalan:#eeeaf7;--band-tahsin:#f5f0eb;--band-data:#edecf1;--band-sistem:#efecf8;--color-slate-50:#faf9fd;--color-slate-100:#f6f3fa;--color-slate-200:#e9e5f2;--color-slate-300:#d8d1e5;--color-slate-400:#a79cbe;--color-slate-500:#70628c;--color-slate-600:#5a4e73;--color-slate-700:#463a60;--color-slate-800:#2e2344;--color-slate-900:#1b1230;--color-slate-950:#08060f;--neutral-rgb:27, 18, 48;--scrim-rgb:4, 3, 7;--surface-overlay-rgb:253, 253, 255;--surface-input-rgb:253, 252, 255;--surface-card-rgb:247, 244, 255;--surface-nested-rgb:242, 235, 255;--surface-sunken-rgb:234, 225, 255;--surface-nav-dark-rgb:65, 47, 103;--card-rgb:247, 244, 255;--identity-nav-rgb:65, 47, 103;--identity-nav-strong-rgb:60, 40, 101;--identity-data-header-rgb:50, 16, 113;--identity-workspace-rgb:240, 233, 255;--identity-highlight-rgb:255, 234, 217}html[data-theme=senja]{--color-primary-50:#fef5ee;--color-primary-100:#fde2ce;--color-primary-400:#d48b51;--color-primary-500:#b15f01;--color-primary-600:#965001;--color-primary-700:#7c4101;--color-accent-50:#f8f5ff;--color-accent-100:#ece6fb;--color-accent-400:#dacbf9;--color-accent-500:#7f64ab;--color-accent-600:#6a5193;--color-accent-700:#523d75;--primary-rgb:177, 95, 1;--primary-strong-rgb:150, 80, 1;--accent-rgb:127, 100, 171;--color-surface-950:#f3eae1;--color-surface-900:#f9f5ef;--chrome-bg-solid:#362614;--chrome-bg-strong-solid:#4a351c;--band-hafalan:#f3eae0;--band-tahsin:#f3f0f8;--band-data:#efebe8;--band-sistem:#f5ede3;--color-slate-50:#fcfaf7;--color-slate-100:#f8f4ef;--color-slate-200:#eee7de;--color-slate-300:#ded3c6;--color-slate-400:#b19f89;--color-slate-500:#776653;--color-slate-600:#605241;--color-slate-700:#4c3d2d;--color-slate-800:#322719;--color-slate-900:#1e160c;--color-slate-950:#090603;--neutral-rgb:30, 22, 12;--scrim-rgb:4, 3, 1;--surface-overlay-rgb:255, 252, 250;--surface-input-rgb:254, 252, 248;--surface-card-rgb:251, 245, 236;--surface-nested-rgb:248, 237, 224;--surface-sunken-rgb:243, 226, 208;--surface-nav-dark-rgb:77, 52, 22;--card-rgb:251, 245, 236;--identity-nav-rgb:77, 52, 22;--identity-nav-strong-rgb:74, 46, 12;--identity-data-header-rgb:124, 65, 1;--identity-workspace-rgb:255, 233, 207;--identity-highlight-rgb:243, 235, 255}html[data-theme=mawar]{--color-primary-50:#fff3f7;--color-primary-100:#fedee9;--color-primary-400:#e672a1;--color-primary-500:#b93272;--color-primary-600:#9e2960;--color-primary-700:#83204f;--color-accent-50:#faf7e8;--color-accent-100:#f1eacc;--color-accent-400:#f8e9a3;--color-accent-500:#867412;--color-accent-600:#706002;--color-accent-700:#574a02;--primary-rgb:185, 50, 114;--primary-strong-rgb:158, 41, 96;--accent-rgb:134, 116, 18;--color-surface-950:#f6e9ef;--color-surface-900:#faf3f7;--chrome-bg-solid:#451a2e;--chrome-bg-strong-solid:#5f2440;--band-hafalan:#f6e8ef;--band-tahsin:#f3f1e7;--band-data:#f1eaed;--band-sistem:#f7eaf1;--color-slate-50:#fcf9fa;--color-slate-100:#faf3f6;--color-slate-200:#f1e4eb;--color-slate-300:#e3cfd8;--color-slate-400:#bb98a9;--color-slate-500:#855e70;--color-slate-600:#6d495a;--color-slate-700:#593646;--color-slate-800:#3d1f2e;--color-slate-900:#290f1b;--color-slate-950:#0c0508;--neutral-rgb:41, 15, 27;--scrim-rgb:5, 2, 4;--surface-overlay-rgb:255, 253, 254;--surface-input-rgb:255, 250, 253;--surface-card-rgb:255, 242, 248;--surface-nested-rgb:255, 233, 243;--surface-sunken-rgb:254, 219, 236;--surface-nav-dark-rgb:94, 38, 65;--card-rgb:255, 242, 248;--identity-nav-rgb:94, 38, 65;--identity-nav-strong-rgb:91, 29, 59;--identity-data-header-rgb:131, 32, 79;--identity-workspace-rgb:255, 229, 241;--identity-highlight-rgb:246, 239, 199}html[data-theme=pirus]{--color-primary-50:#eff9f9;--color-primary-100:#d3eeed;--color-primary-400:#5daeab;--color-primary-500:#028380;--color-primary-600:#026e6b;--color-primary-700:#025957;--color-accent-50:#fff4f2;--color-accent-100:#fee2dc;--color-accent-400:#ff9d87;--color-accent-500:#b05643;--color-accent-600:#974432;--color-accent-700:#783122;--primary-rgb:2, 131, 128;--primary-strong-rgb:2, 110, 107;--accent-rgb:176, 86, 67;--color-surface-950:#dbf0f0;--color-surface-900:#ebf8f7;--chrome-bg-solid:#112d2d;--chrome-bg-strong-solid:#183e3e;--band-hafalan:#d9f0f0;--band-tahsin:#f7f0ee;--band-data:#e6eded;--band-sistem:#ddf2f1;--color-slate-50:#f5fbfb;--color-slate-100:#ebf7f6;--color-slate-200:#d9eceb;--color-slate-300:#bedad9;--color-slate-400:#7ea9a8;--color-slate-500:#4e6e6e;--color-slate-600:#3d5959;--color-slate-700:#294544;--color-slate-800:#172c2c;--color-slate-900:#0a1a1a;--color-slate-950:#030807;--neutral-rgb:10, 26, 26;--scrim-rgb:1, 4, 3;--surface-overlay-rgb:249, 253, 253;--surface-input-rgb:246, 253, 253;--surface-card-rgb:235, 249, 248;--surface-nested-rgb:220, 243, 242;--surface-sunken-rgb:201, 235, 235;--surface-nav-dark-rgb:9, 65, 63;--card-rgb:235, 249, 248;--identity-nav-rgb:9, 65, 63;--identity-nav-strong-rgb:0, 59, 57;--identity-data-header-rgb:2, 89, 87;--identity-workspace-rgb:197, 244, 243;--identity-highlight-rgb:255, 233, 229}html[data-theme=ametis]{--color-primary-50:#fcf4fd;--color-primary-100:#f4e0f9;--color-primary-400:#be73cf;--color-primary-500:#8e35a1;--color-primary-600:#772a88;--color-primary-700:#61206f;--color-accent-50:#ebfbf3;--color-accent-100:#cff4e2;--color-accent-400:#96edc7;--color-accent-500:#1c8864;--color-accent-600:#037251;--color-accent-700:#02593e;--primary-rgb:142, 53, 161;--primary-strong-rgb:119, 42, 136;--accent-rgb:28, 136, 100;--color-surface-950:#f3e9f6;--color-surface-900:#f9f3fa;--chrome-bg-solid:#3e1b46;--chrome-bg-strong-solid:#562460;--band-hafalan:#f4e7f6;--band-tahsin:#e7f3ef;--band-data:#f0eaf1;--band-sistem:#f5eaf7;--color-slate-50:#fcf9fc;--color-slate-100:#f8f3fa;--color-slate-200:#efe4f1;--color-slate-300:#dfcfe3;--color-slate-400:#b598bb;--color-slate-500:#7e5e85;--color-slate-600:#67496d;--color-slate-700:#533659;--color-slate-800:#381f3e;--color-slate-900:#241029;--color-slate-950:#0b050c;--neutral-rgb:36, 16, 41;--scrim-rgb:5, 2, 5;--surface-overlay-rgb:255, 253, 255;--surface-input-rgb:254, 250, 255;--surface-card-rgb:253, 242, 255;--surface-nested-rgb:251, 233, 255;--surface-sunken-rgb:248, 219, 254;--surface-nav-dark-rgb:85, 38, 94;--card-rgb:253, 242, 255;--identity-nav-rgb:85, 38, 94;--identity-nav-strong-rgb:81, 29, 91;--identity-data-header-rgb:97, 32, 111;--identity-workspace-rgb:250, 229, 255;--identity-highlight-rgb:201, 249, 233}html[data-theme=kopi]{--color-primary-50:#fdf5f1;--color-primary-100:#f7e4d9;--color-primary-400:#ad7d61;--color-primary-500:#7d4929;--color-primary-600:#66391d;--color-primary-700:#502a13;--color-accent-50:#fcf6eb;--color-accent-100:#f2e8d7;--color-accent-400:#edd8b2;--color-accent-500:#946d11;--color-accent-600:#7c5a01;--color-accent-700:#614502;--primary-rgb:125, 73, 41;--primary-strong-rgb:102, 57, 29;--accent-rgb:148, 109, 17;--color-surface-950:#f0ebe8;--color-surface-900:#f7f4f3;--chrome-bg-solid:#35261d;--chrome-bg-strong-solid:#483429;--band-hafalan:#f0eae7;--band-tahsin:#f2f1ed;--band-data:#eeebea;--band-sistem:#f2ece9;--color-slate-50:#fbfaf9;--color-slate-100:#f6f4f2;--color-slate-200:#ebe7e4;--color-slate-300:#dad2ce;--color-slate-400:#ab9f98;--color-slate-500:#726660;--color-slate-600:#5c524c;--color-slate-700:#483e38;--color-slate-800:#302722;--color-slate-900:#1d1612;--color-slate-950:#0a0604;--neutral-rgb:29, 22, 18;--scrim-rgb:5, 3, 2;--surface-overlay-rgb:254, 252, 251;--surface-input-rgb:253, 251, 250;--surface-card-rgb:248, 245, 242;--surface-nested-rgb:243, 237, 232;--surface-sunken-rgb:237, 227, 220;--surface-nav-dark-rgb:71, 54, 43;--card-rgb:248, 245, 242;--identity-nav-rgb:71, 54, 43;--identity-nav-strong-rgb:66, 48, 36;--identity-data-header-rgb:80, 42, 19;--identity-workspace-rgb:247, 233, 224;--identity-highlight-rgb:245, 238, 221}html[data-theme=arang]{--color-primary-50:#f7f7f6;--color-primary-100:#e8e8e6;--color-primary-400:#6e6c69;--color-primary-500:#3f3d3a;--color-primary-600:#2f2d2a;--color-primary-700:#1f1d1a;--color-accent-50:#fdf6e8;--color-accent-100:#fae7c4;--color-accent-400:#ffc336;--color-accent-500:#946d04;--color-accent-600:#7b5a02;--color-accent-700:#604500;--primary-rgb:63, 61, 58;--primary-strong-rgb:47, 45, 42;--accent-rgb:148, 109, 4;--color-surface-950:#ecebea;--color-surface-900:#f5f4f4;--chrome-bg-solid:#2b2824;--chrome-bg-strong-solid:#3c3933;--band-hafalan:#edebea;--band-tahsin:#f1f0ef;--band-data:#ececeb;--band-sistem:#efedec;--color-slate-50:#faf9f9;--color-slate-100:#f5f5f4;--color-slate-200:#e8e7e6;--color-slate-300:#d5d3d1;--color-slate-400:#a4a19e;--color-slate-500:#6b6965;--color-slate-600:#555451;--color-slate-700:#42403d;--color-slate-800:#2a2826;--color-slate-900:#191816;--color-slate-950:#070706;--neutral-rgb:25, 24, 22;--scrim-rgb:3, 3, 3;--surface-overlay-rgb:253, 253, 251;--surface-input-rgb:252, 252, 251;--surface-card-rgb:246, 246, 244;--surface-nested-rgb:240, 238, 236;--surface-sunken-rgb:231, 229, 225;--surface-nav-dark-rgb:60, 57, 52;--card-rgb:246, 246, 244;--identity-nav-rgb:60, 57, 52;--identity-nav-strong-rgb:55, 52, 47;--identity-data-header-rgb:31, 29, 26;--identity-workspace-rgb:238, 236, 231;--identity-highlight-rgb:240, 238, 234}html[data-theme=marun]{--color-primary-50:#fef4f5;--color-primary-100:#ffdfe2;--color-primary-400:#a95864;--color-primary-500:#791e33;--color-primary-600:#621226;--color-primary-700:#4b0719;--color-accent-50:#fef4f1;--color-accent-100:#fce4db;--color-accent-400:#f4c0ae;--color-accent-500:#aa5c40;--color-accent-600:#914930;--color-accent-700:#743620;--primary-rgb:121, 30, 51;--primary-strong-rgb:98, 18, 38;--accent-rgb:170, 92, 64;--color-surface-950:#f3eaec;--color-surface-900:#f9f4f5;--chrome-bg-solid:#431d26;--chrome-bg-strong-solid:#5c2834;--band-hafalan:#f4e9ec;--band-tahsin:#f5f0ee;--band-data:#f0ebec;--band-sistem:#f6ebed;--color-slate-50:#fcf9fa;--color-slate-100:#f9f4f5;--color-slate-200:#efe5e7;--color-slate-300:#dfd0d4;--color-slate-400:#b49ba1;--color-slate-500:#7d6168;--color-slate-600:#664e53;--color-slate-700:#52393f;--color-slate-800:#382328;--color-slate-900:#251217;--color-slate-950:#0c0507;--neutral-rgb:37, 18, 23;--scrim-rgb:5, 2, 3;--surface-overlay-rgb:255, 253, 253;--surface-input-rgb:255, 251, 252;--surface-card-rgb:253, 244, 246;--surface-nested-rgb:252, 234, 238;--surface-sunken-rgb:247, 223, 229;--surface-nav-dark-rgb:85, 46, 55;--card-rgb:253, 244, 246;--identity-nav-rgb:85, 46, 55;--identity-nav-strong-rgb:82, 39, 49;--identity-data-header-rgb:75, 7, 25;--identity-workspace-rgb:255, 230, 235;--identity-highlight-rgb:255, 234, 226}html[data-theme=delima]{--color-primary-50:#fef4f3;--color-primary-100:#fee0dc;--color-primary-400:#f27166;--color-primary-500:#c52c2a;--color-primary-600:#a82422;--color-primary-700:#8c1c1a;--color-accent-50:#fdf6e8;--color-accent-100:#f9e8c4;--color-accent-400:#faca59;--color-accent-500:#926e03;--color-accent-600:#795b04;--color-accent-700:#5e4602;--primary-rgb:197, 44, 42;--primary-strong-rgb:168, 36, 34;--accent-rgb:146, 110, 3;--color-surface-950:#f6e9e8;--color-surface-900:#fbf4f3;--chrome-bg-solid:#471b1b;--chrome-bg-strong-solid:#612625;--band-hafalan:#f6e8e8;--band-tahsin:#f4f1e7;--band-data:#f1ebea;--band-sistem:#f7ebea;--color-slate-50:#fdf9f9;--color-slate-100:#faf3f3;--color-slate-200:#f1e4e4;--color-slate-300:#e3d0cf;--color-slate-400:#b99;--color-slate-500:#865e5e;--color-slate-600:#6f4b4b;--color-slate-700:#5a3736;--color-slate-800:#3e2020;--color-slate-900:#291010;--color-slate-950:#0c0505;--neutral-rgb:41, 16, 16;--scrim-rgb:5, 2, 2;--surface-overlay-rgb:255, 252, 252;--surface-input-rgb:255, 251, 250;--surface-card-rgb:255, 243, 242;--surface-nested-rgb:255, 233, 233;--surface-sunken-rgb:255, 221, 221;--surface-nav-dark-rgb:96, 40, 40;--card-rgb:255, 243, 242;--identity-nav-rgb:96, 40, 40;--identity-nav-strong-rgb:93, 31, 31;--identity-data-header-rgb:140, 28, 26;--identity-workspace-rgb:255, 230, 230;--identity-highlight-rgb:250, 238, 202}html[data-theme=baja]{--color-primary-50:#f4f7fa;--color-primary-100:#e2e9f0;--color-primary-400:#78889a;--color-primary-500:#45576b;--color-primary-600:#374758;--color-primary-700:#2a3745;--color-accent-50:#fff5ee;--color-accent-100:#ffe4d2;--color-accent-400:#ef9f67;--color-accent-500:#a95f24;--color-accent-600:#904c10;--color-accent-700:#733800;--primary-rgb:69, 87, 107;--primary-strong-rgb:55, 71, 88;--accent-rgb:169, 95, 36;--color-surface-950:#e9ecf0;--color-surface-900:#f3f6f8;--chrome-bg-solid:#1f2a37;--chrome-bg-strong-solid:#2b3a4c;--band-hafalan:#e8ecf1;--band-tahsin:#f3f0ee;--band-data:#ebecee;--band-sistem:#eaeef3;--color-slate-50:#f8fafb;--color-slate-100:#f3f4f7;--color-slate-200:#e4e7eb;--color-slate-300:#cfd4da;--color-slate-400:#9aa3ac;--color-slate-500:#616a73;--color-slate-600:#4d555d;--color-slate-700:#39414a;--color-slate-800:#232a31;--color-slate-900:#12181e;--color-slate-950:#04070b;--neutral-rgb:18, 24, 30;--scrim-rgb:2, 3, 5;--surface-overlay-rgb:252, 253, 254;--surface-input-rgb:250, 252, 254;--surface-card-rgb:243, 246, 249;--surface-nested-rgb:233, 239, 245;--surface-sunken-rgb:221, 230, 239;--surface-nav-dark-rgb:45, 58, 73;--card-rgb:243, 246, 249;--identity-nav-rgb:45, 58, 73;--identity-nav-strong-rgb:39, 53, 69;--identity-data-header-rgb:42, 55, 69;--identity-workspace-rgb:226, 237, 250;--identity-highlight-rgb:249, 236, 225}html[data-theme=hutan]{--color-primary-50:#f3f9ef;--color-primary-100:#dfeed2;--color-primary-400:#85ad5b;--color-primary-500:#558113;--color-primary-600:#466c0c;--color-primary-700:#385806;--color-accent-50:#fef5ed;--color-accent-100:#ffe4ce;--color-accent-400:#febf87;--color-accent-500:#a16425;--color-accent-600:#895112;--color-accent-700:#6d3d01;--primary-rgb:85, 129, 19;--primary-strong-rgb:70, 108, 12;--accent-rgb:161, 100, 37;--color-surface-950:#e7efd9;--color-surface-900:#f1f7e9;--chrome-bg-solid:#212d11;--chrome-bg-strong-solid:#2e3e17;--band-hafalan:#e5efd6;--band-tahsin:#f5f0eb;--band-data:#eaede6;--band-sistem:#e8f1da;--color-slate-50:#f8fbf5;--color-slate-100:#f2f7eb;--color-slate-200:#e3ead7;--color-slate-300:#cdd8bc;--color-slate-400:#97a87c;--color-slate-500:#606e4d;--color-slate-600:#4c583b;--color-slate-700:#394429;--color-slate-800:#232b16;--color-slate-900:#13190a;--color-slate-950:#060803;--neutral-rgb:19, 25, 10;--scrim-rgb:3, 4, 1;--surface-overlay-rgb:252, 253, 249;--surface-input-rgb:250, 253, 246;--surface-card-rgb:242, 247, 234;--surface-nested-rgb:232, 242, 218;--surface-sunken-rgb:220, 234, 199;--surface-nav-dark-rgb:41, 63, 8;--card-rgb:242, 247, 234;--identity-nav-rgb:41, 63, 8;--identity-nav-strong-rgb:35, 59, 0;--identity-data-header-rgb:56, 88, 6;--identity-workspace-rgb:223, 242, 195;--identity-highlight-rgb:255, 236, 215}html[data-desain="11"],html[data-desain="11"][data-theme=samudra]{--mh-primary:#2857cf;--mh-canvas:#dce6ff;--mh-canvas-alt:#c9ddf9;--mh-surface:#edf1ff;--mh-surface-alt:#dce6f8;--mh-sidebar-bg:#203b91;--mh-accent:#d9f36a;--mh-text:#1d2d4f;--mh-text-secondary:#40557a;--mh-text-muted:#596b8d;--mh-sidebar-muted:#d2dfff}html[data-desain="11"][data-theme=zamrud]{--mh-primary:#026548;--mh-canvas:#d1eee0;--mh-canvas-alt:#b8e1ce;--mh-surface:#e7f7ef;--mh-surface-alt:#d5ede1;--mh-sidebar-bg:#03402c;--mh-accent:#fad86f;--mh-text:#163528;--mh-text-secondary:#375849;--mh-text-muted:#4d6b5d;--mh-sidebar-muted:#c7ebda}html[data-desain="11"][data-theme=nila]{--mh-primary:#4f26a7;--mh-canvas:#e5e3fd;--mh-canvas-alt:#d5d1f6;--mh-surface:#f2f1fe;--mh-surface-alt:#e5e3f9;--mh-sidebar-bg:#321071;--mh-accent:#fec396;--mh-text:#2e274c;--mh-text-secondary:#4f4974;--mh-text-muted:#625d86;--mh-sidebar-muted:#e0ddfe}html[data-desain="11"][data-theme=senja]{--mh-primary:#b15f01;--mh-canvas:#fae1cf;--mh-canvas-alt:#f0ceb6;--mh-surface:#fdf0e6;--mh-surface-alt:#f6e2d4;--mh-sidebar-bg:#7c4101;--mh-accent:#dacbf9;--mh-text:#44250b;--mh-text-secondary:#6a472c;--mh-text-muted:#7c5b42;--mh-sidebar-muted:#f9dbc5}html[data-desain="11"][data-theme=mawar]{--mh-primary:#b93272;--mh-canvas:#fbdde7;--mh-canvas-alt:#f2c9d7;--mh-surface:#feedf3;--mh-surface-alt:#f7dfe7;--mh-sidebar-bg:#83204f;--mh-accent:#f8e9a3;--mh-text:#471e2f;--mh-text-secondary:#6e3f51;--mh-text-muted:#815464;--mh-sidebar-muted:#fbd6e2}html[data-desain="11"][data-theme=pirus]{--mh-primary:#028380;--mh-canvas:#cfeeec;--mh-canvas-alt:#b4e0dd;--mh-surface:#e6f7f5;--mh-surface-alt:#d4eceb;--mh-sidebar-bg:#025957;--mh-accent:#ff9d87;--mh-text:#063534;--mh-text-secondary:#2b5957;--mh-text-muted:#436c6a;--mh-sidebar-muted:#c0ebe9}html[data-desain="11"][data-theme=ametis]{--mh-primary:#8e35a1;--mh-canvas:#f1dff6;--mh-canvas-alt:#e5cceb;--mh-surface:#f9eefb;--mh-surface-alt:#efe0f2;--mh-sidebar-bg:#61206f;--mh-accent:#96edc7;--mh-text:#3c2242;--mh-text-secondary:#614368;--mh-text-muted:#74577a;--mh-sidebar-muted:#efd8f4}html[data-desain="11"][data-theme=kopi]{--mh-primary:#7d4929;--mh-canvas:#f5e2d8;--mh-canvas-alt:#ead0c2;--mh-surface:#fbf0ea;--mh-surface-alt:#f2e3db;--mh-sidebar-bg:#502a13;--mh-accent:#edd8b2;--mh-text:#3c291e;--mh-text-secondary:#604a3e;--mh-text-muted:#735e53;--mh-sidebar-muted:#f7dbcb}html[data-desain="11"][data-theme=arang]{--mh-primary:#3f3d3a;--mh-canvas:#e8e6e2;--mh-canvas-alt:#d9d5d0;--mh-surface:#f4f2f0;--mh-surface-alt:#e8e6e3;--mh-sidebar-bg:#1f1d1a;--mh-accent:#ffc336;--mh-text:#2e2e2d;--mh-text-secondary:#50504e;--mh-text-muted:#646362;--mh-sidebar-muted:#e7e0d7}html[data-desain="11"][data-theme=marun]{--mh-primary:#791e33;--mh-canvas:#f3e1e3;--mh-canvas-alt:#e7cfd1;--mh-surface:#faf0f0;--mh-surface-alt:#f1e2e3;--mh-sidebar-bg:#4b0719;--mh-accent:#f4c0ae;--mh-text:#432327;--mh-text-secondary:#694448;--mh-text-muted:#7c585c;--mh-sidebar-muted:#f6d9dc}html[data-desain="11"][data-theme=delima]{--mh-primary:#c52c2a;--mh-canvas:#feded9;--mh-canvas-alt:#f6cac4;--mh-surface:#feeeec;--mh-surface-alt:#f9dfdc;--mh-sidebar-bg:#8c1c1a;--mh-accent:#faca59;--mh-text:#491f1b;--mh-text-secondary:#71403b;--mh-text-muted:#85554f;--mh-sidebar-muted:#fed7d1}html[data-desain="11"][data-theme=baja]{--mh-primary:#45576b;--mh-canvas:#dde7f3;--mh-canvas-alt:#c9d8e8;--mh-surface:#edf3fa;--mh-surface-alt:#dfe7f1;--mh-sidebar-bg:#2a3745;--mh-accent:#ef9f67;--mh-text:#282e36;--mh-text-secondary:#495159;--mh-text-muted:#5d646c;--mh-sidebar-muted:#d3e3f6}html[data-desain="11"][data-theme=hutan]{--mh-primary:#558113;--mh-canvas:#deecd3;--mh-canvas-alt:#cbddba;--mh-surface:#eef5e8;--mh-surface-alt:#e0ead7;--mh-sidebar-bg:#385806;--mh-accent:#febf87;--mh-text:#243313;--mh-text-secondary:#455633;--mh-text-muted:#596a49;--mh-sidebar-muted:#d7e8c9}@media(max-width:767.98px){:root{--glass-blur:14px}}.dashboard-page-header{flex-flow:row!important;align-items:flex-start!important}.dashboard-page-header>div:first-child{flex:1}.dashboard-page-header>div:last-child{flex:0 42%;justify-content:flex-end;min-width:0}@media(min-width:768px){:root{--pad-card:1.125rem;--pad-card-sm:.75rem;--pad-cell-x:.875rem;--pad-cell-y:.5rem;--gap-section:1rem;--gap-grid:.625rem}}html{background:var(--color-surface-950)}body{background:0 0}body:before{content:"";z-index:-1;pointer-events:none;background:var(--ambient-blobs);position:fixed;top:0;right:0;bottom:0;left:0}@media(min-width:768px){body{scrollbar-gutter:stable}}@media(max-width:767.98px){body{touch-action:pan-y;flex-direction:column;display:flex}main{touch-action:pan-y}}@media(min-width:768px){:root{font-size:15px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(var(--neutral-rgb),.18);border-radius:999px}@media(hover:hover)and (pointer:fine){::-webkit-scrollbar-thumb:hover{background:rgba(var(--neutral-rgb),.3)}}@media(max-width:767.98px){*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-plain{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.4)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes save-check-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes save-btn-pop{0%,to{transform:scale(1)}45%{transform:scale(1.035)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-slow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.animate-fade-in{animation:fade-in .22s var(--ease-out)}.animate-scale-in{animation:scale-in .32s var(--ease-sheet)}.animate-toast-in{animation:toast-in .32s var(--ease-out)}.animate-toast-out{animation:.25s cubic-bezier(.7,0,.84,0) forwards toast-out}.animate-pulse-dot{animation:2s ease-in-out infinite pulse-dot}.animate-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) shake}.animate-slide-in-right{animation:.28s cubic-bezier(.16,1,.3,1) slide-in-right}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-slow{animation:4s ease-in-out infinite pulse-slow}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.font-body{font-family:var(--font-body)}.font-display{font-family:var(--font-display)}.quran-text{font-family:var(--font-quran);text-align:right;word-break:normal;overflow-wrap:normal;font-size:1.375rem;line-height:2.2}.quran-text>p+p{margin-top:.25rem}.quran-text-lg{font-size:1.625rem}.mushaf-set{--mushaf-ink:var(--color-accent-700);--mushaf-paper:#fffbeb}@supports (color:color-mix(in lab,red,red)){.mushaf-set{--mushaf-paper:color-mix(in oklab, var(--color-warning-50) 45%, rgb(var(--surface-card-rgb)))}}.mushaf-set{--mushaf-tint:var(--color-accent-50);--mushaf-rule:#0596698c}@supports (color:color-mix(in lab,red,red)){.mushaf-set{--mushaf-rule:color-mix(in oklab, var(--color-accent-600) 55%, transparent)}}.mushaf-set{flex-direction:column;gap:.75rem;display:flex}.mushaf-jawaban{--mushaf-ink:var(--color-primary-700);--mushaf-tint:var(--color-primary-50);--mushaf-rule:#0056b38c}@supports (color:color-mix(in lab,red,red)){.mushaf-jawaban{--mushaf-rule:color-mix(in oklab, var(--color-primary-500) 55%, transparent)}}.mushaf-set-head{color:var(--color-slate-600);background:var(--mushaf-tint);border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;padding:.375rem .75rem;font-size:.75rem;display:flex}.mushaf-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--mushaf-ink);font-weight:700}.mushaf-page{background:var(--mushaf-paper);border:4px double var(--mushaf-rule);outline:1px solid var(--mushaf-rule);outline-offset:3px;width:100%;max-width:40rem;color:var(--mushaf-ink);border-radius:.375rem;margin-inline:auto;padding:.5rem 5% .375rem;container-type:inline-size}.mushaf-page-top{font-family:var(--font-amiri-quran);color:var(--color-slate-600);border-bottom:1px solid var(--mushaf-rule);justify-content:space-between;margin-bottom:.25rem;padding-bottom:.125rem;font-size:clamp(.75rem,3cqi,1rem);display:flex}.mushaf-page-no{font-family:var(--font-amiri-quran);text-align:center;color:var(--color-slate-600);border-top:1px solid var(--mushaf-rule);margin-top:.25rem;padding-top:.125rem;font-size:clamp(.75rem,3cqi,1rem)}.mushaf-body{font-family:var(--font-quran);min-width:0;color:var(--mushaf-ink);word-break:normal;overflow-wrap:normal;font-size:clamp(.95rem,5.4cqi,2.1rem);line-height:2.05}.mushaf-line{text-align:justify;text-align-last:justify;white-space:nowrap;margin:0}.mushaf-line-short,.mushaf-basmalah{text-align:center;text-align-last:center}.mushaf-ukur .mushaf-line{text-align:start;text-align-last:start;width:max-content}.mushaf-sisa{visibility:hidden}.mushaf-surah-header{text-align:center;margin:.25rem 0}.mushaf-surah-header>span{border:3px double var(--mushaf-rule);background:var(--mushaf-tint);border-radius:.5rem;min-width:60%;padding:0 1.25em;font-size:.8em;line-height:1.9;display:inline-block}.ayah-mark{color:var(--mushaf-ink);white-space:nowrap}.mushaf-page{overflow-x:clip}.mushaf-mesir .mushaf-body{text-align:justify;font-size:clamp(.95rem,4.6cqi,1.85rem)}.mushaf-mesir .mushaf-line:not(.mushaf-basmalah){white-space:normal;display:inline}.mushaf-mesir .mushaf-line:not(.mushaf-basmalah):after{content:" "}.mushaf-mesir .mushaf-page{border-style:solid;border-width:2px}.mushaf-mesir .mushaf-sisa,.mushaf-mesir .mushaf-page-no{display:none}:root{--color-tj-nun:#019427;--color-tj-mim:#046cd1;--color-tj-ghunnah:#8e5300;--color-tj-mad-thabii:#c8bc0a;--color-tj-mad-fari:#ae017e;--color-tj-mad-lazim:#fc4447;--color-tj-lam:#b17ffe;--color-tj-ra:#03c3c3}.mushaf-tajwid{--mushaf-ink:var(--color-slate-800);width:100%}.tj{--tj-c:currentColor;color:var(--tj-c)}@supports (color:color-mix(in lab,red,red)){.tj{color:color-mix(in oklab,var(--tj-c) 65%,#000)}}.tj{background:var(--tj-c)}@supports (color:color-mix(in lab,red,red)){.tj{background:color-mix(in oklab,var(--tj-c) 22%,transparent)}}.tj{border-radius:.2em;transition:color .15s,background-color .15s}.tj-nun{--tj-c:var(--color-tj-nun)}.tj-mim{--tj-c:var(--color-tj-mim)}.tj-ghunnah{--tj-c:var(--color-tj-ghunnah)}.tj-mad_thabii{--tj-c:var(--color-tj-mad-thabii)}.tj-mad_fari{--tj-c:var(--color-tj-mad-fari)}.tj-mad_lazim{--tj-c:var(--color-tj-mad-lazim)}.tj-lam{--tj-c:var(--color-tj-lam)}.tj-ra{--tj-c:var(--color-tj-ra)}.tj-luar{opacity:.35}.mushaf-tajwid[data-polos] .tj{color:inherit;background:0 0}.mushaf-tajwid[data-polos] .tj-legenda{display:none}.mushaf-tajwid[data-sorot]:not([data-polos]) .tj{color:inherit;background:0 0}.mushaf-tajwid[data-sorot=nun] .tj[data-k~=nun]{--tj-c:var(--color-tj-nun)}.mushaf-tajwid[data-sorot=mim] .tj[data-k~=mim]{--tj-c:var(--color-tj-mim)}.mushaf-tajwid[data-sorot=ghunnah] .tj[data-k~=ghunnah]{--tj-c:var(--color-tj-ghunnah)}.mushaf-tajwid[data-sorot=mad_thabii] .tj[data-k~=mad_thabii]{--tj-c:var(--color-tj-mad-thabii)}.mushaf-tajwid[data-sorot=mad_fari] .tj[data-k~=mad_fari]{--tj-c:var(--color-tj-mad-fari)}.mushaf-tajwid[data-sorot=mad_lazim] .tj[data-k~=mad_lazim]{--tj-c:var(--color-tj-mad-lazim)}.mushaf-tajwid[data-sorot=lam] .tj[data-k~=lam]{--tj-c:var(--color-tj-lam)}.mushaf-tajwid[data-sorot=ra] .tj[data-k~=ra]{--tj-c:var(--color-tj-ra)}.mushaf-tajwid[data-sorot=nun]:not([data-polos]) .tj[data-k~=nun],.mushaf-tajwid[data-sorot=mim]:not([data-polos]) .tj[data-k~=mim],.mushaf-tajwid[data-sorot=ghunnah]:not([data-polos]) .tj[data-k~=ghunnah],.mushaf-tajwid[data-sorot=mad_thabii]:not([data-polos]) .tj[data-k~=mad_thabii],.mushaf-tajwid[data-sorot=mad_fari]:not([data-polos]) .tj[data-k~=mad_fari],.mushaf-tajwid[data-sorot=mad_lazim]:not([data-polos]) .tj[data-k~=mad_lazim],.mushaf-tajwid[data-sorot=lam]:not([data-polos]) .tj[data-k~=lam],.mushaf-tajwid[data-sorot=ra]:not([data-polos]) .tj[data-k~=ra]{color:var(--tj-c)}@supports (color:color-mix(in lab,red,red)){.mushaf-tajwid[data-sorot=nun]:not([data-polos]) .tj[data-k~=nun],.mushaf-tajwid[data-sorot=mim]:not([data-polos]) .tj[data-k~=mim],.mushaf-tajwid[data-sorot=ghunnah]:not([data-polos]) .tj[data-k~=ghunnah],.mushaf-tajwid[data-sorot=mad_thabii]:not([data-polos]) .tj[data-k~=mad_thabii],.mushaf-tajwid[data-sorot=mad_fari]:not([data-polos]) .tj[data-k~=mad_fari],.mushaf-tajwid[data-sorot=mad_lazim]:not([data-polos]) .tj[data-k~=mad_lazim],.mushaf-tajwid[data-sorot=lam]:not([data-polos]) .tj[data-k~=lam],.mushaf-tajwid[data-sorot=ra]:not([data-polos]) .tj[data-k~=ra]{color:color-mix(in oklab,var(--tj-c) 65%,#000)}}.mushaf-tajwid[data-sorot=nun]:not([data-polos]) .tj[data-k~=nun],.mushaf-tajwid[data-sorot=mim]:not([data-polos]) .tj[data-k~=mim],.mushaf-tajwid[data-sorot=ghunnah]:not([data-polos]) .tj[data-k~=ghunnah],.mushaf-tajwid[data-sorot=mad_thabii]:not([data-polos]) .tj[data-k~=mad_thabii],.mushaf-tajwid[data-sorot=mad_fari]:not([data-polos]) .tj[data-k~=mad_fari],.mushaf-tajwid[data-sorot=mad_lazim]:not([data-polos]) .tj[data-k~=mad_lazim],.mushaf-tajwid[data-sorot=lam]:not([data-polos]) .tj[data-k~=lam],.mushaf-tajwid[data-sorot=ra]:not([data-polos]) .tj[data-k~=ra]{background:var(--tj-c)}@supports (color:color-mix(in lab,red,red)){.mushaf-tajwid[data-sorot=nun]:not([data-polos]) .tj[data-k~=nun],.mushaf-tajwid[data-sorot=mim]:not([data-polos]) .tj[data-k~=mim],.mushaf-tajwid[data-sorot=ghunnah]:not([data-polos]) .tj[data-k~=ghunnah],.mushaf-tajwid[data-sorot=mad_thabii]:not([data-polos]) .tj[data-k~=mad_thabii],.mushaf-tajwid[data-sorot=mad_fari]:not([data-polos]) .tj[data-k~=mad_fari],.mushaf-tajwid[data-sorot=mad_lazim]:not([data-polos]) .tj[data-k~=mad_lazim],.mushaf-tajwid[data-sorot=lam]:not([data-polos]) .tj[data-k~=lam],.mushaf-tajwid[data-sorot=ra]:not([data-polos]) .tj[data-k~=ra]{background:color-mix(in oklab,var(--tj-c) 30%,transparent)}}.mushaf-tajwid[data-sorot]:not([data-polos]) .mushaf-body{color:var(--mushaf-ink)}@supports (color:color-mix(in lab,red,red)){.mushaf-tajwid[data-sorot]:not([data-polos]) .mushaf-body{color:color-mix(in oklab,var(--mushaf-ink) 45%,transparent)}}.tj-sakelar{min-height:2.25rem;color:var(--color-slate-700);flex:none;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.tj-sakelar-jalur{background:var(--color-slate-300);border-radius:999px;width:2.25rem;height:1.25rem;transition:background-color .15s;position:relative}.tj-sakelar-jalur:after{content:"";background:#fff;border-radius:999px;width:1rem;height:1rem;transition:transform .15s;position:absolute;top:.125rem;left:.125rem;box-shadow:0 1px 2px #0003}.tj-sakelar[aria-checked=true] .tj-sakelar-jalur{background:var(--mushaf-ink-aksen,var(--color-accent-600))}.tj-sakelar[aria-checked=true] .tj-sakelar-jalur:after{transform:translate(1rem)}.tj-legenda{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}.tj-kunci{--tj-c:var(--color-slate-600);min-height:2.25rem;color:var(--tj-c);background:var(--tj-c);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tj-kunci{background:color-mix(in oklab,var(--tj-c) 10%,rgb(var(--surface-card-rgb)))}}.tj-kunci{transition:background-color .15s,color .15s,transform .1s}.tj-kunci:active{transform:scale(.97)}.tj-kunci[aria-pressed=true]{color:#fff;background:var(--tj-c)}.tj-titik{background:currentColor;border-radius:999px;width:.625rem;height:.625rem}.tj-kunci-nun{--tj-c:var(--color-tj-nun)}.tj-kunci-mim{--tj-c:var(--color-tj-mim)}.tj-kunci-ghunnah{--tj-c:var(--color-tj-ghunnah)}.tj-kunci-mad_thabii{--tj-c:var(--color-tj-mad-thabii)}.tj-kunci-mad_fari{--tj-c:var(--color-tj-mad-fari)}.tj-kunci-mad_lazim{--tj-c:var(--color-tj-mad-lazim)}.tj-kunci-lam{--tj-c:var(--color-tj-lam)}.tj-kunci-ra{--tj-c:var(--color-tj-ra)}@media(min-width:640px){.quran-text{font-size:1.625rem}.quran-text-lg{font-size:2rem}}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-left{padding-left:env(safe-area-inset-left,0px)}.safe-right{padding-right:env(safe-area-inset-right,0px)}.safe-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}@media(max-width:767.98px){.pb-bottom-nav{padding-bottom:max(var(--bottom-nav-clearance,0px),calc(var(--bottom-nav-h) + var(--bottom-nav-float) + .75rem + env(safe-area-inset-bottom,0px)));min-height:calc(100% + var(--bottom-nav-h) + var(--bottom-nav-float) + .75rem + env(safe-area-inset-bottom,0px));flex:none}}.disclosure:not([open])>:not(summary){display:none}.skeleton{background:linear-gradient(90deg,rgba(var(--neutral-rgb),.05) 25%,rgba(var(--neutral-rgb),.1),rgba(var(--neutral-rgb),.05) 75%);background-size:200% 100%;border-radius:.75rem;animation:1.6s infinite shimmer}.activity-bar{height:3px;z-index:var(--z-toast);background:linear-gradient(90deg,var(--color-primary-500),var(--color-accent-500));transform-origin:0;opacity:0;pointer-events:none;transition:opacity .2s;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.activity-bar.active{opacity:1;animation:1.1s cubic-bezier(.4,0,.2,1) infinite activity-sweep}@keyframes activity-sweep{0%{transform:scaleX(0)}60%{transform:scaleX(.75)}to{opacity:.35;transform:scaleX(1)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.card,.surface-glass,.modal-panel,.toast-item,.mobile-header{background:rgba(var(--card-rgb),.97)}.bottom-nav-surface{background:rgba(var(--surface-nav-dark-rgb),.94)}}@media(prefers-reduced-transparency:reduce){.card,.surface-glass,.modal-panel,.toast-item,.mobile-header{background:rgb(var(--card-rgb));-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-nav-surface{background:rgb(var(--surface-nav-dark-rgb));-webkit-backdrop-filter:none;backdrop-filter:none}body:before{display:none}}.laporan-sheet{width:100%;min-width:0;max-width:52rem;margin-inline:auto}.laporan-kop{text-align:center;border-bottom:2px solid var(--color-slate-800);margin-bottom:1.25rem;padding-bottom:.875rem}.laporan-identitas{border:1px solid var(--color-divider);border-radius:.75rem;grid-template-columns:1fr;gap:0 2.5rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;display:grid}@media(min-width:1024px){.laporan-identitas{grid-template-columns:1fr 1fr}}.laporan-identitas>div{grid-template-columns:minmax(0,8rem) 1fr;align-items:baseline;gap:.5rem;padding-block:.1875rem;display:grid}@media(min-width:640px){.laporan-identitas>div{grid-template-columns:minmax(0,9.5rem) 1fr}}.laporan-identitas dt{color:var(--color-slate-600)}.laporan-identitas dd{color:var(--color-slate-900);overflow-wrap:anywhere;min-width:0;font-weight:600}.laporan-bagian{margin-bottom:1.5rem}.laporan-bagian:last-of-type{margin-bottom:1.25rem}.laporan-heading{text-transform:uppercase;letter-spacing:.045em;color:var(--color-slate-900);align-items:center;gap:.625rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:700;display:flex}.laporan-heading:after{content:"";background:var(--color-divider);flex:auto;height:1px}.laporan-table-wrap{border:1px solid var(--color-divider);border-radius:.75rem;overflow-x:auto}.laporan-table{border-collapse:collapse;width:100%;font-size:.875rem}.laporan-table th,.laporan-table td{padding:.4375rem .75rem}.laporan-table thead th{background:var(--color-fill);color:var(--color-slate-900);text-align:left;white-space:nowrap;font-weight:600}.laporan-table tbody tr{border-top:1px solid var(--color-hairline)}.laporan-table tbody tr:first-child{border-top:0}.laporan-table thead+tbody tr:first-child{border-top:1px solid var(--color-divider)}.laporan-table tbody td:first-child{color:var(--color-slate-600)}.laporan-table tbody td+td{text-align:right;color:var(--color-slate-900);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.laporan-table .laporan-total td{background:var(--color-fill);color:var(--color-slate-900);font-weight:700}.laporan-table--rincian tbody td,.laporan-table--rincian tbody td+td{text-align:left;color:var(--color-slate-600);white-space:nowrap;font-weight:400}.laporan-table--rincian tbody td:first-child{color:var(--color-slate-900);font-weight:600}.laporan-table--rincian tbody td:last-child{white-space:normal}.laporan-ket{color:var(--color-slate-500);margin-top:.5rem;font-size:.75rem}.laporan-cetak{display:none}.laporan-judul{margin-bottom:1rem}.laporan-kesimpulan{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.laporan-kesimpulan>div{text-align:center;border:1px solid var(--color-divider);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;min-width:0;padding:.625rem .75rem;display:flex}.laporan-kesimpulan-label{color:var(--color-slate-600);font-size:.75rem}.laporan-kesimpulan-nilai{color:var(--color-slate-900);font-size:1.0625rem;font-weight:700;line-height:1.3}.laporan-kesimpulan .laporan-kesimpulan-predikat{color:var(--color-primary-700);font-size:2.75rem;line-height:1.2}.laporan-table td.laporan-predikat{text-align:right;width:6.5rem;padding-left:0}.laporan-table td.laporan-predikat .predikat{font-weight:400}.laporan-table tbody td[colspan]{text-align:right}.laporan-tren{vertical-align:.1em;margin-left:.125rem;font-size:.6875rem}.laporan-tren--naik{color:var(--color-success-600)}.laporan-tren--turun{color:var(--color-danger-600)}.laporan-hitung{border:1px solid var(--color-divider);border-radius:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.laporan-hitung>div{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:.5rem .25rem;display:flex}.laporan-hitung>div+div{border-left:1px solid var(--color-hairline)}.laporan-hitung-nilai{color:var(--color-slate-900);font-size:1.0625rem;font-weight:700}.laporan-hitung-label{color:var(--color-slate-600);font-size:.75rem;line-height:1.25}.laporan-ttd{text-align:center;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;font-size:.875rem}.laporan-ttd-nama{border-top:1px solid var(--color-slate-500);min-height:1.5rem;margin-top:4rem;padding-top:.25rem;font-weight:600}@media(max-width:639px){.laporan-kesimpulan{gap:.375rem}.laporan-kesimpulan>div{padding:.5rem}.laporan-kesimpulan-nilai{font-size:.9375rem}.laporan-kesimpulan .laporan-kesimpulan-predikat{font-size:2.25rem}.laporan-table td.laporan-predikat{width:5.25rem}}.laporan-kosong{color:var(--color-slate-600);font-size:.875rem}@media(max-width:480px){.laporan-table{font-size:.8125rem}.laporan-table th,.laporan-table td{padding:.375rem .5rem}.laporan-table:not(.laporan-table--rincian) tbody td+td:not(.laporan-predikat){white-space:normal}.laporan-table:not(.laporan-table--rincian) tbody td:first-child{width:50%}.laporan-table td.laporan-predikat{width:4.5rem}.laporan-identitas{padding:.75rem .875rem}.laporan-kop{margin-bottom:1rem;padding-bottom:.75rem}.laporan-bagian{margin-bottom:1.25rem}}.laporan-table--rincian th:last-child,.laporan-table--rincian td:last-child{min-width:9rem}@media print{.laporan-sheet{max-width:none}.laporan-table-wrap,.laporan-identitas{border-color:var(--color-slate-400)!important;border-radius:0!important}.laporan-table thead th,.laporan-table .laporan-total td{background:var(--color-slate-100)!important}.laporan-bagian{break-inside:avoid}.laporan-layar{display:none!important}.laporan-cetak{display:block!important}dl.laporan-cetak{grid-template-columns:1fr 1fr;display:grid!important}.laporan-ttd.laporan-cetak{break-inside:avoid;display:grid!important}.laporan-kesimpulan>div,.laporan-hitung{border-color:var(--color-slate-400)!important;border-radius:0!important}.card.laporan-sheet{color:var(--color-slate-800);font-size:.75rem;border:0!important;border-radius:0!important;padding:0!important}.laporan-sheet .scroll-shadow-x{background:0 0!important;-webkit-mask-image:none!important;mask-image:none!important}.laporan-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.laporan-kop{border-bottom:3px double var(--color-primary-700);margin-bottom:.75rem;padding-bottom:.625rem}.laporan-kop h2{letter-spacing:.14em;color:var(--color-primary-800);font-size:1.125rem}.laporan-identitas,.laporan-table-wrap,.laporan-hitung,.laporan-kesimpulan>div{border:0!important;border-radius:0!important}.laporan-identitas{gap:0 2rem;margin-bottom:.875rem;padding:0;font-size:.75rem}.laporan-identitas>div{grid-template-columns:minmax(0,8.5rem) 1fr;padding-block:.0625rem}.laporan-kesimpulan{background:var(--color-primary-50);border-radius:.5rem;gap:0;margin-bottom:1rem}.laporan-kesimpulan>div{padding:.5rem .75rem}.laporan-kesimpulan>div+div{box-shadow:inset 2px 0 #fff}.laporan-kesimpulan-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-800);font-size:.6875rem}.laporan-kesimpulan-nilai{font-size:1rem}.laporan-kesimpulan .laporan-kesimpulan-predikat{font-size:1.625rem;line-height:1.1}.laporan-bagian,.laporan-bagian:last-of-type{margin-bottom:.875rem}.laporan-heading{letter-spacing:.1em;color:var(--color-primary-700);margin-bottom:.25rem;font-size:.6875rem}.laporan-heading:after{display:none}.laporan-table{font-size:.75rem}.laporan-table th,.laporan-table td{padding:.1875rem .375rem}.laporan-table th:first-child,.laporan-table td:first-child{padding-left:0}.laporan-table th:last-child,.laporan-table td:last-child{padding-right:0}.laporan-table thead th{border-bottom:1px solid var(--color-slate-500);color:var(--color-slate-600);font-size:.6875rem;background:0 0!important}.laporan-table tbody tr,.laporan-table thead+tbody tr:first-child{border-top-color:var(--color-slate-200)!important}.laporan-table .laporan-total td{border-top:1px solid var(--color-slate-500);background:0 0!important}.laporan-table td.laporan-predikat{width:4.5rem}.laporan-table .predikat{font-size:1.125em;line-height:1.1}.laporan-hitung>div{padding:.125rem .25rem}.laporan-hitung>div+div{border-left-color:var(--color-slate-200)!important}.laporan-hitung-nilai{font-size:1rem}.laporan-hitung-label,.laporan-ket,.laporan-kosong{font-size:.6875rem}.laporan-ket{margin-top:.25rem}.laporan-ttd{margin-top:1.25rem;font-size:.75rem}.laporan-ttd-nama{margin-top:3rem}.laporan-bagian--padat{break-inside:auto}.laporan-bagian--padat .laporan-table{font-size:.6875rem}.laporan-bagian--padat .laporan-table th,.laporan-bagian--padat .laporan-table td{padding-block:.0625rem;line-height:1.35}}@page{size:A4 portrait;margin:10mm 12mm}@media print{.no-print,aside,.icon-rail,.bottom-nav,.mobile-header,.activity-bar{display:none!important}.app-main{margin:0!important}body,.app-main,.app-main>*,body>div{height:auto!important;max-height:none!important;overflow:visible!important}.pb-bottom-nav{min-height:0!important;padding-bottom:0!important}.content-area{padding-block:0!important}.content-fluid{width:100%!important;max-width:none!important}html,body{color:#000!important;background:#fff!important}body:before{display:none!important}.card,.card-flat,.modal-panel{box-shadow:none!important;border:1px solid var(--color-slate-300)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}}@media(min-width:768px)and (max-width:1023.98px){.app-main{margin-left:calc(var(--rail-w) + var(--rail-inset,0px) + var(--layout-gap));margin-right:var(--layout-gap)}}@media(min-width:1024px){.app-main{margin-left:calc(var(--sidebar-w) + var(--layout-gap));margin-right:var(--layout-gap)}}:root{--sidebar-w:16rem}.sidebar{width:var(--sidebar-w)}.sidebar-brand{padding-inline:1.25rem;align-items:center;gap:.75rem;padding-bottom:1.25rem;display:flex}.sidebar-brand-text{min-width:0}.sidebar-logo-btn{cursor:pointer;transition:transform .18s var(--ease-out);background:0 0;border:0;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}@media(hover:hover)and (pointer:fine){.sidebar-logo-btn:hover{transform:scale(1.06)}}.sidebar-logo-btn:active{transform:scale(.94)}.sidebar-logo-btn:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:3px}@keyframes sidebar-logo-pop{0%{transform:scale(1)}40%{transform:scale(.84)}to{transform:scale(1)}}.sidebar-logo-btn.is-toggling{animation:sidebar-logo-pop .34s var(--ease-out)}@media(prefers-reduced-motion:reduce){.sidebar-logo-btn{transition:none}.sidebar-logo-btn.is-toggling{animation:none}}@media(min-width:1024px)and (prefers-reduced-motion:no-preference){.sidebar{transition:width .22s var(--ease-out)}.app-main{transition:margin-left .22s var(--ease-out)}}@media(min-width:1024px){html[data-sidebar=mini]{--sidebar-w:4.5rem}html[data-sidebar=mini] .sidebar-brand{padding-inline:.75rem;justify-content:center;gap:0;padding-bottom:.75rem}html[data-sidebar=mini] .sidebar-brand-text{display:none}html[data-sidebar=mini] .sidebar .nav-label,html[data-sidebar=mini] .sidebar .nav-account-meta{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}html[data-sidebar=mini] .sidebar .nav-link,html[data-sidebar=mini] .sidebar .nav-action,html[data-sidebar=mini] .sidebar .nav-account{justify-content:center;gap:0}html[data-sidebar=mini] .sidebar .nav-link,html[data-sidebar=mini] .sidebar .nav-action{padding:.75rem 0}html[data-sidebar=mini] .sidebar .nav-link.active:before{left:2px}html[data-sidebar=mini] .sidebar .nav-account-chevron{display:none}html[data-sidebar=mini] .sidebar [data-nav-badge]{pointer-events:none;border-radius:999px;gap:0;width:9px;min-width:0;height:9px;margin:0;padding:0;position:absolute;top:7px;right:9px;overflow:hidden}html[data-sidebar=mini] .sidebar [data-nav-badge]>span{display:none}html[data-sidebar=mini] .sidebar [data-nav-badge].badge-danger{background:var(--color-danger-500)}html[data-sidebar=mini] .sidebar [data-nav-badge].badge-warning{background:var(--color-warning-500)}html[data-sidebar=mini] .sidebar .nav-heading{color:#0000;background:#ffffff29;height:1px;margin:.5rem .25rem;padding:0;overflow:hidden}html[data-sidebar=mini] .sidebar .nav-heading:first-child{margin-top:0}html[data-sidebar=mini] .sidebar-foot{padding-left:.75rem;padding-right:.75rem}}.nav-tip{z-index:var(--z-tooltip);pointer-events:none;border-radius:var(--radius-md);background:rgb(var(--identity-nav-strong-rgb));color:var(--chrome-fg);font-family:var(--font-body,inherit);letter-spacing:var(--track-body);white-space:nowrap;border:1px solid #ffffff24;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;line-height:1.25;display:none;position:fixed;transform:translateY(-50%);box-shadow:0 8px 24px #00000047}.nav-tip.is-open{display:block}.nav-tip:before{content:"";border:5px solid #0000;border-right-color:rgb(var(--identity-nav-strong-rgb));position:absolute;top:50%;right:100%;transform:translateY(-50%)}.content-area{padding-inline:max(1.25rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}@media(min-width:768px){.content-area{padding-inline:max(1.5rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}}@media(min-width:1024px){.content-fluid{width:min(100%,90rem);margin-left:auto;margin-right:auto}}.content-wide{width:100%;max-width:none}.content-form{width:100%;max-width:44rem}.form-dua,.form-kolom{gap:var(--gap-section);flex-direction:column;min-width:0;display:flex}@media(min-width:80rem){.content-form:has(>.form-dua){max-width:80rem}.form-dua{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}[x-cloak]{display:none!important}.ts-wrapper.input-field{box-shadow:none;background:0 0;border:none;padding:0}.ts-wrapper .ts-control{border-radius:var(--radius-sm);background:rgba(var(--card-rgb),.85);border:1px solid rgba(var(--neutral-rgb),.12);width:100%;min-height:2.375rem;color:var(--color-slate-900);cursor:text;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.43;transition:border-color .15s,box-shadow .15s;display:flex}.ts-wrapper.focus .ts-control{border-color:var(--color-primary-500);box-shadow:0 0 0 3.5px rgba(var(--primary-rgb),.18)}.ts-wrapper.disabled .ts-control{opacity:var(--state-disabled-opacity);cursor:not-allowed}.ts-control>input{color:var(--color-slate-900);font-size:.875rem}.ts-control>input::placeholder{color:var(--color-slate-400)}body>.ts-dropdown{z-index:var(--z-select-dropdown);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid rgba(var(--neutral-rgb),.08);border-radius:var(--radius-md);box-shadow:var(--elev-3);margin-top:.375rem;overflow:hidden}body>.ts-dropdown .ts-dropdown-content{max-height:15rem;padding:.25rem}body>.ts-dropdown .option,body>.ts-dropdown .no-results,body>.ts-dropdown .optgroup-header{border-radius:var(--radius-xs);padding:.5rem .625rem;font-size:.875rem}body>.ts-dropdown .optgroup-header{color:var(--color-slate-500);text-transform:uppercase;letter-spacing:var(--track-micro);font-size:.6875rem;font-weight:600}body>.ts-dropdown .no-results{color:var(--color-slate-500)}body>.ts-dropdown .option.active{background:var(--color-primary-600);color:#fff}body>.ts-dropdown [data-selectable].option{cursor:pointer}.ts-wrapper.plugin-remove_button .item{background:rgba(var(--primary-rgb),.1);color:var(--color-primary-700);border-radius:999px;align-items:center;gap:.3rem;padding:.125rem .375rem .125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{color:var(--color-primary-700);opacity:.6;border-left:none}.ts-wrapper.plugin-remove_button .item .remove:hover{opacity:1;background:0 0}@media(max-width:767.98px){.modal-sheet.modal-overlay{align-items:flex-end;padding:0}.modal-sheet .modal-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:82dvh;padding-bottom:env(safe-area-inset-bottom,0px);animation:sheet-up .28s var(--ease-sheet);border-bottom:0}.modal-sheet .modal-panel:before{content:"";background:rgba(var(--neutral-rgb),.18);border-radius:999px;width:36px;height:4px;margin:.5rem auto 0;display:block}.modal-sheet .modal-foot{flex-direction:column-reverse;align-items:stretch}.modal-sheet .modal-foot>*{width:100%}}@keyframes sheet-up{0%{opacity:0;transform:translateY(12%)}to{opacity:1;transform:translateY(0)}}.stat-strip{border-radius:var(--radius-md);background:rgb(var(--surface-nested-rgb));border:1px solid var(--border-faint);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.stat-strip>*+*{border-left:1px solid var(--border-faint)}.stat-strip-cell{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:0;padding:.5rem .25rem;display:flex}.stat-strip-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700;line-height:1}.stat-strip-label{letter-spacing:var(--track-micro);color:var(--color-slate-600);text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:.75rem;font-weight:600;line-height:1.15}.hafalan-pos{font-variant-numeric:tabular-nums;flex-direction:column;gap:1px;min-width:0;line-height:1.2;display:inline-flex}.hafalan-pos-juz{letter-spacing:var(--track-heading);color:var(--color-primary-700);white-space:nowrap;font-size:.9375rem;font-weight:700}.hafalan-pos-detail{color:var(--color-slate-500);white-space:nowrap;font-size:.75rem}.hafalan-pos-detail b{color:var(--color-slate-700);font-weight:600}.hafalan-pos-sep{color:var(--color-slate-300);padding:0 .375rem}.hafalan-pos-lg .hafalan-pos-juz{font-size:1.375rem;line-height:1.1}.hafalan-pos-lg .hafalan-pos-detail{font-size:.8125rem}.progress-track{background:rgba(var(--neutral-rgb),.09);border-radius:999px;height:.375rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-accent-500));border-radius:999px;height:100%}.scroll-shadow-x{background-image:linear-gradient(to right,rgb(var(--surface-overlay-rgb)),rgba(var(--surface-overlay-rgb),0)),linear-gradient(to left,rgb(var(--surface-overlay-rgb)),rgba(var(--surface-overlay-rgb),0)),radial-gradient(farthest-side at 0 50%,rgba(var(--neutral-rgb),.16),rgba(var(--neutral-rgb),0)),radial-gradient(farthest-side at 100% 50%,rgba(var(--neutral-rgb),.16),rgba(var(--neutral-rgb),0));background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:28px 100%,28px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.tab-group[data-more],.analytics-tabs[data-more]{--tab-fade:2rem}.tab-group[data-more=end],.analytics-tabs[data-more=end]{-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--tab-fade));mask-image:linear-gradient(to left,transparent,#000 var(--tab-fade))}.tab-group[data-more=start],.analytics-tabs[data-more=start]{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--tab-fade));mask-image:linear-gradient(to right,transparent,#000 var(--tab-fade))}.tab-group[data-more=both],.analytics-tabs[data-more=both]{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--tab-fade),#000 calc(100% - var(--tab-fade)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--tab-fade),#000 calc(100% - var(--tab-fade)),transparent)}.sg-grid:is([data-more=end],[data-more=both]){-webkit-mask-image:linear-gradient(270deg,#00000026,#000 3rem);mask-image:linear-gradient(270deg,#00000026,#000 3rem)}.mobile-header-lead:has(.mobile-back) .mobile-header-logo{display:none}.mobile-actionbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media(max-width:767.98px){.mobile-actionbar .btn{width:100%}.mobile-actionbar:not(.is-dirty){display:none}}@media(pointer:coarse){.btn,.btn-sm,.btn-xs,.input-field,.tab-btn,.child-chip,.filter-chip,.page-item,.nav-link,.nav-action,.nav-account,.rail-item,.rail-group-toggle,.rail-panel-item{min-height:var(--tap-min)}.btn-xs{padding-inline:.75rem}.btn-sm{padding-inline:.875rem}.btn-icon,.btn-icon.btn-sm,.btn-icon.btn-xs{min-width:var(--tap-min);min-height:var(--tap-min);padding:0}select.input-field{height:var(--tap-min)}.ts-wrapper .ts-control{min-height:var(--tap-min)}body>.ts-dropdown .option{min-height:var(--tap-min);align-items:center;display:flex}[x-data=gridNav] .input-field,[x-data=gridNav] select.input-field{height:auto;min-height:0}.col-head-action{position:relative}.col-head-action:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.tap-luas{position:relative}.tap-luas:after{content:"";width:max(100%,var(--tap-min));height:max(100%,var(--tap-min));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tap-urut{position:relative}.tap-urut:after{content:"";position:absolute;top:-12px;right:-12px;bottom:0;left:-12px}.tap-urut+.tap-urut:after{top:0;right:-12px;bottom:-12px;left:-12px}.disclosure>summary{margin-block:-.75rem;padding-block:.75rem}.page-nav{gap:var(--tap-gap)}.page-gap{height:var(--tap-min)}}@media(hover:none)and (pointer:coarse){.input-field,.input-sm,.ts-control,.ts-control>input,input.input-field,select.input-field,textarea.input-field{font-size:16px}.input-field.input-sm{font-size:14px}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}