@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@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-scroll-snap-strictness:proximity;--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-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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-green-50:oklch(98.2% .018 155.826);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--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-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-200:oklch(91% .096 180.426);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-700:oklch(50% .134 242.749);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-700:oklch(52.5% .223 3.958);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--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-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--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:calc(1.5 / 1);--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--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);--color-primary:#143b32;--color-primary-dark:#0f2d1f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{color:var(--text);background:var(--bg-secondary);font-family:Inter,system-ui,-apple-system,sans-serif}}@layer components{.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:#1e8449;background:#d5f5e3}.badge-red{color:#c0392b;background:#fdedec}.badge-yellow{color:#b7770d;background:#fef9e7}.badge-blue{color:#1a5276;background:#eaf4fb}.badge-purple{color:#7d3c98;background:#f5eef8}.badge-gray{background:var(--bg-tertiary);color:var(--text-secondary)}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-dark)}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:11px 22px;font-size:15px}.btn-icon{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);padding:0}.btn-icon:hover{background:var(--primary-10);color:var(--primary)}.card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-body{padding:20px}.card-title{color:var(--text);font-size:14px;font-weight:600}.stat-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px 20px}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:18px;display:flex}.stat-value{color:var(--text);font-size:24px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);margin-top:2px;font-size:12px}.stat-change{align-items:center;gap:3px;margin-top:6px;font-size:11px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border-light);color:var(--text);padding:12px 16px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-secondary)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--bg);outline:none;padding:9px 12px;font-size:13px;transition:border-color .2s}.form-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-10)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2395a5a6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.search-wrap{position:relative}.search-wrap .search-icon{color:var(--text-muted);font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{padding-left:34px!important}.avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--primary-10);color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.avatar-sm{width:30px;height:30px;font-size:11px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:56px;height:56px;font-size:18px}.avatar-xl{width:72px;height:72px;font-size:22px}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.highlight-badge{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#f39c12,#e67e22);align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.under-construction{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:60px 20px;display:flex}.under-construction .uc-icon{background:linear-gradient(135deg, var(--primary-10), var(--primary-bg));border-radius:var(--radius-lg);justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex}.under-construction h3{color:var(--text);font-size:18px;font-weight:600}.under-construction p{color:var(--text-secondary);max-width:320px;font-size:13px}.under-construction .sprint-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);padding:6px 16px;font-size:12px;font-weight:600}.chart-placeholder{background:linear-gradient(135deg, var(--bg-secondary), var(--primary-bg));border-radius:var(--radius);justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;overflow:hidden}.mini-chart{width:100%;height:60px}.notif-dot{background:var(--red);border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}.alert{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.alert-info{background:var(--primary-bg);color:var(--primary);border-left:3px solid var(--primary)}.alert-warning{background:var(--gold-bg);color:#7d6608;border-left:3px solid var(--gold)}.alert-success{color:#1a5e35;border-left:3px solid var(--accent);background:#d5f5e3}.alert-danger{background:var(--red-bg);color:#922b21;border-left:3px solid var(--red)}.tabs{border-bottom:2px solid var(--border-light);gap:4px;display:flex}.tab-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-item:hover:not(.active){color:var(--text)}.section-title{color:var(--text);font-size:13px;font-weight:600}.section-link{color:var(--accent);cursor:pointer;font-size:12px;font-weight:500}.section-link:hover{text-decoration:underline}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.-top-3\.5{top:calc(var(--spacing) * -3.5)}.-top-6{top:calc(var(--spacing) * -6)}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing) * 2.5)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.-right-6{right:calc(var(--spacing) * -6)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-14{right:calc(var(--spacing) * 14)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.bottom-0{bottom:0}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-0{left:0}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.m-201{margin:calc(var(--spacing) * 201)}.m-202{margin:calc(var(--spacing) * 202)}.m-203{margin:calc(var(--spacing) * 203)}.-mx-3\.5{margin-inline:calc(var(--spacing) * -3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.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-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right: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-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.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}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-7\.5{height:calc(var(--spacing) * 7.5)}.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-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-\[64px\]{height:64px}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.max-h-36{max-height:calc(var(--spacing) * 36)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[350px\]{max-height:350px}.max-h-full{max-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.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-7\.5{width:calc(var(--spacing) * 7.5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-18{width:calc(var(--spacing) * 18)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-\[88\%\]{width:88%}.w-full{width:100%}.max-w-\[62px\]{max-width:62px}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-\[480px\]{max-width:480px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-2{flex:2}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-x-\[-1\]{--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.03\]{scale:1.03}.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-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}: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-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * 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-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)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-3\.5{row-gap:calc(var(--spacing) * 3.5)}: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-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[5px\]{border-left-style:var(--tw-border-style);border-left-width:5px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#143B32\]{border-color:#143b32}.border-\[\#143B32\]\/25{border-color:oklab(32.1385% -.0468887 .00365648/.25)}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-400{border-color:var(--color-amber-400)}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-500{border-color:var(--color-blue-500)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-200\/90{border-color:#a4f4cfe6}@supports (color:color-mix(in lab, red, red)){.border-emerald-200\/90{border-color:color-mix(in oklab, var(--color-emerald-200) 90%, transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-600{border-color:var(--color-emerald-600)}.border-emerald-700{border-color:var(--color-emerald-700)}.border-emerald-900\/40{border-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.border-emerald-900\/40{border-color:color-mix(in oklab, var(--color-emerald-900) 40%, transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-pink-500{border-color:var(--color-pink-500)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-rose-100{border-color:var(--color-rose-100)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-500{border-color:var(--color-rose-500)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-600{border-color:var(--color-slate-600)}.border-teal-200{border-color:var(--color-teal-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-t-transparent{border-top-color:#0000}.border-l-amber-500{border-left-color:var(--color-amber-500)}.border-l-emerald-500{border-left-color:var(--color-emerald-500)}.border-l-emerald-600{border-left-color:var(--color-emerald-600)}.border-l-purple-600{border-left-color:var(--color-purple-600)}.border-l-sky-500{border-left-color:var(--color-sky-500)}.border-l-slate-300{border-left-color:var(--color-slate-300)}.border-l-teal-600{border-left-color:var(--color-teal-600)}.bg-\[\#143B32\]{background-color:#143b32}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/70{background-color:#fffbebb3}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/70{background-color:color-mix(in oklab, var(--color-amber-50) 70%, transparent)}}.bg-amber-100\/60{background-color:#fef3c699}@supports (color:color-mix(in lab, red, red)){.bg-amber-100\/60{background-color:color-mix(in oklab, var(--color-amber-100) 60%, transparent)}}.bg-amber-100\/70{background-color:#fef3c6b3}@supports (color:color-mix(in lab, red, red)){.bg-amber-100\/70{background-color:color-mix(in oklab, var(--color-amber-100) 70%, transparent)}}.bg-amber-100\/80{background-color:#fef3c6cc}@supports (color:color-mix(in lab, red, red)){.bg-amber-100\/80{background-color:color-mix(in oklab, var(--color-amber-100) 80%, transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/50{background-color:#ecfdf580}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/50{background-color:color-mix(in oklab, var(--color-emerald-50) 50%, transparent)}}.bg-emerald-50\/70{background-color:#ecfdf5b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/70{background-color:color-mix(in oklab, var(--color-emerald-50) 70%, transparent)}}.bg-emerald-50\/80{background-color:#ecfdf5cc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/80{background-color:color-mix(in oklab, var(--color-emerald-50) 80%, transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-100\/70{background-color:#d0fae5b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-100\/70{background-color:color-mix(in oklab, var(--color-emerald-100) 70%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-400\/10{background-color:#00d2941a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-400\/10{background-color:color-mix(in oklab, var(--color-emerald-400) 10%, transparent)}}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-700{background-color:var(--color-emerald-700)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-50\/70{background-color:#fff1f2b3}@supports (color:color-mix(in lab, red, red)){.bg-rose-50\/70{background-color:color-mix(in oklab, var(--color-rose-50) 70%, transparent)}}.bg-rose-500{background-color:var(--color-rose-500)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/70{background-color:#f8fafcb3}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/70{background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent)}}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/80{background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\/70{background-color:#f1f5f9b3}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/70{background-color:color-mix(in oklab, var(--color-slate-100) 70%, transparent)}}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/40{background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-700{background-color:var(--color-teal-700)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.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-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.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-\[\#143B32\]{--tw-gradient-from:#143b32;--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-amber-50\/70{--tw-gradient-from:#fffbebb3}@supports (color:color-mix(in lab, red, red)){.from-amber-50\/70{--tw-gradient-from:color-mix(in oklab, var(--color-amber-50) 70%, transparent)}}.from-amber-50\/70{--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-\[\#10342c\]{--tw-gradient-via:#10342c;--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-\[\#0a201b\]{--tw-gradient-to:#0a201b;--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-\[\#0f2d1f\]{--tw-gradient-to:#0f2d1f;--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-white{--tw-gradient-to:var(--color-white);--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-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.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-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-4\.5{padding:calc(var(--spacing) * 4.5)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.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)}.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-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-\[8\.5px\]{font-size:8.5px}.text-\[8px\]{font-size:8px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.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-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-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)}.whitespace-nowrap{white-space:nowrap}.text-\[\#143B32\]{color:#143b32}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-700\/80{color:#b75000cc}@supports (color:color-mix(in lab, red, red)){.text-amber-700\/80{color:color-mix(in oklab, var(--color-amber-700) 80%, transparent)}}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-100{color:var(--color-emerald-100)}.text-emerald-100\/80{color:#d0fae5cc}@supports (color:color-mix(in lab, red, red)){.text-emerald-100\/80{color:color-mix(in oklab, var(--color-emerald-100) 80%, transparent)}}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-200\/80{color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.text-emerald-200\/80{color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-700\/80{color:#007956cc}@supports (color:color-mix(in lab, red, red)){.text-emerald-700\/80{color:color-mix(in oklab, var(--color-emerald-700) 80%, transparent)}}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-800\/80{color:#005f46cc}@supports (color:color-mix(in lab, red, red)){.text-emerald-800\/80{color:color-mix(in oklab, var(--color-emerald-800) 80%, transparent)}}.text-emerald-900{color:var(--color-emerald-900)}.text-emerald-950{color:var(--color-emerald-950)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-indigo-600{color:var(--color-indigo-600)}.text-pink-700{color:var(--color-pink-700)}.text-primary{color:var(--color-primary)}.text-primary-dark{color:var(--color-primary-dark)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-rose-500{color:var(--color-rose-500)}.text-rose-700{color:var(--color-rose-700)}.text-rose-700\/80{color:#c20039cc}@supports (color:color-mix(in lab, red, red)){.text-rose-700\/80{color:color-mix(in oklab, var(--color-rose-700) 80%, transparent)}}.text-rose-800{color:var(--color-rose-800)}.text-sky-700{color:var(--color-sky-700)}.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-teal-800{color:var(--color-teal-800)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-75{opacity:.75}.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-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_14px_rgba\(20\,59\,50\,0\.35\)\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#143b3259);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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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)}.ring-white\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-xl{--tw-blur:blur(var(--blur-xl));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-md{--tw-backdrop-blur:blur(var(--blur-md));-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-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-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-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-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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:shadow-sm:is(:where(.group):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)}}.selection\:bg-emerald-100 ::selection{background-color:var(--color-emerald-100)}.selection\:bg-emerald-100::selection{background-color:var(--color-emerald-100)}.selection\:text-emerald-900 ::selection{color:var(--color-emerald-900)}.selection\:text-emerald-900::selection{color:var(--color-emerald-900)}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}@media (hover:hover){.hover\:border-emerald-300:hover{border-color:var(--color-emerald-300)}.hover\:border-slate-200:hover{border-color:var(--color-slate-200)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-\[\#0d2721\]:hover{background-color:#0d2721}.hover\:bg-\[\#0e2a23\]:hover{background-color:#0e2a23}.hover\:bg-\[\#0f2d1f\]:hover{background-color:#0f2d1f}.hover\:bg-amber-700:hover{background-color:var(--color-amber-700)}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-emerald-800:hover{background-color:var(--color-emerald-800)}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-50\/50:hover{background-color:color-mix(in oklab, var(--color-gray-50) 50%, transparent)}}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-400:hover{background-color:var(--color-slate-400)}.hover\:bg-teal-800:hover{background-color:var(--color-teal-800)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.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)}}.focus\:border-\[\#143B32\]:focus{border-color:#143b32}.focus\:border-emerald-700:focus{border-color:var(--color-emerald-700)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--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\:ring-\[\#143B32\]:focus{--tw-ring-color:#143b32}.focus\:ring-emerald-500:focus{--tw-ring-color:var(--color-emerald-500)}.focus\:ring-emerald-700\/20:focus{--tw-ring-color:#00795633}@supports (color:color-mix(in lab, red, red)){.focus\:ring-emerald-700\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-emerald-700) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:scale-\[0\.99\]:active{scale:.99}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\[\#0e2a23\]:active{background-color:#0e2a23}.active\:bg-\[\#091b16\]:active{background-color:#091b16}.active\:bg-slate-100:active{background-color:var(--color-slate-100)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:inline{display:inline}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-\[90\%\]{width:90%}.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\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-4\.5{padding:calc(var(--spacing) * 4.5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-\[15px\]{font-size:15px}}@media (width>=48rem){.md\:right-6{right:calc(var(--spacing) * 6)}.md\:bottom-6{bottom:calc(var(--spacing) * 6)}.md\:left-auto{left:auto}.md\:max-w-sm{max-width:var(--container-sm)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--primary:#1a4731;--primary-dark:#0f2d1f;--primary-mid:#1e5a3a;--primary-light:#2d7a52;--primary-lighter:#3a9966;--primary-bg:#f0f7f3;--primary-10:#1a47311a;--accent:#27ae60;--accent-light:#2ecc71;--accent-dark:#1e8449;--gold:#f39c12;--gold-bg:#fef9e7;--red:#e74c3c;--red-bg:#fdedec;--blue:#2980b9;--blue-bg:#eaf4fb;--purple:#8e44ad;--purple-bg:#f5eef8;--orange:#e67e22;--orange-bg:#fdf2e9;--bg:#fff;--bg-secondary:#f8fafb;--bg-tertiary:#f0f4f7;--text:#2c3e50;--text-secondary:#5d6d7e;--text-muted:#95a5a6;--text-white:#fff;--border:#e1e8ed;--border-light:#eef2f5;--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 12px #00000014;--shadow-md:0 8px 24px #0000001f;--shadow-lg:0 16px 40px #00000029;--radius-sm:6px;--radius:10px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--sidebar-width:240px;--header-h:60px;--mobile-nav-h:64px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media (width>=769px){.mobile-only{display:none!important}}@media (width<=768px){.desktop-only{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:.3s fadeIn}@keyframes pulse{50%{opacity:.5}}.pulse{animation:1.5s infinite pulse}@page{size:A4 portrait;margin:0!important}@media print{html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}header,nav,aside,.admin-header,.mobile-header,.admin-sidebar,.mobile-nav-overlay,.mobile-nav-drawer,.desktop-only,.mobile-only,.no-print,.btn,button,.top-nav-bar,.breadcrumb-trail,.page-header,.page-tabs-bar,.rapor-tab-bar,.filter-card,.modal-backdrop,.alert-banner,.actions-cell,.pagination-footer,.dt-header-bar,.dt-paged-footer{display:none!important}.admin-main{width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.admin-content{margin:0!important;padding:0!important;overflow:visible!important}}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@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-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}@keyframes spin{to{transform:rotate(360deg)}}.login-page[data-v-31403d40]{box-sizing:border-box;background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:24px 20px;display:flex}.login-content[data-v-31403d40]{color:#2c3e50;flex-direction:column;width:100%;max-width:400px;display:flex}.login-logo-group[data-v-31403d40]{justify-content:center;align-items:center;gap:10px;margin-top:10px;margin-bottom:72px;display:flex}.logo-img[data-v-31403d40]{object-fit:contain;width:58px;height:58px}.logo-divider[data-v-31403d40]{background:#d5dedb;border-radius:1px;width:1.5px;height:48px}.logo-text-wrap[data-v-31403d40]{flex-direction:column;justify-content:center;display:flex}.logo-name[data-v-31403d40]{color:#143b32;letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.1}.logo-sub[data-v-31403d40]{color:#7f8c8d;max-width:210px;margin-top:2px;font-size:11.5px;line-height:1.35}.error-banner[data-v-31403d40]{color:#c0392b;background:#fdedec;border:1px solid #f87171;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;display:flex}.login-form[data-v-31403d40]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-31403d40]{flex-direction:column;gap:6px;display:flex}.label-row[data-v-31403d40]{justify-content:space-between;align-items:center;display:flex}.form-label[data-v-31403d40]{color:#7f8c8d;letter-spacing:.5px;font-size:11px;font-weight:700}.forgot-link[data-v-31403d40]{color:#143b32;font-size:11.5px;font-weight:600;text-decoration:none;transition:opacity .2s}.forgot-link[data-v-31403d40]:hover{opacity:.85;text-decoration:underline}.underline-input-wrap[data-v-31403d40]{align-items:center;display:flex;position:relative}.field-icon[data-v-31403d40]{color:#95a5a6;pointer-events:none;position:absolute;left:2px}.underline-input[data-v-31403d40]{color:#2c3e50;box-sizing:border-box;background:0 0;border:none;border-bottom:1.5px solid #d5dedb;outline:none;width:100%;height:40px;padding:6px 36px 6px 30px;font-size:14px;transition:border-color .2s}.underline-input[data-v-31403d40]:focus{border-bottom:2px solid #143b32}.underline-input[data-v-31403d40]::placeholder{color:#bdc3c7;font-size:13px}.pass-toggle[data-v-31403d40]{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.submit-btn[data-v-31403d40]{color:#fff;cursor:pointer;background:#143b32;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:6px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #143b3240}.submit-btn[data-v-31403d40]:hover{background:#0e2a24;box-shadow:0 6px 18px #143b3259}.submit-btn[data-v-31403d40]:active{transform:scale(.98)}.btn-inner-center[data-v-31403d40]{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.divider-text[data-v-31403d40]{color:#bdc3c7;align-items:center;margin:18px 0 14px;font-size:11.5px;display:flex}.divider-text[data-v-31403d40]:before,.divider-text[data-v-31403d40]:after{content:"";border-bottom:1px solid #ecf0f1;flex:1}.divider-text[data-v-31403d40]:before{margin-right:12px}.divider-text[data-v-31403d40]:after{margin-left:12px}.google-btn[data-v-31403d40]{color:#2c3e50;cursor:pointer;background:#fff;border:1px solid #e0e6e4;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000a}.google-btn[data-v-31403d40]:hover{background:#f8faf9;border-color:#cbd7d4;transform:translateY(-1px)}.login-demo-hint[data-v-31403d40]{background:#f0f5f4;border:1px solid #143b3226;border-radius:12px;margin-top:18px;padding:12px 14px}.login-demo-hint>p[data-v-31403d40]{color:#143b32;margin:0 0 8px;font-size:11px;font-weight:700}.demo-btns[data-v-31403d40]{flex-wrap:wrap;gap:8px;display:flex}.demo-btn[data-v-31403d40]{color:#fff;cursor:pointer;background:#143b32;border:none;border-radius:18px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #143b3233}.demo-btn[data-v-31403d40]:hover{background:#0e2a24}.demo-btn.active-demo[data-v-31403d40]{background:#0c251f;box-shadow:0 0 0 2px #d4af37,0 2px 8px #d4af3766}.loading-indicator[data-v-31403d40]{justify-content:center;align-items:center;gap:8px;display:flex}.spin[data-v-31403d40]{animation:1s linear infinite spin-31403d40}@keyframes spin-31403d40{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer-center[data-v-31403d40]{color:#95a5a6;border-top:1px solid #f0f4f2;justify-content:center;align-items:center;margin-top:26px;padding-top:12px;font-size:12px;font-weight:500;display:flex}.recovery-page[data-v-4e5789b8]{color:#2c3e50;box-sizing:border-box;background:#fff;justify-content:center;min-height:100vh;padding:24px 16px;display:flex}.recovery-container[data-v-4e5789b8]{flex-direction:column;width:100%;max-width:400px;display:flex}.top-nav[data-v-4e5789b8]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.back-btn[data-v-4e5789b8]{cursor:pointer;color:#64748b;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .2s,transform .2s;display:flex}.back-btn[data-v-4e5789b8]:hover{color:#1e293b;background:0 0;transform:translate(-3px)}.page-title[data-v-4e5789b8]{color:#2c3e50;font-size:15px;font-weight:700}.recovery-hero[data-v-4e5789b8]{text-align:center;margin-bottom:24px}.hero-icon-ring[data-v-4e5789b8]{background:#f0faf7;border:1.5px solid #48bfa859;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;display:flex}.recovery-hero h2[data-v-4e5789b8]{color:#2c3e50;margin-bottom:4px;font-size:20px;font-weight:800}.recovery-hero p[data-v-4e5789b8]{color:#7f8c8d;margin:0;font-size:12.5px;line-height:1.45}.tab-control[data-v-4e5789b8]{background:#f4f6f7;border-radius:12px;margin-bottom:20px;padding:4px;display:flex}.tab-btn[data-v-4e5789b8]{color:#7f8c8d;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.tab-btn.active[data-v-4e5789b8]{color:#143b32;background:#fff;box-shadow:0 2px 6px #0000000f}.tab-body[data-v-4e5789b8]{flex-direction:column;gap:16px;display:flex}.result-banner[data-v-4e5789b8]{border-radius:12px;padding:12px 14px;font-size:12px}.banner-success[data-v-4e5789b8]{color:#1e8449;background:#e8f5e9;border:1px solid #a3e635}.banner-error[data-v-4e5789b8]{color:#c0392b;background:#fdedec;border:1px solid #f87171}.result-title[data-v-4e5789b8]{margin-bottom:4px;font-weight:700}.hint-details[data-v-4e5789b8]{font-size:11.5px;line-height:1.5}.recovery-form[data-v-4e5789b8]{flex-direction:column;gap:18px;display:flex}.form-group[data-v-4e5789b8]{flex-direction:column;gap:6px;display:flex}.field-label[data-v-4e5789b8]{color:#7f8c8d;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.input-line-wrap[data-v-4e5789b8]{align-items:center;display:flex;position:relative}.line-icon[data-v-4e5789b8]{color:#95a5a6;position:absolute;left:2px}.line-input[data-v-4e5789b8]{color:#2c3e50;box-sizing:border-box;background:0 0;border:none;border-bottom:1.5px solid #d5dedb;outline:none;width:100%;height:42px;padding:8px 10px 8px 30px;font-size:14px;transition:border-color .2s}.line-input[data-v-4e5789b8]:focus{border-bottom:2px solid #143b32}.line-input[data-v-4e5789b8]::placeholder{color:#bdc3c7;font-size:13px}.submit-btn[data-v-4e5789b8]{color:#fff;cursor:pointer;background:#143b32;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:8px;font-size:14.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #143b3240}.submit-btn[data-v-4e5789b8]:hover{background:#0e2a24}.submit-btn[data-v-4e5789b8]:active{transform:scale(.98)}.btn-inner-center[data-v-4e5789b8]{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.forgot-all-row[data-v-4e5789b8]{text-align:center;margin-top:6px}.forgot-all-btn[data-v-4e5789b8]{color:#143b32;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600;text-decoration:underline}.cs-intro-card[data-v-4e5789b8]{background:#f0f5f4;border:1px solid #143b3226;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.contact-list[data-v-4e5789b8]{flex-direction:column;gap:10px;margin-top:6px;display:flex}.contact-card[data-v-4e5789b8]{color:#2c3e50;background:#fff;border:1px solid #e0e6e4;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.contact-card[data-v-4e5789b8]:hover{border-color:#143b32;transform:translateY(-1px)}.contact-icon[data-v-4e5789b8]{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bg-green[data-v-4e5789b8]{background:#e8f5e9}.bg-blue[data-v-4e5789b8]{background:#e3f2fd}.contact-label[data-v-4e5789b8]{color:#7f8c8d;font-size:11px}.contact-val[data-v-4e5789b8]{color:#2c3e50;font-size:13.5px;font-weight:700}.action-tag[data-v-4e5789b8]{color:#143b32;background:#f0f5f4;border:1px solid #143b32;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:700}.ops-hours[data-v-4e5789b8]{color:#95a5a6;justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:11.5px;display:flex}.back-login-btn[data-v-4e5789b8]{color:#7f8c8d;cursor:pointer;background:0 0;border:1px solid #e0e6e4;border-radius:14px;width:100%;height:44px;margin-top:14px;font-size:13px;font-weight:600;transition:all .2s}.back-login-btn[data-v-4e5789b8]:hover{color:#2c3e50;background:#f4f6f7}.page-footer-center[data-v-4e5789b8]{color:#95a5a6;border-top:1px solid #f0f4f2;justify-content:center;align-items:center;margin-top:32px;padding-top:14px;font-size:12px;font-weight:500;display:flex}.admin-layout[data-v-cd555b1a]{background:var(--bg-secondary);height:100vh;display:flex;overflow:hidden}.admin-sidebar[data-v-cd555b1a]{width:var(--sidebar-width);background:var(--primary-dark);flex-direction:column;flex-shrink:0;transition:width .2s;display:flex;overflow:hidden auto}.admin-layout.sidebar-collapsed .admin-sidebar[data-v-cd555b1a]{width:60px}.sidebar-logo[data-v-cd555b1a]{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:20px 16px;display:flex}.logo-img[data-v-cd555b1a]{object-fit:contain;flex-shrink:0;width:36px;height:36px}.logo-name[data-v-cd555b1a]{color:#fff;letter-spacing:-.5px;font-size:18px;font-weight:800}.logo-sub[data-v-cd555b1a]{color:#ffffff80;font-size:9px;line-height:1.4}.sidebar-nav[data-v-cd555b1a]{flex-direction:column;flex:1;gap:1px;padding:8px 0;display:flex}.nav-item[data-v-cd555b1a]{color:#ffffffa6;white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item[data-v-cd555b1a]:hover{color:#fff;background:#ffffff0f}.nav-item.active[data-v-cd555b1a]{color:#fff;background:#ffffff1f;border-right:3px solid #3a9966}.nav-parent-btn[data-v-cd555b1a]{justify-content:flex-start}.chevron-icon[data-v-cd555b1a]{opacity:.6;margin-left:auto;transition:transform .15s}.nav-icon-svg[data-v-cd555b1a]{flex-shrink:0}.nav-label[data-v-cd555b1a]{flex:1}.nav-sub-menu[data-v-cd555b1a]{background:#00000026;flex-direction:column;margin-bottom:2px;padding:3px 0 5px;display:flex}.nav-sub-item[data-v-cd555b1a]{color:#fff9;white-space:nowrap;align-items:center;gap:9px;padding:7px 16px 7px 34px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-sub-item[data-v-cd555b1a]:hover{color:#fff;background:#ffffff0d}.nav-sub-item.active[data-v-cd555b1a]{color:#55d697;background:#55d6971a;border-right:3px solid #55d697;font-weight:600}.nav-sub-label[data-v-cd555b1a]{flex:1}.sidebar-tahun[data-v-cd555b1a]{border-top:1px solid #ffffff14;padding:12px 16px}.tahun-label[data-v-cd555b1a]{color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px}.tahun-select[data-v-cd555b1a]{color:#fff;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid #ffffff1f;width:100%;padding:6px 10px;font-family:inherit;font-size:12px}.sidebar-user[data-v-cd555b1a]{cursor:pointer;color:#fffc;border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-user-info[data-v-cd555b1a]{flex:1;min-width:0}.admin-main[data-v-cd555b1a]{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-header[data-v-cd555b1a]{height:var(--header-h);background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;gap:16px;padding:0 24px;display:flex}.header-title[data-v-cd555b1a]{flex:1;min-width:0}.header-title h1[data-v-cd555b1a]{margin:0}.header-actions[data-v-cd555b1a]{align-items:center;gap:12px;margin-left:auto;display:flex}.mobile-header[data-v-cd555b1a]{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.mobile-nav-overlay[data-v-cd555b1a]{z-index:100;background:#00000080;position:fixed;inset:0}.mobile-nav-drawer[data-v-cd555b1a]{background:var(--primary-dark);width:260px;height:100%;overflow-y:auto}.admin-content[data-v-cd555b1a]{flex:1;padding:24px;overflow-y:auto}@media (width<=768px){.admin-content[data-v-cd555b1a]{padding:16px}}@media print{.admin-sidebar[data-v-cd555b1a],.admin-header[data-v-cd555b1a],.mobile-header[data-v-cd555b1a],.mobile-nav-overlay[data-v-cd555b1a],.mobile-nav-drawer[data-v-cd555b1a],.desktop-only[data-v-cd555b1a],.mobile-only[data-v-cd555b1a]{display:none!important}.admin-layout[data-v-cd555b1a]{background:#fff!important;display:block!important}.admin-main[data-v-cd555b1a]{width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.admin-content[data-v-cd555b1a]{margin:0!important;padding:0!important;overflow:visible!important}}.data-table-container[data-v-880f2daf]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:visible;box-shadow:0 1px 3px #0000000a}.dt-header-bar[data-v-880f2daf]{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.tabs-scroll[data-v-880f2daf]{align-items:center;gap:6px;max-width:100%;display:flex;overflow-x:auto}.tab-btn[data-v-880f2daf]{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.tab-btn[data-v-880f2daf]:hover{color:#0f172a;background:#f1f5f9}.tab-btn.active[data-v-880f2daf]{color:#fff;background:#143b32}.tab-badge[data-v-880f2daf]{background:#00000014;border-radius:12px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.tab-btn.active .tab-badge[data-v-880f2daf]{color:#fff;background:#ffffff40}.dt-controls-row[data-v-880f2daf]{align-items:center;gap:8px;margin-left:auto;display:flex}.dt-search-wrap[data-v-880f2daf]{width:250px;position:relative}.dt-search-icon[data-v-880f2daf]{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.dt-search-input[data-v-880f2daf]{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:7px 28px 7px 32px;font-size:12px;transition:border-color .15s}.dt-search-input[data-v-880f2daf]:focus{border-color:#143b32;outline:none;box-shadow:0 0 0 2px #143b321f}.dt-search-clear[data-v-880f2daf]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.dt-active-filters-bar[data-v-880f2daf]{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.af-label[data-v-880f2daf]{color:#64748b;font-size:11.5px;font-weight:600}.af-chip[data-v-880f2daf]{color:#1e8449;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:12px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}.af-remove-btn[data-v-880f2daf]{color:inherit;cursor:pointer;background:0 0;border:none;font-size:14px;line-height:1}.af-clear-all[data-v-880f2daf]{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600;text-decoration:underline}.dt-table-wrap[data-v-880f2daf]{position:relative;overflow-x:auto}.dt-table[data-v-880f2daf]{border-collapse:collapse;width:100%;font-size:12.5px}.dt-table th[data-v-880f2daf]{color:#475569;text-transform:uppercase;letter-spacing:.4px;-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:700;position:relative}.dt-table td[data-v-880f2daf]{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.dt-table tbody tr[data-v-880f2daf]:hover{background:#f8fafc}.th-content[data-v-880f2daf]{align-items:center;gap:6px;display:flex}.th-label[data-v-880f2daf]{white-space:nowrap}.btn-th-icon[data-v-880f2daf]{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:inline-flex;position:relative}.btn-th-icon[data-v-880f2daf]:hover{color:#0f172a;background:#e2e8f0}.btn-th-icon.active[data-v-880f2daf]{color:#143b32;background:#e8f5e9;border-color:#a7f3d0}.btn-th-icon.open[data-v-880f2daf]{color:#fff;background:#143b32}.filter-dot[data-v-880f2daf]{background:#10b981;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.th-filter-wrapper[data-v-880f2daf]{position:relative}.filter-dropdown-popup[data-v-880f2daf]{z-index:100;text-transform:none;letter-spacing:normal;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:240px;padding:10px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 25px -5px #00000026}.fd-header[data-v-880f2daf]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.fd-title[data-v-880f2daf]{color:#0f172a;font-size:12px;font-weight:700}.fd-close-btn[data-v-880f2daf]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:16px}.fd-search-box[data-v-880f2daf]{margin-bottom:8px;position:relative}.fd-search-icon[data-v-880f2daf]{color:#94a3b8;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.fd-search-input[data-v-880f2daf]{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:5px 8px 5px 26px;font-size:11.5px}.fd-search-input[data-v-880f2daf]:focus{border-color:#143b32;outline:none}.fd-actions-row[data-v-880f2daf]{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.btn-fd-action[data-v-880f2daf]{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;flex:1;padding:3px 6px;font-size:10.5px;font-weight:600;transition:background .15s}.btn-fd-action[data-v-880f2daf]:hover{background:#e2e8f0}.btn-fd-action.reset[data-v-880f2daf]{color:#dc2626}.fd-options-list[data-v-880f2daf]{flex-direction:column;gap:4px;max-height:150px;margin-bottom:10px;display:flex;overflow-y:auto}.fd-option-item[data-v-880f2daf]{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;font-size:11.5px;transition:background .1s;display:flex}.fd-option-item[data-v-880f2daf]:hover{background:#f8fafc}.fd-option-item.checked[data-v-880f2daf]{background:#f0fdf4}.fd-checkbox[data-v-880f2daf]{accent-color:#143b32}.fd-option-label[data-v-880f2daf]{color:#0f172a;flex:1}.fd-option-count[data-v-880f2daf]{color:#94a3b8;font-size:10px}.fd-empty-text[data-v-880f2daf]{color:#94a3b8;text-align:center;padding:8px;font-size:11px}.fd-footer[data-v-880f2daf]{border-top:1px solid #f1f5f9;padding-top:8px}.btn-fd-apply[data-v-880f2daf]{color:#fff;cursor:pointer;background:#143b32;border:none;border-radius:6px;width:100%;padding:6px;font-size:11.5px;font-weight:700;transition:background .15s}.btn-fd-apply[data-v-880f2daf]:hover{background:#0d2822}.empty-state-cell[data-v-880f2daf]{text-align:center;color:#64748b;padding:40px 16px}.empty-icon[data-v-880f2daf]{opacity:.35;margin-bottom:8px}.empty-main-text[data-v-880f2daf]{color:#334155;font-size:13px;font-weight:600}.empty-subtext[data-v-880f2daf]{color:#94a3b8;margin-top:4px;font-size:11.5px}.scroll-sentinel-row[data-v-880f2daf]{border:none}.scroll-sentinel-cell[data-v-880f2daf]{text-align:center;background:#f8fafc;border-top:1px dashed #e2e8f0;padding:14px 16px}.scroll-loading-indicator[data-v-880f2daf]{color:#64748b;align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:inline-flex}.spinner-mini[data-v-880f2daf]{border:2px solid #cbd5e1;border-top-color:#143b32;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin-880f2daf;display:inline-block}@keyframes spin-880f2daf{to{transform:rotate(360deg)}}.dt-paged-footer[data-v-880f2daf]{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.dt-pagi-left[data-v-880f2daf]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.dt-pagi-info[data-v-880f2daf]{color:#475569;font-size:12px}.dt-pagi-info strong[data-v-880f2daf]{color:#0f172a;font-weight:600}.dt-total-hint[data-v-880f2daf]{color:#94a3b8;margin-left:2px;font-size:11px}.dt-page-size-picker[data-v-880f2daf]{align-items:center;gap:6px;display:flex}.dt-picker-label[data-v-880f2daf]{color:#64748b;font-size:11.5px;font-weight:500}.dt-picker-select[data-v-880f2daf]{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;transition:border-color .15s}.dt-picker-select[data-v-880f2daf]:focus{border-color:#143b32;box-shadow:0 0 0 2px #143b321f}.dt-pagi-right[data-v-880f2daf]{align-items:center;gap:4px;display:flex}.dt-pg-btn[data-v-880f2daf]{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.dt-pg-btn[data-v-880f2daf]:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.dt-pg-btn.active[data-v-880f2daf]{color:#fff;background:#143b32;border-color:#143b32}.dt-pg-btn[data-v-880f2daf]:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.dt-scroll-footer[data-v-880f2daf]{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;display:flex}.sf-info[data-v-880f2daf]{color:#475569;align-items:center;gap:6px;font-size:12px;display:flex}.sf-count strong[data-v-880f2daf]{color:#0f172a}.sf-total-hint[data-v-880f2daf]{color:#94a3b8;font-size:11px}.sf-actions[data-v-880f2daf]{align-items:center;gap:8px;display:flex}.btn-load-more[data-v-880f2daf]{color:#143b32;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.btn-load-more[data-v-880f2daf]:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.btn-load-more[data-v-880f2daf]:disabled{opacity:.6;cursor:wait}.sf-all-loaded[data-v-880f2daf]{color:#10b981;font-size:11.5px;font-weight:600}@media (width<=768px){.dt-header-bar[data-v-880f2daf]{flex-direction:column;align-items:stretch}.dt-controls-row[data-v-880f2daf]{width:100%;margin-left:0}.dt-search-wrap[data-v-880f2daf]{width:100%}}.users-page[data-v-40ac4fc9]{padding:0}.page-header[data-v-40ac4fc9]{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.page-title[data-v-40ac4fc9]{color:#0f172a;margin:0;font-size:20px;font-weight:800}.page-subtitle[data-v-40ac4fc9]{color:#64748b;margin-top:2px;font-size:12px}.alert-banner[data-v-40ac4fc9]{border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;font-weight:600;display:flex;position:relative}.alert-success[data-v-40ac4fc9]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.alert-error[data-v-40ac4fc9]{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.close-alert[data-v-40ac4fc9]{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;font-size:16px}.stats-row[data-v-40ac4fc9]{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.mini-stat-card[data-v-40ac4fc9]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;transition:all .15s}.mini-stat-card[data-v-40ac4fc9]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.mini-stat-card.active[data-v-40ac4fc9]{border-color:#143b32;box-shadow:0 0 0 2px #143b3226}.mini-stat-card.green .ms-val[data-v-40ac4fc9]{color:#10b981}.mini-stat-card.gray .ms-val[data-v-40ac4fc9]{color:#64748b}.ms-val[data-v-40ac4fc9]{color:#0f172a;font-size:24px;font-weight:800;line-height:1.2}.ms-lbl[data-v-40ac4fc9]{color:#64748b;margin-top:2px;font-size:11px;font-weight:600}.card-header-bar[data-v-40ac4fc9]{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.tabs-scroll[data-v-40ac4fc9]{align-items:center;gap:4px;display:flex;overflow-x:auto}.tab-btn[data-v-40ac4fc9]{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tab-btn[data-v-40ac4fc9]:hover{color:#0f172a;background:#f1f5f9}.tab-btn.active[data-v-40ac4fc9]{color:#fff;background:#143b32}.tab-badge[data-v-40ac4fc9]{background:#00000014;border-radius:10px;padding:1px 6px;font-size:10px}.tab-btn.active .tab-badge[data-v-40ac4fc9]{color:#fff;background:#ffffff40}.filter-controls[data-v-40ac4fc9]{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:260px;display:flex}.search-input-wrap[data-v-40ac4fc9]{width:240px;position:relative}.search-icon[data-v-40ac4fc9]{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.search-input[data-v-40ac4fc9]{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:6px 10px 6px 28px;font-size:12px}.status-select[data-v-40ac4fc9]{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:130px;padding:6px 10px;font-size:12px}.user-info-cell[data-v-40ac4fc9]{align-items:center;gap:10px;display:flex}.user-fullname[data-v-40ac4fc9]{color:#0f172a;font-size:13px;font-weight:700}.user-sub[data-v-40ac4fc9]{color:#64748b;font-size:11px}.roles-pill-wrap[data-v-40ac4fc9]{flex-wrap:wrap;gap:4px;max-width:220px;display:flex}.contact-cell[data-v-40ac4fc9]{flex-direction:column;gap:2px;display:flex}.email-text[data-v-40ac4fc9]{color:#334155;font-family:monospace;font-size:11.5px}.username-pill[data-v-40ac4fc9]{color:#0f172a;font-size:10.5px;font-weight:600}.phone-text[data-v-40ac4fc9]{color:#0284c7;font-size:11px}.no-contact-text[data-v-40ac4fc9]{color:#94a3b8;font-size:11px;font-style:italic}.badge-red[data-v-40ac4fc9]{color:#b91c1c;background:#fee2e2}.badge-green[data-v-40ac4fc9]{color:#047857;background:#ecfdf5}.badge-blue[data-v-40ac4fc9]{color:#1d4ed8;background:#eff6ff}.badge-orange[data-v-40ac4fc9]{color:#c2410c;background:#fff7ed}.badge-purple[data-v-40ac4fc9]{color:#7e22ce;background:#faf5ff}.badge-emerald[data-v-40ac4fc9]{color:#15803d;background:#f0fdf4}.badge-teal[data-v-40ac4fc9]{color:#0d9488;background:#f0fdfa;border:1px solid #ccfbf1}.badge-gray[data-v-40ac4fc9]{color:#475569;background:#f1f5f9}.avatar-red[data-v-40ac4fc9]{color:#b91c1c;background:#fee2e2}.avatar-green[data-v-40ac4fc9]{color:#047857;background:#ecfdf5}.avatar-teal[data-v-40ac4fc9]{color:#0f766e;background:#ccfbf1}.avatar-blue[data-v-40ac4fc9]{color:#1d4ed8;background:#eff6ff}.avatar-orange[data-v-40ac4fc9]{color:#c2410c;background:#fff7ed}.actions-cell[data-v-40ac4fc9]{justify-content:flex-end;align-items:center;gap:4px;display:flex}.icon-btn[data-v-40ac4fc9]{align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.text-danger[data-v-40ac4fc9]{color:#dc2626!important}.text-danger[data-v-40ac4fc9]:hover{background:#fee2e2!important}.text-warning[data-v-40ac4fc9]{color:#d97706!important}.text-warning[data-v-40ac4fc9]:hover{background:#fef3c7!important}.pagination-footer[data-v-40ac4fc9]{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pagination-info[data-v-40ac4fc9]{color:#64748b;font-size:12px}.pg-btn[data-v-40ac4fc9]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:inline-flex}.pg-btn.active[data-v-40ac4fc9]{color:#fff;background:#143b32;border-color:#143b32}.modal-backdrop[data-v-40ac4fc9]{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-40ac4fc9]{background:#fff;border-radius:12px;width:560px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-card-sm[data-v-40ac4fc9]{width:440px}.modal-header[data-v-40ac4fc9]{z-index:2;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.modal-title[data-v-40ac4fc9]{color:#0f172a;margin:0;font-size:15px;font-weight:800}.close-btn[data-v-40ac4fc9]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px;line-height:1}.close-btn[data-v-40ac4fc9]:hover{color:#0f172a}.modal-body-form[data-v-40ac4fc9]{flex-direction:column;gap:12px;padding:18px;display:flex}.form-row-2[data-v-40ac4fc9]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-group[data-v-40ac4fc9]{flex-direction:column;gap:4px;display:flex}.form-label[data-v-40ac4fc9]{color:#334155;font-size:11.5px;font-weight:700}.sub-label[data-v-40ac4fc9]{color:#64748b;margin-left:4px;font-size:11px;font-weight:400}.selected-roles-badge[data-v-40ac4fc9]{color:#143b32;background:#e8f5e9;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.required[data-v-40ac4fc9]{color:#ef4444}.roles-selection-grid[data-v-40ac4fc9]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-height:200px;padding:4px;display:grid;overflow-y:auto}.role-chk-card[data-v-40ac4fc9]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.role-chk-card[data-v-40ac4fc9]:hover{background:#f1f5f9;border-color:#94a3b8}.role-chk-card.selected[data-v-40ac4fc9]{background:#f0fdf4;border-color:#143b32;box-shadow:0 0 0 1px #143b32}.role-native-chk[data-v-40ac4fc9]{accent-color:#143b32;margin-top:3px}.role-chk-body[data-v-40ac4fc9]{flex-direction:column;gap:2px;display:flex}.role-chk-name[data-v-40ac4fc9]{color:#0f172a;font-size:11.5px;font-weight:700}.role-chk-desc[data-v-40ac4fc9]{color:#64748b;font-size:10px;line-height:1.2}.alert-info-box[data-v-40ac4fc9]{color:#854d0e;background:#fefce8;border:1px solid #fef08a;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.4}.btn-warning[data-v-40ac4fc9]{color:#fff;background:#d97706;border:none}.btn-warning[data-v-40ac4fc9]:hover{background:#b45309}.password-input-wrap[data-v-40ac4fc9]{position:relative}.btn-toggle-pw[data-v-40ac4fc9]{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.modal-footer[data-v-40ac4fc9]{z-index:2;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex;position:sticky;bottom:0}.user-detail-card[data-v-40ac4fc9]{padding:18px}.detail-avatar-wrap[data-v-40ac4fc9]{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.detail-name[data-v-40ac4fc9]{color:#0f172a;margin:0;font-size:16px;font-weight:800}.detail-list[data-v-40ac4fc9]{flex-direction:column;gap:8px;display:flex}.detail-item[data-v-40ac4fc9]{justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.detail-label[data-v-40ac4fc9]{color:#64748b;font-weight:600}.detail-val[data-v-40ac4fc9]{color:#0f172a;font-weight:700}.spin-anim[data-v-40ac4fc9]{animation:.8s linear infinite spin-40ac4fc9}@keyframes spin-40ac4fc9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.card-header-bar[data-v-40ac4fc9],.filter-controls[data-v-40ac4fc9]{flex-direction:column;align-items:stretch}.search-input-wrap[data-v-40ac4fc9]{width:100%}.form-row-2[data-v-40ac4fc9]{grid-template-columns:1fr}}.roles-page[data-v-7d903868]{padding:0}.page-header[data-v-7d903868]{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.page-title[data-v-7d903868]{color:#0f172a;margin:0;font-size:20px;font-weight:800}.page-subtitle[data-v-7d903868]{color:#64748b;margin-top:2px;font-size:12px}.alert-banner[data-v-7d903868]{border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.alert-success[data-v-7d903868]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.alert-error[data-v-7d903868]{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.close-alert[data-v-7d903868]{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;font-size:16px}.filter-bar[data-v-7d903868]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.search-input-wrap[data-v-7d903868]{width:280px;position:relative}.search-icon[data-v-7d903868]{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.search-input[data-v-7d903868]{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:7px 10px 7px 30px;font-size:12px}.layout-filter-pills[data-v-7d903868]{background:#f1f5f9;border-radius:8px;align-items:center;gap:6px;padding:3px;display:flex}.filter-pill[data-v-7d903868]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.filter-pill.active[data-v-7d903868]{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.roles-summary-badge[data-v-7d903868]{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.roles-grid[data-v-7d903868]{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.loading-state[data-v-7d903868]{text-align:center;color:#64748b;padding:40px;font-size:13px}.empty-state-box[data-v-7d903868]{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;margin-top:10px;padding:48px 24px}.empty-icon-wrap[data-v-7d903868]{margin-bottom:12px}.empty-title[data-v-7d903868]{color:#1e293b;margin:0 0 6px;font-size:15px;font-weight:700}.empty-subtitle[data-v-7d903868]{color:#64748b;max-width:440px;margin:0 auto 16px;font-size:12px;line-height:1.5}.role-card[data-v-7d903868]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px #00000008}.role-card[data-v-7d903868]:hover{box-shadow:0 4px 14px #00000012}.card-body[data-v-7d903868]{padding:16px}.role-card-top[data-v-7d903868]{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.role-icon-wrap[data-v-7d903868]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.color-red[data-v-7d903868]{color:#dc2626;background:#fee2e2}.color-green[data-v-7d903868]{color:#16a34a;background:#dcfce7}.color-purple[data-v-7d903868]{color:#9333ea;background:#f3e8ff}.color-blue[data-v-7d903868]{color:#2563eb;background:#dbeafe}.color-orange[data-v-7d903868]{color:#ea580c;background:#ffedd5}.color-emerald[data-v-7d903868]{color:#059669;background:#d1fae5}.color-indigo[data-v-7d903868]{color:#4f46e5;background:#e0e7ff}.color-slate[data-v-7d903868]{color:#475569;background:#f1f5f9}.role-meta[data-v-7d903868]{flex:1;min-width:0}.role-title-row[data-v-7d903868]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.role-name[data-v-7d903868]{color:#0f172a;margin:0;font-size:14px;font-weight:700}.badge-system-pill[data-v-7d903868]{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.role-sub-meta[data-v-7d903868]{color:#64748b;align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.role-user-count[data-v-7d903868]{align-items:center;gap:3px;display:inline-flex}.role-actions[data-v-7d903868]{align-items:center;gap:4px;display:flex}.lock-indicator[data-v-7d903868]{padding:6px}.role-layout-badge-wrap[data-v-7d903868]{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.role-layout-badge[data-v-7d903868]{border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.layout-desktop[data-v-7d903868]{color:#1e40af;background:#eff6ff}.layout-mobile[data-v-7d903868]{color:#6b21a8;background:#f5f3ff}.menu-count-badge[data-v-7d903868]{color:#64748b;font-size:11px;font-weight:500}.role-desc[data-v-7d903868]{color:#475569;min-height:32px;margin:0 0 10px;font-size:12px;line-height:1.4}.perm-tags-wrap[data-v-7d903868]{flex-wrap:wrap;gap:5px;display:flex}.perm-tag[data-v-7d903868]{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px;font-size:11px}.more-tag[data-v-7d903868]{color:#64748b;background:#f1f5f9;font-weight:600}.role-form-page[data-v-7d903868]{flex-direction:column;gap:16px;display:flex}.form-header-bar[data-v-7d903868]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.form-page-title[data-v-7d903868]{color:#0f172a;margin:0;font-size:16px;font-weight:800}.form-page-subtitle[data-v-7d903868]{color:#64748b;margin:2px 0 0;font-size:12px}.form-main-grid[data-v-7d903868]{grid-template-columns:320px 1fr;align-items:start;gap:16px;display:grid}.form-section-card[data-v-7d903868]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px}.section-title[data-v-7d903868]{color:#0f172a;text-transform:uppercase;letter-spacing:.4px;margin:0 0 12px;font-size:13px;font-weight:700}.section-divider[data-v-7d903868]{background:#e2e8f0;height:1px;margin:16px 0}.form-group[data-v-7d903868]{flex-direction:column;gap:5px;display:flex}.form-label[data-v-7d903868]{color:#334155;font-size:12px;font-weight:600}.required[data-v-7d903868]{color:#dc2626}.form-input[data-v-7d903868]{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:12.5px;transition:border-color .15s}.form-input[data-v-7d903868]:focus{border-color:#15803d;outline:none}.form-textarea[data-v-7d903868]{resize:vertical}.layout-radio-grid[data-v-7d903868]{flex-direction:column;gap:10px;display:flex}.layout-radio-card[data-v-7d903868]{cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;padding:12px;transition:all .15s}.layout-radio-card[data-v-7d903868]:hover{background:#fff;border-color:#94a3b8}.layout-radio-card.active[data-v-7d903868]{background:#f0fdf4;border-color:#15803d;box-shadow:0 0 0 1px #15803d}.radio-card-header[data-v-7d903868]{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.icon-circle[data-v-7d903868]{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-desktop[data-v-7d903868]{color:#1e40af;background:#dbeafe}.icon-mobile[data-v-7d903868]{color:#7e22ce;background:#f3e8ff}.radio-circle[data-v-7d903868]{background:#fff;border:2px solid #cbd5e1;border-radius:50%;width:16px;height:16px}.layout-radio-card.active .radio-circle[data-v-7d903868]{background:radial-gradient(circle,#15803d 40%,#fff 45%);border-color:#15803d}.radio-card-title[data-v-7d903868]{color:#0f172a;margin-bottom:2px;font-size:13px;font-weight:700}.radio-card-desc[data-v-7d903868]{color:#64748b;margin:0;font-size:11px;line-height:1.35}.sub-tabs-bar[data-v-7d903868]{border-bottom:1px solid #e2e8f0;gap:8px;margin-bottom:14px;padding-bottom:10px;display:flex}.sub-tab-btn[data-v-7d903868]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.sub-tab-btn[data-v-7d903868]:hover{color:#0f172a;background:#f1f5f9}.sub-tab-btn.active[data-v-7d903868]{color:#fff;background:#15803d}.preset-templates-bar[data-v-7d903868]{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.preset-header[data-v-7d903868]{align-items:center;gap:6px;display:flex}.preset-title[data-v-7d903868]{color:#166534;font-size:12px;font-weight:700}.preset-buttons[data-v-7d903868]{flex-wrap:wrap;gap:6px;display:flex}.preset-chip[data-v-7d903868]{color:#166534;cursor:pointer;background:#fff;border:1px solid #86efac;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.preset-chip[data-v-7d903868]:hover{background:#dcfce7;border-color:#4ade80;transform:translateY(-1px)}.menu-groups-container[data-v-7d903868]{flex-direction:column;gap:14px;display:flex}.menu-group-card[data-v-7d903868]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.menu-group-header[data-v-7d903868]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.group-title[data-v-7d903868]{color:#334155;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.group-badge[data-v-7d903868]{color:#94a3b8;font-size:10.5px;font-weight:500}.menus-checkbox-grid[data-v-7d903868]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.menu-checkbox-item[data-v-7d903868]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .1s;display:flex}.menu-checkbox-item[data-v-7d903868]:hover{background:#f1f5f9}.menu-checkbox-item.checked[data-v-7d903868]{background:#f0fdf4;border-color:#86efac}.custom-check-box[data-v-7d903868]{color:#16a34a;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.menu-checkbox-item.checked .custom-check-box[data-v-7d903868]{background:#dcfce7;border-color:#16a34a}.menu-item-text[data-v-7d903868]{flex:1;min-width:0}.menu-item-title[data-v-7d903868]{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.menu-item-route[data-v-7d903868]{color:#94a3b8;font-family:monospace;font-size:10.5px}.reorder-tip-banner[data-v-7d903868]{border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.banner-info[data-v-7d903868]{background:#eff6ff;border:1px solid #bfdbfe}.banner-notice[data-v-7d903868]{background:#fefce8;border:1px solid #fef08a}.reorder-header-bar[data-v-7d903868]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.reorder-filter-pills[data-v-7d903868]{background:#f1f5f9;border-radius:8px;gap:4px;padding:3px;display:flex}.reorder-pill-btn[data-v-7d903868]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .15s}.reorder-pill-btn.active[data-v-7d903868]{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.badge-toggle-menu[data-v-7d903868]{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.badge-enabled[data-v-7d903868]{color:#15803d;background:#dcfce7;border-color:#86efac}.badge-enabled[data-v-7d903868]:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.badge-disabled[data-v-7d903868]{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.badge-disabled[data-v-7d903868]:hover{color:#15803d;background:#dcfce7;border-color:#86efac}.empty-reorder-box[data-v-7d903868]{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:40px}.reorder-items-list[data-v-7d903868]{flex-direction:column;gap:6px;display:flex}.reorder-row[data-v-7d903868]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.reorder-row.row-is-active[data-v-7d903868]{background:#fff;border-color:#bbf7d0;box-shadow:0 1px 3px #00000008}.reorder-row-left[data-v-7d903868]{align-items:center;gap:12px;display:flex}.reorder-num[data-v-7d903868]{color:#334155;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.reorder-name[data-v-7d903868]{color:#0f172a;font-size:12.5px;font-weight:700}.reorder-sub[data-v-7d903868]{color:#64748b;align-items:center;gap:6px;font-size:10.5px;display:flex}.reorder-sub code[data-v-7d903868]{font-size:10px}.reorder-row-actions[data-v-7d903868]{align-items:center;gap:4px;display:flex}.btn-reorder[data-v-7d903868]{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .1s;display:flex}.btn-reorder[data-v-7d903868]:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.btn-reorder[data-v-7d903868]:disabled{opacity:.35;cursor:not-allowed}.btn-text-sm[data-v-7d903868]{color:#15803d;cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600}.btn-text-sm[data-v-7d903868]:hover{text-decoration:underline}.sep[data-v-7d903868]{color:#cbd5e1;font-size:10px}.spin-anim[data-v-7d903868]{animation:1s linear infinite spin-7d903868}@keyframes spin-7d903868{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.role-user-count-btn[data-v-7d903868]{color:#0284c7;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;margin-left:-6px;padding:2px 6px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.role-user-count-btn[data-v-7d903868]:hover{color:#0369a1;background:#e0f2fe;text-decoration:underline}@media (width<=860px){.form-main-grid[data-v-7d903868]{grid-template-columns:1fr}}.santri-page[data-v-f80c1e62]{padding:0}.page-header[data-v-f80c1e62]{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.page-title[data-v-f80c1e62]{color:#0f172a;margin:0;font-size:20px;font-weight:800}.page-subtitle[data-v-f80c1e62]{color:#64748b;margin-top:2px;font-size:12px}.alert-banner[data-v-f80c1e62]{border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.alert-success[data-v-f80c1e62]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.alert-error[data-v-f80c1e62]{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.close-alert[data-v-f80c1e62]{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;font-size:16px}.stats-row[data-v-f80c1e62]{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.mini-stat-card[data-v-f80c1e62]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;transition:all .15s}.mini-stat-card[data-v-f80c1e62]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.mini-stat-card.active[data-v-f80c1e62]{border-color:#143b32;box-shadow:0 0 0 2px #143b3226}.mini-stat-card.green .ms-val[data-v-f80c1e62]{color:#10b981}.mini-stat-card.gray .ms-val[data-v-f80c1e62]{color:#64748b}.ms-val[data-v-f80c1e62]{color:#0f172a;font-size:24px;font-weight:800;line-height:1.2}.ms-lbl[data-v-f80c1e62]{color:#64748b;margin-top:2px;font-size:11px;font-weight:600}.card-header-bar[data-v-f80c1e62]{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.filter-group-left[data-v-f80c1e62]{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.class-select[data-v-f80c1e62],.status-select[data-v-f80c1e62]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:12px}.class-select[data-v-f80c1e62]{width:140px}.status-select[data-v-f80c1e62]{width:130px}.search-input-wrap[data-v-f80c1e62]{width:280px;position:relative}.search-icon[data-v-f80c1e62]{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.search-input[data-v-f80c1e62]{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:6px 10px 6px 28px;font-size:12px}.user-info-cell[data-v-f80c1e62]{align-items:center;gap:10px;display:flex}.avatar-pink[data-v-f80c1e62]{color:#db2777;background:#fdf2f8}.avatar-blue[data-v-f80c1e62]{color:#2563eb;background:#eff6ff}.avatar-photo-img[data-v-f80c1e62]{object-fit:cover;border-radius:50%;width:100%;height:100%}.form-photo-row[data-v-f80c1e62]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:16px;padding:12px 14px;display:flex}.form-photo-preview[data-v-f80c1e62]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:80px;display:flex;overflow:hidden}.preview-img[data-v-f80c1e62]{object-fit:cover;width:100%;height:100%}.preview-placeholder[data-v-f80c1e62]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.form-photo-controls[data-v-f80c1e62]{flex:1}.hidden-file-input[data-v-f80c1e62]{display:none}.user-fullname[data-v-f80c1e62]{color:#0f172a;font-size:13px;font-weight:700}.clickable-name[data-v-f80c1e62]{cursor:pointer;transition:color .15s}.clickable-name[data-v-f80c1e62]:hover{color:#143b32;text-decoration:underline}.nis-cell[data-v-f80c1e62]{flex-direction:column;display:flex}.nis-val[data-v-f80c1e62]{color:#0f172a;font-family:monospace;font-size:12px;font-weight:700}.nisn-val[data-v-f80c1e62]{color:#94a3b8;font-size:10.5px}.badge-class[data-v-f80c1e62]{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;font-weight:700}.wali-cell[data-v-f80c1e62]{flex-direction:column;display:flex}.wali-name[data-v-f80c1e62]{color:#334155;font-size:12px;font-weight:600}.wali-phone[data-v-f80c1e62]{color:#64748b;font-family:monospace;font-size:11px}.actions-cell[data-v-f80c1e62]{justify-content:flex-end;align-items:center;gap:4px;display:flex}.icon-btn[data-v-f80c1e62]{align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.text-danger[data-v-f80c1e62]{color:#dc2626!important}.text-danger[data-v-f80c1e62]:hover{background:#fee2e2!important}.pagination-footer[data-v-f80c1e62]{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pagination-info[data-v-f80c1e62]{color:#64748b;font-size:12px}.pg-btn[data-v-f80c1e62]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:inline-flex}.pg-btn.active[data-v-f80c1e62]{color:#fff;background:#143b32;border-color:#143b32}.modal-backdrop[data-v-f80c1e62]{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-f80c1e62]{background:#fff;border-radius:12px;width:520px;max-width:100%;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-card-xl[data-v-f80c1e62]{width:760px}.modal-header[data-v-f80c1e62]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-title[data-v-f80c1e62]{color:#0f172a;margin:0;font-size:15px;font-weight:800}.close-btn[data-v-f80c1e62]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px;line-height:1}.modal-form-body[data-v-f80c1e62]{flex-direction:column;gap:12px;padding:18px;display:flex}.form-row-2[data-v-f80c1e62]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-group[data-v-f80c1e62]{flex-direction:column;gap:4px;display:flex}.form-label[data-v-f80c1e62]{color:#334155;font-size:11.5px;font-weight:700}.required[data-v-f80c1e62]{color:#ef4444}.modal-footer[data-v-f80c1e62]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.upload-dropzone[data-v-f80c1e62]{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;padding:24px;position:relative}.file-input-hidden[data-v-f80c1e62]{opacity:0;cursor:pointer;position:absolute;inset:0}.selected-file-badge[data-v-f80c1e62]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.spin-anim[data-v-f80c1e62]{animation:.8s linear infinite spin-f80c1e62}@keyframes spin-f80c1e62{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.card-header-bar[data-v-f80c1e62],.filter-group-left[data-v-f80c1e62]{flex-direction:column;align-items:stretch}.search-input-wrap[data-v-f80c1e62],.class-select[data-v-f80c1e62],.status-select[data-v-f80c1e62]{width:100%}.form-row-2[data-v-f80c1e62]{grid-template-columns:1fr}}.asatidz-page[data-v-673fbfc9]{padding:0}.page-header[data-v-673fbfc9]{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.page-title[data-v-673fbfc9]{color:#0f172a;margin:0;font-size:20px;font-weight:800}.page-subtitle[data-v-673fbfc9]{color:#64748b;margin-top:2px;font-size:12px}.alert-banner[data-v-673fbfc9]{border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.alert-success[data-v-673fbfc9]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.alert-error[data-v-673fbfc9]{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.close-alert[data-v-673fbfc9]{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;font-size:16px}.stats-row[data-v-673fbfc9]{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.mini-stat-card[data-v-673fbfc9]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;transition:all .15s}.mini-stat-card[data-v-673fbfc9]:hover{border-color:#cbd5e1;transform:translateY(-1px)}.mini-stat-card.active[data-v-673fbfc9]{border-color:#143b32;box-shadow:0 0 0 2px #143b3226}.mini-stat-card.green .ms-val[data-v-673fbfc9]{color:#10b981}.mini-stat-card.gray .ms-val[data-v-673fbfc9]{color:#64748b}.ms-val[data-v-673fbfc9]{color:#0f172a;font-size:24px;font-weight:800;line-height:1.2}.ms-lbl[data-v-673fbfc9]{color:#64748b;margin-top:2px;font-size:11px;font-weight:600}.card-header-bar[data-v-673fbfc9]{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.filter-group-left[data-v-673fbfc9]{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.mapel-select[data-v-673fbfc9],.status-select[data-v-673fbfc9]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:12px}.mapel-select[data-v-673fbfc9]{width:160px}.status-select[data-v-673fbfc9]{width:130px}.search-input-wrap[data-v-673fbfc9]{width:240px;position:relative}.search-icon[data-v-673fbfc9]{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.search-input[data-v-673fbfc9]{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:6px 10px 6px 28px;font-size:12px}.user-info-cell[data-v-673fbfc9]{align-items:center;gap:10px;display:flex}.avatar-green[data-v-673fbfc9]{color:#047857;background:#ecfdf5}.user-fullname[data-v-673fbfc9]{color:#0f172a;font-size:13px;font-weight:700}.user-sub[data-v-673fbfc9]{color:#64748b;font-size:11px}.nip-badge[data-v-673fbfc9]{color:#475569;font-size:11.5px}.badge-mapel[data-v-673fbfc9]{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;align-items:center;font-weight:600;display:inline-flex}.contact-cell[data-v-673fbfc9]{flex-direction:column;display:flex}.contact-email[data-v-673fbfc9]{color:#334155;font-family:monospace;font-size:12px}.contact-phone[data-v-673fbfc9]{color:#64748b;font-family:monospace;font-size:11px}.actions-cell[data-v-673fbfc9]{justify-content:flex-end;align-items:center;gap:4px;display:flex}.icon-btn[data-v-673fbfc9]{align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.text-danger[data-v-673fbfc9]{color:#dc2626!important}.text-danger[data-v-673fbfc9]:hover{background:#fee2e2!important}.pagination-footer[data-v-673fbfc9]{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pagination-info[data-v-673fbfc9]{color:#64748b;font-size:12px}.pg-btn[data-v-673fbfc9]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:inline-flex}.pg-btn.active[data-v-673fbfc9]{color:#fff;background:#143b32;border-color:#143b32}.modal-backdrop[data-v-673fbfc9]{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-673fbfc9]{background:#fff;border-radius:12px;width:520px;max-width:100%;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-card-sm[data-v-673fbfc9]{width:440px}.modal-header[data-v-673fbfc9]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-title[data-v-673fbfc9]{color:#0f172a;margin:0;font-size:15px;font-weight:800}.close-btn[data-v-673fbfc9]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px;line-height:1}.modal-form-body[data-v-673fbfc9]{flex-direction:column;gap:12px;padding:18px;display:flex}.form-row-2[data-v-673fbfc9]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-group[data-v-673fbfc9]{flex-direction:column;gap:4px;display:flex}.form-label[data-v-673fbfc9]{color:#334155;font-size:11.5px;font-weight:700}.required[data-v-673fbfc9]{color:#ef4444}.modal-footer[data-v-673fbfc9]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.user-detail-card[data-v-673fbfc9]{padding:18px}.detail-avatar-wrap[data-v-673fbfc9]{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.detail-name[data-v-673fbfc9]{color:#0f172a;margin:0;font-size:16px;font-weight:800}.detail-list[data-v-673fbfc9]{flex-direction:column;gap:8px;display:flex}.detail-item[data-v-673fbfc9]{justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.detail-label[data-v-673fbfc9]{color:#64748b;font-weight:600}.detail-val[data-v-673fbfc9]{color:#0f172a;font-weight:700}.upload-dropzone[data-v-673fbfc9]{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;padding:24px;position:relative}.file-input-hidden[data-v-673fbfc9]{opacity:0;cursor:pointer;position:absolute;inset:0}.selected-file-badge[data-v-673fbfc9]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.spin-anim[data-v-673fbfc9]{animation:.8s linear infinite spin-673fbfc9}@keyframes spin-673fbfc9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.card-header-bar[data-v-673fbfc9],.filter-group-left[data-v-673fbfc9]{flex-direction:column;align-items:stretch}.search-input-wrap[data-v-673fbfc9],.mapel-select[data-v-673fbfc9],.status-select[data-v-673fbfc9]{width:100%}.form-row-2[data-v-673fbfc9]{grid-template-columns:1fr}}.admin-kelas-page[data-v-121c5cce]{flex-direction:column;gap:18px;padding:24px;display:flex}.page-header[data-v-121c5cce]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-title[data-v-121c5cce]{color:var(--text,#0f172a);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.page-desc[data-v-121c5cce]{color:var(--text-muted,#64748b);margin:4px 0 0;font-size:13px}.header-action-group[data-v-121c5cce]{align-items:center;gap:12px;display:flex}.tab-pill-group[data-v-121c5cce]{border:1px solid var(--border-light,#e2e8f0);background:#f1f5f9;border-radius:10px;padding:4px;display:flex}.tab-pill[data-v-121c5cce]{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.tab-pill.active[data-v-121c5cce]{color:#143b32;background:#fff;box-shadow:0 2px 6px #00000014}.stats-row[data-v-121c5cce]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.mini-stat[data-v-121c5cce]{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 1px 4px #00000008}.ms-icon[data-v-121c5cce]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bg-green[data-v-121c5cce]{color:#1e8449;background:#e8f5e9}.bg-blue[data-v-121c5cce]{color:#0284c7;background:#e0f2fe}.bg-gold[data-v-121c5cce]{color:#d97706;background:#fef3c7}.bg-purple[data-v-121c5cce]{color:#7e22ce;background:#f3e8ff}.ms-val[data-v-121c5cce]{color:var(--text,#0f172a);font-size:19px;font-weight:800;line-height:1.1}.ms-unit[data-v-121c5cce]{color:var(--text-muted,#64748b);font-size:12px;font-weight:500}.ms-lbl[data-v-121c5cce]{color:var(--text-muted,#64748b);margin-top:3px;font-size:11.5px}.card[data-v-121c5cce]{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 4px #00000005}.card-header-bar[data-v-121c5cce]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-title[data-v-121c5cce]{color:var(--text,#0f172a);margin:0;font-size:16px;font-weight:700}.card-desc[data-v-121c5cce]{color:var(--text-muted,#64748b);margin:2px 0 0;font-size:12px}.filter-controls-wrap[data-v-121c5cce]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-input-wrap[data-v-121c5cce]{width:260px;position:relative}.search-ico[data-v-121c5cce]{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-field[data-v-121c5cce]{padding-left:32px!important}.filter-select[data-v-121c5cce]{width:auto;font-size:12.5px}.tingkat-chips-bar[data-v-121c5cce]{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;padding:10px 0;display:flex}.chip-filter[data-v-121c5cce]{color:var(--text-muted,#64748b);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.chip-filter[data-v-121c5cce]:hover{background:#f1f5f9;border-color:#cbd5e1}.chip-filter.active[data-v-121c5cce]{color:#fff;background:#143b32;border-color:#143b32}.chip-count[data-v-121c5cce]{background:#00000014;border-radius:10px;padding:1px 6px;font-size:10.5px}.chip-filter.active .chip-count[data-v-121c5cce]{color:#fff;background:#ffffff40}.table-wrap[data-v-121c5cce]{overflow-x:auto}.data-table[data-v-121c5cce]{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th[data-v-121c5cce]{text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.data-table td[data-v-121c5cce]{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.level-badge[data-v-121c5cce]{color:#143b32;background:#e8f5e9;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.class-name-badge[data-v-121c5cce]{color:#0f172a;font-size:13.5px;font-weight:700}.full-name-tag[data-v-121c5cce]{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11.5px;display:inline-block}.avatar-circle-sm[data-v-121c5cce]{color:#0284c7;background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.unassigned-pill[data-v-121c5cce]{color:#ef4444;background:#fef2f2;border-radius:6px;padding:2px 6px}.santri-count-pill[data-v-121c5cce]{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;display:inline-flex}.capacity-bar-wrap[data-v-121c5cce]{flex-direction:column;gap:3px;width:120px;display:flex}.capacity-bar[data-v-121c5cce]{background:#e2e8f0;border-radius:3px;width:100%;height:5px;overflow:hidden}.capacity-fill[data-v-121c5cce]{background:#10b981;border-radius:3px;height:100%}.capacity-text[data-v-121c5cce]{color:#64748b;font-size:10.5px}.btn-icon-subtle[data-v-121c5cce]{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-icon-subtle[data-v-121c5cce]:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.text-danger[data-v-121c5cce]:hover{color:#ef4444!important;background:#fef2f2!important}.tingkat-grid-container[data-v-121c5cce]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px;display:grid}.tingkat-card-item[data-v-121c5cce]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex}.tingkat-card-item[data-v-121c5cce]:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.tingkat-top-row[data-v-121c5cce]{justify-content:space-between;align-items:center;display:flex}.tingkat-badge-code[data-v-121c5cce]{color:#143b32;font-size:14px;font-weight:800}.jenjang-pill[data-v-121c5cce]{color:#0284c7;background:#e0f2fe;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:600}.tingkat-title-text[data-v-121c5cce]{color:#0f172a;font-size:15px;font-weight:700}.tingkat-sub-stats[data-v-121c5cce]{color:#64748b;align-items:center;gap:5px;font-size:12px;display:flex}.tingkat-classes-chip-list[data-v-121c5cce]{flex-wrap:wrap;gap:5px;min-height:28px;padding:4px 0;display:flex}.sub-class-tag[data-v-121c5cce]{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.no-class-text[data-v-121c5cce]{color:#94a3b8;font-size:11px;font-style:italic}.tingkat-card-actions[data-v-121c5cce]{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;padding-top:8px;display:flex}.btn-subtle-sm[data-v-121c5cce]{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.btn-subtle-sm[data-v-121c5cce]:hover:not(:disabled){background:#f1f5f9}.btn-subtle-sm[data-v-121c5cce]:disabled{opacity:.5;cursor:not-allowed}.live-preview-box[data-v-121c5cce]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;margin-bottom:14px;padding:10px 14px}.preview-label[data-v-121c5cce]{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.preview-value[data-v-121c5cce]{color:#143b32;font-size:13.5px}.preview-alt[data-v-121c5cce]{color:#64748b;margin-left:6px;font-size:12px}.modal-backdrop[data-v-121c5cce]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-dialog[data-v-121c5cce]{background:#fff;border-radius:16px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 25px -5px #00000026}.modal-header[data-v-121c5cce]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-121c5cce]{color:#0f172a;margin:0;font-size:16px;font-weight:700}.modal-close[data-v-121c5cce]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:20px}.modal-body[data-v-121c5cce]{padding:18px 20px}.form-group[data-v-121c5cce]{margin-bottom:14px}.form-label[data-v-121c5cce]{color:#334155;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.req[data-v-121c5cce]{color:#ef4444}.form-input[data-v-121c5cce]{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .2s}.form-input[data-v-121c5cce]:focus{border-color:#143b32}.field-hint[data-v-121c5cce]{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.modal-footer[data-v-121c5cce]{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.btn[data-v-121c5cce]{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary[data-v-121c5cce]{color:#fff;background:#143b32}.btn-primary[data-v-121c5cce]:hover:not(:disabled){background:#1e5a4d}.btn-outline[data-v-121c5cce]{color:#475569;background:#fff;border-color:#cbd5e1}.btn-outline[data-v-121c5cce]:hover{background:#f1f5f9}.btn-danger[data-v-121c5cce]{color:#fff;background:#ef4444}.btn-danger[data-v-121c5cce]:hover:not(:disabled){background:#dc2626}.btn-sm[data-v-121c5cce]{padding:6px 12px;font-size:12px}.alert-banner[data-v-121c5cce]{border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}.alert-banner.success[data-v-121c5cce]{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.alert-banner.danger[data-v-121c5cce]{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.spin-anim[data-v-121c5cce]{animation:1s linear infinite spin-121c5cce}@keyframes spin-121c5cce{to{transform:rotate(360deg)}}.fade-in[data-v-121c5cce]{animation:.2s ease-out fadeIn-121c5cce}@keyframes fadeIn-121c5cce{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kehadiran-admin-page[data-v-cd5a8f22]{padding:0}.page-header[data-v-cd5a8f22]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.page-title[data-v-cd5a8f22]{color:#0f172a;margin:0;font-size:18px;font-weight:700}.page-subtitle[data-v-cd5a8f22]{color:#64748b;margin:3px 0 0;font-size:12px}.alert-emerald[data-v-cd5a8f22]{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:10px 14px}.kpi-grid-4[data-v-cd5a8f22]{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.kpi-card[data-v-cd5a8f22]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.kpi-icon-wrap[data-v-cd5a8f22]{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-num[data-v-cd5a8f22]{color:#0f172a;font-size:20px;font-weight:800;line-height:1}.kpi-label[data-v-cd5a8f22]{color:#475569;margin-top:4px;font-size:11px;font-weight:700}.kpi-sub[data-v-cd5a8f22]{color:#94a3b8;font-size:10px}.tabs-container[data-v-cd5a8f22]{margin-bottom:16px}.tabs-pills[data-v-cd5a8f22]{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:8px;padding-bottom:8px;display:flex}.tab-pill[data-v-cd5a8f22]{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.tab-pill[data-v-cd5a8f22]:hover{color:#0f172a;background:#f1f5f9}.tab-pill.active[data-v-cd5a8f22]{color:#fff;background:#143b32;border-color:#143b32;font-weight:700}.card-header-bar[data-v-cd5a8f22]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.progress-bar-wrap[data-v-cd5a8f22]{background:#e2e8f0;border-radius:3px;width:80px;height:6px;overflow:hidden}.progress-bar-fill[data-v-cd5a8f22]{height:100%}.data-table[data-v-cd5a8f22]{border-collapse:collapse;width:100%}.data-table th[data-v-cd5a8f22]{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:700}.data-table td[data-v-cd5a8f22]{border-bottom:1px solid #f1f5f9;padding:11px 14px;font-size:12.5px}.badge-emerald[data-v-cd5a8f22]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.badge-blue[data-v-cd5a8f22]{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.badge-amber[data-v-cd5a8f22]{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.modal-backdrop[data-v-cd5a8f22]{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card[data-v-cd5a8f22]{background:#fff;border-radius:12px;width:90%;max-width:580px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-cd5a8f22]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title[data-v-cd5a8f22]{color:#0f172a;margin:0;font-size:15px;font-weight:700}.close-btn[data-v-cd5a8f22]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px}.modal-form-body[data-v-cd5a8f22]{padding:18px 20px}.form-group[data-v-cd5a8f22]{margin-bottom:14px}.form-label[data-v-cd5a8f22]{color:#334155;margin-bottom:5px;font-size:11.5px;font-weight:700;display:block}.form-input[data-v-cd5a8f22]{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-size:12.5px}.form-row-2[data-v-cd5a8f22]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row-3[data-v-cd5a8f22]{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.modal-footer[data-v-cd5a8f22]{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:12px;display:flex}.spin-anim[data-v-cd5a8f22]{animation:.8s linear infinite spin-cd5a8f22}@keyframes spin-cd5a8f22{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.kpi-grid-4[data-v-cd5a8f22]{grid-template-columns:1fr 1fr}.form-row-2[data-v-cd5a8f22],.form-row-3[data-v-cd5a8f22]{grid-template-columns:1fr}}.akademik-summary-page[data-v-a6f0e1ce]{flex-direction:column;gap:20px;display:flex}.page-header[data-v-a6f0e1ce]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.badge-pill-header[data-v-a6f0e1ce]{color:#1b5e20;background:#e8f5e9;border-radius:999px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-dot[data-v-a6f0e1ce]{background:#2e7d32;border-radius:50%;width:6px;height:6px}.divider-dot[data-v-a6f0e1ce]{opacity:.5}.page-title[data-v-a6f0e1ce]{color:#1e293b;margin:0;font-size:20px;font-weight:800}.page-subtitle[data-v-a6f0e1ce]{color:#64748b;margin-top:4px;font-size:12.5px}.tabs-nav-bar[data-v-a6f0e1ce]{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.tab-nav-btn[data-v-a6f0e1ce]{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.tab-nav-btn[data-v-a6f0e1ce]:hover{color:#1e293b;background:#f1f5f9}.tab-nav-btn.active[data-v-a6f0e1ce]{color:#fff;background:#143b32;border-color:#143b32}.tab-warn-count[data-v-a6f0e1ce]{color:#fff;background:#ef4444;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.early-warning-banner[data-v-a6f0e1ce]{border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.banner-warn[data-v-a6f0e1ce]{color:#881337;background:#fff1f2;border-color:#fecdd3}.banner-ok[data-v-a6f0e1ce]{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.banner-icon-wrap[data-v-a6f0e1ce]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.banner-warn .banner-icon-wrap[data-v-a6f0e1ce]{color:#e11d48;background:#ffe4e6}.banner-ok .banner-icon-wrap[data-v-a6f0e1ce]{color:#16a34a;background:#dcfce7}.banner-text[data-v-a6f0e1ce]{flex:1}.banner-title-row[data-v-a6f0e1ce]{align-items:center;gap:10px;margin-bottom:4px;display:flex}.banner-title-row h4[data-v-a6f0e1ce]{margin:0;font-size:14px;font-weight:800}.banner-badge[data-v-a6f0e1ce]{background:#00000014;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.banner-desc[data-v-a6f0e1ce]{opacity:.85;margin:0;font-size:12px}.kpi-grid[data-v-a6f0e1ce]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.kpi-card[data-v-a6f0e1ce]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 2px #00000008}.kpi-header[data-v-a6f0e1ce]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kpi-title[data-v-a6f0e1ce]{color:#64748b;font-size:12px;font-weight:600}.kpi-icon-bg[data-v-a6f0e1ce]{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bg-blue[data-v-a6f0e1ce]{color:#2563eb;background:#eff6ff}.bg-indigo[data-v-a6f0e1ce]{color:#4f46e5;background:#eef2ff}.bg-emerald[data-v-a6f0e1ce]{color:#059669;background:#ecfdf5}.bg-rose[data-v-a6f0e1ce]{color:#e11d48;background:#fff1f2}.bg-purple[data-v-a6f0e1ce]{color:#7c3aed;background:#faf5ff}.kpi-number[data-v-a6f0e1ce]{color:#0f172a;font-size:24px;font-weight:800}.kpi-unit[data-v-a6f0e1ce]{color:#64748b;font-size:13px;font-weight:600}.kpi-subtext[data-v-a6f0e1ce]{margin-top:4px;font-size:11px}.text-muted[data-v-a6f0e1ce]{color:#94a3b8}.text-success[data-v-a6f0e1ce]{color:#16a34a}.text-danger[data-v-a6f0e1ce]{color:#dc2626}.text-purple[data-v-a6f0e1ce]{color:#7c3aed}.pillars-section-title[data-v-a6f0e1ce]{margin-top:10px}.pillars-section-title h3[data-v-a6f0e1ce]{color:#0f172a;margin:0;font-size:16px;font-weight:800}.pillars-section-title p[data-v-a6f0e1ce]{color:#64748b;margin-top:2px;font-size:12px}.pillars-grid[data-v-a6f0e1ce]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.pillar-card[data-v-a6f0e1ce]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.pillar-card[data-v-a6f0e1ce]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.pillar-top[data-v-a6f0e1ce]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pillar-icon[data-v-a6f0e1ce]{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pillar-tag[data-v-a6f0e1ce]{color:#475569;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.pillar-title[data-v-a6f0e1ce]{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:800}.pillar-desc[data-v-a6f0e1ce]{color:#64748b;flex:1;margin:0 0 16px;font-size:12px;line-height:1.5}.pillar-metrics[data-v-a6f0e1ce]{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;gap:16px;margin-bottom:16px;padding:10px 0;display:flex}.p-metric[data-v-a6f0e1ce]{flex-direction:column;display:flex}.pm-lbl[data-v-a6f0e1ce]{color:#94a3b8;font-size:10.5px}.pm-val[data-v-a6f0e1ce]{color:#1e293b;font-size:13px;font-weight:700}.pillar-action-link[data-v-a6f0e1ce]{color:#143b32;align-self:flex-start;font-size:12.5px;font-weight:700;text-decoration:none;transition:color .15s}.pillar-action-link[data-v-a6f0e1ce]:hover{text-decoration:underline}.card[data-v-a6f0e1ce]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.card-header[data-v-a6f0e1ce]{border-bottom:1px solid #e2e8f0;padding:16px 20px}.flex-between[data-v-a6f0e1ce]{justify-content:space-between;align-items:center;display:flex}.card-title[data-v-a6f0e1ce]{color:#0f172a;margin:0;font-size:15px;font-weight:800}.card-desc[data-v-a6f0e1ce]{color:#64748b;margin-top:2px;font-size:12px}.table-wrap[data-v-a6f0e1ce]{overflow-x:auto}.table-custom[data-v-a6f0e1ce]{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.table-custom thead[data-v-a6f0e1ce]{background:#f8fafc;border-bottom:1px solid #e2e8f0}.table-custom th[data-v-a6f0e1ce]{color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;font-size:11px;font-weight:700}.table-custom td[data-v-a6f0e1ce]{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 16px}.table-custom tr:hover td[data-v-a6f0e1ce]{background:#fbfcfe}.sub-label-dim[data-v-a6f0e1ce]{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.sub-dim-mini[data-v-a6f0e1ce]{color:#94a3b8;margin-left:3px;font-size:10px}.text-right[data-v-a6f0e1ce]{text-align:right}.pill-metric[data-v-a6f0e1ce]{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.pill-blue[data-v-a6f0e1ce]{color:#1d4ed8;background:#eff6ff}.pill-green[data-v-a6f0e1ce]{color:#047857;background:#ecfdf5}.pill-orange[data-v-a6f0e1ce]{color:#c2410c;background:#fff7ed}.pill-purple[data-v-a6f0e1ce]{color:#7e22ce;background:#faf5ff}.badge-status-green[data-v-a6f0e1ce]{color:#15803d;background:#dcfce7;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-block}.badge-status-red[data-v-a6f0e1ce]{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-block}.badge-status-gray[data-v-a6f0e1ce]{color:#64748b;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-block}.code-badge[data-v-a6f0e1ce]{color:#0f172a;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:700}.action-btn-group[data-v-a6f0e1ce]{gap:4px;display:inline-flex}.btn-table-action[data-v-a6f0e1ce]{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-table-action[data-v-a6f0e1ce]:hover{color:#0f172a;background:#f8fafc}.btn-table-action.text-danger[data-v-a6f0e1ce]:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.btn[data-v-a6f0e1ce]{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-sm[data-v-a6f0e1ce]{padding:5px 10px;font-size:11.5px}.btn-primary[data-v-a6f0e1ce]{color:#fff;background:#143b32}.btn-primary[data-v-a6f0e1ce]:hover{background:#0f2c25}.btn-outline[data-v-a6f0e1ce]{color:#334155;background:#fff;border-color:#cbd5e1}.btn-outline[data-v-a6f0e1ce]:hover{background:#f8fafc}.btn-white[data-v-a6f0e1ce]{color:#1e293b;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000a}.btn-white[data-v-a6f0e1ce]:hover{background:#f8fafc}.btn-outline-danger[data-v-a6f0e1ce]{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.btn-outline-danger[data-v-a6f0e1ce]:hover{background:#ffe4e6}.search-box[data-v-a6f0e1ce]{width:240px;position:relative}.search-icon[data-v-a6f0e1ce]{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input[data-v-a6f0e1ce]{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:6px 10px 6px 32px;font-size:12px}.modal-backdrop[data-v-a6f0e1ce]{z-index:10000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-dialog[data-v-a6f0e1ce]{background:#fff;border-radius:14px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 15px 35px #0003}.modal-sm[data-v-a6f0e1ce]{max-width:380px}.modal-header[data-v-a6f0e1ce]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-header h4[data-v-a6f0e1ce]{color:#0f172a;margin:0;font-size:14px;font-weight:800}.header-danger h4[data-v-a6f0e1ce]{color:#e11d48}.modal-close-btn[data-v-a6f0e1ce]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:20px}.modal-body[data-v-a6f0e1ce]{padding:20px}.modal-footer[data-v-a6f0e1ce]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.form-label[data-v-a6f0e1ce]{color:#334155;margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.form-input[data-v-a6f0e1ce],.form-select[data-v-a6f0e1ce]{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-size:12px}.form-input[data-v-a6f0e1ce]:focus,.form-select[data-v-a6f0e1ce]:focus{border-color:#143b32;box-shadow:0 0 0 2px #143b3226}.form-row.grid-2[data-v-a6f0e1ce]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.space-y-3[data-v-a6f0e1ce]>*+*{margin-top:12px}.reason-item[data-v-a6f0e1ce]{color:#9f1239;background:#fff1f2;border:1px solid #ffe4e6;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:11.5px;display:flex}.reason-bullet[data-v-a6f0e1ce]{font-weight:900}.reason-text[data-v-a6f0e1ce]{font-weight:500}.fade-in[data-v-a6f0e1ce]{animation:.2s ease-out fadeIn-a6f0e1ce}@keyframes fadeIn-a6f0e1ce{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spin-anim[data-v-a6f0e1ce]{animation:1s linear infinite spin-a6f0e1ce}@keyframes spin-a6f0e1ce{to{transform:rotate(360deg)}}.admin-akademik[data-v-60178304]{padding:0 4px}.page-header[data-v-60178304]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-title[data-v-60178304]{color:#143b32;margin:0;font-size:20px;font-weight:700}.page-subtitle[data-v-60178304]{color:#64748b;margin-top:4px;font-size:12px}.header-actions[data-v-60178304]{align-items:center;gap:10px;display:flex}.tab-badge[data-v-60178304]{border-radius:9999px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700}.badge-ok[data-v-60178304]{color:#166534;background:#dcfce7}.badge-warn[data-v-60178304]{color:#991b1b;background:#fee2e2}.badge-count[data-v-60178304]{color:#0369a1;background:#e0f2fe}.akademik-toast[data-v-60178304]{color:#fff;z-index:9999;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.25s ease-out slideUp-60178304;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000026}.akademik-toast.success[data-v-60178304]{background:#16a34a}.akademik-toast.error[data-v-60178304]{background:#dc2626}@keyframes slideUp-60178304{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.akademik-alert-box[data-v-60178304]{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.alert-icon[data-v-60178304]{font-size:20px}.alert-title[data-v-60178304]{color:#1e40af;font-size:13px;font-weight:700}.alert-desc[data-v-60178304]{color:#1e3a8a;margin-top:3px;font-size:12px;line-height:1.5}.kpi-grid[data-v-60178304]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px;display:grid}.kpi-card[data-v-60178304]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:16px;display:flex}.kpi-label[data-v-60178304]{color:#64748b;font-size:12px;font-weight:600}.kpi-value[data-v-60178304]{color:#0f172a;margin:6px 0 4px;font-size:26px;font-weight:800}.kpi-note[data-v-60178304]{color:#64748b;font-size:11px}.text-danger[data-v-60178304]{font-weight:600;color:#dc2626!important}.flex-between[data-v-60178304]{justify-content:space-between;align-items:center;display:flex}.cat-name-cell[data-v-60178304]{flex-direction:column;gap:2px;display:flex}.cat-key[data-v-60178304]{color:#94a3b8;font-family:monospace;font-size:10px}.badge-mode[data-v-60178304]{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.mode-admin[data-v-60178304]{color:#6b21a8;background:#f3e8ff}.mode-asatidz[data-v-60178304]{color:#065f46;background:#ecfdf5}.input-unit-wrap[data-v-60178304]{align-items:center;gap:4px;display:inline-flex}.weight-input[data-v-60178304],.quota-input[data-v-60178304],.kkm-input[data-v-60178304]{width:70px;padding:6px 8px;font-size:13px;font-weight:700}.unit-label[data-v-60178304]{color:#64748b;font-size:11px;font-weight:600}.action-bar-wrap[data-v-60178304]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.filter-group[data-v-60178304]{flex:1;gap:10px;max-width:500px;display:flex}.search-input[data-v-60178304]{flex:1}.filter-select[data-v-60178304]{width:180px}.badge-purple[data-v-60178304]{color:#7e22ce;background:#f3e8ff}.badge-outline[data-v-60178304]{color:#334155;background:#fff;border:1px solid #cbd5e1}.badge-amber[data-v-60178304]{color:#92400e;background:#fef3c7}.btn-danger-outline[data-v-60178304]{color:#dc2626;background:0 0;border:1px solid #fecaca}.btn-danger-outline[data-v-60178304]:hover{background:#fee2e2}.progress-wrap[data-v-60178304]{align-items:center;gap:8px;display:flex}.progress-bar[data-v-60178304]{background:#e2e8f0;border-radius:9999px;width:110px;height:6px;overflow:hidden}.progress-fill[data-v-60178304]{border-radius:9999px;height:100%;transition:width .3s}.modal-overlay[data-v-60178304]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-60178304]{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;box-shadow:0 20px 40px #0003}.modal-header[data-v-60178304]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title[data-v-60178304]{color:#0f172a;margin:0;font-size:16px;font-weight:700}.modal-close[data-v-60178304]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:16px}.modal-body[data-v-60178304]{flex-direction:column;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.modal-footer[data-v-60178304]{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.form-row[data-v-60178304]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.class-checkbox-grid[data-v-60178304]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:6px;padding:10px;display:grid}.class-checkbox-item[data-v-60178304]{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.btn-link[data-v-60178304]{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.hoverable-row[data-v-60178304]{cursor:pointer;transition:background .15s}.hoverable-row[data-v-60178304]:hover{background:#f8fafc}.drill-breadcrumb[data-v-60178304]{align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.btn-back-link[data-v-60178304]{color:#143b32;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-weight:600;transition:all .15s}.btn-back-link[data-v-60178304]:hover{background:#e2e8f0}.breadcrumb-sep[data-v-60178304]{color:#94a3b8}.breadcrumb-current[data-v-60178304]{color:#64748b;font-weight:500}.mapel-info-card[data-v-60178304],.class-gradebook-header[data-v-60178304]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:18px;padding:16px 20px;box-shadow:0 1px 3px #0000000d}.mapel-title[data-v-60178304],.gradebook-title[data-v-60178304]{color:#143b32;margin:6px 0 2px;font-size:18px;font-weight:700}.mapel-kpi-pill-group[data-v-60178304]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mapel-kpi-pill[data-v-60178304]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;min-width:85px;padding:8px 14px;display:flex}.kpi-p-lbl[data-v-60178304]{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:600}.kpi-p-val[data-v-60178304]{color:#0f172a;font-size:15px;font-weight:700}.text-success[data-v-60178304]{color:#16a34a!important}.table-gradebook[data-v-60178304]{border-collapse:collapse;width:100%}.table-gradebook th[data-v-60178304]{text-transform:uppercase;letter-spacing:.03em;border:1px solid #e2e8f0;padding:8px 6px;font-size:11px}.table-gradebook td[data-v-60178304]{border:1px solid #e2e8f0;padding:6px 8px;font-size:12px}.th-group-uh[data-v-60178304]{color:#166534;background:#f0fdf4}.th-group-tugas[data-v-60178304]{color:#1e40af;background:#eff6ff}.th-group-pr[data-v-60178304]{color:#854d0e;background:#fefce8}.th-group-uts[data-v-60178304],.th-group-uas[data-v-60178304]{color:#6b21a8;background:#faf5ff}.th-group-final[data-v-60178304]{color:#065f46;background:#ecfdf5}.score-cell-input[data-v-60178304]{text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:48px;padding:4px 6px;font-size:12px;font-weight:600;transition:border-color .15s}.score-cell-input[data-v-60178304]:focus{border-color:#143b32;outline:none;box-shadow:0 0 0 2px #143b3226}.score-bold[data-v-60178304]{background:#faf5ff;font-weight:700}.final-score-badge[data-v-60178304]{border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.final-score-badge.tuntas[data-v-60178304]{color:#166534;background:#dcfce7}.final-score-badge.remedial[data-v-60178304]{color:#991b1b;background:#fee2e2}.font-mono[data-v-60178304]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-xs[data-v-60178304]{font-size:11px}.font-sm[data-v-60178304]{font-size:12px}.font-md[data-v-60178304]{font-size:13.5px}.text-primary-dark[data-v-60178304]{color:#143b32}.admin-tahfidz-page[data-v-230c68fb]{flex-direction:column;gap:16px;display:flex}.page-header[data-v-230c68fb]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-title[data-v-230c68fb]{color:var(--text,#0f172a);margin:0;font-size:20px;font-weight:800}.page-desc[data-v-230c68fb]{color:var(--text-muted,#64748b);margin-top:2px;font-size:12px}.tab-pill-group[data-v-230c68fb]{background:#e2e8f0;border-radius:12px;padding:3px;display:flex}.tab-pill[data-v-230c68fb]{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.tab-pill.active[data-v-230c68fb]{color:#143b32;background:#fff;box-shadow:0 2px 6px #00000014}.alert-banner[data-v-230c68fb]{border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;font-weight:600;display:flex}.alert-banner.success[data-v-230c68fb]{color:#1e8449;background:#e8f5e9;border:1px solid #c8e6c9}.alert-banner.danger[data-v-230c68fb]{color:#c0392b;background:#fdedec;border:1px solid #fadbd8}.stats-row[data-v-230c68fb]{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mini-stat[data-v-230c68fb]{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 2px 6px #00000005}.ms-icon[data-v-230c68fb]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.bg-green[data-v-230c68fb]{color:#1e8449;background:#e8f5e9}.bg-blue[data-v-230c68fb]{color:#1565c0;background:#e3f2fd}.bg-gold[data-v-230c68fb]{color:#b7770d;background:#fef9e7}.bg-purple[data-v-230c68fb]{color:#7b1fa2;background:#f3e5f5}.ms-val[data-v-230c68fb]{color:#0f172a;font-size:18px;font-weight:800;line-height:1.1}.ms-unit[data-v-230c68fb]{color:#64748b;font-size:11px;font-weight:500}.ms-lbl[data-v-230c68fb]{color:#64748b;margin-top:2px;font-size:11px}.card[data-v-230c68fb]{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 6px #00000005}.card-header-bar[data-v-230c68fb]{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.filter-controls-wrap[data-v-230c68fb]{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.search-input-wrap[data-v-230c68fb]{min-width:240px;position:relative}.search-ico[data-v-230c68fb]{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-field[data-v-230c68fb]{font-size:12px;padding-left:32px!important}.filter-select[data-v-230c68fb]{width:auto;min-width:150px;font-size:12px}.table-wrap[data-v-230c68fb]{overflow-x:auto}.data-table[data-v-230c68fb]{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.data-table th[data-v-230c68fb]{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:700}.data-table td[data-v-230c68fb]{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.data-table tr:hover td[data-v-230c68fb]{background:#f8fafc}.avatar-circle-sm[data-v-230c68fb]{color:#143b32;background:#e8f5e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.juz-pill[data-v-230c68fb]{color:#0f172a;background:#f1f5f9;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700}.page-hint[data-v-230c68fb]{color:#64748b;margin-left:4px;font-size:10.5px}.type-tag[data-v-230c68fb]{color:#7e22ce;background:#f3e8ff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.type-pill[data-v-230c68fb]{color:#143b32;background:#e8f5e9;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.detail-link[data-v-230c68fb]{color:#143b32;align-items:center;gap:4px;font-weight:700;display:inline-flex}.settings-grid[data-v-230c68fb]{flex-direction:column;gap:16px;display:flex}.settings-card .card-header[data-v-230c68fb]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.card-title[data-v-230c68fb]{color:#0f172a;margin:0;font-size:14px;font-weight:700}.card-desc[data-v-230c68fb]{color:#64748b;margin-top:2px;font-size:11.5px}.form-grid-2[data-v-230c68fb]{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px;display:grid}.field-hint[data-v-230c68fb]{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.save-bar-card[data-v-230c68fb]{background:#fff;border:1px solid #c8e6c9;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;box-shadow:0 4px 15px #143b320f}.save-info[data-v-230c68fb]{color:#1e8449;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.btn-icon-subtle[data-v-230c68fb]{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.btn-icon-subtle[data-v-230c68fb]:hover{color:#0f172a;background:#f1f5f9}.text-danger[data-v-230c68fb]:hover{color:#c0392b;background:#fdedec;border-color:#fadbd8}.modal-backdrop[data-v-230c68fb]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog[data-v-230c68fb]{background:#fff;border-radius:16px;width:90%;max-width:480px;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.modal-header[data-v-230c68fb]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-230c68fb]{color:#0f172a;margin:0;font-size:15px;font-weight:700}.modal-close[data-v-230c68fb]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px}.modal-body[data-v-230c68fb]{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.modal-footer[data-v-230c68fb]{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.color-picker-row[data-v-230c68fb]{align-items:center;gap:10px;display:flex}.color-input[data-v-230c68fb]{cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;width:40px;height:34px;padding:2px}.color-text[data-v-230c68fb]{color:#475569;font-family:monospace;font-size:12px}.spin-anim[data-v-230c68fb]{animation:1s linear infinite spin-230c68fb}@keyframes spin-230c68fb{to{transform:rotate(360deg)}}@media (width<=900px){.stats-row[data-v-230c68fb]{grid-template-columns:repeat(2,1fr)}.form-grid-2[data-v-230c68fb]{grid-template-columns:1fr}.save-bar-card[data-v-230c68fb]{flex-direction:column;align-items:stretch;gap:10px}}.admin-kesiswaan-page[data-v-6364782c]{padding-bottom:40px}.page-header[data-v-6364782c]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-title[data-v-6364782c]{color:#0f172a;margin-bottom:4px;font-size:20px;font-weight:800}.page-desc[data-v-6364782c]{color:#64748b;font-size:13px}.tab-pill-group[data-v-6364782c]{background:#f1f5f9;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.tab-pill[data-v-6364782c]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}.tab-pill[data-v-6364782c]:hover{color:#0f172a}.tab-pill.active[data-v-6364782c]{color:#143b32;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.alert-banner[data-v-6364782c]{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.alert-banner.success[data-v-6364782c]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.alert-banner.danger[data-v-6364782c]{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.stats-row[data-v-6364782c]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.mini-stat[data-v-6364782c]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.ms-icon[data-v-6364782c]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ms-icon.bg-green[data-v-6364782c]{color:#143b32;background:#e8f5e9}.ms-icon.bg-blue[data-v-6364782c]{color:#2563eb;background:#eff6ff}.ms-icon.bg-gold[data-v-6364782c]{color:#ca8a04;background:#fefce8}.ms-val[data-v-6364782c]{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.ms-unit[data-v-6364782c]{color:#64748b;font-size:12px;font-weight:600}.ms-lbl[data-v-6364782c]{color:#64748b;margin-top:2px;font-size:11.5px}.card[data-v-6364782c]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.card-header-bar[data-v-6364782c]{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.card-title[data-v-6364782c]{color:#0f172a;font-size:15px;font-weight:700}.card-desc[data-v-6364782c]{color:#64748b;margin-top:2px;font-size:12px}.category-chips-bar[data-v-6364782c]{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.chip-filter[data-v-6364782c]{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.chip-filter[data-v-6364782c]:hover{background:#f1f5f9;border-color:#cbd5e1}.chip-filter.active[data-v-6364782c]{color:#fff;background:#143b32;border-color:#143b32}.chip-count[data-v-6364782c]{background:#0000000f;border-radius:10px;padding:1px 6px;font-size:11px}.chip-filter.active .chip-count[data-v-6364782c]{color:#fff;background:#ffffff40}.mutabaah-groups-wrap[data-v-6364782c]{flex-direction:column;gap:20px;padding:16px 20px;display:flex}.category-section-block[data-v-6364782c]{background:#fafbfc;border:1px solid #f1f5f9;border-radius:10px;padding:14px 16px}.category-header-row[data-v-6364782c]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cat-bullet[data-v-6364782c]{background:#143b32;border-radius:50%;width:8px;height:8px}.cat-title[data-v-6364782c]{color:#0f172a;font-size:14px;font-weight:700}.cat-count-badge[data-v-6364782c]{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11.5px}.items-list-table[data-v-6364782c]{flex-direction:column;gap:8px;display:flex}.item-row-card[data-v-6364782c]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.item-row-card[data-v-6364782c]:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000008}.item-row-card.inactive[data-v-6364782c]{opacity:.65;background:#f8fafc}.item-left-info[data-v-6364782c]{align-items:center;gap:12px;display:flex}.item-short-pill[data-v-6364782c]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.item-title[data-v-6364782c]{color:#0f172a;align-items:center;gap:8px;font-size:13.5px;display:flex}.badge-inactive[data-v-6364782c]{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.item-sub-meta[data-v-6364782c]{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;font-size:11.5px;display:flex}.meta-target[data-v-6364782c]{color:#047857;font-weight:500}.meta-code code[data-v-6364782c]{color:#475569;background:#f1f5f9;border-radius:4px;padding:1px 4px}.meta-order[data-v-6364782c]{color:#94a3b8}.item-right-actions[data-v-6364782c]{align-items:center;gap:8px;display:flex}.toggle-active-btn[data-v-6364782c]{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.toggle-active-btn.active[data-v-6364782c]{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.btn-subtle-sm[data-v-6364782c]{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-subtle-sm[data-v-6364782c]:hover{background:#f8fafc;border-color:#cbd5e1}.btn-subtle-sm.text-danger[data-v-6364782c]{color:#dc2626}.btn-subtle-sm.text-danger[data-v-6364782c]:hover{background:#fef2f2;border-color:#fecaca}.filter-controls-wrap[data-v-6364782c]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-input-wrap[data-v-6364782c]{min-width:220px;position:relative}.search-ico[data-v-6364782c]{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-field[data-v-6364782c]{font-size:12px;padding-left:32px!important}.filter-select[data-v-6364782c]{width:auto;min-width:140px;font-size:12px}.table-wrap[data-v-6364782c]{overflow-x:auto}.data-table[data-v-6364782c]{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.data-table th[data-v-6364782c]{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:700}.data-table td[data-v-6364782c]{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.data-table tr:hover td[data-v-6364782c]{background:#f8fafc}.avatar-circle-sm[data-v-6364782c]{color:#143b32;background:#e8f5e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.level-badge[data-v-6364782c]{color:#143b32;background:#e8f5e9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.badge-soft-emerald[data-v-6364782c]{color:#065f46;background:#ecfdf5;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.badge-soft-blue[data-v-6364782c]{color:#1d4ed8;background:#eff6ff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.badge-soft-danger[data-v-6364782c]{color:#dc2626;background:#fef2f2;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.badge-soft-muted[data-v-6364782c]{color:#64748b;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px}.badge-category[data-v-6364782c]{color:#334155;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.modal-backdrop[data-v-6364782c]{z-index:999;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-dialog[data-v-6364782c]{background:#fff;border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 10px 25px #00000026}.modal-header[data-v-6364782c]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-6364782c]{color:#0f172a;font-size:15px;font-weight:700}.modal-close[data-v-6364782c]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.modal-body[data-v-6364782c]{padding:20px}.form-group[data-v-6364782c]{margin-bottom:14px}.form-label[data-v-6364782c]{color:#334155;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.req[data-v-6364782c]{color:#dc2626}.field-hint[data-v-6364782c]{color:#94a3b8;margin-top:3px;font-size:11px;display:block}.form-input[data-v-6364782c]{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 12px;font-size:13px}.form-input[data-v-6364782c]:focus{border-color:#143b32;outline:none;box-shadow:0 0 0 2px #143b321a}.form-select[data-v-6364782c]{background:#fff}.form-row[data-v-6364782c]{gap:10px;display:flex}.flex-1[data-v-6364782c]{flex:1}.flex-2[data-v-6364782c]{flex:2}.form-check-group[data-v-6364782c]{margin:14px 0}.checkbox-label[data-v-6364782c]{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:flex}.modal-footer[data-v-6364782c]{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.btn[data-v-6364782c]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary[data-v-6364782c]{color:#fff;background:#143b32}.btn-primary[data-v-6364782c]:hover{background:#0f2e27}.btn-outline[data-v-6364782c]{color:#334155;background:#fff;border:1px solid #cbd5e1}.btn-outline[data-v-6364782c]:hover{background:#f8fafc}.btn-danger[data-v-6364782c]{color:#fff;background:#dc2626}.btn-danger[data-v-6364782c]:hover{background:#b91c1c}.btn-sm[data-v-6364782c]{padding:6px 12px;font-size:12px}.btn-xs[data-v-6364782c]{padding:4px 8px;font-size:11px}.spin-anim[data-v-6364782c]{animation:1s linear infinite spin-6364782c}@keyframes spin-6364782c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-custom[data-v-6364782c]{border-collapse:collapse;width:100%;font-size:12.5px}.table-custom th[data-v-6364782c]{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:11.5px;font-weight:600}.table-custom td[data-v-6364782c]{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.table-custom tbody tr[data-v-6364782c]:hover{background:#f8fafc}.predicate-badge[data-v-6364782c]{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:inline-flex}.pred-a[data-v-6364782c]{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.pred-b[data-v-6364782c]{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.pred-c[data-v-6364782c]{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.pred-d[data-v-6364782c]{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.score-mini-input[data-v-6364782c]{text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:52px;padding:4px 6px;font-size:12px;font-weight:600}.score-mini-input[data-v-6364782c]:focus{border-color:#143b32;outline:none;box-shadow:0 0 0 2px #143b3226}.font-mono[data-v-6364782c]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-xs[data-v-6364782c]{font-size:11px}.text-muted[data-v-6364782c]{color:#64748b}.badge-red[data-v-6364782c]{color:#991b1b;background:#fee2e2}.badge-amber[data-v-6364782c]{color:#92400e;background:#fef3c7}.badge-green[data-v-6364782c]{color:#166534;background:#dcfce7}.badge-blue[data-v-6364782c]{color:#0369a1;background:#e0f2fe}.badge-outline[data-v-6364782c]{color:#334155;background:#fff;border:1px solid #cbd5e1}.badge[data-v-6364782c]{border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.page-header[data-v-3c01dffc]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.page-title[data-v-3c01dffc]{font-size:18px;font-weight:700}.avatar-orange[data-v-3c01dffc]{color:#c2410c;background:#fff7ed}.modal-backdrop[data-v-3c01dffc]{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-3c01dffc]{background:#fff;border-radius:12px;width:440px;max-width:100%;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-3c01dffc]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-title[data-v-3c01dffc]{margin:0;font-size:15px;font-weight:800}.close-btn[data-v-3c01dffc]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px}.modal-footer[data-v-3c01dffc]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:12px 18px;display:flex}.page-header[data-v-842d1973]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.page-title[data-v-842d1973]{font-size:18px;font-weight:700}.stats-row[data-v-842d1973]{gap:16px;margin-bottom:16px;display:flex}.mini-stat[data-v-842d1973]{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);padding:12px 20px}.ms-val[data-v-842d1973]{font-size:22px;font-weight:700}.ms-lbl[data-v-842d1973]{color:var(--text-muted);font-size:11px}.page-header[data-v-92748144]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.page-title[data-v-92748144]{font-size:18px;font-weight:700}.stats-row[data-v-92748144]{gap:16px;margin-bottom:16px;display:flex}.mini-stat[data-v-92748144]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 20px}.ms-val[data-v-92748144]{font-size:22px;font-weight:800}.ms-lbl[data-v-92748144]{color:#64748b;margin-top:2px;font-size:11px;font-weight:600}.modal-backdrop[data-v-92748144]{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-92748144]{background:#fff;border-radius:12px;width:440px;max-width:100%;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-92748144]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-title[data-v-92748144]{margin:0;font-size:15px;font-weight:800}.close-btn[data-v-92748144]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px}.modal-footer[data-v-92748144]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.page-header[data-v-dcb3c0c4]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.page-title[data-v-dcb3c0c4]{font-size:18px;font-weight:700}.modal-backdrop[data-v-dcb3c0c4]{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-dcb3c0c4]{background:#fff;border-radius:12px;width:440px;max-width:100%;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-dcb3c0c4]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-title[data-v-dcb3c0c4]{margin:0;font-size:15px;font-weight:800}.close-btn[data-v-dcb3c0c4]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px}.modal-footer[data-v-dcb3c0c4]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.page-header[data-v-c7bd65f7]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.page-title[data-v-c7bd65f7]{font-size:18px;font-weight:700}.laporan-grid[data-v-c7bd65f7]{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.laporan-card[data-v-c7bd65f7]{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.laporan-card[data-v-c7bd65f7]:hover{border-color:#143b32;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.lc-icon[data-v-c7bd65f7]{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.icon-btn[data-v-c7bd65f7]{align-items:center;gap:4px;display:flex}@media (width<=900px){.laporan-grid[data-v-c7bd65f7]{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.laporan-grid[data-v-c7bd65f7]{grid-template-columns:1fr}}.page-header[data-v-9dee414c]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.page-title[data-v-9dee414c]{font-size:18px;font-weight:700}.form-grid[data-v-9dee414c]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.form-grid[data-v-9dee414c]{grid-template-columns:1fr}}.struktur-page[data-v-cbe3bcc2]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;height:calc(100vh - 80px);display:flex;overflow:hidden}.canvas-header-bar[data-v-cbe3bcc2]{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.page-title[data-v-cbe3bcc2]{color:#143b32;margin:0;font-size:17px;font-weight:700}.page-subtitle[data-v-cbe3bcc2]{color:#64748b;margin:2px 0 0;font-size:11.5px}.toolbar-actions[data-v-cbe3bcc2]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-active-toggle[data-v-cbe3bcc2]{background:#e2e8f0;border-color:#94a3b8;font-weight:700}.drawing-hint-banner[data-v-cbe3bcc2]{color:#92400e;z-index:20;background:#fef3c7;border-bottom:1px solid #fde68a;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12.5px;animation:.2s ease-out slideDown;display:flex}.pulse-dot[data-v-cbe3bcc2]{background:#d97706;border-radius:50%;width:10px;height:10px;animation:1.2s infinite pulse-cbe3bcc2}@keyframes pulse-cbe3bcc2{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.btn-cancel-draw[data-v-cbe3bcc2]{color:#92400e;cursor:pointer;background:#fff;border:1px solid #d97706;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.canvas-viewport[data-v-cbe3bcc2]{cursor:grab;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.canvas-viewport.is-panning[data-v-cbe3bcc2]{cursor:grabbing}.canvas-viewport.is-draw-mode[data-v-cbe3bcc2]{cursor:crosshair}.canvas-viewport.edit-grid-bg[data-v-cbe3bcc2]{background-color:#f8fafc;background-image:linear-gradient(90deg,#cbd5e173 1px,#0000 1px),linear-gradient(#cbd5e173 1px,#0000 1px);background-size:20px 20px}.canvas-surface[data-v-cbe3bcc2]{transform-origin:0 0;width:2600px;height:1800px;position:absolute;top:0;left:0}.svg-connector-layer[data-v-cbe3bcc2]{pointer-events:none;z-index:1;width:2600px;height:1800px;position:absolute;top:0;left:0}.connector-line[data-v-cbe3bcc2]{fill:none;stroke:#143b32;stroke-width:2.5px;transition:stroke .2s}.connector-line.highlighted[data-v-cbe3bcc2]{stroke-dasharray:6 3}.connector-hitbox[data-v-cbe3bcc2]{fill:none;stroke:#0000;stroke-width:16px;pointer-events:stroke;cursor:pointer}.connector-hitbox:hover+.connector-line[data-v-cbe3bcc2]{stroke:#dc2626;stroke-width:3.5px}.line-del-btn[data-v-cbe3bcc2]{pointer-events:all;cursor:pointer}.del-circle[data-v-cbe3bcc2]{fill:#fee2e2;stroke:#dc2626;stroke-width:1.5px;transition:all .15s}.line-del-btn:hover .del-circle[data-v-cbe3bcc2]{fill:#dc2626}.del-cross[data-v-cbe3bcc2]{fill:#dc2626;font-size:10px;font-weight:700}.line-del-btn:hover .del-cross[data-v-cbe3bcc2]{fill:#fff}.group-container-card[data-v-cbe3bcc2]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;cursor:move;background:#ffffffa6;border:2px dashed #143b32;border-radius:14px;padding:12px;transition:box-shadow .2s,border-color .2s;position:absolute;box-shadow:0 4px 12px #0000000a}.group-container-card.is-connect-source[data-v-cbe3bcc2]{border-color:#d97706!important;box-shadow:0 0 0 4px #d977064d!important}.group-container-card.is-connect-target[data-v-cbe3bcc2]{cursor:pointer;border-color:#16a34a!important}.group-header[data-v-cbe3bcc2]{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 12px;display:flex}.group-header-title[data-v-cbe3bcc2]{color:#143b32;align-items:center;gap:8px;font-size:13px;display:flex}.group-color-dot[data-v-cbe3bcc2]{border-radius:50%;width:10px;height:10px}.group-badge[data-v-cbe3bcc2]{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:600}.grp-icon-btn[data-v-cbe3bcc2]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-left:4px;padding:2px 6px;font-size:11px}.grp-pack[data-v-cbe3bcc2]{color:#166534;background:#f0fdf4;border-color:#86efac;font-weight:600}.grp-pack[data-v-cbe3bcc2]:hover{background:#dcfce7;border-color:#22c55e}.grp-del[data-v-cbe3bcc2]:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.group-desc[data-v-cbe3bcc2]{color:#64748b;margin:0 4px 10px;font-size:11px;font-style:italic}.roles-outside-alert[data-v-cbe3bcc2]{color:#b45309;cursor:pointer;text-align:center;background:#fffbeb;border:1px dashed #f59e0b;border-radius:6px;margin:0 4px 8px;padding:5px 8px;font-size:11px;transition:all .15s}.roles-outside-alert[data-v-cbe3bcc2]:hover{background:#fef3c7;border-color:#d97706}.role-node-card[data-v-cbe3bcc2]{z-index:5;cursor:move;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;transition:transform .15s,box-shadow .15s,border-color .15s;position:absolute;overflow:hidden;box-shadow:0 4px 14px #0000000d}.role-node-card[data-v-cbe3bcc2]:hover{border-color:#143b32;box-shadow:0 8px 20px #143b321f}.role-node-card.is-pimpinan[data-v-cbe3bcc2]{background:linear-gradient(#fff,#f0fdf4);border-color:#143b32;box-shadow:0 6px 18px #143b3226}.role-node-card.is-dragging[data-v-cbe3bcc2]{opacity:.85;z-index:10;transform:scale(1.02);box-shadow:0 16px 32px #0003}.role-node-card.is-connect-source[data-v-cbe3bcc2]{border-color:#d97706;box-shadow:0 0 0 4px #d977064d}.role-node-card.is-connect-target[data-v-cbe3bcc2]{cursor:pointer;border-color:#16a34a;animation:1s infinite alternate pulseTarget-cbe3bcc2}@keyframes pulseTarget-cbe3bcc2{0%{box-shadow:0 0 0 2px #16a34a66}to{box-shadow:0 0 0 6px #16a34a33}}.role-node-card.matches-search[data-v-cbe3bcc2]{border-color:#d97706;box-shadow:0 0 0 4px #d9770666}.node-card-header[data-v-cbe3bcc2]{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.role-header-text[data-v-cbe3bcc2]{flex:1;min-width:0}.role-title[data-v-cbe3bcc2]{color:#143b32;margin:0;font-size:14px;font-weight:700;line-height:1.25}.node-header-actions[data-v-cbe3bcc2]{align-items:center;gap:4px;display:flex}.toggle-view-pill[data-v-cbe3bcc2]{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600;transition:all .15s}.toggle-view-pill[data-v-cbe3bcc2]:hover{color:#fff;background:#143b32;border-color:#143b32}.del-node-btn[data-v-cbe3bcc2]{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px}.del-node-btn[data-v-cbe3bcc2]:hover{color:#dc2626}.role-scope-bar[data-v-cbe3bcc2]{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:5px 14px;display:flex}.scope-text[data-v-cbe3bcc2]{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:10px;overflow:hidden}.user-count-badge[data-v-cbe3bcc2]{color:#143b32;background:#dcfce7;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.node-user-list[data-v-cbe3bcc2]{flex-direction:column;gap:6px;max-height:150px;padding:8px 12px;display:flex;overflow-y:auto}.no-user-text[data-v-cbe3bcc2]{color:#94a3b8;text-align:center;padding:6px 0;font-size:11px;font-style:italic}.user-item-row[data-v-cbe3bcc2]{background:#f8fafc;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;transition:background .15s;display:flex}.user-item-row[data-v-cbe3bcc2]:hover{background:#f1f5f9}.user-avatar[data-v-cbe3bcc2]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex}.user-meta[data-v-cbe3bcc2]{flex:1;min-width:0}.user-name-line[data-v-cbe3bcc2]{align-items:center;gap:4px;display:flex}.user-name[data-v-cbe3bcc2]{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.multi-role-tag[data-v-cbe3bcc2]{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;flex-shrink:0;padding:1px 3px;font-size:8px;font-weight:700}.user-email-line[data-v-cbe3bcc2]{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.compact-counter-box[data-v-cbe3bcc2]{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:14px 16px;display:flex}.counter-big-number[data-v-cbe3bcc2]{color:#143b32;font-size:26px;font-weight:800;line-height:1}.counter-label[data-v-cbe3bcc2]{color:#64748b;margin-top:4px;font-size:11px;font-weight:600}.btn-toggle-inline[data-v-cbe3bcc2]{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-top:6px;padding:2px 4px;font-size:10px;font-weight:600}.btn-toggle-inline[data-v-cbe3bcc2]:hover{text-decoration:underline}.connection-port[data-v-cbe3bcc2]{z-index:15;background:#fff;border:2px solid #143b32;border-radius:50%;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%)}.port-top[data-v-cbe3bcc2]{top:-5px}.port-bottom[data-v-cbe3bcc2]{bottom:-5px}.zoom-controls[data-v-cbe3bcc2]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;display:flex;overflow:hidden}.zoom-btn[data-v-cbe3bcc2]{cursor:pointer;color:#334155;background:0 0;border:none;padding:5px 9px;font-size:13px;font-weight:700}.zoom-btn[data-v-cbe3bcc2]:hover{background:#f1f5f9}.zoom-text[data-v-cbe3bcc2]{color:#64748b;text-align:center;min-width:38px;padding:0 4px;font-size:11px;font-weight:600}.modal-overlay[data-v-cbe3bcc2]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-cbe3bcc2]{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:520px;display:flex;box-shadow:0 20px 40px #0003}.modal-header[data-v-cbe3bcc2]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title[data-v-cbe3bcc2]{color:#143b32;margin:0;font-size:15px;font-weight:700}.modal-close[data-v-cbe3bcc2]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:16px}.modal-body[data-v-cbe3bcc2]{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.modal-footer[data-v-cbe3bcc2]{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.mode-select-grid[data-v-cbe3bcc2]{grid-template-columns:1fr;gap:8px;margin-top:4px;display:grid}.mode-radio-card[data-v-cbe3bcc2]{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.mode-radio-card.active[data-v-cbe3bcc2]{background:#f0fdf4;border-color:#143b32}.role-checkbox-list[data-v-cbe3bcc2]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.role-checkbox-item[data-v-cbe3bcc2]{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.color-palette-row[data-v-cbe3bcc2]{gap:12px;margin-top:4px;display:flex}.color-pick-circle[data-v-cbe3bcc2]{cursor:pointer;border-radius:50%;width:24px;height:24px;transition:transform .15s}.color-pick-circle[data-v-cbe3bcc2]:hover{transform:scale(1.15)}.badge-amber[data-v-cbe3bcc2]{color:#92400e;background:#fef3c7}.badge-green[data-v-cbe3bcc2]{color:#166534;background:#dcfce7}.btn-warning[data-v-cbe3bcc2]{color:#fff;background:#d97706;border:1px solid #b45309}.halaqoh-page[data-v-717ff2e4]{padding-bottom:40px}.page-header[data-v-717ff2e4]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-title[data-v-717ff2e4]{color:#143b32;margin:0;font-size:20px;font-weight:700}.page-subtitle[data-v-717ff2e4]{color:#64748b;margin:3px 0 0;font-size:13px}.stats-grid[data-v-717ff2e4]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card[data-v-717ff2e4]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 2px 6px #00000008}.stat-icon-wrap[data-v-717ff2e4]{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-val[data-v-717ff2e4]{color:#1e293b;font-size:20px;font-weight:800;line-height:1.2}.stat-lbl[data-v-717ff2e4]{color:#64748b;font-size:12px}.bg-green-light[data-v-717ff2e4]{background:#f0fdf4}.bg-blue-light[data-v-717ff2e4]{background:#eff6ff}.bg-purple-light[data-v-717ff2e4]{background:#faf5ff}.bg-amber-light[data-v-717ff2e4]{background:#fffbeb}.text-green[data-v-717ff2e4]{color:#16a34a}.text-blue[data-v-717ff2e4]{color:#2563eb}.text-purple[data-v-717ff2e4]{color:#9333ea}.text-amber[data-v-717ff2e4]{color:#d97706}.filter-card[data-v-717ff2e4]{border-radius:10px;margin-bottom:20px;padding:12px 16px}.filter-row[data-v-717ff2e4]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.search-wrap[data-v-717ff2e4]{flex:1;min-width:240px;position:relative}.search-icon[data-v-717ff2e4]{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input[data-v-717ff2e4]{padding-left:32px!important}.halaqoh-grid[data-v-717ff2e4]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.halaqoh-card[data-v-717ff2e4]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 3px 10px #00000008}.halaqoh-card[data-v-717ff2e4]:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #143b3214}.target-badge[data-v-717ff2e4]{color:#166534;background:#dcfce7;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.halaqoh-name[data-v-717ff2e4]{color:#143b32;margin:10px 0 4px;font-size:16px;font-weight:700}.clickable-title[data-v-717ff2e4]{cursor:pointer;transition:color .15s}.clickable-title[data-v-717ff2e4]:hover{color:#10b981;text-decoration:underline}.halaqoh-desc[data-v-717ff2e4]{color:#64748b;margin:0;font-size:12px;line-height:1.4}.halaqoh-info-block[data-v-717ff2e4]{background:#f8fafc;border-radius:8px;flex-direction:column;gap:8px;margin:14px 0;padding:10px 12px;display:flex}.info-item[data-v-717ff2e4]{align-items:flex-start;gap:8px;display:flex}.info-icon[data-v-717ff2e4]{margin-top:2px}.info-lbl[data-v-717ff2e4]{color:#64748b;font-size:10.5px}.info-val[data-v-717ff2e4]{color:#1e293b;font-size:12px}.halaqoh-members-summary[data-v-717ff2e4]{border-top:1px dashed #e2e8f0;margin-top:auto;padding-top:10px}.member-count-label[data-v-717ff2e4]{color:#475569;font-size:12px}.btn-link-action[data-v-717ff2e4]{color:#143b32;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11.5px;font-weight:600;display:inline-flex}.btn-link-action[data-v-717ff2e4]:hover{text-decoration:underline}.member-chips-wrap[data-v-717ff2e4]{flex-wrap:wrap;gap:5px;display:flex}.santri-chip[data-v-717ff2e4]{color:#334155;background:#e2e8f0;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:600}.more-chip[data-v-717ff2e4]{color:#1e293b;background:#cbd5e1}.halaqoh-card-footer[data-v-717ff2e4]{align-items:center;gap:8px;margin-top:16px;display:flex}.icon-only-btn[data-v-717ff2e4]{padding:6px 10px!important}.modal-backdrop[data-v-717ff2e4]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-717ff2e4]{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 16px 36px #0003}.modal-card-lg[data-v-717ff2e4]{max-width:650px}.modal-header[data-v-717ff2e4]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title[data-v-717ff2e4]{color:#143b32;margin:0;font-size:16px;font-weight:700}.modal-sub[data-v-717ff2e4]{color:#64748b;margin:2px 0 0;font-size:11.5px}.modal-body[data-v-717ff2e4]{flex:1;padding:18px 20px;overflow-y:auto}.modal-footer[data-v-717ff2e4]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.close-btn[data-v-717ff2e4]{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:20px}.form-group[data-v-717ff2e4]{margin-bottom:14px}.form-row-2[data-v-717ff2e4]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.member-selection-list[data-v-717ff2e4]{border:1px solid #e2e8f0;border-radius:8px;max-height:380px;overflow-y:auto}.member-select-item[data-v-717ff2e4]{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.member-select-item[data-v-717ff2e4]:hover{background:#f8fafc}.member-select-item.selected[data-v-717ff2e4]{background:#f0fdf4}.avatar-xs[data-v-717ff2e4]{width:26px;height:26px;font-size:11px}.avatar-blue[data-v-717ff2e4]{color:#1d4ed8;background:#dbeafe}.avatar-pink[data-v-717ff2e4]{color:#be185d;background:#fce7f3}.empty-state-card[data-v-717ff2e4]{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:48px 20px}.rapor-page[data-v-15101498]{padding-bottom:50px}.page-header[data-v-15101498]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-title[data-v-15101498]{color:#143b32;margin:0;font-size:20px;font-weight:700}.page-subtitle[data-v-15101498]{color:#64748b;margin:3px 0 0;font-size:13px}.rapor-tab-bar[data-v-15101498]{border-bottom:2px solid #e2e8f0;gap:8px;margin-bottom:20px;display:flex;overflow-x:auto}.rapor-tab-btn[data-v-15101498]{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.rapor-tab-btn[data-v-15101498]:hover{color:#143b32}.rapor-tab-btn.active[data-v-15101498]{color:#143b32;background:#143b320a;border-bottom-color:#143b32;border-radius:8px 8px 0 0}.filter-card[data-v-15101498]{border-radius:10px;padding:12px 18px}.form-label-sm[data-v-15101498]{color:#64748b;margin-bottom:3px;font-size:11px;font-weight:600;display:block}.btn-outline-success[data-v-15101498]{color:#16a34a;background:#fff;border:1px solid #16a34a}.btn-outline-success[data-v-15101498]:hover{background:#f0fdf4}.ledger-sheet-card[data-v-15101498]{padding:24px;overflow-x:auto}.ledger-header[data-v-15101498]{text-align:center;margin-bottom:20px}.lh-title[data-v-15101498]{color:#1e293b;letter-spacing:.5px;margin:0;font-size:17px;font-weight:800}.lh-sub[data-v-15101498]{color:#143b32;margin:4px 0 14px;font-size:14px;font-weight:700}.lh-meta-grid[data-v-15101498]{color:#475569;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;gap:24px;padding:6px 12px;font-size:12px;display:flex}.ledger-table-wrap[data-v-15101498]{overflow-x:auto}.ledger-table[data-v-15101498]{border-collapse:collapse;width:100%;min-width:1100px;font-size:12px}.ledger-table th[data-v-15101498],.ledger-table td[data-v-15101498]{border:1px solid #cbd5e1;padding:7px 8px}.ledger-table thead th[data-v-15101498]{color:#1e293b;background:#f1f5f9;font-weight:700}.th-subjects-group[data-v-15101498]{letter-spacing:.5px;font-size:11.5px;background:#e2e8f0!important}.th-sub-col[data-v-15101498]{text-align:center;white-space:nowrap;max-width:65px;font-size:10.5px;padding:4px!important}.sub-col-label[data-v-15101498]{text-overflow:ellipsis;overflow:hidden}.ledger-row[data-v-15101498]{cursor:pointer;transition:background .15s}.ledger-row[data-v-15101498]:hover{background:#f8fafc}.text-santri-link[data-v-15101498]{color:#143b32}.text-santri-link[data-v-15101498]:hover{text-decoration:underline}.score-cell[data-v-15101498]{font-size:11.5px}.score-low[data-v-15101498]{color:#dc2626;background:#fef2f2;font-weight:700}.summary-row-ledger td[data-v-15101498]{background:#f8fafc;border-top:2px solid #94a3b8}.rank-badge[data-v-15101498]{border-radius:4px;padding:2px 6px;font-weight:700}.rank-top[data-v-15101498]{color:#b45309;background:#fef3c7}.rapor-paper-sheet[data-v-15101498]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;max-width:820px;margin:0 auto;padding:36px 40px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f}.rapor-official-header[data-v-15101498]{text-align:center;justify-content:space-between;align-items:center;gap:16px;display:flex}.rapor-logo-img[data-v-15101498]{object-fit:contain;width:70px;height:70px}.header-text-center[data-v-15101498]{flex:1}.arabic-title-main[data-v-15101498]{color:#143b32;direction:rtl;margin-bottom:2px;font-family:Amiri,Traditional Arabic,serif;font-size:21px;font-weight:700}.latin-sub-title[data-v-15101498]{color:#1e293b;letter-spacing:.8px;font-size:13px;font-weight:700}.rapor-doc-badge[data-v-15101498]{color:#b45309;margin-top:4px;font-size:12.5px;font-weight:700}.academic-year-text[data-v-15101498]{color:#64748b;margin-top:2px;font-size:11px}.rapor-divider-line[data-v-15101498]{background:#143b32;border-bottom:1px solid #143b32;height:3px;margin:12px 0 16px}.santri-biodata-box[data-v-15101498]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px;padding:10px 14px;display:grid}.bio-row[data-v-15101498]{margin-bottom:4px;font-size:12px;display:flex}.bio-lbl[data-v-15101498]{color:#64748b;width:110px}.bio-sep[data-v-15101498]{color:#94a3b8;width:14px}.bio-val[data-v-15101498]{color:#1e293b;flex:1}.official-scores-table-wrap[data-v-15101498]{margin-bottom:18px}.official-scores-table[data-v-15101498]{border-collapse:collapse;width:100%;font-size:12px}.official-scores-table th[data-v-15101498],.official-scores-table td[data-v-15101498]{border:1px solid #334155;padding:6px 10px}.official-scores-table thead th[data-v-15101498]{color:#0f172a;text-align:left;background:#f1f5f9;font-weight:700}.highlight-summary-row td[data-v-15101498]{background:#f8fafc;border-top:2px solid #0f172a;font-weight:700}.rapor-lower-grid[data-v-15101498]{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.lower-box[data-v-15101498]{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px}.rank-banner[data-v-15101498]{color:#92400e;background:#fef3c7;border:1px dashed #d97706;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.rank-num[data-v-15101498]{color:#b45309;font-size:18px}.sub-report-table[data-v-15101498]{border-collapse:collapse;width:100%;font-size:11.5px}.sub-report-table td[data-v-15101498],.sub-report-table th[data-v-15101498]{border:1px solid #e2e8f0;padding:4px 8px}.rapor-signatures-row[data-v-15101498]{gap:16px;margin-top:28px;font-size:12px;display:grid}.sig-col[data-v-15101498]{text-align:center;min-width:0}.sig-date-block[data-v-15101498]{color:#334155;text-align:center;min-height:32px;margin-bottom:4px;font-size:11px}.sig-prefix-block[data-v-15101498]{color:#334155;text-align:center;justify-content:center;align-items:flex-end;min-height:32px;margin-bottom:4px;display:flex}.sig-prefix-placeholder[data-v-15101498]{min-height:32px}.sig-role[data-v-15101498]{color:#0f172a;margin-top:2px;font-weight:600}.sig-space[data-v-15101498]{height:52px}.sig-name[data-v-15101498]{color:#0f172a;font-size:12px}.sig-nip[data-v-15101498]{color:#64748b;margin-top:2px;font-size:10.5px}.syahadah-certificate-paper[data-v-15101498]{background:#fffdf5;border-radius:10px;width:100%;max-width:840px;margin:0 auto;padding:24px;box-shadow:0 4px 20px #00000014}.cert-border-outer[data-v-15101498]{background:#fff;border:4px double #143b32;padding:14px}.cert-border-inner[data-v-15101498]{text-align:center;border:1px solid #d97706;padding:28px}.cert-bismillah[data-v-15101498]{color:#143b32;direction:rtl;margin-bottom:6px;font-family:Amiri,serif;font-size:20px}.cert-org-ar[data-v-15101498]{color:#1e293b;direction:rtl;font-family:Amiri,serif;font-size:18px;font-weight:700}.cert-org-id[data-v-15101498]{letter-spacing:1px;color:#64748b;margin-bottom:16px;font-size:12px;font-weight:700}.cert-title-badge[data-v-15101498]{color:#d97706;direction:rtl;margin-bottom:2px;font-family:Amiri,serif;font-size:26px;font-weight:700}.cert-sub-badge[data-v-15101498]{color:#143b32;letter-spacing:1.5px;margin-bottom:4px;font-size:14px;font-weight:800}.cert-serial[data-v-15101498]{color:#94a3b8;margin-bottom:24px;font-size:10.5px}.cert-intro[data-v-15101498]{color:#475569;margin-bottom:6px;font-size:13px}.cert-student-name[data-v-15101498]{color:#143b32;margin:6px 0;font-size:24px;font-weight:800;text-decoration:underline}.cert-student-meta[data-v-15101498]{color:#64748b;margin-bottom:16px;font-size:12px}.cert-declaration[data-v-15101498]{color:#334155;max-width:600px;margin:0 auto 16px;font-size:13px;line-height:1.6}.cert-predicate-box[data-v-15101498]{background:#f0fdf4;border:1px dashed #16a34a;border-radius:8px;margin-bottom:28px;padding:8px 24px;display:inline-block}.pred-ar[data-v-15101498]{color:#166534;font-size:16px;font-weight:700}.pred-desc[data-v-15101498]{color:#64748b;font-size:11px}.cert-signatures[data-v-15101498]{justify-content:space-between;align-items:flex-end;margin-top:10px;font-size:12px;display:flex}.cert-sig-col[data-v-15101498]{width:200px}.cert-sig-space[data-v-15101498]{height:55px}.cert-seal-wrap[data-v-15101498]{color:#d97706;border:2px dashed #d97706;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:10px;font-weight:700;display:flex;transform:rotate(-15deg)}.divider-thick[data-v-15101498]{background:#143b32;border-bottom:1px solid #143b32;height:3px;margin:12px 0 16px}.divider-double[data-v-15101498]{border-top:3px solid #143b32;border-bottom:1px solid #143b32;height:0;margin:12px 0 16px;padding-bottom:2px}.divider-single[data-v-15101498]{background:#cbd5e1;height:1px;margin:12px 0 16px}.divider-none[data-v-15101498]{display:none}.header-sub-address[data-v-15101498]{color:#475569;margin-top:2px;font-size:10.5px;font-style:italic}.subj-ar-inline[data-v-15101498]{color:#047857;margin-left:6px;font-size:13px}.decision-box[data-v-15101498]{background:#f0fdf4;border:1px solid #10b981;border-radius:6px;padding:8px 12px;font-size:11.5px}.decision-label[data-v-15101498]{color:#065f46;margin-bottom:2px;font-weight:700}.extra-notes-box[data-v-15101498]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;padding:8px 12px;font-size:11px}.extra-notes-label[data-v-15101498]{color:#334155;margin-bottom:2px;font-weight:700}.extra-notes-content[data-v-15101498]{color:#475569;font-style:italic}.rapor-watermark-overlay[data-v-15101498]{color:#143b320a;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:0;text-transform:uppercase;letter-spacing:4px;font-size:48px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.rapor-paper-footer[data-v-15101498]{color:#64748b;border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-top:24px;padding-top:8px;font-size:10.5px;display:flex}.footer-note-text[data-v-15101498]{max-width:75%;font-style:italic}.footer-page-number[data-v-15101498]{white-space:nowrap;font-weight:600}.settings-view-section[data-v-15101498]{max-width:1060px;margin:0 auto;padding-bottom:40px}.settings-hero-card[data-v-15101498]{background:#fff;border-left:4px solid #143b32;border-radius:14px;padding:20px 24px;box-shadow:0 1px 4px #0000000f}.settings-hero-icon[data-v-15101498]{color:#143b32;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.alert-success-banner[data-v-15101498]{color:#065f46;background:#ecfdf5;border:1px solid #10b981;border-radius:10px;padding:12px 18px;font-size:12.5px}.settings-subnav[data-v-15101498]{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;gap:6px;padding:8px;display:flex}.settings-subnav-btn[data-v-15101498]{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.settings-subnav-btn[data-v-15101498]:hover{color:#1e293b;background:#e2e8f0}.settings-subnav-btn.active[data-v-15101498]{color:#fff;background:#143b32;box-shadow:0 2px 8px #143b3240}.settings-panel-card[data-v-15101498]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 4px #0000000a}.settings-section-group[data-v-15101498]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px 18px}.settings-section-group[data-v-15101498]:last-child{margin-bottom:0}.settings-section-title[data-v-15101498]{color:#475569;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.settings-section-title[data-v-15101498]:before{content:"";background:#143b32;border-radius:2px;flex-shrink:0;width:3px;height:14px}.settings-divider[data-v-15101498]{background:#e2e8f0;height:1px;margin:20px 0}.panel-section-header[data-v-15101498]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.panel-section-header h4[data-v-15101498]{color:#1e293b;margin:0;font-size:14px;font-weight:700}.panel-section-header p[data-v-15101498]{color:#64748b;margin:3px 0 0;font-size:12px}.form-input-clean[data-v-15101498]{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-input-clean[data-v-15101498]:focus{border-color:#143b32;box-shadow:0 0 0 3px #143b321f}.form-input-clean[data-v-15101498]::placeholder{color:#94a3b8}.form-group-custom[data-v-15101498]{flex-direction:column;display:flex}.form-label-xs[data-v-15101498]{color:#475569;font-size:11px}.setting-pill-check[data-v-15101498]{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.setting-pill-check[data-v-15101498]:hover{background:#f8fafc;border-color:#94a3b8}.setting-pill-check.active[data-v-15101498]{color:#143b32;background:#f0fdf4;border-color:#143b32;font-weight:600}.setting-pill-check input[type=checkbox][data-v-15101498]{accent-color:#143b32;cursor:pointer}.checkbox-inline-label[data-v-15101498]{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.checkbox-inline-label input[type=checkbox][data-v-15101498]{accent-color:#143b32;cursor:pointer}.setting-checkbox-card[data-v-15101498]{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.setting-checkbox-card[data-v-15101498]:hover{background:#f8fafc;border-color:#cbd5e1}.setting-checkbox-card.selected[data-v-15101498]{background:#f0fdf4;border-color:#143b32;box-shadow:0 0 0 1px #143b32}.setting-checkbox-card input[type=checkbox][data-v-15101498]{accent-color:#143b32;margin-top:2px}.divider-option-card[data-v-15101498]{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.divider-option-card[data-v-15101498]:hover{background:#f8fafc;border-color:#94a3b8}.divider-option-card.selected[data-v-15101498]{background:#f0fdf4;border-color:#143b32;box-shadow:0 0 0 2px #143b3226}.divider-option-card input[type=radio][data-v-15101498]{accent-color:#143b32;margin-top:2px}.demo-divider-thick[data-v-15101498]{background:#143b32;border-radius:2px;width:100%;height:3.5px}.demo-divider-double[data-v-15101498]{border-top:2px solid #143b32;border-bottom:1px solid #143b32;width:100%;height:5px}.demo-divider-single[data-v-15101498]{background:#64748b;width:100%;height:1.5px}.switch-control[data-v-15101498]{width:40px;height:22px;display:inline-block;position:relative}.switch-control input[data-v-15101498]{opacity:0;width:0;height:0}.slider[data-v-15101498]{cursor:pointer;background-color:#cbd5e1;transition:all .3s;position:absolute;inset:0}.slider[data-v-15101498]:before{content:"";background-color:#fff;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider[data-v-15101498]{background-color:#143b32}input:checked+.slider[data-v-15101498]:before{transform:translate(18px)}.slider.round[data-v-15101498]{border-radius:22px}.slider.round[data-v-15101498]:before{border-radius:50%}.chip-xs[data-v-15101498]{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:11px;transition:background .15s,color .15s;display:inline-block}.chip-xs[data-v-15101498]:hover{color:#0f172a;background:#e2e8f0}.sig-editor-card[data-v-15101498]{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #143b32;border-radius:12px;padding:16px 18px;transition:box-shadow .2s,border-color .2s}.sig-editor-card[data-v-15101498]:hover{border-color:#cbd5e1;box-shadow:0 3px 12px #0000000f}.sig-editor-card.gold-sig[data-v-15101498]{border-left-color:#d97706}.subnav-gold .settings-subnav-btn.active[data-v-15101498]{color:#fff;background:#b45309;box-shadow:0 2px 8px #b4530940}.settings-section-title.title-gold[data-v-15101498]:before{background:#d97706}.setting-checkbox-card.selected-gold[data-v-15101498]{background:#fffbeb;border-color:#d97706;box-shadow:0 0 0 1px #d97706}.setting-checkbox-card.selected-gold input[type=checkbox][data-v-15101498]{accent-color:#d97706}.settings-bottom-bar[data-v-15101498]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:28px;padding:16px 20px;position:static;box-shadow:0 1px 4px #0000000a}.fade-in[data-v-15101498]{animation:.18s ease-in-out fadeIn-15101498}@keyframes fadeIn-15101498{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.template-type-selector[data-v-15101498]{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.template-type-selector[data-v-15101498]{grid-template-columns:1fr}}.template-type-btn[data-v-15101498]{cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:all .25s;display:flex}.template-type-btn[data-v-15101498]:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.template-type-btn.active[data-v-15101498]{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#143b32;box-shadow:0 4px 16px #143b321a}.template-type-icon[data-v-15101498]{color:#143b32;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.template-type-icon.icon-gold[data-v-15101498],.settings-hero-icon.icon-gold[data-v-15101498]{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a)}.hero-card-gold[data-v-15101498]{border-left-color:#d97706!important}.badge-amber[data-v-15101498]{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.settings-form-row[data-v-15101498]{gap:14px;display:grid}.settings-form-row.cols-2[data-v-15101498]{grid-template-columns:1fr 1fr}.settings-form-row.cols-3[data-v-15101498]{grid-template-columns:1fr 1fr 1fr}@media (width<=768px){.settings-form-row.cols-2[data-v-15101498],.settings-form-row.cols-3[data-v-15101498]{grid-template-columns:1fr}}.cert-frame-gold .cert-border-outer[data-v-15101498]{background:#fff;border:5px double #d97706;padding:14px}.cert-frame-gold .cert-border-inner[data-v-15101498]{border:1.5px solid #b45309;padding:26px}.cert-frame-emerald .cert-border-outer[data-v-15101498]{background:#fff;border:5px double #143b32;padding:14px}.cert-frame-emerald .cert-border-inner[data-v-15101498]{border:1.5px solid #16a34a;padding:26px}.cert-frame-double .cert-border-outer[data-v-15101498]{background:#fff;border:4px double #334155;padding:14px}.cert-frame-double .cert-border-inner[data-v-15101498]{border:1px solid #64748b;padding:26px}.cert-frame-minimal .cert-border-outer[data-v-15101498]{background:#fff;border:1.5px solid #cbd5e1;padding:14px}.cert-frame-minimal .cert-border-inner[data-v-15101498]{border:1px dashed #cbd5e1;padding:26px}.cert-paper-parchment[data-v-15101498],.cert-paper-parchment .cert-border-outer[data-v-15101498]{background:#fdfaf2!important}.cert-watermark-overlay[data-v-15101498]{color:#d977060a;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:0;letter-spacing:6px;text-transform:uppercase;font-size:52px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.cert-logo-center[data-v-15101498]{text-align:center;margin:0 auto 10px}.cert-logo-img[data-v-15101498]{object-fit:contain;width:auto;height:60px;margin:0 auto}.cert-sub-address[data-v-15101498]{color:#64748b;margin-top:2px;margin-bottom:12px;font-size:10.5px}.print-only[data-v-15101498]{display:none}@page{size:A4 portrait;margin:0!important}@media print{.no-print[data-v-15101498],.page-header[data-v-15101498],.rapor-tab-bar[data-v-15101498],.filter-card[data-v-15101498],.settings-bottom-bar[data-v-15101498]{display:none!important}.print-only[data-v-15101498]{display:block!important}.rapor-page[data-v-15101498]{background:#fff!important;margin:0!important;padding:0!important}.print-sheet[data-v-15101498],.rapor-paper-sheet[data-v-15101498]{box-shadow:none!important;box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:none!important;width:100%!important;max-width:210mm!important;margin:0 auto!important;padding:12mm 15mm!important}body[data-v-15101498]{background:#fff!important}}.kelas-detail-page[data-v-5c6accc2]{padding:0}.top-nav-bar[data-v-5c6accc2]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.back-link-btn[data-v-5c6accc2]{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.back-link-btn[data-v-5c6accc2]:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.breadcrumb-trail[data-v-5c6accc2]{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.bc-sep[data-v-5c6accc2]{color:#cbd5e1}.bc-link[data-v-5c6accc2]{color:#2563eb;font-weight:500;text-decoration:none}.bc-link[data-v-5c6accc2]:hover{text-decoration:underline}.bc-current[data-v-5c6accc2]{color:#0f172a;font-weight:700}.class-hero-card[data-v-5c6accc2]{color:#fff;background:linear-gradient(135deg,#143b32 0%,#0d2822 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:22px 26px;display:flex;box-shadow:0 10px 15px -3px #143b3226}.hero-left[data-v-5c6accc2]{align-items:center;gap:16px;display:flex}.class-badge-icon[data-v-5c6accc2]{background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.class-hero-title[data-v-5c6accc2]{color:#fff;margin:0;font-size:24px;font-weight:800}.level-pill[data-v-5c6accc2]{color:#fff;background:#fff3;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.class-hero-sub[data-v-5c6accc2]{color:#d1fae5;margin:6px 0 0;font-size:13px}.hero-right[data-v-5c6accc2]{align-items:center;gap:16px;display:flex}.hero-stat-box[data-v-5c6accc2]{text-align:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:10px 18px}.hstat-val[data-v-5c6accc2]{color:#fff;font-size:20px;font-weight:800}.hstat-lbl[data-v-5c6accc2]{color:#d1fae5;margin-top:2px;font-size:10.5px}.ledger-feature-banner[data-v-5c6accc2]{background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:0 2px 4px #10b9810f}.lfb-left[data-v-5c6accc2]{align-items:center;gap:14px;display:flex}.lfb-icon[data-v-5c6accc2]{background:#dcfce7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.lfb-title[data-v-5c6accc2]{color:#065f46;margin:0;font-size:15px;font-weight:800}.lfb-desc[data-v-5c6accc2]{color:#047857;max-width:650px;margin:3px 0 0;font-size:12px}.btn-emerald-solid[data-v-5c6accc2]{color:#fff;cursor:pointer;white-space:nowrap;background:#059669;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #05966933}.btn-emerald-solid[data-v-5c6accc2]:hover{background:#047857;transform:translateY(-1px)}.class-meta-grid[data-v-5c6accc2]{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.meta-card[data-v-5c6accc2]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px}.meta-card-header[data-v-5c6accc2]{color:#64748b;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:10px;font-size:11.5px;font-weight:700;display:flex}.wali-profile-content[data-v-5c6accc2]{align-items:center;gap:12px;display:flex}.wali-name[data-v-5c6accc2]{color:#0f172a;margin:0;font-size:14px;font-weight:700}.kpi-score-row[data-v-5c6accc2]{align-items:center;gap:12px;display:flex}.kpi-score-large[data-v-5c6accc2]{color:#143b32;font-size:28px;font-weight:800}.quick-nav-btns[data-v-5c6accc2]{flex-direction:column;gap:6px;display:flex}.section-card[data-v-5c6accc2]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.section-card-header[data-v-5c6accc2]{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.section-card-title[data-v-5c6accc2]{color:#0f172a;margin:0;font-size:15px;font-weight:700}.section-card-sub[data-v-5c6accc2]{color:#64748b;margin:2px 0 0;font-size:12px}.search-input-wrap[data-v-5c6accc2]{align-items:center;display:flex;position:relative}.search-icon[data-v-5c6accc2]{color:#94a3b8;position:absolute;left:10px}.search-input-sm[data-v-5c6accc2]{width:240px;padding:6px 12px 6px 30px!important;font-size:12px!important}.data-table[data-v-5c6accc2]{border-collapse:collapse;width:100%}.data-table th[data-v-5c6accc2]{color:#475569;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.data-table td[data-v-5c6accc2]{border-bottom:1px solid #f1f5f9;padding:11px 14px;font-size:12.5px}.avatar[data-v-5c6accc2]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.avatar-blue[data-v-5c6accc2]{color:#1e40af;background:#dbeafe}.avatar-pink[data-v-5c6accc2]{color:#be185d;background:#fce7f3}.avatar-md[data-v-5c6accc2]{width:44px;height:44px;font-size:16px}.avatar-photo-img[data-v-5c6accc2]{object-fit:cover;border-radius:50%;width:100%;height:100%}.badge[data-v-5c6accc2]{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.badge-green[data-v-5c6accc2]{color:#15803d;background:#dcfce7}.badge-blue[data-v-5c6accc2]{color:#1d4ed8;background:#eff6ff}.badge-pink[data-v-5c6accc2]{color:#be185d;background:#fdf2f8}.badge-amber[data-v-5c6accc2]{color:#b45309;background:#fef3c7}.badge-gray[data-v-5c6accc2]{color:#475569;background:#f1f5f9}.btn-emerald-subtle[data-v-5c6accc2]{color:#065f46;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s}.btn-emerald-subtle[data-v-5c6accc2]:hover{color:#047857;background:#d1fae5}@media (width<=900px){.class-hero-card[data-v-5c6accc2]{flex-direction:column;align-items:stretch}.hero-right[data-v-5c6accc2]{justify-content:space-around}.class-meta-grid[data-v-5c6accc2]{grid-template-columns:1fr}.ledger-feature-banner[data-v-5c6accc2]{flex-direction:column;align-items:stretch}}.modal-backdrop[data-v-6c2212b0]{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-6c2212b0]{background:#fff;border-radius:12px;width:520px;max-width:100%;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-card-xl[data-v-6c2212b0]{width:760px}.modal-header[data-v-6c2212b0]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-title[data-v-6c2212b0]{color:#0f172a;margin:0;font-size:15px;font-weight:800}.close-btn[data-v-6c2212b0]{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px;line-height:1}.modal-form-body[data-v-6c2212b0]{flex-direction:column;gap:12px;padding:18px;display:flex}.form-row-2[data-v-6c2212b0]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-group[data-v-6c2212b0]{flex-direction:column;gap:4px;display:flex}.form-label[data-v-6c2212b0]{color:#334155;font-size:11.5px;font-weight:700}.required[data-v-6c2212b0]{color:#ef4444}.modal-footer[data-v-6c2212b0]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.form-photo-row[data-v-6c2212b0]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:14px;padding:12px;display:flex}.form-photo-preview[data-v-6c2212b0]{background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.preview-img[data-v-6c2212b0]{object-fit:cover;width:100%;height:100%}.preview-placeholder[data-v-6c2212b0]{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.form-photo-controls[data-v-6c2212b0]{flex:1}.hidden-file-input[data-v-6c2212b0]{display:none}@media (width<=640px){.form-row-2[data-v-6c2212b0]{grid-template-columns:1fr}}.santri-detail-page[data-v-fc7f3a68]{padding:0}.top-nav-bar[data-v-fc7f3a68]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.back-link-btn[data-v-fc7f3a68]{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.back-link-btn[data-v-fc7f3a68]:hover{color:#0f172a;background:#f1f5f9}.breadcrumb-trail[data-v-fc7f3a68]{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.bc-sep[data-v-fc7f3a68]{color:#cbd5e1}.bc-link[data-v-fc7f3a68]{color:#2563eb;text-decoration:none}.bc-current[data-v-fc7f3a68]{color:#0f172a;font-weight:700}.santri-hero-card[data-v-fc7f3a68]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:20px 24px;display:flex}.hero-left[data-v-fc7f3a68]{align-items:center;gap:18px;display:flex}.avatar-xl[data-v-fc7f3a68]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:800;display:flex}.avatar-blue[data-v-fc7f3a68]{color:#1e40af;background:#dbeafe}.avatar-pink[data-v-fc7f3a68]{color:#be185d;background:#fce7f3}.santri-name[data-v-fc7f3a68]{color:#0f172a;margin:0;font-size:22px;font-weight:800}.hero-actions[data-v-fc7f3a68]{gap:8px;display:flex}.kpi-metrics-grid[data-v-fc7f3a68]{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.kpi-box[data-v-fc7f3a68]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.kpi-icon-wrap[data-v-fc7f3a68]{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.kpi-val[data-v-fc7f3a68]{font-size:19px;font-weight:800;line-height:1}.kpi-label[data-v-fc7f3a68]{color:#334155;margin-top:4px;font-size:11px;font-weight:700}.kpi-sub[data-v-fc7f3a68]{color:#64748b;font-size:10.5px}.page-tabs-bar[data-v-fc7f3a68]{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab-btn[data-v-fc7f3a68]{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.tab-btn[data-v-fc7f3a68]:hover{color:#0f172a}.tab-btn.active[data-v-fc7f3a68]{color:#143b32;border-bottom-color:#143b32;font-weight:800}.rapor-paper-sheet[data-v-fc7f3a68]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;max-width:820px;margin:0 auto;padding:36px 40px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f}.rapor-official-header[data-v-fc7f3a68]{text-align:center;justify-content:space-between;align-items:center;gap:16px;display:flex}.rapor-logo-img[data-v-fc7f3a68]{object-fit:contain;width:70px;height:70px}.header-text-center[data-v-fc7f3a68]{flex:1}.arabic-title-main[data-v-fc7f3a68]{color:#143b32;direction:rtl;margin-bottom:2px;font-family:Amiri,Traditional Arabic,serif;font-size:21px;font-weight:700}.latin-sub-title[data-v-fc7f3a68]{color:#1e293b;letter-spacing:.8px;font-size:13px;font-weight:700}.rapor-doc-badge[data-v-fc7f3a68]{color:#b45309;margin-top:4px;font-size:12.5px;font-weight:700}.academic-year-text[data-v-fc7f3a68]{color:#64748b;margin-top:2px;font-size:11px}.rapor-divider-line[data-v-fc7f3a68]{background:#143b32;border-bottom:1px solid #143b32;height:3px;margin:12px 0 16px}.santri-biodata-box[data-v-fc7f3a68]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px;padding:10px 14px;display:grid}.bio-row[data-v-fc7f3a68]{margin-bottom:4px;font-size:12px;display:flex}.bio-lbl[data-v-fc7f3a68]{color:#64748b;width:110px}.bio-sep[data-v-fc7f3a68]{color:#94a3b8;width:14px}.bio-val[data-v-fc7f3a68]{color:#1e293b;flex:1}.official-scores-table-wrap[data-v-fc7f3a68]{margin-bottom:18px}.official-scores-table[data-v-fc7f3a68]{border-collapse:collapse;width:100%;font-size:12px}.official-scores-table th[data-v-fc7f3a68],.official-scores-table td[data-v-fc7f3a68]{border:1px solid #334155;padding:6px 10px}.official-scores-table thead th[data-v-fc7f3a68]{color:#0f172a;text-align:left;background:#f1f5f9;font-weight:700}.highlight-summary-row td[data-v-fc7f3a68]{background:#f8fafc;border-top:2px solid #0f172a;font-weight:700}.rapor-lower-grid[data-v-fc7f3a68]{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.lower-box[data-v-fc7f3a68]{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px}.rank-banner[data-v-fc7f3a68]{color:#92400e;background:#fef3c7;border:1px dashed #d97706;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.rank-num[data-v-fc7f3a68]{color:#b45309;font-size:18px}.sub-report-table[data-v-fc7f3a68]{border-collapse:collapse;width:100%;font-size:11.5px}.sub-report-table td[data-v-fc7f3a68],.sub-report-table th[data-v-fc7f3a68]{border:1px solid #e2e8f0;padding:4px 8px}.personality-table-header[data-v-fc7f3a68]{color:#1e293b;letter-spacing:.3px;background:#f8fafc;padding:6px 8px;font-size:12px}.rapor-signatures-row[data-v-fc7f3a68]{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;font-size:12px;display:grid}.sig-col[data-v-fc7f3a68]{text-align:center;min-width:0}.sig-date-block[data-v-fc7f3a68]{color:#334155;text-align:center;min-height:32px;margin-bottom:4px;font-size:11px}.sig-prefix-block[data-v-fc7f3a68]{text-align:center;color:#334155;justify-content:center;align-items:flex-end;min-height:32px;margin-bottom:4px;display:flex}.sig-prefix-placeholder[data-v-fc7f3a68]{min-height:32px}.sig-role[data-v-fc7f3a68]{color:#0f172a;text-align:center;margin-top:2px;font-weight:600}.sig-space[data-v-fc7f3a68]{height:52px}.sig-name[data-v-fc7f3a68]{color:#0f172a;text-align:center;font-size:12px}.sig-nip[data-v-fc7f3a68]{color:#64748b;text-align:center;margin-top:2px;font-size:10.5px}.rapor-paper-footer[data-v-fc7f3a68]{color:#64748b;border-top:1px dashed #cbd5e1;justify-content:flex-start;align-items:center;margin-top:24px;padding-top:8px;font-size:11px;display:flex}.footer-page-number[data-v-fc7f3a68]{color:#64748b;font-size:11px}.grid-2-cols[data-v-fc7f3a68]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.info-list[data-v-fc7f3a68]{flex-direction:column;gap:8px;display:flex}.il-row[data-v-fc7f3a68]{border-bottom:1px dashed #f1f5f9;justify-content:space-between;padding:6px 0;font-size:12.5px;display:flex}.il-label[data-v-fc7f3a68]{color:#64748b}.il-val[data-v-fc7f3a68]{color:#0f172a}.avatar-photo-img[data-v-fc7f3a68]{object-fit:cover;border-radius:50%;width:100%;height:100%}.photo-profile-card[data-v-fc7f3a68]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:20px;padding:18px 20px;display:flex}.photo-card-left[data-v-fc7f3a68]{flex-shrink:0}.photo-display-frame[data-v-fc7f3a68]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:110px;height:135px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.santri-large-photo[data-v-fc7f3a68]{object-fit:cover;width:100%;height:100%}.photo-placeholder-box[data-v-fc7f3a68]{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.photo-placeholder-box .placeholder-text[data-v-fc7f3a68]{color:#64748b;text-align:center;font-size:10px;font-weight:600}.photo-card-right[data-v-fc7f3a68]{flex:1}.hidden-file-input[data-v-fc7f3a68]{display:none}@media (width<=900px){.photo-profile-card[data-v-fc7f3a68]{flex-direction:column;align-items:flex-start}.kpi-metrics-grid[data-v-fc7f3a68]{grid-template-columns:1fr 1fr}.grid-2-cols[data-v-fc7f3a68],.santri-biodata-box[data-v-fc7f3a68],.rapor-lower-grid[data-v-fc7f3a68]{grid-template-columns:1fr}}@page{size:A4 portrait;margin:0!important}@media print{.top-nav-bar[data-v-fc7f3a68],.santri-hero-card[data-v-fc7f3a68],.kpi-metrics-grid[data-v-fc7f3a68],.page-tabs-bar[data-v-fc7f3a68],.no-print[data-v-fc7f3a68],.btn[data-v-fc7f3a68],button[data-v-fc7f3a68]{display:none!important}.santri-detail-page[data-v-fc7f3a68]{background:#fff!important;margin:0!important;padding:0!important}.printable-rapor-container[data-v-fc7f3a68]{box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important}.rapor-paper-sheet[data-v-fc7f3a68]{box-shadow:none!important;box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:none!important;border-radius:0!important;width:100%!important;max-width:210mm!important;margin:0 auto!important;padding:12mm 15mm!important;display:block!important}}.halaqoh-detail-page[data-v-15aed97f]{padding:0}.top-nav-bar[data-v-15aed97f]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.back-link-btn[data-v-15aed97f]{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.back-link-btn[data-v-15aed97f]:hover{color:#0f172a;background:#f1f5f9}.breadcrumb-trail[data-v-15aed97f]{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.bc-sep[data-v-15aed97f]{color:#cbd5e1}.bc-link[data-v-15aed97f]{color:#2563eb;text-decoration:none}.bc-current[data-v-15aed97f]{color:#0f172a;font-weight:700}.halaqoh-hero-card[data-v-15aed97f]{color:#fff;background:linear-gradient(135deg,#065f46 0%,#064e3b 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:22px 26px;display:flex}.hero-left[data-v-15aed97f]{align-items:center;gap:16px;display:flex}.halaqoh-icon-box[data-v-15aed97f]{background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.halaqoh-title[data-v-15aed97f]{color:#fff;margin:0;font-size:24px;font-weight:800}.target-juz-badge[data-v-15aed97f]{color:#fff;background:#fff3;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.halaqoh-sub[data-v-15aed97f]{color:#a7f3d0;margin:6px 0 0;font-size:13px}.hero-right[data-v-15aed97f]{gap:14px;display:flex}.hero-kpi-pill[data-v-15aed97f]{text-align:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:10px 18px}.hk-num[data-v-15aed97f]{font-size:20px;font-weight:800}.hk-lbl[data-v-15aed97f]{color:#a7f3d0;margin-top:2px;font-size:10px}.info-grid-3[data-v-15aed97f]{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.info-card[data-v-15aed97f]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px}.ic-header[data-v-15aed97f]{color:#64748b;text-transform:uppercase;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.management-grid[data-v-15aed97f]{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.card-header-bar[data-v-15aed97f]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.search-input-wrap[data-v-15aed97f]{align-items:center;display:flex;position:relative}.search-icon[data-v-15aed97f]{color:#94a3b8;position:absolute;left:9px}.search-input-sm[data-v-15aed97f]{padding:5px 10px 5px 28px!important;font-size:12px!important}.data-table[data-v-15aed97f]{border-collapse:collapse;width:100%}.data-table th[data-v-15aed97f]{color:#475569;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:9px 12px;font-size:11px;font-weight:700}.data-table td[data-v-15aed97f]{border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:12px}.avatar-sm[data-v-15aed97f]{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.avatar-md[data-v-15aed97f]{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.avatar-blue[data-v-15aed97f]{color:#1e40af;background:#dbeafe}.avatar-pink[data-v-15aed97f]{color:#be185d;background:#fce7f3}.avatar-photo-img[data-v-15aed97f]{object-fit:cover;border-radius:50%;width:100%;height:100%}@media (width<=900px){.halaqoh-hero-card[data-v-15aed97f]{flex-direction:column;align-items:stretch}.info-grid-3[data-v-15aed97f],.management-grid[data-v-15aed97f]{grid-template-columns:1fr}}.nilai-container[data-v-7e8fd329]{min-height:100vh;padding:0 16px 28px}.top-nav-row[data-v-7e8fd329]{z-index:40;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:10px;margin:0 -16px 14px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.page-title-wrap[data-v-7e8fd329]{flex:1}.page-title[data-v-7e8fd329]{color:#0f1f1a;margin:0;font-size:17px;font-weight:700}.btn-fab[data-v-7e8fd329]{color:#fff;cursor:pointer;background:#143b32;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.btn-fab[data-v-7e8fd329]:hover{background:#0e2a24}.tabs-nav[data-v-7e8fd329]{border-bottom:1.5px solid #e9ecef;gap:0;margin-bottom:16px;display:flex}.tab-btn[data-v-7e8fd329]{text-align:center;box-sizing:border-box;color:#8a9bac;cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;padding:9px 4px;font-size:12.5px;font-weight:600;transition:color .15s;position:relative}.tab-btn.active[data-v-7e8fd329]{color:#143b32}.tab-btn.active[data-v-7e8fd329]:after{content:"";background:#143b32;border-radius:1px;height:2px;position:absolute;bottom:-1.5px;left:0;right:0}.stat-row[data-v-7e8fd329]{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.stat-card[data-v-7e8fd329]{text-align:center;background:#fff;border:1px solid #edf0f3;border-radius:10px;padding:10px 12px}.stat-card.accent-yellow[data-v-7e8fd329]{border-top:2.5px solid #f59e0b}.stat-card.accent-green[data-v-7e8fd329]{border-top:2.5px solid #22c55e}.stat-val[data-v-7e8fd329]{color:#0f1f1a;font-size:20px;font-weight:800;line-height:1}.stat-lbl[data-v-7e8fd329]{color:#8a9bac;margin-top:3px;font-size:10px;font-weight:500}.filter-bar[data-v-7e8fd329]{flex-wrap:wrap;align-items:center;gap:0;margin-bottom:10px;display:flex}.filter-sep[data-v-7e8fd329]{background:#dde3ea;width:1px;height:16px;margin:0 2px}.filter-item[data-v-7e8fd329]{position:relative}.filter-trigger[data-v-7e8fd329]{color:#8a9bac;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:6px 10px;font-size:12.5px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.filter-trigger[data-v-7e8fd329]:hover{color:#0f1f1a}.filter-trigger.active[data-v-7e8fd329]{color:#143b32;border-bottom-color:#143b32}.filter-chev[data-v-7e8fd329]{flex-shrink:0;transition:transform .2s}.rotate-180[data-v-7e8fd329]{transform:rotate(180deg)}.filter-dropdown[data-v-7e8fd329]{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:200px;animation:.15s ease-out dropIn-7e8fd329;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}@keyframes dropIn-7e8fd329{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-search[data-v-7e8fd329]{box-sizing:border-box;color:#1e293b;border:none;border-bottom:1px solid #f0f3f6;outline:none;width:100%;padding:9px 12px;font-size:12px;display:block}.filter-opts[data-v-7e8fd329]{max-height:200px;padding:4px;overflow-y:auto}.filter-opt[data-v-7e8fd329]{color:#334155;cursor:pointer;border-radius:6px;padding:8px 10px;font-size:12px;transition:background .1s}.filter-opt[data-v-7e8fd329]:hover{background:#f1f5f9}.filter-opt.selected[data-v-7e8fd329]{color:#fff;background:#143b32;font-weight:600}.result-info[data-v-7e8fd329]{color:#8a9bac;align-items:center;gap:4px;margin-bottom:12px;font-size:11.5px;display:flex}.result-count[data-v-7e8fd329]{color:#475569;font-weight:700}.result-filters[data-v-7e8fd329]{color:#143b32;font-weight:500}.assessments-list[data-v-7e8fd329]{flex-direction:column;gap:9px;display:flex}.agenda-card[data-v-7e8fd329]{cursor:pointer;background:#fff;border:1px solid #edf0f3;border-left:3px solid #e2e8f0;border-radius:12px;align-items:center;gap:13px;padding:13px 14px;transition:box-shadow .18s,border-color .18s;display:flex}.agenda-card[data-v-7e8fd329]:hover{border-color:#c8d0d8;box-shadow:0 4px 16px #00000012}.agenda-card.is-serentak[data-v-7e8fd329]{border-left-color:#a21caf}.agenda-card.type-ulangan_harian[data-v-7e8fd329]{border-left-color:#f59e0b}.agenda-card.type-tugas[data-v-7e8fd329]{border-left-color:#6366f1}.agenda-card.type-uts[data-v-7e8fd329]{border-left-color:#ef4444}.agenda-card.type-uas[data-v-7e8fd329]{border-left-color:#22c55e}.agenda-card.type-praktik[data-v-7e8fd329]{border-left-color:#06b6d4}.agenda-date-col[data-v-7e8fd329]{text-align:center;flex-shrink:0;width:44px}.agenda-day[data-v-7e8fd329]{color:#0f1f1a;font-size:20px;font-weight:800;line-height:1}.agenda-month[data-v-7e8fd329]{color:#8a9bac;text-transform:uppercase;font-size:10px;font-weight:700}.agenda-year[data-v-7e8fd329]{color:#b0bbc8;font-size:9px}.agenda-info-col[data-v-7e8fd329]{flex:1;min-width:0}.agenda-tag-row[data-v-7e8fd329]{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:3px;display:flex}.cat-pill[data-v-7e8fd329]{color:#475569;text-transform:uppercase;letter-spacing:.3px;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.cat-pill.cat-ulangan_harian[data-v-7e8fd329]{color:#b45309;background:#fef3c7}.cat-pill.cat-tugas[data-v-7e8fd329]{color:#4338ca;background:#e0e7ff}.cat-pill.cat-uts[data-v-7e8fd329]{color:#b91c1c;background:#fee2e2}.cat-pill.cat-uas[data-v-7e8fd329]{color:#15803d;background:#dcfce7}.cat-pill.cat-praktik[data-v-7e8fd329]{color:#0e7490;background:#cffafe}.sched-pill[data-v-7e8fd329]{color:#a21caf;background:#fdf4ff;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:600}.kkm-tag[data-v-7e8fd329]{color:#8a9bac;font-size:9.5px;font-weight:500}.agenda-title[data-v-7e8fd329]{color:#1a2a24;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13.5px;font-weight:700;overflow:hidden}.agenda-meta[data-v-7e8fd329]{color:#8a9bac;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.dot[data-v-7e8fd329]{background:#c8d0d8;border-radius:50%;flex-shrink:0;width:3px;height:3px}.agenda-action-col[data-v-7e8fd329]{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.score-badge[data-v-7e8fd329]{color:#8a9bac;white-space:nowrap;background:#f1f5f9;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:600}.score-badge.done[data-v-7e8fd329]{color:#15803d;background:#dcfce7}.score-badge.partial[data-v-7e8fd329]{color:#b45309;background:#fef3c7}.card-arrow[data-v-7e8fd329]{color:#c8d0d8}.grade-form[data-v-7e8fd329]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-7e8fd329]{flex-direction:column;gap:4px;display:flex}.form-label[data-v-7e8fd329]{color:#475569;font-size:12px;font-weight:600}.form-select[data-v-7e8fd329],.form-input[data-v-7e8fd329]{box-sizing:border-box;color:#1e293b;border:1px solid #dde3ea;border-radius:8px;outline:none;width:100%;padding:9px 11px;font-size:13px;transition:border-color .15s}.form-select[data-v-7e8fd329]:focus,.form-input[data-v-7e8fd329]:focus{border-color:#143b32;box-shadow:0 0 0 2px #143b321a}.grade-inputs-grid[data-v-7e8fd329]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.req[data-v-7e8fd329]{color:#ef4444}.kelas-list[data-v-7e8fd329]{flex-direction:column;gap:8px;display:flex}.kelas-item[data-v-7e8fd329]{cursor:pointer;background:#fff;border:1px solid #edf0f3;border-radius:10px;align-items:center;gap:12px;padding:14px;transition:box-shadow .15s;display:flex}.kelas-item[data-v-7e8fd329]:hover{box-shadow:0 2px 10px #00000012}.kelas-icon[data-v-7e8fd329]{color:#143b32;background:#e8f5e9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kelas-info[data-v-7e8fd329]{flex:1}.kelas-name[data-v-7e8fd329]{color:#1a2a24;font-size:13.5px;font-weight:700}.kelas-meta[data-v-7e8fd329]{color:#8a9bac;margin-top:1px;font-size:11px}.kelas-arrow[data-v-7e8fd329]{color:#c8d0d8}.recap-header[data-v-7e8fd329]{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.back-link[data-v-7e8fd329]{color:#143b32;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:700;display:flex}.search-wrap[data-v-7e8fd329]{align-items:center;display:flex;position:relative}.search-icon[data-v-7e8fd329]{color:#8a9bac;position:absolute;left:10px}.search-input[data-v-7e8fd329]{box-sizing:border-box;color:#1e293b;border:1px solid #dde3ea;border-radius:8px;outline:none;width:100%;padding:8px 10px 8px 32px;font-size:12.5px}.search-input[data-v-7e8fd329]:focus{border-color:#143b32}.recap-list[data-v-7e8fd329]{flex-direction:column;gap:8px;display:flex}.recap-card[data-v-7e8fd329]{background:#fff;border:1px solid #edf0f3;border-radius:10px;padding:13px 14px}.recap-card-main[data-v-7e8fd329]{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.recap-name[data-v-7e8fd329]{color:#1a2a24;font-size:13.5px;font-weight:700}.recap-sub[data-v-7e8fd329]{color:#8a9bac;margin-top:1px;font-size:11px}.recap-right[data-v-7e8fd329]{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.final-score-pill[data-v-7e8fd329]{color:#fff;background:#143b32;border-radius:7px;padding:3px 9px;font-size:15px;font-weight:800}.badge[data-v-7e8fd329]{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.badge-green[data-v-7e8fd329]{color:#15803d;background:#dcfce7}.badge-red[data-v-7e8fd329]{color:#b91c1c;background:#fee2e2}.recap-breakdown[data-v-7e8fd329]{text-align:center;background:#f8fafc;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px;display:grid}.score-col[data-v-7e8fd329]{flex-direction:column;gap:2px;display:flex}.col-lbl[data-v-7e8fd329]{color:#94a3b8;font-size:9.5px}.col-val[data-v-7e8fd329]{color:#334155;font-size:13px;font-weight:700}.modal-backdrop[data-v-7e8fd329]{z-index:1000;background:#00000073;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal-card[data-v-7e8fd329]{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:520px;max-height:90vh;padding:20px 18px 32px;overflow-y:auto;box-shadow:0 -8px 32px #00000026}@media (width>=600px){.modal-backdrop[data-v-7e8fd329]{align-items:center;padding:16px}.modal-card[data-v-7e8fd329]{border-radius:14px;max-height:85vh}}.modal-header[data-v-7e8fd329]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3[data-v-7e8fd329]{color:#0f1f1a;margin:0;font-size:15px;font-weight:700}.close-btn[data-v-7e8fd329]{cursor:pointer;color:#8a9bac;background:0 0;border:none;font-size:22px;line-height:1}.modal-form .form-group[data-v-7e8fd329]{margin-bottom:12px}.modal-form label[data-v-7e8fd329]{color:#475569;margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.form-row-2[data-v-7e8fd329]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quota-hint-banner[data-v-7e8fd329]{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;margin-bottom:12px;padding:8px 11px;font-size:11.5px}.quota-hint-banner.is-limit[data-v-7e8fd329]{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.modal-actions[data-v-7e8fd329]{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.btn[data-v-7e8fd329]{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary[data-v-7e8fd329]{color:#fff;background:#143b32}.btn-primary[data-v-7e8fd329]:hover{background:#0e2a24}.btn-primary[data-v-7e8fd329]:disabled{opacity:.55;cursor:not-allowed}.btn-secondary[data-v-7e8fd329]{color:#475569;background:#f1f5f9}.w-full[data-v-7e8fd329]{width:100%}.alert-box[data-v-7e8fd329]{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:12.5px}.alert-success[data-v-7e8fd329]{color:#15803d;background:#dcfce7;border:1px solid #86efac}.alert-error[data-v-7e8fd329]{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.empty-state[data-v-7e8fd329]{text-align:center;color:#94a3b8;background:#fff;border:1px solid #edf0f3;border-radius:12px;padding:36px 16px}.empty-icon[data-v-7e8fd329]{opacity:.5;margin:0 auto 10px}.empty-title[data-v-7e8fd329]{color:#475569;font-size:13.5px;font-weight:700}.empty-sub[data-v-7e8fd329]{margin-top:4px;font-size:11.5px}.loading-state[data-v-7e8fd329]{text-align:center;color:#8a9bac;padding:40px 16px;font-size:12.5px}.spinner[data-v-7e8fd329]{border:3px solid #e2e8f0;border-top-color:#143b32;border-radius:50%;width:28px;height:28px;margin:0 auto 10px;animation:.7s linear infinite spin-7e8fd329}@keyframes spin-7e8fd329{to{transform:rotate(360deg)}}.fade-in[data-v-7e8fd329]{animation:.25s ease-out fadeIn-7e8fd329}@keyframes fadeIn-7e8fd329{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.nilai-container[data-v-7e8fd329]{padding:12px}.page-title[data-v-7e8fd329]{font-size:16px}.grade-inputs-grid[data-v-7e8fd329]{grid-template-columns:repeat(3,1fr)}.filter-trigger[data-v-7e8fd329]{padding:5px 8px;font-size:12px}.agenda-title[data-v-7e8fd329]{font-size:13px}}.searchable-select-wrap[data-v-df2b51fa]{width:100%;position:relative}.input-container[data-v-df2b51fa]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;transition:all .15s;display:flex;position:relative}.input-container.is-open[data-v-df2b51fa]{border-color:#143b32;box-shadow:0 0 0 2px #143b3226}.input-container.is-disabled[data-v-df2b51fa]{cursor:not-allowed;opacity:.7;background:#f1f5f9}.select-input[data-v-df2b51fa]{color:#0f172a;box-sizing:border-box;background:0 0;border:none;border-radius:8px;outline:none;width:100%;padding:8px 32px 8px 10px;font-size:12.5px}.select-input[data-v-df2b51fa]::placeholder{color:#94a3b8}.trailing-icon[data-v-df2b51fa]{color:#64748b;pointer-events:none;align-items:center;display:flex;position:absolute;right:10px}.chevron-icon[data-v-df2b51fa]{transition:transform .2s}.rotate-180[data-v-df2b51fa]{transform:rotate(180deg)}.dropdown-panel[data-v-df2b51fa]{z-index:1050;background:#fff;border:1px solid #cbd5e1;border-radius:10px;max-height:220px;animation:.15s ease-out fadeIn-df2b51fa;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #00000026}@keyframes fadeIn-df2b51fa{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.options-list[data-v-df2b51fa]{padding:4px}.option-item[data-v-df2b51fa]{color:#1e293b;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12.5px;transition:background .12s;display:flex}.option-item[data-v-df2b51fa]:hover,.option-item.is-highlighted[data-v-df2b51fa]{color:#143b32;background:#e8ede9}.option-item.is-selected[data-v-df2b51fa]{color:#fff;background:#143b32;font-weight:600}.option-label[data-v-df2b51fa]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.check-icon[data-v-df2b51fa]{color:#fff;margin-left:8px}.empty-option[data-v-df2b51fa]{text-align:center;color:#94a3b8;padding:12px;font-size:12px}.tahfidz-page[data-v-8c091057]{flex-direction:column;gap:14px;padding:0 16px 90px;display:flex}.tabs-control[data-v-8c091057]{background:#f1f5f9;border-radius:12px;padding:4px;display:flex}.tab-item[data-v-8c091057]{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.tab-item.active[data-v-8c091057]{color:#143b32;background:#fff;box-shadow:0 2px 6px #0000000f}.filter-row[data-v-8c091057]{gap:8px;display:flex}.filter-select[data-v-8c091057],.filter-date[data-v-8c091057]{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:8px 12px;font-size:12px}.filter-select[data-v-8c091057]{flex:1}.filter-date[data-v-8c091057]{width:130px}.tahfidz-stats[data-v-8c091057]{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ts-stat[data-v-8c091057]{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 8px;box-shadow:0 2px 6px #00000005}.ts-val[data-v-8c091057]{color:#1e293b;font-size:18px;font-weight:800}.ts-lbl[data-v-8c091057]{color:#64748b;margin-top:2px;font-size:10.5px}.text-green[data-v-8c091057]{color:#16a34a}.text-orange[data-v-8c091057]{color:#ea580c}.search-box[data-v-8c091057]{align-items:center;display:flex;position:relative}.search-icon[data-v-8c091057]{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.search-input[data-v-8c091057]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 14px 10px 36px;font-size:12.5px}.search-input[data-v-8c091057]:focus{border-color:#143b32}.tahfidz-list[data-v-8c091057]{flex-direction:column;gap:10px;display:flex}.tahfidz-item[data-v-8c091057]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 2px 6px #00000005}.clickable-item[data-v-8c091057]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.clickable-item[data-v-8c091057]:hover{border-color:#143b32;transform:translateY(-2px);box-shadow:0 6px 14px #143b3214}.clickable-item[data-v-8c091057]:active{transform:scale(.985)}.chevron-hint[data-v-8c091057]{color:#cbd5e1;margin-left:2px;transition:transform .2s,color .2s}.clickable-item:hover .chevron-hint[data-v-8c091057]{color:#143b32;transform:translate(3px)}.inline-chevron[data-v-8c091057]{vertical-align:middle;color:#94a3b8;margin-left:2px;display:inline-block}.avatar-ring[data-v-8c091057]{color:#143b32;background:#e8f5e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.tahfidz-info[data-v-8c091057]{flex:1}.santri-name[data-v-8c091057]{color:#1e293b;font-size:13px;font-weight:700}.setoran-detail[data-v-8c091057]{color:#1e293b;margin-top:2px;font-size:12px}.setoran-sub[data-v-8c091057]{color:#64748b;margin-top:2px;font-size:11px}.text-muted[data-v-8c091057]{color:#64748b;font-weight:400}.status-wrap[data-v-8c091057]{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.status-badge[data-v-8c091057]{border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700}.badge-green[data-v-8c091057]{color:#15803d;background:#dcfce7}.badge-yellow[data-v-8c091057]{color:#a16207;background:#fef9c3}.badge-red[data-v-8c091057]{color:#b91c1c;background:#fee2e2}.type-tag[data-v-8c091057]{color:#94a3b8;text-transform:capitalize;font-size:9.5px}.empty-state[data-v-8c091057]{text-align:center;color:#94a3b8;padding:36px 16px;font-size:13px}.rekap-container[data-v-8c091057]{flex-direction:column;gap:12px;display:flex}.rekap-summary-card[data-v-8c091057]{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;padding:14px}.rekap-title[data-v-8c091057]{color:#166534;font-size:14px;font-weight:700}.rekap-sub[data-v-8c091057]{color:#15803d;margin:2px 0 10px;font-size:11px}.progress-bar-wrap[data-v-8c091057]{align-items:center;gap:10px;display:flex}.progress-bar[data-v-8c091057]{background:#e2e8f0;border-radius:6px;flex:1;height:8px;overflow:hidden}.progress-fill[data-v-8c091057]{background:#143b32;border-radius:6px;height:100%}.progress-pct[data-v-8c091057]{color:#143b32;font-size:11px;font-weight:700}.rekap-list[data-v-8c091057]{flex-direction:column;gap:10px;display:flex}.rekap-item[data-v-8c091057]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.rekap-header[data-v-8c091057],.rekap-footer[data-v-8c091057]{justify-content:space-between;font-size:12px;display:flex}.rekap-total[data-v-8c091057]{color:#143b32;font-weight:700}.rekap-footer[data-v-8c091057]{color:#64748b;font-size:10.5px}.add-tahfidz-btn[data-v-8c091057]{color:#fff;cursor:pointer;background:#143b32;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:8px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #143b3240}.add-tahfidz-btn[data-v-8c091057]:active{transform:scale(.98)}.modal-backdrop[data-v-8c091057]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet[data-v-8c091057]{background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;width:100%;max-width:500px;max-height:92vh;padding:20px;animation:.25s ease-out slideUp-8c091057;overflow-y:auto;box-shadow:0 -8px 24px #00000026}@keyframes slideUp-8c091057{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header[data-v-8c091057]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:10px;display:flex}.sheet-header h3[data-v-8c091057]{color:#1e293b;margin:0;font-size:15px;font-weight:700}.sheet-sub[data-v-8c091057]{color:#64748b;margin-top:2px;font-size:11px}.close-btn[data-v-8c091057]{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.sheet-form[data-v-8c091057]{flex-direction:column;gap:12px;display:flex}.form-group[data-v-8c091057]{flex-direction:column;gap:4px;display:flex}.form-group label[data-v-8c091057]{color:#475569;font-size:11px;font-weight:600}.req[data-v-8c091057]{color:#dc2626}.section-card[data-v-8c091057]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}.section-badge[data-v-8c091057]{color:#143b32;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:10px;font-weight:700}.section-header-row[data-v-8c091057]{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.rentang-pill-btn[data-v-8c091057]{letter-spacing:.5px;text-transform:uppercase;color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;transition:all .18s;display:inline-flex}.rentang-pill-btn[data-v-8c091057]:hover{color:#143b32;border-color:#143b32}.rentang-pill-btn.active[data-v-8c091057]{color:#fff;background:#143b32;border-color:#143b32;box-shadow:0 2px 6px #143b3233}.check-icon-mini[data-v-8c091057]{stroke-width:3px}.form-row-surah[data-v-8c091057]{gap:10px;display:flex}.flex-2[data-v-8c091057]{flex:2}.flex-1[data-v-8c091057]{flex:1}.field-hint[data-v-8c091057]{color:#94a3b8;margin-top:2px;font-size:9.5px}.form-row-2[data-v-8c091057]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-input[data-v-8c091057],.form-select[data-v-8c091057]{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:12.5px}.form-input[data-v-8c091057]:focus,.form-select[data-v-8c091057]:focus{border-color:#143b32}.summary-card[data-v-8c091057]{background:#f8faf9;border:1px solid #d1e0d7;border-radius:14px;padding:12px 14px}.summary-header[data-v-8c091057]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.summary-title-wrap[data-v-8c091057]{color:#143b32;align-items:center;gap:6px;display:flex}.summary-icon[data-v-8c091057]{color:#143b32}.summary-title[data-v-8c091057]{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.badge-surah-count[data-v-8c091057]{color:#143b32;background:#e8ede9;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.summary-body[data-v-8c091057]{margin-bottom:10px}.summary-surah-name[data-v-8c091057]{color:#0f172a;font-size:14px;font-weight:700;line-height:1.2}.summary-ayat-range[data-v-8c091057]{color:#64748b;margin-top:2px;font-size:11.5px}.summary-metrics-grid[data-v-8c091057]{grid-template-columns:1fr 1.3fr;gap:8px;display:grid}.metric-box[data-v-8c091057]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px}.metric-label[data-v-8c091057]{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:9.5px;font-weight:600}.metric-value[data-v-8c091057]{color:#143b32;margin-top:2px;font-size:12px;font-weight:700}.surah-chips-wrap[data-v-8c091057]{border-top:1px dashed #d1e0d7;margin-top:10px;padding-top:8px}.chips-header-row[data-v-8c091057]{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.chips-title[data-v-8c091057]{color:#143b32;font-size:11px;font-weight:700}.chips-count-badge[data-v-8c091057]{color:#143b32;background:#e8ede9;border-radius:8px;padding:2px 7px;font-size:9.5px;font-weight:700}.chips-list[data-v-8c091057]{color:#475569;flex-wrap:wrap;gap:4px;max-height:75px;font-size:11px;line-height:1.6;display:flex;overflow-y:auto}.surah-chip[data-v-8c091057]{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:2px;padding:2px 6px;font-size:10.5px;transition:all .15s;display:inline-flex}.surah-chip[data-v-8c091057]:hover{color:#143b32;background:#f0fdf4;border-color:#86efac}.chip-number[data-v-8c091057]{color:#94a3b8;font-size:9.5px;font-weight:600}.chip-name[data-v-8c091057]{font-weight:600}.chip-sep[data-v-8c091057]{display:none}.sheet-actions[data-v-8c091057]{gap:10px;margin-top:8px;display:flex}.btn-cancel[data-v-8c091057]{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex:1;height:42px;font-size:13px;font-weight:600}.btn-submit[data-v-8c091057]{color:#fff;cursor:pointer;background:#143b32;border:none;border-radius:10px;flex:2;height:42px;font-size:13px;font-weight:700}.btn-submit[data-v-8c091057]:disabled{opacity:.6;cursor:not-allowed}.top-nav-bar[data-v-8c091057]{z-index:40;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;margin:0 -16px 2px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.nav-back-btn[data-v-8c091057]{color:#64748b;cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,transform .2s;display:flex}.nav-back-btn[data-v-8c091057]:hover{color:#1e293b;background:0 0;transform:translate(-3px)}.nav-action-btn[data-v-8c091057]{color:#143b32;cursor:pointer;background:#143b3214;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s ease-in-out;display:flex}.nav-action-btn[data-v-8c091057]:hover{background:#143b3224}.nav-title-wrap[data-v-8c091057]{text-align:center;flex:1}.nav-title-wrap h2[data-v-8c091057]{color:#143b32;margin:0;font-size:15px;font-weight:700;line-height:1.2}.nav-subtitle[data-v-8c091057]{color:#64748b;margin-top:2px;font-size:11px;display:block}.input-mode-tabs-wrap[data-v-8c091057]{margin-bottom:4px}.input-mode-tabs[data-v-8c091057]{background:#f1f5f9;border-radius:12px;gap:4px;padding:3px;display:flex}.mode-tab-btn[data-v-8c091057]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.mode-tab-btn[data-v-8c091057]:hover{color:#143b32}.mode-tab-btn.active[data-v-8c091057]{color:#143b32;background:#fff;box-shadow:0 2px 6px #143b3214}.juz-mode-card[data-v-8c091057]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.juz-scope-toggle[data-v-8c091057]{flex-wrap:wrap;gap:4px;display:flex}.scope-pill-btn[data-v-8c091057]{letter-spacing:.3px;text-transform:uppercase;color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:3px 8px;font-size:9.5px;font-weight:700;transition:all .15s}.scope-pill-btn[data-v-8c091057]:hover{color:#143b32;border-color:#143b32}.scope-pill-btn.active[data-v-8c091057]{color:#fff;background:#143b32;border-color:#143b32;box-shadow:0 2px 5px #143b322e}.juz-preview-hint[data-v-8c091057]{color:#475569;background:#f1f5f9;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:10.5px;line-height:1.35;display:flex}.hint-icon[data-v-8c091057]{color:#143b32;flex-shrink:0}.notion-jurnal-page[data-v-b48116cf]{box-sizing:border-box;max-width:780px;min-height:100vh;margin:0 auto;padding:0 16px 28px}.page-top-bar[data-v-b48116cf]{z-index:40;border-bottom:1px solid var(--border-light,#e2e8f0);background:#fff;justify-content:space-between;align-items:center;margin:0 -16px 16px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.header-left[data-v-b48116cf]{align-items:center;gap:12px;display:flex}.back-btn[data-v-b48116cf]{width:36px;height:36px;color:var(--text,#1e293b);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.back-btn[data-v-b48116cf]:hover{background:#f1f5f9}.title-wrap[data-v-b48116cf]{flex-direction:column;display:flex}.page-title[data-v-b48116cf]{color:#143b32;margin:0;font-size:18px;font-weight:800;line-height:1.2}.page-sub[data-v-b48116cf]{color:#64748b;margin-top:2px;font-size:11.5px}.top-add-btn[data-v-b48116cf]{color:#fff;cursor:pointer;background:#143b32;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:background .15s;display:flex}.top-add-btn[data-v-b48116cf]:hover{background:#0e2923}.jadwal-context-card[data-v-b48116cf]{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px solid #bbf7d0;border-radius:12px;margin-bottom:16px;padding:12px 14px;box-shadow:0 1px 3px #1665340a}.jc-header[data-v-b48116cf]{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.jc-tag[data-v-b48116cf]{text-transform:uppercase;letter-spacing:.5px;color:#166534;background:#dcfce7;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.jc-clear-btn[data-v-b48116cf]{color:#15803d;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.jc-title[data-v-b48116cf]{color:#14532d;font-size:14px;font-weight:700}.jc-meta[data-v-b48116cf]{color:#166534;align-items:center;gap:10px;margin-top:4px;font-size:11.5px;display:flex}.jc-actions[data-v-b48116cf]{border-top:1px dashed #16653426;margin-top:10px;padding-top:8px}.btn-outline-success[data-v-b48116cf]{color:#166534;cursor:pointer;background:#fff;border:1px solid #86efac;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.btn-outline-success[data-v-b48116cf]:hover{background:#dcfce7}.notion-filter-section[data-v-b48116cf]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px;display:flex}.search-bar-wrap[data-v-b48116cf]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;height:38px;padding:0 10px;transition:border-color .15s;display:flex}.search-bar-wrap[data-v-b48116cf]:focus-within{border-color:#143b32;box-shadow:0 0 0 2px #143b3214}.search-icon[data-v-b48116cf]{color:#94a3b8;margin-right:8px}.search-input[data-v-b48116cf]{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:13px}.btn-clear-search[data-v-b48116cf]{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px}.filter-controls-row[data-v-b48116cf]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pill-select[data-v-b48116cf],.filter-pill-date[data-v-b48116cf]{background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.pill-icon[data-v-b48116cf]{color:#64748b}.pill-dropdown[data-v-b48116cf],.date-picker-input[data-v-b48116cf]{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-size:12px;font-weight:500}.btn-clear-date[data-v-b48116cf]{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:1px}.btn-reset-filters[data-v-b48116cf]{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-size:11.5px;font-weight:600;display:flex}.btn-reset-filters[data-v-b48116cf]:hover{background:#fca5a5}.period-tabs-nav[data-v-b48116cf]{gap:6px;padding-top:4px;display:flex;overflow-x:auto}.period-tab-btn[data-v-b48116cf]{color:#475569;cursor:pointer;white-space:nowrap;background:#e2e8f0;border:1px solid #0000;border-radius:6px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .15s}.period-tab-btn.active[data-v-b48116cf]{color:#fff;background:#143b32}.results-header[data-v-b48116cf]{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.results-count[data-v-b48116cf]{color:#64748b;font-size:12px}.results-period-badge[data-v-b48116cf]{color:#143b32;background:#e8ede9;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600}.jurnal-cards-list[data-v-b48116cf]{flex-direction:column;gap:14px;display:flex}.notion-jurnal-card[data-v-b48116cf]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s;box-shadow:0 1px 3px #0000000a}.notion-jurnal-card[data-v-b48116cf]:hover{border-color:#cbd5e1;transform:translateY(-1.5px);box-shadow:0 4px 14px #0000000f}.notion-jurnal-card.highlighted[data-v-b48116cf]{background:#fdfefe;border-color:#86efac}.nj-header[data-v-b48116cf]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.nj-topic-title[data-v-b48116cf]{color:#0f172a;margin:0 0 6px;font-size:15.5px;font-weight:700;line-height:1.3}.nj-tags-row[data-v-b48116cf]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-pill[data-v-b48116cf]{border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.mapel-pill[data-v-b48116cf]{color:#1d4ed8;background:#eff6ff}.kelas-pill[data-v-b48116cf]{color:#15803d;background:#f0fdf4}.session-pill[data-v-b48116cf]{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.badge-green[data-v-b48116cf]{color:#03543f;background:#def7ec;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.nj-content-preview[data-v-b48116cf]{background:#f8fafc;border-left:3px solid #143b32;border-radius:8px;margin-top:12px;padding:10px 12px}.preview-label[data-v-b48116cf]{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:4px;font-size:10.5px;font-weight:700}.rich-html-rendered[data-v-b48116cf]{color:#334155;text-overflow:ellipsis;max-height:110px;font-size:13px;line-height:1.55;overflow:hidden}.rich-html-rendered h2[data-v-b48116cf]{color:#0f172a;margin:4px 0;font-size:13.5px;font-weight:700}.rich-html-rendered ul[data-v-b48116cf]{margin:4px 0;padding-left:18px}.nj-attachments-strip[data-v-b48116cf]{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.att-strip-label[data-v-b48116cf]{color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.att-chips-list[data-v-b48116cf]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.att-chip[data-v-b48116cf]{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:500;display:inline-flex}.chip-name[data-v-b48116cf]{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.nj-card-footer[data-v-b48116cf]{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.nj-date-info[data-v-b48116cf]{color:#64748b;align-items:center;gap:5px;font-size:11.5px;display:flex}.btn-edit-link[data-v-b48116cf]{color:#143b32;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;font-weight:600;display:flex}.btn-edit-link[data-v-b48116cf]:hover{background:#e8ede9}.empty-state-card[data-v-b48116cf]{text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;padding:40px 20px}.empty-icon[data-v-b48116cf]{color:#94a3b8;margin-bottom:10px}.empty-title[data-v-b48116cf]{color:#1e293b;margin:0 0 4px;font-size:15px;font-weight:700}.empty-sub[data-v-b48116cf]{color:#64748b;margin:0 0 16px;font-size:12.5px}.empty-actions[data-v-b48116cf]{justify-content:center;align-items:center;gap:10px;display:flex}.loading-state[data-v-b48116cf]{text-align:center;color:#64748b;padding:30px;font-size:13px}.spinner[data-v-b48116cf]{border:3px solid #e2e8f0;border-top-color:#143b32;border-radius:50%;width:28px;height:28px;margin:0 auto 10px;animation:.8s linear infinite spin-b48116cf}@keyframes spin-b48116cf{to{transform:rotate(360deg)}}@media (width<=640px){.notion-jurnal-page[data-v-b48116cf]{padding:12px 10px 90px}.page-title[data-v-b48116cf]{font-size:16px}}.notion-form-page[data-v-cf6ade74]{background:#fff;flex-direction:column;min-height:100vh;display:flex}.form-header[data-v-cf6ade74]{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.header-left[data-v-cf6ade74]{align-items:center;gap:12px;display:flex}.btn-back[data-v-cf6ade74]{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.btn-back[data-v-cf6ade74]:hover{background:#f1f5f9}.breadcrumb[data-v-cf6ade74]{align-items:center;gap:6px;font-size:13px;display:flex}.bc-parent[data-v-cf6ade74]{color:#64748b;cursor:pointer;font-weight:500}.bc-parent[data-v-cf6ade74]:hover{color:#143b32;text-decoration:underline}.bc-sep[data-v-cf6ade74]{color:#cbd5e1}.bc-current[data-v-cf6ade74]{color:#0f172a;font-weight:600}.header-right[data-v-cf6ade74]{align-items:center;gap:14px;display:flex}.draft-indicator[data-v-cf6ade74]{color:#64748b;align-items:center;gap:5px;font-size:11.5px;display:flex}.btn-save[data-v-cf6ade74]{color:#fff;cursor:pointer;background:#143b32;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.btn-save[data-v-cf6ade74]:hover:not(:disabled){background:#0e2923}.btn-save[data-v-cf6ade74]:disabled{opacity:.55;cursor:not-allowed}.notif-banner[data-v-cf6ade74]{text-align:center;padding:10px 16px;font-size:12.5px;font-weight:500}.notif-banner.success[data-v-cf6ade74]{color:#03543f;background:#def7ec}.notif-banner.danger[data-v-cf6ade74]{color:#9b1c1c;background:#fde8e8}.document-canvas[data-v-cf6ade74]{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:28px 24px 80px;display:flex}.title-container[data-v-cf6ade74]{margin-bottom:20px}.notion-title-input[data-v-cf6ade74]{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:4px 0;font-size:26px;font-weight:800;line-height:1.25}.notion-title-input[data-v-cf6ade74]::placeholder{color:#94a3b8;font-weight:700}.properties-panel[data-v-cf6ade74]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:24px;padding:12px 14px;display:flex}.property-row[data-v-cf6ade74]{align-items:center;min-height:32px;display:flex}.prop-label[data-v-cf6ade74]{color:#64748b;flex-shrink:0;align-items:center;gap:7px;width:140px;font-size:12px;font-weight:500;display:flex}.prop-value[data-v-cf6ade74]{flex:1}.prop-select[data-v-cf6ade74],.prop-input-date[data-v-cf6ade74]{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;max-width:320px;padding:6px 10px;font-size:12.5px;transition:border-color .15s}.prop-select[data-v-cf6ade74]:focus,.prop-input-date[data-v-cf6ade74]:focus{border-color:#143b32}.canvas-divider[data-v-cf6ade74]{background:#f1f5f9;height:1px;margin:12px 0 24px}.editor-section[data-v-cf6ade74]{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.section-label-row[data-v-cf6ade74]{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.editor-title-label[data-v-cf6ade74]{color:#1e293b;font-size:14px;font-weight:700}.editor-hint[data-v-cf6ade74]{color:#94a3b8;font-size:11px}.notion-toolbar[data-v-cf6ade74]{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex;position:sticky;top:58px;box-shadow:0 2px 8px #0000000a}.toolbar-group[data-v-cf6ade74]{align-items:center;gap:2px;display:flex}.toolbar-divider[data-v-cf6ade74]{background:#e2e8f0;width:1px;height:18px;margin:0 4px}.tool-btn[data-v-cf6ade74]{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:28px;font-size:12px;transition:background .15s;display:flex}.tool-btn[data-v-cf6ade74]:hover{color:#0f172a;background:#f1f5f9}.heading-btn[data-v-cf6ade74]{width:28px;font-size:11px;font-weight:700}.btn-attach[data-v-cf6ade74]{color:#166534;background:#f0fdf4;gap:4px;width:auto;padding:0 8px;font-size:11.5px;font-weight:600}.btn-attach[data-v-cf6ade74]:hover{background:#dcfce7}.notion-editable-area[data-v-cf6ade74]{color:#1e293b;background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;outline:none;min-height:220px;padding:16px;font-size:14.5px;line-height:1.7;transition:all .15s}.notion-editable-area[data-v-cf6ade74]:focus{background:#fff;border-color:#143b32;box-shadow:0 0 0 3px #143b320f}.notion-editable-area[data-v-cf6ade74]:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none;font-style:normal}.attachments-section[data-v-cf6ade74]{border-top:1px dashed #e2e8f0;flex-direction:column;gap:12px;padding-top:24px;display:flex}.attach-header[data-v-cf6ade74]{justify-content:space-between;align-items:center;display:flex}.attach-title[data-v-cf6ade74]{color:#1e293b;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.btn-add-file[data-v-cf6ade74]{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.btn-add-file[data-v-cf6ade74]:hover{background:#e2e8f0}.hidden-file-input[data-v-cf6ade74]{display:none}.dropzone-box[data-v-cf6ade74]{text-align:center;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;padding:24px;transition:all .15s}.dropzone-box[data-v-cf6ade74]:hover{background:#f0fdf4;border-color:#143b32}.dropzone-icon[data-v-cf6ade74]{color:#64748b;margin-bottom:6px}.dropzone-text[data-v-cf6ade74]{color:#334155;font-size:13px;font-weight:600}.dropzone-sub[data-v-cf6ade74]{color:#94a3b8;margin-top:2px;font-size:11.5px}.attachments-grid[data-v-cf6ade74]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.attachment-card[data-v-cf6ade74]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.image-preview-wrap[data-v-cf6ade74]{background:#f1f5f9;border-radius:6px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.att-thumb-img[data-v-cf6ade74]{object-fit:cover;width:100%;height:100%}.img-overlay[data-v-cf6ade74]{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.image-preview-wrap:hover .img-overlay[data-v-cf6ade74]{opacity:1}.overlay-action[data-v-cf6ade74]{color:#fff}.doc-icon-wrap[data-v-cf6ade74]{background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.att-info[data-v-cf6ade74]{flex:1;min-width:0}.att-name[data-v-cf6ade74]{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.att-size[data-v-cf6ade74]{color:#64748b;margin-top:2px;font-size:10.5px}.btn-remove-att[data-v-cf6ade74]{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.btn-remove-att[data-v-cf6ade74]:hover{background:#fecaca}@media (width<=640px){.document-canvas[data-v-cf6ade74]{padding:18px 14px 70px}.notion-title-input[data-v-cf6ade74]{font-size:21px}.prop-label[data-v-cf6ade74]{width:110px;font-size:11px}}.mutabaah-container[data-v-841a41b3]{box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:0 14px 28px}.top-nav-row[data-v-841a41b3]{z-index:40;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:12px;margin:0 -14px 14px;padding:14px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.page-title[data-v-841a41b3]{color:#143b32;margin:0;font-size:16px;font-weight:700;line-height:1.25}.page-sub[data-v-841a41b3]{color:#64748b;margin-top:2px;font-size:11.5px}.filter-row[data-v-841a41b3]{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:12px;display:grid}.filter-col[data-v-841a41b3]{flex-direction:column;gap:4px;min-width:0;display:flex}.filter-label[data-v-841a41b3]{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.form-select[data-v-841a41b3],.form-input[data-v-841a41b3]{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:8px;font-family:inherit;font-size:12px}input[type=date].form-input[data-v-841a41b3]{appearance:none}.form-select[data-v-841a41b3]:focus,.form-input[data-v-841a41b3]:focus{border-color:#143b32;outline:none;box-shadow:0 0 0 2px #143b321a}.alert-box[data-v-841a41b3]{border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.alert-success[data-v-841a41b3]{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.alert-error[data-v-841a41b3]{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.mut-stats[data-v-841a41b3]{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-bottom:14px;display:grid}.stat-card[data-v-841a41b3]{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:0;padding:8px 6px;transition:all .15s}.stat-card[data-v-841a41b3]:hover{transform:translateY(-1px)}.stat-card.active[data-v-841a41b3]{border-color:#143b32;box-shadow:0 0 0 2px #143b3226}.stat-card.green[data-v-841a41b3]{background:#f0fdf4;border-color:#bbf7d0}.stat-card.green .stat-val[data-v-841a41b3]{color:#047857}.stat-val[data-v-841a41b3]{color:#0f172a;font-size:18px;font-weight:800;line-height:1.2}.stat-lbl[data-v-841a41b3]{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;font-weight:600;overflow:hidden}.list-header[data-v-841a41b3]{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:8px;display:flex}.section-title[data-v-841a41b3]{color:#0f172a;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:800}.search-box[data-v-841a41b3]{flex:1;min-width:0;position:relative}.search-icon[data-v-841a41b3]{color:#94a3b8;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.search-input[data-v-841a41b3]{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-width:0;padding:6px 10px 6px 28px;font-size:12px}@media (width<=480px){.list-header[data-v-841a41b3]{flex-direction:column;align-items:stretch;gap:8px}.search-box[data-v-841a41b3]{width:100%}}.filter-chips-row[data-v-841a41b3]{align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex;overflow-x:auto}.chip-pill[data-v-841a41b3]{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.chip-pill[data-v-841a41b3]:hover{background:#f8fafc;border-color:#cbd5e1}.chip-pill.active[data-v-841a41b3]{color:#fff;background:#143b32;border-color:#143b32}.dot-indicator[data-v-841a41b3]{border-radius:50%;width:6px;height:6px}.dot-indicator.green[data-v-841a41b3]{background:#10b981}.dot-indicator.gray[data-v-841a41b3]{background:#94a3b8}.chip-pill.active .dot-indicator[data-v-841a41b3]{background:#fff}.santri-mut-list[data-v-841a41b3]{flex-direction:column;gap:8px;display:flex}.santri-mut-card[data-v-841a41b3]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;transition:all .15s}.santri-mut-card[data-v-841a41b3]:hover{border-color:#cbd5e1}.santri-mut-card.is-complete[data-v-841a41b3]{background:#fafdfb;border-color:#a7f3d0}.mut-card-top[data-v-841a41b3]{align-items:center;gap:10px;margin-bottom:8px;display:flex}.santri-avatar[data-v-841a41b3]{color:#334155;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.santri-avatar.complete[data-v-841a41b3]{color:#047857;background:#ecfdf5;border:1.5px solid #a7f3d0}.santri-details[data-v-841a41b3]{flex:1;min-width:0}.name-badge-row[data-v-841a41b3]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.santri-name[data-v-841a41b3]{color:#0f172a;font-size:13px;font-weight:700}.badge-ratio[data-v-841a41b3]{border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.3}.badge-ratio.green[data-v-841a41b3]{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-ratio.neutral[data-v-841a41b3]{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;font-weight:600}.santri-meta[data-v-841a41b3]{color:#64748b;margin-top:1px;font-size:11px}.prayer-indicators[data-v-841a41b3]{flex-wrap:wrap;gap:4px;display:flex}.indicator-pill[data-v-841a41b3]{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:2px 6px;font-size:9.5px;font-weight:700}.indicator-pill.active[data-v-841a41b3]{color:#fff;background:#334155;border-color:#334155}.indicator-pill.complete-active[data-v-841a41b3]{color:#fff;background:#047857;border-color:#047857}.btn[data-v-841a41b3]{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-sm[data-v-841a41b3]{padding:4px 8px;font-size:11px}.btn-outline[data-v-841a41b3]{color:#334155;background:#fff;border:1px solid #cbd5e1}.btn-outline[data-v-841a41b3]:hover{color:#143b32;border-color:#143b32}.btn-primary[data-v-841a41b3]{color:#fff;background:#143b32}.btn-primary[data-v-841a41b3]:hover{background:#0f2e27}.btn-secondary[data-v-841a41b3]{color:#475569;background:#f1f5f9}.btn-secondary[data-v-841a41b3]:hover{background:#e2e8f0}.empty-state[data-v-841a41b3]{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:30px 16px}.empty-icon[data-v-841a41b3]{color:#94a3b8;margin-bottom:4px}.empty-title[data-v-841a41b3]{color:#475569;font-size:13px;font-weight:600}.modal-overlay[data-v-841a41b3]{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-card[data-v-841a41b3]{background:#fff;border-radius:18px 18px 0 0;width:100%;max-width:500px;max-height:88vh;padding:16px 18px 24px;animation:.2s cubic-bezier(.16,1,.3,1) slideUp-841a41b3;overflow-y:auto;box-shadow:0 -8px 25px #0000002e}@keyframes slideUp-841a41b3{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header[data-v-841a41b3]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:8px;display:flex}.modal-title[data-v-841a41b3]{color:#0f172a;margin:0;font-size:15px;font-weight:800}.modal-sub[data-v-841a41b3]{color:#64748b;margin-top:2px;font-size:11.5px}.btn-close[data-v-841a41b3]{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;line-height:1;display:flex}.quick-toggle-bar[data-v-841a41b3]{background:#f8fafc;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:5px 10px;display:flex}.quick-toggle-lbl[data-v-841a41b3]{color:#64748b;font-size:11px;font-weight:600}.btn-text-action[data-v-841a41b3]{color:#143b32;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px;font-weight:700}.btn-text-action[data-v-841a41b3]:hover{text-decoration:underline}.sep-bullet[data-v-841a41b3]{color:#cbd5e1;font-size:10px}.completion-banner[data-v-841a41b3]{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.completion-icon-wrap[data-v-841a41b3]{color:#fff;background:#047857;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.completion-text-wrap[data-v-841a41b3]{flex:1}.completion-title[data-v-841a41b3]{color:#065f46;font-size:12.5px;font-weight:700}.progress-bar-container[data-v-841a41b3]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:6px 10px}.progress-header[data-v-841a41b3]{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;display:flex}.progress-label[data-v-841a41b3]{color:#475569;font-weight:700}.progress-count[data-v-841a41b3]{color:#64748b;font-weight:600}.progress-track[data-v-841a41b3]{background:#e2e8f0;border-radius:3px;width:100%;height:5px;overflow:hidden}.progress-fill[data-v-841a41b3]{background:#143b32;border-radius:3px;height:100%;transition:width .2s}.checklist-categories-wrap[data-v-841a41b3]{flex-direction:column;gap:12px;display:flex}.category-group-block[data-v-841a41b3]{flex-direction:column;gap:5px;display:flex}.checklist-group-title[data-v-841a41b3]{justify-content:space-between;align-items:center;padding:1px 2px;display:flex}.group-title-text[data-v-841a41b3]{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:800}.group-count-badge[data-v-841a41b3]{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:600}.checklist-grid[data-v-841a41b3]{flex-direction:column;gap:5px;display:flex}.check-item[data-v-841a41b3]{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.check-item[data-v-841a41b3]:hover{background:#fff;border-color:#94a3b8}.check-item.checked[data-v-841a41b3]{background:#ecfdf5;border-color:#047857}.hidden-check[data-v-841a41b3]{accent-color:#047857;cursor:pointer;width:16px;height:16px}.check-item-content[data-v-841a41b3]{flex:1;min-width:0}.check-item-header[data-v-841a41b3]{justify-content:space-between;align-items:center;display:flex}.check-name[data-v-841a41b3]{color:#1e293b;font-size:12.5px;font-weight:600}.check-item.checked .check-name[data-v-841a41b3]{color:#065f46}.check-short-tag[data-v-841a41b3]{color:#64748b;background:#0000000d;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:700}.check-item.checked .check-short-tag[data-v-841a41b3]{color:#047857;background:#04785726}.check-target-desc[data-v-841a41b3]{color:#64748b;margin-top:1px;font-size:10.5px;display:block}.check-item.checked .check-target-desc[data-v-841a41b3]{color:#059669}.modal-actions[data-v-841a41b3]{border-top:1px solid #f1f5f9;gap:8px;margin-top:14px;padding-top:10px;display:flex}.modal-actions .btn[data-v-841a41b3]{flex:1;justify-content:center;padding:9px}.loading-state[data-v-841a41b3]{text-align:center;color:#64748b;padding:30px;font-size:13px}.spinner[data-v-841a41b3]{border:3px solid #e2e8f0;border-top-color:#143b32;border-radius:50%;width:24px;height:24px;margin:0 auto 8px;animation:.8s linear infinite spin-841a41b3}@keyframes spin-841a41b3{to{transform:rotate(360deg)}}.pelanggaran-container[data-v-3d588132]{max-width:600px;margin:0 auto;padding:0 16px 28px}.top-nav-row[data-v-3d588132]{z-index:40;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:12px;margin:0 -16px 14px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.page-title[data-v-3d588132]{color:#143b32;margin:0;font-size:16px;font-weight:700;line-height:1.25}.page-sub[data-v-3d588132]{color:#64748b;margin-top:2px;font-size:11.5px}.tabs-nav[data-v-3d588132]{background:#e8ede9;border-radius:10px;gap:4px;margin-bottom:14px;padding:3px;display:flex}.tab-btn[data-v-3d588132]{color:#555;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s}.tab-btn.active[data-v-3d588132]{color:#143b32;background:#fff;box-shadow:0 1px 3px #00000014}.plg-stats[data-v-3d588132]{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.stat-card[data-v-3d588132]{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px}.stat-card.red[data-v-3d588132]{background:#fee2e2;border-color:#fecaca}.stat-card.red .stat-val[data-v-3d588132]{color:#b91c1c}.stat-card.orange[data-v-3d588132]{background:#fff7ed;border-color:#ffedd5}.stat-card.orange .stat-val[data-v-3d588132]{color:#c2410c}.stat-val[data-v-3d588132]{color:#1e293b;font-size:20px;font-weight:700}.stat-lbl[data-v-3d588132]{color:#64748b;margin-top:2px;font-size:10.5px;font-weight:600}.panel-header[data-v-3d588132]{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel-title[data-v-3d588132]{color:#0f172a;font-size:14px;font-weight:700}.panel-sub[data-v-3d588132]{color:#64748b;margin-top:2px;font-size:11px}.search-wrap[data-v-3d588132]{flex:1;position:relative}.search-icon[data-v-3d588132]{color:#94a3b8;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.search-input[data-v-3d588132]{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:7px 8px 7px 28px;font-size:12px}.plg-list[data-v-3d588132]{flex-direction:column;gap:8px;display:flex}.plg-card[data-v-3d588132]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.plg-card-header[data-v-3d588132]{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.santri-name[data-v-3d588132]{color:#0f172a;font-size:13.5px;font-weight:600}.plg-date[data-v-3d588132]{color:#64748b;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.inline-icon[data-v-3d588132]{vertical-align:middle}.badge-points[data-v-3d588132]{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.plg-desc[data-v-3d588132]{color:#334155;margin-bottom:6px;font-size:12.5px;line-height:1.4}.plg-action-taken[data-v-3d588132]{background:#f8fafc;border-radius:6px;gap:4px;padding:6px 10px;font-size:11.5px;display:flex}.action-lbl[data-v-3d588132]{color:#64748b;font-weight:600}.action-val[data-v-3d588132]{color:#0f172a}.santri-points-list[data-v-3d588132]{flex-direction:column;gap:8px;display:flex}.points-card[data-v-3d588132]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.avatar-circle[data-v-3d588132]{color:#143b32;background:#e8ede9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13.5px;font-weight:700;display:flex}.points-info[data-v-3d588132]{flex:1}.santri-meta[data-v-3d588132]{color:#64748b;font-size:11px}.points-badge-group[data-v-3d588132]{text-align:right}.remaining-points[data-v-3d588132]{font-size:18px;font-weight:800;line-height:1}.points-sub[data-v-3d588132]{color:#64748b;text-transform:uppercase;margin-top:2px;font-size:9.5px}.text-green[data-v-3d588132]{color:#047857}.text-yellow[data-v-3d588132]{color:#d97706}.text-red[data-v-3d588132]{color:#dc2626}.btn[data-v-3d588132]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-sm[data-v-3d588132]{padding:6px 10px;font-size:12px}.btn-primary[data-v-3d588132]{color:#fff;background:#143b32}.btn-primary[data-v-3d588132]:hover{background:#0e2923}.btn-secondary[data-v-3d588132]{color:#475569;background:#f1f5f9}.alert-box[data-v-3d588132]{border-radius:8px;margin-bottom:12px;padding:9px 12px;font-size:12px;font-weight:500}.alert-success[data-v-3d588132]{color:#03543f;background:#def7ec}.alert-error[data-v-3d588132]{color:#9b1c1c;background:#fde8e8}.loading-state[data-v-3d588132]{text-align:center;color:#64748b;padding:30px;font-size:13px}.spinner[data-v-3d588132]{border:3px solid #e2e8f0;border-top-color:#143b32;border-radius:50%;width:26px;height:26px;margin:0 auto 10px;animation:.8s linear infinite spin-3d588132}@keyframes spin-3d588132{to{transform:rotate(360deg)}}.empty-state[data-v-3d588132]{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:32px 16px}.empty-icon[data-v-3d588132]{color:#94a3b8;margin-bottom:6px}.empty-title[data-v-3d588132]{color:#334155;font-size:13.5px;font-weight:600}.empty-sub[data-v-3d588132]{color:#64748b;margin-top:2px;font-size:12px}.modal-overlay[data-v-3d588132]{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-card[data-v-3d588132]{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:90vh;padding:20px;animation:.2s ease-out slideUp-3d588132;overflow-y:auto;box-shadow:0 -4px 20px #00000026}@keyframes slideUp-3d588132{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header[data-v-3d588132]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.modal-title[data-v-3d588132]{color:#0f172a;margin:0;font-size:15px;font-weight:700}.btn-close[data-v-3d588132]{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.modal-form[data-v-3d588132]{flex-direction:column;gap:12px;display:flex}.form-group[data-v-3d588132]{flex-direction:column;gap:4px;display:flex}.form-row[data-v-3d588132]{gap:10px;display:flex}.col[data-v-3d588132]{flex:1}.form-label[data-v-3d588132]{color:#334155;font-size:11.5px;font-weight:600}.req[data-v-3d588132]{color:#dc2626}.form-select[data-v-3d588132],.form-input[data-v-3d588132],.form-textarea[data-v-3d588132]{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 10px;font-size:12.5px}.form-select[data-v-3d588132]:focus,.form-input[data-v-3d588132]:focus,.form-textarea[data-v-3d588132]:focus{background:#fff;border-color:#143b32;outline:none}.point-presets[data-v-3d588132]{flex-wrap:wrap;gap:6px;display:flex}.point-pill[data-v-3d588132]{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600}.point-pill.active[data-v-3d588132]{color:#fff;background:#b91c1c;border-color:#b91c1c}.modal-actions[data-v-3d588132]{gap:10px;margin-top:8px;display:flex}.santri-page[data-v-1c636952]{padding:0 16px 28px}.top-nav-bar[data-v-1c636952]{z-index:40;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:12px;margin:0 -16px 14px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.santri-stats[data-v-1c636952]{gap:8px;margin-bottom:4px;display:flex}.ss-stat[data-v-1c636952]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px;display:flex;box-shadow:0 1px 3px #00000008}.santri-list[data-v-1c636952]{flex-direction:column;gap:8px;display:flex}.santri-row[data-v-1c636952]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .1s;display:flex}.santri-row[data-v-1c636952]:hover{background:#f8fafc;border-color:#cbd5e1}.form-input[data-v-1c636952]{border:1px solid #cbd5e1;border-radius:8px;padding:7px 10px}.badge-green[data-v-1c636952]{color:#15803d;background:#dcfce7;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.badge-yellow[data-v-1c636952]{color:#854d0e;background:#fef9c3;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.badge-red[data-v-1c636952]{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.badge-blue[data-v-1c636952]{color:#1d4ed8;background:#dbeafe;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.badge-purple[data-v-1c636952]{color:#7e22ce;background:#f3e8ff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.profil-container[data-v-c124148f]{max-width:500px;margin:0 auto;padding:0 14px 28px}.top-nav-row[data-v-c124148f]{z-index:40;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:12px;margin:0 -14px 14px;padding:14px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.header-title[data-v-c124148f]{color:#143b32;margin:0;font-size:16px;font-weight:700;line-height:1.25}.header-subtitle[data-v-c124148f]{color:#64748b;font-size:11.5px;display:block}.profil-card[data-v-c124148f]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 14px;box-shadow:0 1px 4px #0000000a}.avatar-wrapper[data-v-c124148f]{justify-content:center;margin-bottom:10px;display:flex}.avatar-container[data-v-c124148f]{cursor:pointer;border-radius:50%;width:72px;height:72px;position:relative}.avatar-circle-lg[data-v-c124148f]{color:#fff;background:#143b32;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex;box-shadow:0 4px 10px #143b3233}.avatar-img-lg[data-v-c124148f]{object-fit:cover;border:2px solid #fff;border-radius:50%;width:72px;height:72px;display:block;box-shadow:0 4px 10px #0000001a}.avatar-camera-btn[data-v-c124148f]{color:#fff;cursor:pointer;background:#143b32;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;transition:all .15s;display:flex;position:absolute;bottom:-1px;right:-1px;box-shadow:0 2px 6px #00000040}.avatar-container:hover .avatar-camera-btn[data-v-c124148f]{background:#0b221c;transform:scale(1.1)}.hidden-avatar-input[data-v-c124148f]{display:none}.user-meta[data-v-c124148f]{text-align:center}.user-fullname[data-v-c124148f]{color:#0f172a;font-size:16.5px;font-weight:700}.user-role-label[data-v-c124148f]{color:#64748b;margin-top:2px;font-size:12px}.profil-tags[data-v-c124148f]{justify-content:center;gap:8px;margin:12px 0 16px;display:flex}.badge[data-v-c124148f]{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.badge-green[data-v-c124148f]{color:#03543f;background:#def7ec}.badge-primary[data-v-c124148f]{color:#143b32;background:#e8ede9}.profil-info[data-v-c124148f]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;margin-top:14px;padding:2px 12px;display:flex}.pi-row[data-v-c124148f]{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;font-size:12px;display:flex}.pi-row[data-v-c124148f]:last-child{border-bottom:none}.pi-lbl[data-v-c124148f]{color:#64748b;flex-shrink:0;width:110px;font-size:11.5px;font-weight:500}.pi-val[data-v-c124148f]{color:#0f172a;text-align:right;word-break:break-word;flex:1;font-size:12px;font-weight:600}.role-active-text[data-v-c124148f]{font-weight:700;color:#10b981!important}.role-sep[data-v-c124148f]{color:#0f172a;font-weight:600}.sub-label[data-v-c124148f]{color:#64748b;margin-left:4px;font-size:11px;font-weight:400}.rs-grid[data-v-c124148f]{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.rs-item[data-v-c124148f]{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 6px}.rs-val[data-v-c124148f]{color:#143b32;font-size:16px;font-weight:700}.rs-lbl[data-v-c124148f]{color:#64748b;margin-top:2px;font-size:10px;font-weight:600}.menu-list[data-v-c124148f]{flex-direction:column;gap:8px;margin-top:16px;display:flex}.menu-item[data-v-c124148f]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.menu-item[data-v-c124148f]:hover{background:#fcfcfc;border-color:#cbd5e1}.mi-icon[data-v-c124148f]{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-green[data-v-c124148f]{color:#03543f;background:#def7ec}.icon-blue[data-v-c124148f]{color:#1e429f;background:#e1effe}.icon-purple[data-v-c124148f]{color:#6b21a8;background:#f3e8ff}.icon-orange[data-v-c124148f]{color:#c2410c;background:#ffedd5}.icon-red[data-v-c124148f]{color:#b91c1c;background:#fee2e2}.menu-label[data-v-c124148f]{color:#1e293b;flex:1;font-size:13.5px;font-weight:600}.text-red[data-v-c124148f]{color:#dc2626}.arrow-icon[data-v-c124148f]{color:#94a3b8}.modal-overlay[data-v-c124148f]{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-card[data-v-c124148f]{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:90vh;padding:20px;animation:.2s ease-out slideUp-c124148f;overflow-y:auto;box-shadow:0 -4px 20px #00000026}@keyframes slideUp-c124148f{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header[data-v-c124148f]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.modal-title[data-v-c124148f]{color:#0f172a;margin:0;font-size:15px;font-weight:700}.btn-close[data-v-c124148f]{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.modal-form[data-v-c124148f]{flex-direction:column;gap:12px;display:flex}.form-group[data-v-c124148f]{flex-direction:column;gap:4px;display:flex}.form-label[data-v-c124148f]{color:#334155;font-size:11.5px;font-weight:600}.req[data-v-c124148f]{color:#dc2626}.form-input[data-v-c124148f]{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 10px;font-size:12.5px}.form-input[data-v-c124148f]:focus{background:#fff;border-color:#143b32;outline:none}.face-badge-card[data-v-c124148f]{text-align:center;background:#e8f8f0;border-radius:12px;margin-bottom:12px;padding:16px}.face-check-icon[data-v-c124148f]{color:#047857;margin-bottom:6px}.face-status-title[data-v-c124148f]{color:#047857;font-size:14.5px;font-weight:700}.face-status-desc[data-v-c124148f]{color:#065f46;margin-top:4px;font-size:11.5px;line-height:1.4}.face-meta-info[data-v-c124148f]{flex-direction:column;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.fmi-row[data-v-c124148f]{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:6px;display:flex}.settings-list[data-v-c124148f]{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.setting-row[data-v-c124148f]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.setting-title[data-v-c124148f]{color:#1e293b;font-size:13px;font-weight:600}.setting-desc[data-v-c124148f]{color:#64748b;margin-top:2px;font-size:11px}.switch-input[data-v-c124148f]{cursor:pointer;accent-color:#143b32;width:20px;height:20px}.logout-icon-wrap[data-v-c124148f]{color:#b91c1c;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:flex}.logout-desc[data-v-c124148f]{color:#64748b;margin:6px 0 0;font-size:12.5px;line-height:1.4}.modal-actions[data-v-c124148f]{gap:10px;margin-top:12px;display:flex}.btn[data-v-c124148f]{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary[data-v-c124148f]{color:#fff;background:#143b32;flex:1}.btn-primary[data-v-c124148f]:hover{background:#0e2923}.btn-secondary[data-v-c124148f]{color:#475569;background:#f1f5f9}.btn-danger[data-v-c124148f]{color:#fff;background:#dc2626}.btn-danger[data-v-c124148f]:hover{background:#b91c1c}.flex-1[data-v-c124148f]{flex:1}.w-full[data-v-c124148f]{width:100%}.alert-box[data-v-c124148f]{border-radius:8px;padding:9px 12px;font-size:12px;font-weight:500}.alert-success[data-v-c124148f]{color:#03543f;background:#def7ec}.alert-error[data-v-c124148f]{color:#9b1c1c;background:#fde8e8}.text-green-active[data-v-c124148f]{color:#10b981;font-weight:700}.role-switch-item[data-v-c124148f]{background:#f0fdfa!important;border:1px solid #ccfbf1!important}.role-switch-item[data-v-c124148f]:hover{background:#e6fffa!important}.icon-teal[data-v-c124148f]{color:#0d9488;background:#ccfbf1}.text-teal[data-v-c124148f]{color:#0d9488}.menu-sublabel[data-v-c124148f]{color:#0d9488;margin-top:2px;font-size:11px}.role-switch-list[data-v-c124148f]{flex-direction:column;gap:10px;display:flex}.role-switch-option[data-v-c124148f]{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex}.role-switch-option[data-v-c124148f]:hover{background:#f0fdfa;border-color:#0d9488}.role-switch-option.active[data-v-c124148f]{background:#f0fdf4;border-color:#143b32;box-shadow:0 0 0 1px #143b32}.rso-indicator[data-v-c124148f]{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.role-switch-option.active .rso-indicator[data-v-c124148f]{background:#143b32;border-color:#143b32}.rso-info[data-v-c124148f]{flex:1}.rso-title[data-v-c124148f]{color:#0f172a;font-size:13px;font-weight:700}.rso-desc[data-v-c124148f]{color:#64748b;margin-top:2px;font-size:11px;line-height:1.3}.rso-badge[data-v-c124148f]{color:#15803d;background:#dcfce7;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:700}.notif-page[data-v-9e37d068]{padding:0 16px 28px}.notif-top-bar[data-v-9e37d068]{z-index:40;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:12px;margin:0 -16px 14px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.page-title[data-v-9e37d068]{color:#143b32;margin:0;font-size:16px;font-weight:700}.page-sub[data-v-9e37d068]{color:#64748b;font-size:11.5px;display:block}.notif-list[data-v-9e37d068]{flex-direction:column;gap:8px;display:flex}.notif-card[data-v-9e37d068]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.notif-card.unread[data-v-9e37d068]{background:#f8faf9;border-left:3px solid #143b32}.notif-icon[data-v-9e37d068]{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.unread-dot[data-v-9e37d068]{background:#143b32;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.flex-1[data-v-9e37d068]{flex:1}.tahfidz-detail-page[data-v-e14176b6]{background:var(--bg,#f8fafc);flex-direction:column;gap:16px;min-height:100vh;padding:0 16px 90px;display:flex}.top-nav-bar[data-v-e14176b6]{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin:0 -16px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.nav-back-btn[data-v-e14176b6]{color:#64748b;cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,transform .2s;display:flex}.nav-back-btn[data-v-e14176b6]:hover{color:#1e293b;background:0 0;transform:translate(-3px)}.nav-action-btn[data-v-e14176b6]{border:1px solid var(--border-light,#e2e8f0);width:36px;height:36px;color:var(--text,#1e293b);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s ease-in-out;display:flex}.nav-action-btn[data-v-e14176b6]:hover{background:#f8fafc;border-color:#cbd5e1}.nav-title-wrap[data-v-e14176b6]{flex:1}.nav-title-wrap h2[data-v-e14176b6]{color:var(--text,#0f172a);margin:0;font-size:16px;font-weight:700;line-height:1.2}.nav-subtitle[data-v-e14176b6]{color:var(--text-muted,#64748b);font-size:12px}.santri-hero-card[data-v-e14176b6]{color:#fff;background:#143b32;border:1px solid #ffffff1a;border-radius:16px;padding:18px;box-shadow:0 4px 20px #143b321f}.hero-header[data-v-e14176b6]{align-items:center;gap:14px;margin-bottom:16px;display:flex}.avatar-circle[data-v-e14176b6]{color:#fff;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:800;display:flex}.hero-info[data-v-e14176b6]{flex:1}.hero-name[data-v-e14176b6]{letter-spacing:-.2px;font-size:17px;font-weight:700}.hero-meta[data-v-e14176b6]{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.meta-pill[data-v-e14176b6]{background:#ffffff1f;border-radius:10px;padding:2px 8px;font-size:11px}.class-pill[data-v-e14176b6]{background:#27ae6059;font-weight:600}.hero-nis[data-v-e14176b6]{color:#ffffffb3;margin-top:4px;font-size:11px}.hero-metrics-grid[data-v-e14176b6]{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.metric-item[data-v-e14176b6]{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.metric-value[data-v-e14176b6]{color:#fff;font-size:15.5px;font-weight:800;line-height:1.1}.metric-value .unit[data-v-e14176b6]{opacity:.85;font-size:11px;font-weight:500}.metric-label[data-v-e14176b6]{color:#ffffffbf;margin-top:3px;font-size:10px}.metric-divider[data-v-e14176b6]{background:#ffffff1f;width:1px;height:24px}.streak-card[data-v-e14176b6]{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 1px 4px #00000008}.streak-icon-wrap[data-v-e14176b6]{background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.streak-2d-flame[data-v-e14176b6]{color:#d97706}.streak-content[data-v-e14176b6]{flex:1}.streak-top-row[data-v-e14176b6]{justify-content:space-between;align-items:center;display:flex}.streak-month-label[data-v-e14176b6]{color:var(--text-muted,#64748b);font-size:11px;font-weight:600}.streak-number[data-v-e14176b6]{color:#0f172a;margin-top:1px;font-size:17px;font-weight:800}.streak-footer-stats[data-v-e14176b6]{color:var(--text,#334155);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:11.5px;display:flex}.streak-sub-stat[data-v-e14176b6]{align-items:center;gap:4px;display:flex}.text-amber[data-v-e14176b6]{color:#d97706!important}.text-primary-sub[data-v-e14176b6]{color:#143b32!important}.chart-card[data-v-e14176b6]{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:16px;padding:16px}.chart-header[data-v-e14176b6]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.chart-title-wrap[data-v-e14176b6]{align-items:center;gap:8px;display:flex}.chart-title[data-v-e14176b6]{color:var(--text,#0f172a);font-size:14.5px;font-weight:700}.chart-period-badge[data-v-e14176b6]{color:#143b32;letter-spacing:.2px;background:#e8f5e9;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.metric-kelancaran[data-v-e14176b6]{white-space:nowrap;font-weight:700;font-size:14px!important}.filter-segmented[data-v-e14176b6]{background:#f1f5f9;border-radius:8px;padding:3px;display:flex}.seg-btn[data-v-e14176b6]{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 14px;font-size:11.5px;font-weight:600;transition:all .2s}.seg-btn.active[data-v-e14176b6]{color:#143b32;background:#fff;box-shadow:0 1px 4px #0000000f}.svg-chart-container[data-v-e14176b6]{width:100%;height:195px;margin-top:4px;position:relative}.line-chart-svg[data-v-e14176b6]{width:100%;height:100%;overflow:visible}.axis-unit-label[data-v-e14176b6]{fill:#64748b;font-size:9.5px;font-weight:700}.axis-label-y[data-v-e14176b6]{fill:#94a3b8;font-size:9px;font-weight:500}.axis-label-x[data-v-e14176b6]{fill:#64748b;font-size:9.5px;font-weight:600}.chart-node-outer[data-v-e14176b6]{fill:#fff;stroke:#143b32;stroke-width:2px;cursor:pointer;transition:transform .2s}.chart-node-outer.active[data-v-e14176b6]{r:7.5px;stroke-width:3px}.chart-node-inner[data-v-e14176b6]{fill:#143b32;cursor:pointer}.chart-node-inner.active[data-v-e14176b6]{fill:#27ae60}.chart-tooltip-bubble[data-v-e14176b6]{color:#fff;pointer-events:none;z-index:10;background:#0f172a;border-radius:10px;max-width:190px;padding:8px 12px;font-size:11px;position:absolute;box-shadow:0 8px 20px #00000040}.tip-time[data-v-e14176b6]{color:#94a3b8;margin-bottom:2px;font-size:10px}.tip-juz[data-v-e14176b6]{align-items:center;gap:4px;font-size:12px;display:flex}.text-primary-icon[data-v-e14176b6]{color:#4ade80}.tip-surah[data-v-e14176b6]{color:#cbd5e1;margin-top:3px;font-size:10px}.tip-badge[data-v-e14176b6]{border-radius:6px;margin-top:4px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.tip-badge-green[data-v-e14176b6]{color:#4ade80;background:#22c55e33}.tip-badge-orange[data-v-e14176b6]{color:#fb923c;background:#f9731633}.chart-legend-footer[data-v-e14176b6]{color:var(--text-muted,#64748b);border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;font-size:10.5px;display:flex}.legend-item[data-v-e14176b6]{align-items:center;gap:6px;display:flex}.leg-color-bar[data-v-e14176b6]{background:#143b32;border-radius:2px;width:12px;height:3px}.history-section[data-v-e14176b6]{flex-direction:column;gap:12px;display:flex}.history-header[data-v-e14176b6]{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title[data-v-e14176b6]{color:var(--text,#0f172a);margin:0;font-size:15px;font-weight:700}.view-toggle-wrap[data-v-e14176b6]{background:#f1f5f9;border-radius:8px;padding:3px;display:flex}.view-toggle-btn[data-v-e14176b6]{width:32px;height:30px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-toggle-btn.active[data-v-e14176b6]{color:#143b32;background:#fff;box-shadow:0 1px 4px #00000014}.history-list-view[data-v-e14176b6]{flex-direction:column;gap:10px;display:flex}.empty-box[data-v-e14176b6]{color:#94a3b8;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:30px;font-size:12px;display:flex}.history-card[data-v-e14176b6]{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 4px #00000005}.history-card-top[data-v-e14176b6]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-date[data-v-e14176b6]{color:var(--text-muted,#64748b);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.date-icon[data-v-e14176b6]{color:#143b32}.status-chip[data-v-e14176b6]{border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.chip-green[data-v-e14176b6]{color:#1e8449;background:#e8f5e9}.chip-orange[data-v-e14176b6]{color:#c0392b;background:#fdedec}.history-card-body[data-v-e14176b6]{margin-bottom:8px}.surah-title[data-v-e14176b6]{color:var(--text,#0f172a);font-size:13.5px;font-weight:700}.chips-row[data-v-e14176b6]{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip-info[data-v-e14176b6]{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.type-info[data-v-e14176b6]{text-transform:capitalize;color:#7e22ce;background:#f3e8ff}.history-card-footer[data-v-e14176b6]{color:var(--text-muted,#64748b);border-top:1px solid #f8fafc;padding-top:6px;font-size:10.5px}.icon-asatidz[data-v-e14176b6]{vertical-align:middle;color:#143b32;margin-right:2px;display:inline}.calendar-view-wrap[data-v-e14176b6]{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:16px;padding:16px}.cal-nav-bar[data-v-e14176b6]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-arrow-btn[data-v-e14176b6]{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cal-month-title[data-v-e14176b6]{color:var(--text,#0f172a);font-size:14px;font-weight:700}.cal-weekdays[data-v-e14176b6]{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;display:grid}.weekday-cell[data-v-e14176b6]{color:#94a3b8;padding:4px 0;font-size:10.5px;font-weight:700}.cal-days-grid[data-v-e14176b6]{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal-day-cell[data-v-e14176b6]{aspect-ratio:1;color:#334155;cursor:pointer;background:#f8fafc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .15s;display:flex;position:relative}.cal-day-cell[data-v-e14176b6]:hover{background:#f1f5f9}.cal-day-cell.other-month[data-v-e14176b6]{color:#cbd5e1;background:0 0}.cal-day-cell.is-today[data-v-e14176b6]{border:1.5px solid #143b32}.cal-day-cell.has-setoran[data-v-e14176b6]{color:#143b32;background:#e8f5e9;font-weight:700}.cal-day-cell.is-selected[data-v-e14176b6]{outline-offset:1px;outline:2px solid #27ae60}.setoran-indicator-marker[data-v-e14176b6]{justify-content:center;align-items:center;display:flex;position:absolute;bottom:3px}.indicator-dot[data-v-e14176b6]{background:#143b32;border-radius:50%;width:4px;height:4px}.indicator-flame-icon[data-v-e14176b6]{color:#d97706}.cal-legend-bar[data-v-e14176b6]{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-around;align-items:center;margin-top:12px;padding-top:10px;font-size:10.5px;display:flex}.leg-box[data-v-e14176b6]{align-items:center;gap:5px;display:flex}.cal-dot-sample[data-v-e14176b6]{border-radius:50%;width:7px;height:7px}.cal-dot-sample.green[data-v-e14176b6]{background:#27ae60}.cal-today-sample[data-v-e14176b6]{border:1.5px solid #143b32;border-radius:50%;width:7px;height:7px}.selected-day-panel[data-v-e14176b6]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin-top:14px;padding:12px}.sel-panel-header[data-v-e14176b6]{color:#1e293b;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.sel-day-logs[data-v-e14176b6]{flex-direction:column;gap:6px;display:flex}.sel-log-item[data-v-e14176b6]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sel-surah[data-v-e14176b6]{color:#0f172a;font-size:12px;font-weight:700}.sel-range[data-v-e14176b6]{color:#64748b;margin-top:2px;font-size:10.5px}.sel-empty-notice[data-v-e14176b6]{color:#94a3b8;padding:6px 0;font-size:11.5px;font-style:italic}.fade-in[data-v-e14176b6]{animation:.2s ease-out fadeIn-e14176b6}@keyframes fadeIn-e14176b6{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.metric-clickable[data-v-e14176b6]{cursor:pointer;transition:background .15s}.metric-clickable[data-v-e14176b6]:active{background:#f1f5f9}.rincian-trigger[data-v-e14176b6]{cursor:pointer;justify-content:center;align-items:center;gap:3px;display:flex}.subpage-link[data-v-e14176b6]{color:#143b32;background:#e8f5e9;border-radius:4px;padding:1px 4px;font-size:9.5px;font-weight:700}.subpage-overlay[data-v-e14176b6]{z-index:10000;background:#f8fafc;justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden}.subpage-container[data-v-e14176b6]{background:#fff;flex-direction:column;width:100%;max-width:480px;height:100vh;display:flex}.subpage-top-nav[data-v-e14176b6]{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.subpage-back-btn[data-v-e14176b6]{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.subpage-nav-title[data-v-e14176b6]{flex:1;margin-left:12px}.subpage-nav-title h2[data-v-e14176b6]{color:#0f172a;margin:0;font-size:14px;font-weight:700}.subpage-nav-sub[data-v-e14176b6]{color:#64748b;font-size:10.5px}.subpage-badge-total[data-v-e14176b6]{color:#1b5e20;background:#e8f5e9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.subpage-scroll-body[data-v-e14176b6]{flex:1;padding:16px 16px 60px;overflow-y:auto}.subpage-cards-list[data-v-e14176b6]{flex-direction:column;gap:12px;display:flex}.subpage-juz-card[data-v-e14176b6]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;box-shadow:0 1px 3px #00000008}.subpage-juz-header[data-v-e14176b6]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.juz-pill[data-v-e14176b6]{color:#fff;background:#143b32;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:800}.status-pill[data-v-e14176b6]{border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.status-pill-green[data-v-e14176b6]{color:#2e7d32;background:#e8f5e9}.status-pill-orange[data-v-e14176b6]{color:#e65100;background:#fff3e0}.subpage-surah-rows[data-v-e14176b6]{flex-direction:column;gap:6px;display:flex}.subpage-surah-row[data-v-e14176b6]{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:4px 0;font-size:11.5px;display:flex}.subpage-surah-row[data-v-e14176b6]:last-child{border-bottom:none}.surah-title-text[data-v-e14176b6]{color:#1e293b;font-weight:600}.surah-range-tag[data-v-e14176b6]{color:#143b32;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:10px}.subpage-empty[data-v-e14176b6]{text-align:center;color:#94a3b8;padding:30px 0;font-size:12px}.asesmen-detail-page[data-v-c2c91327]{max-width:1200px;margin:0 auto;padding:0 16px 28px}.top-nav-bar[data-v-c2c91327]{z-index:40;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;margin:0 -16px 16px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.nav-title-wrap[data-v-c2c91327]{flex:1}.nav-title-wrap h2[data-v-c2c91327]{color:#143b32;margin:0;font-size:18px;font-weight:700}.nav-subtitle[data-v-c2c91327]{color:#64748b;font-size:12.5px}.meta-banner-card[data-v-c2c91327]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px;display:flex}.meta-badges-row[data-v-c2c91327]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.category-badge[data-v-c2c91327]{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.category-badge.cat-ulangan_harian[data-v-c2c91327]{color:#b45309;background:#fef3c7}.category-badge.cat-tugas[data-v-c2c91327]{color:#4338ca;background:#e0e7ff}.category-badge.cat-uts[data-v-c2c91327]{color:#b91c1c;background:#fee2e2}.category-badge.cat-uas[data-v-c2c91327]{color:#15803d;background:#dcfce7}.type-pill[data-v-c2c91327]{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.type-pill.serentak[data-v-c2c91327]{color:#a21caf;background:#fdf4ff;border:1px solid #f0abfc}.kkm-pill[data-v-c2c91327]{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.meta-details-grid[data-v-c2c91327]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.meta-detail-item[data-v-c2c91327]{flex-direction:column;display:flex}.meta-lbl[data-v-c2c91327]{color:#94a3b8;font-size:11px;font-weight:500}.meta-val[data-v-c2c91327]{color:#1e293b;font-size:13px;font-weight:600}.kpi-grid[data-v-c2c91327]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.kpi-card[data-v-c2c91327]{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.kpi-val[data-v-c2c91327]{color:#1e293b;font-size:18px;font-weight:700}.kpi-lbl[data-v-c2c91327]{color:#64748b;margin-top:2px;font-size:11px}.control-panel[data-v-c2c91327]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-input-wrap[data-v-c2c91327]{width:260px;position:relative}.search-icon[data-v-c2c91327]{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input[data-v-c2c91327]{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:7px 10px 7px 32px;font-size:12.5px}.control-right[data-v-c2c91327]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sort-label[data-v-c2c91327]{color:#64748b;font-size:11.5px;font-weight:600}.sort-pills[data-v-c2c91327]{flex-wrap:wrap;gap:6px;display:flex}.sort-pill[data-v-c2c91327]{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-size:11.5px;transition:all .15s}.sort-pill[data-v-c2c91327]:hover{background:#f8fafc;border-color:#cbd5e1}.sort-pill.active[data-v-c2c91327]{color:#fff;background:#143b32;border-color:#143b32;font-weight:600}.roster-card[data-v-c2c91327]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:60px;overflow:hidden}.roster-header-row[data-v-c2c91327]{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px}.roster-title[data-v-c2c91327]{color:#1e293b;font-size:14px;font-weight:700}.roster-note[data-v-c2c91327]{color:#64748b;margin-top:2px;font-size:11.5px}.table-responsive[data-v-c2c91327]{overflow-x:auto}.roster-table[data-v-c2c91327]{border-collapse:collapse;width:100%;font-size:12.5px}.roster-table th[data-v-c2c91327]{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-weight:600}.roster-table td[data-v-c2c91327]{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px}.santri-cell[data-v-c2c91327]{flex-direction:column;display:flex}.santri-name[data-v-c2c91327]{color:#1e293b;font-weight:600}.santri-meta[data-v-c2c91327]{color:#94a3b8;font-size:11px}.grade-num-input[data-v-c2c91327]{text-align:center;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:90px;padding:6px 8px;font-size:13px;font-weight:600}.grade-num-input[data-v-c2c91327]:focus{border-color:#143b32;box-shadow:0 0 0 2px #143b321f}.grade-num-input.input-remedial[data-v-c2c91327]{background:#fffbeb;border-color:#fde68a}.grade-num-input[data-v-c2c91327]:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.final-grade-badge[data-v-c2c91327]{text-align:center;border-radius:6px;min-width:40px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.final-grade-badge.badge-tuntas[data-v-c2c91327]{color:#15803d;background:#dcfce7}.final-grade-badge.badge-remedial[data-v-c2c91327]{color:#b91c1c;background:#fee2e2}.final-grade-badge.badge-neutral[data-v-c2c91327]{color:#94a3b8;background:#f1f5f9}.status-badge[data-v-c2c91327]{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.status-tuntas[data-v-c2c91327]{color:#15803d;background:#dcfce7}.status-badge.status-remedial[data-v-c2c91327]{color:#b91c1c;background:#fee2e2}.status-badge.status-belum[data-v-c2c91327]{color:#64748b;background:#f1f5f9}.notes-text-input[data-v-c2c91327]{border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:6px 8px;font-size:11.5px}.bottom-action-bar[data-v-c2c91327]{z-index:50;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000f}.bar-summary-text[data-v-c2c91327]{color:#475569;font-size:13px;font-weight:600}.modal-backdrop[data-v-c2c91327]{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-c2c91327]{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:20px;box-shadow:0 10px 25px #0003}.modal-header[data-v-c2c91327]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3[data-v-c2c91327]{color:#143b32;margin:0;font-size:16px;font-weight:700}.close-btn[data-v-c2c91327]{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:20px}.modal-form .form-group[data-v-c2c91327]{margin-bottom:12px}.modal-form label[data-v-c2c91327]{color:#334155;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-input[data-v-c2c91327]{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.form-row-2[data-v-c2c91327]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions[data-v-c2c91327]{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.btn[data-v-c2c91327]{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary[data-v-c2c91327]{color:#fff;background:#143b32}.btn-primary[data-v-c2c91327]:hover{background:#0e2a24}.btn-secondary[data-v-c2c91327]{color:#475569;background:#f1f5f9}.btn-ghost-sm[data-v-c2c91327]{cursor:pointer;color:#475569;background:0 0;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;display:inline-flex}.btn-ghost-sm[data-v-c2c91327]:hover{color:#143b32;background:#f8fafc}.btn-sm[data-v-c2c91327]{padding:6px 12px;font-size:12px}.btn-md[data-v-c2c91327]{padding:8px 16px;font-size:13px}.alert-box[data-v-c2c91327]{border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;display:flex}.alert-success[data-v-c2c91327]{color:#15803d;background:#dcfce7;border:1px solid #86efac}.alert-error[data-v-c2c91327]{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.text-green[data-v-c2c91327]{color:#16a34a}.text-orange[data-v-c2c91327]{color:#d97706}.text-primary[data-v-c2c91327]{color:#143b32}.text-center[data-v-c2c91327]{text-align:center}.empty-roster[data-v-c2c91327]{text-align:center;color:#94a3b8;padding:24px;font-size:13px}.santri-name-link[data-v-c2c91327]{cursor:pointer;color:#1e293b;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.santri-name-link[data-v-c2c91327]:hover{color:#2563eb;text-decoration:underline}.btn-outline-sm[data-v-c2c91327]{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .2s}.btn-outline-sm[data-v-c2c91327]:hover{color:#143b32;background:#f8fafc;border-color:#94a3b8}.mobile-app-layout[data-v-a80272de]{background:#f4f6f8;justify-content:center;min-height:100vh;display:flex}.mobile-container[data-v-a80272de]{background:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding-bottom:70px;display:flex;position:relative;box-shadow:0 0 40px #00000014}.wali-mobile-dashboard[data-v-61584506]{flex-direction:column;gap:16px;display:flex}.content-padding[data-v-61584506]{flex-direction:column;gap:18px;padding:0 16px;display:flex}.wallet-card[data-v-61584506]{background:#fff;border-radius:20px;flex-direction:column;gap:12px;margin-top:-10px;padding:16px;display:flex;box-shadow:0 4px 16px #0000000f}.wallet-top-row[data-v-61584506]{justify-content:space-between;align-items:center;display:flex}.wallet-label[data-v-61584506]{color:#2c3e50;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.status-chip[data-v-61584506]{border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700}.chip-green[data-v-61584506]{color:#1e8449;background:#e8f5e9}.wallet-amount-row[data-v-61584506]{justify-content:space-between;align-items:center;display:flex}.amount-title[data-v-61584506]{color:#7f8c8d;font-size:11px}.amount-val[data-v-61584506]{color:#2c3e50;font-size:15px;font-weight:800}.sub-text[data-v-61584506]{color:#1e8449;font-size:10px;font-weight:500}.pay-btn[data-v-61584506]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e8449 0%,#27ae60 100%);border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.section-container[data-v-61584506]{flex-direction:column;gap:12px;display:flex}.section-title[data-v-61584506]{color:#2c3e50;font-size:14px;font-weight:700}.section-header-row[data-v-61584506]{justify-content:space-between;align-items:center;display:flex}.link-text[data-v-61584506]{color:#1e8449;cursor:pointer;font-size:12px;font-weight:600}.menu-grid-4[data-v-61584506]{background:#fff;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:14px 10px;padding:16px;display:grid;box-shadow:0 2px 10px #0000000a}.child-summary-card[data-v-61584506]{background:#fff;border-radius:20px;padding:16px;box-shadow:0 2px 10px #0000000a}.card-metric-row[data-v-61584506]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric-box[data-v-61584506]{background:#f8f9fa;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.metric-icon[data-v-61584506]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.metric-val[data-v-61584506]{color:#2c3e50;font-size:14px;font-weight:800}.metric-lbl[data-v-61584506]{color:#7f8c8d;font-size:10px}.anak-top-bar[data-v-893679d6]{z-index:40;background:var(--primary-dark);padding:14px 16px;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.child-header[data-v-893679d6]{align-items:center;gap:12px;display:flex}.anak-tabs[data-v-893679d6]{border-bottom:2px solid var(--border-light);background:var(--bg);display:flex;overflow-x:auto}.anak-tab[data-v-893679d6]{color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 14px;font-size:12px;font-weight:500}.anak-tab.active[data-v-893679d6]{color:var(--primary);border-bottom-color:var(--primary)}.ring-grid[data-v-893679d6]{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ring-item[data-v-893679d6]{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:center;padding:14px}.ri-icon[data-v-893679d6]{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 8px;display:flex}.ri-val[data-v-893679d6]{color:var(--text);font-size:16px;font-weight:700}.ri-lbl[data-v-893679d6]{color:var(--text-muted);margin:2px 0 3px;font-size:10px}.nilai-list[data-v-893679d6]{flex-direction:column;gap:8px;display:flex}.nilai-row[data-v-893679d6]{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);align-items:center;gap:10px;padding:12px 14px;display:flex}.tahfidz-hero[data-v-893679d6]{text-align:center;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;padding:20px;display:flex}.rekap-tahfidz[data-v-893679d6]{flex-direction:column;gap:10px;display:flex}.rt-row[data-v-893679d6]{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);justify-content:space-between;padding:10px 14px;font-size:13px;display:flex}.kh-legend[data-v-893679d6]{flex-direction:column;gap:10px;display:flex}.khl-item[data-v-893679d6]{align-items:center;gap:10px;display:flex}.khl-dot[data-v-893679d6]{border-radius:50%;width:10px;height:10px}.ibadah-list[data-v-893679d6]{flex-direction:column;gap:8px;display:flex}.ibadah-row[data-v-893679d6]{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 14px;display:flex}.ibadah-icon[data-v-893679d6]{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.wali-infaq-page[data-v-eca9017f]{padding:0 16px 28px}.top-nav-bar[data-v-eca9017f]{z-index:40;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:12px;margin:0 -16px 14px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.infaq-hero[data-v-eca9017f]{background:#e8f5e9;border:1px solid #1e844933;border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px;display:flex}.infaq-action-row[data-v-eca9017f]{gap:10px;margin-bottom:12px;display:flex}.infaq-action-btn[data-v-eca9017f]{color:#2c3e50;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 8px;font-size:12px;font-weight:600;transition:transform .15s;display:flex;box-shadow:0 2px 8px #0000000a}.infaq-action-btn[data-v-eca9017f]:active{transform:scale(.95)}.infaq-list[data-v-eca9017f]{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.infaq-item[data-v-eca9017f]{background:#fff;border:1px solid #f0f0f0;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 2px 6px #00000008}.infaq-icon-wrap[data-v-eca9017f]{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-backdrop[data-v-eca9017f]{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card[data-v-eca9017f]{background:#fff;border-radius:16px;width:400px;max-width:90vw;padding:24px}.modal-header[data-v-eca9017f]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.close-btn[data-v-eca9017f]{cursor:pointer;background:0 0;border:none;font-size:20px}.modal-form[data-v-eca9017f]{flex-direction:column;gap:14px;display:flex}.modal-footer[data-v-eca9017f]{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.wali-notif-page[data-v-e709359f]{padding:0 16px 28px}.top-nav-bar[data-v-e709359f]{z-index:40;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:12px;margin:0 -16px 14px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.notif-list[data-v-e709359f]{flex-direction:column;gap:8px;display:flex}.notif-card[data-v-e709359f]{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:14px;display:flex}.notif-card.unread[data-v-e709359f]{border-left:3px solid var(--primary);background:var(--primary-bg)}.notif-icon[data-v-e709359f]{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.unread-dot[data-v-e709359f]{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.wali-profil-page[data-v-6fb161fd]{padding:0 16px 28px}.top-nav-bar[data-v-6fb161fd]{z-index:40;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:12px;margin:0 -16px 16px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.profil-header[data-v-6fb161fd]{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;padding:24px;display:flex}.menu-section[data-v-6fb161fd]{flex-direction:column;gap:4px;display:flex}.menu-item[data-v-6fb161fd]{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.mi-icon[data-v-6fb161fd]{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}