.auth-layout[data-v-660978d4]{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:1.5rem}.auth-card-container[data-v-660978d4]{width:100%;max-width:440px}.sidebar[data-v-b59405d2]{width:260px;height:100vh;display:flex;flex-direction:column;background:var(--bg-sidebar, #ffffff);border-radius:0;border-top:none;border-bottom:none;border-left:none;border-right:1px solid var(--border-default, #e2e8f0);transition:width .25s ease,transform .25s cubic-bezier(.16,1,.3,1);position:sticky;top:0;z-index:40;flex-shrink:0;-webkit-user-select:none;user-select:none}.sidebar.is-collapsed[data-v-b59405d2]{width:76px}.sidebar-header[data-v-b59405d2]{position:relative;padding:1.5rem 1rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(170deg,#b91c30,#94172a 45%,#70111e);border-bottom:1px solid rgba(0,0,0,.12);min-height:145px;box-sizing:border-box;transition:all .25s ease;overflow:hidden}.client-brand-box[data-v-b59405d2]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;transition:all .25s ease}.client-logo-wrapper[data-v-b59405d2]{width:76px;height:76px;border-radius:50%;background:#050505;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 4px 14px #00000073;border:2.5px solid rgba(255,255,255,.18);overflow:hidden;flex-shrink:0;transition:all .25s ease}.client-logo-img[data-v-b59405d2]{width:88%;height:88%;object-fit:contain;border-radius:50%;display:block}.client-name-box[data-v-b59405d2]{margin-top:.8rem;padding:0 .5rem;width:100%;display:flex;justify-content:center}.client-name-text[data-v-b59405d2]{font-size:.95rem;font-weight:600;color:#fff;line-height:1.35;text-align:center;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.4);word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header-actions-box[data-v-b59405d2]{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:center;gap:.35rem;z-index:10}.btn-collapse[data-v-b59405d2],.btn-close-sidebar[data-v-b59405d2]{background:#ffffff2e;border:1px solid rgba(255,255,255,.28);color:#fff;width:26px;height:26px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .2s ease;flex-shrink:0}.btn-collapse[data-v-b59405d2]:hover,.btn-close-sidebar[data-v-b59405d2]:hover{background:#ffffff52;border-color:#ffffff8c;color:#fff;transform:scale(1.05)}.sidebar.is-collapsed .sidebar-header[data-v-b59405d2]{padding:.75rem .35rem;min-height:80px}.sidebar.is-collapsed .client-logo-wrapper[data-v-b59405d2]{width:44px;height:44px;margin-top:1.5rem;border-width:1.5px}.sidebar.is-collapsed .header-actions-box[data-v-b59405d2]{top:.35rem;right:50%;transform:translate(50%)}.rotate-180[data-v-b59405d2]{transform:rotate(180deg)}.mobile-only[data-v-b59405d2]{display:none}.desktop-only[data-v-b59405d2]{display:flex}.sidebar-nav[data-v-b59405d2]{flex:1;overflow-y:auto;padding:1rem .75rem;display:flex;flex-direction:column;gap:1.25rem}.nav-section[data-v-b59405d2]{display:flex;flex-direction:column;gap:.25rem}.section-title[data-v-b59405d2]{font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:var(--text-tertiary, #94a3b8);padding:.25rem .75rem;text-transform:uppercase}.section-divider[data-v-b59405d2]{height:1px;background:var(--border-light, #f1f5f9);margin:.5rem}.nav-item[data-v-b59405d2]{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md, 8px);color:var(--text-secondary, #475569);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease;white-space:nowrap;border:none}.nav-icon[data-v-b59405d2]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--text-secondary, #475569);transition:color .15s ease}.nav-item[data-v-b59405d2]:hover{background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a)}.nav-item:hover .nav-icon[data-v-b59405d2]{color:var(--primary, #d81b60)}.nav-item.active[data-v-b59405d2]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);font-weight:600}.nav-item.active .nav-icon[data-v-b59405d2]{color:var(--primary, #d81b60)}.nav-label[data-v-b59405d2]{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-group[data-v-b59405d2]{display:flex;flex-direction:column;gap:.15rem}.nav-group-header[data-v-b59405d2]{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md, 8px);color:var(--text-secondary, #475569);font-size:.875rem;font-weight:500;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.nav-group-header[data-v-b59405d2]:hover{background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a)}.nav-group-header:hover .nav-icon[data-v-b59405d2]{color:var(--primary, #d81b60)}.nav-group-header.has-active-child[data-v-b59405d2]{color:var(--primary, #d81b60);font-weight:600}.nav-group-header.has-active-child .nav-icon[data-v-b59405d2]{color:var(--primary, #d81b60)}.nav-arrow[data-v-b59405d2]{color:var(--text-tertiary, #94a3b8);transition:transform .2s ease,color .15s ease;flex-shrink:0}.nav-group-header:hover .nav-arrow[data-v-b59405d2]{color:var(--text-primary, #0f172a)}.nav-arrow.rotate-90[data-v-b59405d2]{transform:rotate(90deg)}.nav-sub-list[data-v-b59405d2]{display:flex;flex-direction:column;gap:.15rem;padding-left:.6rem;margin-top:.1rem;margin-bottom:.25rem;border-left:1.5px solid var(--border-default, #e2e8f0);margin-left:1.35rem}.nav-sub-item[data-v-b59405d2]{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-radius:var(--radius-md, 8px);color:var(--text-secondary, #475569);font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s ease;white-space:nowrap}.nav-sub-dot[data-v-b59405d2]{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary, #94a3b8);transition:all .15s ease;flex-shrink:0}.nav-sub-item[data-v-b59405d2]:hover{background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a)}.nav-sub-item:hover .nav-sub-dot[data-v-b59405d2]{background:var(--primary, #d81b60);transform:scale(1.3)}.nav-sub-item.active[data-v-b59405d2]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);font-weight:600}.nav-sub-item.active .nav-sub-dot[data-v-b59405d2]{background:var(--primary, #d81b60);transform:scale(1.3)}.nav-sub-label[data-v-b59405d2]{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-footer[data-v-b59405d2]{padding:1rem .75rem;border-top:1px solid var(--border-light, #f1f5f9);display:flex;flex-direction:column;gap:.75rem;background:var(--bg-surface-raised, #f8fafc)}.user-card[data-v-b59405d2]{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-light, #f1f5f9)}.user-avatar[data-v-b59405d2]{width:34px;height:34px;border-radius:var(--radius-full, 9999px);background:var(--primary, #d81b60);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.user-info[data-v-b59405d2]{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.user-name[data-v-b59405d2]{font-size:.8125rem;font-weight:600;color:var(--text-primary, #0f172a);overflow:hidden;text-overflow:ellipsis}.user-role[data-v-b59405d2]{font-size:.6875rem;color:var(--text-secondary, #475569)}.btn-logout-sidebar[data-v-b59405d2]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-danger, #dc2626);background:var(--color-danger-bg, #fef2f2);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;width:100%}.btn-logout-sidebar[data-v-b59405d2]:hover{background:#dc26261f;border-color:#dc26264d}@media (max-width: 900px){.sidebar[data-v-b59405d2]{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);box-shadow:var(--shadow-xl)}.sidebar.is-mobile-open[data-v-b59405d2]{transform:translate(0)}.desktop-only[data-v-b59405d2]{display:none}.mobile-only[data-v-b59405d2]{display:flex}}.btn-hamburger[data-v-ace4e6ad]{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:.4rem;border-radius:var(--radius-sm);align-items:center;justify-content:center}.btn-hamburger[data-v-ace4e6ad]:hover{background:var(--bg-surface-hover)}.user-badge-container[data-v-ace4e6ad]{display:flex;align-items:center;gap:.65rem;padding:.35rem .65rem;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color)}.user-avatar-sm[data-v-ace4e6ad]{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-meta-info[data-v-ace4e6ad]{display:flex;flex-direction:column}.user-name[data-v-ace4e6ad]{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.2}.tenant-name[data-v-ace4e6ad]{font-size:.65rem;color:var(--text-tertiary)}.sidebar-mobile-backdrop[data-v-ace4e6ad]{display:none}@media (max-width: 900px){.btn-hamburger[data-v-ace4e6ad]{display:flex}.sidebar-mobile-backdrop[data-v-ace4e6ad]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-color);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:35}.user-meta-info[data-v-ace4e6ad]{display:none}.user-badge-container[data-v-ace4e6ad]{padding:.2rem;background:transparent;border:none}.user-avatar-sm[data-v-ace4e6ad]{width:32px;height:32px;font-size:.8125rem}}.login-card[data-v-c913d816]{padding:2.25rem 2rem;border-radius:var(--radius-xl)}.login-header[data-v-c913d816]{text-align:center;margin-bottom:1.75rem}.brand-logo-circle[data-v-c913d816]{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.login-brand-logo[data-v-c913d816]{height:52px;width:auto;object-fit:contain}.login-title[data-v-c913d816]{font-size:1.5rem;font-weight:700;color:var(--text-heading)}.login-subtitle[data-v-c913d816]{font-size:.85rem;color:var(--text-secondary);margin-top:.2rem}.login-error-alert[data-v-c913d816]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);border-radius:var(--radius-md);font-size:.825rem;margin-bottom:1.25rem}.login-form[data-v-c913d816]{display:flex;flex-direction:column;gap:1.1rem}.form-group[data-v-c913d816]{display:flex;flex-direction:column;gap:.35rem}.form-label[data-v-c913d816]{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-control[data-v-c913d816]{width:100%;padding:.65rem .85rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;outline:none;transition:all .15s ease}.form-control[data-v-c913d816]:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-glow)}.form-row[data-v-c913d816]{display:flex;align-items:center;justify-content:space-between}.checkbox-label[data-v-c913d816]{display:flex;align-items:center;gap:.45rem;font-size:.825rem;color:var(--text-secondary);cursor:pointer}.btn-block[data-v-c913d816]{width:100%}.divider[data-v-c913d816]{display:flex;align-items:center;text-align:center;margin:.5rem 0}.divider[data-v-c913d816]:before,.divider[data-v-c913d816]:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider span[data-v-c913d816]{padding:0 .75rem;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase}.btn-sso[data-v-c913d816]{display:flex;align-items:center;justify-content:center;gap:.65rem}.spinner[data-v-c913d816]{animation:rotate-c913d816 1s linear infinite}@keyframes rotate-c913d816{to{transform:rotate(360deg)}}.summary-grid[data-v-e6957185]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;width:100%;max-width:100%}.summary-card[data-v-e6957185]{border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;z-index:1;min-width:0}.summary-card[data-v-e6957185]:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-alpha-30)}.card-inner[data-v-e6957185]{padding:1.25rem 1.25rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.card-info[data-v-e6957185]{min-width:0;flex:1}.card-label[data-v-e6957185]{font-size:.725rem;font-weight:700;letter-spacing:.05em;color:var(--text-secondary);word-break:break-word;display:block}.card-value[data-v-e6957185]{font-size:2.1rem;font-weight:800;color:var(--text-heading);margin-top:.25rem;line-height:1.1;letter-spacing:-.03em;word-break:break-all}.card-icon[data-v-e6957185]{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.summary-card:hover .card-icon[data-v-e6957185]{transform:scale(1.08)}.card-murid .card-icon[data-v-e6957185]{background:#d81b601a;color:var(--primary)}.card-guru .card-icon[data-v-e6957185]{background:var(--success-bg);color:var(--success)}.card-kelas .card-icon[data-v-e6957185]{background:var(--info-bg);color:var(--info)}.card-kegiatan .card-icon[data-v-e6957185]{background:var(--warning-bg);color:var(--warning)}.card-footer[data-v-e6957185]{padding:.65rem 1.25rem;background:var(--bg-surface-raised);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;font-size:.775rem;font-weight:600;color:var(--text-secondary);transition:color .15s ease,background-color .15s ease}.summary-card:hover .card-footer[data-v-e6957185]{color:var(--primary);background:var(--primary-alpha-10)}.skeleton-card[data-v-e6957185]{cursor:default;pointer-events:none}.skeleton-shimmer[data-v-e6957185]{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-e6957185 1.5s infinite ease-in-out;border-radius:var(--radius-sm)}@keyframes shimmer-e6957185{0%{background-position:-200% 0}to{background-position:200% 0}}.skel-label[data-v-e6957185]{width:65%;height:12px}.skel-value[data-v-e6957185]{width:45%;height:32px}.skel-icon[data-v-e6957185]{width:52px;height:52px;border-radius:var(--radius-lg);flex-shrink:0}.skel-footer-text[data-v-e6957185]{width:40%;height:12px}.mb-2[data-v-e6957185]{margin-bottom:.5rem}.w-100[data-v-e6957185]{width:100%}@media (max-width: 640px){.summary-grid[data-v-e6957185]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%;min-width:0}.card-inner[data-v-e6957185]{padding:.85rem .85rem .6rem;gap:.5rem}.card-label[data-v-e6957185]{font-size:.65rem}.card-value[data-v-e6957185]{font-size:1.45rem;margin-top:.15rem}.card-icon[data-v-e6957185]{width:38px;height:38px;border-radius:var(--radius-md)}.card-icon svg[data-v-e6957185]{width:20px;height:20px}.card-footer[data-v-e6957185]{padding:.45rem .75rem;font-size:.7rem}.skel-icon[data-v-e6957185]{width:38px;height:38px;border-radius:var(--radius-md)}.skel-value[data-v-e6957185]{height:24px}}@media (max-width: 380px){.card-inner[data-v-e6957185]{padding:.75rem .65rem .5rem}.card-value[data-v-e6957185]{font-size:1.25rem}.card-icon[data-v-e6957185]{width:32px;height:32px}.card-icon svg[data-v-e6957185]{width:16px;height:16px}}.dashboard-widget[data-v-2e417035]{border-radius:var(--radius-lg);overflow:hidden}.widget-header[data-v-2e417035]{padding:1rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.widget-title-box[data-v-2e417035]{display:flex;align-items:center;gap:.65rem}.widget-title-icon[data-v-2e417035]{width:32px;height:32px;border-radius:var(--radius-md);background:var(--primary-alpha-10);color:var(--primary);display:flex;align-items:center;justify-content:center}.widget-title[data-v-2e417035]{font-size:1rem;font-weight:700;color:var(--text-heading)}.tab-controls[data-v-2e417035]{display:flex;background:var(--bg-surface-raised);padding:3px;border-radius:var(--radius-full);border:1px solid var(--border-color);gap:2px}.tab-btn[data-v-2e417035]{border:none;background:transparent;padding:.35rem .9rem;border-radius:var(--radius-full);font-size:.775rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tab-btn.active[data-v-2e417035]{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.custom-table[data-v-2e417035]{width:100%;border-collapse:collapse;text-align:left}.custom-table th[data-v-2e417035]{padding:.85rem 1.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-table-header);border-bottom:1px solid var(--border-color)}.custom-table td[data-v-2e417035]{padding:.9rem 1.25rem;font-size:.875rem;border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle}.custom-table tr:hover td[data-v-2e417035]{background-color:var(--bg-table-row-hover)}.table-link[data-v-2e417035]{text-decoration:none}.class-name[data-v-2e417035]{font-weight:600;color:var(--primary);transition:color .15s ease}.class-name[data-v-2e417035]:hover{color:var(--primary-dark);text-decoration:underline}.class-cell-info[data-v-2e417035]{display:flex;flex-direction:column;gap:.25rem}.class-student-count[data-v-2e417035]{display:inline-flex;align-items:center;gap:.3rem;font-size:.725rem;color:var(--text-tertiary);font-weight:500}.student-icon[data-v-2e417035]{color:var(--text-tertiary);flex-shrink:0}.teacher-name[data-v-2e417035]{color:var(--text-secondary);font-weight:500}.time-col[data-v-2e417035]{white-space:nowrap}.time-container[data-v-2e417035]{display:inline-flex;align-items:center;gap:.5rem}.day-label[data-v-2e417035]{display:inline-block;font-size:.675rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);background:var(--primary-alpha-10);border:1px solid var(--primary-alpha-20);padding:.15rem .45rem;border-radius:var(--radius-xs)}.time-badge[data-v-2e417035]{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:var(--radius-sm);background:var(--bg-surface-raised);border:1px solid var(--border-color);color:var(--text-primary);font-size:.725rem;font-weight:500;font-family:var(--font-mono, inherit);letter-spacing:-.01em}.time-icon[data-v-2e417035]{color:var(--text-tertiary);flex-shrink:0;width:12px;height:12px}.time-text[data-v-2e417035]{font-size:.725rem;font-weight:600;color:var(--text-primary)}.qty-badge[data-v-2e417035]{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 .5rem;border-radius:var(--radius-full);background:var(--bg-surface-raised);border:1px solid var(--border-color);color:var(--text-primary);font-size:.775rem;font-weight:700}.empty-state[data-v-2e417035]{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.empty-icon[data-v-2e417035]{color:var(--text-tertiary);opacity:.6}.empty-text[data-v-2e417035]{font-size:.85rem;color:var(--text-secondary)}.desktop-view[data-v-2e417035]{display:block}.mobile-view[data-v-2e417035]{display:none;padding:1rem;gap:.75rem;flex-direction:column}.mobile-class-card[data-v-2e417035]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem;min-width:0;width:100%}.mobile-class-header[data-v-2e417035]{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;width:100%}.mobile-class-header .table-link[data-v-2e417035]{min-width:0;flex:1;overflow:hidden;display:block}.mobile-class-header .class-name[data-v-2e417035]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.mobile-class-header .qty-badge[data-v-2e417035]{flex-shrink:0;white-space:nowrap}.mobile-teacher-row[data-v-2e417035]{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);min-width:0}.mobile-teacher-row span[data-v-2e417035]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-time-badge[data-v-2e417035]{justify-content:center;width:100%}@media (max-width: 768px){.desktop-view[data-v-2e417035]{display:none}.mobile-view[data-v-2e417035]{display:flex;padding:.75rem;gap:.65rem}}@media (max-width: 640px){.widget-header[data-v-2e417035]{padding:.85rem 1rem;gap:.5rem}.widget-title[data-v-2e417035]{font-size:.9rem}.tab-btn[data-v-2e417035]{padding:.25rem .65rem;font-size:.72rem}.mobile-class-card[data-v-2e417035]{padding:.75rem;gap:.4rem}.class-name[data-v-2e417035]{font-size:.85rem}.qty-badge[data-v-2e417035]{font-size:.7rem;height:22px;padding:0 .45rem}}.skeleton-shimmer[data-v-2e417035]{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-2e417035 1.5s infinite ease-in-out;border-radius:var(--radius-sm)}@keyframes shimmer-2e417035{0%{background-position:-200% 0}to{background-position:200% 0}}.skel-text[data-v-2e417035]{height:14px}.skel-pill[data-v-2e417035]{height:22px;border-radius:var(--radius-sm)}.skel-badge[data-v-2e417035]{width:28px;height:22px;border-radius:var(--radius-full)}.w-40[data-v-2e417035]{width:40%}.w-50[data-v-2e417035]{width:50%}.w-60[data-v-2e417035]{width:60%}.w-70[data-v-2e417035]{width:70%}.w-100[data-v-2e417035]{width:100%}.mb-2[data-v-2e417035]{margin-bottom:.5rem}.mx-auto[data-v-2e417035]{margin-left:auto;margin-right:auto}.dashboard-widget[data-v-7b217316]{border-radius:var(--radius-lg);overflow:hidden}.widget-header[data-v-7b217316]{padding:1rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.widget-title-box[data-v-7b217316]{display:flex;align-items:center;gap:.65rem}.payment-icon[data-v-7b217316]{width:32px;height:32px;border-radius:var(--radius-md);background:#16a34a1a;color:var(--success);display:flex;align-items:center;justify-content:center}.widget-title[data-v-7b217316]{font-size:.95rem;font-weight:700;color:var(--text-heading)}.period-picker-box[data-v-7b217316]{display:flex;align-items:center;gap:.5rem}.period-label[data-v-7b217316]{font-size:.8rem;color:var(--text-secondary);font-weight:600}.month-input[data-v-7b217316]{background:var(--bg-surface-raised);border:1px solid var(--border-color);color:var(--text-primary);font-size:.825rem;font-weight:700;padding:.35rem .75rem;border-radius:var(--radius-full);outline:none;cursor:pointer;transition:var(--transition-fast)}.month-input[data-v-7b217316]:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha-20)}.custom-table[data-v-7b217316]{width:100%;border-collapse:collapse}.custom-table th[data-v-7b217316]{background:var(--bg-surface-raised);color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-color)}.custom-table td[data-v-7b217316]{padding:.85rem 1.25rem;font-size:.85rem;border-bottom:1px solid var(--border-color)}.clickable-row[data-v-7b217316]{cursor:pointer;transition:var(--transition-fast)}.clickable-row[data-v-7b217316]:hover{background:var(--bg-surface-hover)}.group-header-row td[data-v-7b217316]{background:var(--bg-surface-raised);padding:.45rem 1.25rem;border-bottom:1px solid var(--border-color)}.category-badge[data-v-7b217316]{display:inline-block;background:var(--primary-alpha-10);color:var(--primary);border:1px solid var(--primary-alpha-20);font-size:.725rem;font-weight:700;padding:.15rem .65rem;border-radius:var(--radius-full)}.class-title-cell[data-v-7b217316]{display:flex;align-items:center;gap:.5rem}.class-title-text[data-v-7b217316]{font-weight:700;color:var(--text-heading)}.link-icon[data-v-7b217316]{color:var(--text-tertiary);opacity:.6}.qty-badge[data-v-7b217316]{display:inline-block;background:var(--bg-surface-raised);border:1px solid var(--border-color);color:var(--text-primary);font-size:.775rem;font-weight:700;padding:.2rem .65rem;border-radius:var(--radius-full)}.progress-wrapper[data-v-7b217316]{display:flex;align-items:center;gap:.75rem}.progress-track[data-v-7b217316]{flex:1;height:8px;background:var(--bg-surface-raised);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-color)}.progress-bar[data-v-7b217316]{height:100%;border-radius:var(--radius-full);transition:width .4s ease}.progress-percent[data-v-7b217316]{font-size:.8rem;font-weight:800;min-width:40px;text-align:right}.payment-detail-backdrop[data-v-7b217316]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1.25rem;animation:fadeInBackdrop-7b217316 .2s ease-out}@keyframes fadeInBackdrop-7b217316{0%{opacity:0}to{opacity:1}}.payment-detail-drawer[data-v-7b217316]{background:var(--bg-surface);border-radius:var(--radius-xl);max-width:640px;width:100%;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;max-height:88vh;transition:all .25s cubic-bezier(.16,1,.3,1);transform-origin:center}.payment-detail-drawer.is-fullscreen[data-v-7b217316]{max-width:100vw!important;width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important;border:none!important}.drawer-header[data-v-7b217316]{padding:1.15rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);gap:1rem}.drawer-title-box[data-v-7b217316]{display:flex;align-items:center;gap:.75rem}.drawer-title-icon[data-v-7b217316]{width:38px;height:38px;border-radius:var(--radius-md);background:var(--primary-alpha-10);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-title-meta[data-v-7b217316]{display:flex;flex-direction:column}.drawer-title[data-v-7b217316]{font-size:1.05rem;font-weight:800;color:var(--text-heading);line-height:1.2;margin:0}.drawer-subtitle[data-v-7b217316]{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem;margin-bottom:0}.drawer-window-controls[data-v-7b217316]{display:flex;align-items:center;gap:.4rem}.action-icon-btn[data-v-7b217316],.btn-close[data-v-7b217316]{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.45rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.action-icon-btn[data-v-7b217316]:hover,.btn-close[data-v-7b217316]:hover{background:var(--bg-surface-raised);color:var(--text-primary)}.drawer-body[data-v-7b217316]{padding:0;overflow-y:auto;flex:1;background:var(--bg-surface)}.modal-table[data-v-7b217316]{width:100%;border-collapse:collapse}.modal-table th[data-v-7b217316]{background:var(--bg-surface-raised);color:var(--text-secondary);font-size:.75rem;font-weight:700;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.03em}.modal-table td[data-v-7b217316]{padding:.85rem 1.5rem;border-bottom:1px solid var(--border-color)}.row-unpaid[data-v-7b217316]{background:#f1f5f966}.student-name[data-v-7b217316]{font-weight:700;font-size:.875rem;color:var(--text-heading)}.student-barcode[data-v-7b217316]{font-size:.75rem;color:var(--text-tertiary);font-family:var(--font-mono, monospace);margin-top:.1rem}.status-badge-mini[data-v-7b217316]{display:inline-block;font-size:.725rem;font-weight:700;padding:.15rem .6rem;border-radius:var(--radius-full)}.badge-paid[data-v-7b217316]{background:var(--success-bg);color:var(--success);border:1px solid rgba(22,163,74,.2)}.badge-unpaid[data-v-7b217316]{background:var(--bg-surface-raised);color:var(--text-tertiary);border:1px solid var(--border-color)}.nominal-text[data-v-7b217316]{font-weight:700;font-size:.875rem;color:var(--text-secondary)}.paid-date[data-v-7b217316]{font-size:.725rem;color:var(--text-tertiary);margin-top:.1rem}.drawer-footer[data-v-7b217316]{padding:.85rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;background:var(--bg-surface)}.btn-close-drawer[data-v-7b217316]{padding:.45rem 1.25rem;font-weight:600;border-radius:var(--radius-md)}.modal-loading[data-v-7b217316],.empty-modal[data-v-7b217316]{padding:3.5rem 1.5rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.spinner[data-v-7b217316]{width:28px;height:28px;border:3px solid var(--primary-alpha-20);border-top-color:var(--primary);border-radius:50%;animation:spin-7b217316 .8s linear infinite;margin:0 auto .75rem}@keyframes spin-7b217316{to{transform:rotate(360deg)}}.mobile-view[data-v-7b217316]{display:none}@media (max-width: 768px){.desktop-view[data-v-7b217316]{display:none}.mobile-view[data-v-7b217316]{display:block;padding:.5rem}.mobile-card[data-v-7b217316]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem;margin-bottom:.5rem;cursor:pointer;min-width:0}.mobile-card-top[data-v-7b217316]{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0}.mobile-class-name[data-v-7b217316]{font-weight:700;font-size:.875rem;color:var(--text-heading);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qty-badge-sm[data-v-7b217316]{font-size:.725rem;color:var(--text-secondary);flex-shrink:0;white-space:nowrap}.payment-detail-drawer[data-v-7b217316]{width:100vw!important;max-width:100vw!important;border-radius:0}.drawer-header[data-v-7b217316]{padding:.85rem 1rem}.modal-table th[data-v-7b217316]{padding:.65rem 1rem}.modal-table td[data-v-7b217316],.drawer-footer[data-v-7b217316]{padding:.75rem 1rem}.btn-close-drawer[data-v-7b217316]{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center}}@media (max-width: 640px){.widget-header[data-v-7b217316]{flex-direction:column;align-items:stretch;gap:.65rem;padding:.85rem 1rem}.period-picker-box[data-v-7b217316]{width:100%;display:flex;justify-content:space-between;align-items:center}.month-input[data-v-7b217316]{flex:1;max-width:180px}}.skeleton-shimmer[data-v-7b217316]{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-7b217316 1.5s infinite ease-in-out;border-radius:var(--radius-sm)}@keyframes shimmer-7b217316{0%{background-position:-200% 0}to{background-position:200% 0}}.skel-text[data-v-7b217316]{height:14px}.skel-badge[data-v-7b217316]{width:28px;height:22px;border-radius:var(--radius-full)}.skel-progress-track[data-v-7b217316]{flex:1;height:8px;border-radius:var(--radius-full)}.skel-percent[data-v-7b217316]{width:36px;height:14px;border-radius:var(--radius-xs)}.w-50[data-v-7b217316]{width:50%}.w-60[data-v-7b217316]{width:60%}.mb-2[data-v-7b217316]{margin-bottom:.5rem}.mx-auto[data-v-7b217316]{margin-left:auto;margin-right:auto}.dashboard-widget[data-v-c52113f0]{border-radius:var(--radius-lg);overflow:hidden}.widget-header[data-v-c52113f0]{padding:1rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.widget-title-box[data-v-c52113f0]{display:flex;align-items:center;gap:.65rem}.birthday-icon[data-v-c52113f0]{width:32px;height:32px;border-radius:var(--radius-md);background:#d81b601a;color:var(--primary);display:flex;align-items:center;justify-content:center}.widget-title[data-v-c52113f0]{font-size:.95rem;font-weight:700;color:var(--text-heading)}.tab-controls[data-v-c52113f0]{display:flex;background:var(--bg-surface-raised);padding:3px;border-radius:var(--radius-full);border:1px solid var(--border-color);gap:2px}.tab-btn[data-v-c52113f0]{border:none;background:transparent;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tab-btn.active[data-v-c52113f0]{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.birthday-list[data-v-c52113f0]{max-height:320px;overflow-y:auto}.birthday-item[data-v-c52113f0]{padding:.85rem 1.25rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:.9rem;transition:background-color .15s ease}.birthday-item[data-v-c52113f0]:hover{background-color:var(--bg-table-row-hover)}.birthday-item[data-v-c52113f0]:last-child{border-bottom:none}.avatar-circle[data-v-c52113f0]{width:36px;height:36px;border-radius:50%;background:var(--primary-alpha-10);color:var(--primary);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--primary-alpha-20)}.birthday-info[data-v-c52113f0]{flex:1;min-width:0}.person-name[data-v-c52113f0]{font-weight:600;font-size:.875rem;color:var(--text-heading);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.person-name[data-v-c52113f0]:hover{color:var(--primary);text-decoration:underline}.birthday-meta-desktop[data-v-c52113f0]{flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0}.birthday-meta-mobile[data-v-c52113f0]{display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.birth-date-text[data-v-c52113f0]{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.days-to-go[data-v-c52113f0]{font-size:.725rem;color:var(--text-tertiary);font-weight:500}.item-passed[data-v-c52113f0]{opacity:.72}.badge-passed[data-v-c52113f0]{display:inline-block;background:var(--bg-surface-raised);color:var(--text-tertiary);font-size:.675rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-xs);border:1px solid var(--border-color)}.badge-today[data-v-c52113f0]{display:inline-block;background:#dc2626;color:#fff;font-size:.675rem;font-weight:800;padding:.15rem .5rem;border-radius:var(--radius-xs);letter-spacing:.05em;animation:pulseBadge-c52113f0 2s infinite ease-in-out}@keyframes pulseBadge-c52113f0{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.empty-state[data-v-c52113f0]{padding:2.5rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.empty-icon[data-v-c52113f0]{color:var(--text-tertiary);opacity:.5}.empty-text[data-v-c52113f0]{font-size:.825rem;color:var(--text-secondary)}.d-none[data-v-c52113f0]{display:none!important}@media (max-width: 640px){.widget-header[data-v-c52113f0]{padding:.85rem 1rem}.widget-title[data-v-c52113f0]{font-size:.9rem}.tab-btn[data-v-c52113f0]{padding:.25rem .65rem;font-size:.72rem}.birthday-item[data-v-c52113f0]{padding:.75rem 1rem;gap:.75rem}.avatar-circle[data-v-c52113f0]{width:36px;height:36px;font-size:.82rem}.person-name[data-v-c52113f0]{font-size:.85rem}}@media (min-width: 768px){.d-md-none[data-v-c52113f0]{display:none!important}.d-md-flex[data-v-c52113f0]{display:flex!important}}.skeleton-shimmer[data-v-c52113f0]{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-c52113f0 1.5s infinite ease-in-out;border-radius:var(--radius-sm)}@keyframes shimmer-c52113f0{0%{background-position:-200% 0}to{background-position:200% 0}}.skel-avatar[data-v-c52113f0]{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skel-text[data-v-c52113f0]{height:12px}.w-40[data-v-c52113f0]{width:40%}.w-60[data-v-c52113f0]{width:60%}.mb-1[data-v-c52113f0]{margin-bottom:.25rem}.dashboard-widget[data-v-1ab2ae12]{border-radius:var(--radius-lg);overflow:hidden}.widget-header[data-v-1ab2ae12]{padding:1rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.widget-title-box[data-v-1ab2ae12]{display:flex;align-items:center;gap:.65rem}.trophy-icon[data-v-1ab2ae12]{width:32px;height:32px;border-radius:var(--radius-md);background:var(--warning-bg);color:var(--warning);display:flex;align-items:center;justify-content:center}.widget-title[data-v-1ab2ae12]{font-size:.95rem;font-weight:700;color:var(--text-heading)}.table-responsive[data-v-1ab2ae12]{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.custom-table[data-v-1ab2ae12]{width:100%;border-collapse:collapse}.custom-table th[data-v-1ab2ae12]{padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-table-header);border-bottom:1px solid var(--border-color);white-space:nowrap}.custom-table td[data-v-1ab2ae12]{padding:.75rem 1rem;font-size:.875rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.custom-table tr:hover td[data-v-1ab2ae12]{background-color:var(--bg-table-row-hover)}.rank-badge[data-v-1ab2ae12]{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.rank-1[data-v-1ab2ae12]{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.rank-2[data-v-1ab2ae12]{background:#f1f5f9;color:#64748b;border:1px solid #CBD5E1}.rank-3[data-v-1ab2ae12]{background:#fff7ed;color:#c2410c;border:1px solid #FED7AA}.rank-number[data-v-1ab2ae12]{font-weight:700;font-size:.8rem;color:var(--text-tertiary)}.student-link[data-v-1ab2ae12]{text-decoration:none}.student-name[data-v-1ab2ae12]{font-weight:600;color:var(--text-heading);font-size:.875rem;transition:color .15s ease}.student-name[data-v-1ab2ae12]:hover{color:var(--primary);text-decoration:underline}.student-meta[data-v-1ab2ae12]{font-size:.725rem;color:var(--text-tertiary);font-family:var(--font-mono)}.point-badge[data-v-1ab2ae12]{display:inline-block;background:var(--primary-alpha-10);color:var(--primary);font-weight:700;font-size:.775rem;padding:.2rem .65rem;border-radius:var(--radius-full);border:1px solid var(--primary-alpha-20)}.empty-state[data-v-1ab2ae12]{padding:2.5rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.empty-icon[data-v-1ab2ae12]{color:var(--text-tertiary);opacity:.5}.empty-text[data-v-1ab2ae12]{font-size:.825rem;color:var(--text-secondary)}.widget-footer[data-v-1ab2ae12]{padding:.75rem 1.25rem;background:var(--bg-surface-raised);border-top:1px solid var(--border-color);text-align:center}.footer-link[data-v-1ab2ae12]{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--primary)}.footer-link[data-v-1ab2ae12]:hover{color:var(--primary-dark);text-decoration:underline}.skeleton-shimmer[data-v-1ab2ae12]{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-1ab2ae12 1.5s infinite ease-in-out;border-radius:var(--radius-sm)}@keyframes shimmer-1ab2ae12{0%{background-position:-200% 0}to{background-position:200% 0}}.skel-rank-circle[data-v-1ab2ae12]{width:26px;height:26px;border-radius:50%}.skel-text[data-v-1ab2ae12]{height:12px}.skel-point-pill[data-v-1ab2ae12]{width:50px;height:22px;border-radius:var(--radius-full)}.w-40[data-v-1ab2ae12]{width:40%}.ml-auto[data-v-1ab2ae12]{margin-left:auto}@media (max-width: 640px){.widget-header[data-v-1ab2ae12]{padding:.85rem 1rem}.widget-title[data-v-1ab2ae12]{font-size:.9rem}.custom-table th[data-v-1ab2ae12],.custom-table td[data-v-1ab2ae12]{padding:.55rem .5rem}.student-name[data-v-1ab2ae12]{font-size:.825rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.point-badge[data-v-1ab2ae12]{font-size:.72rem;padding:.15rem .45rem;white-space:nowrap}.widget-footer[data-v-1ab2ae12]{padding:.65rem 1rem}}@media (max-width: 400px){.student-name[data-v-1ab2ae12]{max-width:110px}.custom-table th[data-v-1ab2ae12],.custom-table td[data-v-1ab2ae12]{padding:.45rem .35rem}}.dashboard-wrapper[data-v-fb83089e]{display:flex;flex-direction:column;min-height:100%;width:100%;max-width:100%;overflow-x:hidden}.mb-4[data-v-fb83089e]{margin-bottom:1.5rem}.dashboard-header[data-v-fb83089e]{position:relative;z-index:100}.header-card[data-v-fb83089e]{padding:1.25rem 1.5rem;border-radius:var(--radius-xl);position:relative;z-index:100;overflow:visible!important;max-width:100%}.dashboard-body[data-v-fb83089e]{position:relative;z-index:1;width:100%;max-width:100%}.header-content[data-v-fb83089e],.header-left[data-v-fb83089e],.title-meta[data-v-fb83089e],.header-submeta[data-v-fb83089e]{overflow:visible!important}.header-content[data-v-fb83089e]{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;width:100%;max-width:100%}.header-left[data-v-fb83089e]{display:flex;align-items:center;gap:1rem;min-width:0;max-width:100%}.logo-wrapper[data-v-fb83089e]{width:52px;height:52px;background:var(--bg-surface);padding:6px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-shrink:0}.client-logo-img[data-v-fb83089e]{max-width:100%;max-height:100%;object-fit:contain}.title-meta[data-v-fb83089e]{display:flex;flex-direction:column;gap:.2rem;min-width:0}.dashboard-title[data-v-fb83089e]{font-size:1.25rem;font-weight:800;color:var(--text-heading);letter-spacing:-.02em;line-height:1.2}.header-submeta[data-v-fb83089e]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.client-name[data-v-fb83089e]{font-size:.825rem;color:var(--text-secondary);font-weight:600;word-break:break-word}.ta-badge-info[data-v-fb83089e]{display:inline-flex;align-items:center;gap:.35rem;background:var(--primary-alpha-10);color:var(--primary);border:1px solid var(--primary-alpha-20);font-size:.725rem;font-weight:700;padding:.2rem .65rem;border-radius:var(--radius-full);-webkit-user-select:none;user-select:none}.header-right[data-v-fb83089e]{display:flex;align-items:center;gap:1.25rem}.live-datetime[data-v-fb83089e]{text-align:right}.current-date[data-v-fb83089e]{font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.current-time[data-v-fb83089e]{font-size:1.15rem;font-weight:800;color:var(--primary);letter-spacing:-.02em;line-height:1.2}.btn-refresh[data-v-fb83089e]{gap:.4rem}.rotate-spin[data-v-fb83089e]{animation:spin-fb83089e .8s linear infinite}@keyframes spin-fb83089e{to{transform:rotate(360deg)}}.alert-error[data-v-fb83089e]{padding:1rem 1.25rem;border-radius:var(--radius-lg);background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text);display:flex;align-items:center;gap:1rem}.alert-content[data-v-fb83089e]{flex:1;font-size:.85rem}.dashboard-grid[data-v-fb83089e]{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;min-width:0;width:100%}@media (min-width: 1024px){.dashboard-grid[data-v-fb83089e]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.grid-col-left[data-v-fb83089e],.grid-col-right[data-v-fb83089e]{display:flex;flex-direction:column;min-width:0;width:100%}.payment-summary-card[data-v-fb83089e]{border-radius:var(--radius-lg);overflow:hidden}.widget-header[data-v-fb83089e]{padding:1rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.widget-title-box[data-v-fb83089e]{display:flex;align-items:center;gap:.65rem}.chart-icon[data-v-fb83089e]{width:32px;height:32px;border-radius:var(--radius-md);background:#d81b601a;color:var(--primary);display:flex;align-items:center;justify-content:center}.widget-title[data-v-fb83089e]{font-size:.95rem;font-weight:700;color:var(--text-heading)}.payment-method-grid[data-v-fb83089e]{padding:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.method-card[data-v-fb83089e]{background:var(--bg-surface-raised);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.method-card-total[data-v-fb83089e]{background:var(--primary-alpha-10);border-color:var(--primary)}.method-label[data-v-fb83089e]{font-size:.725rem;font-weight:700;color:var(--text-secondary);letter-spacing:.03em}.method-amount[data-v-fb83089e]{font-size:1.05rem;font-weight:700}.font-extrabold[data-v-fb83089e]{font-weight:800}.text-success[data-v-fb83089e]{color:var(--success)}.text-primary[data-v-fb83089e]{color:var(--primary)}.skeleton-shimmer[data-v-fb83089e]{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-fb83089e 1.5s infinite ease-in-out;border-radius:var(--radius-sm)}@keyframes shimmer-fb83089e{0%{background-position:-200% 0}to{background-position:200% 0}}.skel-text[data-v-fb83089e]{height:14px}.w-50[data-v-fb83089e]{width:50%}.w-70[data-v-fb83089e]{width:70%}.mb-2[data-v-fb83089e]{margin-bottom:.5rem}.mx-auto[data-v-fb83089e]{margin-left:auto;margin-right:auto}@media (max-width: 768px){.dashboard-grid[data-v-fb83089e]{gap:1.15rem}}@media (max-width: 640px){.header-card[data-v-fb83089e]{padding:1rem 1.15rem;border-radius:var(--radius-lg)}.header-content[data-v-fb83089e]{flex-direction:column;align-items:stretch;gap:.85rem}.header-left[data-v-fb83089e]{gap:.75rem;width:100%}.logo-wrapper[data-v-fb83089e]{width:44px;height:44px;border-radius:var(--radius-md)}.dashboard-title[data-v-fb83089e]{font-size:1.15rem}.header-submeta[data-v-fb83089e]{gap:.4rem}.header-right[data-v-fb83089e]{width:100%;justify-content:space-between;align-items:center;border-top:1px dashed var(--border-light);padding-top:.65rem}.live-datetime[data-v-fb83089e]{display:flex;flex-direction:column;text-align:left}.current-date[data-v-fb83089e]{font-size:.68rem}.current-time[data-v-fb83089e]{font-size:.95rem;font-weight:700}.payment-method-grid[data-v-fb83089e]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.85rem}.method-card[data-v-fb83089e]{padding:.65rem .5rem}.method-label[data-v-fb83089e]{font-size:.68rem}.method-amount[data-v-fb83089e]{font-size:.95rem}.method-card-total[data-v-fb83089e]{grid-column:span 2}}.searchable-select-container[data-v-87d4d0e8]{position:relative;display:inline-block;width:100%}.searchable-select-container.is-open[data-v-87d4d0e8]{z-index:10000}.combobox-wrapper[data-v-87d4d0e8]{position:relative;width:100%}.combobox-icon[data-v-87d4d0e8]{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted, #94A3B8);pointer-events:none;z-index:2}.combobox-input[data-v-87d4d0e8]{width:100%;padding:.65rem 2.4rem .65rem 2.6rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);color:var(--text-primary);font-size:.875rem;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.combobox-input[data-v-87d4d0e8]:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-glow);background:var(--bg-input-focus)}.combobox-clear-btn[data-v-87d4d0e8]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease;z-index:2}.combobox-clear-btn[data-v-87d4d0e8]:hover{color:var(--danger-text);background:var(--danger-bg)}.combobox-results-header[data-v-87d4d0e8]{padding:.45rem .85rem;font-size:.6875rem;font-weight:600;letter-spacing:.03em;color:var(--primary);border-bottom:1px solid var(--border-color);background:var(--bg-surface-inset)}.select-trigger[data-v-87d4d0e8]{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;min-height:40px;padding:.5rem .85rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);color:var(--text-primary);cursor:pointer;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.select-trigger.size-sm[data-v-87d4d0e8]{min-height:34px;padding:.35rem .75rem;font-size:.8125rem;border-radius:var(--radius-sm, 6px)}.select-trigger[data-v-87d4d0e8]:hover:not(.is-disabled){border-color:var(--border-active);background:var(--bg-surface-hover)}.select-trigger[data-v-87d4d0e8]:focus,.select-trigger.is-open[data-v-87d4d0e8]{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-glow);background:var(--bg-input-focus)}.select-trigger.is-disabled[data-v-87d4d0e8]{opacity:.5;cursor:not-allowed;background:var(--bg-surface-inset)}.trigger-content[data-v-87d4d0e8]{display:flex;align-items:center;gap:.45rem;flex:1;min-width:0;overflow:hidden}.selected-label[data-v-87d4d0e8]{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placeholder-text[data-v-87d4d0e8]{font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.badge-code[data-v-87d4d0e8]{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;color:var(--primary);background:var(--primary-alpha-10);border:1px solid var(--primary-alpha-20);padding:.1rem .4rem;border-radius:4px;flex-shrink:0}.badge-code.mini[data-v-87d4d0e8]{font-size:.625rem;padding:.05rem .35rem}.trigger-icons[data-v-87d4d0e8]{display:flex;align-items:center;gap:.35rem;color:var(--text-muted);flex-shrink:0}.clear-val-btn[data-v-87d4d0e8]{display:flex;align-items:center;justify-content:center;padding:.15rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .15s ease}.clear-val-btn[data-v-87d4d0e8]:hover{color:var(--danger-text);background:var(--danger-bg)}.chevron-icon[data-v-87d4d0e8]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.chevron-icon.rotate[data-v-87d4d0e8]{transform:rotate(180deg)}.dropdown-panel[data-v-87d4d0e8]{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:420px;z-index:99999;background:var(--bg-dropdown, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:0 12px 28px -4px #00000024,0 8px 12px -6px #00000014;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;display:flex;flex-direction:column}.dropdown-panel.placement-top[data-v-87d4d0e8]{top:auto;bottom:calc(100% + 6px);box-shadow:0 -12px 28px -4px #00000024,0 -8px 12px -6px #00000014}.dropdown-panel.size-sm[data-v-87d4d0e8]{border-radius:var(--radius-sm, 6px)}.search-input-wrapper[data-v-87d4d0e8]{position:relative;display:flex;align-items:center;padding:.55rem .75rem;border-bottom:1px solid var(--border-color);background:var(--bg-surface-inset)}.search-icon[data-v-87d4d0e8]{color:var(--text-muted);margin-right:.45rem;flex-shrink:0}.search-input[data-v-87d4d0e8]{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.8125rem;outline:none;padding:0;width:100%}.search-input[data-v-87d4d0e8]::placeholder{color:var(--text-muted)}.clear-search-btn[data-v-87d4d0e8]{background:transparent;border:none;color:var(--text-muted);font-size:1.125rem;line-height:1;cursor:pointer;padding:0 .25rem}.clear-search-btn[data-v-87d4d0e8]:hover{color:var(--text-primary)}.options-list[data-v-87d4d0e8]{list-style:none;padding:.3rem;margin:0;max-height:240px;overflow-y:auto}.option-item[data-v-87d4d0e8]{display:flex;align-items:center;justify-content:space-between;padding:.55rem .7rem;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .12s ease;gap:.65rem;-webkit-user-select:none;user-select:none;border-left:3px solid transparent}.option-item[data-v-87d4d0e8]:hover:not(.is-disabled),.option-item.is-highlighted[data-v-87d4d0e8]:not(.is-disabled){background:var(--bg-surface-hover);border-left-color:var(--primary)}.option-item.is-selected[data-v-87d4d0e8]{background:var(--bg-sidebar-active);border-left-color:var(--primary)}.option-item.is-selected.is-highlighted[data-v-87d4d0e8]{background:var(--bg-surface-hover);border-left-color:var(--primary-dark, var(--primary))}.option-item.is-disabled[data-v-87d4d0e8]{opacity:.45;cursor:not-allowed;background:transparent;border-left-color:transparent}.option-content[data-v-87d4d0e8]{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.option-title-row[data-v-87d4d0e8]{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.option-label[data-v-87d4d0e8]{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.option-desc[data-v-87d4d0e8]{font-size:.6875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disabled-tag[data-v-87d4d0e8]{font-size:.625rem;font-weight:600;color:var(--warning);background:var(--warning-bg);border:1px solid var(--warning-border);padding:.05rem .35rem;border-radius:3px}.check-icon[data-v-87d4d0e8]{color:var(--primary);flex-shrink:0}.empty-option[data-v-87d4d0e8]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem .85rem;color:var(--text-muted);font-size:.8125rem;text-align:center}.dropdown-fade-enter-active[data-v-87d4d0e8],.dropdown-fade-leave-active[data-v-87d4d0e8]{transition:all .2s cubic-bezier(.16,1,.3,1)}.dropdown-fade-enter-from[data-v-87d4d0e8],.dropdown-fade-leave-to[data-v-87d4d0e8]{opacity:0;transform:translateY(-6px)}@media (max-width: 640px){.searchable-select-container[data-v-87d4d0e8]{min-width:0!important;width:100%}.dropdown-panel[data-v-87d4d0e8]{max-width:calc(100vw - 2rem);left:0;right:auto}.select-trigger[data-v-87d4d0e8]{min-height:38px}}.modal-backdrop[data-v-b532e2ec]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;display:flex;justify-content:flex-end;animation:fadeIn-b532e2ec .2s ease-out}.modal-backdrop.nested-backdrop[data-v-b532e2ec]{z-index:1070;background:#0f172abf}.detail-drawer[data-v-b532e2ec]{width:100%;max-width:840px;height:100vh;background:var(--bg-surface, #ffffff);border-left:1px solid var(--border-default, #e2e8f0);border-radius:0;display:flex;flex-direction:column;box-shadow:-10px 0 35px #00000026;animation:slideInRight-b532e2ec .28s cubic-bezier(.16,1,.3,1);transition:max-width .3s cubic-bezier(.16,1,.3,1),background .2s ease;overflow:hidden}.detail-drawer.is-fullscreen[data-v-b532e2ec]{max-width:100vw;border-left:none}@keyframes fadeIn-b532e2ec{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-b532e2ec{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header[data-v-b532e2ec]{padding:1.15rem 1.5rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);flex-shrink:0;position:relative;z-index:10}.drawer-header-content[data-v-b532e2ec]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.drawer-identity-group[data-v-b532e2ec]{display:flex;align-items:flex-start;gap:.9rem;min-width:0;flex:1}.drawer-avatar[data-v-b532e2ec]{width:48px;height:48px;border-radius:var(--radius-md, 10px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;overflow:hidden;border:1px solid var(--border-default, #e2e8f0);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));margin-top:2px}.drawer-avatar.avatar-male[data-v-b532e2ec]{background:#e0f2fe;color:#0284c7;border-color:#bae6fd}.drawer-avatar.avatar-female[data-v-b532e2ec]{background:#fce7f3;color:#db2777;border-color:#fbcfe8}.drawer-avatar.default-avatar[data-v-b532e2ec]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569)}.drawer-avatar-img[data-v-b532e2ec]{width:100%;height:100%;object-fit:cover}.drawer-identity-meta[data-v-b532e2ec]{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.drawer-pre-title[data-v-b532e2ec]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.entity-badge[data-v-b532e2ec]{font-size:.65rem;font-weight:700;color:var(--primary, #d81b60);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));padding:.1rem .45rem;border-radius:var(--radius-xs, 4px);letter-spacing:.04em;text-transform:uppercase}.drawer-uuid[data-v-b532e2ec]{font-size:.7rem;color:var(--text-tertiary, #94a3b8)}.drawer-title[data-v-b532e2ec]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3;word-break:break-word}.drawer-badges-line[data-v-b532e2ec]{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.1rem}.badge-barcode[data-v-b532e2ec]{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.15rem .5rem;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px)}.status-pill[data-v-b532e2ec]{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.status-pill.active[data-v-b532e2ec]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-pill.inactive[data-v-b532e2ec]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-dot[data-v-b532e2ec]{width:6px;height:6px;border-radius:50%;background:currentColor}.drawer-window-controls[data-v-b532e2ec]{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.window-btn[data-v-b532e2ec]{width:36px;height:36px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.window-btn[data-v-b532e2ec]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-fullscreen[data-v-b532e2ec]:hover{color:var(--primary, #d81b60)}.btn-close[data-v-b532e2ec]:hover{color:var(--color-danger, #dc2626);background:var(--color-danger-bg, #fef2f2);border-color:#fca5a5}.drawer-body[data-v-b532e2ec]{flex:1;overflow-y:auto;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem;background:var(--bg-body, #f8fafc)}.drawer-skeleton-body[data-v-b532e2ec]{padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.skeleton-shimmer[data-v-b532e2ec]{background:linear-gradient(90deg,var(--bg-skeleton, #f1f5f9) 0%,var(--border-default, #e2e8f0) 50%,var(--bg-skeleton, #f1f5f9) 100%);background-size:200% 100%;animation:shimmer-b532e2ec 1.5s infinite ease-in-out;border-radius:var(--radius-xs, 4px)}@keyframes shimmer-b532e2ec{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-section-header[data-v-b532e2ec]{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.skeleton-section-header.space-between[data-v-b532e2ec]{justify-content:space-between}.skeleton-icon[data-v-b532e2ec]{width:18px;height:18px;border-radius:4px;flex-shrink:0}.skeleton-circle[data-v-b532e2ec]{width:24px;height:24px;border-radius:50%;flex-shrink:0}.skeleton-card-meta[data-v-b532e2ec]{flex:1;display:flex;flex-direction:column;gap:.35rem}.skeleton-line[data-v-b532e2ec]{height:12px}.skeleton-line.skeleton-title[data-v-b532e2ec]{height:20px;width:180px;border-radius:6px}.skeleton-line.skeleton-subtitle[data-v-b532e2ec]{height:12px;width:110px;border-radius:4px}.skeleton-line.skeleton-label[data-v-b532e2ec]{height:10px;width:90px;margin-bottom:.35rem}.skeleton-line.skeleton-val[data-v-b532e2ec]{height:16px;border-radius:4px}.skeleton-line.skeleton-pill[data-v-b532e2ec]{height:20px;width:80px;border-radius:9999px}.skeleton-line.skeleton-w-25[data-v-b532e2ec]{width:25%}.skeleton-line.skeleton-w-30[data-v-b532e2ec]{width:30%}.skeleton-line.skeleton-w-35[data-v-b532e2ec]{width:35%}.skeleton-line.skeleton-w-40[data-v-b532e2ec]{width:40%}.skeleton-line.skeleton-w-45[data-v-b532e2ec]{width:45%}.skeleton-line.skeleton-w-50[data-v-b532e2ec]{width:50%}.mt-1[data-v-b532e2ec]{margin-top:.25rem}.drawer-error-body[data-v-b532e2ec]{align-items:center;justify-content:center;padding:4rem 2rem}.error-state-box[data-v-b532e2ec]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;color:var(--text-tertiary, #94a3b8)}.error-state-box h3[data-v-b532e2ec]{font-size:1.1rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0}.error-state-box p[data-v-b532e2ec]{font-size:.84rem;color:var(--text-secondary, #475569);margin:0}.section-box[data-v-b532e2ec]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 10px);padding:1rem 1.15rem;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.section-box.no-margin-top[data-v-b532e2ec]{margin-top:0}.section-header-title[data-v-b532e2ec]{display:flex;align-items:center;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.section-header-title.space-between[data-v-b532e2ec]{justify-content:space-between}.header-title-left[data-v-b532e2ec]{display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #0f172a)}.header-title-left svg[data-v-b532e2ec]{color:var(--primary, #d81b60)}.count-badge[data-v-b532e2ec]{font-size:.75rem;font-weight:600;padding:.15rem .55rem;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-radius:var(--radius-full, 9999px);border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.detail-grid[data-v-b532e2ec]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.5rem}.detail-item[data-v-b532e2ec]{display:flex;flex-direction:column;gap:.25rem;min-width:0}.detail-item.full-width[data-v-b532e2ec]{grid-column:span 2}.detail-label[data-v-b532e2ec]{font-size:.72rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.04em}.detail-val[data-v-b532e2ec]{font-size:.875rem;color:var(--text-primary, #0f172a);line-height:1.4;word-break:break-word}.detail-val .text-muted[data-v-b532e2ec],.detail-val[data-v-b532e2ec]:empty{color:var(--text-tertiary, #94a3b8)}.gender-pill[data-v-b532e2ec]{display:inline-block;font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--radius-full, 9999px);width:fit-content;align-self:flex-start}.gender-pill.gender-male[data-v-b532e2ec]{background:#e0f2fe;color:#0369a1}.gender-pill.gender-female[data-v-b532e2ec]{background:#fce7f3;color:#be185d}.age-badge[data-v-b532e2ec]{display:inline-block;margin-left:.4rem;font-size:.75rem;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #f1f5f9);padding:.1rem .45rem;border-radius:var(--radius-xs, 4px);border:1px solid var(--border-default, #e2e8f0)}.desc-box[data-v-b532e2ec]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);padding:.75rem 1rem;font-size:.84rem;color:var(--text-secondary, #475569);line-height:1.5}.link-primary[data-v-b532e2ec]{color:#0284c7;text-decoration:none;font-weight:500;transition:color .15s ease}.link-primary[data-v-b532e2ec]:hover{color:var(--primary, #d81b60);text-decoration:underline}.link-wa[data-v-b532e2ec]{display:inline-flex;align-items:center;gap:.4rem;color:#16a34a;text-decoration:none;font-weight:600;transition:color .15s ease}.link-wa .wa-icon[data-v-b532e2ec]{color:#25d366;flex-shrink:0;transition:transform .15s ease}.link-wa .external-arrow[data-v-b532e2ec]{font-size:.85rem;opacity:.75}.link-wa[data-v-b532e2ec]:hover{color:#15803d;text-decoration:underline}.link-wa:hover .wa-icon[data-v-b532e2ec]{transform:scale(1.15)}.empty-section-box[data-v-b532e2ec]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--bg-surface-raised, #f8fafc);border:1px dashed var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);text-align:center;color:var(--text-tertiary, #94a3b8)}.empty-section-text h4[data-v-b532e2ec]{font-size:.92rem;font-weight:600;color:var(--text-primary, #0f172a);margin:.5rem 0 .2rem}.empty-section-text p[data-v-b532e2ec]{font-size:.8rem;color:var(--text-secondary, #475569);margin:0}.kelas-cards-grid[data-v-b532e2ec]{display:flex;flex-direction:column;gap:.75rem}.kelas-item-card[data-v-b532e2ec]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.85rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.kelas-item-card[data-v-b532e2ec]:hover{background:#fff;border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, .05))}.kelas-card-header[data-v-b532e2ec]{display:flex;align-items:center;gap:.75rem}.kelas-card-info[data-v-b532e2ec]{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.kelas-card-name[data-v-b532e2ec]{font-size:.875rem;font-weight:700;color:#0284c7;text-decoration:none;transition:color .15s ease}.kelas-item-card:hover .kelas-card-name[data-v-b532e2ec],.kelas-card-name[data-v-b532e2ec]:hover{color:var(--primary, #d81b60);text-decoration:underline}.kelas-card-sub[data-v-b532e2ec]{font-size:.75rem;color:var(--text-secondary, #64748b)}.status-badge[data-v-b532e2ec]{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600;white-space:nowrap;flex-shrink:0;line-height:1.2}.status-badge .status-dot[data-v-b532e2ec]{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-success[data-v-b532e2ec]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(22,163,74,.25)}.badge-danger[data-v-b532e2ec]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.25)}.badge-info[data-v-b532e2ec]{background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7);border:1px solid rgba(2,132,199,.25)}.badge-secondary[data-v-b532e2ec]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-default, #e2e8f0)}.kelas-card-details[data-v-b532e2ec]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light, #f1f5f9);display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;font-size:.78rem}.kelas-meta-row[data-v-b532e2ec]{display:flex;align-items:center;gap:.35rem}.meta-label[data-v-b532e2ec]{color:var(--text-secondary, #64748b)}.meta-value[data-v-b532e2ec]{color:var(--text-primary, #0f172a)}.audit-grid[data-v-b532e2ec]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:1rem 1.25rem}.drawer-footer[data-v-b532e2ec]{padding:1rem 1.5rem;border-top:1px solid var(--border-default, #e2e8f0);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface, #ffffff);flex-shrink:0;gap:.75rem}.drawer-footer-actions[data-v-b532e2ec]{display:flex;align-items:center;gap:.5rem}.btn-drawer-action[data-v-b532e2ec]{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.8125rem;padding:.5rem .95rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-primary, #0f172a);cursor:pointer;transition:all .15s ease}.btn-drawer-action[data-v-b532e2ec]:hover{background:var(--bg-surface-raised, #f1f5f9);border-color:var(--border-input, #cbd5e1);color:var(--primary, #d81b60)}.btn-close-drawer[data-v-b532e2ec]{margin-left:auto;min-width:90px;font-weight:500;font-size:.8125rem;padding:.5rem 1rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-close-drawer[data-v-b532e2ec]:hover{background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.audit-toggle-wrapper[data-v-b532e2ec]{margin-top:.25rem;display:flex;flex-direction:column;gap:.75rem}.btn-toggle-audit[data-v-b532e2ec]{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;background:transparent;border:1px dashed var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.55rem .85rem;color:var(--text-secondary, #64748b);font-size:.8rem;font-weight:500;cursor:pointer;width:100%;transition:all .15s ease;text-align:left}.btn-toggle-audit[data-v-b532e2ec]:hover{background:var(--bg-surface-raised, #f8fafc);border-color:var(--border-input, #cbd5e1);color:var(--primary, #d81b60)}.toggle-audit-content[data-v-b532e2ec]{display:flex;align-items:center;gap:.5rem}.audit-toggle-icon[data-v-b532e2ec]{color:var(--text-tertiary, #94a3b8);flex-shrink:0;transition:color .15s ease}.btn-toggle-audit:hover .audit-toggle-icon[data-v-b532e2ec]{color:var(--primary, #d81b60)}.audit-chevron[data-v-b532e2ec]{color:var(--text-tertiary, #94a3b8);flex-shrink:0;transition:transform .2s ease,color .15s ease}.btn-toggle-audit:hover .audit-chevron[data-v-b532e2ec]{color:var(--primary, #d81b60)}.audit-chevron.rotate-180[data-v-b532e2ec]{transform:rotate(180deg)}.audit-section-box[data-v-b532e2ec]{margin-top:0;background:var(--bg-surface-raised, #f8fafc)}.skeleton-audit-toggle[data-v-b532e2ec]{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border:1px dashed var(--border-light, #f1f5f9);border-radius:var(--radius-md, 8px)}.audit-fade-enter-active[data-v-b532e2ec],.audit-fade-leave-active[data-v-b532e2ec]{transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.audit-fade-enter-from[data-v-b532e2ec],.audit-fade-leave-to[data-v-b532e2ec]{opacity:0;transform:translateY(-6px)}@keyframes spin-b532e2ec{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.detail-drawer[data-v-b532e2ec]{width:100vw!important;max-width:100vw!important;border-radius:0}.drawer-header[data-v-b532e2ec]{padding:.85rem}.drawer-body[data-v-b532e2ec],.drawer-skeleton-body[data-v-b532e2ec]{padding:.75rem .65rem;gap:.75rem}.section-box[data-v-b532e2ec]{padding:.85rem;border-radius:var(--radius-lg, 12px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .03))}.section-header-title[data-v-b532e2ec]{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.detail-grid[data-v-b532e2ec]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .85rem}.detail-item[data-v-b532e2ec]{gap:.2rem}.detail-item.col-span-mobile-2[data-v-b532e2ec],.detail-item.full-width[data-v-b532e2ec]{grid-column:span 2}.audit-grid[data-v-b532e2ec]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .75rem;padding:.75rem .85rem;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px)}.drawer-footer[data-v-b532e2ec]{padding:.75rem .85rem;flex-direction:column;gap:.5rem}.drawer-footer-actions[data-v-b532e2ec]{width:100%;display:flex;gap:.5rem}.drawer-footer-actions .btn-drawer-action[data-v-b532e2ec]{flex:1;justify-content:center;min-height:40px}.btn-close-drawer[data-v-b532e2ec]{width:100%;margin-left:0;min-height:40px;display:flex;align-items:center;justify-content:center}}@media (max-width: 480px){.drawer-header[data-v-b532e2ec]{padding:.75rem .65rem}.drawer-identity-group[data-v-b532e2ec]{gap:.65rem}.drawer-avatar[data-v-b532e2ec]{width:38px;height:38px;font-size:.95rem;border-radius:var(--radius-sm, 6px)}.drawer-title[data-v-b532e2ec]{font-size:1.05rem}.badge-barcode[data-v-b532e2ec],.status-pill[data-v-b532e2ec]{font-size:.68rem;padding:.1rem .4rem}.window-btn[data-v-b532e2ec]{width:34px;height:34px}.detail-grid[data-v-b532e2ec]{gap:.8rem .75rem}}.form-modal-backdrop[data-v-6fc67783]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:16px;animation:backdropFadeIn-6fc67783 .2s ease-out}.form-modal-container[data-v-6fc67783]{width:100%;max-width:820px;max-height:90vh;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xl, 16px);box-shadow:0 20px 30px -10px #0f172a26,0 10px 15px -5px #0f172a14;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleUp-6fc67783 .25s cubic-bezier(.16,1,.3,1)}.form-modal-header[data-v-6fc67783]{padding:20px 24px;border-bottom:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.header-left[data-v-6fc67783]{display:flex;align-items:center;gap:14px}.header-icon-box[data-v-6fc67783]{width:44px;height:44px;border-radius:var(--radius-lg, 12px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text[data-v-6fc67783]{display:flex;flex-direction:column}.form-modal-title[data-v-6fc67783]{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3}.form-modal-subtitle[data-v-6fc67783]{font-size:.825rem;color:var(--text-secondary, #475569);margin:2px 0 0}.btn-close-modal[data-v-6fc67783]{width:36px;height:36px;border-radius:var(--radius-md, 8px);background:transparent;border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-close-modal[data-v-6fc67783]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.alert-box[data-v-6fc67783]{margin:16px 24px 0;padding:12px 16px;border-radius:var(--radius-md, 8px);font-size:.85rem;display:flex;align-items:center;gap:10px;flex-shrink:0}.alert-danger[data-v-6fc67783]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.form-modal-body[data-v-6fc67783]{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.form-section[data-v-6fc67783]{padding-bottom:20px;border-bottom:1px dashed var(--border-default, #e2e8f0);display:flex;flex-direction:column;gap:16px}.form-section.no-border-bottom[data-v-6fc67783]{border-bottom:none;padding-bottom:0}.section-title-wrap[data-v-6fc67783]{display:flex;align-items:center;gap:10px}.section-badge[data-v-6fc67783]{width:24px;height:24px;border-radius:50%;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.section-title[data-v-6fc67783]{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.form-grid[data-v-6fc67783]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group[data-v-6fc67783]{display:flex;flex-direction:column;gap:6px}.form-group.full-width[data-v-6fc67783]{grid-column:1 / -1}.form-label[data-v-6fc67783]{font-size:.825rem;font-weight:600;color:var(--text-primary, #0f172a);display:flex;align-items:center;gap:4px}.required-star[data-v-6fc67783]{color:var(--primary, #d81b60);font-weight:700}.label-hint[data-v-6fc67783]{font-size:.75rem;font-weight:400;color:var(--text-tertiary, #94a3b8)}.form-control[data-v-6fc67783]{width:100%;padding:10px 14px;font-size:.875rem;font-family:inherit;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.form-control[data-v-6fc67783]:focus{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(216, 27, 96, .16))}.form-control.is-invalid[data-v-6fc67783]{border-color:var(--color-danger, #dc2626);background-color:var(--color-danger-bg, #fef2f2)}.form-control[data-v-6fc67783]::placeholder{color:var(--text-tertiary, #94a3b8)}textarea.form-control[data-v-6fc67783]{resize:vertical;min-height:70px}.helper-text[data-v-6fc67783]{font-size:.75rem;color:var(--text-secondary, #475569);margin-top:4px;line-height:1.3}.field-error[data-v-6fc67783]{font-size:.75rem;color:var(--color-danger, #dc2626);font-weight:500;margin-top:2px}.toggle-card[data-v-6fc67783]{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);gap:16px}.toggle-info[data-v-6fc67783]{flex:1;display:flex;flex-direction:column;gap:4px}.toggle-header-row[data-v-6fc67783]{display:flex;align-items:center;gap:10px}.toggle-title[data-v-6fc67783]{font-size:.9rem;font-weight:700;color:var(--text-primary, #0f172a)}.status-badge-mini[data-v-6fc67783]{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full, 9999px);display:inline-flex;align-items:center;gap:5px}.status-badge-mini .dot[data-v-6fc67783]{width:6px;height:6px;border-radius:50%}.status-badge-mini.active[data-v-6fc67783]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(220,38,38,0);background-color:#f0fdf4;color:#16a34a}.status-badge-mini.active .dot[data-v-6fc67783]{background:var(--color-success, #16a34a)}.status-badge-mini.inactive[data-v-6fc67783]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.status-badge-mini.inactive .dot[data-v-6fc67783]{background:var(--color-danger, #dc2626)}.toggle-desc[data-v-6fc67783]{font-size:.785rem;color:var(--text-secondary, #475569);margin:0;line-height:1.4}.switch-toggle[data-v-6fc67783]{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;flex-shrink:0}.switch-toggle input[data-v-6fc67783]{opacity:0;width:0;height:0}.slider[data-v-6fc67783]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--border-input, #cbd5e1);border-radius:26px;transition:all var(--transition-base, .2s ease)}.slider[data-v-6fc67783]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:all var(--transition-base, .2s ease)}.switch-toggle input:checked+.slider[data-v-6fc67783]{background-color:var(--primary, #d81b60)}.switch-toggle input:checked+.slider[data-v-6fc67783]:before{transform:translate(22px)}.form-modal-footer[data-v-6fc67783]{padding:16px 24px;border-top:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.btn[data-v-6fc67783]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease);min-height:40px}.btn[data-v-6fc67783]:disabled{opacity:.65;cursor:not-allowed}.btn-secondary[data-v-6fc67783]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border:1px solid var(--border-default, #e2e8f0)}.btn-secondary[data-v-6fc67783]:hover:not(:disabled){background:var(--border-default, #e2e8f0)}.btn-primary[data-v-6fc67783]{background:var(--primary, #d81b60);color:#fff;border:1px solid transparent;box-shadow:0 2px 4px #d81b6033}.btn-primary[data-v-6fc67783]:hover:not(:disabled){background:var(--primary-hover, #c2185b)}.rotate-spin[data-v-6fc67783]{animation:spin-6fc67783 1s linear infinite}@keyframes spin-6fc67783{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes backdropFadeIn-6fc67783{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp-6fc67783{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 640px){.form-modal-backdrop[data-v-6fc67783]{padding:0}.form-modal-container[data-v-6fc67783]{max-width:100vw;max-height:100vh;height:100vh;border-radius:0;border:none}.form-modal-header[data-v-6fc67783]{padding:14px 16px}.header-icon-box[data-v-6fc67783]{width:36px;height:36px}.form-modal-title[data-v-6fc67783]{font-size:1.05rem}.form-modal-body[data-v-6fc67783]{padding:16px;gap:18px}.form-grid[data-v-6fc67783]{grid-template-columns:1fr;gap:12px}.toggle-card[data-v-6fc67783]{flex-direction:row;padding:12px 14px}.form-modal-footer[data-v-6fc67783]{padding:12px 16px}.btn[data-v-6fc67783]{flex:1;min-height:44px}}.murid-page[data-v-bd96903c]{display:flex;flex-direction:column;gap:1.25rem;width:100%}.page-header[data-v-bd96903c]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.header-left[data-v-bd96903c]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-bd96903c]{width:46px;height:46px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-title[data-v-bd96903c]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .15rem;line-height:1.2}.page-subtitle[data-v-bd96903c]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0}.header-right[data-v-bd96903c]{display:flex;align-items:center;gap:.75rem}.btn-add-murid[data-v-bd96903c]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;padding:.45rem .95rem;border-radius:var(--radius-md, 8px);background:var(--primary, #d81b60);border:1px solid transparent;color:#fff;cursor:pointer;box-shadow:0 2px 4px #d81b6033;transition:all .15s ease}.btn-add-murid[data-v-bd96903c]:hover{background:var(--primary-hover, #c2185b);transform:translateY(-1px);box-shadow:0 4px 6px #d81b6040}.btn-refresh[data-v-bd96903c]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-refresh[data-v-bd96903c]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-refresh[data-v-bd96903c]:disabled{opacity:.6;cursor:not-allowed}.metrics-grid[data-v-bd96903c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.metric-card[data-v-bd96903c]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.metric-card[data-v-bd96903c]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));border-color:#cbd5e1}.metric-card.card-active[data-v-bd96903c]{border-color:#64748b;background:#f8fafc;box-shadow:0 0 0 2px #64748b26,0 2px 4px #00000008}.metric-card.non-clickable[data-v-bd96903c]{cursor:default}.metric-card.non-clickable[data-v-bd96903c]:hover{transform:none;box-shadow:none;border-color:var(--border-default, #e2e8f0)}.metric-icon-box[data-v-bd96903c]{width:44px;height:44px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.total[data-v-bd96903c]{background:#d81b601a;color:var(--primary, #d81b60)}.metric-icon-box.active[data-v-bd96903c]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a)}.metric-icon-box.inactive[data-v-bd96903c]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626)}.metric-icon-box.gender[data-v-bd96903c]{background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7)}.metric-content[data-v-bd96903c]{display:flex;flex-direction:column;gap:.15rem}.metric-label[data-v-bd96903c]{font-size:.75rem;font-weight:500;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.03em}.metric-value[data-v-bd96903c]{font-size:1.35rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.1}.gender-split[data-v-bd96903c]{display:flex;align-items:baseline;gap:.35rem;font-size:1.15rem;font-weight:700}.gender-val.male[data-v-bd96903c]{color:#0284c7}.gender-val.female[data-v-bd96903c]{color:#d81b60}.gender-val small[data-v-bd96903c]{font-size:.75rem;font-weight:600}.gender-divider[data-v-bd96903c]{color:var(--text-tertiary, #94a3b8);font-weight:400}.data-panel[data-v-bd96903c]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm)}.toolbar[data-v-bd96903c]{padding:1.15rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff)}.search-box-combined[data-v-bd96903c]{display:flex;align-items:center;gap:.4rem;flex:1;min-width:320px;max-width:480px}.search-key-select[data-v-bd96903c]{flex-shrink:0}.search-input-inner[data-v-bd96903c]{position:relative;flex:1;min-width:170px}.search-icon[data-v-bd96903c]{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-bd96903c]{width:100%;padding:.45rem 2.2rem .45rem 2.3rem;font-size:.82rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-input, #cbd5e1);background:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);transition:all .15s ease;outline:none}.search-input[data-v-bd96903c]:focus{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus)}.btn-clear-search[data-v-bd96903c]{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:50%;transition:color .15s ease}.btn-clear-search[data-v-bd96903c]:hover{color:var(--text-primary, #0f172a)}.filters-group[data-v-bd96903c]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.filter-item[data-v-bd96903c]{display:flex;align-items:center}.btn-reset-filter[data-v-bd96903c]{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px dashed var(--border-input, #cbd5e1);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-reset-filter[data-v-bd96903c]:hover{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border-color:#dc26264d}.table-container[data-v-bd96903c]{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table[data-v-bd96903c]{width:100%;border-collapse:collapse;text-align:left;font-size:.84rem}.data-table thead th[data-v-bd96903c]{background:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #475569);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1rem;border-bottom:1px solid var(--border-default, #e2e8f0);white-space:nowrap}.data-table tbody tr[data-v-bd96903c]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background-color .15s ease}.data-table tbody tr[data-v-bd96903c]:hover{background:var(--bg-table-row-hover, #f8fafc)}.data-table td[data-v-bd96903c]{padding:.85rem 1rem;vertical-align:middle}.col-num[data-v-bd96903c]{width:50px;text-align:center}.col-barcode[data-v-bd96903c]{width:120px}.barcode-badge[data-v-bd96903c]{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm, 6px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);font-size:.78rem;font-weight:600;color:var(--text-secondary, #475569)}.col-name[data-v-bd96903c]{min-width:230px}.murid-profile-cell[data-v-bd96903c]{display:flex;align-items:center;gap:.75rem}.murid-avatar[data-v-bd96903c]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;overflow:hidden;border:1.5px solid var(--border-light, #f1f5f9)}.avatar-male[data-v-bd96903c]{background:#e0f2fe;color:#0369a1}.avatar-female[data-v-bd96903c]{background:#fce7f3;color:#be185d}.murid-avatar-img[data-v-bd96903c]{width:100%;height:100%;object-fit:cover}.murid-name-info[data-v-bd96903c]{display:flex;flex-direction:column;gap:.1rem}.murid-fullname[data-v-bd96903c]{color:var(--text-primary, #0f172a);font-weight:600}.murid-nickname[data-v-bd96903c]{font-size:.75rem}.col-gender[data-v-bd96903c]{min-width:120px}.gender-info[data-v-bd96903c]{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.gender-tag[data-v-bd96903c]{display:inline-block;padding:.15rem .45rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.tag-male[data-v-bd96903c]{background:#e0f2fe;color:#0369a1}.tag-female[data-v-bd96903c]{background:#fce7f3;color:#be185d}.age-text[data-v-bd96903c]{font-size:.75rem}.col-contact[data-v-bd96903c]{min-width:180px}.contact-info[data-v-bd96903c]{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem}.ortu-name[data-v-bd96903c],.contact-number[data-v-bd96903c]{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary, #475569)}.contact-number[data-v-bd96903c]{color:var(--text-primary, #0f172a);font-weight:500}.col-address[data-v-bd96903c]{max-width:220px}.address-text[data-v-bd96903c]{color:var(--text-secondary, #475569);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-status[data-v-bd96903c]{width:110px}.status-badge[data-v-bd96903c]{display:inline-block;padding:.25rem .65rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600;text-align:center;white-space:nowrap}.badge-success[data-v-bd96903c]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(22,163,74,.2)}.badge-danger[data-v-bd96903c]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.badge-info[data-v-bd96903c]{background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7);border:1px solid rgba(2,132,199,.2)}.badge-secondary[data-v-bd96903c]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8)}.empty-state-cell[data-v-bd96903c]{padding:4rem 1.5rem}.empty-state-box[data-v-bd96903c]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;margin:0 auto}.empty-state-icon[data-v-bd96903c]{width:60px;height:60px;border-radius:50%;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-title[data-v-bd96903c]{font-size:1.05rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0 0 .4rem}.empty-desc[data-v-bd96903c]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0;line-height:1.4}.skeleton-pill[data-v-bd96903c]{height:14px;border-radius:var(--radius-xs, 4px);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-bd96903c 1.5s infinite}.skel-num[data-v-bd96903c]{width:20px;margin:0 auto}.skel-code[data-v-bd96903c]{width:60px}.skel-title[data-v-bd96903c]{width:140px;height:14px;margin-bottom:4px}.skel-sub[data-v-bd96903c]{width:70px;height:10px}.skel-gender[data-v-bd96903c]{width:80px}.skel-contact[data-v-bd96903c]{width:110px}.skel-address[data-v-bd96903c]{width:130px}.skel-badge[data-v-bd96903c]{width:65px;height:20px;border-radius:9999px}.name-cell-skeleton[data-v-bd96903c]{display:flex;align-items:center;gap:.75rem}.skeleton-avatar[data-v-bd96903c]{width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-bd96903c 1.5s infinite;flex-shrink:0}.skeleton-texts[data-v-bd96903c]{display:flex;flex-direction:column}@keyframes skeletonPulse-bd96903c{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination-footer[data-v-bd96903c]{padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff)}.pagination-info[data-v-bd96903c]{font-size:.8125rem;color:var(--text-secondary, #475569)}.pagination-controls[data-v-bd96903c]{display:flex;align-items:center;gap:.35rem}.btn-page-nav[data-v-bd96903c],.btn-page-num[data-v-bd96903c]{min-width:32px;height:32px;padding:0 .35rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);font-size:.8125rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-page-nav[data-v-bd96903c]:hover:not(:disabled),.btn-page-num[data-v-bd96903c]:hover:not(:disabled){background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-page-num.is-active[data-v-bd96903c]{background:var(--primary, #d81b60);color:#fff;border-color:var(--primary, #d81b60);font-weight:600}.btn-page-nav[data-v-bd96903c]:disabled,.btn-page-num[data-v-bd96903c]:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis[data-v-bd96903c]{padding:0 .25rem;color:var(--text-tertiary, #94a3b8);font-size:.8125rem}.rotate-spin[data-v-bd96903c]{animation:spin-bd96903c .8s linear infinite}@keyframes spin-bd96903c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clickable-row[data-v-bd96903c]{cursor:pointer;transition:background-color .15s ease}.clickable-row[data-v-bd96903c]:hover{background-color:var(--bg-table-row-hover, #f1f5f9)!important}@media (max-width: 768px){.page-header[data-v-bd96903c]{flex-direction:column;align-items:flex-start;gap:.85rem;padding:1rem 1.15rem}.header-left[data-v-bd96903c]{width:100%}.header-right[data-v-bd96903c]{width:100%;display:flex;justify-content:flex-end}.toolbar[data-v-bd96903c]{flex-direction:column;align-items:stretch;padding:1rem;gap:.85rem}.search-box-combined[data-v-bd96903c]{max-width:100%;min-width:0;width:100%}.filters-group[data-v-bd96903c]{width:100%;justify-content:flex-start}.data-table[data-v-bd96903c]{min-width:750px}.pagination-footer[data-v-bd96903c]{flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:.85rem 1rem}}@media (max-width: 640px){.page-title[data-v-bd96903c]{font-size:1.15rem}.page-subtitle[data-v-bd96903c]{font-size:.78rem;line-height:1.35}.metrics-grid[data-v-bd96903c]{grid-template-columns:repeat(2,1fr);gap:.65rem}.metric-card[data-v-bd96903c]{padding:.75rem .85rem;gap:.65rem;border-radius:var(--radius-md, 8px)}.metric-icon-box[data-v-bd96903c]{width:38px;height:38px;border-radius:var(--radius-sm, 6px)}.metric-icon-box svg[data-v-bd96903c]{width:18px;height:18px}.metric-label[data-v-bd96903c]{font-size:.68rem}.metric-value[data-v-bd96903c]{font-size:1.15rem}.gender-split[data-v-bd96903c]{font-size:.95rem;gap:.25rem}.search-box-combined[data-v-bd96903c]{flex-direction:column;gap:.5rem}.search-key-select[data-v-bd96903c]{width:100%}.search-key-select[data-v-bd96903c] .searchable-select-container{width:100%;min-width:0!important}.search-input-inner[data-v-bd96903c]{width:100%;min-width:0}.search-input[data-v-bd96903c]{padding:.5rem 2.2rem;font-size:.85rem}.filters-group[data-v-bd96903c]{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:.5rem}.filter-item[data-v-bd96903c]{width:100%}.filter-item[data-v-bd96903c] .searchable-select-container{width:100%;min-width:0!important}.btn-reset-filter[data-v-bd96903c]{grid-column:span 2;width:100%;justify-content:center;padding:.5rem}.pagination-info[data-v-bd96903c]{font-size:.78rem}.pagination-controls[data-v-bd96903c]{flex-wrap:wrap;justify-content:center}.btn-page-nav[data-v-bd96903c],.btn-page-num[data-v-bd96903c]{min-width:36px;height:36px;font-size:.85rem}}.modal-backdrop[data-v-f102d454]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;display:flex;justify-content:flex-end;animation:fadeIn-f102d454 .2s ease-out}.modal-backdrop.nested-backdrop[data-v-f102d454]{z-index:1070;background:#0f172abf}.detail-drawer[data-v-f102d454]{width:100%;max-width:860px;height:100vh;background:var(--bg-surface, #ffffff);border-left:1px solid var(--border-default, #e2e8f0);border-radius:0;display:flex;flex-direction:column;box-shadow:-10px 0 35px #00000026;animation:slideInRight-f102d454 .28s cubic-bezier(.16,1,.3,1);transition:max-width .3s cubic-bezier(.16,1,.3,1),background .2s ease;overflow:hidden}.detail-drawer.is-fullscreen[data-v-f102d454]{max-width:100vw;border-left:none}@keyframes fadeIn-f102d454{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-f102d454{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header[data-v-f102d454]{padding:1.15rem 1.5rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);flex-shrink:0;position:relative;z-index:10}.drawer-header-content[data-v-f102d454]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.drawer-identity-group[data-v-f102d454]{display:flex;align-items:flex-start;gap:.9rem;min-width:0;flex:1}.drawer-avatar[data-v-f102d454]{width:48px;height:48px;border-radius:var(--radius-md, 10px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;overflow:hidden;border:1px solid var(--border-default, #e2e8f0);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));margin-top:2px}.drawer-avatar.avatar-male[data-v-f102d454]{background:#e0f2fe;color:#0284c7;border-color:#bae6fd}.drawer-avatar.avatar-female[data-v-f102d454]{background:#fce7f3;color:#db2777;border-color:#fbcfe8}.drawer-avatar.default-avatar[data-v-f102d454]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569)}.drawer-avatar-img[data-v-f102d454]{width:100%;height:100%;object-fit:cover}.drawer-identity-meta[data-v-f102d454]{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.drawer-pre-title[data-v-f102d454]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.entity-badge[data-v-f102d454]{font-size:.65rem;font-weight:700;color:var(--primary, #d81b60);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));padding:.1rem .45rem;border-radius:var(--radius-xs, 4px);letter-spacing:.04em;text-transform:uppercase}.drawer-uuid[data-v-f102d454]{font-size:.7rem;font-family:var(--font-mono, monospace);color:var(--text-tertiary, #94a3b8)}.drawer-title[data-v-f102d454]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3;word-break:break-word}.drawer-badges-line[data-v-f102d454]{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.1rem}.badge-barcode[data-v-f102d454]{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.15rem .5rem;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px)}.status-pill[data-v-f102d454]{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.status-pill.active[data-v-f102d454]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-pill.inactive[data-v-f102d454]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-dot[data-v-f102d454]{width:6px;height:6px;border-radius:50%;background:currentColor}.drawer-window-controls[data-v-f102d454]{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.window-btn[data-v-f102d454]{width:36px;height:36px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.window-btn[data-v-f102d454]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-fullscreen[data-v-f102d454]:hover{color:var(--primary, #d81b60)}.btn-close[data-v-f102d454]:hover{color:var(--color-danger, #dc2626);background:var(--color-danger-bg, #fef2f2);border-color:#fca5a5}.drawer-body[data-v-f102d454]{flex:1;overflow-y:auto;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem;background:var(--bg-body, #f8fafc)}.drawer-skeleton-body[data-v-f102d454]{padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.skeleton-shimmer[data-v-f102d454]{background:linear-gradient(90deg,var(--bg-skeleton, #f1f5f9) 0%,var(--border-default, #e2e8f0) 50%,var(--bg-skeleton, #f1f5f9) 100%);background-size:200% 100%;animation:shimmer-f102d454 1.5s infinite ease-in-out;border-radius:var(--radius-xs, 4px)}@keyframes shimmer-f102d454{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-section-header[data-v-f102d454]{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.skeleton-section-header.space-between[data-v-f102d454]{justify-content:space-between}.skeleton-icon[data-v-f102d454]{width:18px;height:18px;border-radius:4px;flex-shrink:0}.skeleton-line[data-v-f102d454]{height:12px}.skeleton-line.skeleton-label[data-v-f102d454]{height:10px;width:90px;margin-bottom:.35rem}.skeleton-line.skeleton-val[data-v-f102d454]{height:16px;border-radius:4px}.skeleton-line.skeleton-pill[data-v-f102d454]{height:20px;width:80px;border-radius:9999px}.skeleton-line.skeleton-w-25[data-v-f102d454]{width:25%}.skeleton-line.skeleton-w-30[data-v-f102d454]{width:30%}.skeleton-line.skeleton-w-35[data-v-f102d454]{width:35%}.skeleton-line.skeleton-w-40[data-v-f102d454]{width:40%}.skeleton-line.skeleton-w-50[data-v-f102d454]{width:50%}.mt-1[data-v-f102d454]{margin-top:.25rem}.skeleton-photo[data-v-f102d454]{width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-md, 8px)}.drawer-error-body[data-v-f102d454]{align-items:center;justify-content:center;padding:4rem 2rem}.error-state-box[data-v-f102d454]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;color:var(--text-tertiary, #94a3b8)}.error-state-box h3[data-v-f102d454]{font-size:1.1rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0}.error-state-box p[data-v-f102d454]{font-size:.84rem;color:var(--text-secondary, #475569);margin:0}.section-box[data-v-f102d454]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 10px);padding:1rem 1.15rem;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.section-box.no-margin-top[data-v-f102d454]{margin-top:0}.section-header-title[data-v-f102d454]{display:flex;align-items:center;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.section-header-title.space-between[data-v-f102d454]{justify-content:space-between}.header-title-left[data-v-f102d454]{display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #0f172a)}.header-title-left svg[data-v-f102d454]{color:var(--primary, #d81b60)}.count-badge[data-v-f102d454]{font-size:.75rem;font-weight:600;padding:.15rem .55rem;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-radius:var(--radius-full, 9999px);border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.guru-profile-grid[data-v-f102d454]{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:start}.guru-photo-side[data-v-f102d454]{width:100%}.guru-photo-card[data-v-f102d454]{width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-md, 8px);overflow:hidden;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));display:flex}.guru-main-photo[data-v-f102d454]{width:100%;height:100%;object-fit:cover;display:block}.guru-photo-placeholder[data-v-f102d454]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.25rem;text-align:center}.guru-photo-placeholder.avatar-male[data-v-f102d454]{background:linear-gradient(180deg,#f0f9ff,#e0f2fe);color:#0284c7}.guru-photo-placeholder.avatar-female[data-v-f102d454]{background:linear-gradient(180deg,#fdf2f8,#fce7f3);color:#db2777}.placeholder-icon-box[data-v-f102d454]{opacity:.4}.placeholder-initial[data-v-f102d454]{font-size:2rem;font-weight:800;line-height:1}.placeholder-tag[data-v-f102d454]{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.detail-grid[data-v-f102d454]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.5rem}.detail-item[data-v-f102d454]{display:flex;flex-direction:column;gap:.25rem;min-width:0}.detail-item.full-width[data-v-f102d454]{grid-column:span 2}.detail-label[data-v-f102d454]{font-size:.72rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.04em}.detail-val[data-v-f102d454]{font-size:.875rem;color:var(--text-primary, #0f172a);line-height:1.4;word-break:break-word}.detail-val .text-muted[data-v-f102d454],.detail-val[data-v-f102d454]:empty{color:var(--text-tertiary, #94a3b8)}.gender-pill[data-v-f102d454]{display:inline-block;font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--radius-full, 9999px);width:fit-content;align-self:flex-start}.gender-pill.gender-male[data-v-f102d454]{background:#e0f2fe;color:#0369a1}.gender-pill.gender-female[data-v-f102d454]{background:#fce7f3;color:#be185d}.age-badge[data-v-f102d454]{display:inline-block;margin-left:.4rem;font-size:.75rem;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #f1f5f9);padding:.1rem .45rem;border-radius:var(--radius-xs, 4px);border:1px solid var(--border-default, #e2e8f0)}.desc-box[data-v-f102d454]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);padding:.75rem 1rem;font-size:.84rem;color:var(--text-secondary, #475569);line-height:1.5}.link-primary[data-v-f102d454]{color:#0284c7;text-decoration:none;font-weight:500;transition:color .15s ease}.link-primary[data-v-f102d454]:hover{color:var(--primary, #d81b60);text-decoration:underline}.link-wa[data-v-f102d454]{display:inline-flex;align-items:center;gap:.4rem;color:#16a34a;text-decoration:none;font-weight:600;transition:color .15s ease}.link-wa .wa-icon[data-v-f102d454]{color:#25d366;flex-shrink:0;transition:transform .15s ease}.link-wa .external-arrow[data-v-f102d454]{font-size:.85rem;opacity:.75}.link-wa[data-v-f102d454]:hover{color:#15803d;text-decoration:underline}.link-wa:hover .wa-icon[data-v-f102d454]{transform:scale(1.15)}.empty-section-box[data-v-f102d454]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--bg-surface-raised, #f8fafc);border:1px dashed var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);text-align:center;color:var(--text-tertiary, #94a3b8)}.empty-section-text h4[data-v-f102d454]{font-size:.92rem;font-weight:600;color:var(--text-primary, #0f172a);margin:.5rem 0 .2rem}.empty-section-text p[data-v-f102d454]{font-size:.8rem;color:var(--text-secondary, #475569);margin:0}.kelas-cards-grid[data-v-f102d454]{display:flex;flex-direction:column;gap:.85rem}.kelas-item-card[data-v-f102d454]{background:#fff;border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 10px);padding:1rem 1.15rem;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .04));transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.kelas-item-card[data-v-f102d454]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.kelas-item-card:hover .kelas-card-name[data-v-f102d454]{color:var(--primary, #d81b60)}.kelas-card-header[data-v-f102d454]{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.kelas-card-info[data-v-f102d454]{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.kelas-card-name[data-v-f102d454]{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);text-decoration:none;transition:color .15s ease;line-height:1.3}.kelas-card-name[data-v-f102d454]:hover{color:var(--primary, #d81b60)}.kelas-card-sub[data-v-f102d454]{font-size:.78rem;color:var(--text-secondary, #64748b);font-weight:500}.status-badge[data-v-f102d454]{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600;white-space:nowrap;flex-shrink:0;line-height:1.2}.status-badge .status-dot[data-v-f102d454]{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-success[data-v-f102d454]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(22,163,74,.25)}.badge-danger[data-v-f102d454]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.25)}.badge-info[data-v-f102d454]{background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7);border:1px solid rgba(2,132,199,.25)}.badge-secondary[data-v-f102d454]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-default, #e2e8f0)}.kelas-card-details[data-v-f102d454]{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding-top:.65rem;border-top:1px dashed var(--border-light, #f1f5f9)}.kelas-meta-chip[data-v-f102d454]{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);padding:.3rem .6rem;font-size:.78rem;color:var(--text-primary, #0f172a);line-height:1.2}.kelas-meta-chip .meta-icon[data-v-f102d454]{color:var(--text-tertiary, #94a3b8);flex-shrink:0}.kelas-meta-chip .meta-label[data-v-f102d454]{color:var(--text-secondary, #64748b);font-weight:500;font-size:.75rem}.kelas-meta-chip .meta-value[data-v-f102d454]{color:var(--text-primary, #0f172a);font-weight:600}.audit-toggle-wrapper[data-v-f102d454]{margin-top:.25rem;display:flex;flex-direction:column;gap:.75rem}.btn-toggle-audit[data-v-f102d454]{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;background:transparent;border:1px dashed var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.55rem .85rem;color:var(--text-secondary, #64748b);font-size:.8rem;font-weight:500;cursor:pointer;width:100%;transition:all .15s ease;text-align:left}.btn-toggle-audit[data-v-f102d454]:hover{background:var(--bg-surface-raised, #f8fafc);border-color:var(--border-input, #cbd5e1);color:var(--primary, #d81b60)}.toggle-audit-content[data-v-f102d454]{display:flex;align-items:center;gap:.5rem}.audit-toggle-icon[data-v-f102d454]{color:var(--text-tertiary, #94a3b8);flex-shrink:0;transition:color .15s ease}.btn-toggle-audit:hover .audit-toggle-icon[data-v-f102d454]{color:var(--primary, #d81b60)}.audit-chevron[data-v-f102d454]{color:var(--text-tertiary, #94a3b8);flex-shrink:0;transition:transform .2s ease,color .15s ease}.btn-toggle-audit:hover .audit-chevron[data-v-f102d454]{color:var(--primary, #d81b60)}.audit-chevron.rotate-180[data-v-f102d454]{transform:rotate(180deg)}.audit-section-box[data-v-f102d454]{margin-top:0;background:var(--bg-surface-raised, #f8fafc)}.audit-grid[data-v-f102d454]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:1rem 1.25rem}.skeleton-audit-toggle[data-v-f102d454]{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border:1px dashed var(--border-light, #f1f5f9);border-radius:var(--radius-md, 8px)}.audit-fade-enter-active[data-v-f102d454],.audit-fade-leave-active[data-v-f102d454]{transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.audit-fade-enter-from[data-v-f102d454],.audit-fade-leave-to[data-v-f102d454]{opacity:0;transform:translateY(-6px)}.drawer-footer[data-v-f102d454]{padding:1rem 1.5rem;border-top:1px solid var(--border-default, #e2e8f0);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface, #ffffff);flex-shrink:0;gap:.75rem}.drawer-footer-actions[data-v-f102d454]{display:flex;align-items:center;gap:.5rem}.btn-drawer-action[data-v-f102d454]{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.8125rem;padding:.5rem .95rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-primary, #0f172a);cursor:pointer;transition:all .15s ease}.btn-drawer-action[data-v-f102d454]:hover{background:var(--bg-surface-raised, #f1f5f9);border-color:var(--border-input, #cbd5e1);color:var(--primary, #d81b60)}.btn-close-drawer[data-v-f102d454]{margin-left:auto;min-width:90px;font-weight:500;font-size:.8125rem;padding:.5rem 1rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-close-drawer[data-v-f102d454]:hover{background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}@media (max-width: 768px){.detail-drawer[data-v-f102d454]{width:100vw!important;max-width:100vw!important;border-radius:0}.drawer-header[data-v-f102d454]{padding:.85rem}.drawer-body[data-v-f102d454],.drawer-skeleton-body[data-v-f102d454]{padding:.75rem .65rem;gap:.75rem}.section-box[data-v-f102d454]{padding:.85rem;border-radius:var(--radius-lg, 12px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .03))}.section-header-title[data-v-f102d454]{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.guru-profile-grid[data-v-f102d454]{grid-template-columns:1fr;gap:1rem}.guru-photo-side[data-v-f102d454]{max-width:130px;margin:0 auto}.guru-photo-card[data-v-f102d454]{border-radius:var(--radius-md, 8px)}.detail-grid[data-v-f102d454]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .85rem}.detail-item[data-v-f102d454]{gap:.2rem}.detail-item.col-span-mobile-2[data-v-f102d454],.detail-item.full-width[data-v-f102d454]{grid-column:span 2}.audit-grid[data-v-f102d454]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .75rem;padding:.75rem .85rem;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px)}.drawer-footer[data-v-f102d454]{padding:.75rem .85rem;flex-direction:column;gap:.5rem}.drawer-footer-actions[data-v-f102d454]{width:100%;display:flex;gap:.5rem}.drawer-footer-actions .btn-drawer-action[data-v-f102d454]{flex:1;justify-content:center;min-height:40px}.btn-close-drawer[data-v-f102d454]{width:100%;margin-left:0;min-height:40px;display:flex;align-items:center;justify-content:center}}@media (max-width: 480px){.drawer-header[data-v-f102d454]{padding:.75rem .65rem}.drawer-identity-group[data-v-f102d454]{gap:.65rem}.drawer-avatar[data-v-f102d454]{width:38px;height:38px;font-size:.95rem;border-radius:var(--radius-sm, 6px)}.drawer-title[data-v-f102d454]{font-size:1.05rem}.badge-barcode[data-v-f102d454],.status-pill[data-v-f102d454]{font-size:.68rem;padding:.1rem .4rem}.window-btn[data-v-f102d454]{width:34px;height:34px}.detail-grid[data-v-f102d454]{gap:.8rem .75rem}.guru-classes-list[data-v-f102d454]{grid-template-columns:1fr}}.form-modal-backdrop[data-v-8117e925]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:16px;animation:backdropFadeIn-8117e925 .2s ease-out}.form-modal-container[data-v-8117e925]{width:100%;max-width:800px;max-height:90vh;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xl, 16px);box-shadow:0 20px 30px -10px #0f172a26,0 10px 15px -5px #0f172a14;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleUp-8117e925 .25s cubic-bezier(.16,1,.3,1)}.form-modal-header[data-v-8117e925]{padding:20px 24px;border-bottom:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.header-left[data-v-8117e925]{display:flex;align-items:center;gap:14px}.header-icon-box[data-v-8117e925]{width:44px;height:44px;border-radius:var(--radius-lg, 12px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text[data-v-8117e925]{display:flex;flex-direction:column}.form-modal-title[data-v-8117e925]{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3}.form-modal-subtitle[data-v-8117e925]{font-size:.825rem;color:var(--text-secondary, #475569);margin:2px 0 0}.btn-close-modal[data-v-8117e925]{width:36px;height:36px;border-radius:var(--radius-md, 8px);background:transparent;border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-close-modal[data-v-8117e925]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.alert-box[data-v-8117e925]{margin:16px 24px 0;padding:12px 16px;border-radius:var(--radius-md, 8px);font-size:.85rem;display:flex;align-items:center;gap:10px;flex-shrink:0}.alert-danger[data-v-8117e925]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.form-modal-body[data-v-8117e925]{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.form-section[data-v-8117e925]{padding-bottom:20px;border-bottom:1px dashed var(--border-default, #e2e8f0);display:flex;flex-direction:column;gap:16px}.form-section.no-border-bottom[data-v-8117e925]{border-bottom:none;padding-bottom:0}.section-title-wrap[data-v-8117e925]{display:flex;align-items:center;gap:10px}.section-badge[data-v-8117e925]{width:24px;height:24px;border-radius:50%;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.section-title[data-v-8117e925]{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.form-grid[data-v-8117e925]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group[data-v-8117e925]{display:flex;flex-direction:column;gap:6px}.form-group.full-width[data-v-8117e925]{grid-column:1 / -1}.form-label[data-v-8117e925]{font-size:.825rem;font-weight:600;color:var(--text-primary, #0f172a);display:flex;align-items:center;gap:4px}.required-star[data-v-8117e925]{color:var(--primary, #d81b60);font-weight:700}.label-hint[data-v-8117e925]{font-size:.75rem;font-weight:400;color:var(--text-tertiary, #94a3b8)}.form-control[data-v-8117e925]{width:100%;padding:10px 14px;font-size:.875rem;font-family:inherit;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.form-control[data-v-8117e925]:focus{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(216, 27, 96, .16))}.form-control.is-invalid[data-v-8117e925]{border-color:var(--color-danger, #dc2626);background-color:var(--color-danger-bg, #fef2f2)}.form-control[data-v-8117e925]::placeholder{color:var(--text-tertiary, #94a3b8)}textarea.form-control[data-v-8117e925]{resize:vertical;min-height:70px}.helper-text[data-v-8117e925]{font-size:.75rem;color:var(--text-secondary, #475569);margin-top:4px;line-height:1.3}.field-error[data-v-8117e925]{font-size:.75rem;color:var(--color-danger, #dc2626);font-weight:500;margin-top:2px}.toggle-card[data-v-8117e925]{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);gap:16px}.toggle-info[data-v-8117e925]{flex:1;display:flex;flex-direction:column;gap:4px}.toggle-header-row[data-v-8117e925]{display:flex;align-items:center;gap:10px}.toggle-title[data-v-8117e925]{font-size:.9rem;font-weight:700;color:var(--text-primary, #0f172a)}.status-badge-mini[data-v-8117e925]{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full, 9999px);display:inline-flex;align-items:center;gap:5px}.status-badge-mini .dot[data-v-8117e925]{width:6px;height:6px;border-radius:50%}.status-badge-mini.active[data-v-8117e925]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(22,163,74,.2)}.status-badge-mini.active .dot[data-v-8117e925]{background:var(--color-success, #16a34a)}.status-badge-mini.inactive[data-v-8117e925]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.status-badge-mini.inactive .dot[data-v-8117e925]{background:var(--color-danger, #dc2626)}.toggle-desc[data-v-8117e925]{font-size:.785rem;color:var(--text-secondary, #475569);margin:0;line-height:1.4}.switch-toggle[data-v-8117e925]{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;flex-shrink:0}.switch-toggle input[data-v-8117e925]{opacity:0;width:0;height:0}.slider[data-v-8117e925]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--border-input, #cbd5e1);border-radius:26px;transition:all var(--transition-base, .2s ease)}.slider[data-v-8117e925]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:all var(--transition-base, .2s ease)}.switch-toggle input:checked+.slider[data-v-8117e925]{background-color:var(--primary, #d81b60)}.switch-toggle input:checked+.slider[data-v-8117e925]:before{transform:translate(22px)}.form-modal-footer[data-v-8117e925]{padding:16px 24px;border-top:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.btn[data-v-8117e925]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease);min-height:40px}.btn[data-v-8117e925]:disabled{opacity:.65;cursor:not-allowed}.btn-secondary[data-v-8117e925]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border:1px solid var(--border-default, #e2e8f0)}.btn-secondary[data-v-8117e925]:hover:not(:disabled){background:var(--border-default, #e2e8f0)}.btn-primary[data-v-8117e925]{background:var(--primary, #d81b60);color:#fff;border:1px solid transparent;box-shadow:0 2px 4px #d81b6033}.btn-primary[data-v-8117e925]:hover:not(:disabled){background:var(--primary-hover, #c2185b)}.rotate-spin[data-v-8117e925]{animation:spin-8117e925 1s linear infinite}@keyframes spin-8117e925{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes backdropFadeIn-8117e925{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp-8117e925{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 640px){.form-modal-backdrop[data-v-8117e925]{padding:0}.form-modal-container[data-v-8117e925]{max-width:100vw;max-height:100vh;height:100vh;border-radius:0;border:none}.form-modal-header[data-v-8117e925]{padding:14px 16px}.header-icon-box[data-v-8117e925]{width:36px;height:36px}.form-modal-title[data-v-8117e925]{font-size:1.05rem}.form-modal-body[data-v-8117e925]{padding:16px;gap:18px}.form-grid[data-v-8117e925]{grid-template-columns:1fr;gap:12px}.toggle-card[data-v-8117e925]{flex-direction:row;padding:12px 14px}.form-modal-footer[data-v-8117e925]{padding:12px 16px}.btn[data-v-8117e925]{flex:1;min-height:44px}}.guru-page[data-v-de90e2b5]{display:flex;flex-direction:column;gap:1.25rem;width:100%}.page-header[data-v-de90e2b5]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.header-left[data-v-de90e2b5]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-de90e2b5]{width:46px;height:46px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-title[data-v-de90e2b5]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .15rem;line-height:1.2}.page-subtitle[data-v-de90e2b5]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0}.header-right[data-v-de90e2b5]{display:flex;align-items:center;gap:.75rem}.btn-add-guru[data-v-de90e2b5]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;padding:.45rem .95rem;border-radius:var(--radius-md, 8px);background:var(--primary, #d81b60);border:1px solid transparent;color:#fff;cursor:pointer;box-shadow:0 2px 4px #d81b6033;transition:all .15s ease}.btn-add-guru[data-v-de90e2b5]:hover{background:var(--primary-hover, #c2185b);transform:translateY(-1px);box-shadow:0 4px 6px #d81b6040}.btn-refresh[data-v-de90e2b5]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-refresh[data-v-de90e2b5]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-refresh[data-v-de90e2b5]:disabled{opacity:.6;cursor:not-allowed}.metrics-grid[data-v-de90e2b5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.metric-card[data-v-de90e2b5]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.metric-card[data-v-de90e2b5]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));border-color:#cbd5e1}.metric-card.card-active[data-v-de90e2b5]{border-color:#64748b;background:#f8fafc;box-shadow:0 0 0 2px #64748b26,0 2px 4px #00000008}.metric-card.non-clickable[data-v-de90e2b5]{cursor:default}.metric-card.non-clickable[data-v-de90e2b5]:hover{transform:none;box-shadow:none;border-color:var(--border-default, #e2e8f0)}.metric-icon-box[data-v-de90e2b5]{width:44px;height:44px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.total[data-v-de90e2b5]{background:#d81b601a;color:var(--primary, #d81b60)}.metric-icon-box.active[data-v-de90e2b5]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a)}.metric-icon-box.inactive[data-v-de90e2b5]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626)}.metric-icon-box.gender[data-v-de90e2b5]{background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7)}.metric-content[data-v-de90e2b5]{display:flex;flex-direction:column;gap:.15rem}.metric-label[data-v-de90e2b5]{font-size:.75rem;font-weight:500;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.03em}.metric-value[data-v-de90e2b5]{font-size:1.35rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.1}.gender-split[data-v-de90e2b5]{display:flex;align-items:baseline;gap:.35rem;font-size:1.15rem;font-weight:700}.gender-val.male[data-v-de90e2b5]{color:#0284c7}.gender-val.female[data-v-de90e2b5]{color:#d81b60}.gender-val small[data-v-de90e2b5]{font-size:.75rem;font-weight:600}.gender-divider[data-v-de90e2b5]{color:var(--text-tertiary, #94a3b8);font-weight:400}.data-panel[data-v-de90e2b5]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm)}.toolbar[data-v-de90e2b5]{padding:1.15rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff)}.search-box-combined[data-v-de90e2b5]{display:flex;align-items:center;gap:.4rem;flex:1;min-width:320px;max-width:480px}.search-key-select[data-v-de90e2b5]{flex-shrink:0}.search-input-inner[data-v-de90e2b5]{position:relative;flex:1;min-width:170px}.search-icon[data-v-de90e2b5]{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-de90e2b5]{width:100%;padding:.45rem 2.2rem .45rem 2.3rem;font-size:.82rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-input, #cbd5e1);background:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);transition:all .15s ease;outline:none}.search-input[data-v-de90e2b5]:focus{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus)}.btn-clear-search[data-v-de90e2b5]{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:50%;transition:color .15s ease}.btn-clear-search[data-v-de90e2b5]:hover{color:var(--text-primary, #0f172a)}.filters-group[data-v-de90e2b5]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.filter-item[data-v-de90e2b5]{display:flex;align-items:center}.btn-reset-filter[data-v-de90e2b5]{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px dashed var(--border-input, #cbd5e1);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-reset-filter[data-v-de90e2b5]:hover{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border-color:#dc26264d}.table-container[data-v-de90e2b5]{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table[data-v-de90e2b5]{width:100%;border-collapse:collapse;text-align:left;font-size:.84rem}.data-table thead th[data-v-de90e2b5]{background:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #475569);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1rem;border-bottom:1px solid var(--border-default, #e2e8f0);white-space:nowrap}.data-table tbody tr[data-v-de90e2b5]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background-color .15s ease}.data-table tbody tr[data-v-de90e2b5]:hover{background:var(--bg-table-row-hover, #f8fafc)}.data-table tbody tr.clickable-row[data-v-de90e2b5]{cursor:pointer}.data-table tbody tr.clickable-row[data-v-de90e2b5]:hover{background:var(--bg-surface-hover, #f8fafc)}.data-table td[data-v-de90e2b5]{padding:.85rem 1rem;vertical-align:middle}.col-num[data-v-de90e2b5]{width:50px;text-align:center}.col-barcode[data-v-de90e2b5]{width:120px}.barcode-badge[data-v-de90e2b5]{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm, 6px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);font-size:.78rem;font-weight:600;color:var(--text-secondary, #475569)}.col-name[data-v-de90e2b5]{min-width:250px}.guru-profile-cell[data-v-de90e2b5]{display:flex;align-items:center;gap:.75rem}.guru-avatar[data-v-de90e2b5]{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;overflow:hidden;border:1.5px solid var(--border-light, #f1f5f9)}.avatar-male[data-v-de90e2b5]{background:#e0f2fe;color:#0369a1}.avatar-female[data-v-de90e2b5]{background:#fce7f3;color:#be185d}.guru-avatar-img[data-v-de90e2b5]{width:100%;height:100%;object-fit:cover}.guru-name-info[data-v-de90e2b5]{display:flex;flex-direction:column;gap:.15rem}.name-nick-row[data-v-de90e2b5]{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}.guru-fullname[data-v-de90e2b5]{color:var(--text-primary, #0f172a);font-weight:600}.guru-nickname[data-v-de90e2b5]{font-size:.75rem}.guru-spec[data-v-de90e2b5]{font-size:.75rem;color:var(--primary, #d81b60);font-weight:500}.col-gender[data-v-de90e2b5]{min-width:120px}.gender-info[data-v-de90e2b5]{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.gender-tag[data-v-de90e2b5]{display:inline-block;padding:.15rem .45rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.tag-male[data-v-de90e2b5]{background:#e0f2fe;color:#0369a1}.tag-female[data-v-de90e2b5]{background:#fce7f3;color:#be185d}.age-text[data-v-de90e2b5]{font-size:.75rem}.col-contact[data-v-de90e2b5]{min-width:180px}.contact-info[data-v-de90e2b5]{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem}.contact-email[data-v-de90e2b5],.contact-number[data-v-de90e2b5]{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary, #475569)}.contact-email[data-v-de90e2b5]{font-size:.75rem;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-number[data-v-de90e2b5]{color:var(--text-primary, #0f172a);font-weight:500}.col-address[data-v-de90e2b5]{max-width:220px}.address-text[data-v-de90e2b5]{color:var(--text-secondary, #475569);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-status[data-v-de90e2b5]{width:110px}.status-badge[data-v-de90e2b5]{display:inline-block;padding:.25rem .65rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600;text-align:center;white-space:nowrap}.badge-success[data-v-de90e2b5]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(22,163,74,.2)}.badge-danger[data-v-de90e2b5]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.badge-info[data-v-de90e2b5]{background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7);border:1px solid rgba(2,132,199,.2)}.badge-secondary[data-v-de90e2b5]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8)}.empty-state-cell[data-v-de90e2b5]{padding:4rem 1.5rem}.empty-state-box[data-v-de90e2b5]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;margin:0 auto}.empty-state-icon[data-v-de90e2b5]{width:60px;height:60px;border-radius:50%;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-title[data-v-de90e2b5]{font-size:1.05rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0 0 .4rem}.empty-desc[data-v-de90e2b5]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0;line-height:1.4}.skeleton-pill[data-v-de90e2b5]{height:14px;border-radius:var(--radius-xs, 4px);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-de90e2b5 1.5s infinite}.skel-num[data-v-de90e2b5]{width:20px;margin:0 auto}.skel-code[data-v-de90e2b5]{width:60px}.skel-title[data-v-de90e2b5]{width:140px;height:14px;margin-bottom:4px}.skel-sub[data-v-de90e2b5]{width:70px;height:10px}.skel-gender[data-v-de90e2b5]{width:80px}.skel-contact[data-v-de90e2b5]{width:110px}.skel-address[data-v-de90e2b5]{width:130px}.skel-badge[data-v-de90e2b5]{width:65px;height:20px;border-radius:9999px}.name-cell-skeleton[data-v-de90e2b5]{display:flex;align-items:center;gap:.75rem}.skeleton-avatar[data-v-de90e2b5]{width:38px;height:38px;border-radius:50%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-de90e2b5 1.5s infinite;flex-shrink:0}.skeleton-texts[data-v-de90e2b5]{display:flex;flex-direction:column}@keyframes skeletonPulse-de90e2b5{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination-footer[data-v-de90e2b5]{padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff)}.pagination-info[data-v-de90e2b5]{font-size:.8125rem;color:var(--text-secondary, #475569)}.pagination-controls[data-v-de90e2b5]{display:flex;align-items:center;gap:.35rem}.btn-page-nav[data-v-de90e2b5],.btn-page-num[data-v-de90e2b5]{min-width:32px;height:32px;padding:0 .35rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);font-size:.8125rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-page-nav[data-v-de90e2b5]:hover:not(:disabled),.btn-page-num[data-v-de90e2b5]:hover:not(:disabled){background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-page-num.is-active[data-v-de90e2b5]{background:var(--primary, #d81b60);color:#fff;border-color:var(--primary, #d81b60);font-weight:600}.btn-page-nav[data-v-de90e2b5]:disabled,.btn-page-num[data-v-de90e2b5]:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis[data-v-de90e2b5]{padding:0 .25rem;color:var(--text-tertiary, #94a3b8);font-size:.8125rem}.rotate-spin[data-v-de90e2b5]{animation:spin-de90e2b5 .8s linear infinite}@keyframes spin-de90e2b5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.page-header[data-v-de90e2b5]{flex-direction:column;align-items:flex-start;gap:.85rem;padding:1rem 1.15rem}.header-left[data-v-de90e2b5]{width:100%}.header-right[data-v-de90e2b5]{width:100%;display:flex;justify-content:flex-end}.toolbar[data-v-de90e2b5]{flex-direction:column;align-items:stretch;padding:1rem;gap:.85rem}.search-box-combined[data-v-de90e2b5]{max-width:100%;min-width:0;width:100%}.filters-group[data-v-de90e2b5]{width:100%;justify-content:flex-start}.data-table[data-v-de90e2b5]{min-width:750px}.pagination-footer[data-v-de90e2b5]{flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:.85rem 1rem}}@media (max-width: 640px){.page-title[data-v-de90e2b5]{font-size:1.15rem}.page-subtitle[data-v-de90e2b5]{font-size:.78rem;line-height:1.35}.metrics-grid[data-v-de90e2b5]{grid-template-columns:repeat(2,1fr);gap:.65rem}.metric-card[data-v-de90e2b5]{padding:.75rem .85rem;gap:.65rem;border-radius:var(--radius-md, 8px)}.metric-icon-box[data-v-de90e2b5]{width:38px;height:38px;border-radius:var(--radius-sm, 6px)}.metric-icon-box svg[data-v-de90e2b5]{width:18px;height:18px}.metric-label[data-v-de90e2b5]{font-size:.68rem}.metric-value[data-v-de90e2b5]{font-size:1.15rem}.gender-split[data-v-de90e2b5]{font-size:.95rem;gap:.25rem}.search-box-combined[data-v-de90e2b5]{flex-direction:column;gap:.5rem}.search-key-select[data-v-de90e2b5]{width:100%}.search-key-select[data-v-de90e2b5] .searchable-select-container{width:100%;min-width:0!important}.search-input-inner[data-v-de90e2b5]{width:100%;min-width:0}.search-input[data-v-de90e2b5]{padding:.5rem 2.2rem;font-size:.85rem}.filters-group[data-v-de90e2b5]{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:.5rem}.filter-item[data-v-de90e2b5]{width:100%}.filter-item[data-v-de90e2b5] .searchable-select-container{width:100%;min-width:0!important}.btn-reset-filter[data-v-de90e2b5]{grid-column:span 2;width:100%;justify-content:center;padding:.5rem}.pagination-info[data-v-de90e2b5]{font-size:.78rem}.pagination-controls[data-v-de90e2b5]{flex-wrap:wrap;justify-content:center}.btn-page-nav[data-v-de90e2b5],.btn-page-num[data-v-de90e2b5]{min-width:36px;height:36px;font-size:.85rem}}.modal-backdrop[data-v-490567f1]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:1050;animation:fadeIn-490567f1 .2s cubic-bezier(.16,1,.3,1)}.modal-backdrop.nested-backdrop[data-v-490567f1]{z-index:1060}.detail-drawer[data-v-490567f1]{width:780px;max-width:100vw;height:100vh;background:var(--bg-surface, #ffffff);border-left:1px solid var(--border-default, #e2e8f0);box-shadow:-8px 0 25px #0f172a1f;display:flex;flex-direction:column;position:relative;transition:width .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);animation:slideInRight-490567f1 .25s cubic-bezier(.16,1,.3,1);z-index:1}.detail-drawer.is-fullscreen[data-v-490567f1]{width:100vw}.drawer-header[data-v-490567f1]{padding:1.25rem 1.5rem 0;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);position:sticky;top:0;z-index:10}.drawer-header-content[data-v-490567f1]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.drawer-identity-group[data-v-490567f1]{display:flex;align-items:center;gap:1rem;min-width:0}.drawer-avatar.class-avatar[data-v-490567f1]{width:48px;height:48px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.drawer-identity-meta[data-v-490567f1]{min-width:0;display:flex;flex-direction:column;gap:.25rem}.drawer-pre-title[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.entity-badge[data-v-490567f1]{font-size:.68rem;font-weight:700;letter-spacing:.05em;color:var(--text-tertiary, #94a3b8);text-transform:uppercase}.drawer-title[data-v-490567f1]{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-window-controls[data-v-490567f1]{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.window-btn[data-v-490567f1]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.window-btn[data-v-490567f1]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.window-btn.btn-close[data-v-490567f1]:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.drawer-tabs-wrapper[data-v-490567f1]{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 -1.5rem;padding:0 1.5rem}.drawer-tabs-wrapper[data-v-490567f1]::-webkit-scrollbar{display:none}.drawer-tabs-nav[data-v-490567f1]{display:flex;align-items:center;gap:.25rem;min-width:max-content}.tab-nav-btn[data-v-490567f1]{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .9rem;font-size:.825rem;font-weight:600;color:var(--text-secondary, #475569);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast, .15s ease);position:relative}.tab-nav-btn[data-v-490567f1]:hover{color:var(--primary, #d81b60);background:var(--primary-alpha-10, rgba(216, 27, 96, .04))}.tab-nav-btn.is-active[data-v-490567f1]{color:var(--primary, #d81b60);border-bottom-color:var(--primary, #d81b60)}.tab-icon[data-v-490567f1]{flex-shrink:0}.tab-badge[data-v-490567f1]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .35rem;border-radius:var(--radius-full, 9999px);background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);font-size:.68rem;font-weight:700}.tab-nav-btn.is-active .tab-badge[data-v-490567f1]{background:var(--primary, #d81b60);color:#fff}.drawer-body[data-v-490567f1]{flex:1;overflow-y:auto;padding:1.15rem 1.25rem;background:var(--bg-body, #f8fafc);display:flex;flex-direction:column;gap:1rem}.tab-pane-content[data-v-490567f1]{display:flex;flex-direction:column;gap:1rem;animation:fadeIn-490567f1 .2s ease}.section-box[data-v-490567f1]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 10px);padding:1rem 1.15rem;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.section-box.no-margin-top[data-v-490567f1]{margin-top:0}.section-header-title[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.header-title-left[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:var(--text-primary, #0f172a)}.header-title-left svg[data-v-490567f1]{color:var(--primary, #d81b60)}.count-badge[data-v-490567f1]{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-full, 9999px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.detail-grid[data-v-490567f1]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem}.detail-item[data-v-490567f1]{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width[data-v-490567f1]{grid-column:1 / -1}.detail-label[data-v-490567f1]{font-size:.73rem;font-weight:600;color:var(--text-tertiary, #94a3b8);text-transform:uppercase;letter-spacing:.03em}.detail-val[data-v-490567f1]{font-size:.875rem;color:var(--text-primary, #0f172a);word-break:break-word}.category-chip[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;font-size:.825rem;font-weight:600;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #f1f5f9);padding:.2rem .55rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #e2e8f0)}.ta-badge[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;font-size:.825rem;font-weight:600;color:#0284c7;background:#f0f9ff;padding:.2rem .55rem;border-radius:var(--radius-sm, 6px);border:1px solid #bae6fd}.murid-count-chip[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;font-size:.825rem;color:var(--text-primary, #0f172a);background:var(--bg-surface-raised, #f1f5f9);padding:.2rem .6rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #e2e8f0)}.desc-box[data-v-490567f1]{margin-top:.25rem;padding:.75rem;background:var(--bg-surface-raised, #f1f5f9);border-radius:var(--radius-md, 8px);border:1px solid var(--border-light, #f1f5f9);font-size:.835rem;color:var(--text-secondary, #475569);line-height:1.5;white-space:pre-line}.status-badge[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:700}.badge-success[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge-info[data-v-490567f1]{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.badge-danger[data-v-490567f1]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.badge-secondary[data-v-490567f1]{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.status-dot[data-v-490567f1]{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.status-pill.active[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-pill.inactive[data-v-490567f1]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.gender-pill[data-v-490567f1]{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.gender-male[data-v-490567f1]{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.gender-female[data-v-490567f1]{background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8}.badge-barcode[data-v-490567f1]{display:inline-block;padding:.15rem .45rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px);font-size:.75rem;color:var(--text-secondary, #475569)}.peserta-toolbar[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.15rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.peserta-toolbar-left[data-v-490567f1]{display:flex;align-items:center;gap:.75rem}.peserta-toolbar-right[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.peserta-search-box[data-v-490567f1]{display:flex;align-items:center;gap:.35rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);padding:0 .6rem;height:32px;box-sizing:border-box;transition:all var(--transition-fast, .15s ease)}.peserta-search-box[data-v-490567f1]:focus-within{border-color:var(--primary, #d81b60);background:#fff;box-shadow:0 0 0 2px var(--primary-alpha-10, rgba(216, 27, 96, .1))}.peserta-search-box svg[data-v-490567f1]{color:var(--text-tertiary, #94a3b8);flex-shrink:0}.peserta-search-input[data-v-490567f1]{border:none;background:transparent;outline:none;font-size:.78rem;color:var(--text-primary, #0f172a);width:150px}.btn-clear-peserta-search[data-v-490567f1]{background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;padding:0;display:flex;align-items:center}.btn-add-peserta[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;padding:.4rem .75rem}.table-container-peserta[data-v-490567f1]{overflow-x:auto;border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);background:#fff}.peserta-table[data-v-490567f1]{width:100%;border-collapse:collapse;font-size:.835rem}.peserta-table thead[data-v-490567f1]{background:var(--bg-surface-raised, #f1f5f9);border-bottom:1px solid var(--border-default, #e2e8f0)}.peserta-table th[data-v-490567f1]{padding:.65rem .85rem;font-size:.73rem;font-weight:700;color:var(--text-tertiary, #94a3b8);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.peserta-row[data-v-490567f1]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background var(--transition-fast, .15s ease)}.peserta-row[data-v-490567f1]:last-child{border-bottom:none}.peserta-row[data-v-490567f1]:hover{background:var(--bg-table-row-hover, #f8fafc)}.peserta-table td[data-v-490567f1]{padding:.65rem .85rem;vertical-align:middle}.col-num[data-v-490567f1]{width:42px;text-align:center;font-size:.75rem}.col-barcode[data-v-490567f1]{width:130px}.murid-name-cell[data-v-490567f1]{display:flex;align-items:center;gap:.6rem;cursor:pointer}.murid-avatar-mini[data-v-490567f1]{width:32px;height:32px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;flex-shrink:0}.murid-avatar-mini.avatar-male[data-v-490567f1]{background:#eff6ff;color:#2563eb}.murid-avatar-mini.avatar-female[data-v-490567f1]{background:#fdf2f8;color:#db2777}.murid-avatar-img[data-v-490567f1]{width:100%;height:100%;border-radius:var(--radius-sm, 6px);object-fit:cover}.murid-name-text[data-v-490567f1]{display:flex;flex-direction:column}.murid-full-name[data-v-490567f1]{color:var(--text-primary, #0f172a)}.link-hover[data-v-490567f1]:hover{color:var(--primary, #d81b60)}.murid-nick[data-v-490567f1]{font-size:.72rem}.join-date-cell[data-v-490567f1]{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary, #475569);white-space:nowrap}.row-actions-group[data-v-490567f1]{display:inline-flex;align-items:center;gap:.3rem}.btn-row-action[data-v-490567f1]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #e2e8f0);background:#fff;color:var(--text-secondary, #475569);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-row-action.btn-edit-join[data-v-490567f1]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-color:var(--primary-alpha-30, rgba(216, 27, 96, .24))}.btn-row-action.btn-remove-murid[data-v-490567f1]:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.empty-peserta-box[data-v-490567f1]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.5rem;color:var(--text-tertiary, #94a3b8)}.empty-peserta-icon[data-v-490567f1]{width:52px;height:52px;border-radius:var(--radius-full, 9999px);background:var(--bg-surface-raised, #f1f5f9);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #94a3b8);margin-bottom:.75rem}.empty-peserta-box h4[data-v-490567f1]{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .25rem}.empty-peserta-box p[data-v-490567f1]{font-size:.8rem;color:var(--text-secondary, #475569);margin:0;max-width:360px}.absen-tab-wrapper[data-v-490567f1]{display:flex;flex-direction:column;gap:1.15rem}.absen-stat-grid[data-v-490567f1]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.absen-stat-card[data-v-490567f1]{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));transition:all var(--transition-fast, .15s ease)}.absen-stat-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .06))}.stat-card-icon[data-v-490567f1]{width:40px;height:40px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon.icon-meeting[data-v-490567f1]{background:#0284c71a;color:#0284c7}.stat-card-icon.icon-rate[data-v-490567f1]{background:#16a34a1a;color:#16a34a}.stat-card-icon.icon-students[data-v-490567f1]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60)}.stat-card-data[data-v-490567f1]{display:flex;flex-direction:column;gap:.1rem;min-width:0}.stat-card-val[data-v-490567f1]{font-size:1.25rem;color:var(--text-primary, #0f172a);line-height:1.2}.stat-card-lbl[data-v-490567f1]{font-size:.72rem;font-weight:600;color:var(--text-tertiary, #94a3b8);text-transform:uppercase;letter-spacing:.03em}.absen-toolbar[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.absen-toolbar-left[data-v-490567f1]{display:flex;align-items:center;gap:.75rem}.absen-toolbar-right[data-v-490567f1]{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.absen-col-pagination[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);padding:.2rem .35rem}.btn-col-page[data-v-490567f1]{display:inline-flex;align-items:center;gap:.25rem;border:none;background:#fff;color:var(--text-secondary, #475569);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-xs, 4px);border:1px solid var(--border-default, #e2e8f0);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-col-page[data-v-490567f1]:hover:not(:disabled){background:var(--primary, #d81b60);color:#fff;border-color:var(--primary, #d81b60)}.btn-col-page[data-v-490567f1]:disabled{opacity:.45;cursor:not-allowed;background:transparent;border-color:transparent}.col-page-indicator[data-v-490567f1]{font-size:.75rem;color:var(--text-secondary, #475569);padding:0 .35rem;white-space:nowrap}.table-container-absen[data-v-490567f1]{overflow-x:auto;border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);background:#fff;position:relative}.absen-table[data-v-490567f1]{width:100%;border-collapse:collapse;font-size:.825rem}.absen-table thead[data-v-490567f1]{background:var(--bg-surface-raised, #f1f5f9)}.tr-head-top th[data-v-490567f1]{padding:.55rem .65rem;font-size:.72rem;font-weight:700;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-default, #e2e8f0);border-right:1px solid var(--border-default, #e2e8f0)}.col-pertemuan-header[data-v-490567f1]{background:#f8fafc;color:var(--text-primary, #0f172a)!important}.col-total-header[data-v-490567f1]{background:#f1f5f9;width:140px;min-width:140px;max-width:140px}.tr-head-sub th[data-v-490567f1]{padding:.45rem .35rem;font-size:.7rem;font-weight:700;border-bottom:1px solid var(--border-default, #e2e8f0);border-right:1px solid var(--border-default, #e2e8f0)}.meeting-th-inner[data-v-490567f1]{display:flex;flex-direction:column;align-items:center;gap:.1rem}.meeting-number[data-v-490567f1]{font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:700;color:var(--text-primary, #0f172a)}.meeting-date-mini[data-v-490567f1]{font-size:.65rem;font-weight:500;color:var(--text-tertiary, #94a3b8)}.col-meeting-num[data-v-490567f1],.col-meeting-cell[data-v-490567f1]{width:48px;min-width:44px;max-width:56px;text-align:center}.col-total-col[data-v-490567f1],.col-total-val[data-v-490567f1]{width:35px;min-width:35px;max-width:35px;text-align:center}.stat-th-h[data-v-490567f1]{background:#16a34a1f;color:#15803d}.stat-th-i[data-v-490567f1]{background:#d977061f;color:#b45309}.stat-th-s[data-v-490567f1]{background:#0284c71f;color:#0369a1}.stat-th-a[data-v-490567f1]{background:#dc26261f;color:#b91c1c}.absen-row[data-v-490567f1]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background var(--transition-fast, .15s ease)}.absen-row[data-v-490567f1]:last-child{border-bottom:none}.absen-row[data-v-490567f1]:hover{background:var(--bg-table-row-hover, #f8fafc)}.absen-table td[data-v-490567f1]{padding:.5rem .4rem;vertical-align:middle;border-right:1px solid var(--border-light, #f1f5f9)}.col-name-sticky[data-v-490567f1]{position:sticky;left:0;background:#fff;z-index:2;width:240px;min-width:200px;max-width:280px;border-right:2px solid var(--border-default, #e2e8f0)!important;box-shadow:2px 0 5px #00000008}.absen-table thead .col-name-sticky[data-v-490567f1]{background:var(--bg-surface-raised, #f1f5f9);z-index:3}.absen-row:hover .col-name-sticky[data-v-490567f1]{background:var(--bg-table-row-hover, #f8fafc)}.absen-pill[data-v-490567f1]{width:28px;height:28px;margin:0 auto;border-radius:var(--radius-xs, 4px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.76rem;cursor:default;transition:transform var(--transition-fast, .15s ease)}.absen-pill[data-v-490567f1]:hover{transform:scale(1.12)}.absen-pill-h[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.absen-pill-i[data-v-490567f1]{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.absen-pill-s[data-v-490567f1]{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.absen-pill-a[data-v-490567f1]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.absen-pill-empty[data-v-490567f1]{color:var(--text-tertiary, #94a3b8);font-size:.85rem}.col-total-val[data-v-490567f1]{padding:.35rem .25rem!important}.sum-badge[data-v-490567f1]{display:inline-block;min-width:22px;padding:.15rem .3rem;font-family:var(--font-mono, monospace);font-size:.73rem;font-weight:700;border-radius:var(--radius-xs, 4px);text-align:center}.sum-h[data-v-490567f1]{background:#f0fdf4;color:#16a34a}.sum-i[data-v-490567f1]{background:#fffbeb;color:#d97706}.sum-s[data-v-490567f1]{background:#f0f9ff;color:#0284c7}.sum-a[data-v-490567f1]{background:#fef2f2;color:#dc2626}.stat-td-h[data-v-490567f1]{background:#f0fdf466}.stat-td-i[data-v-490567f1]{background:#fffbeb66}.stat-td-s[data-v-490567f1]{background:#f0f9ff66}.stat-td-a[data-v-490567f1]{background:#fef2f266}.absen-legend-card[data-v-490567f1]{margin-top:.25rem}.legend-grid[data-v-490567f1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.legend-item[data-v-490567f1]{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px)}.legend-badge[data-v-490567f1]{width:28px;height:28px;border-radius:var(--radius-xs, 4px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;flex-shrink:0}.legend-h[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.legend-i[data-v-490567f1]{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.legend-s[data-v-490567f1]{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.legend-a[data-v-490567f1]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.legend-desc[data-v-490567f1]{display:flex;flex-direction:column;gap:.1rem;min-width:0}.legend-desc strong[data-v-490567f1]{font-size:.8rem;color:var(--text-primary, #0f172a)}.legend-desc span[data-v-490567f1]{font-size:.7rem;color:var(--text-secondary, #475569);line-height:1.25}.pertemuan-tab-wrapper[data-v-490567f1]{display:flex;flex-direction:column;gap:1.15rem}.pertemuan-stat-grid[data-v-490567f1]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.pertemuan-stat-card[data-v-490567f1]{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));transition:all var(--transition-fast, .15s ease)}.pertemuan-stat-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .06))}.stat-card-icon.icon-guru[data-v-490567f1]{background:#7c3aed1a;color:#7c3aed}.stat-card-icon.icon-last-meeting[data-v-490567f1]{background:#d977061a;color:#d97706}.pertemuan-toolbar[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.15rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.pertemuan-toolbar-left[data-v-490567f1]{display:flex;align-items:center;gap:.75rem}.pertemuan-toolbar-right[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-guru-select-wrapper[data-v-490567f1]{min-width:170px}.btn-group-sort[data-v-490567f1]{display:inline-flex;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);padding:2px;gap:2px}.btn-sort-opt[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:500;color:var(--text-secondary, #475569);background:transparent;border:none;border-radius:var(--radius-xs, 4px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-sort-opt[data-v-490567f1]:hover{color:var(--text-primary, #0f172a)}.btn-sort-opt.is-active[data-v-490567f1]{background:var(--bg-surface, #ffffff);color:var(--primary, #d81b60);font-weight:600;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.badge-count[data-v-490567f1]{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .45rem;font-size:.7rem;font-weight:700;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-radius:var(--radius-full, 9999px);border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .2))}.pertemuan-timeline-list[data-v-490567f1]{display:flex;flex-direction:column;gap:1.25rem;position:relative}.pertemuan-timeline-item[data-v-490567f1]{display:flex;gap:1.25rem;position:relative}.timeline-node[data-v-490567f1]{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:44px}.node-badge[data-v-490567f1]{width:42px;height:42px;border-radius:var(--radius-full, 9999px);background:var(--bg-surface, #ffffff);border:2px solid var(--primary, #d81b60);color:var(--primary, #d81b60);font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--primary-alpha-10, rgba(216, 27, 96, .08));z-index:2;transition:all var(--transition-fast, .15s ease)}.pertemuan-timeline-item:hover .node-badge[data-v-490567f1]{background:var(--primary, #d81b60);color:#fff;transform:scale(1.06);box-shadow:0 0 0 6px var(--primary-alpha-20, rgba(216, 27, 96, .2))}.node-line[data-v-490567f1]{flex:1;width:2px;background:var(--border-default, #e2e8f0);margin-top:.4rem;margin-bottom:-1.25rem;min-height:40px}.pertemuan-card[data-v-490567f1]{flex:1;min-width:0;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));overflow:hidden;transition:all var(--transition-fast, .15s ease)}.pertemuan-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07))}.pertemuan-card-header[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.85rem 1.15rem;background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0)}.pertemuan-card-meta[data-v-490567f1],.pertemuan-title-row[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.meeting-number-pill[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .2));color:var(--primary, #d81b60);font-weight:700;font-size:.8rem;border-radius:var(--radius-full, 9999px)}.meeting-date-badge[data-v-490567f1],.meeting-time-badge[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm, 6px)}.pertemuan-guru-group[data-v-490567f1]{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.guru-clickable-pill[data-v-490567f1]{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .65rem .25rem .35rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-full, 9999px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.guru-clickable-pill[data-v-490567f1]:hover{border-color:var(--primary, #d81b60);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));transform:translateY(-1px)}.guru-pill-avatar[data-v-490567f1]{width:24px;height:24px;border-radius:var(--radius-full, 9999px);overflow:hidden;background:var(--bg-surface-raised, #f1f5f9);display:flex;align-items:center;justify-content:center;flex-shrink:0}.guru-pill-avatar img[data-v-490567f1]{width:100%;height:100%;object-fit:cover}.avatar-placeholder-text[data-v-490567f1]{font-size:.72rem;font-weight:700;color:var(--primary, #d81b60)}.guru-pill-info[data-v-490567f1]{display:flex;align-items:center;gap:.25rem}.guru-pill-name[data-v-490567f1]{font-size:.78rem;font-weight:600;color:var(--text-primary, #0f172a)}.guru-pill-role[data-v-490567f1]{font-size:.72rem;color:var(--text-tertiary, #94a3b8)}.pertemuan-card-body[data-v-490567f1]{padding:1.15rem;display:flex;flex-direction:column;gap:1rem}.materi-section[data-v-490567f1]{padding:.85rem 1rem;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-light, #e2e8f0);border-left:3px solid var(--primary, #d81b60);border-radius:var(--radius-sm, 6px)}.materi-section-header[data-v-490567f1]{display:flex;align-items:center;gap:.45rem;color:var(--primary-dark, #ad1457);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem}.materi-content[data-v-490567f1]{font-size:.875rem;color:var(--text-primary, #0f172a);line-height:1.55;white-space:pre-wrap}.materi-content.materi-empty[data-v-490567f1]{color:var(--text-tertiary, #94a3b8);font-style:italic;font-size:.82rem}.pertemuan-attendance-overview[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.4rem}.attendance-rate-box[data-v-490567f1]{display:flex;flex-direction:column;gap:.35rem;min-width:170px}.rate-header[data-v-490567f1]{display:flex;align-items:center;gap:.45rem;font-size:.75rem}.rate-lbl[data-v-490567f1]{color:var(--text-secondary, #475569);font-weight:500}.rate-val[data-v-490567f1]{font-size:.85rem}.attendance-progress-track[data-v-490567f1]{height:6px;background:var(--border-default, #e2e8f0);border-radius:var(--radius-full, 9999px);overflow:hidden;width:100%}.attendance-progress-bar[data-v-490567f1]{height:100%;border-radius:var(--radius-full, 9999px);transition:width var(--transition-slow, .3s ease)}.attendance-stat-badges[data-v-490567f1]{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.att-badge[data-v-490567f1]{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.72rem;font-weight:500;border-radius:var(--radius-full, 9999px)}.att-badge strong[data-v-490567f1]{font-weight:700}.att-hadir[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.att-izin[data-v-490567f1]{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.att-sakit[data-v-490567f1]{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.att-alpha[data-v-490567f1]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.att-total[data-v-490567f1]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);border:1px solid var(--border-default, #e2e8f0)}.pertemuan-card-toggle[data-v-490567f1]{border-top:1px solid var(--border-light, #f1f5f9)}.btn-toggle-presensi[data-v-490567f1]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.15rem;background:var(--bg-surface, #ffffff);border:none;cursor:pointer;font-size:.78rem;font-weight:600;color:var(--text-secondary, #475569);transition:all var(--transition-fast, .15s ease)}.btn-toggle-presensi[data-v-490567f1]:hover{background:var(--bg-surface-hover, #f8fafc);color:var(--primary, #d81b60)}.toggle-btn-left[data-v-490567f1]{display:flex;align-items:center;gap:.45rem}.chevron-toggle-icon[data-v-490567f1]{transition:transform var(--transition-base, .2s ease)}.chevron-toggle-icon.is-rotated[data-v-490567f1]{transform:rotate(180deg)}.pertemuan-presensi-expanded[data-v-490567f1]{padding:1rem 1.15rem;background:var(--bg-surface-raised, #f8fafc);border-top:1px solid var(--border-default, #e2e8f0)}.presensi-student-grid[data-v-490567f1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.65rem}.presensi-student-card[data-v-490567f1]{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.presensi-student-card[data-v-490567f1]:hover{border-color:var(--primary, #d81b60);transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.presensi-student-card.status-h[data-v-490567f1]{border-left:3px solid #16a34a}.presensi-student-card.status-i[data-v-490567f1]{border-left:3px solid #d97706}.presensi-student-card.status-s[data-v-490567f1]{border-left:3px solid #0284c7}.presensi-student-card.status-a[data-v-490567f1]{border-left:3px solid #dc2626}.student-avatar-thumb[data-v-490567f1]{width:32px;height:32px;border-radius:var(--radius-full, 9999px);overflow:hidden;background:var(--bg-surface-raised, #f1f5f9);display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-avatar-thumb img[data-v-490567f1]{width:100%;height:100%;object-fit:cover}.avatar-text-fallback[data-v-490567f1]{font-size:.75rem;font-weight:700;color:var(--primary, #d81b60)}.student-info-col[data-v-490567f1]{flex:1;min-width:0;display:flex;flex-direction:column}.student-name-row[data-v-490567f1]{display:flex;align-items:center;gap:.2rem}.student-name[data-v-490567f1]{font-size:.78rem;font-weight:600;color:var(--text-primary, #0f172a)}.student-nick[data-v-490567f1]{font-size:.7rem;color:var(--text-tertiary, #94a3b8)}.student-barcode[data-v-490567f1]{font-size:.68rem;color:var(--text-tertiary, #94a3b8)}.student-absen-notes[data-v-490567f1]{font-size:.68rem;color:#d97706;display:flex;align-items:center;gap:.25rem;margin-top:.15rem}.absen-status-pill[data-v-490567f1]{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .45rem;font-size:.68rem;font-weight:700;border-radius:var(--radius-xs, 4px)}.absen-status-pill.pill-h[data-v-490567f1]{background:#f0fdf4;color:#16a34a}.absen-status-pill.pill-i[data-v-490567f1]{background:#fffbeb;color:#d97706}.absen-status-pill.pill-s[data-v-490567f1]{background:#f0f9ff;color:#0284c7}.absen-status-pill.pill-a[data-v-490567f1]{background:#fef2f2;color:#dc2626}.pertemuan-card-footer[data-v-490567f1]{border-top:1px solid var(--border-light, #f1f5f9);padding:.45rem 1.15rem;background:var(--bg-surface, #ffffff);font-size:.7rem;color:var(--text-tertiary, #94a3b8)}.footer-audit-text[data-v-490567f1]{display:flex;align-items:center;gap:.35rem}.audit-divider[data-v-490567f1]{color:var(--border-default, #e2e8f0)}.skeleton-pertemuan-list[data-v-490567f1]{display:flex;flex-direction:column;gap:1rem}.skeleton-pertemuan-item[data-v-490567f1]{height:120px;border-radius:var(--radius-lg, 12px)}.load-more-pertemuan-container[data-v-490567f1]{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:1rem;padding:1.25rem .5rem .5rem;border-top:1px dashed var(--border-default, #e2e8f0)}.load-more-pertemuan-info[data-v-490567f1]{font-size:.78rem;color:var(--text-secondary, #475569)}.load-more-pertemuan-info strong[data-v-490567f1]{color:var(--text-primary, #0f172a)}.btn-load-more-pertemuan[data-v-490567f1]{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.35rem;font-size:.82rem;font-weight:600;color:var(--primary, #d81b60);background:var(--bg-surface, #ffffff);border:1.5px solid var(--primary-alpha-30, rgba(216, 27, 96, .3));border-radius:var(--radius-full, 9999px);cursor:pointer;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));transition:all var(--transition-fast, .15s ease)}.btn-load-more-pertemuan[data-v-490567f1]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));border-color:var(--primary, #d81b60);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07))}.badge-more-count[data-v-490567f1]{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .45rem;font-size:.72rem;font-weight:700;background:var(--primary, #d81b60);color:#fff;border-radius:var(--radius-full, 9999px)}.mobile-scroll-hint[data-v-490567f1]{display:none;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-tertiary, #94a3b8);margin-bottom:.5rem;padding:.3rem .55rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px)}.d-mobile-only[data-v-490567f1]{display:none!important}@media (max-width: 640px){.d-mobile-only[data-v-490567f1]{display:flex!important}.d-none-mobile[data-v-490567f1]{display:none!important}.absen-stat-grid[data-v-490567f1]{grid-template-columns:repeat(3,1fr);gap:.4rem}.absen-stat-card[data-v-490567f1]{padding:.5rem .35rem;gap:.35rem;flex-direction:column;align-items:center;text-align:center}.stat-card-icon[data-v-490567f1]{width:28px;height:28px;border-radius:var(--radius-xs, 4px)}.stat-card-icon svg[data-v-490567f1]{width:14px;height:14px}.stat-card-val[data-v-490567f1]{font-size:.95rem}.stat-card-lbl[data-v-490567f1]{font-size:.6rem;letter-spacing:0}.absen-toolbar[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.65rem;padding-bottom:.65rem;margin-bottom:.65rem}.absen-toolbar-left[data-v-490567f1]{justify-content:space-between}.absen-toolbar-right[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.45rem}.peserta-search-box[data-v-490567f1]{width:100%}.absen-col-pagination[data-v-490567f1]{width:100%;justify-content:space-between;padding:.2rem .35rem}.btn-col-page[data-v-490567f1]{padding:.35rem .65rem;min-height:34px;font-size:.8rem}.table-container-absen[data-v-490567f1]{-webkit-overflow-scrolling:touch}.absen-table td[data-v-490567f1],.absen-table th[data-v-490567f1]{padding:.35rem .2rem}.col-num[data-v-490567f1]{width:28px;min-width:28px;font-size:.7rem}.col-name-sticky[data-v-490567f1]{width:135px!important;min-width:125px!important;max-width:145px!important;padding:.35rem!important}.murid-name-cell[data-v-490567f1]{gap:.35rem}.murid-avatar-mini[data-v-490567f1]{width:24px;height:24px;font-size:.68rem}.murid-full-name[data-v-490567f1]{font-size:.74rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;display:block}.murid-nick[data-v-490567f1]{font-size:.62rem}.col-meeting-num[data-v-490567f1],.col-meeting-cell[data-v-490567f1]{width:38px;min-width:36px;max-width:42px;padding:.3rem .15rem}.meeting-number[data-v-490567f1]{font-size:.68rem}.meeting-date-mini[data-v-490567f1]{font-size:.55rem}.absen-pill[data-v-490567f1]{width:24px;height:24px;font-size:.72rem}.col-total-header[data-v-490567f1]{width:104px;min-width:104px;max-width:104px;font-size:.65rem}.col-total-col[data-v-490567f1],.col-total-val[data-v-490567f1]{width:26px;min-width:26px;max-width:26px;font-size:.7rem}.sum-badge[data-v-490567f1]{min-width:18px;padding:.1rem .15rem;font-size:.65rem}.legend-grid[data-v-490567f1]{grid-template-columns:1fr 1fr;gap:.45rem}.legend-item[data-v-490567f1]{padding:.45rem .55rem;gap:.45rem}.legend-badge[data-v-490567f1]{width:24px;height:24px;font-size:.72rem}.legend-desc strong[data-v-490567f1]{font-size:.74rem}.legend-desc span[data-v-490567f1]{font-size:.65rem}}.jadwal-grid[data-v-490567f1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.jadwal-card[data-v-490567f1]{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease)}.jadwal-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));background:#fff;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.jadwal-card-icon[data-v-490567f1]{width:36px;height:36px;border-radius:var(--radius-sm, 6px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.jadwal-card-info[data-v-490567f1]{display:flex;flex-direction:column;gap:.15rem;min-width:0}.jadwal-day-name[data-v-490567f1]{font-size:.85rem;font-weight:700;color:var(--text-primary, #0f172a)}.jadwal-time-range[data-v-490567f1]{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-secondary, #475569)}.guru-profile-card[data-v-490567f1]{display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px)}.guru-avatar-wrapper[data-v-490567f1]{width:56px;height:56px;border-radius:var(--radius-md, 8px);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;border:1px solid var(--border-default, #e2e8f0)}.guru-avatar-wrapper.clickable-avatar[data-v-490567f1]{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.guru-avatar-wrapper.clickable-avatar[data-v-490567f1]:hover{transform:scale(1.04);border-color:var(--primary, #d81b60);box-shadow:0 4px 12px #d81b6026}.guru-avatar-wrapper.avatar-male[data-v-490567f1]{background:#eff6ff;color:#1d4ed8}.guru-avatar-wrapper.avatar-female[data-v-490567f1]{background:#fdf2f8;color:#be185d}.guru-avatar-image[data-v-490567f1]{width:100%;height:100%;object-fit:cover}.guru-card-body[data-v-490567f1]{flex:1;min-width:0}.guru-card-main-meta[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.guru-full-name[data-v-490567f1]{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.guru-full-name.link-hover[data-v-490567f1]{cursor:pointer;transition:color var(--transition-fast)}.guru-full-name.link-hover[data-v-490567f1]:hover{color:var(--primary, #d81b60);text-decoration:underline}.guru-nick-badge[data-v-490567f1]{font-size:.8rem;font-weight:500;color:var(--text-secondary, #475569)}.guru-role-tag[data-v-490567f1]{font-size:.68rem;font-weight:600;padding:.1rem .45rem;border-radius:var(--radius-sm, 4px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60)}.guru-meta-items[data-v-490567f1]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.guru-meta-row[data-v-490567f1]{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-secondary, #475569)}.meta-icon-tag[data-v-490567f1]{color:var(--text-tertiary, #94a3b8);font-weight:500}.link-wa[data-v-490567f1]{display:inline-flex;align-items:center;gap:.25rem;color:#16a34a;font-weight:600;text-decoration:none;transition:color var(--transition-fast, .15s ease)}.link-wa[data-v-490567f1]:hover{color:#15803d;text-decoration:underline}.external-arrow[data-v-490567f1]{font-size:.75rem}.empty-section-box[data-v-490567f1]{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-surface-raised, #f1f5f9);border-radius:var(--radius-md, 8px);border:1px dashed var(--border-input, #cbd5e1);color:var(--text-tertiary, #94a3b8)}.empty-section-text h4[data-v-490567f1]{font-size:.85rem;font-weight:600;color:var(--text-secondary, #475569);margin:0 0 .15rem}.empty-section-text p[data-v-490567f1]{font-size:.78rem;color:var(--text-tertiary, #94a3b8);margin:0}.audit-toggle-wrapper[data-v-490567f1]{display:flex;flex-direction:column;gap:.5rem}.btn-toggle-audit[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .9rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);color:var(--text-secondary, #475569);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-toggle-audit[data-v-490567f1]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a)}.toggle-audit-content[data-v-490567f1]{display:flex;align-items:center;gap:.5rem}.audit-chevron[data-v-490567f1]{transition:transform var(--transition-base, .2s ease)}.audit-section-box[data-v-490567f1]{background:var(--bg-surface, #ffffff)}.audit-grid[data-v-490567f1]{grid-template-columns:repeat(2,1fr);gap:.85rem 1rem}.sub-modal-backdrop[data-v-490567f1]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1100;animation:fadeIn-490567f1 .15s ease}.sub-modal-card[data-v-490567f1]{width:480px;max-width:95vw;background:#fff;border-radius:var(--radius-lg, 12px);box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a;border:1px solid var(--border-default, #e2e8f0);display:flex;flex-direction:column;overflow:visible;position:relative;animation:scaleIn-490567f1 .2s cubic-bezier(.16,1,.3,1)}.sub-modal-card-sm[data-v-490567f1]{width:400px}@keyframes scaleIn-490567f1{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.sub-modal-header[data-v-490567f1]{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-default, #e2e8f0);border-top-left-radius:var(--radius-lg, 12px);border-top-right-radius:var(--radius-lg, 12px)}.sub-modal-header.header-danger[data-v-490567f1]{background:#fef2f2;border-bottom-color:#fee2e2}.sub-modal-title[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}.btn-close-sm[data-v-490567f1]{width:28px;height:28px}.sub-modal-body[data-v-490567f1]{padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;overflow:visible;position:relative}.sub-modal-card[data-v-490567f1] .searchable-select-container{position:relative;z-index:30}.sub-modal-card[data-v-490567f1] .dropdown-panel{width:100%!important;max-width:100%!important;z-index:1000!important;box-shadow:0 15px 30px -5px #0003,0 8px 10px -6px #0000001a}.sub-modal-alert[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm, 6px);color:#dc2626;font-size:.8rem;font-weight:500}.sub-form-group[data-v-490567f1]{display:flex;flex-direction:column;gap:.35rem;position:relative;z-index:20}.sub-form-label[data-v-490567f1]{font-size:.78rem;font-weight:600;color:var(--text-secondary, #475569)}.sub-form-input[data-v-490567f1]{width:100%;padding:.55rem .75rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-input, #cbd5e1);background:#fff;color:var(--text-primary, #0f172a);font-size:.85rem;outline:none;transition:border-color var(--transition-fast, .15s ease)}.sub-form-input[data-v-490567f1]:focus{border-color:var(--primary, #d81b60);box-shadow:0 0 0 2px var(--primary-alpha-10, rgba(216, 27, 96, .1))}.sub-form-hint[data-v-490567f1]{font-size:.72rem}.target-murid-banner[data-v-490567f1]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-surface-raised, #f1f5f9);border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.target-murid-meta[data-v-490567f1]{display:flex;flex-direction:column}.delete-warning-text[data-v-490567f1]{font-size:.875rem;color:var(--text-secondary, #475569);line-height:1.5;margin:0}.checking-classes-box[data-v-490567f1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:.75rem;text-align:center}.other-classes-box[data-v-490567f1]{background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-md, 8px);padding:.85rem 1rem}.other-classes-header[data-v-490567f1]{display:flex;align-items:center;gap:.45rem;color:#0284c7;font-size:.825rem;font-weight:600;margin-bottom:.4rem}.other-classes-list[data-v-490567f1]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.other-class-item[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;font-size:.825rem;color:var(--text-primary, #0f172a)}.other-class-dot[data-v-490567f1]{width:6px;height:6px;border-radius:50%;background:#0284c7}.no-other-classes-card[data-v-490567f1]{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md, 8px);padding:.85rem 1rem}.no-other-header[data-v-490567f1]{display:flex;align-items:center;gap:.45rem;color:#d97706;font-size:.85rem;font-weight:700;margin-bottom:.25rem}.no-other-desc[data-v-490567f1]{font-size:.78rem;color:#92400e;margin:0 0 .75rem}.delete-options-group[data-v-490567f1]{display:flex;flex-direction:column;gap:.5rem}.delete-option-label[data-v-490567f1]{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .85rem;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.delete-option-label[data-v-490567f1]:hover{border-color:#cbd5e1;background:#fafafa}.delete-option-label.is-selected[data-v-490567f1]{border-color:#0284c7;background:#f0f9ff}.delete-option-label.label-danger.is-selected[data-v-490567f1]{border-color:#f87171;background:#fef2f2}.delete-radio-input[data-v-490567f1]{margin-top:.2rem;cursor:pointer}.delete-option-texts[data-v-490567f1]{display:flex;flex-direction:column;gap:.15rem}.option-title[data-v-490567f1]{font-size:.825rem;font-weight:600;color:var(--text-primary, #0f172a)}.option-subtitle[data-v-490567f1]{font-size:.72rem;color:var(--text-secondary, #475569)}.sub-modal-footer[data-v-490567f1]{padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface-raised, #f1f5f9);border-bottom-left-radius:var(--radius-lg, 12px);border-bottom-right-radius:var(--radius-lg, 12px);position:relative;z-index:10}.tab-placeholder-pane[data-v-490567f1]{display:flex;align-items:center;justify-content:center;min-height:280px}.placeholder-card-box[data-v-490567f1]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.5rem;width:100%}.placeholder-icon-halo[data-v-490567f1]{width:60px;height:60px;border-radius:var(--radius-full, 9999px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.placeholder-large-icon[data-v-490567f1]{width:28px;height:28px}.placeholder-tab-title[data-v-490567f1]{font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .4rem}.placeholder-tab-desc[data-v-490567f1]{font-size:.85rem;color:var(--text-secondary, #475569);max-width:440px;margin:0 0 1.25rem;line-height:1.5}.placeholder-badge[data-v-490567f1]{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;border-radius:var(--radius-full, 9999px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);font-size:.75rem;font-weight:600;border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.dot-pulse[data-v-490567f1]{width:7px;height:7px;border-radius:50%;background:var(--primary, #d81b60);box-shadow:0 0 #d81b60b3;animation:pulse-490567f1 1.6s infinite cubic-bezier(.66,0,0,1)}@keyframes pulse-490567f1{to{box-shadow:0 0 0 8px #d81b6000}}.drawer-error-body[data-v-490567f1]{display:flex;align-items:center;justify-content:center}.error-state-box[data-v-490567f1]{text-align:center;padding:2.5rem 1.5rem;color:var(--text-tertiary, #94a3b8)}.error-state-box h3[data-v-490567f1]{font-size:1.05rem;font-weight:700;color:var(--text-primary, #0f172a);margin:.75rem 0 .25rem}.error-state-box p[data-v-490567f1]{font-size:.85rem;color:var(--text-secondary, #475569);margin:0}.skeleton-shimmer[data-v-490567f1]{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-490567f1 1.5s infinite}@keyframes shimmer-490567f1{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-section-header[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.skeleton-icon[data-v-490567f1]{width:16px;height:16px;border-radius:var(--radius-xs, 4px)}.skeleton-line[data-v-490567f1]{height:12px;border-radius:var(--radius-xs, 4px)}.skeleton-label[data-v-490567f1]{height:10px;width:45%;margin-bottom:.35rem}.skeleton-val[data-v-490567f1]{height:16px}.skeleton-w-30[data-v-490567f1]{width:30%}.skeleton-w-35[data-v-490567f1]{width:35%}.skeleton-w-40[data-v-490567f1]{width:40%}.skeleton-w-50[data-v-490567f1]{width:50%}.skeleton-guru-card[data-v-490567f1]{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-surface-raised, #f1f5f9);border-radius:var(--radius-lg, 12px)}.skeleton-avatar[data-v-490567f1]{width:56px;height:56px;border-radius:var(--radius-md, 8px);flex-shrink:0}.skeleton-guru-texts[data-v-490567f1]{flex:1}.skeleton-audit-toggle[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-surface, #ffffff);border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.drawer-footer[data-v-490567f1]{padding:1rem 1.5rem;border-top:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;bottom:0;z-index:10}.drawer-footer-actions[data-v-490567f1]{display:flex;align-items:center;gap:.5rem}.btn-drawer-action[data-v-490567f1]{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}.btn-close-drawer[data-v-490567f1]{margin-left:auto;font-weight:600}@keyframes fadeIn-490567f1{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-490567f1{0%{transform:translate(100%)}to{transform:translate(0)}}.audit-fade-enter-active[data-v-490567f1],.audit-fade-leave-active[data-v-490567f1]{transition:all var(--transition-base, .2s ease)}.audit-fade-enter-from[data-v-490567f1],.audit-fade-leave-to[data-v-490567f1]{opacity:0;transform:translateY(-6px)}.rotate-180[data-v-490567f1]{transform:rotate(180deg)}.rotate-spin[data-v-490567f1]{animation:spin-490567f1 1s linear infinite}@keyframes spin-490567f1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.detail-drawer[data-v-490567f1]{width:100vw}.drawer-header[data-v-490567f1]{padding:.75rem .65rem 0}.drawer-tabs-wrapper[data-v-490567f1]{margin:0 -.45rem;padding:0 .45rem}.tab-nav-btn[data-v-490567f1]{padding:.5rem .65rem;font-size:.76rem}.drawer-body[data-v-490567f1]{padding:.5rem .45rem;gap:.55rem}.tab-pane-content[data-v-490567f1],.absen-tab-wrapper[data-v-490567f1]{gap:.55rem}.section-box[data-v-490567f1]{padding:.65rem .55rem;border-radius:var(--radius-md, 8px)}.section-header-title[data-v-490567f1]{margin-bottom:.55rem;padding-bottom:.45rem}.detail-grid[data-v-490567f1]{grid-template-columns:1fr;gap:.55rem}.audit-grid[data-v-490567f1],.jadwal-grid[data-v-490567f1]{grid-template-columns:1fr;gap:.45rem}.peserta-toolbar[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.55rem}.peserta-toolbar-right[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.45rem}.peserta-search-box[data-v-490567f1],.peserta-search-input[data-v-490567f1]{width:100%}.btn-add-peserta[data-v-490567f1]{justify-content:center}.drawer-footer[data-v-490567f1]{padding:.65rem .55rem}.pertemuan-stat-grid[data-v-490567f1]{grid-template-columns:repeat(2,1fr);gap:.45rem}.pertemuan-stat-card[data-v-490567f1]{padding:.55rem .5rem;gap:.45rem}.pertemuan-timeline-item[data-v-490567f1]{gap:.65rem}.timeline-node[data-v-490567f1]{width:32px}.node-badge[data-v-490567f1]{width:32px;height:32px;font-size:.78rem;box-shadow:0 0 0 2px var(--primary-alpha-10, rgba(216, 27, 96, .08))}.pertemuan-card-header[data-v-490567f1]{padding:.65rem .75rem;gap:.5rem}.pertemuan-card-body[data-v-490567f1]{padding:.75rem;gap:.75rem}.materi-section[data-v-490567f1]{padding:.65rem .75rem}.pertemuan-attendance-overview[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.65rem}.presensi-student-grid[data-v-490567f1]{grid-template-columns:1fr}.pertemuan-toolbar[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.55rem}.pertemuan-toolbar-right[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.45rem}.filter-guru-select-wrapper[data-v-490567f1],.btn-group-sort[data-v-490567f1]{width:100%}.btn-sort-opt[data-v-490567f1]{flex:1;justify-content:center}.pertemuan-presensi-expanded[data-v-490567f1]{padding:.75rem}}.laporan-tab-wrapper[data-v-490567f1]{display:flex;flex-direction:column;gap:1.15rem}.laporan-stat-grid[data-v-490567f1]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.laporan-stat-card[data-v-490567f1]{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));transition:all var(--transition-fast, .15s ease)}.laporan-stat-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .06))}.laporan-toolbar[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.15rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.laporan-toolbar-left[data-v-490567f1]{display:flex;align-items:center;gap:.75rem}.laporan-toolbar-right[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-select-wrapper.filter-periode-wrapper[data-v-490567f1]{min-width:160px}.filter-select-wrapper.filter-murid-wrapper[data-v-490567f1]{min-width:170px}.laporan-period-list[data-v-490567f1]{display:flex;flex-direction:column;gap:1.15rem}.laporan-period-card[data-v-490567f1]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));overflow:hidden;transition:all var(--transition-fast, .15s ease)}.laporan-period-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07))}.laporan-period-header[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast, .15s ease)}.laporan-period-header[data-v-490567f1]:hover{background:#f1f5f9}.laporan-period-card.is-collapsed .laporan-period-header[data-v-490567f1]{border-bottom:none}.period-header-left[data-v-490567f1]{display:flex;align-items:center;gap:.75rem;min-width:0}.period-icon-badge[data-v-490567f1]{width:36px;height:36px;border-radius:var(--radius-sm, 6px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.period-title-group[data-v-490567f1]{display:flex;flex-direction:column;gap:.2rem;min-width:0}.period-title[data-v-490567f1]{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}.period-meta-badges[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge-eval-count[data-v-490567f1]{display:inline-flex;align-items:center;padding:.15rem .5rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);font-size:.72rem;font-weight:600;border-radius:var(--radius-full, 9999px)}.period-date-raw[data-v-490567f1]{font-size:.72rem;color:var(--text-tertiary, #94a3b8)}.chevron-box[data-v-490567f1]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #94a3b8);transition:transform var(--transition-base, .2s ease),color var(--transition-fast, .15s ease)}.chevron-box.is-rotated[data-v-490567f1]{transform:rotate(180deg);color:var(--primary, #d81b60)}.laporan-period-body[data-v-490567f1]{padding:0;background:var(--bg-surface, #ffffff)}.table-container-laporan[data-v-490567f1]{width:100%;overflow-x:auto;border:none;border-radius:0;background:var(--bg-surface, #ffffff)}.laporan-table[data-v-490567f1]{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left;min-width:620px}.laporan-table thead[data-v-490567f1]{background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0)}.laporan-table th[data-v-490567f1]{padding:.75rem 1rem;font-size:.75rem;font-weight:700;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.laporan-table th.col-num[data-v-490567f1]{width:50px}.laporan-table th.col-barcode[data-v-490567f1],.laporan-table th.col-status[data-v-490567f1]{width:130px}.laporan-table th.col-notes[data-v-490567f1]{min-width:250px}.laporan-table tbody tr[data-v-490567f1]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background var(--transition-fast, .15s ease)}.laporan-table tbody tr[data-v-490567f1]:last-child{border-bottom:none}.laporan-table tbody tr[data-v-490567f1]:hover{background:var(--bg-table-row-hover, #f8fafc)}.laporan-table td[data-v-490567f1]{padding:.75rem 1rem;vertical-align:middle;color:var(--text-primary, #0f172a)}.eval-status-indicator[data-v-490567f1]{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-full, 9999px);display:inline-flex;align-items:center;gap:.25rem}.eval-status-indicator.has-notes[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1px solid #86efac}.eval-status-indicator.empty-notes[data-v-490567f1]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8);border:1px solid var(--border-default, #e2e8f0)}.skeleton-laporan-list[data-v-490567f1]{display:flex;flex-direction:column;gap:1rem}.skeleton-laporan-item[data-v-490567f1]{height:140px;border-radius:var(--radius-lg, 12px)}.load-more-laporan-container[data-v-490567f1]{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:1rem;padding:1.25rem .5rem .5rem;border-top:1px dashed var(--border-default, #e2e8f0)}.load-more-laporan-info[data-v-490567f1]{font-size:.78rem;color:var(--text-secondary, #475569)}.btn-load-more-laporan[data-v-490567f1]{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.35rem;font-size:.82rem;font-weight:600;color:var(--primary, #d81b60);background:var(--bg-surface, #ffffff);border:1.5px solid var(--primary-alpha-30, rgba(216, 27, 96, .3));border-radius:var(--radius-full, 9999px);cursor:pointer;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));transition:all var(--transition-fast, .15s ease)}.btn-load-more-laporan[data-v-490567f1]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));border-color:var(--primary, #d81b60);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07))}@media (max-width: 640px){.laporan-stat-grid[data-v-490567f1]{grid-template-columns:repeat(2,1fr)}.laporan-toolbar[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.55rem}.laporan-toolbar-right[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.45rem}.filter-select-wrapper.filter-periode-wrapper[data-v-490567f1],.filter-select-wrapper.filter-murid-wrapper[data-v-490567f1]{width:100%}.laporan-period-body[data-v-490567f1]{padding:0}}.nilai-tab-wrapper[data-v-490567f1]{display:flex;flex-direction:column;gap:1.15rem}.nilai-stat-grid[data-v-490567f1]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.nilai-stat-card[data-v-490567f1]{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));transition:all var(--transition-fast, .15s ease)}.nilai-stat-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .06))}.nilai-toolbar[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.15rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.nilai-toolbar-left[data-v-490567f1]{display:flex;align-items:center;gap:.75rem}.nilai-toolbar-right[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-select-wrapper.filter-sesi-wrapper[data-v-490567f1]{min-width:170px}.nilai-sesi-list[data-v-490567f1]{display:flex;flex-direction:column;gap:1.15rem}.nilai-sesi-card[data-v-490567f1]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));overflow:hidden;transition:all var(--transition-fast, .15s ease)}.nilai-sesi-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07))}.nilai-sesi-header[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast, .15s ease)}.nilai-sesi-header[data-v-490567f1]:hover{background:#f1f5f9}.nilai-sesi-card.is-collapsed .nilai-sesi-header[data-v-490567f1]{border-bottom:none}.sesi-header-left[data-v-490567f1]{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.sesi-icon-badge[data-v-490567f1]{width:38px;height:38px;border-radius:var(--radius-sm, 6px);background:#fffbeb;color:#d97706;border:1px solid #fde68a;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.sesi-title-group[data-v-490567f1]{display:flex;flex-direction:column;gap:.25rem;min-width:0}.sesi-title-row[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sesi-title[data-v-490567f1]{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}.sesi-date-badge[data-v-490567f1]{font-size:.72rem;font-weight:600;color:var(--text-secondary, #475569);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);padding:.12rem .45rem;border-radius:var(--radius-xs, 4px)}.sesi-desc-text[data-v-490567f1]{margin:0;font-size:.78rem;color:var(--text-secondary, #475569)}.sesi-metrics-badges[data-v-490567f1]{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.15rem}.badge-metric-mini[data-v-490567f1]{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);font-size:.72rem;font-weight:600;border-radius:var(--radius-full, 9999px)}.nilai-sesi-body[data-v-490567f1]{padding:0;background:var(--bg-surface, #ffffff)}.table-container-nilai[data-v-490567f1]{width:100%;overflow-x:auto;border:none;border-radius:0;background:var(--bg-surface, #ffffff)}.nilai-table[data-v-490567f1]{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left;min-width:620px}.nilai-table thead[data-v-490567f1]{background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0)}.nilai-table th[data-v-490567f1]{padding:.75rem 1rem;font-size:.75rem;font-weight:700;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.nilai-table th.col-num[data-v-490567f1]{width:50px}.nilai-table th.col-barcode[data-v-490567f1]{width:130px}.nilai-table th.col-score[data-v-490567f1]{width:120px}.nilai-table th.col-desc[data-v-490567f1]{min-width:200px}.nilai-table tbody tr[data-v-490567f1]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background var(--transition-fast, .15s ease)}.nilai-table tbody tr[data-v-490567f1]:last-child{border-bottom:none}.nilai-table tbody tr[data-v-490567f1]:hover{background:var(--bg-table-row-hover, #f8fafc)}.nilai-table td[data-v-490567f1]{padding:.75rem 1rem;vertical-align:middle;color:var(--text-primary, #0f172a)}.table-desc-cell[data-v-490567f1]{display:flex;align-items:center;gap:.35rem}.table-desc-text[data-v-490567f1]{font-size:.82rem;color:var(--text-secondary, #475569);line-height:1.45}.score-pill-badge[data-v-490567f1]{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.85rem;font-weight:700;border-radius:var(--radius-full, 9999px)}.score-pill-badge.grade-a[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1.5px solid #86efac}.score-pill-badge.grade-b[data-v-490567f1]{background:#f0f9ff;color:#0284c7;border:1.5px solid #7dd3fc}.score-pill-badge.grade-c[data-v-490567f1]{background:#fffbeb;color:#d97706;border:1.5px solid #fde68a}.score-pill-badge.grade-d[data-v-490567f1]{background:#fef2f2;color:#dc2626;border:1.5px solid #fca5a5}.score-pill-badge.grade-none[data-v-490567f1]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8);border:1px solid var(--border-default, #e2e8f0)}@media (max-width: 640px){.nilai-stat-grid[data-v-490567f1]{grid-template-columns:repeat(2,1fr)}.nilai-toolbar[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.55rem}.nilai-toolbar-right[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.45rem}.filter-select-wrapper.filter-sesi-wrapper[data-v-490567f1]{width:100%}.nilai-sesi-body[data-v-490567f1]{padding:0}}.pembayaran-tab-wrapper[data-v-490567f1]{display:flex;flex-direction:column;gap:1.15rem}.pembayaran-stat-grid[data-v-490567f1]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.pembayaran-stat-card[data-v-490567f1]{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));transition:all var(--transition-fast, .15s ease)}.pembayaran-stat-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .06))}.pembayaran-toolbar[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.15rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.pembayaran-toolbar-left[data-v-490567f1]{display:flex;align-items:center;gap:.75rem}.pembayaran-toolbar-right[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-select-wrapper.filter-tagihan-wrapper[data-v-490567f1]{min-width:170px}.pembayaran-tipe-list[data-v-490567f1]{display:flex;flex-direction:column;gap:1.25rem}.pembayaran-tipe-card[data-v-490567f1]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));overflow:hidden;transition:all var(--transition-fast, .15s ease)}.pembayaran-tipe-card[data-v-490567f1]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07))}.pembayaran-tipe-header[data-v-490567f1]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0)}.tipe-header-left[data-v-490567f1]{display:flex;align-items:center;gap:.75rem;min-width:0}.tipe-icon-badge[data-v-490567f1]{width:38px;height:38px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tipe-icon-badge.icon-monthly[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.tipe-icon-badge.icon-once[data-v-490567f1]{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.tipe-title-group[data-v-490567f1]{display:flex;flex-direction:column;gap:.2rem;min-width:0}.tipe-title-row[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tipe-title[data-v-490567f1]{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}.tipe-type-badge[data-v-490567f1]{font-size:.7rem;font-weight:700;padding:.12rem .45rem;border-radius:var(--radius-xs, 4px)}.badge-monthly[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge-once[data-v-490567f1]{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.tipe-nominal-hint[data-v-490567f1]{font-size:.78rem;color:var(--text-secondary, #475569)}.period-pager-controls[data-v-490567f1]{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);padding:.2rem .4rem;border-radius:var(--radius-md, 8px)}.btn-pager[data-v-490567f1]{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .45rem;font-size:.72rem;font-weight:600;color:var(--text-secondary, #475569);background:transparent;border:none;border-radius:var(--radius-xs, 4px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-pager[data-v-490567f1]:hover:not(:disabled){background:var(--bg-surface-raised, #f1f5f9);color:var(--primary, #d81b60)}.btn-pager[data-v-490567f1]:disabled{opacity:.35;cursor:not-allowed}.pager-info[data-v-490567f1]{font-size:.72rem;font-weight:700;color:var(--text-secondary, #475569);padding:0 .2rem}.pembayaran-tipe-body[data-v-490567f1]{padding:0;background:var(--bg-surface, #ffffff)}.table-container-pembayaran[data-v-490567f1]{width:100%;overflow-x:auto;border:none;background:var(--bg-surface, #ffffff)}.pembayaran-table[data-v-490567f1]{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left;min-width:680px}.pembayaran-table thead[data-v-490567f1]{background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0)}.pembayaran-table th[data-v-490567f1]{padding:.75rem .85rem;font-size:.75rem;font-weight:700;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.pembayaran-table th.th-exception[data-v-490567f1]{background:#fef3c7;color:#92400e}.period-col-header[data-v-490567f1]{display:inline-flex;align-items:center;gap:.25rem}.exc-dot[data-v-490567f1]{color:#d97706;font-weight:900;font-size:1rem}.pembayaran-table tbody tr[data-v-490567f1]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background var(--transition-fast, .15s ease)}.pembayaran-table tbody tr[data-v-490567f1]:last-child{border-bottom:none}.pembayaran-table tbody tr[data-v-490567f1]:hover{background:var(--bg-table-row-hover, #f8fafc)}.pembayaran-table td[data-v-490567f1]{padding:.75rem .85rem;vertical-align:middle;color:var(--text-primary, #0f172a)}.pembayaran-table td.td-paid[data-v-490567f1]{background:#f0fdf4}.pembayaran-table td.td-exception[data-v-490567f1]{background:#fffbeb}.pembayaran-table td.td-blocked[data-v-490567f1]{background:var(--bg-surface-raised, #f8fafc)}.pay-cell-paid[data-v-490567f1]{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;color:#16a34a}.icon-paid-check[data-v-490567f1]{color:#16a34a;flex-shrink:0}.pay-amt-text[data-v-490567f1]{font-size:.78rem;color:#15803d}.badge-exc-pill[data-v-490567f1]{display:inline-block;padding:.15rem .45rem;font-size:.7rem;font-weight:700;color:#b45309;background:#fef3c7;border-radius:var(--radius-xs, 4px);border:1px solid #fde68a}.badge-unpaid-pill[data-v-490567f1]{display:inline-block;padding:.15rem .45rem;font-size:.7rem;font-weight:700;color:#dc2626;background:#fef2f2;border-radius:var(--radius-xs, 4px);border:1px solid #fecaca}.pay-status-badge[data-v-490567f1]{display:inline-flex;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-full, 9999px)}.pay-status-badge.status-paid[data-v-490567f1]{background:#f0fdf4;color:#16a34a;border:1px solid #86efac}.pay-status-badge.status-unpaid[data-v-490567f1]{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.period-exceptions-box[data-v-490567f1]{padding:.75rem 1.15rem;background:#fffbeb;border-top:1px solid #fde68a;display:flex;flex-direction:column;gap:.45rem}.exc-box-header[data-v-490567f1]{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#92400e}.exc-tags-list[data-v-490567f1]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.exc-tag-item[data-v-490567f1]{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;background:#fff;border:1px solid #fde68a;border-radius:var(--radius-xs, 4px);font-size:.72rem}.exc-tag-periode[data-v-490567f1]{color:#b45309}.exc-tag-reason[data-v-490567f1]{color:var(--text-secondary, #475569)}@media (max-width: 640px){.pembayaran-stat-grid[data-v-490567f1]{grid-template-columns:repeat(2,1fr)}.pembayaran-toolbar[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.55rem}.pembayaran-toolbar-right[data-v-490567f1]{flex-direction:column;align-items:stretch;gap:.45rem}.filter-select-wrapper.filter-tagihan-wrapper[data-v-490567f1]{width:100%}.pembayaran-tipe-body[data-v-490567f1]{padding:0}}.empty-state-card[data-v-490567f1]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3.5rem 1.5rem;background:var(--bg-surface, #ffffff);border-radius:var(--radius-lg, 12px);margin:0 auto;width:100%;max-width:480px}.empty-state-card.py-3[data-v-490567f1]{padding:1.5rem 1rem}.empty-state-icon[data-v-490567f1]{width:64px;height:64px;border-radius:var(--radius-full, 9999px);background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;margin-bottom:1.15rem;box-shadow:0 1px 3px #0000000a}.empty-state-icon svg[data-v-490567f1]{color:var(--text-tertiary, #94a3b8)}.empty-state-title[data-v-490567f1]{font-size:1.05rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .45rem}.empty-state-desc[data-v-490567f1]{font-size:.85rem;color:var(--text-secondary, #475569);line-height:1.55;margin:0;max-width:400px}.form-modal-backdrop[data-v-c5b8afc1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:16px;animation:backdropFadeIn-c5b8afc1 .2s ease-out}.form-modal-container[data-v-c5b8afc1]{width:100%;max-width:900px;max-height:90vh;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xl, 16px);box-shadow:0 20px 30px -10px #0f172a26,0 10px 15px -5px #0f172a14;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleUp-c5b8afc1 .25s cubic-bezier(.16,1,.3,1)}.form-modal-header[data-v-c5b8afc1]{padding:20px 24px;border-bottom:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.header-left[data-v-c5b8afc1]{display:flex;align-items:center;gap:14px}.header-icon-box[data-v-c5b8afc1]{width:44px;height:44px;border-radius:var(--radius-lg, 12px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text[data-v-c5b8afc1]{display:flex;flex-direction:column}.form-modal-title[data-v-c5b8afc1]{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3}.form-modal-subtitle[data-v-c5b8afc1]{font-size:.825rem;color:var(--text-secondary, #475569);margin:2px 0 0}.btn-close-modal[data-v-c5b8afc1]{width:36px;height:36px;border-radius:var(--radius-md, 8px);background:transparent;border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-close-modal[data-v-c5b8afc1]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.alert-box[data-v-c5b8afc1]{margin:16px 24px 0;padding:12px 16px;border-radius:var(--radius-md, 8px);font-size:.85rem;display:flex;align-items:center;gap:10px;flex-shrink:0}.alert-danger[data-v-c5b8afc1]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.form-modal-body[data-v-c5b8afc1]{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.two-column-layout[data-v-c5b8afc1]{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:start}.form-column[data-v-c5b8afc1]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-c5b8afc1]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-c5b8afc1]{font-size:.875rem;font-weight:700;color:var(--text-primary, #0f172a);display:flex;align-items:center;gap:4px}.required-star[data-v-c5b8afc1]{color:var(--primary, #d81b60);font-weight:700}.form-control[data-v-c5b8afc1]{width:100%;padding:10px 14px;font-size:.875rem;font-family:inherit;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.form-control[data-v-c5b8afc1]:focus{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(216, 27, 96, .16))}.form-control.is-invalid[data-v-c5b8afc1]{border-color:var(--color-danger, #dc2626);background-color:var(--color-danger-bg, #fef2f2)}.form-control[data-v-c5b8afc1]::placeholder{color:var(--text-tertiary, #94a3b8)}.field-error[data-v-c5b8afc1]{font-size:.75rem;color:var(--color-danger, #dc2626);font-weight:500;margin-top:2px}.jadwal-section-card[data-v-c5b8afc1]{display:flex;flex-direction:column;gap:12px}.jadwal-header[data-v-c5b8afc1]{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-default, #e2e8f0)}.jadwal-title[data-v-c5b8afc1]{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.jadwal-active-badge[data-v-c5b8afc1]{font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full, 9999px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.jadwal-table-container[data-v-c5b8afc1]{overflow-x:auto}.jadwal-form-table[data-v-c5b8afc1]{width:100%;border-collapse:collapse}.jadwal-row[data-v-c5b8afc1]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background-color var(--transition-fast, .15s ease)}.jadwal-row.is-selected[data-v-c5b8afc1]{background-color:var(--primary-alpha-10, rgba(216, 27, 96, .04))}.day-cell[data-v-c5b8afc1]{padding:10px 8px;width:120px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label[data-v-c5b8afc1]{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.custom-checkbox[data-v-c5b8afc1]{width:17px;height:17px;accent-color:var(--primary, #d81b60);cursor:pointer}.day-text[data-v-c5b8afc1]{font-size:.85rem;font-weight:700;color:var(--text-primary, #0f172a);letter-spacing:.02em}.time-cell[data-v-c5b8afc1]{padding:10px 8px}.time-input-group[data-v-c5b8afc1]{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;transition:opacity var(--transition-fast, .15s ease)}.time-input-group.disabled-group[data-v-c5b8afc1]{opacity:.45}.time-prefix[data-v-c5b8afc1]{font-size:.825rem;color:var(--text-secondary, #475569);font-weight:500;white-space:nowrap}.time-sep[data-v-c5b8afc1]{font-weight:700;color:var(--text-secondary, #475569)}.time-box[data-v-c5b8afc1]{position:relative}.form-time-input[data-v-c5b8afc1]{width:100px;padding:6px 8px;font-size:.85rem;font-family:var(--font-mono, monospace);font-weight:600;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-sm, 6px);outline:none;transition:all var(--transition-fast, .15s ease);text-align:center}.form-time-input[data-v-c5b8afc1]:focus:not(:disabled){border-color:var(--primary, #d81b60);box-shadow:0 0 0 2px var(--primary-alpha-20, rgba(216, 27, 96, .16))}.form-time-input[data-v-c5b8afc1]:disabled{background:var(--bg-surface-raised, #f1f5f9);cursor:not-allowed;color:var(--text-tertiary, #94a3b8)}.jadwal-footer-hint[data-v-c5b8afc1]{padding-top:8px;border-top:1px solid var(--border-default, #e2e8f0)}.jadwal-footer-hint em[data-v-c5b8afc1]{font-size:.785rem;color:var(--text-secondary, #475569)}.toggle-card[data-v-c5b8afc1]{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);gap:16px}.toggle-info[data-v-c5b8afc1]{flex:1;display:flex;flex-direction:column;gap:4px}.toggle-header-row[data-v-c5b8afc1]{display:flex;align-items:center;gap:10px}.toggle-title[data-v-c5b8afc1]{font-size:.9rem;font-weight:700;color:var(--text-primary, #0f172a)}.status-badge-mini[data-v-c5b8afc1]{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full, 9999px);display:inline-flex;align-items:center;gap:5px}.status-badge-mini .dot[data-v-c5b8afc1]{width:6px;height:6px;border-radius:50%}.status-badge-mini.active[data-v-c5b8afc1]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(220,38,38,.2)}.status-badge-mini.active .dot[data-v-c5b8afc1]{background:var(--color-success, #16a34a)}.status-badge-mini.inactive[data-v-c5b8afc1]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.status-badge-mini.inactive .dot[data-v-c5b8afc1]{background:var(--color-danger, #dc2626)}.toggle-desc[data-v-c5b8afc1]{font-size:.785rem;color:var(--text-secondary, #475569);margin:0;line-height:1.4}.switch-toggle[data-v-c5b8afc1]{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;flex-shrink:0}.switch-toggle input[data-v-c5b8afc1]{opacity:0;width:0;height:0}.slider[data-v-c5b8afc1]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--border-input, #cbd5e1);border-radius:26px;transition:all var(--transition-base, .2s ease)}.slider[data-v-c5b8afc1]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:all var(--transition-base, .2s ease)}.switch-toggle input:checked+.slider[data-v-c5b8afc1]{background-color:var(--primary, #d81b60)}.switch-toggle input:checked+.slider[data-v-c5b8afc1]:before{transform:translate(22px)}.form-modal-footer[data-v-c5b8afc1]{padding:16px 24px;border-top:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.btn[data-v-c5b8afc1]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease);min-height:40px}.btn[data-v-c5b8afc1]:disabled{opacity:.65;cursor:not-allowed}.btn-secondary[data-v-c5b8afc1]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border:1px solid var(--border-default, #e2e8f0)}.btn-secondary[data-v-c5b8afc1]:hover:not(:disabled){background:var(--border-default, #e2e8f0)}.btn-primary[data-v-c5b8afc1]{background:var(--primary, #d81b60);color:#fff;border:1px solid transparent;box-shadow:0 2px 4px #d81b6033}.btn-primary[data-v-c5b8afc1]:hover:not(:disabled){background:var(--primary-hover, #c2185b)}.rotate-spin[data-v-c5b8afc1]{animation:spin-c5b8afc1 1s linear infinite}@keyframes spin-c5b8afc1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes backdropFadeIn-c5b8afc1{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp-c5b8afc1{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.font-bold[data-v-c5b8afc1]{font-weight:700}.font-semibold[data-v-c5b8afc1]{font-weight:600}.font-mono[data-v-c5b8afc1]{font-family:var(--font-mono, monospace)}@media (max-width: 768px){.form-modal-backdrop[data-v-c5b8afc1]{padding:0}.form-modal-container[data-v-c5b8afc1]{max-width:100vw;max-height:100vh;height:100vh;border-radius:0;border:none}.form-modal-header[data-v-c5b8afc1]{padding:14px 16px}.header-icon-box[data-v-c5b8afc1]{width:36px;height:36px}.form-modal-title[data-v-c5b8afc1]{font-size:1.05rem}.form-modal-body[data-v-c5b8afc1]{padding:16px;gap:16px}.two-column-layout[data-v-c5b8afc1]{grid-template-columns:1fr;gap:20px}.time-input-group[data-v-c5b8afc1]{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap!important;white-space:nowrap}.day-cell[data-v-c5b8afc1]{width:85px;padding:8px 4px}.day-text[data-v-c5b8afc1]{font-size:.8rem}.time-cell[data-v-c5b8afc1]{padding:8px 4px}.time-prefix[data-v-c5b8afc1]{font-size:.78rem}.time-sep[data-v-c5b8afc1]{font-size:.8rem;color:var(--text-secondary, #475569)}.form-time-input[data-v-c5b8afc1]{width:76px;font-size:.8rem;padding:5px 4px}.toggle-card[data-v-c5b8afc1]{flex-direction:row;padding:12px 14px}.form-modal-footer[data-v-c5b8afc1]{padding:12px 16px}.btn[data-v-c5b8afc1]{flex:1;min-height:44px}}@media (max-width: 420px){.day-cell[data-v-c5b8afc1]{width:78px;padding:6px 2px}.day-text[data-v-c5b8afc1]{font-size:.75rem}.time-cell[data-v-c5b8afc1]{padding:6px 2px}.time-prefix[data-v-c5b8afc1]{font-size:.72rem}.form-time-input[data-v-c5b8afc1]{width:68px;font-size:.75rem;padding:4px 2px}}.kelas-page[data-v-147edeeb]{display:flex;flex-direction:column;gap:1.25rem;width:100%}.page-header[data-v-147edeeb]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.header-left[data-v-147edeeb]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-147edeeb]{width:46px;height:46px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-title[data-v-147edeeb]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .15rem;line-height:1.2}.page-subtitle[data-v-147edeeb]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0}.header-right[data-v-147edeeb]{display:flex;align-items:center;gap:.75rem}.btn-refresh[data-v-147edeeb]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-refresh[data-v-147edeeb]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-refresh[data-v-147edeeb]:disabled{opacity:.6;cursor:not-allowed}.btn-add-kelas[data-v-147edeeb]{display:inline-flex;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:600;padding:.45rem .95rem;border-radius:var(--radius-md, 8px);background:var(--primary, #d81b60);border:1px solid transparent;color:#fff;cursor:pointer;box-shadow:0 2px 4px #d81b6033;transition:all .15s ease}.btn-add-kelas[data-v-147edeeb]:hover{background:var(--primary-hover, #c2185b)}.col-actions[data-v-147edeeb]{width:60px}.btn-action-icon[data-v-147edeeb]{width:32px;height:32px;border-radius:var(--radius-sm, 6px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-action-icon[data-v-147edeeb]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-color:var(--primary-alpha-20, rgba(216, 27, 96, .16))}.skel-action[data-v-147edeeb]{width:30px;height:30px;border-radius:var(--radius-sm, 6px)}.metrics-grid[data-v-147edeeb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.metric-card[data-v-147edeeb]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.metric-card[data-v-147edeeb]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));border-color:#cbd5e1}.metric-card.card-active[data-v-147edeeb]{border-color:#64748b;background:#f8fafc;box-shadow:0 0 0 2px #64748b26,0 2px 4px #00000008}.metric-icon-box[data-v-147edeeb]{width:44px;height:44px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.total[data-v-147edeeb]{background:#d81b601a;color:var(--primary, #d81b60)}.metric-icon-box.running[data-v-147edeeb]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a)}.metric-icon-box.finished[data-v-147edeeb]{background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7)}.metric-icon-box.canceled[data-v-147edeeb]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626)}.metric-content[data-v-147edeeb]{display:flex;flex-direction:column;gap:.15rem}.metric-label[data-v-147edeeb]{font-size:.75rem;font-weight:500;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.03em}.metric-value[data-v-147edeeb]{font-size:1.35rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.1}.data-panel[data-v-147edeeb]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm)}.toolbar[data-v-147edeeb]{padding:1.15rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff)}.search-box-combined[data-v-147edeeb]{display:flex;align-items:center;gap:.4rem;flex:1;min-width:320px;max-width:480px}.search-key-select[data-v-147edeeb]{flex-shrink:0}.search-input-inner[data-v-147edeeb]{position:relative;flex:1;min-width:170px}.search-icon[data-v-147edeeb]{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-147edeeb]{width:100%;padding:.45rem 2.2rem .45rem 2.3rem;font-size:.82rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-input, #cbd5e1);background:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);transition:all .15s ease;outline:none}.search-input[data-v-147edeeb]:focus{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus)}.btn-clear-search[data-v-147edeeb]{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:50%;transition:color .15s ease}.btn-clear-search[data-v-147edeeb]:hover{color:var(--text-primary, #0f172a)}.filters-group[data-v-147edeeb]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.filter-item[data-v-147edeeb]{display:flex;align-items:center}.btn-reset-filter[data-v-147edeeb]{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px dashed var(--border-input, #cbd5e1);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-reset-filter[data-v-147edeeb]:hover{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border-color:#dc26264d}.table-container[data-v-147edeeb]{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table[data-v-147edeeb]{width:100%;border-collapse:collapse;text-align:left;font-size:.84rem}.data-table thead th[data-v-147edeeb]{background:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #475569);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1rem;border-bottom:1px solid var(--border-default, #e2e8f0);white-space:nowrap}.data-table tbody tr[data-v-147edeeb]{transition:background-color .15s ease}[data-v-147edeeb] tr.data-row{cursor:pointer;transition:background-color .15s ease}[data-v-147edeeb] tr.data-row:hover{background:var(--bg-table-row-hover, #f8fafc)!important}.data-table td[data-v-147edeeb]{padding:.85rem 1rem;vertical-align:middle;border-bottom:1px solid var(--border-light, #f1f5f9)}.group-header-row[data-v-147edeeb]{background:#f1f5f9!important;border-top:1px solid #cbd5e1!important;border-bottom:1px solid #e2e8f0!important}.group-header-cell[data-v-147edeeb]{padding:.65rem 1rem!important}.group-header-content[data-v-147edeeb]{display:flex;align-items:center;justify-content:space-between}.group-title-left[data-v-147edeeb]{display:flex;align-items:center;gap:.6rem}.group-icon-bullet[data-v-147edeeb]{width:26px;height:26px;border-radius:var(--radius-sm, 6px);background:#475569;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-name[data-v-147edeeb]{font-size:.875rem;font-weight:700;color:#1e293b;letter-spacing:.01em}.group-count-pill[data-v-147edeeb]{font-size:.72rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--radius-full, 9999px);background:#fff;color:#475569;border:1px solid #cbd5e1}.col-num[data-v-147edeeb]{width:50px;text-align:center}.col-name[data-v-147edeeb]{min-width:200px}.kelas-name-cell[data-v-147edeeb]{display:flex;flex-direction:column;gap:.25rem}.kelas-name[data-v-147edeeb]{color:var(--text-primary, #0f172a);font-weight:600}.kelas-submeta[data-v-147edeeb]{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.jurusan-tag[data-v-147edeeb]{display:inline-block;padding:.1rem .45rem;border-radius:var(--radius-sm, 6px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);font-size:.72rem;font-weight:600}.code-text[data-v-147edeeb]{font-size:.7rem}.ta-sub-label[data-v-147edeeb]{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:.72rem;color:var(--text-tertiary, #94a3b8);font-weight:400}.col-guru[data-v-147edeeb]{min-width:190px}.guru-cell[data-v-147edeeb]{display:flex;align-items:center;gap:.6rem}.guru-avatar-mini[data-v-147edeeb]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden;border:1.5px solid var(--border-light, #f1f5f9)}.avatar-male[data-v-147edeeb]{background:#e0f2fe;color:#0369a1}.avatar-female[data-v-147edeeb]{background:#fce7f3;color:#be185d}.guru-avatar-img[data-v-147edeeb]{width:100%;height:100%;object-fit:cover}.guru-text-info[data-v-147edeeb]{display:flex;flex-direction:column;gap:.05rem;line-height:1.25}.guru-name[data-v-147edeeb]{color:var(--text-primary, #0f172a);font-size:.8125rem}.guru-nick[data-v-147edeeb]{font-size:.7rem}.col-jadwal[data-v-147edeeb]{min-width:180px}.jadwal-list[data-v-147edeeb]{display:flex;flex-direction:column;gap:.3rem}.jadwal-badge[data-v-147edeeb]{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .45rem;border-radius:var(--radius-sm, 6px);background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-light, #f1f5f9);font-size:.73rem;color:var(--text-secondary, #475569);width:fit-content}.col-murid[data-v-147edeeb]{width:90px}.murid-count-badge[data-v-147edeeb]{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 .4rem;border-radius:var(--radius-full, 9999px);background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);font-size:.78rem;font-weight:600}.murid-count-badge.has-murid[data-v-147edeeb]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border:1px solid var(--primary-alpha-20)}.col-spp[data-v-147edeeb]{min-width:120px}.spp-text[data-v-147edeeb]{color:var(--text-primary, #0f172a);font-size:.8125rem}.col-status[data-v-147edeeb]{width:110px}.status-badge[data-v-147edeeb]{display:inline-block;padding:.25rem .65rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600;text-align:center;white-space:nowrap}.badge-success[data-v-147edeeb]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(22,163,74,.2)}.badge-danger[data-v-147edeeb]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.badge-info[data-v-147edeeb]{background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7);border:1px solid rgba(2,132,199,.2)}.badge-secondary[data-v-147edeeb]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8)}.empty-state-cell[data-v-147edeeb]{padding:4rem 1.5rem}.empty-state-box[data-v-147edeeb]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;margin:0 auto}.empty-state-icon[data-v-147edeeb]{width:60px;height:60px;border-radius:50%;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-title[data-v-147edeeb]{font-size:1.05rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0 0 .4rem}.empty-desc[data-v-147edeeb]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0;line-height:1.4}.skeleton-pill[data-v-147edeeb]{height:14px;border-radius:var(--radius-xs, 4px);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-147edeeb 1.5s infinite}.skel-num[data-v-147edeeb]{width:20px;margin:0 auto}.skel-title[data-v-147edeeb]{width:140px;height:14px;margin-bottom:4px}.skel-sub[data-v-147edeeb]{width:80px;height:10px}.skel-ta[data-v-147edeeb]{width:90px}.skel-guru[data-v-147edeeb]{width:120px}.skel-jadwal[data-v-147edeeb]{width:130px}.skel-murid[data-v-147edeeb]{width:28px;height:20px;border-radius:9999px}.skel-spp[data-v-147edeeb]{width:85px}.skel-badge[data-v-147edeeb]{width:65px;height:20px;border-radius:9999px}.skeleton-texts[data-v-147edeeb]{display:flex;flex-direction:column}@keyframes skeletonPulse-147edeeb{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination-footer[data-v-147edeeb]{padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff)}.pagination-info[data-v-147edeeb]{font-size:.8125rem;color:var(--text-secondary, #475569)}.pagination-controls[data-v-147edeeb]{display:flex;align-items:center;gap:.35rem}.btn-page-nav[data-v-147edeeb],.btn-page-num[data-v-147edeeb]{min-width:32px;height:32px;padding:0 .35rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);font-size:.8125rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-page-nav[data-v-147edeeb]:hover:not(:disabled),.btn-page-num[data-v-147edeeb]:hover:not(:disabled){background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-page-num.is-active[data-v-147edeeb]{background:var(--primary, #d81b60);color:#fff;border-color:var(--primary, #d81b60);font-weight:600}.btn-page-nav[data-v-147edeeb]:disabled,.btn-page-num[data-v-147edeeb]:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis[data-v-147edeeb]{padding:0 .25rem;color:var(--text-tertiary, #94a3b8);font-size:.8125rem}.rotate-spin[data-v-147edeeb]{animation:spin-147edeeb .8s linear infinite}@keyframes spin-147edeeb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.page-header[data-v-147edeeb]{flex-direction:column;align-items:flex-start;gap:.85rem;padding:1rem 1.15rem}.header-left[data-v-147edeeb]{width:100%}.header-right[data-v-147edeeb]{width:100%;display:flex;justify-content:flex-end}.toolbar[data-v-147edeeb]{flex-direction:column;align-items:stretch;padding:1rem;gap:.85rem}.search-box-combined[data-v-147edeeb]{max-width:100%;min-width:0;width:100%}.filters-group[data-v-147edeeb]{width:100%;justify-content:flex-start}.data-table[data-v-147edeeb]{min-width:700px}.pagination-footer[data-v-147edeeb]{flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:.85rem 1rem}}@media (max-width: 640px){.page-title[data-v-147edeeb]{font-size:1.15rem}.page-subtitle[data-v-147edeeb]{font-size:.78rem;line-height:1.35}.search-box-combined[data-v-147edeeb]{flex-direction:column;gap:.5rem}.search-key-select[data-v-147edeeb]{width:100%}.search-key-select[data-v-147edeeb] .searchable-select-container{width:100%;min-width:0!important}.search-input-inner[data-v-147edeeb]{width:100%;min-width:0}.search-input[data-v-147edeeb]{padding:.5rem 2.2rem;font-size:.85rem}.filters-group[data-v-147edeeb]{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:.5rem}.filter-item[data-v-147edeeb]{width:100%}.filter-item[data-v-147edeeb] .searchable-select-container{width:100%;min-width:0!important}.btn-reset-filter[data-v-147edeeb]{grid-column:span 2;width:100%;justify-content:center;padding:.5rem}.group-name[data-v-147edeeb]{font-size:.82rem}.group-count-pill[data-v-147edeeb]{font-size:.68rem}.pagination-info[data-v-147edeeb]{font-size:.78rem}.pagination-controls[data-v-147edeeb]{flex-wrap:wrap;justify-content:center}.btn-page-nav[data-v-147edeeb],.btn-page-num[data-v-147edeeb]{min-width:36px;height:36px;font-size:.85rem}}.modal-backdrop[data-v-a0c066c5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;display:flex;justify-content:flex-end;animation:fadeIn-a0c066c5 .2s ease-out}.modal-backdrop.nested-backdrop[data-v-a0c066c5]{z-index:1070;background:#0f172abf}.detail-drawer[data-v-a0c066c5]{width:100%;max-width:840px;height:100vh;background:var(--bg-surface, #ffffff);border-left:1px solid var(--border-default, #e2e8f0);border-radius:0;display:flex;flex-direction:column;box-shadow:-10px 0 35px #00000026;animation:slideInRight-a0c066c5 .28s cubic-bezier(.16,1,.3,1);transition:max-width .3s cubic-bezier(.16,1,.3,1),background .2s ease;overflow:hidden}.detail-drawer.is-fullscreen[data-v-a0c066c5]{max-width:100vw;border-left:none}@keyframes fadeIn-a0c066c5{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-a0c066c5{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header[data-v-a0c066c5]{padding:1.15rem 1.5rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);flex-shrink:0;position:relative;z-index:10}.drawer-header-content[data-v-a0c066c5]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.drawer-identity-group[data-v-a0c066c5]{display:flex;align-items:flex-start;gap:.9rem;min-width:0;flex:1}.drawer-avatar[data-v-a0c066c5]{width:48px;height:48px;border-radius:var(--radius-md, 10px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;overflow:hidden;border:1px solid var(--border-default, #e2e8f0);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));margin-top:2px}.drawer-avatar.default-avatar[data-v-a0c066c5]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569)}.drawer-avatar.kegiatan-avatar[data-v-a0c066c5]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-color:var(--primary-alpha-20, rgba(216, 27, 96, .16))}.drawer-avatar-img[data-v-a0c066c5]{width:100%;height:100%;object-fit:cover}.drawer-identity-meta[data-v-a0c066c5]{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.drawer-pre-title[data-v-a0c066c5]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.entity-badge[data-v-a0c066c5]{font-size:.65rem;font-weight:700;color:var(--primary, #d81b60);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));padding:.1rem .45rem;border-radius:var(--radius-xs, 4px);letter-spacing:.04em;text-transform:uppercase}.drawer-uuid[data-v-a0c066c5]{font-size:.7rem;font-family:var(--font-mono, monospace);color:var(--text-tertiary, #94a3b8)}.drawer-title[data-v-a0c066c5]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3;word-break:break-word}.drawer-badges-line[data-v-a0c066c5]{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.1rem}.badge-barcode[data-v-a0c066c5]{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.15rem .5rem;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px)}.status-pill[data-v-a0c066c5]{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.status-pill.active[data-v-a0c066c5]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-pill.inactive[data-v-a0c066c5]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-dot[data-v-a0c066c5]{width:6px;height:6px;border-radius:50%;background:currentColor}.age-badge[data-v-a0c066c5]{display:inline-block;font-size:.72rem;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #f1f5f9);padding:.15rem .5rem;border-radius:var(--radius-xs, 4px);border:1px solid var(--border-default, #e2e8f0);font-weight:500}.drawer-window-controls[data-v-a0c066c5]{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.window-btn[data-v-a0c066c5]{width:36px;height:36px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.window-btn[data-v-a0c066c5]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-fullscreen[data-v-a0c066c5]:hover{color:var(--primary, #d81b60)}.btn-close[data-v-a0c066c5]:hover{color:var(--color-danger, #dc2626);background:var(--color-danger-bg, #fef2f2);border-color:#fca5a5}.drawer-body[data-v-a0c066c5]{flex:1;overflow-y:auto;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem;background:var(--bg-body, #f8fafc)}.drawer-skeleton-body[data-v-a0c066c5]{padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.skeleton-shimmer[data-v-a0c066c5]{background:linear-gradient(90deg,var(--bg-skeleton, #f1f5f9) 0%,var(--border-default, #e2e8f0) 50%,var(--bg-skeleton, #f1f5f9) 100%);background-size:200% 100%;animation:shimmer-a0c066c5 1.5s infinite ease-in-out;border-radius:var(--radius-xs, 4px)}@keyframes shimmer-a0c066c5{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-section-header[data-v-a0c066c5]{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.skeleton-section-header.space-between[data-v-a0c066c5]{justify-content:space-between}.skeleton-icon[data-v-a0c066c5]{width:18px;height:18px;border-radius:4px;flex-shrink:0}.skeleton-card-meta[data-v-a0c066c5]{flex:1;display:flex;flex-direction:column;gap:.35rem}.skeleton-line[data-v-a0c066c5]{height:12px}.skeleton-line.skeleton-label[data-v-a0c066c5]{height:10px;width:90px;margin-bottom:.35rem}.skeleton-line.skeleton-val[data-v-a0c066c5]{height:16px;border-radius:4px}.skeleton-line.skeleton-pill[data-v-a0c066c5]{height:20px;width:80px;border-radius:9999px}.skeleton-line.skeleton-w-25[data-v-a0c066c5]{width:25%}.skeleton-line.skeleton-w-30[data-v-a0c066c5]{width:30%}.skeleton-line.skeleton-w-35[data-v-a0c066c5]{width:35%}.skeleton-line.skeleton-w-40[data-v-a0c066c5]{width:40%}.skeleton-line.skeleton-w-50[data-v-a0c066c5]{width:50%}.mt-1[data-v-a0c066c5]{margin-top:.25rem}.drawer-error-body[data-v-a0c066c5]{align-items:center;justify-content:center;padding:4rem 2rem}.error-state-box[data-v-a0c066c5]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;color:var(--text-tertiary, #94a3b8)}.error-state-box h3[data-v-a0c066c5]{font-size:1.1rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0}.error-state-box p[data-v-a0c066c5]{font-size:.84rem;color:var(--text-secondary, #475569);margin:0}.section-box[data-v-a0c066c5]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 10px);padding:1rem 1.15rem;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.section-box.no-margin-top[data-v-a0c066c5]{margin-top:0}.section-header-title[data-v-a0c066c5]{display:flex;align-items:center;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.section-header-title.space-between[data-v-a0c066c5]{justify-content:space-between}.header-title-left[data-v-a0c066c5]{display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #0f172a)}.header-title-left svg[data-v-a0c066c5]{color:var(--primary, #d81b60)}.count-badge[data-v-a0c066c5]{font-size:.75rem;font-weight:600;padding:.15rem .55rem;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-radius:var(--radius-full, 9999px);border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.detail-grid[data-v-a0c066c5]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem 1.5rem}.detail-item[data-v-a0c066c5]{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width[data-v-a0c066c5]{grid-column:span 2}.detail-label[data-v-a0c066c5]{font-size:.72rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.04em}.detail-val[data-v-a0c066c5]{font-size:.875rem;color:var(--text-primary, #0f172a);line-height:1.4;word-break:break-word}.gender-pill[data-v-a0c066c5]{display:inline-block;font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--radius-full, 9999px);width:fit-content;align-self:flex-start}.gender-pill.gender-male[data-v-a0c066c5]{background:#e0f2fe;color:#0369a1}.gender-pill.gender-female[data-v-a0c066c5]{background:#fce7f3;color:#be185d}.desc-box[data-v-a0c066c5]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-sm, 6px);padding:.75rem 1rem;font-size:.84rem;color:var(--text-secondary, #475569);line-height:1.5;white-space:pre-line}.empty-section-box[data-v-a0c066c5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--bg-surface-raised, #f8fafc);border:1px dashed var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);text-align:center;color:var(--text-tertiary, #94a3b8)}.empty-section-text h4[data-v-a0c066c5]{font-size:.92rem;font-weight:600;color:var(--text-primary, #0f172a);margin:.5rem 0 .2rem}.empty-section-text p[data-v-a0c066c5]{font-size:.8rem;color:var(--text-secondary, #475569);margin:0}.kelas-cards-grid[data-v-a0c066c5]{display:flex;flex-direction:column;gap:.75rem}.kelas-item-card[data-v-a0c066c5]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.85rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.kelas-item-card[data-v-a0c066c5]:hover{background:#fff;border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, .05))}.kelas-item-card:hover .kelas-card-name[data-v-a0c066c5]{color:var(--primary, #d81b60);text-decoration:underline}.kelas-card-header[data-v-a0c066c5]{display:flex;align-items:center;gap:.85rem}.murid-avatar-box[data-v-a0c066c5]{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;overflow:hidden;border:1px solid var(--border-default, #e2e8f0)}.murid-avatar-box.avatar-male[data-v-a0c066c5]{background:#e0f2fe;color:#0284c7;border-color:#bae6fd}.murid-avatar-box.avatar-female[data-v-a0c066c5]{background:#fce7f3;color:#db2777;border-color:#fbcfe8}.murid-avatar-initial[data-v-a0c066c5]{font-size:.82rem;font-weight:700}.kelas-card-info[data-v-a0c066c5]{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.name-nick-row[data-v-a0c066c5]{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.kelas-card-name[data-v-a0c066c5]{font-size:.875rem;font-weight:700;color:#0284c7;text-decoration:none;transition:color .15s ease}.kelas-card-name[data-v-a0c066c5]:hover{color:var(--primary, #d81b60);text-decoration:underline}.kelas-card-sub[data-v-a0c066c5]{font-size:.75rem;color:var(--text-secondary, #64748b)}.murid-meta-line[data-v-a0c066c5]{display:flex;align-items:center;gap:.4rem}.text-xs[data-v-a0c066c5]{font-size:.7rem}.kelas-status-badge[data-v-a0c066c5]{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full, 9999px);flex-shrink:0}.kelas-status-badge.status-active[data-v-a0c066c5]{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.audit-toggle-wrapper[data-v-a0c066c5]{margin-top:.25rem;display:flex;flex-direction:column;gap:.75rem}.btn-toggle-audit[data-v-a0c066c5]{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;background:transparent;border:1px dashed var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.55rem .85rem;color:var(--text-secondary, #64748b);font-size:.8rem;font-weight:500;cursor:pointer;width:100%;transition:all .15s ease;text-align:left}.btn-toggle-audit[data-v-a0c066c5]:hover{background:var(--bg-surface-raised, #f8fafc);border-color:var(--border-input, #cbd5e1);color:var(--primary, #d81b60)}.toggle-audit-content[data-v-a0c066c5]{display:flex;align-items:center;gap:.5rem}.audit-chevron[data-v-a0c066c5]{transition:transform .2s ease}.rotate-180[data-v-a0c066c5]{transform:rotate(180deg)}.audit-section-box[data-v-a0c066c5]{margin-top:0;background:var(--bg-surface-raised, #f8fafc)}.audit-grid[data-v-a0c066c5]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:1rem 1.25rem}.audit-fade-enter-active[data-v-a0c066c5],.audit-fade-leave-active[data-v-a0c066c5]{transition:all .2s ease}.audit-fade-enter-from[data-v-a0c066c5],.audit-fade-leave-to[data-v-a0c066c5]{opacity:0;transform:translateY(-6px)}.drawer-footer[data-v-a0c066c5]{padding:1rem 1.5rem;border-top:1px solid var(--border-default, #e2e8f0);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface, #ffffff);flex-shrink:0;gap:.75rem}.drawer-footer-actions[data-v-a0c066c5]{display:flex;align-items:center;gap:.5rem}.btn-drawer-action[data-v-a0c066c5]{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.8125rem;padding:.5rem .95rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-primary, #0f172a);cursor:pointer;transition:all .15s ease}.btn-drawer-action[data-v-a0c066c5]:hover{background:var(--bg-surface-raised, #f1f5f9);border-color:var(--border-input, #cbd5e1);color:var(--primary, #d81b60)}.btn-close-drawer[data-v-a0c066c5]{margin-left:auto;min-width:90px;font-weight:500;font-size:.8125rem;padding:.5rem 1rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-close-drawer[data-v-a0c066c5]:hover{background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}@media (max-width: 640px){.detail-drawer[data-v-a0c066c5]{max-width:100vw}.drawer-header[data-v-a0c066c5]{padding:.75rem .65rem}.drawer-body[data-v-a0c066c5],.drawer-skeleton-body[data-v-a0c066c5]{padding:.5rem .45rem;gap:.55rem}.section-box[data-v-a0c066c5]{padding:.65rem .55rem;border-radius:var(--radius-md, 8px)}.section-header-title[data-v-a0c066c5]{margin-bottom:.55rem;padding-bottom:.45rem}.detail-grid[data-v-a0c066c5]{grid-template-columns:1fr;gap:.55rem}.detail-item.full-width[data-v-a0c066c5]{grid-column:span 1}.audit-grid[data-v-a0c066c5]{grid-template-columns:1fr;gap:.45rem;padding:.65rem}.drawer-footer[data-v-a0c066c5]{padding:.65rem .55rem;flex-wrap:wrap;gap:.45rem}}.form-modal-backdrop[data-v-c8933f84]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:16px;animation:backdropFadeIn-c8933f84 .2s ease-out}.form-modal-container[data-v-c8933f84]{width:100%;max-width:850px;max-height:90vh;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xl, 16px);box-shadow:0 20px 30px -10px #0f172a26,0 10px 15px -5px #0f172a14;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleUp-c8933f84 .25s cubic-bezier(.16,1,.3,1)}.form-modal-header[data-v-c8933f84]{padding:20px 24px;border-bottom:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.header-left[data-v-c8933f84]{display:flex;align-items:center;gap:14px}.header-icon-box[data-v-c8933f84]{width:44px;height:44px;border-radius:var(--radius-lg, 12px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text[data-v-c8933f84]{display:flex;flex-direction:column}.form-modal-title[data-v-c8933f84]{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3}.form-modal-subtitle[data-v-c8933f84]{font-size:.825rem;color:var(--text-secondary, #475569);margin:2px 0 0}.btn-close-modal[data-v-c8933f84]{width:36px;height:36px;border-radius:var(--radius-md, 8px);background:transparent;border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-close-modal[data-v-c8933f84]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.alert-box[data-v-c8933f84]{margin:16px 24px 0;padding:12px 16px;border-radius:var(--radius-md, 8px);font-size:.85rem;display:flex;align-items:center;gap:10px;flex-shrink:0}.alert-danger[data-v-c8933f84]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.form-modal-body[data-v-c8933f84]{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.form-section[data-v-c8933f84]{padding-bottom:20px;border-bottom:1px dashed var(--border-default, #e2e8f0);display:flex;flex-direction:column;gap:16px}.form-section.no-border-bottom[data-v-c8933f84]{border-bottom:none;padding-bottom:0}.section-title-wrap[data-v-c8933f84]{display:flex;align-items:center;gap:10px}.section-title-wrap.justify-between[data-v-c8933f84]{justify-content:space-between}.section-badge[data-v-c8933f84]{width:24px;height:24px;border-radius:50%;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.section-title[data-v-c8933f84]{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.peserta-counter-badge[data-v-c8933f84]{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full, 9999px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.form-grid[data-v-c8933f84]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group[data-v-c8933f84]{display:flex;flex-direction:column;gap:6px}.form-group.full-width[data-v-c8933f84]{grid-column:1 / -1}.form-label[data-v-c8933f84]{font-size:.825rem;font-weight:600;color:var(--text-primary, #0f172a);display:flex;align-items:center;gap:4px}.required-star[data-v-c8933f84]{color:var(--primary, #d81b60);font-weight:700}.label-hint[data-v-c8933f84]{font-size:.75rem;font-weight:400;color:var(--text-tertiary, #94a3b8)}.form-control[data-v-c8933f84]{width:100%;padding:10px 14px;font-size:.875rem;font-family:inherit;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease);outline:none}.form-control[data-v-c8933f84]:focus{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(216, 27, 96, .16))}.form-control.is-invalid[data-v-c8933f84]{border-color:var(--color-danger, #dc2626);background-color:var(--color-danger-bg, #fef2f2)}.form-control[data-v-c8933f84]::placeholder{color:var(--text-tertiary, #94a3b8)}textarea.form-control[data-v-c8933f84]{resize:vertical;min-height:70px}.helper-text[data-v-c8933f84]{font-size:.75rem;color:var(--text-secondary, #475569);margin-top:4px;line-height:1.3}.field-error[data-v-c8933f84]{font-size:.75rem;color:var(--color-danger, #dc2626);font-weight:500;margin-top:2px}.peserta-picker-box[data-v-c8933f84]{padding:14px 16px;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);display:flex;flex-direction:column;gap:8px}.picker-row[data-v-c8933f84]{display:flex;align-items:center;gap:10px}.btn-add-peserta[data-v-c8933f84]{padding:8px 16px;font-size:.8125rem;white-space:nowrap}.peserta-table-wrapper[data-v-c8933f84]{border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);overflow-x:auto;max-height:240px;overflow-y:auto;background:var(--bg-surface, #ffffff)}.peserta-table[data-v-c8933f84]{width:100%;border-collapse:collapse;font-size:.825rem;text-align:left}.peserta-table th[data-v-c8933f84]{padding:10px 14px;background:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #475569);font-weight:600;border-bottom:1px solid var(--border-default, #e2e8f0);position:sticky;top:0;z-index:1}.peserta-table td[data-v-c8933f84]{padding:10px 14px;border-bottom:1px solid var(--border-light, #f1f5f9);color:var(--text-primary, #0f172a);vertical-align:middle}.peserta-row[data-v-c8933f84]:hover{background:var(--bg-surface-raised, #f8fafc)}.barcode-text[data-v-c8933f84]{color:var(--primary, #d81b60);font-weight:600}.student-name-wrap[data-v-c8933f84]{display:flex;align-items:center;gap:6px}.student-name[data-v-c8933f84]{font-weight:600;color:var(--text-primary, #0f172a)}.student-nick[data-v-c8933f84]{font-size:.75rem;color:var(--text-tertiary, #94a3b8)}.gender-pill[data-v-c8933f84]{font-size:.725rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full, 9999px);display:inline-block}.gender-pill.male[data-v-c8933f84]{background:#0284c71a;color:#0284c7}.gender-pill.female[data-v-c8933f84]{background:#d81b601a;color:#d81b60}.btn-remove-peserta[data-v-c8933f84]{width:30px;height:30px;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #e2e8f0);background:transparent;color:var(--color-danger, #dc2626);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-remove-peserta[data-v-c8933f84]:hover{background:var(--color-danger-bg, #fef2f2);border-color:#dc26264d}.empty-peserta-cell[data-v-c8933f84]{padding:28px 16px!important;text-align:center}.empty-peserta-state[data-v-c8933f84]{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-tertiary, #94a3b8)}.empty-peserta-state span[data-v-c8933f84]{font-size:.85rem;font-weight:600;color:var(--text-secondary, #475569);margin-top:4px}.empty-peserta-state small[data-v-c8933f84]{font-size:.75rem}.toggle-card[data-v-c8933f84]{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);gap:16px}.toggle-info[data-v-c8933f84]{flex:1;display:flex;flex-direction:column;gap:4px}.toggle-header-row[data-v-c8933f84]{display:flex;align-items:center;gap:10px}.toggle-title[data-v-c8933f84]{font-size:.9rem;font-weight:700;color:var(--text-primary, #0f172a)}.status-badge-mini[data-v-c8933f84]{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full, 9999px);display:inline-flex;align-items:center;gap:5px}.status-badge-mini .dot[data-v-c8933f84]{width:6px;height:6px;border-radius:50%}.status-badge-mini.active[data-v-c8933f84]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(220,38,38,.2)}.status-badge-mini.active .dot[data-v-c8933f84]{background:var(--color-success, #16a34a)}.status-badge-mini.inactive[data-v-c8933f84]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.status-badge-mini.inactive .dot[data-v-c8933f84]{background:var(--color-danger, #dc2626)}.toggle-desc[data-v-c8933f84]{font-size:.785rem;color:var(--text-secondary, #475569);margin:0;line-height:1.4}.switch-toggle[data-v-c8933f84]{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;flex-shrink:0}.switch-toggle input[data-v-c8933f84]{opacity:0;width:0;height:0}.slider[data-v-c8933f84]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--border-input, #cbd5e1);border-radius:26px;transition:all var(--transition-base, .2s ease)}.slider[data-v-c8933f84]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:all var(--transition-base, .2s ease)}.switch-toggle input:checked+.slider[data-v-c8933f84]{background-color:var(--primary, #d81b60)}.switch-toggle input:checked+.slider[data-v-c8933f84]:before{transform:translate(22px)}.form-modal-footer[data-v-c8933f84]{padding:16px 24px;border-top:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.btn[data-v-c8933f84]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease);min-height:40px}.btn[data-v-c8933f84]:disabled{opacity:.65;cursor:not-allowed}.btn-secondary[data-v-c8933f84]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border:1px solid var(--border-default, #e2e8f0)}.btn-secondary[data-v-c8933f84]:hover:not(:disabled){background:var(--border-default, #e2e8f0)}.btn-primary[data-v-c8933f84]{background:var(--primary, #d81b60);color:#fff;border:1px solid transparent;box-shadow:0 2px 4px #d81b6033}.btn-primary[data-v-c8933f84]:hover:not(:disabled){background:var(--primary-hover, #c2185b)}.rotate-spin[data-v-c8933f84]{animation:spin-c8933f84 1s linear infinite}@keyframes spin-c8933f84{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes backdropFadeIn-c8933f84{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp-c8933f84{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.d-flex[data-v-c8933f84]{display:flex}.align-center[data-v-c8933f84]{align-items:center}.gap-2[data-v-c8933f84]{gap:8px}.flex-1[data-v-c8933f84]{flex:1}.text-center[data-v-c8933f84]{text-align:center}.text-muted[data-v-c8933f84]{color:var(--text-tertiary, #94a3b8)}.font-mono[data-v-c8933f84]{font-family:var(--font-mono, monospace)}@media (max-width: 640px){.form-modal-backdrop[data-v-c8933f84]{padding:0}.form-modal-container[data-v-c8933f84]{max-width:100vw;max-height:100vh;height:100vh;border-radius:0;border:none}.form-modal-header[data-v-c8933f84]{padding:14px 16px}.header-icon-box[data-v-c8933f84]{width:36px;height:36px}.form-modal-title[data-v-c8933f84]{font-size:1.05rem}.form-modal-body[data-v-c8933f84]{padding:16px;gap:18px}.form-grid[data-v-c8933f84]{grid-template-columns:1fr;gap:12px}.picker-row[data-v-c8933f84]{flex-direction:column;align-items:stretch}.btn-add-peserta[data-v-c8933f84]{min-height:44px;justify-content:center}.toggle-card[data-v-c8933f84]{flex-direction:row;padding:12px 14px}.form-modal-footer[data-v-c8933f84]{padding:12px 16px}.btn[data-v-c8933f84]{flex:1;min-height:44px}}.kegiatan-page[data-v-46f5401a]{display:flex;flex-direction:column;gap:1.25rem;width:100%}.glass-panel[data-v-46f5401a]{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-default, #E2E8F0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05))}.page-header[data-v-46f5401a]{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-left[data-v-46f5401a]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-46f5401a]{width:46px;height:46px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text .page-title[data-v-46f5401a]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0F172A);margin:0;line-height:1.3}.header-text .page-subtitle[data-v-46f5401a]{font-size:.84rem;color:var(--text-secondary, #475569);margin:.2rem 0 0}.header-right[data-v-46f5401a]{display:flex;align-items:center;gap:.75rem}.btn-add-kegiatan[data-v-46f5401a]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;padding:.45rem .95rem;border-radius:var(--radius-md, 8px);background:var(--primary, #d81b60);border:1px solid transparent;color:#fff;cursor:pointer;box-shadow:0 2px 4px #d81b6033;transition:all .15s ease}.btn-add-kegiatan[data-v-46f5401a]:hover{background:var(--primary-hover, #c2185b);transform:translateY(-1px);box-shadow:0 4px 6px #d81b6040}.btn-refresh[data-v-46f5401a]{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.84rem;font-weight:500}.rotate-spin[data-v-46f5401a]{animation:spin-46f5401a .8s linear infinite}@keyframes spin-46f5401a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.metrics-grid[data-v-46f5401a]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-card[data-v-46f5401a]{padding:1.1rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all var(--transition-fast, .15s ease);border:1px solid var(--border-default, #E2E8F0);position:relative;overflow:hidden}.metric-card[data-v-46f5401a]:hover:not(.non-clickable){transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));border-color:var(--primary-light, #ec407a)}.metric-card.card-active[data-v-46f5401a]{border-color:var(--primary, #d81b60);background:var(--primary-alpha-10, rgba(216, 27, 96, .08))}.metric-card.non-clickable[data-v-46f5401a]{cursor:default}.metric-icon-box[data-v-46f5401a]{width:44px;height:44px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.active[data-v-46f5401a]{background:var(--color-success-bg, #F0FDF4);color:var(--color-success, #16A34A)}.metric-icon-box.inactive[data-v-46f5401a]{background:var(--color-danger-bg, #FEF2F2);color:var(--color-danger, #DC2626)}.metric-icon-box.total[data-v-46f5401a]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60)}.metric-icon-box.poin[data-v-46f5401a]{background:#fef3c7;color:#d97706}.metric-content[data-v-46f5401a]{display:flex;flex-direction:column}.metric-label[data-v-46f5401a]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #475569)}.metric-value[data-v-46f5401a]{font-size:1.35rem;font-weight:700;color:var(--text-primary, #0F172A);line-height:1.2}.poin-split[data-v-46f5401a]{display:flex;align-items:baseline;gap:.35rem;font-size:1.05rem;font-weight:700}.poin-val.peserta[data-v-46f5401a]{color:var(--text-primary, #0F172A)}.poin-val.total-poin[data-v-46f5401a]{color:#d97706}.poin-val small[data-v-46f5401a]{font-size:.72rem;font-weight:500;color:var(--text-tertiary, #94A3B8)}.poin-divider[data-v-46f5401a]{color:var(--border-default, #CBD5E1)}.data-panel[data-v-46f5401a]{padding:1.25rem}.toolbar[data-v-46f5401a]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.search-box-combined[data-v-46f5401a]{display:flex;align-items:center;gap:.4rem;flex:1;min-width:320px;max-width:480px}.search-key-select[data-v-46f5401a]{flex-shrink:0}.search-input-inner[data-v-46f5401a]{position:relative;flex:1;min-width:170px}.search-icon[data-v-46f5401a]{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-46f5401a]{width:100%;padding:.45rem 2.2rem .45rem 2.3rem;font-size:.82rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-input, #cbd5e1);background:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);transition:all .15s ease;outline:none}.search-input[data-v-46f5401a]:focus{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus)}.btn-clear-search[data-v-46f5401a]{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:50%;transition:color .15s ease}.btn-clear-search[data-v-46f5401a]:hover{color:var(--text-primary, #0f172a)}.filters-group[data-v-46f5401a]{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.btn-reset-filter[data-v-46f5401a]{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;font-weight:500;color:var(--text-secondary, #475569)}.table-container[data-v-46f5401a]{overflow-x:auto;border:1px solid var(--border-default, #E2E8F0);border-radius:var(--radius-md, 8px)}.data-table[data-v-46f5401a]{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead tr[data-v-46f5401a]{background:var(--bg-table-header, #F8FAFC);border-bottom:1px solid var(--border-default, #E2E8F0)}.data-table th[data-v-46f5401a]{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #475569);white-space:nowrap}.data-table td[data-v-46f5401a]{padding:.85rem 1rem;border-bottom:1px solid var(--border-light, #F1F5F9);vertical-align:middle}.data-row:last-child td[data-v-46f5401a]{border-bottom:none}.clickable-row[data-v-46f5401a]{cursor:pointer;transition:background var(--transition-fast, .15s ease)}.clickable-row[data-v-46f5401a]:hover{background:var(--bg-table-row-hover, #F1F5F9)}.col-num[data-v-46f5401a]{width:45px;text-align:center}.kegiatan-cell[data-v-46f5401a]{display:flex;align-items:center;gap:.85rem}.kegiatan-icon-avatar[data-v-46f5401a]{width:36px;height:36px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kegiatan-title-info[data-v-46f5401a]{display:flex;flex-direction:column}.kegiatan-name[data-v-46f5401a]{color:var(--text-primary, #0F172A);font-size:.9rem}.kegiatan-desc[data-v-46f5401a]{font-size:.78rem;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-info[data-v-46f5401a]{display:flex;flex-direction:column}.date-range[data-v-46f5401a]{color:var(--text-primary, #0F172A);font-size:.85rem}.date-sub[data-v-46f5401a]{font-size:.75rem}.poin-badge[data-v-46f5401a]{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;background:#fef3c7;color:#b45309;padding:.2rem .6rem;border-radius:9999px;border:1px solid #FDE68A}.peserta-chip[data-v-46f5401a]{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #F1F5F9);padding:.2rem .6rem;border-radius:9999px;font-weight:500}.peserta-chip.has-peserta[data-v-46f5401a]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);font-weight:600}.status-badge[data-v-46f5401a]{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;padding:.2rem .65rem;border-radius:9999px}.badge-success[data-v-46f5401a]{background:var(--color-success-bg, #F0FDF4);color:var(--color-success, #16A34A);border:1px solid #DCFCE7}.badge-danger[data-v-46f5401a]{background:var(--color-danger-bg, #FEF2F2);color:var(--color-danger, #DC2626);border:1px solid #FEE2E2}.badge-info[data-v-46f5401a]{background:var(--color-info-bg, #F0F9FF);color:var(--color-info, #0284C7);border:1px solid #E0F2FE}.skeleton-row td[data-v-46f5401a]{padding:.85rem 1rem}.skeleton-pill[data-v-46f5401a]{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:12px}.name-cell-skeleton[data-v-46f5401a]{display:flex;align-items:center;gap:.75rem}.skeleton-avatar[data-v-46f5401a]{width:36px;height:36px;border-radius:var(--radius-md, 8px);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-texts[data-v-46f5401a]{display:flex;flex-direction:column;gap:.35rem;flex:1}.skel-num[data-v-46f5401a]{width:20px}.skel-title[data-v-46f5401a]{width:65%;height:13px}.skel-sub[data-v-46f5401a]{width:45%;height:10px}.skel-date[data-v-46f5401a]{width:110px}.skel-badge[data-v-46f5401a]{width:75px;height:20px;border-radius:9999px}.empty-state-cell[data-v-46f5401a]{padding:3rem 1rem;text-align:center}.empty-state-box[data-v-46f5401a]{max-width:380px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.empty-state-icon[data-v-46f5401a]{color:var(--text-tertiary, #94A3B8);margin-bottom:.75rem}.empty-title[data-v-46f5401a]{font-size:1.05rem;font-weight:600;color:var(--text-primary, #0F172A);margin:0 0 .35rem}.empty-desc[data-v-46f5401a]{font-size:.82rem;color:var(--text-secondary, #475569);line-height:1.5;margin:0}.pagination-footer[data-v-46f5401a]{display:flex;align-items:center;justify-content:space-between;padding:1rem 0 .25rem;gap:1rem;flex-wrap:wrap}.pagination-info[data-v-46f5401a]{font-size:.82rem;color:var(--text-secondary, #475569)}.pagination-controls[data-v-46f5401a]{display:flex;align-items:center;gap:.35rem}.btn-page-nav[data-v-46f5401a],.btn-page-num[data-v-46f5401a]{min-width:32px;height:32px;padding:0 .4rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #E2E8F0);background:var(--bg-surface, #FFFFFF);color:var(--text-secondary, #475569);font-size:.82rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-page-nav[data-v-46f5401a]:hover:not(:disabled),.btn-page-num[data-v-46f5401a]:hover:not(:disabled){background:var(--bg-surface-raised, #F1F5F9);color:var(--text-primary, #0F172A);border-color:var(--text-tertiary, #94A3B8)}.btn-page-num.is-active[data-v-46f5401a]{background:var(--primary, #d81b60);color:#fff;border-color:var(--primary, #d81b60);font-weight:600}.btn-page-nav[data-v-46f5401a]:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis[data-v-46f5401a]{font-size:.82rem;color:var(--text-tertiary, #94A3B8);padding:0 .25rem}@media (max-width: 1024px){.metrics-grid[data-v-46f5401a]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.page-header[data-v-46f5401a]{flex-direction:column;align-items:flex-start}.header-right[data-v-46f5401a]{width:100%}.btn-refresh[data-v-46f5401a]{width:100%;justify-content:center}.metrics-grid[data-v-46f5401a]{grid-template-columns:1fr}.search-box-combined[data-v-46f5401a]{flex-direction:column;gap:.5rem;max-width:100%;min-width:0;width:100%}.search-key-select[data-v-46f5401a]{width:100%}.search-key-select[data-v-46f5401a] .searchable-select-container{width:100%;min-width:0!important}.search-input-inner[data-v-46f5401a]{width:100%;min-width:0}.filters-group[data-v-46f5401a]{width:100%}.pagination-footer[data-v-46f5401a]{flex-direction:column;align-items:center}}.period-filter-wrapper[data-v-515de48d]{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.period-select-box[data-v-515de48d]{flex-shrink:0}.custom-range-inputs[data-v-515de48d]{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-surface, #ffffff);padding:.15rem .25rem;border-radius:var(--radius-md, 8px)}.custom-date-field[data-v-515de48d]{padding:.38rem .6rem;font-size:.8125rem;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);outline:none;font-family:inherit;transition:all .15s ease;line-height:1.2}.custom-date-field.size-sm[data-v-515de48d]{padding:.32rem .55rem;font-size:.78rem;height:32px}.custom-date-field[data-v-515de48d]:focus{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px #d81b6026}.date-separator[data-v-515de48d]{font-size:.75rem;font-weight:500;color:var(--text-tertiary, #94a3b8);-webkit-user-select:none;user-select:none}.date-picker-fade-enter-active[data-v-515de48d],.date-picker-fade-leave-active[data-v-515de48d]{transition:opacity .2s ease,transform .2s ease}.date-picker-fade-enter-from[data-v-515de48d],.date-picker-fade-leave-to[data-v-515de48d]{opacity:0;transform:translateY(-4px)}@media (max-width: 640px){.period-filter-wrapper[data-v-515de48d]{width:100%;flex-direction:column;align-items:stretch}.period-select-box[data-v-515de48d]{width:100%}.period-select-box[data-v-515de48d] .searchable-select-container{width:100%;min-width:0!important}.custom-range-inputs[data-v-515de48d]{width:100%;display:flex;justify-content:space-between}.date-input-group[data-v-515de48d]{flex:1}.custom-date-field[data-v-515de48d]{width:100%;font-size:.8rem}}.modal-backdrop[data-v-6670276a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;display:flex;justify-content:flex-end;animation:fadeIn-6670276a .2s ease-out}.detail-drawer[data-v-6670276a]{width:100%;max-width:860px;height:100vh;background:var(--bg-surface, #ffffff);border-left:1px solid var(--border-default, #e2e8f0);border-radius:0;display:flex;flex-direction:column;box-shadow:-10px 0 35px #00000026;animation:slideInRight-6670276a .28s cubic-bezier(.16,1,.3,1);transition:max-width .3s cubic-bezier(.16,1,.3,1),background .2s ease;overflow:hidden}.detail-drawer.is-fullscreen[data-v-6670276a]{max-width:100vw;border-left:none}@keyframes fadeIn-6670276a{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-6670276a{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header[data-v-6670276a]{padding:1.15rem 1.5rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);flex-shrink:0;position:relative;z-index:10}.drawer-header-content[data-v-6670276a]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.drawer-identity-group[data-v-6670276a]{display:flex;align-items:flex-start;gap:.9rem;min-width:0;flex:1}.drawer-avatar[data-v-6670276a]{width:48px;height:48px;border-radius:var(--radius-md, 10px);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-default, #e2e8f0);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));margin-top:2px}.avatar-payment[data-v-6670276a]{background:#d81b601a;color:var(--primary, #d81b60);border-color:#d81b6033}.drawer-identity-meta[data-v-6670276a]{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.drawer-pre-title[data-v-6670276a]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.entity-badge[data-v-6670276a]{font-size:.65rem;font-weight:700;color:var(--primary, #d81b60);background:#d81b6014;padding:.1rem .45rem;border-radius:var(--radius-xs, 4px);letter-spacing:.04em;text-transform:uppercase}.drawer-title[data-v-6670276a]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3;word-break:break-word}.drawer-badges-line[data-v-6670276a]{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.1rem}.badge-barcode[data-v-6670276a]{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.15rem .5rem;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px)}.status-pill[data-v-6670276a]{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.status-pill.active[data-v-6670276a]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-pill.pending[data-v-6670276a]{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.status-pill.inactive[data-v-6670276a]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-dot[data-v-6670276a]{width:6px;height:6px;border-radius:50%;background:currentColor}.drawer-window-controls[data-v-6670276a]{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.window-btn[data-v-6670276a]{width:36px;height:36px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.window-btn[data-v-6670276a]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-fullscreen[data-v-6670276a]:hover{color:var(--primary, #d81b60)}.btn-close[data-v-6670276a]:hover{color:var(--color-danger, #dc2626);background:var(--color-danger-bg, #fef2f2);border-color:#fca5a5}.drawer-body[data-v-6670276a]{flex:1;overflow-y:auto;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem;background:var(--bg-body, #f8fafc)}.detail-content-wrap[data-v-6670276a]{display:flex;flex-direction:column;gap:1rem}.hero-amount-card[data-v-6670276a]{background:#fff;border:1px solid var(--border-default, #e2e8f0);border-left:4px solid var(--primary, #d81b60);border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:var(--shadow-sm)}.hero-amount-left[data-v-6670276a]{display:flex;flex-direction:column;gap:.2rem}.hero-label[data-v-6670276a]{font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--text-tertiary, #94a3b8)}.hero-amount-value[data-v-6670276a]{font-size:1.6rem;font-weight:800;color:var(--primary, #d81b60);margin:0;line-height:1.15}.hero-meta-row[data-v-6670276a]{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.hero-pill-method[data-v-6670276a]{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600;color:var(--text-secondary, #475569)}.hero-date-text[data-v-6670276a]{font-size:.75rem;color:var(--text-tertiary, #94a3b8)}.status-indicator-badge[data-v-6670276a]{padding:.65rem .9rem;border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;align-items:flex-end;text-align:right}.status-indicator-badge.active[data-v-6670276a]{background:#f0fdf4;border:1px solid #bbf7d0}.status-indicator-badge.active .indicator-title[data-v-6670276a]{color:#16a34a}.status-indicator-badge.pending[data-v-6670276a]{background:#fffbeb;border:1px solid #fde68a}.status-indicator-badge.pending .indicator-title[data-v-6670276a]{color:#d97706}.status-indicator-badge.inactive[data-v-6670276a]{background:#fef2f2;border:1px solid #fecaca}.status-indicator-badge.inactive .indicator-title[data-v-6670276a]{color:#dc2626}.indicator-title[data-v-6670276a]{font-size:.84rem;font-weight:700}.indicator-desc[data-v-6670276a]{font-size:.7rem;color:var(--text-secondary, #475569)}.section-box[data-v-6670276a]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm)}.section-box.no-margin-top[data-v-6670276a]{margin-top:0}.section-header[data-v-6670276a]{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.section-header.space-between[data-v-6670276a]{justify-content:space-between}.section-title-group[data-v-6670276a]{display:flex;align-items:center;gap:.5rem}.section-icon-box[data-v-6670276a]{width:28px;height:28px;border-radius:var(--radius-sm, 6px);background:#d81b6014;color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-title[data-v-6670276a]{font-size:.8125rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;text-transform:uppercase;letter-spacing:.04em}.items-count-badge[data-v-6670276a]{font-size:.72rem;font-weight:600;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #f1f5f9);padding:.2rem .5rem;border-radius:var(--radius-xs, 4px);border:1px solid var(--border-default, #e2e8f0)}.detail-grid[data-v-6670276a]{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem 1.25rem}.detail-item[data-v-6670276a]{display:flex;flex-direction:column;gap:.15rem}.detail-label[data-v-6670276a]{font-size:.68rem;font-weight:600;color:var(--text-tertiary, #94a3b8);text-transform:uppercase;letter-spacing:.04em}.detail-value[data-v-6670276a]{font-size:.84rem;color:var(--text-primary, #0f172a);word-break:break-word}.table-container[data-v-6670276a]{overflow-x:auto}.data-table[data-v-6670276a]{width:100%;border-collapse:collapse;font-size:.8125rem;text-align:left}.data-table thead th[data-v-6670276a]{background:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #475569);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.75rem .85rem;border-bottom:1px solid var(--border-default, #e2e8f0)}.data-table tbody td[data-v-6670276a]{padding:.75rem .85rem;border-bottom:1px solid var(--border-light, #f1f5f9);color:var(--text-primary, #0f172a)}.periode-pill[data-v-6670276a]{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7);padding:.15rem .45rem;border-radius:var(--radius-xs, 4px);font-weight:600;font-size:.72rem}.tfoot-subtotal td[data-v-6670276a],.tfoot-discount td[data-v-6670276a],.tfoot-deposit td[data-v-6670276a]{padding:.5rem .85rem;border-bottom:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface-raised, #f1f5f9);font-size:.78rem}.tfoot-final td[data-v-6670276a]{padding:.75rem .85rem;background:var(--color-info-bg, #f0f9ff);border-top:2px solid rgba(2,132,199,.2);border-bottom:1px solid var(--border-light, #f1f5f9)}.tfoot-final td.text-primary[data-v-6670276a],.tfoot-final td .text-primary[data-v-6670276a]{color:#0284c7!important}.tfoot-admin-fee td[data-v-6670276a]{padding:.5rem .85rem;border-bottom:1px solid var(--border-light, #f1f5f9);background:var(--color-danger-bg, #fef2f2);font-size:.78rem}.tfoot-net-received td[data-v-6670276a]{padding:.75rem .85rem;background:var(--color-success-bg, #f0fdf4);border-top:1px solid rgba(22,163,74,.2);border-bottom:none}.fee-breakdown-sub[data-v-6670276a]{font-size:.72rem;font-weight:400;margin-left:.25rem;color:var(--text-tertiary, #94a3b8)}.notes-section[data-v-6670276a]{border-left:4px solid var(--color-warning, #d97706)}.notes-text[data-v-6670276a]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0;line-height:1.5}.audit-toggle-wrapper[data-v-6670276a]{margin-top:.25rem;display:flex;flex-direction:column;gap:.75rem}.btn-toggle-audit[data-v-6670276a]{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;background:transparent;border:1px dashed var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.55rem .85rem;color:var(--text-secondary, #64748b);font-size:.8rem;font-weight:500;cursor:pointer;width:100%;transition:all .15s ease;text-align:left}.btn-toggle-audit[data-v-6670276a]:hover{background:var(--bg-surface-raised, #f8fafc);border-color:var(--border-input, #cbd5e1);color:var(--primary, #d81b60)}.toggle-audit-content[data-v-6670276a]{display:flex;align-items:center;gap:.5rem}.audit-toggle-icon[data-v-6670276a]{color:var(--text-tertiary, #94a3b8);flex-shrink:0;transition:color .15s ease}.btn-toggle-audit:hover .audit-toggle-icon[data-v-6670276a]{color:var(--primary, #d81b60)}.audit-chevron[data-v-6670276a]{color:var(--text-tertiary, #94a3b8);flex-shrink:0;transition:transform .2s ease,color .15s ease}.btn-toggle-audit:hover .audit-chevron[data-v-6670276a]{color:var(--primary, #d81b60)}.audit-chevron.rotate-180[data-v-6670276a]{transform:rotate(180deg)}.audit-section-box[data-v-6670276a]{margin-top:0;background:var(--bg-surface-raised, #f8fafc)}.audit-grid[data-v-6670276a]{grid-template-columns:repeat(4,1fr);gap:.75rem}.audit-fade-enter-active[data-v-6670276a],.audit-fade-leave-active[data-v-6670276a]{transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.audit-fade-enter-from[data-v-6670276a],.audit-fade-leave-to[data-v-6670276a]{opacity:0;transform:translateY(-6px)}.drawer-footer[data-v-6670276a]{padding:1rem 1.5rem;border-top:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:.85rem}.drawer-footer-actions[data-v-6670276a]{display:flex;align-items:center;gap:.6rem}.btn-footer[data-v-6670276a]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;padding:.45rem .85rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-footer[data-v-6670276a]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a)}.btn-edit[data-v-6670276a]:hover{background:#fffbeb;color:#d97706;border-color:#fde68a}.btn-delete[data-v-6670276a]:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.btn-print[data-v-6670276a]:hover{background:#f0f9ff;color:#0284c7;border-color:#bae6fd}.btn-close-drawer[data-v-6670276a]{margin-left:auto;background:var(--bg-surface-raised, #f1f5f9)}.skeleton-shimmer[data-v-6670276a]{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-6670276a 1.5s infinite ease-in-out;border-radius:var(--radius-xs, 4px)}@keyframes shimmer-6670276a{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-section-header[data-v-6670276a]{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.skeleton-icon[data-v-6670276a]{width:28px;height:28px;border-radius:var(--radius-sm, 6px)}.skeleton-line[data-v-6670276a]{height:12px}.skeleton-w-40[data-v-6670276a]{width:40%}.skeleton-label[data-v-6670276a]{width:35%;height:10px;margin-bottom:4px}.skeleton-val[data-v-6670276a]{width:75%;height:14px}@media (max-width: 640px){.detail-drawer[data-v-6670276a]{max-width:100vw}.drawer-header[data-v-6670276a],.drawer-body[data-v-6670276a]{padding:1rem 1.15rem}.hero-amount-card[data-v-6670276a]{flex-direction:column;align-items:flex-start}.status-indicator-badge[data-v-6670276a]{align-items:flex-start;text-align:left;width:100%}.detail-grid[data-v-6670276a]{grid-template-columns:1fr}.audit-grid[data-v-6670276a]{grid-template-columns:1fr 1fr}.drawer-footer[data-v-6670276a]{flex-wrap:wrap;padding:.85rem 1.15rem}}.confirm-modal-backdrop[data-v-6670276a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:fadeIn-6670276a .15s ease-out}.confirm-modal-box[data-v-6670276a]{width:100%;max-width:440px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.confirm-icon-box[data-v-6670276a]{width:52px;height:52px;border-radius:50%;background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.confirm-title[data-v-6670276a]{font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .5rem}.confirm-desc[data-v-6670276a]{font-size:.85rem;color:var(--text-secondary, #475569);line-height:1.5;margin:0 0 1.25rem}.confirm-error-alert[data-v-6670276a]{width:100%;padding:.6rem .85rem;margin-bottom:1rem;border-radius:var(--radius-sm, 6px);background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);font-size:.8rem;text-align:left}.confirm-actions[data-v-6670276a]{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.btn-cancel-confirm[data-v-6670276a]{flex:1;padding:.6rem 1rem;font-size:.85rem;font-weight:500;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-cancel-confirm[data-v-6670276a]:hover:not(:disabled){background:#e2e8f0;color:var(--text-primary, #0f172a)}.btn-confirm-delete[data-v-6670276a]{flex:1.2;padding:.6rem 1rem;font-size:.85rem;font-weight:600;border-radius:var(--radius-md, 8px);border:1px solid #dc2626;background:#dc2626;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:all .15s ease}.btn-confirm-delete[data-v-6670276a]:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-confirm-delete[data-v-6670276a]:disabled,.btn-cancel-confirm[data-v-6670276a]:disabled{opacity:.6;cursor:not-allowed}@media print{body[data-v-6670276a]{background:#fff!important;color:#000!important}.pmy-print-backdrop[data-v-6670276a]{position:static!important;inset:auto!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;display:block!important;z-index:99999!important}.pmy-print-drawer[data-v-6670276a]{position:static!important;width:100%!important;max-width:100%!important;height:auto!important;box-shadow:none!important;border:none!important;border-radius:0!important;background:#fff!important;color:#000!important;overflow:visible!important;display:block!important}.drawer-header[data-v-6670276a],.drawer-footer[data-v-6670276a],.confirm-modal-backdrop[data-v-6670276a],.audit-toggle-wrapper[data-v-6670276a],.audit-section-box[data-v-6670276a],.drawer-window-controls[data-v-6670276a],.items-count-badge[data-v-6670276a]{display:none!important}.drawer-body[data-v-6670276a]{padding:0!important;overflow:visible!important;display:block!important}.detail-content-wrap[data-v-6670276a]{display:flex!important;flex-direction:column!important;gap:1.25rem!important;color:#000!important}.hero-amount-card[data-v-6670276a]{background:#fff!important;border:none!important;border-bottom:1.5px solid #000000!important;border-radius:0!important;padding:.5rem 0 1rem!important;color:#000!important}.hero-label[data-v-6670276a]{color:#333!important;font-size:.8rem!important;font-weight:600!important}.hero-amount-value[data-v-6670276a]{color:#000!important;font-size:1.6rem!important;font-weight:800!important}.hero-pill-method[data-v-6670276a]{background:transparent!important;border:1px solid #666666!important;color:#000!important}.hero-pill-method svg[data-v-6670276a]{display:none!important}.hero-date-text[data-v-6670276a]{color:#333!important}.status-indicator-badge[data-v-6670276a]{background:transparent!important;border:1.5px solid #000000!important;color:#000!important;border-radius:4px!important;padding:.4rem .85rem!important}.indicator-title[data-v-6670276a]{color:#000!important;font-weight:700!important;text-transform:uppercase!important}.section-box[data-v-6670276a]{background:#fff!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:.25rem 0!important;break-inside:avoid}.section-header[data-v-6670276a]{border-bottom:1px solid #333333!important;padding-bottom:.4rem!important;margin-bottom:.75rem!important}.section-icon-box[data-v-6670276a]{display:none!important}.section-title[data-v-6670276a]{color:#000!important;font-size:.95rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.03em!important}.detail-label[data-v-6670276a]{color:#555!important;font-size:.7rem!important;font-weight:600!important}.detail-value[data-v-6670276a],.detail-value.text-primary[data-v-6670276a],.text-primary[data-v-6670276a],.text-secondary[data-v-6670276a],.text-tertiary[data-v-6670276a],.text-success[data-v-6670276a],.text-warning[data-v-6670276a],.text-danger[data-v-6670276a]{color:#000!important}.table-container[data-v-6670276a]{border:none!important;overflow:visible!important}.data-table[data-v-6670276a]{width:100%!important;border-collapse:collapse!important}.data-table th[data-v-6670276a]{background:#f0f0f0!important;color:#000!important;border-bottom:1.5px solid #000000!important;padding:.5rem .6rem!important;font-size:.75rem!important}.data-table td[data-v-6670276a]{padding:.5rem .6rem!important;border-bottom:1px solid #cccccc!important;color:#000!important;font-size:.825rem!important}.periode-pill[data-v-6670276a]{background:transparent!important;border:none!important;color:#000!important;padding:0!important}.periode-pill svg[data-v-6670276a]{display:none!important}.data-table tfoot tr td[data-v-6670276a]{border-top:1px solid #666666!important;color:#000!important}.tfoot-final td[data-v-6670276a],.tfoot-final td.text-primary[data-v-6670276a],.tfoot-final .text-primary[data-v-6670276a]{border-top:1.5px solid #000000!important;font-weight:800!important;font-size:.95rem!important;color:#000!important}.tfoot-subtotal td[data-v-6670276a],.tfoot-discount td[data-v-6670276a],.tfoot-deposit td[data-v-6670276a]{color:#000!important}.notes-section[data-v-6670276a]{border:none!important;padding:.25rem 0!important}.notes-section .section-title[data-v-6670276a],.notes-section .section-title-group[data-v-6670276a]{color:#000!important}.notes-text[data-v-6670276a]{color:#000!important;font-size:.85rem!important}}.modal-backdrop[data-v-6607a90a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:fadeIn-6607a90a .2s ease-out}.modal-container[data-v-6607a90a]{width:100%;max-width:820px;max-height:90vh;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xl, 16px);display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;animation:scaleIn-6607a90a .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes fadeIn-6607a90a{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-6607a90a{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header[data-v-6607a90a]{padding:1.15rem 1.5rem;border-bottom:1px solid var(--border-default, #e2e8f0);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface, #ffffff)}.header-left[data-v-6607a90a]{display:flex;align-items:center;gap:.85rem}.header-icon-box[data-v-6607a90a]{width:40px;height:40px;border-radius:var(--radius-md, 8px);background:#d81b6014;color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-title[data-v-6607a90a]{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.25}.modal-subtitle[data-v-6607a90a]{font-size:.8rem;color:var(--text-secondary, #475569);margin:2px 0 0}.btn-close-modal[data-v-6607a90a]{width:34px;height:34px;border-radius:var(--radius-md, 8px);background:transparent;border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-close-modal[data-v-6607a90a]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.alert-box[data-v-6607a90a]{margin:1rem 1.5rem 0;padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-size:.825rem;display:flex;align-items:center;gap:.6rem}.alert-danger[data-v-6607a90a]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.modal-body[data-v-6607a90a]{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.form-section[data-v-6607a90a]{padding-bottom:1.25rem;border-bottom:1px dashed var(--border-default, #e2e8f0);display:flex;flex-direction:column;gap:1rem}.form-section.no-border-bottom[data-v-6607a90a]{border-bottom:none;padding-bottom:0}.section-title-wrap[data-v-6607a90a]{display:flex;align-items:center;gap:.6rem}.section-title-wrap.space-between[data-v-6607a90a]{justify-content:space-between}.section-title-left[data-v-6607a90a]{display:flex;align-items:center;gap:.6rem}.section-badge[data-v-6607a90a]{width:24px;height:24px;border-radius:50%;background:#d81b6014;color:var(--primary, #d81b60);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.section-title[data-v-6607a90a]{font-size:.92rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.btn-add-item[data-v-6607a90a]{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;padding:.35rem .65rem;border-radius:var(--radius-sm, 6px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--primary, #d81b60);cursor:pointer;font-weight:600}.btn-add-item[data-v-6607a90a]:hover{background:#d81b6014;border-color:var(--primary, #d81b60)}.form-grid[data-v-6607a90a]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group[data-v-6607a90a]{display:flex;flex-direction:column;gap:.35rem}.form-label[data-v-6607a90a]{font-size:.8125rem;font-weight:600;color:var(--text-primary, #0f172a);display:flex;align-items:center;gap:.25rem}.form-label-xs[data-v-6607a90a]{font-size:.72rem;font-weight:600;color:var(--text-secondary, #475569);margin-bottom:.25rem;display:block}.required-star[data-v-6607a90a]{color:var(--primary, #d81b60);font-weight:700}.label-hint[data-v-6607a90a]{font-size:.72rem;font-weight:400;color:var(--text-tertiary, #94a3b8)}.form-control[data-v-6607a90a]{width:100%;padding:.45rem .75rem;font-size:.82rem;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);transition:all .15s ease;outline:none}.form-control[data-v-6607a90a]:focus{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus)}.form-control-sm[data-v-6607a90a]{padding:.35rem .55rem;font-size:.8rem}.form-control.is-invalid[data-v-6607a90a]{border-color:var(--color-danger, #dc2626);background-color:var(--color-danger-bg, #fef2f2)}.helper-text[data-v-6607a90a]{font-size:.72rem;color:var(--text-secondary, #475569);margin-top:.2rem}.field-error[data-v-6607a90a]{font-size:.72rem;color:var(--color-danger, #dc2626);font-weight:500}.items-table-wrap[data-v-6607a90a]{border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);overflow:visible}.items-table[data-v-6607a90a]{width:100%;border-collapse:collapse;font-size:.8125rem}.items-table th[data-v-6607a90a]{background:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #475569);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.65rem .75rem;border-bottom:1px solid var(--border-default, #e2e8f0)}.items-table th[data-v-6607a90a]:first-child{border-top-left-radius:var(--radius-md, 8px)}.items-table th[data-v-6607a90a]:last-child{border-top-right-radius:var(--radius-md, 8px)}.items-table td[data-v-6607a90a]{padding:.55rem .75rem;border-bottom:1px solid var(--border-light, #f1f5f9);vertical-align:middle}.items-table tr:last-child td[data-v-6607a90a]{border-bottom:none}.input-nominal-wrap[data-v-6607a90a]{position:relative;display:flex;align-items:center}.curr-prefix[data-v-6607a90a]{position:absolute;left:.55rem;font-size:.75rem;color:var(--text-tertiary, #94a3b8);pointer-events:none}.curr-suffix[data-v-6607a90a]{position:absolute;right:.55rem;font-size:.75rem;color:var(--text-tertiary, #94a3b8);pointer-events:none}.btn-remove-item[data-v-6607a90a]{width:28px;height:28px;border-radius:var(--radius-xs, 4px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--color-danger, #dc2626);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;margin:0 auto}.btn-remove-item[data-v-6607a90a]:hover:not(:disabled){background:var(--color-danger-bg, #fef2f2);border-color:#fca5a5}.btn-remove-item[data-v-6607a90a]:disabled{opacity:.4;cursor:not-allowed}.calculation-card[data-v-6607a90a]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.65rem}.calc-row[data-v-6607a90a]{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem}.calc-discount-grid[data-v-6607a90a]{display:grid;grid-template-columns:150px 140px 1fr;gap:.75rem;align-items:flex-end;padding:.75rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);margin-top:.5rem}.discount-toggle-section[data-v-6607a90a]{padding:.65rem 0;border-top:1px dashed var(--border-default, #e2e8f0);border-bottom:1px dashed var(--border-default, #e2e8f0);display:flex;flex-direction:column;gap:.5rem}.discount-toggle-header[data-v-6607a90a]{display:flex;align-items:center;justify-content:space-between}.discount-toggle-info[data-v-6607a90a]{display:flex;align-items:center;gap:8px}.discount-toggle-title[data-v-6607a90a]{font-size:.8125rem;font-weight:600;color:var(--text-primary, #0f172a)}.status-badge-mini[data-v-6607a90a]{font-size:.7rem;font-weight:600;padding:1px 7px;border-radius:var(--radius-full, 9999px);display:inline-flex;align-items:center;gap:4px}.status-badge-mini .dot[data-v-6607a90a]{width:5px;height:5px;border-radius:50%}.status-badge-mini.active[data-v-6607a90a]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(22,163,74,.2)}.status-badge-mini.active .dot[data-v-6607a90a]{background:var(--color-success, #16a34a)}.status-badge-mini.inactive[data-v-6607a90a]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-default, #e2e8f0)}.status-badge-mini.inactive .dot[data-v-6607a90a]{background:var(--text-tertiary, #94a3b8)}.switch-toggle[data-v-6607a90a]{position:relative;display:inline-block;width:42px;height:22px;cursor:pointer;flex-shrink:0}.switch-toggle input[data-v-6607a90a]{opacity:0;width:0;height:0}.slider[data-v-6607a90a]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--border-input, #cbd5e1);border-radius:22px;transition:all .2s ease}.slider[data-v-6607a90a]:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;transition:all .2s ease}.switch-toggle input:checked+.slider[data-v-6607a90a]{background-color:var(--primary, #d81b60)}.switch-toggle input:checked+.slider[data-v-6607a90a]:before{transform:translate(20px)}.discount-calc-col[data-v-6607a90a]{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;text-align:right;margin-left:auto}.discount-result[data-v-6607a90a]{font-size:.84rem;padding-bottom:.4rem;text-align:right}.deposit-input-wrap[data-v-6607a90a]{width:150px;position:relative;display:flex;align-items:center}.total-row[data-v-6607a90a]{padding-top:.4rem;border-top:1.5px solid var(--border-default, #e2e8f0)}.total-label[data-v-6607a90a]{font-size:.92rem}.total-val[data-v-6607a90a]{font-size:1.25rem}.modal-footer[data-v-6607a90a]{padding:1rem 1.5rem;border-top:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.btn-cancel[data-v-6607a90a]{padding:.45rem 1rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);cursor:pointer}.btn-submit[data-v-6607a90a]{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1.15rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md, 8px);background:var(--primary, #d81b60);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 4px #d81b6033}.btn-submit[data-v-6607a90a]:hover:not(:disabled){background:var(--primary-hover, #c2185b)}.btn-submit[data-v-6607a90a]:disabled{opacity:.6;cursor:not-allowed}.rotate-spin[data-v-6607a90a]{animation:spin-6607a90a .8s linear infinite}@keyframes spin-6607a90a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.modal-container[data-v-6607a90a]{max-height:95vh}.modal-header[data-v-6607a90a],.modal-body[data-v-6607a90a],.modal-footer[data-v-6607a90a]{padding:1rem 1.15rem}.form-grid[data-v-6607a90a],.calc-discount-grid[data-v-6607a90a]{grid-template-columns:1fr}}.pembayaran-page[data-v-f2439e1e],.guru-page[data-v-f2439e1e]{display:flex;flex-direction:column;gap:1.25rem;width:100%;padding-bottom:2rem}.page-header[data-v-f2439e1e]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.header-left[data-v-f2439e1e]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-f2439e1e]{width:46px;height:46px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text[data-v-f2439e1e]{display:flex;flex-direction:column}.page-title[data-v-f2439e1e]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .15rem;line-height:1.2}.page-subtitle[data-v-f2439e1e]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0}.header-right[data-v-f2439e1e]{display:flex;align-items:center;gap:.75rem}.btn-add-guru[data-v-f2439e1e]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;padding:.45rem .95rem;border-radius:var(--radius-md, 8px);background:var(--primary, #d81b60);border:1px solid transparent;color:#fff;cursor:pointer;box-shadow:0 2px 4px #d81b6033;transition:all .15s ease}.btn-add-guru[data-v-f2439e1e]:hover{background:var(--primary-hover, #c2185b);transform:translateY(-1px);box-shadow:0 4px 6px #d81b6040}.btn-refresh[data-v-f2439e1e]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-refresh[data-v-f2439e1e]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-refresh[data-v-f2439e1e]:disabled{opacity:.6;cursor:not-allowed}.metrics-grid[data-v-f2439e1e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.metric-card[data-v-f2439e1e]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.metric-card[data-v-f2439e1e]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));border-color:#cbd5e1}.metric-card.card-active[data-v-f2439e1e]{border-color:#64748b;background:#f8fafc;box-shadow:0 0 0 2px #64748b26,0 2px 4px #00000008}.metric-card.non-clickable[data-v-f2439e1e]{cursor:default}.metric-card.non-clickable[data-v-f2439e1e]:hover{transform:none;box-shadow:none;border-color:var(--border-default, #e2e8f0)}.metric-icon-box[data-v-f2439e1e]{width:44px;height:44px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.total[data-v-f2439e1e]{background:#d81b601a;color:var(--primary, #d81b60)}.metric-icon-box.active[data-v-f2439e1e]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a)}.metric-icon-box.inactive[data-v-f2439e1e]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626)}.metric-icon-box.gender[data-v-f2439e1e]{background:var(--color-info-bg, #f0f9ff);color:var(--color-info, #0284c7)}.metric-content[data-v-f2439e1e]{display:flex;flex-direction:column;gap:.15rem}.metric-label[data-v-f2439e1e]{font-size:.75rem;font-weight:500;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.03em}.metric-value[data-v-f2439e1e]{font-size:1.35rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.1}.gender-split[data-v-f2439e1e]{display:flex;align-items:baseline;gap:.35rem;font-size:1.15rem;font-weight:700}.gender-val.male[data-v-f2439e1e]{color:#0284c7}.gender-val.female[data-v-f2439e1e]{color:#d81b60}.gender-val small[data-v-f2439e1e]{font-size:.75rem;font-weight:600}.gender-divider[data-v-f2439e1e]{color:var(--text-tertiary, #94a3b8);font-weight:400}.data-panel[data-v-f2439e1e]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm)}.toolbar[data-v-f2439e1e]{padding:1.15rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff)}.search-box-combined[data-v-f2439e1e]{display:flex;align-items:center;gap:.4rem;flex:1;min-width:320px;max-width:480px}.search-key-select[data-v-f2439e1e]{flex-shrink:0}.search-input-inner[data-v-f2439e1e]{position:relative;flex:1;min-width:170px}.search-icon[data-v-f2439e1e]{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-f2439e1e]{width:100%;padding:.45rem 2.2rem .45rem 2.3rem;font-size:.82rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-input, #cbd5e1);background:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);transition:all .15s ease;outline:none}.search-input[data-v-f2439e1e]:focus{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus)}.btn-clear-search[data-v-f2439e1e]{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:50%;transition:color .15s ease}.btn-clear-search[data-v-f2439e1e]:hover{color:var(--text-primary, #0f172a)}.filters-group[data-v-f2439e1e]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.filter-item[data-v-f2439e1e]{display:flex;align-items:center}.btn-reset-filter[data-v-f2439e1e]{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px dashed var(--border-input, #cbd5e1);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-reset-filter[data-v-f2439e1e]:hover{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border-color:#dc26264d}.table-container[data-v-f2439e1e]{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table[data-v-f2439e1e]{width:100%;border-collapse:collapse;text-align:left;font-size:.84rem}.data-table thead th[data-v-f2439e1e]{background:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #475569);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1rem;border-bottom:1px solid var(--border-default, #e2e8f0);white-space:nowrap}.data-table tbody tr[data-v-f2439e1e]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background-color .15s ease}.data-table tbody tr[data-v-f2439e1e]:hover{background:var(--bg-table-row-hover, #f8fafc)}.data-table tbody tr.clickable-row[data-v-f2439e1e]{cursor:pointer}.data-table td[data-v-f2439e1e]{padding:.85rem 1rem;vertical-align:middle}.col-num[data-v-f2439e1e]{width:50px;text-align:center}.col-barcode[data-v-f2439e1e],.col-date[data-v-f2439e1e]{white-space:nowrap;min-width:110px}.barcode-badge[data-v-f2439e1e]{display:inline-block;padding:.25rem .6rem;border-radius:var(--radius-sm, 6px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);font-size:.78rem;font-weight:600;color:var(--text-secondary, #475569);white-space:nowrap}.date-text[data-v-f2439e1e]{font-size:.8125rem;color:var(--text-secondary, #475569);white-space:nowrap}.col-name[data-v-f2439e1e]{min-width:220px}.guru-profile-cell[data-v-f2439e1e]{display:flex;align-items:center;gap:.75rem}.guru-avatar[data-v-f2439e1e]{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;overflow:hidden;border:1.5px solid var(--border-light, #f1f5f9)}.avatar-male[data-v-f2439e1e]{background:#e0f2fe;color:#0369a1}.avatar-female[data-v-f2439e1e]{background:#fce7f3;color:#be185d}.avatar-default[data-v-f2439e1e]{background:#f1f5f9;color:#475569}.guru-name-info[data-v-f2439e1e]{display:flex;flex-direction:column;gap:.15rem}.name-nick-row[data-v-f2439e1e]{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}.guru-fullname[data-v-f2439e1e]{color:var(--text-primary, #0f172a);font-weight:600}.kelas-label-tag[data-v-f2439e1e]{display:inline-block;font-size:.72rem;font-weight:600;color:var(--primary, #d81b60);margin-bottom:.3rem}.col-items[data-v-f2439e1e]{min-width:190px}.items-list-cell[data-v-f2439e1e]{display:flex;flex-direction:column;gap:.2rem}.item-tag-row[data-v-f2439e1e]{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem}.item-name-tag[data-v-f2439e1e]{color:var(--text-primary, #0f172a);font-weight:500}.item-periode-tag[data-v-f2439e1e]{font-size:.72rem;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #f1f5f9);padding:.05rem .35rem;border-radius:var(--radius-xs, 4px)}.col-amount[data-v-f2439e1e],.col-money[data-v-f2439e1e]{min-width:120px;white-space:nowrap}.amount-method-cell[data-v-f2439e1e]{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.amount-val[data-v-f2439e1e]{color:var(--text-primary, #0f172a);font-size:.85rem}.amount-val.text-danger[data-v-f2439e1e]{color:var(--danger, #dc2626)!important}.amount-val.text-success[data-v-f2439e1e]{color:var(--success, #16a34a)!important}.amount-val.text-muted[data-v-f2439e1e]{color:var(--text-tertiary, #94a3b8)!important}.font-medium[data-v-f2439e1e]{font-weight:500!important}.method-text-mobile[data-v-f2439e1e]{font-size:.72rem;color:var(--text-secondary, #475569);white-space:nowrap}.col-method[data-v-f2439e1e]{width:120px}.method-info[data-v-f2439e1e]{display:flex;flex-direction:column;gap:.1rem}.method-text[data-v-f2439e1e]{font-size:.8rem;color:var(--text-primary, #0f172a)}.method-channel[data-v-f2439e1e]{font-size:.72rem}.col-status[data-v-f2439e1e]{width:110px}.status-badge[data-v-f2439e1e]{display:inline-block;padding:.25rem .65rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600;text-align:center;white-space:nowrap}.badge-success[data-v-f2439e1e]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid rgba(220,163,74,.2)}.badge-warning[data-v-f2439e1e]{background:var(--color-warning-bg, #fffbeb);color:var(--color-warning, #d97706);border:1px solid rgba(217,119,6,.2)}.badge-danger[data-v-f2439e1e]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.badge-secondary[data-v-f2439e1e]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8)}.empty-state-cell[data-v-f2439e1e]{padding:4rem 1.5rem}.empty-state-box[data-v-f2439e1e]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;margin:0 auto}.empty-state-icon[data-v-f2439e1e]{width:60px;height:60px;border-radius:50%;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-title[data-v-f2439e1e]{font-size:1.05rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0 0 .4rem}.empty-desc[data-v-f2439e1e]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0;line-height:1.4}.skeleton-pill[data-v-f2439e1e]{height:14px;border-radius:var(--radius-xs, 4px);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-f2439e1e 1.5s infinite}.skel-num[data-v-f2439e1e]{width:20px;margin:0 auto}.skel-code[data-v-f2439e1e]{width:80px}.skel-date-mobile[data-v-f2439e1e]{width:65px;height:10px}.skel-date[data-v-f2439e1e]{width:80px}.skel-title[data-v-f2439e1e]{width:140px;height:14px;margin-bottom:4px}.skel-sub[data-v-f2439e1e]{width:70px;height:10px}.skel-items[data-v-f2439e1e]{width:120px}.skel-amount[data-v-f2439e1e]{width:90px;margin-left:auto}.skel-method-mobile[data-v-f2439e1e]{width:60px;height:10px;margin-left:auto}.skel-method[data-v-f2439e1e]{width:85px}.skel-badge[data-v-f2439e1e]{width:65px;height:20px;border-radius:9999px}.name-cell-skeleton[data-v-f2439e1e]{display:flex;align-items:center;gap:.75rem}.skeleton-avatar[data-v-f2439e1e]{width:38px;height:38px;border-radius:50%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-f2439e1e 1.5s infinite;flex-shrink:0}.skeleton-texts[data-v-f2439e1e]{display:flex;flex-direction:column}@keyframes skeletonPulse-f2439e1e{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination-footer[data-v-f2439e1e]{padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff)}.pagination-info[data-v-f2439e1e]{font-size:.8125rem;color:var(--text-secondary, #475569)}.pagination-controls[data-v-f2439e1e]{display:flex;align-items:center;gap:.35rem}.btn-page-nav[data-v-f2439e1e],.btn-page-num[data-v-f2439e1e]{min-width:32px;height:32px;padding:0 .35rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);font-size:.8125rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-page-nav[data-v-f2439e1e]:hover:not(:disabled),.btn-page-num[data-v-f2439e1e]:hover:not(:disabled){background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-page-num.is-active[data-v-f2439e1e]{background:var(--primary, #d81b60);color:#fff;border-color:var(--primary, #d81b60);font-weight:600}.btn-page-nav[data-v-f2439e1e]:disabled,.btn-page-num[data-v-f2439e1e]:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis[data-v-f2439e1e]{padding:0 .25rem;color:var(--text-tertiary, #94a3b8);font-size:.8125rem}.rotate-spin[data-v-f2439e1e]{animation:spin-f2439e1e .8s linear infinite}@keyframes spin-f2439e1e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.page-header[data-v-f2439e1e]{flex-direction:column;align-items:flex-start;gap:.85rem;padding:1rem 1.15rem}.header-left[data-v-f2439e1e]{width:100%}.header-right[data-v-f2439e1e]{width:100%;display:flex;justify-content:flex-end}.toolbar[data-v-f2439e1e]{flex-direction:column;align-items:stretch;padding:1rem;gap:.85rem}.search-box-combined[data-v-f2439e1e]{max-width:100%;min-width:0;width:100%}.filters-group[data-v-f2439e1e]{width:100%;justify-content:flex-start}.col-date[data-v-f2439e1e],.col-method[data-v-f2439e1e]{display:none!important}.data-table[data-v-f2439e1e]{min-width:980px}.pagination-footer[data-v-f2439e1e]{flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:.85rem 1rem}}@media (max-width: 640px){.page-title[data-v-f2439e1e]{font-size:1.15rem}.page-subtitle[data-v-f2439e1e]{font-size:.78rem;line-height:1.35}.metrics-grid[data-v-f2439e1e]{grid-template-columns:repeat(2,1fr);gap:.65rem}.metric-card[data-v-f2439e1e]{padding:.75rem .85rem;gap:.65rem;border-radius:var(--radius-md, 8px)}.metric-icon-box[data-v-f2439e1e]{width:38px;height:38px;border-radius:var(--radius-sm, 6px)}.metric-icon-box svg[data-v-f2439e1e]{width:18px;height:18px}.metric-label[data-v-f2439e1e]{font-size:.68rem}.metric-value[data-v-f2439e1e]{font-size:1.15rem}.gender-split[data-v-f2439e1e]{font-size:.95rem;gap:.25rem}.search-box-combined[data-v-f2439e1e]{flex-direction:column;gap:.5rem}.search-key-select[data-v-f2439e1e]{width:100%}.search-key-select[data-v-f2439e1e] .searchable-select-container{width:100%;min-width:0!important}.search-input-inner[data-v-f2439e1e]{width:100%;min-width:0}.search-input[data-v-f2439e1e]{padding:.5rem 2.2rem;font-size:.85rem}.filters-group[data-v-f2439e1e]{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:.5rem}.filter-item[data-v-f2439e1e]{width:100%}.filter-item.filter-period-item[data-v-f2439e1e]{grid-column:span 2}.filter-item[data-v-f2439e1e] .searchable-select-container{width:100%;min-width:0!important}.btn-reset-filter[data-v-f2439e1e]{grid-column:span 2;width:100%;justify-content:center;padding:.5rem}.pagination-info[data-v-f2439e1e]{font-size:.78rem}.pagination-controls[data-v-f2439e1e]{flex-wrap:wrap;justify-content:center}.btn-page-nav[data-v-f2439e1e],.btn-page-num[data-v-f2439e1e]{min-width:36px;height:36px;font-size:.85rem}}.form-modal-backdrop[data-v-cbd67221]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:fadeIn-cbd67221 .2s ease}.form-modal-container[data-v-cbd67221]{background:var(--bg-surface, #ffffff);border-radius:var(--radius-xl, 16px);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--border-default, #e2e8f0);overflow:hidden;animation:slideUp-cbd67221 .25s cubic-bezier(.16,1,.3,1);font-family:var(--font-family, "Inter", sans-serif)}.form-modal-header[data-v-cbd67221]{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light, #f1f5f9);background:var(--bg-surface, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.header-left[data-v-cbd67221]{display:flex;align-items:center;gap:.875rem}.header-icon-box[data-v-cbd67221]{width:44px;height:44px;border-radius:var(--radius-lg, 12px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text[data-v-cbd67221]{display:flex;flex-direction:column}.form-modal-title[data-v-cbd67221]{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3}.form-modal-subtitle[data-v-cbd67221]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:.15rem 0 0}.btn-close-modal[data-v-cbd67221]{width:36px;height:36px;border-radius:var(--radius-md, 8px);background:transparent;border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-close-modal[data-v-cbd67221]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.form-mode-tabs[data-v-cbd67221]{display:flex;padding:.45rem 1.5rem;background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0);gap:.5rem;flex-shrink:0}.mode-tab-btn[data-v-cbd67221]{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .85rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md, 8px);color:var(--text-secondary, #475569);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font-family, "Inter", sans-serif)}.mode-tab-btn[data-v-cbd67221]:hover{background:#0000000a;color:var(--text-primary, #0f172a)}.mode-tab-btn.active[data-v-cbd67221]{background:var(--bg-surface, #ffffff);color:var(--primary, #d81b60);border-color:var(--border-default, #e2e8f0);box-shadow:var(--shadow-sm)}.alert-box[data-v-cbd67221]{margin:1rem 1.5rem 0;padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-size:.8125rem;display:flex;align-items:flex-start;gap:.65rem;flex-shrink:0}.alert-danger[data-v-cbd67221]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.alert-list[data-v-cbd67221]{margin:.25rem 0 0;padding-left:1.2rem}.form-modal-body[data-v-cbd67221]{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem}.form-section[data-v-cbd67221]{display:flex;flex-direction:column;gap:1rem}.form-section.no-border-bottom[data-v-cbd67221]{border-bottom:none;padding-bottom:0}.form-grid[data-v-cbd67221]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group[data-v-cbd67221]{display:flex;flex-direction:column;gap:.35rem}.form-label[data-v-cbd67221]{font-size:.8125rem;font-weight:600;color:var(--text-primary, #0f172a);display:flex;align-items:center;gap:.25rem}.required-star[data-v-cbd67221]{color:var(--primary, #d81b60);font-weight:700}.label-hint[data-v-cbd67221]{font-size:.75rem;font-weight:400;color:var(--text-tertiary, #94a3b8)}.form-control[data-v-cbd67221]{width:100%;padding:.6rem .875rem;font-size:.875rem;font-family:inherit;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease);outline:none;box-sizing:border-box}.form-control[data-v-cbd67221]:focus{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(216, 27, 96, .16))}.form-control[data-v-cbd67221]:disabled{background:var(--bg-surface-raised, #f8fafc);color:var(--text-tertiary, #94a3b8);cursor:not-allowed}.form-textarea[data-v-cbd67221]{resize:vertical;min-height:75px;line-height:1.45}.input-currency-wrap[data-v-cbd67221]{position:relative;display:flex;align-items:center}.currency-prefix[data-v-cbd67221]{position:absolute;left:.875rem;font-size:.875rem;font-weight:700;color:var(--text-secondary, #475569);pointer-events:none}.input-with-prefix[data-v-cbd67221]{padding-left:2.25rem!important;font-weight:600}.nominal-preview[data-v-cbd67221]{margin-top:.2rem;font-size:.75rem;color:var(--color-success, #16a34a);font-weight:500}.helper-text[data-v-cbd67221]{font-size:.75rem;color:var(--text-tertiary, #94a3b8)}.field-error[data-v-cbd67221]{font-size:.75rem;color:var(--color-danger, #dc2626);margin-top:.15rem}.class-murids-preview[data-v-cbd67221]{border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);background:var(--bg-surface-raised, #f8fafc);overflow:hidden}.preview-header[data-v-cbd67221]{padding:.55rem .875rem;background:var(--bg-surface, #ffffff);border-bottom:1px solid var(--border-default, #e2e8f0);display:flex;align-items:center;justify-content:space-between}.preview-title[data-v-cbd67221]{display:flex;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:600;color:var(--text-primary, #0f172a)}.loading-badge[data-v-cbd67221]{font-size:.7rem;color:var(--primary, #d81b60);font-weight:600}.preview-body[data-v-cbd67221]{max-height:160px;overflow-y:auto}.preview-loading[data-v-cbd67221],.preview-empty[data-v-cbd67221]{padding:1rem;text-align:center;font-size:.8125rem;color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;gap:.5rem}.preview-table[data-v-cbd67221]{width:100%;border-collapse:collapse;font-size:.8125rem}.preview-table th[data-v-cbd67221]{padding:.45rem .75rem;background:var(--bg-table-header, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0);text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-tertiary, #94a3b8);position:sticky;top:0;z-index:2}.preview-table td[data-v-cbd67221]{padding:.45rem .75rem;border-bottom:1px solid var(--border-light, #f1f5f9);color:var(--text-secondary, #475569)}.badge-barcode[data-v-cbd67221]{display:inline-block;padding:.1rem .4rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px);font-size:.75rem;font-weight:600;color:var(--text-secondary, #475569)}.bulk-calc-card[data-v-cbd67221]{padding:.75rem 1rem;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));border:1px solid rgba(216,27,96,.2);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:.25rem}.bulk-calc-row[data-v-cbd67221]{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--text-secondary, #475569)}.bulk-calc-divider[data-v-cbd67221]{height:1px;background:#d81b6033;margin:.2rem 0}.bulk-calc-row.total[data-v-cbd67221]{font-size:.875rem;font-weight:700;color:var(--text-primary, #0f172a)}.total-amt[data-v-cbd67221]{color:var(--primary, #d81b60);font-size:1rem;font-weight:800}.form-modal-footer[data-v-cbd67221]{padding-top:1rem;border-top:1px solid var(--border-light, #f1f5f9);display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.btn[data-v-cbd67221]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.15rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease);border:none;font-family:var(--font-family, "Inter", sans-serif)}.btn-secondary[data-v-cbd67221]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569)}.btn-secondary[data-v-cbd67221]:hover:not(:disabled){background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a)}.btn-primary[data-v-cbd67221]{background:var(--primary, #d81b60);color:#fff;box-shadow:0 2px 4px #d81b6033}.btn-primary[data-v-cbd67221]:hover:not(:disabled){background:var(--primary-hover, #c2185b);box-shadow:0 4px 6px #d81b6040;transform:translateY(-1px)}.btn[data-v-cbd67221]:disabled{opacity:.6;cursor:not-allowed}.rotate-spin[data-v-cbd67221]{animation:spin-cbd67221 1s linear infinite}.spinner-mini[data-v-cbd67221]{width:16px;height:16px;border:2px solid rgba(216,27,96,.2);border-top-color:var(--primary, #d81b60);border-radius:50%;animation:spin-cbd67221 .8s linear infinite}@keyframes spin-cbd67221{to{transform:rotate(360deg)}}@keyframes fadeIn-cbd67221{0%{opacity:0}to{opacity:1}}@keyframes slideUp-cbd67221{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.form-modal-container[data-v-cbd67221]{max-height:100vh;border-radius:0;height:100%}.form-grid[data-v-cbd67221]{grid-template-columns:1fr}.form-mode-tabs[data-v-cbd67221]{padding:.45rem 1rem}.form-modal-header[data-v-cbd67221],.form-modal-body[data-v-cbd67221]{padding:1rem}}.modal-backdrop[data-v-cf53d654]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:999;animation:fadeIn-cf53d654 .2s ease;font-family:var(--font-family, "Inter", sans-serif)}.detail-drawer[data-v-cf53d654]{width:780px;max-width:100vw;height:100vh;background:var(--bg-surface, #ffffff);border-left:1px solid var(--border-default, #e2e8f0);border-radius:0;display:flex;flex-direction:column;box-shadow:-8px 0 24px #00000014;animation:slideDrawer-cf53d654 .25s cubic-bezier(.16,1,.3,1);transition:width .2s ease;overflow:hidden}.detail-drawer.is-fullscreen[data-v-cf53d654]{width:100vw}.drawer-header[data-v-cf53d654]{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);flex-shrink:0}.drawer-header-content[data-v-cf53d654]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.drawer-identity-group[data-v-cf53d654]{display:flex;align-items:flex-start;gap:.9rem;min-width:0;flex:1}.drawer-avatar[data-v-cf53d654]{width:48px;height:48px;border-radius:var(--radius-md, 10px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;overflow:hidden;border:1px solid var(--border-default, #e2e8f0);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));margin-top:2px}.drawer-avatar.avatar-male[data-v-cf53d654]{background:#e0f2fe;color:#0284c7;border-color:#bae6fd}.drawer-avatar.avatar-female[data-v-cf53d654]{background:#fce7f3;color:#db2777;border-color:#fbcfe8}.drawer-avatar.default-avatar[data-v-cf53d654]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569)}.drawer-avatar-img[data-v-cf53d654]{width:100%;height:100%;object-fit:cover}.drawer-identity-meta[data-v-cf53d654]{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.drawer-pre-title[data-v-cf53d654]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.entity-badge[data-v-cf53d654]{font-size:.65rem;font-weight:700;color:var(--primary, #d81b60);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));padding:.1rem .45rem;border-radius:var(--radius-xs, 4px);letter-spacing:.04em;text-transform:uppercase}.drawer-title[data-v-cf53d654]{font-size:1.2rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3;word-break:break-word}.badge-barcode[data-v-cf53d654]{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.15rem .5rem;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px)}.drawer-window-controls[data-v-cf53d654]{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.window-btn[data-v-cf53d654]{width:36px;height:36px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.window-btn[data-v-cf53d654]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-fullscreen[data-v-cf53d654]:hover{color:var(--primary, #d81b60)}.btn-close[data-v-cf53d654]:hover{color:var(--color-danger, #dc2626);background:var(--color-danger-bg, #fef2f2);border-color:#fca5a5}.drawer-body[data-v-cf53d654]{flex:1;overflow-y:auto;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem;background:var(--bg-body, #f8fafc)}.drawer-content-flow[data-v-cf53d654]{display:flex;flex-direction:column;gap:1rem}.section-box[data-v-cf53d654]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .03))}.section-box.no-margin-top[data-v-cf53d654]{margin-top:0}.section-header-title[data-v-cf53d654]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.section-header-title.space-between[data-v-cf53d654]{justify-content:space-between}.header-title-left[data-v-cf53d654]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--text-primary, #0f172a)}.badge-count[data-v-cf53d654]{font-size:.72rem;font-weight:600;padding:.15rem .55rem;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);border-radius:var(--radius-full, 9999px);border:1px solid var(--border-default, #e2e8f0)}.deposit-stats-grid[data-v-cf53d654]{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.deposit-stat-card[data-v-cf53d654]{background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem}.deposit-stat-card.highlight-balance[data-v-cf53d654]{background:#f0fdf4;border-color:#bbf7d0}.stat-icon-box[data-v-cf53d654]{width:36px;height:36px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-box.total-deposit[data-v-cf53d654]{background:#f0fdf4;color:#16a34a}.stat-icon-box.total-usage[data-v-cf53d654]{background:#fef2f2;color:#dc2626}.stat-icon-box.total-balance[data-v-cf53d654]{background:#dcfce7;color:#16a34a}.stat-content[data-v-cf53d654]{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.stat-label[data-v-cf53d654]{font-size:.7rem;font-weight:500;color:var(--text-secondary, #475569);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-val[data-v-cf53d654]{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}.status-pill[data-v-cf53d654]{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.status-pill.active[data-v-cf53d654]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-pill.inactive[data-v-cf53d654]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-dot[data-v-cf53d654]{width:6px;height:6px;border-radius:50%;background:currentColor}.table-responsive[data-v-cf53d654]{width:100%;overflow-x:auto}.history-table[data-v-cf53d654]{width:100%;border-collapse:collapse;font-size:.8125rem}.history-table th[data-v-cf53d654]{padding:.6rem .875rem;background:var(--bg-table-header, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0);text-align:left;font-size:.7rem;font-weight:700;color:var(--text-tertiary, #94a3b8);text-transform:uppercase}.history-table td[data-v-cf53d654]{padding:.65rem .875rem;border-bottom:1px solid var(--border-light, #f1f5f9);vertical-align:middle}.history-table tr[data-v-cf53d654]:hover{background:var(--bg-table-row-hover, #f1f5f9)}.nowrap-text[data-v-cf53d654]{white-space:nowrap}.font-medium[data-v-cf53d654]{font-weight:500}.font-bold[data-v-cf53d654]{font-weight:700}.font-extrabold[data-v-cf53d654]{font-weight:800}.desc-cell[data-v-cf53d654]{max-width:250px;line-height:1.4}.badge-mutation[data-v-cf53d654]{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.badge-masuk[data-v-cf53d654]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge-pakai[data-v-cf53d654]{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.btn-delete-row[data-v-cf53d654]{background:transparent;border:none;color:var(--color-danger, #dc2626);padding:.3rem;border-radius:var(--radius-xs, 4px);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.btn-delete-row[data-v-cf53d654]:hover{background:var(--color-danger-bg, #fef2f2);transform:scale(1.1)}.empty-history[data-v-cf53d654]{padding:2.5rem 1rem;text-align:center;color:var(--text-tertiary, #94a3b8);display:flex;flex-direction:column;align-items:center;gap:.5rem}.drawer-footer[data-v-cf53d654]{padding:1rem 1.5rem;background:var(--bg-surface, #ffffff);border-top:1px solid var(--border-default, #e2e8f0);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;flex-wrap:wrap}.drawer-footer-actions[data-v-cf53d654]{display:flex;align-items:center;gap:.75rem}.btn[data-v-cf53d654]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .95rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease;border:none;font-family:var(--font-family, "Inter", sans-serif)}.btn-primary[data-v-cf53d654]{background:var(--primary, #d81b60);color:#fff;box-shadow:0 2px 4px #d81b6033}.btn-primary[data-v-cf53d654]:hover:not(:disabled){background:var(--primary-hover, #c2185b);box-shadow:0 4px 6px #d81b6040;transform:translateY(-1px)}.btn-secondary[data-v-cf53d654]{background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569)}.btn-secondary[data-v-cf53d654]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a)}.btn-danger[data-v-cf53d654]{background:var(--color-danger, #dc2626);color:#fff;box-shadow:0 2px 4px #dc262633}.btn-danger[data-v-cf53d654]:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.btn-close-drawer[data-v-cf53d654]{margin-left:auto}.custom-dialog-backdrop[data-v-cf53d654]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn-cf53d654 .15s ease}.custom-dialog-card[data-v-cf53d654]{background:var(--bg-surface, #ffffff);border-radius:var(--radius-xl, 16px);width:100%;max-width:440px;display:flex;flex-direction:column;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .15));border:1px solid var(--border-default, #e2e8f0);overflow:hidden;animation:scaleUp-cf53d654 .2s cubic-bezier(.16,1,.3,1);font-family:var(--font-family, "Inter", sans-serif)}.custom-dialog-header[data-v-cf53d654]{padding:1.25rem 1.5rem .75rem;display:flex;align-items:flex-start;gap:.875rem}.dialog-icon-box[data-v-cf53d654]{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dialog-icon-box.icon-danger[data-v-cf53d654]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.dialog-icon-box.icon-warning[data-v-cf53d654]{background:var(--color-warning-bg, #fffbeb);color:var(--color-warning, #d97706);border:1px solid rgba(217,119,6,.2)}.dialog-title-text[data-v-cf53d654]{display:flex;flex-direction:column;gap:.15rem}.dialog-title[data-v-cf53d654]{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary, #0f172a)}.dialog-subtitle[data-v-cf53d654]{margin:0;font-size:.75rem;color:var(--text-secondary, #475569)}.custom-dialog-body[data-v-cf53d654]{padding:.5rem 1.5rem 1.25rem}.dialog-message[data-v-cf53d654]{font-size:.825rem;color:var(--text-secondary, #475569);line-height:1.5;margin:0}.dialog-breakdown-card[data-v-cf53d654]{margin-top:.875rem;padding:.75rem 1rem;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:.35rem}.breakdown-row[data-v-cf53d654]{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.b-lbl[data-v-cf53d654]{color:var(--text-secondary, #475569)}.breakdown-divider[data-v-cf53d654]{height:1px;background:var(--border-default, #e2e8f0);margin:.25rem 0}.breakdown-note[data-v-cf53d654]{font-size:.725rem;color:var(--text-tertiary, #94a3b8);margin:0;line-height:1.4}.custom-dialog-footer[data-v-cf53d654]{padding:.875rem 1.5rem;background:var(--bg-surface-raised, #f8fafc);border-top:1px solid var(--border-light, #f1f5f9);display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.btn-dialog-ok[data-v-cf53d654]{min-width:100px}.drawer-skeleton-body[data-v-cf53d654]{display:flex;flex-direction:column;gap:1rem}.skeleton-shimmer[data-v-cf53d654]{background:linear-gradient(90deg,var(--bg-skeleton, #f1f5f9) 0%,var(--border-default, #e2e8f0) 50%,var(--bg-skeleton, #f1f5f9) 100%);background-size:200% 100%;animation:shimmer-cf53d654 1.5s infinite;border-radius:var(--radius-xs, 4px)}.skeleton-section-header[data-v-cf53d654]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.skeleton-icon[data-v-cf53d654]{width:18px;height:18px;border-radius:var(--radius-xs, 4px)}.skeleton-line[data-v-cf53d654]{height:14px}.skeleton-w-40[data-v-cf53d654]{width:40%}.skeleton-label[data-v-cf53d654]{height:10px;width:35%;margin-bottom:4px}.skeleton-val[data-v-cf53d654]{height:14px;width:70%}.detail-grid[data-v-cf53d654]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item[data-v-cf53d654]{display:flex;flex-direction:column}.text-success[data-v-cf53d654]{color:var(--color-success, #16a34a)!important}.text-danger[data-v-cf53d654]{color:var(--color-danger, #dc2626)!important}.text-muted[data-v-cf53d654]{color:var(--text-tertiary, #94a3b8)!important}.text-secondary[data-v-cf53d654]{color:var(--text-secondary, #475569)}.text-tertiary[data-v-cf53d654]{color:var(--text-tertiary, #94a3b8)}.text-sm[data-v-cf53d654]{font-size:.75rem}.rotate-spin[data-v-cf53d654]{animation:spin-cf53d654 1s linear infinite}@keyframes spin-cf53d654{to{transform:rotate(360deg)}}@keyframes shimmer-cf53d654{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn-cf53d654{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-cf53d654{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDrawer-cf53d654{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.detail-drawer[data-v-cf53d654]{width:100vw}.deposit-stats-grid[data-v-cf53d654]{grid-template-columns:1fr}.drawer-header[data-v-cf53d654],.drawer-body[data-v-cf53d654],.drawer-footer[data-v-cf53d654]{padding:1rem}}.pengembalian-dana-page[data-v-30d5f100]{display:flex;flex-direction:column;gap:1.25rem;width:100%;font-family:var(--font-family, "Inter", sans-serif)}.page-header[data-v-30d5f100]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.header-left[data-v-30d5f100]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-30d5f100]{width:46px;height:46px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-title[data-v-30d5f100]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .15rem;line-height:1.2}.page-subtitle[data-v-30d5f100]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0}.header-right[data-v-30d5f100]{display:flex;align-items:center;gap:.75rem}.btn-add-refund[data-v-30d5f100]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;padding:.45rem .95rem;border-radius:var(--radius-md, 8px);background:var(--primary, #d81b60);border:1px solid transparent;color:#fff;cursor:pointer;box-shadow:0 2px 4px #d81b6033;transition:all .15s ease}.btn-add-refund[data-v-30d5f100]:hover{background:var(--primary-hover, #c2185b);transform:translateY(-1px);box-shadow:0 4px 6px #d81b6040}.btn-refresh[data-v-30d5f100]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-refresh[data-v-30d5f100]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-refresh[data-v-30d5f100]:disabled{opacity:.6;cursor:not-allowed}.metrics-grid[data-v-30d5f100]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.metric-card[data-v-30d5f100]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.metric-card[data-v-30d5f100]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));border-color:#cbd5e1}.metric-card.card-active[data-v-30d5f100]{border-color:#64748b;background:#f8fafc;box-shadow:0 0 0 2px #64748b26,0 2px 4px #00000008}.metric-icon-box[data-v-30d5f100]{width:44px;height:44px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.total[data-v-30d5f100]{background:#d81b601a;color:var(--primary, #d81b60)}.metric-icon-box.active[data-v-30d5f100]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a)}.metric-icon-box.inactive[data-v-30d5f100]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626)}.metric-icon-box.gender[data-v-30d5f100]{background:#e0f2fe;color:#0284c7}.metric-content[data-v-30d5f100]{display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.metric-label[data-v-30d5f100]{font-size:.75rem;font-weight:500;color:var(--text-secondary, #475569);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value[data-v-30d5f100]{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a)}.data-panel[data-v-30d5f100]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);display:flex;flex-direction:column;overflow:hidden}.toolbar[data-v-30d5f100]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-default, #e2e8f0);flex-wrap:wrap}.search-box[data-v-30d5f100]{position:relative;flex:1;min-width:260px;display:flex;align-items:center}.search-icon[data-v-30d5f100]{position:absolute;left:.75rem;color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-30d5f100]{width:100%;padding:.45rem 2rem .45rem 2.15rem;background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);font-size:.8125rem;font-family:var(--font-family, "Inter", sans-serif);color:var(--text-primary, #0f172a);outline:none;transition:all .15s ease}.search-input[data-v-30d5f100]:focus{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus, 0 0 0 3px rgba(216, 27, 96, .16))}.btn-clear-search[data-v-30d5f100]{position:absolute;right:.5rem;background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center}.btn-clear-search[data-v-30d5f100]:hover{color:var(--text-primary, #0f172a)}.filter-controls-wrap[data-v-30d5f100]{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.view-mode-pill[data-v-30d5f100]{display:flex;background:var(--bg-surface-raised, #f1f5f9);padding:.2rem;border-radius:var(--radius-md, 8px);gap:.2rem}.pill-btn[data-v-30d5f100]{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:none;border-radius:var(--radius-sm, 6px);background:transparent;font-size:.8rem;font-weight:600;color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease;font-family:var(--font-family, "Inter", sans-serif)}.pill-btn[data-v-30d5f100]:hover{color:var(--text-primary, #0f172a)}.pill-btn.active[data-v-30d5f100]{background:var(--bg-surface, #ffffff);color:var(--primary, #d81b60);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05))}.status-filter[data-v-30d5f100]{min-width:175px}.limit-filter[data-v-30d5f100]{min-width:100px}.table-container[data-v-30d5f100]{width:100%;overflow-x:auto;min-height:280px}.table-responsive[data-v-30d5f100]{width:100%;overflow-x:auto}.data-table[data-v-30d5f100]{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th[data-v-30d5f100]{padding:.75rem 1rem;background:var(--bg-table-header, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0);color:var(--text-tertiary, #94a3b8);font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap}.data-table td[data-v-30d5f100]{padding:.75rem 1rem;border-bottom:1px solid var(--border-light, #f1f5f9);color:var(--text-primary, #0f172a);vertical-align:middle}.clickable-row[data-v-30d5f100]{cursor:pointer;transition:background .15s ease}.clickable-row[data-v-30d5f100]:hover{background:var(--bg-table-row-hover, #f1f5f9)}.badge-barcode[data-v-30d5f100]{display:inline-block;padding:.15rem .45rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px);font-size:.75rem;font-weight:600;color:var(--text-secondary, #475569)}.col-name[data-v-30d5f100]{min-width:220px}.murid-profile-cell[data-v-30d5f100]{display:flex;align-items:center;gap:.75rem}.murid-avatar[data-v-30d5f100]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;overflow:hidden;border:1.5px solid var(--border-light, #f1f5f9)}.avatar-male[data-v-30d5f100]{background:#e0f2fe;color:#0369a1}.avatar-female[data-v-30d5f100]{background:#fce7f3;color:#be185d}.murid-avatar-img[data-v-30d5f100]{width:100%;height:100%;object-fit:cover}.murid-name-info[data-v-30d5f100]{display:flex;flex-direction:column;gap:.1rem}.murid-fullname[data-v-30d5f100]{color:var(--text-primary, #0f172a);font-weight:600;font-size:.85rem}.murid-nickname[data-v-30d5f100]{font-size:.75rem;color:var(--text-tertiary, #94a3b8)}.desc-cell[data-v-30d5f100]{max-width:280px;line-height:1.4}.action-cell[data-v-30d5f100]{white-space:nowrap}.btn-action[data-v-30d5f100]{width:30px;height:30px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-action[data-v-30d5f100]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-color:var(--primary, #d81b60)}.btn-action.delete[data-v-30d5f100]:hover{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border-color:#fca5a5}.table-skeleton-wrap[data-v-30d5f100]{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.skeleton-row-header[data-v-30d5f100]{height:34px;background:var(--bg-skeleton, #f1f5f9);border-radius:var(--radius-md, 8px);animation:pulse-30d5f100 1.5s infinite}.skeleton-row[data-v-30d5f100]{height:44px;background:var(--bg-skeleton, #f1f5f9);border-radius:var(--radius-md, 8px);animation:pulse-30d5f100 1.5s infinite}.empty-state-card[data-v-30d5f100]{padding:3.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state-icon[data-v-30d5f100]{width:72px;height:72px;border-radius:50%;background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-state-title[data-v-30d5f100]{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a)}.empty-state-subtitle[data-v-30d5f100]{margin:.35rem 0 0;font-size:.8125rem;color:var(--text-secondary, #475569);max-width:420px}.pagination-footer[data-v-30d5f100]{padding:.875rem 1.25rem;background:var(--bg-surface, #ffffff);border-top:1px solid var(--border-default, #e2e8f0);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pagination-range[data-v-30d5f100]{font-size:.8125rem;color:var(--text-secondary, #475569)}.pagination-controls[data-v-30d5f100]{display:flex;align-items:center;gap:.4rem}.btn-page-nav[data-v-30d5f100]{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);color:var(--text-secondary, #475569);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font-family, "Inter", sans-serif)}.btn-page-nav[data-v-30d5f100]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-page-nav[data-v-30d5f100]:disabled{opacity:.45;cursor:not-allowed}.page-numbers[data-v-30d5f100]{display:flex;align-items:center;gap:.25rem}.btn-page-number[data-v-30d5f100]{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 .35rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);color:var(--text-secondary, #475569);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font-family, "Inter", sans-serif)}.btn-page-number[data-v-30d5f100]:hover{background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a)}.btn-page-number.active[data-v-30d5f100]{background:var(--primary, #d81b60);color:#fff;border-color:var(--primary, #d81b60);box-shadow:0 2px 4px #d81b6040}.page-ellipsis[data-v-30d5f100]{padding:0 .25rem;color:var(--text-tertiary, #94a3b8);font-size:.8rem}.custom-dialog-backdrop[data-v-30d5f100]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn-30d5f100 .15s ease}.custom-dialog-card[data-v-30d5f100]{background:var(--bg-surface, #ffffff);border-radius:var(--radius-xl, 16px);width:100%;max-width:440px;display:flex;flex-direction:column;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .15));border:1px solid var(--border-default, #e2e8f0);overflow:hidden;animation:scaleUp-30d5f100 .2s cubic-bezier(.16,1,.3,1);font-family:var(--font-family, "Inter", sans-serif)}.custom-dialog-header[data-v-30d5f100]{padding:1.25rem 1.5rem .75rem;display:flex;align-items:flex-start;gap:.875rem}.dialog-icon-box[data-v-30d5f100]{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dialog-icon-box.icon-danger[data-v-30d5f100]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid rgba(220,38,38,.2)}.dialog-icon-box.icon-warning[data-v-30d5f100]{background:var(--color-warning-bg, #fffbeb);color:var(--color-warning, #d97706);border:1px solid rgba(217,119,6,.2)}.dialog-title-text[data-v-30d5f100]{display:flex;flex-direction:column;gap:.15rem}.dialog-title[data-v-30d5f100]{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary, #0f172a)}.dialog-subtitle[data-v-30d5f100]{margin:0;font-size:.75rem;color:var(--text-secondary, #475569)}.custom-dialog-body[data-v-30d5f100]{padding:.5rem 1.5rem 1.25rem}.dialog-message[data-v-30d5f100]{font-size:.825rem;color:var(--text-secondary, #475569);line-height:1.5;margin:0}.custom-dialog-footer[data-v-30d5f100]{padding:.875rem 1.5rem;background:var(--bg-surface-raised, #f8fafc);border-top:1px solid var(--border-light, #f1f5f9);display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.btn-dialog-ok[data-v-30d5f100]{min-width:100px}.btn[data-v-30d5f100]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .95rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease;border:none;font-family:var(--font-family, "Inter", sans-serif)}.btn-primary[data-v-30d5f100]{background:var(--primary, #d81b60);color:#fff;box-shadow:0 2px 4px #d81b6033}.btn-primary[data-v-30d5f100]:hover:not(:disabled){background:var(--primary-hover, #c2185b);box-shadow:0 4px 6px #d81b6040;transform:translateY(-1px)}.btn-secondary[data-v-30d5f100]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569)}.btn-secondary[data-v-30d5f100]:hover:not(:disabled){background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a)}.btn-danger[data-v-30d5f100]{background:var(--color-danger, #dc2626);color:#fff;box-shadow:0 2px 4px #dc262633}.btn-danger[data-v-30d5f100]:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.text-success[data-v-30d5f100]{color:var(--color-success, #16a34a)!important}.text-danger[data-v-30d5f100]{color:var(--color-danger, #dc2626)!important}.text-primary[data-v-30d5f100]{color:var(--primary, #d81b60)!important}.text-muted[data-v-30d5f100]{color:var(--text-tertiary, #94a3b8)!important}.text-secondary[data-v-30d5f100]{color:var(--text-secondary, #475569)}.text-tertiary[data-v-30d5f100]{color:var(--text-tertiary, #94a3b8)}.text-sm[data-v-30d5f100]{font-size:.75rem}.nowrap-text[data-v-30d5f100]{white-space:nowrap}.font-medium[data-v-30d5f100]{font-weight:500}.font-bold[data-v-30d5f100]{font-weight:700}.rotate-spin[data-v-30d5f100]{animation:spin-30d5f100 1s linear infinite}@keyframes spin-30d5f100{to{transform:rotate(360deg)}}@keyframes pulse-30d5f100{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn-30d5f100{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-30d5f100{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 900px){.metrics-grid[data-v-30d5f100]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.pengembalian-dana-page[data-v-30d5f100]{padding:1rem}.metrics-grid[data-v-30d5f100]{grid-template-columns:1fr}.page-header[data-v-30d5f100]{flex-direction:column;align-items:flex-start}.header-right[data-v-30d5f100]{width:100%;justify-content:space-between}.toolbar[data-v-30d5f100]{flex-direction:column;align-items:stretch}.filter-controls-wrap[data-v-30d5f100]{width:100%;justify-content:space-between}.status-filter[data-v-30d5f100],.limit-filter[data-v-30d5f100]{flex:1}.pagination-footer[data-v-30d5f100]{flex-direction:column;align-items:center;gap:.75rem}}.laporan-tunggakan-page[data-v-6a5a56b7]{display:flex;flex-direction:column;gap:1.25rem;width:100%}.page-header[data-v-6a5a56b7]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.header-left[data-v-6a5a56b7]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-6a5a56b7]{width:46px;height:46px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-title[data-v-6a5a56b7]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .15rem;line-height:1.2}.page-subtitle[data-v-6a5a56b7]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0}.header-right[data-v-6a5a56b7]{display:flex;align-items:center;gap:.75rem}.metrics-grid[data-v-6a5a56b7]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-card[data-v-6a5a56b7]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));transition:all var(--transition-fast, .15s ease)}.metric-card[data-v-6a5a56b7]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3))}.metric-card.cursor-pointer[data-v-6a5a56b7]{cursor:pointer}.metric-card.card-active-danger[data-v-6a5a56b7]{border-color:#f87171;background:#fef2f2}.metric-icon-box[data-v-6a5a56b7]{width:44px;height:44px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.total[data-v-6a5a56b7]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60)}.metric-icon-box.active[data-v-6a5a56b7]{background:#eff6ff;color:#2563eb}.metric-icon-box.inactive[data-v-6a5a56b7]{background:#fef2f2;color:#dc2626}.metric-icon-box.gender[data-v-6a5a56b7]{background:#f0fdf4;color:#16a34a}.metric-content[data-v-6a5a56b7]{display:flex;flex-direction:column;gap:.2rem;min-width:0}.metric-label[data-v-6a5a56b7]{font-size:.78rem;color:var(--text-secondary, #475569);font-weight:500}.metric-value[data-v-6a5a56b7]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.2}.data-panel[data-v-6a5a56b7]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.toolbar[data-v-6a5a56b7]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.search-input-wrapper[data-v-6a5a56b7]{position:relative;display:flex;align-items:center;min-width:280px;flex:1;max-width:420px}.search-icon[data-v-6a5a56b7]{position:absolute;left:.85rem;color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-6a5a56b7]{width:100%;height:38px;padding:0 2rem 0 2.4rem;font-size:.85rem;color:var(--text-primary, #0f172a);background:var(--bg-surface, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease)}.search-input[data-v-6a5a56b7]:focus{outline:none;border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus, 0 0 0 3px rgba(216, 27, 96, .15))}.btn-clear-search[data-v-6a5a56b7]{position:absolute;right:.6rem;background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:var(--radius-xs, 4px)}.btn-clear-search[data-v-6a5a56b7]:hover{color:var(--text-primary, #0f172a)}.filters-group[data-v-6a5a56b7]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn-filter-toggle[data-v-6a5a56b7]{display:inline-flex;align-items:center;gap:.35rem;height:34px;padding:0 .75rem;font-size:.8rem;font-weight:600;color:var(--text-secondary, #475569);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-filter-toggle[data-v-6a5a56b7]:hover{background:var(--bg-surface-raised, #f8fafc);color:var(--text-primary, #0f172a)}.btn-filter-toggle.is-active[data-v-6a5a56b7]{background:#fef2f2;border-color:#f87171;color:#dc2626}.btn-reset-filter[data-v-6a5a56b7]{display:inline-flex;align-items:center;gap:.3rem;height:34px;padding:0 .75rem;font-size:.8rem;font-weight:600}.skeleton-classes-list[data-v-6a5a56b7]{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.skeleton-class-card[data-v-6a5a56b7]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05))}.skeleton-pill[data-v-6a5a56b7]{border-radius:var(--radius-xs, 4px);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-6a5a56b7 1.5s infinite}@keyframes skeletonPulse-6a5a56b7{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header-row[data-v-6a5a56b7]{display:flex;align-items:center;gap:.85rem}.skel-icon[data-v-6a5a56b7]{width:40px;height:40px;border-radius:var(--radius-sm, 6px);flex-shrink:0}.skeleton-header-info[data-v-6a5a56b7]{display:flex;flex-direction:column;gap:.35rem;flex:1}.skel-pager[data-v-6a5a56b7]{width:130px;height:30px;border-radius:var(--radius-md, 8px);margin-left:auto}.skeleton-table-wrap[data-v-6a5a56b7]{display:flex;flex-direction:column;gap:.65rem;border:1px solid var(--border-light, #f1f5f9);border-radius:var(--radius-md, 8px);padding:.75rem;background:var(--bg-surface-raised, #f8fafc)}.skeleton-table-head[data-v-6a5a56b7]{display:flex;align-items:center;gap:.75rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-default, #e2e8f0)}.skel-th[data-v-6a5a56b7]{height:14px;flex:1}.skeleton-table-row[data-v-6a5a56b7]{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.skel-td-num[data-v-6a5a56b7]{width:24px;height:14px}.skel-td-avatar[data-v-6a5a56b7]{width:28px;height:28px;border-radius:var(--radius-full, 9999px);flex-shrink:0}.skel-td-name[data-v-6a5a56b7]{width:130px;height:14px}.skel-td-pill[data-v-6a5a56b7]{flex:1;height:20px;border-radius:var(--radius-xs, 4px)}.empty-state-card[data-v-6a5a56b7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;text-align:center;background:var(--bg-surface, #ffffff);border:1px dashed var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px)}.empty-state-icon[data-v-6a5a56b7]{color:var(--text-tertiary, #94a3b8);margin-bottom:.75rem}.empty-title[data-v-6a5a56b7]{font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .35rem}.empty-desc[data-v-6a5a56b7]{font-size:.85rem;color:var(--text-secondary, #475569);max-width:450px;margin:0}.classes-matrix-list[data-v-6a5a56b7]{display:flex;flex-direction:column;gap:1.5rem}.kelas-matrix-card[data-v-6a5a56b7]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .05));overflow:hidden;transition:all var(--transition-fast, .15s ease)}.kelas-matrix-card[data-v-6a5a56b7]:hover{border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07))}.kelas-matrix-header[data-v-6a5a56b7]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0)}.header-kelas-info[data-v-6a5a56b7]{display:flex;align-items:center;gap:.85rem;min-width:0}.kelas-icon-badge[data-v-6a5a56b7]{width:40px;height:40px;border-radius:var(--radius-sm, 6px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kelas-title-group[data-v-6a5a56b7]{display:flex;flex-direction:column;gap:.25rem;min-width:0}.kelas-title-row[data-v-6a5a56b7]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.kelas-name[data-v-6a5a56b7]{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary, #0f172a);cursor:pointer}.link-hover[data-v-6a5a56b7]:hover{color:var(--primary, #d81b60);text-decoration:underline}.badge-jurusan[data-v-6a5a56b7]{font-size:.72rem;font-weight:600;color:var(--text-secondary, #475569);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);padding:.12rem .5rem;border-radius:var(--radius-xs, 4px)}.badge-status-pill[data-v-6a5a56b7]{font-size:.7rem;font-weight:700;padding:.12rem .5rem;border-radius:var(--radius-full, 9999px);text-transform:uppercase}.badge-running[data-v-6a5a56b7]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge-finished[data-v-6a5a56b7]{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.badge-canceled[data-v-6a5a56b7]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.kelas-meta-row[data-v-6a5a56b7]{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--text-secondary, #475569);flex-wrap:wrap}.meta-separator[data-v-6a5a56b7]{color:var(--text-tertiary, #cbd5e1)}.period-pager-controls[data-v-6a5a56b7]{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);padding:.2rem .4rem;border-radius:var(--radius-md, 8px)}.btn-pager[data-v-6a5a56b7]{display:inline-flex;align-items:center;gap:.2rem;padding:.25rem .5rem;font-size:.72rem;font-weight:600;color:var(--text-secondary, #475569);background:transparent;border:none;border-radius:var(--radius-xs, 4px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-pager[data-v-6a5a56b7]:hover:not(:disabled){background:var(--bg-surface-raised, #f1f5f9);color:var(--primary, #d81b60)}.btn-pager[data-v-6a5a56b7]:disabled{opacity:.35;cursor:not-allowed}.pager-info[data-v-6a5a56b7]{font-size:.72rem;font-weight:700;color:var(--text-secondary, #475569);padding:0 .25rem}.kelas-matrix-body[data-v-6a5a56b7]{padding:0;background:var(--bg-surface, #ffffff)}.empty-murid-in-class[data-v-6a5a56b7]{padding:2rem;text-align:center;font-size:.85rem}.table-container-pembayaran[data-v-6a5a56b7]{width:100%;overflow-x:auto;border:none;background:var(--bg-surface, #ffffff)}.pembayaran-table[data-v-6a5a56b7]{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left;min-width:680px}.pembayaran-table thead[data-v-6a5a56b7]{background:var(--bg-surface-raised, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0)}.pembayaran-table th[data-v-6a5a56b7]{padding:.75rem .85rem;font-size:.75rem;font-weight:700;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.pembayaran-table th.th-exception[data-v-6a5a56b7]{background:#fef3c7;color:#92400e}.period-col-header[data-v-6a5a56b7]{display:inline-flex;align-items:center;gap:.25rem}.exc-dot[data-v-6a5a56b7]{color:#d97706;font-weight:900;font-size:1rem}.pembayaran-table tbody tr[data-v-6a5a56b7]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background var(--transition-fast, .15s ease)}.pembayaran-table tbody tr[data-v-6a5a56b7]:last-child{border-bottom:none}.pembayaran-table tbody tr[data-v-6a5a56b7]:hover{background:var(--bg-table-row-hover, #f8fafc)}.pembayaran-table td[data-v-6a5a56b7]{padding:.75rem .85rem;vertical-align:middle;color:var(--text-primary, #0f172a)}.pembayaran-table td.td-paid[data-v-6a5a56b7]{background:#f0fdf4}.pembayaran-table td.td-unpaid[data-v-6a5a56b7]{background:#fef2f2}.pembayaran-table td.td-exception[data-v-6a5a56b7]{background:#fffbeb}.pembayaran-table td.td-blocked[data-v-6a5a56b7]{background:var(--bg-surface-raised, #f8fafc)}.murid-name-cell[data-v-6a5a56b7]{display:flex;align-items:center;gap:.65rem;cursor:pointer}.murid-avatar-mini[data-v-6a5a56b7]{width:28px;height:28px;border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden}.avatar-male[data-v-6a5a56b7]{background:#eff6ff;color:#2563eb}.avatar-female[data-v-6a5a56b7]{background:#fdf2f8;color:#db2777}.murid-avatar-img[data-v-6a5a56b7]{width:100%;height:100%;object-fit:cover}.murid-name-text[data-v-6a5a56b7]{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.murid-full-name[data-v-6a5a56b7]{font-size:.85rem;color:var(--text-primary, #0f172a)}.badge-barcode[data-v-6a5a56b7]{font-size:.75rem;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #f1f5f9);padding:.15rem .45rem;border-radius:var(--radius-xs, 4px);border:1px solid var(--border-default, #e2e8f0)}.pay-cell-paid[data-v-6a5a56b7]{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;color:#16a34a}.icon-paid-check[data-v-6a5a56b7]{color:#16a34a;flex-shrink:0}.pay-amt-text[data-v-6a5a56b7]{font-size:.78rem;color:#15803d}.badge-exc-pill[data-v-6a5a56b7]{display:inline-block;padding:.15rem .45rem;font-size:.7rem;font-weight:700;color:#b45309;background:#fef3c7;border-radius:var(--radius-xs, 4px);border:1px solid #fde68a}.badge-unpaid-pill[data-v-6a5a56b7]{display:inline-block;padding:.15rem .45rem;font-size:.7rem;font-weight:700;color:#dc2626;background:#fef2f2;border-radius:var(--radius-xs, 4px);border:1px solid #fecaca}.badge-future-pill[data-v-6a5a56b7]{display:inline-block;padding:.15rem .45rem;font-size:.7rem;font-weight:600;color:var(--text-tertiary, #94a3b8);background:var(--bg-surface-raised, #f8fafc);border-radius:var(--radius-xs, 4px);border:1px solid var(--border-default, #e2e8f0)}.pay-cell-future[data-v-6a5a56b7]{display:inline-flex;align-items:center;justify-content:center}.badge-tunggakan-count[data-v-6a5a56b7]{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:700;color:#dc2626;background:#fef2f2;border-radius:var(--radius-full, 9999px);border:1px solid #fca5a5}.badge-lunas-pill[data-v-6a5a56b7]{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:700;color:#16a34a;background:#f0fdf4;border-radius:var(--radius-full, 9999px);border:1px solid #86efac}.period-exceptions-box[data-v-6a5a56b7]{padding:.75rem 1.15rem;background:#fffbeb;border-top:1px solid #fde68a;display:flex;flex-direction:column;gap:.45rem}.exc-box-header[data-v-6a5a56b7]{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#92400e}.exc-tags-list[data-v-6a5a56b7]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.exc-tag-item[data-v-6a5a56b7]{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;background:#fff;border:1px solid #fde68a;border-radius:var(--radius-xs, 4px);font-size:.72rem}.exc-tag-periode[data-v-6a5a56b7]{color:#b45309}.exc-tag-reason[data-v-6a5a56b7]{color:var(--text-secondary, #475569)}@media (max-width: 992px){.metrics-grid[data-v-6a5a56b7]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.metrics-grid[data-v-6a5a56b7]{grid-template-columns:1fr}.kelas-matrix-header[data-v-6a5a56b7]{flex-direction:column;align-items:flex-start;gap:.75rem}.header-pager-controls[data-v-6a5a56b7]{width:100%;display:flex;justify-content:flex-end}.toolbar[data-v-6a5a56b7]{flex-direction:column;align-items:stretch}.search-input-wrapper[data-v-6a5a56b7]{max-width:100%;min-width:100%}.filters-group[data-v-6a5a56b7]{flex-direction:column;align-items:stretch}.filter-item[data-v-6a5a56b7],.btn-filter-toggle[data-v-6a5a56b7],.btn-reset-filter[data-v-6a5a56b7]{width:100%}}.laporan-pembayaran-page[data-v-eff43ddb]{display:flex;flex-direction:column;gap:1.25rem;width:100%;padding-bottom:2rem}.page-header[data-v-eff43ddb]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.header-left[data-v-eff43ddb]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-eff43ddb]{width:46px;height:46px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text[data-v-eff43ddb]{display:flex;flex-direction:column}.page-title[data-v-eff43ddb]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .15rem;line-height:1.2}.page-subtitle[data-v-eff43ddb]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0}.header-right[data-v-eff43ddb]{display:flex;align-items:center;gap:.75rem}.btn-refresh[data-v-eff43ddb]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-refresh[data-v-eff43ddb]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-refresh[data-v-eff43ddb]:disabled{opacity:.6;cursor:not-allowed}.metrics-grid[data-v-eff43ddb]{display:grid;grid-template-columns:repeat(5,1fr);gap:.85rem}.metric-card[data-v-eff43ddb]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-card)}.metric-card[data-v-eff43ddb]:hover{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card.card-active[data-v-eff43ddb]{border-color:#64748b;background:#f8fafc;box-shadow:0 0 0 2px #64748b26,0 2px 4px #00000008}.metric-icon-box[data-v-eff43ddb]{width:42px;height:42px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.icon-total[data-v-eff43ddb]{background:#f0f9ff;color:#0284c7}.metric-icon-box.icon-deposit[data-v-eff43ddb]{background:#f0f9ff;color:#0ea5e9}.metric-icon-box.icon-diskon[data-v-eff43ddb]{background:#fffbeb;color:#d97706}.metric-icon-box.icon-admin[data-v-eff43ddb]{background:#f5f3ff;color:#7c3aed}.metric-icon-box.icon-bersih[data-v-eff43ddb]{background:#f0fdf4;color:#16a34a}.metric-content[data-v-eff43ddb]{display:flex;flex-direction:column;gap:.12rem}.metric-label[data-v-eff43ddb]{font-size:.72rem;font-weight:500;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.04em}.metric-value[data-v-eff43ddb]{font-size:1.2rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.2}.metric-sub[data-v-eff43ddb]{font-size:.7rem;color:var(--text-tertiary, #94a3b8)}.metric-card.card-highlight[data-v-eff43ddb]{border-color:#bbf7d0;background:#f0fdf4}.data-panel[data-v-eff43ddb]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm)}.toolbar[data-v-eff43ddb]{padding:1.15rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface, #ffffff)}.search-box-combined[data-v-eff43ddb]{display:flex;align-items:center;gap:.4rem;flex:1;min-width:320px;max-width:480px}.search-key-select[data-v-eff43ddb]{flex-shrink:0}.search-input-inner[data-v-eff43ddb]{position:relative;flex:1;min-width:170px}.search-icon[data-v-eff43ddb]{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-eff43ddb]{width:100%;height:34px;padding:0 2.2rem 0 2.5rem;font-size:.8125rem;border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);background:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.search-input[data-v-eff43ddb]:focus{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus)}.btn-clear-search[data-v-eff43ddb]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:var(--text-tertiary, #94a3b8);display:flex;align-items:center}.btn-clear-search[data-v-eff43ddb]:hover{color:var(--text-secondary, #475569)}.filters-group[data-v-eff43ddb]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.btn-reset-filter[data-v-eff43ddb]{display:inline-flex;align-items:center;gap:.3rem;height:34px;padding:0 .65rem;font-size:.78rem;font-weight:500;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-reset-filter[data-v-eff43ddb]:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.table-container[data-v-eff43ddb]{overflow-x:auto}.data-table[data-v-eff43ddb]{width:100%;border-collapse:collapse;min-width:900px}.data-table thead tr[data-v-eff43ddb]{background:var(--bg-table-header, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0)}.data-table th[data-v-eff43ddb]{padding:.75rem .85rem;font-size:.72rem;font-weight:600;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table tbody tr[data-v-eff43ddb]{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background .12s ease}.data-table tbody tr[data-v-eff43ddb]:last-child{border-bottom:none}.data-table tbody tr.clickable-row[data-v-eff43ddb]:hover{background:var(--bg-table-row-hover, #f8fafc);cursor:pointer}.data-table td[data-v-eff43ddb]{padding:.75rem .85rem;vertical-align:middle;font-size:.8125rem;color:var(--text-primary, #0f172a)}.col-num[data-v-eff43ddb]{width:40px;text-align:center}.col-barcode-date[data-v-eff43ddb]{min-width:130px}.col-name[data-v-eff43ddb]{min-width:150px}.col-items[data-v-eff43ddb]{min-width:190px}.col-money[data-v-eff43ddb]{min-width:120px;white-space:nowrap}.col-method[data-v-eff43ddb]{width:120px}.col-status[data-v-eff43ddb]{width:100px}.barcode-date-cell[data-v-eff43ddb]{display:flex;flex-direction:column;gap:.2rem}.barcode-badge[data-v-eff43ddb]{display:inline-block;font-size:.72rem;font-weight:600;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px);padding:.1rem .4rem;color:var(--text-primary, #0f172a);white-space:nowrap}.date-text-sub[data-v-eff43ddb]{font-size:.72rem;color:var(--text-secondary, #475569)}.guru-profile-cell[data-v-eff43ddb]{display:flex;align-items:center;gap:.65rem}.guru-name-info[data-v-eff43ddb]{display:flex;flex-direction:column;gap:.15rem}.name-nick-row[data-v-eff43ddb]{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}.guru-fullname[data-v-eff43ddb]{color:var(--text-primary, #0f172a);font-weight:600}.kelas-label-tag[data-v-eff43ddb]{display:inline-block;font-size:.72rem;font-weight:600;color:var(--primary, #d81b60);margin-bottom:.3rem}.items-list-cell[data-v-eff43ddb]{display:flex;flex-direction:column;gap:.2rem}.item-tag-row[data-v-eff43ddb]{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem}.item-name-tag[data-v-eff43ddb]{color:var(--text-primary, #0f172a);font-weight:500}.item-periode-tag[data-v-eff43ddb]{font-size:.72rem;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #f1f5f9);padding:.05rem .35rem;border-radius:var(--radius-xs, 4px)}.amount-method-cell[data-v-eff43ddb]{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.amount-val[data-v-eff43ddb]{color:var(--text-primary, #0f172a);font-size:.85rem}.amount-val.text-danger[data-v-eff43ddb]{color:var(--color-danger, #dc2626)!important}.amount-val.text-success[data-v-eff43ddb]{color:var(--color-success, #16a34a)!important}.amount-val.text-muted[data-v-eff43ddb]{color:var(--text-tertiary, #94a3b8)!important}.method-text-mobile[data-v-eff43ddb]{font-size:.72rem;color:var(--text-secondary, #475569);white-space:nowrap}.method-info[data-v-eff43ddb]{display:flex;flex-direction:column;gap:.1rem}.method-text[data-v-eff43ddb]{font-size:.8rem;color:var(--text-primary, #0f172a)}.method-channel[data-v-eff43ddb]{font-size:.72rem;color:var(--text-secondary, #475569)}.status-badge[data-v-eff43ddb]{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .55rem;font-size:.7rem;font-weight:700;border-radius:var(--radius-full, 9999px)}.badge-success[data-v-eff43ddb]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge-warning[data-v-eff43ddb]{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.badge-danger[data-v-eff43ddb]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.badge-secondary[data-v-eff43ddb]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);border:1px solid var(--border-default, #e2e8f0)}.skeleton-row td[data-v-eff43ddb]{padding:.85rem}.name-cell-skeleton[data-v-eff43ddb]{display:flex;align-items:center;gap:.65rem}.skeleton-texts[data-v-eff43ddb]{display:flex;flex-direction:column;gap:.35rem;flex:1}.skeleton-pill[data-v-eff43ddb]{border-radius:var(--radius-xs, 4px);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-eff43ddb 1.5s infinite}.skel-num[data-v-eff43ddb]{width:24px;height:14px;margin:0 auto}.skel-code[data-v-eff43ddb]{width:90px;height:20px}.skel-date-sub[data-v-eff43ddb]{width:65px;height:12px}.skel-title[data-v-eff43ddb]{width:120px;height:14px}.skel-sub[data-v-eff43ddb]{width:80px;height:12px}.skel-items[data-v-eff43ddb]{width:140px;height:32px}.skel-amount[data-v-eff43ddb]{width:80px;height:14px;margin-left:auto}.skel-method[data-v-eff43ddb]{width:70px;height:14px}.skel-badge[data-v-eff43ddb]{width:60px;height:20px;border-radius:var(--radius-full, 9999px)}.mt-1[data-v-eff43ddb]{margin-top:.25rem}.mx-auto[data-v-eff43ddb]{margin-left:auto;margin-right:auto}@keyframes skeletonPulse-eff43ddb{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state-cell[data-v-eff43ddb]{padding:3rem 1rem}.empty-state-box[data-v-eff43ddb]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.empty-state-icon[data-v-eff43ddb]{color:var(--text-tertiary, #94a3b8)}.empty-title[data-v-eff43ddb]{font-size:1rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0}.empty-desc[data-v-eff43ddb]{font-size:.825rem;color:var(--text-secondary, #475569);margin:0;max-width:380px}.pagination-footer[data-v-eff43ddb]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-default, #e2e8f0)}.pagination-info[data-v-eff43ddb]{font-size:.8rem;color:var(--text-secondary, #475569)}.pagination-controls[data-v-eff43ddb]{display:flex;align-items:center;gap:.3rem}.btn-page-nav[data-v-eff43ddb]{display:inline-flex;align-items:center;gap:.3rem;height:34px;padding:0 .75rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-page-nav[data-v-eff43ddb]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a)}.btn-page-nav[data-v-eff43ddb]:disabled{opacity:.4;cursor:not-allowed}.page-numbers[data-v-eff43ddb]{display:flex;align-items:center;gap:.25rem}.btn-page-num[data-v-eff43ddb]{width:34px;height:34px;font-size:.8rem;font-weight:500;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-page-num[data-v-eff43ddb]:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-page-num.is-active[data-v-eff43ddb]{background:var(--primary, #d81b60);border-color:var(--primary, #d81b60);color:#fff;font-weight:700}.pagination-ellipsis[data-v-eff43ddb]{font-size:.8rem;color:var(--text-tertiary, #94a3b8);padding:0 .25rem}.text-right[data-v-eff43ddb]{text-align:right!important}.text-center[data-v-eff43ddb]{text-align:center!important}.text-muted[data-v-eff43ddb]{color:var(--text-tertiary, #94a3b8)!important}.text-success[data-v-eff43ddb]{color:var(--color-success, #16a34a)!important}.text-info[data-v-eff43ddb]{color:var(--color-info, #0284c7)!important}.text-secondary[data-v-eff43ddb]{color:var(--text-secondary, #475569)!important}.text-primary[data-v-eff43ddb]{color:var(--primary, #d81b60)!important}.font-medium[data-v-eff43ddb]{font-weight:500!important}.font-semibold[data-v-eff43ddb]{font-weight:600!important}.font-bold[data-v-eff43ddb]{font-weight:700!important}.rotate-spin[data-v-eff43ddb]{animation:spin-eff43ddb 1s linear infinite}.glass-panel[data-v-eff43ddb]{box-shadow:var(--shadow-card)}.d-none[data-v-eff43ddb]{display:none!important}@media (min-width: 768px){.d-none[data-v-eff43ddb]{display:revert!important}.d-md-none[data-v-eff43ddb]{display:none!important}.d-md-inline[data-v-eff43ddb]{display:inline!important}.d-md-table-cell[data-v-eff43ddb]{display:table-cell!important}}@keyframes spin-eff43ddb{to{transform:rotate(360deg)}}@media (max-width: 1200px){.metrics-grid[data-v-eff43ddb]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.metrics-grid[data-v-eff43ddb]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.metrics-grid[data-v-eff43ddb]{grid-template-columns:1fr}.page-header[data-v-eff43ddb]{flex-direction:column;align-items:flex-start;gap:1rem}.search-box-combined[data-v-eff43ddb]{min-width:100%;flex-direction:column}.filters-group[data-v-eff43ddb]{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.filter-item.filter-period-item[data-v-eff43ddb]{grid-column:span 2}.btn-reset-filter[data-v-eff43ddb]{grid-column:span 2;width:100%;justify-content:center}}.laporan-saldo-siswa-page[data-v-f1ecc128]{display:flex;flex-direction:column;gap:1.25rem;width:100%;font-family:var(--font-family, "Inter", sans-serif)}.page-header[data-v-f1ecc128]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.header-left[data-v-f1ecc128]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-f1ecc128]{width:46px;height:46px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-title[data-v-f1ecc128]{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .15rem;line-height:1.2}.page-subtitle[data-v-f1ecc128]{font-size:.8125rem;color:var(--text-secondary, #475569);margin:0}.header-right[data-v-f1ecc128]{display:flex;align-items:center;gap:.75rem}.btn-refresh[data-v-f1ecc128]{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-refresh[data-v-f1ecc128]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-refresh[data-v-f1ecc128]:disabled{opacity:.6;cursor:not-allowed}.metrics-grid[data-v-f1ecc128]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.metric-card[data-v-f1ecc128]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.metric-card[data-v-f1ecc128]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));border-color:#cbd5e1}.metric-card.card-active[data-v-f1ecc128]{border-color:#64748b;background:#f8fafc;box-shadow:0 0 0 2px #64748b26,0 2px 4px #00000008}.metric-icon-box[data-v-f1ecc128]{width:44px;height:44px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.total[data-v-f1ecc128]{background:#d81b601a;color:var(--primary, #d81b60)}.metric-icon-box.active[data-v-f1ecc128]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a)}.metric-icon-box.inactive[data-v-f1ecc128]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626)}.metric-icon-box.gender[data-v-f1ecc128]{background:#e0f2fe;color:#0284c7}.metric-content[data-v-f1ecc128]{display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.metric-label[data-v-f1ecc128]{font-size:.75rem;font-weight:500;color:var(--text-secondary, #475569);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value[data-v-f1ecc128]{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a)}.data-panel[data-v-f1ecc128]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);display:flex;flex-direction:column;overflow:hidden}.toolbar[data-v-f1ecc128]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-default, #e2e8f0);flex-wrap:wrap}.search-box[data-v-f1ecc128]{position:relative;flex:1;min-width:260px;display:flex;align-items:center}.search-icon[data-v-f1ecc128]{position:absolute;left:.75rem;color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-f1ecc128]{width:100%;padding:.45rem 2rem .45rem 2.15rem;background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);font-size:.8125rem;font-family:var(--font-family, "Inter", sans-serif);color:var(--text-primary, #0f172a);outline:none;transition:all .15s ease}.search-input[data-v-f1ecc128]:focus{border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus, 0 0 0 3px rgba(216, 27, 96, .16))}.btn-clear-search[data-v-f1ecc128]{position:absolute;right:.5rem;background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center}.btn-clear-search[data-v-f1ecc128]:hover{color:var(--text-primary, #0f172a)}.filter-controls-wrap[data-v-f1ecc128]{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.view-mode-pill[data-v-f1ecc128]{display:flex;background:var(--bg-surface-raised, #f1f5f9);padding:.2rem;border-radius:var(--radius-md, 8px);gap:.2rem}.pill-btn[data-v-f1ecc128]{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm, 6px);border:none;background:transparent;color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.pill-btn svg[data-v-f1ecc128]{color:inherit}.pill-btn[data-v-f1ecc128]:hover{color:var(--text-primary, #0f172a)}.pill-btn.active[data-v-f1ecc128]{background:#fff;color:var(--primary, #d81b60);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.status-filter[data-v-f1ecc128]{min-width:170px}.limit-filter[data-v-f1ecc128]{width:110px}.table-container[data-v-f1ecc128]{position:relative;min-height:250px}.table-responsive[data-v-f1ecc128]{width:100%;overflow-x:auto}.data-table[data-v-f1ecc128]{width:100%;border-collapse:collapse;text-align:left;font-size:.8125rem}.data-table thead th[data-v-f1ecc128]{background:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #475569);font-weight:600;padding:.75rem 1rem;border-bottom:1px solid var(--border-default, #e2e8f0);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.data-table tbody td[data-v-f1ecc128]{padding:.75rem 1rem;border-bottom:1px solid var(--border-light, #f1f5f9);color:var(--text-primary, #0f172a);vertical-align:middle}.clickable-row[data-v-f1ecc128]{cursor:pointer;transition:background-color .15s ease}.clickable-row[data-v-f1ecc128]:hover{background:var(--bg-table-row-hover, #f1f5f9)}.badge-barcode[data-v-f1ecc128]{display:inline-block;font-family:var(--font-mono, monospace);font-size:.75rem;padding:.15rem .45rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xs, 4px);color:var(--text-secondary, #475569)}.murid-profile-cell[data-v-f1ecc128]{display:flex;align-items:center;gap:.65rem}.murid-avatar[data-v-f1ecc128]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0;overflow:hidden}.avatar-male[data-v-f1ecc128]{background:#e0f2fe;color:#0284c7}.avatar-female[data-v-f1ecc128]{background:#fce7f3;color:#db2777}.murid-avatar-img[data-v-f1ecc128]{width:100%;height:100%;object-fit:cover}.murid-name-info[data-v-f1ecc128]{display:flex;flex-direction:column}.murid-fullname[data-v-f1ecc128]{font-size:.8125rem;color:var(--text-primary, #0f172a)}.murid-nickname[data-v-f1ecc128]{font-size:.725rem}.desc-cell[data-v-f1ecc128]{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-cell[data-v-f1ecc128]{white-space:nowrap}.btn-action[data-v-f1ecc128]{width:30px;height:30px;border-radius:var(--radius-sm, 6px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-action[data-v-f1ecc128]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-color:var(--primary, #d81b60)}.table-skeleton-wrap[data-v-f1ecc128]{padding:1.25rem;display:flex;flex-direction:column;gap:.65rem}.skeleton-row-header[data-v-f1ecc128]{height:40px;border-radius:var(--radius-sm, 6px);margin-bottom:.5rem;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonPulse-f1ecc128 1.5s infinite}.skeleton-row[data-v-f1ecc128]{height:48px;border-radius:var(--radius-sm, 6px);background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0,#f8fafc 75%);background-size:200% 100%;animation:skeletonPulse-f1ecc128 1.5s infinite}@keyframes skeletonPulse-f1ecc128{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state-card[data-v-f1ecc128]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;text-align:center}.empty-state-icon[data-v-f1ecc128]{color:var(--text-tertiary, #94a3b8);margin-bottom:.75rem}.empty-state-title[data-v-f1ecc128]{font-size:1rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0 0 .25rem}.empty-state-subtitle[data-v-f1ecc128]{font-size:.8125rem;color:var(--text-secondary, #475569);max-width:380px;margin:0}.pagination-footer[data-v-f1ecc128]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-default, #e2e8f0)}.pagination-info[data-v-f1ecc128]{font-size:.8rem;color:var(--text-secondary, #475569)}.pagination-controls[data-v-f1ecc128]{display:flex;align-items:center;gap:.3rem}.btn-page-nav[data-v-f1ecc128]{display:inline-flex;align-items:center;gap:.3rem;height:34px;padding:0 .75rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-page-nav[data-v-f1ecc128]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a)}.btn-page-nav[data-v-f1ecc128]:disabled{opacity:.4;cursor:not-allowed}.page-numbers[data-v-f1ecc128]{display:flex;align-items:center;gap:.25rem}.btn-page-num[data-v-f1ecc128]{width:34px;height:34px;font-size:.8rem;font-weight:500;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-page-num[data-v-f1ecc128]:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-page-num.is-active[data-v-f1ecc128]{background:var(--primary, #d81b60);border-color:var(--primary, #d81b60);color:#fff;font-weight:700}.pagination-ellipsis[data-v-f1ecc128]{font-size:.8rem;color:var(--text-tertiary, #94a3b8);padding:0 .2rem}.btn[data-v-f1ecc128]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .95rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease;border:none;font-family:var(--font-family, "Inter", sans-serif)}.btn-primary[data-v-f1ecc128]{background:var(--primary, #d81b60);color:#fff;box-shadow:0 2px 4px #d81b6033}.btn-primary[data-v-f1ecc128]:hover:not(:disabled){background:var(--primary-hover, #c2185b);box-shadow:0 4px 6px #d81b6040;transform:translateY(-1px)}.btn-secondary[data-v-f1ecc128]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569)}.btn-secondary[data-v-f1ecc128]:hover:not(:disabled){background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a)}.text-success[data-v-f1ecc128]{color:var(--color-success, #16a34a)!important}.text-danger[data-v-f1ecc128]{color:var(--color-danger, #dc2626)!important}.text-primary[data-v-f1ecc128]{color:var(--primary, #d81b60)!important}.text-muted[data-v-f1ecc128]{color:var(--text-tertiary, #94a3b8)!important}.text-secondary[data-v-f1ecc128]{color:var(--text-secondary, #475569)}.text-tertiary[data-v-f1ecc128]{color:var(--text-tertiary, #94a3b8)}.text-sm[data-v-f1ecc128]{font-size:.75rem}.nowrap-text[data-v-f1ecc128]{white-space:nowrap}.font-medium[data-v-f1ecc128]{font-weight:500}.font-semibold[data-v-f1ecc128]{font-weight:600}.font-bold[data-v-f1ecc128]{font-weight:700}.rotate-spin[data-v-f1ecc128]{animation:spin-f1ecc128 1s linear infinite}@keyframes spin-f1ecc128{to{transform:rotate(360deg)}}@keyframes pulse-f1ecc128{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 900px){.metrics-grid[data-v-f1ecc128]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.laporan-saldo-siswa-page[data-v-f1ecc128]{padding:1rem}.metrics-grid[data-v-f1ecc128]{grid-template-columns:1fr}.page-header[data-v-f1ecc128]{flex-direction:column;align-items:flex-start}.header-right[data-v-f1ecc128]{width:100%;justify-content:space-between}.toolbar[data-v-f1ecc128]{flex-direction:column;align-items:stretch}.filter-controls-wrap[data-v-f1ecc128]{width:100%;justify-content:space-between}.status-filter[data-v-f1ecc128],.limit-filter[data-v-f1ecc128]{flex:1}.pagination-footer[data-v-f1ecc128]{flex-direction:column;align-items:center;gap:.75rem}}.profil-sanggar-tab[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:1.25rem;width:100%;box-sizing:border-box}.floating-toast[data-v-dfba9ea3]{position:fixed;top:1.5rem;right:1.5rem;z-index:99999;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface, #ffffff);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));border:1px solid var(--border-default, #e2e8f0)}.toast-success[data-v-dfba9ea3]{border-left:4px solid var(--color-success, #16a34a);color:var(--text-primary, #0f172a)}.toast-success .toast-icon[data-v-dfba9ea3]{color:var(--color-success, #16a34a)}.toast-error[data-v-dfba9ea3]{border-left:4px solid var(--color-danger, #dc2626);color:var(--text-primary, #0f172a)}.toast-error .toast-icon[data-v-dfba9ea3]{color:var(--color-danger, #dc2626)}.toast-message[data-v-dfba9ea3]{font-size:.875rem;font-weight:500}.toast-close[data-v-dfba9ea3]{background:transparent;border:none;font-size:1.25rem;line-height:1;color:var(--text-tertiary, #94a3b8);cursor:pointer;padding:0 .25rem}.toast-close[data-v-dfba9ea3]:hover{color:var(--text-primary, #0f172a)}.toast-fade-enter-active[data-v-dfba9ea3],.toast-fade-leave-active[data-v-dfba9ea3]{transition:all .25s ease}.toast-fade-enter-from[data-v-dfba9ea3],.toast-fade-leave-to[data-v-dfba9ea3]{opacity:0;transform:translateY(-10px)}.profile-banner-card[data-v-dfba9ea3]{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.banner-content[data-v-dfba9ea3]{display:flex;align-items:center;gap:1.25rem;flex:1;min-width:0}.logo-avatar-box[data-v-dfba9ea3]{width:80px;height:80px;border-radius:50%;background:var(--bg-surface-raised, #f1f5f9);border:2.5px solid var(--primary-alpha-20, rgba(216, 27, 96, .2));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;transition:all .2s ease}.logo-avatar-box.is-editable[data-v-dfba9ea3]{cursor:pointer}.logo-avatar-box.is-editable[data-v-dfba9ea3]:hover{border-color:var(--primary, #d81b60);transform:scale(1.03)}.logo-avatar-box.is-editable:hover .logo-overlay-badge[data-v-dfba9ea3]{background:var(--primary, #d81b60);color:#fff}.logo-avatar-img[data-v-dfba9ea3]{width:100%;height:100%;object-fit:cover;border-radius:50%}.logo-avatar-placeholder[data-v-dfba9ea3]{font-size:1.8rem;font-weight:700;color:var(--primary, #d81b60)}.logo-overlay-badge[data-v-dfba9ea3]{position:absolute;bottom:0;right:0;width:24px;height:24px;background:#0f172abf;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.banner-texts[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:.35rem;min-width:0}.banner-title-row[data-v-dfba9ea3]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sanggar-title[data-v-dfba9ea3]{margin:0;font-size:1.35rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.2}.sanggar-slogan[data-v-dfba9ea3]{margin:0;font-size:.85rem;color:var(--text-secondary, #475569);line-height:1.4}.mode-badge-pill[data-v-dfba9ea3]{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16));border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:700}.banner-meta-badges[data-v-dfba9ea3]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.meta-badge[data-v-dfba9ea3]{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-sm, 6px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-light, #f1f5f9);font-size:.75rem;font-weight:500;color:var(--text-secondary, #475569)}.banner-actions[data-v-dfba9ea3]{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.profil-view-container[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:1.25rem;width:100%}.info-section-card[data-v-dfba9ea3]{padding:1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);display:flex;flex-direction:column;gap:1.25rem}.detail-grid-2[data-v-dfba9ea3]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem 1.5rem}.detail-item[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:.3rem}.detail-label[data-v-dfba9ea3]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, #94a3b8)}.detail-value[data-v-dfba9ea3]{font-size:.92rem;color:var(--text-primary, #0f172a);line-height:1.45}.detail-value.highlight[data-v-dfba9ea3]{font-size:1.05rem;color:var(--text-primary, #0f172a)}.detail-value.text-muted[data-v-dfba9ea3]{color:var(--text-tertiary, #94a3b8);font-style:italic;font-size:.85rem}.detail-value-row[data-v-dfba9ea3]{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.btn-copy-mini[data-v-dfba9ea3]{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-xs, 4px);color:var(--text-secondary, #475569);font-size:.72rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-copy-mini[data-v-dfba9ea3]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3))}.link-external[data-v-dfba9ea3]{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary, #d81b60);font-weight:600;font-size:.875rem;transition:color var(--transition-fast)}.link-external[data-v-dfba9ea3]:hover{color:var(--primary-hover, #c2185b);text-decoration:underline}.link-email[data-v-dfba9ea3]{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-primary, #0f172a);font-size:.875rem;font-weight:500;transition:color var(--transition-fast)}.link-email[data-v-dfba9ea3]:hover{color:var(--primary, #d81b60)}.btn-wa-pill[data-v-dfba9ea3]{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .75rem;background:#f0fdf4;color:#16a34a;border:1px solid rgba(22,163,74,.25);border-radius:var(--radius-full, 9999px);font-size:.8125rem;font-weight:600;transition:all var(--transition-fast)}.btn-wa-pill[data-v-dfba9ea3]:hover{background:#dcfce7;border-color:#16a34a}.btn-maps-link[data-v-dfba9ea3]{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:#f0f9ff;color:#0284c7;border:1px solid rgba(2,132,199,.25);border-radius:var(--radius-sm, 6px);font-size:.75rem;font-weight:600;transition:all var(--transition-fast)}.btn-maps-link[data-v-dfba9ea3]:hover{background:#e0f2fe}.timezone-pill[data-v-dfba9ea3]{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;color:var(--text-primary, #0f172a)}.socmed-grid[data-v-dfba9ea3]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.socmed-card[data-v-dfba9ea3]{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--bg-surface-raised, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-light, #f1f5f9)}.socmed-icon-box[data-v-dfba9ea3]{width:36px;height:36px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.socmed-icon-box.icon-ig[data-v-dfba9ea3]{background:#fdf2f8;color:#db2777}.socmed-icon-box.icon-tiktok[data-v-dfba9ea3]{background:#0f172a;color:#fff}.socmed-icon-box.icon-yt[data-v-dfba9ea3]{background:#fef2f2;color:#dc2626}.socmed-icon-box.icon-fb[data-v-dfba9ea3]{background:#eff6ff;color:#2563eb}.socmed-icon-box.icon-x[data-v-dfba9ea3]{background:#0f172a;color:#fff}.socmed-icon-box.icon-tg[data-v-dfba9ea3]{background:#f0f9ff;color:#0284c7}.socmed-info[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:.15rem;min-width:0}.socmed-name[data-v-dfba9ea3]{font-size:.72rem;font-weight:600;color:var(--text-tertiary, #94a3b8);text-transform:uppercase}.socmed-link[data-v-dfba9ea3]{font-size:.8125rem;font-weight:600;color:var(--primary, #d81b60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socmed-link[data-v-dfba9ea3]:hover{text-decoration:underline}.socmed-value[data-v-dfba9ea3]{font-size:.8125rem;font-weight:500;color:var(--text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socmed-empty[data-v-dfba9ea3]{font-size:.75rem;color:var(--text-tertiary, #94a3b8);font-style:italic}.view-footer-actions[data-v-dfba9ea3]{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.profil-form-container[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:1.25rem;width:100%}.edit-mode-banner[data-v-dfba9ea3]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#d81b6014,#d81b6005);border:1.5px solid var(--primary-alpha-30, rgba(216, 27, 96, .3));border-radius:var(--radius-lg, 12px)}.edit-mode-left[data-v-dfba9ea3]{display:flex;align-items:center;gap:.85rem}.edit-mode-icon[data-v-dfba9ea3]{width:36px;height:36px;border-radius:var(--radius-md, 8px);background:var(--primary, #d81b60);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edit-banner-title[data-v-dfba9ea3]{margin:0;font-size:.95rem;font-weight:700;color:var(--primary-dark, #ad1457)}.edit-banner-desc[data-v-dfba9ea3]{margin:.15rem 0 0;font-size:.78rem;color:var(--text-secondary, #475569)}.form-section-card[data-v-dfba9ea3]{padding:1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:1}.form-section-card[data-v-dfba9ea3]:focus-within,.form-section-card[data-v-dfba9ea3]:has(.searchable-select-container.is-open){position:relative;z-index:100}.section-card-header[data-v-dfba9ea3]{display:flex;align-items:center;gap:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.section-icon-box[data-v-dfba9ea3]{width:38px;height:38px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-card-title[data-v-dfba9ea3]{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #0f172a)}.section-card-desc[data-v-dfba9ea3]{margin:0;font-size:.8rem;color:var(--text-secondary, #475569)}.form-grid-2[data-v-dfba9ea3]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.col-span-2[data-v-dfba9ea3]{grid-column:span 2}.form-group[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:.35rem;position:relative}.form-group[data-v-dfba9ea3]:focus-within,.form-group[data-v-dfba9ea3]:has(.searchable-select-container.is-open){position:relative;z-index:100}.form-label[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:.15rem}.label-text[data-v-dfba9ea3]{font-size:.8125rem;font-weight:600;color:var(--text-primary, #0f172a)}.required-star[data-v-dfba9ea3]{color:var(--color-danger, #dc2626);font-weight:700}.form-help[data-v-dfba9ea3]{font-size:.725rem;color:var(--text-tertiary, #94a3b8);line-height:1.3}.form-control[data-v-dfba9ea3]{width:100%;padding:.625rem .85rem;border-radius:var(--radius-md, 8px);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;transition:all .2s ease;box-sizing:border-box}.form-control[data-v-dfba9ea3]:focus{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(216, 27, 96, .2))}.form-textarea[data-v-dfba9ea3]{resize:vertical;min-height:60px;line-height:1.45}.input-addon-group[data-v-dfba9ea3]{display:flex;align-items:center;position:relative;width:100%}.addon-prefix[data-v-dfba9ea3]{position:absolute;left:.85rem;color:var(--text-tertiary, #94a3b8);font-size:.85rem;pointer-events:none;display:flex;align-items:center}.form-control.with-prefix[data-v-dfba9ea3]{padding-left:2.35rem}.form-footer-actions[data-v-dfba9ea3]{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.btn[data-v-dfba9ea3]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.btn-sm[data-v-dfba9ea3]{padding:.45rem .85rem;font-size:.8125rem}.btn-primary[data-v-dfba9ea3]{background:var(--primary, #d81b60);color:#fff;border-color:var(--primary, #d81b60)}.btn-primary[data-v-dfba9ea3]:hover:not(:disabled){background:var(--primary-hover, #c2185b);border-color:var(--primary-hover, #c2185b)}.btn-secondary[data-v-dfba9ea3]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569);border-color:var(--border-input, #cbd5e1)}.btn-secondary[data-v-dfba9ea3]:hover:not(:disabled){background:#e2e8f0;color:var(--text-primary, #0f172a)}.btn[data-v-dfba9ea3]:disabled{opacity:.6;cursor:not-allowed}.rotate-spin[data-v-dfba9ea3]{animation:spin-dfba9ea3 1s linear infinite}@keyframes spin-dfba9ea3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audit-toggle-wrapper[data-v-dfba9ea3]{margin-top:.25rem;display:flex;flex-direction:column;gap:.75rem}.btn-toggle-audit[data-v-dfba9ea3]{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;background:transparent;border:1px dashed var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.65rem 1rem;color:var(--text-secondary, #64748b);font-size:.8125rem;font-weight:500;cursor:pointer;width:100%;transition:all .15s ease;text-align:left}.btn-toggle-audit[data-v-dfba9ea3]:hover{background:var(--bg-surface-raised, #f8fafc);border-color:var(--border-input, #cbd5e1);color:var(--primary, #d81b60)}.toggle-audit-content[data-v-dfba9ea3]{display:flex;align-items:center;gap:.5rem}.audit-toggle-icon[data-v-dfba9ea3]{color:var(--text-tertiary, #94a3b8);flex-shrink:0;transition:color .15s ease}.btn-toggle-audit:hover .audit-toggle-icon[data-v-dfba9ea3]{color:var(--primary, #d81b60)}.audit-chevron[data-v-dfba9ea3]{color:var(--text-tertiary, #94a3b8);flex-shrink:0;transition:transform .2s ease,color .15s ease}.btn-toggle-audit:hover .audit-chevron[data-v-dfba9ea3]{color:var(--primary, #d81b60)}.audit-chevron.rotate-180[data-v-dfba9ea3]{transform:rotate(180deg)}.audit-section-box[data-v-dfba9ea3]{margin-top:0;background:var(--bg-surface-raised, #f8fafc)}.audit-grid[data-v-dfba9ea3]{background:#fff;border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);padding:1rem 1.25rem}.detail-val[data-v-dfba9ea3]{font-size:.875rem;color:var(--text-primary, #0f172a)}.audit-fade-enter-active[data-v-dfba9ea3],.audit-fade-leave-active[data-v-dfba9ea3]{transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.audit-fade-enter-from[data-v-dfba9ea3],.audit-fade-leave-to[data-v-dfba9ea3]{opacity:0;transform:translateY(-6px)}.modal-backdrop[data-v-dfba9ea3]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-dialog-card[data-v-dfba9ea3]{width:100%;max-width:480px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));display:flex;flex-direction:column;overflow:visible}.modal-header[data-v-dfba9ea3]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.modal-title-group[data-v-dfba9ea3]{display:flex;align-items:center;gap:.75rem}.modal-icon-box[data-v-dfba9ea3]{width:36px;height:36px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center}.modal-title[data-v-dfba9ea3]{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary, #0f172a)}.modal-subtitle[data-v-dfba9ea3]{margin:0;font-size:.75rem;color:var(--text-secondary, #475569)}.btn-close-modal[data-v-dfba9ea3]{background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;padding:.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-close-modal[data-v-dfba9ea3]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a)}.modal-body-content[data-v-dfba9ea3]{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.modal-logo-preview[data-v-dfba9ea3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--bg-surface-raised, #f8fafc);border-radius:var(--radius-md, 8px);border:1px dashed var(--border-input, #cbd5e1)}.preview-avatar-box[data-v-dfba9ea3]{width:90px;height:90px;border-radius:50%;background:#fff;border:2px solid var(--primary-alpha-20, rgba(216, 27, 96, .2));display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-md)}.preview-avatar-img[data-v-dfba9ea3]{width:100%;height:100%;object-fit:cover}.preview-placeholder[data-v-dfba9ea3]{font-size:2rem;font-weight:700;color:var(--primary, #d81b60)}.preview-caption[data-v-dfba9ea3]{font-size:.75rem;color:var(--text-secondary, #475569)}.preset-logo-section[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:.45rem}.preset-title[data-v-dfba9ea3]{font-size:.75rem;font-weight:600;color:var(--text-secondary, #475569)}.preset-list[data-v-dfba9ea3]{display:flex;gap:.5rem;flex-wrap:wrap}.btn-preset-pill[data-v-dfba9ea3]{padding:.35rem .65rem;border-radius:var(--radius-sm, 6px);background:var(--bg-surface-raised, #f1f5f9);border:1px solid var(--border-input, #cbd5e1);font-size:.75rem;color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-preset-pill[data-v-dfba9ea3]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3))}.btn-preset-pill.btn-clear[data-v-dfba9ea3]{color:var(--color-danger, #dc2626);border-color:#dc26264d}.btn-preset-pill.btn-clear[data-v-dfba9ea3]:hover{background:var(--color-danger-bg, #fef2f2)}.modal-footer-actions[data-v-dfba9ea3]{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-surface-raised, #f8fafc);border-top:1px solid var(--border-light, #f1f5f9)}.loading-container[data-v-dfba9ea3]{padding:2rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.skeleton-wrapper[data-v-dfba9ea3]{display:flex;flex-direction:column;gap:1rem}.skeleton-pill[data-v-dfba9ea3]{height:16px;border-radius:4px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-dfba9ea3 1.5s infinite}.skel-title[data-v-dfba9ea3]{width:35%;height:24px}.skel-text[data-v-dfba9ea3]{width:60%;height:14px}.skeleton-grid[data-v-dfba9ea3]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.skel-box[data-v-dfba9ea3]{height:42px;width:100%}@keyframes shimmer-dfba9ea3{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade-in[data-v-dfba9ea3]{animation:fadeIn-dfba9ea3 .2s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn-dfba9ea3{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.socmed-grid[data-v-dfba9ea3]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.profile-banner-card[data-v-dfba9ea3]{flex-direction:column;align-items:flex-start;padding:1.25rem;gap:1rem}.banner-content[data-v-dfba9ea3]{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.banner-actions[data-v-dfba9ea3]{width:100%;justify-content:flex-end}.detail-grid-2[data-v-dfba9ea3],.form-grid-2[data-v-dfba9ea3]{grid-template-columns:1fr}.col-span-2[data-v-dfba9ea3]{grid-column:span 1}.socmed-grid[data-v-dfba9ea3],.audit-grid[data-v-dfba9ea3]{grid-template-columns:1fr}}@media (max-width: 640px){.profile-banner-card[data-v-dfba9ea3],.info-section-card[data-v-dfba9ea3],.form-section-card[data-v-dfba9ea3]{padding:1rem}.edit-mode-banner[data-v-dfba9ea3]{flex-direction:column;align-items:flex-start;padding:1rem}.edit-mode-actions[data-v-dfba9ea3]{width:100%;display:flex;justify-content:flex-end}.view-footer-actions[data-v-dfba9ea3],.form-footer-actions[data-v-dfba9ea3]{flex-direction:column;padding:1rem}.view-footer-actions .btn[data-v-dfba9ea3],.form-footer-actions .btn[data-v-dfba9ea3]{width:100%}.banner-actions .btn-save-header[data-v-dfba9ea3],.banner-actions .btn-edit-header[data-v-dfba9ea3]{flex:1}}.pengguna-tab-container[data-v-c904f6ad]{display:flex;flex-direction:column;gap:1.25rem;width:100%;box-sizing:border-box}.floating-toast[data-v-c904f6ad]{position:fixed;top:1.5rem;right:1.5rem;z-index:99999;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface, #ffffff);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));border:1px solid var(--border-default, #e2e8f0)}.toast-success[data-v-c904f6ad]{border-left:4px solid var(--color-success, #16a34a);color:var(--text-primary, #0f172a)}.toast-success .toast-icon[data-v-c904f6ad]{color:var(--color-success, #16a34a)}.toast-error[data-v-c904f6ad]{border-left:4px solid var(--color-danger, #dc2626);color:var(--text-primary, #0f172a)}.toast-error .toast-icon[data-v-c904f6ad]{color:var(--color-danger, #dc2626)}.toast-message[data-v-c904f6ad]{font-size:.875rem;font-weight:500}.toast-close[data-v-c904f6ad]{background:transparent;border:none;font-size:1.25rem;line-height:1;color:var(--text-tertiary, #94a3b8);cursor:pointer;padding:0 .25rem}.toast-close[data-v-c904f6ad]:hover{color:var(--text-primary, #0f172a)}.toast-fade-enter-active[data-v-c904f6ad],.toast-fade-leave-active[data-v-c904f6ad]{transition:all .25s ease}.toast-fade-enter-from[data-v-c904f6ad],.toast-fade-leave-to[data-v-c904f6ad]{opacity:0;transform:translateY(-10px)}.summary-metrics-grid[data-v-c904f6ad]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}.metric-card[data-v-c904f6ad]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));-webkit-user-select:none;user-select:none}.metric-card[data-v-c904f6ad]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07));border-color:#cbd5e1}.metric-card.card-active[data-v-c904f6ad],.metric-card.active[data-v-c904f6ad]{border-color:#64748b;background:#f8fafc;box-shadow:0 0 0 2px #64748b26,0 2px 4px #00000008}.metric-icon-box[data-v-c904f6ad]{width:46px;height:46px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-rose-light[data-v-c904f6ad]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60)}.bg-indigo-light[data-v-c904f6ad]{background:#6366f11a;color:#4f46e5}.bg-cyan-light[data-v-c904f6ad]{background:#06b6d41a;color:#0891b2}.bg-emerald-light[data-v-c904f6ad]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a)}.metric-info[data-v-c904f6ad]{display:flex;flex-direction:column;gap:.15rem}.metric-label[data-v-c904f6ad]{font-size:.8rem;font-weight:500;color:var(--text-secondary, #475569)}.metric-value[data-v-c904f6ad]{font-size:1.35rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.2}.toolbar-wrapper[data-v-c904f6ad]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.15rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));flex-wrap:wrap}.toolbar-left[data-v-c904f6ad]{display:flex;align-items:center;gap:.75rem;flex:1;min-width:320px;flex-wrap:wrap}.search-input-box[data-v-c904f6ad]{position:relative;display:flex;align-items:center;flex:1;min-width:240px}.search-icon[data-v-c904f6ad]{position:absolute;left:.85rem;color:var(--text-tertiary, #94a3b8);pointer-events:none}.search-input[data-v-c904f6ad]{width:100%;padding:.55rem 2rem .55rem 2.4rem;border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--bg-surface, #ffffff);color:var(--text-primary, #0f172a);font-size:.85rem;transition:all .2s ease;box-sizing:border-box}.search-input[data-v-c904f6ad]:focus{outline:none;border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus, 0 0 0 3px rgba(216, 27, 96, .15))}.btn-clear-search[data-v-c904f6ad]{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-tertiary, #94a3b8);font-size:1.1rem;cursor:pointer;line-height:1;padding:0}.btn-clear-search[data-v-c904f6ad]:hover{color:var(--text-primary, #0f172a)}.filter-select-item[data-v-c904f6ad]{width:180px;flex-shrink:0}.toolbar-right[data-v-c904f6ad]{display:flex;align-items:center;gap:.65rem}.btn[data-v-c904f6ad]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.btn-sm[data-v-c904f6ad]{padding:.55rem 1rem;font-size:.825rem}.btn-md[data-v-c904f6ad]{padding:.65rem 1.25rem;font-size:.875rem}.btn-xs[data-v-c904f6ad]{padding:.35rem .65rem;font-size:.75rem;border-radius:var(--radius-sm, 6px)}.btn-primary[data-v-c904f6ad]{background:var(--primary, #d81b60);color:#fff}.btn-primary[data-v-c904f6ad]:hover:not(:disabled){background:var(--primary-hover, #c2185b)}.btn-primary[data-v-c904f6ad]:disabled{opacity:.65;cursor:not-allowed}.btn-secondary[data-v-c904f6ad]{background:var(--bg-surface, #ffffff);border-color:var(--border-default, #e2e8f0);color:var(--text-secondary, #475569)}.btn-secondary[data-v-c904f6ad]:hover:not(:disabled){background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a);border-color:var(--border-input, #cbd5e1)}.btn-outline-primary[data-v-c904f6ad]{background:transparent;border-color:var(--primary-alpha-30, rgba(216, 27, 96, .3));color:var(--primary, #d81b60)}.btn-outline-primary[data-v-c904f6ad]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08))}.btn-danger[data-v-c904f6ad]{background:var(--color-danger, #dc2626);color:#fff}.btn-danger[data-v-c904f6ad]:hover:not(:disabled){background:#b91c1c}.users-content-container[data-v-c904f6ad]{display:flex;flex-direction:column;gap:1.25rem;width:100%}.role-sections-wrapper[data-v-c904f6ad]{display:flex;flex-direction:column;gap:1.25rem}.role-group-card[data-v-c904f6ad]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.role-group-header[data-v-c904f6ad]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-table-header, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0)}.role-group-title-box[data-v-c904f6ad]{display:flex;align-items:center;gap:.75rem}.role-badge-icon[data-v-c904f6ad]{width:32px;height:32px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;font-weight:700}.badge-admin[data-v-c904f6ad],.badge-superadmin[data-v-c904f6ad]{background:#6366f11f;color:#4f46e5}.badge-guru[data-v-c904f6ad]{background:#06b6d41f;color:#0891b2}.role-group-texts[data-v-c904f6ad]{display:flex;flex-direction:column;gap:.1rem}.role-group-name[data-v-c904f6ad]{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary, #0f172a)}.role-group-count[data-v-c904f6ad]{font-size:.75rem;color:var(--text-secondary, #475569)}.table-responsive[data-v-c904f6ad]{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.user-table[data-v-c904f6ad]{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem;min-width:680px}.user-table th[data-v-c904f6ad]{padding:.75rem 1.25rem;font-weight:600;color:var(--text-secondary, #475569);background:var(--bg-table-header, #f8fafc);border-bottom:1px solid var(--border-default, #e2e8f0);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.user-table td[data-v-c904f6ad]{padding:.85rem 1.25rem;border-bottom:1px solid var(--border-light, #f1f5f9);color:var(--text-primary, #0f172a);vertical-align:middle}.user-row:hover td[data-v-c904f6ad]{background:var(--bg-surface-hover, #f8fafc)}.user-info-cell[data-v-c904f6ad]{display:flex;align-items:center;gap:.75rem}.user-avatar[data-v-c904f6ad]{width:36px;height:36px;border-radius:var(--radius-full, 9999px);background:var(--primary-alpha-10, rgba(216, 27, 96, .1));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.avatar-admin[data-v-c904f6ad],.avatar-superadmin[data-v-c904f6ad]{background:#6366f11f;color:#4f46e5}.avatar-guru[data-v-c904f6ad]{background:#06b6d41f;color:#0891b2}.user-name-stack[data-v-c904f6ad]{display:flex;flex-direction:column;gap:.15rem}.user-full-name[data-v-c904f6ad]{font-weight:600;color:var(--text-primary, #0f172a)}.user-username[data-v-c904f6ad]{font-size:.75rem;color:var(--text-tertiary, #94a3b8)}.email-text[data-v-c904f6ad]{color:var(--text-secondary, #475569);font-size:.825rem}.role-pill[data-v-c904f6ad]{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:var(--radius-full, 9999px);font-size:.725rem;font-weight:600;letter-spacing:.02em}.pill-admin[data-v-c904f6ad],.pill-superadmin[data-v-c904f6ad]{background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.2)}.pill-guru[data-v-c904f6ad]{background:#06b6d41a;color:#0891b2;border:1px solid rgba(6,182,212,.2)}.pill-user[data-v-c904f6ad]{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-secondary, #475569)}.linked-guru-box[data-v-c904f6ad]{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:var(--radius-sm, 6px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);font-size:.8rem;font-weight:500}.unlinked-pill[data-v-c904f6ad]{font-size:.75rem;color:var(--text-tertiary, #94a3b8);font-style:italic}.status-pill[data-v-c904f6ad]{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:600}.status-dot[data-v-c904f6ad]{width:6px;height:6px;border-radius:var(--radius-full, 9999px)}.pill-active[data-v-c904f6ad]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a)}.pill-active .status-dot[data-v-c904f6ad]{background:var(--color-success, #16a34a)}.pill-inactive[data-v-c904f6ad]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626)}.pill-inactive .status-dot[data-v-c904f6ad]{background:var(--color-danger, #dc2626)}.system-root-pill[data-v-c904f6ad]{font-size:.75rem;color:var(--text-tertiary, #94a3b8);padding:.2rem .5rem;background:var(--bg-surface-raised, #f1f5f9);border-radius:var(--radius-sm, 6px)}.actions-btn-group[data-v-c904f6ad]{display:inline-flex;align-items:center;gap:.35rem}.action-icon-btn[data-v-c904f6ad]{width:30px;height:30px;border-radius:var(--radius-sm, 6px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);color:var(--text-secondary, #475569);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-icon-btn[data-v-c904f6ad]:hover{transform:scale(1.05)}.btn-edit[data-v-c904f6ad]:hover{border-color:#0284c7;color:#0284c7;background:#f0f9ff}.btn-password[data-v-c904f6ad]:hover{border-color:#d97706;color:#d97706;background:#fffbeb}.btn-ban[data-v-c904f6ad]:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}.btn-unban[data-v-c904f6ad]:hover{border-color:#16a34a;color:#16a34a;background:#f0fdf4}.btn-delete[data-v-c904f6ad]:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}.empty-state-card[data-v-c904f6ad]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.5rem 1.5rem;background:var(--bg-surface, #ffffff);border:1px dashed var(--border-input, #cbd5e1);border-radius:var(--radius-lg, 12px)}.empty-icon-box[data-v-c904f6ad]{width:64px;height:64px;border-radius:var(--radius-full, 9999px);background:var(--bg-surface-raised, #f1f5f9);color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-title[data-v-c904f6ad]{margin:0 0 .4rem;font-size:1.05rem;font-weight:700;color:var(--text-primary, #0f172a)}.empty-desc[data-v-c904f6ad]{margin:0 0 1.25rem;font-size:.85rem;color:var(--text-secondary, #475569);max-width:420px;line-height:1.5}.skeleton-list[data-v-c904f6ad]{display:flex;flex-direction:column;gap:1rem}.skeleton-card[data-v-c904f6ad]{padding:1.5rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);display:flex;flex-direction:column;gap:.75rem}.skeleton-header[data-v-c904f6ad]{height:24px;width:40%;border-radius:var(--radius-sm, 6px);background:var(--bg-skeleton, #f1f5f9)}.skeleton-row[data-v-c904f6ad]{height:36px;width:100%;border-radius:var(--radius-sm, 6px);background:var(--bg-skeleton, #f1f5f9)}.shimmer[data-v-c904f6ad]{animation:shimmerAnim-c904f6ad 1.5s infinite linear}@keyframes shimmerAnim-c904f6ad{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.modal-backdrop[data-v-c904f6ad]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.modal-card[data-v-c904f6ad]{width:100%;max-width:540px;max-height:90vh;background:var(--bg-surface, #ffffff);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .15));border:1px solid var(--border-default, #e2e8f0);display:flex;flex-direction:column;overflow:hidden;animation:modalEnter-c904f6ad .25s cubic-bezier(.16,1,.3,1)}.modal-card.modal-sm[data-v-c904f6ad]{max-width:440px}.modal-card.modal-confirm[data-v-c904f6ad]{max-width:420px;padding:1.75rem 1.5rem;text-align:center;align-items:center}@keyframes modalEnter-c904f6ad{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-c904f6ad]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, #e2e8f0)}.modal-header-left[data-v-c904f6ad]{display:flex;align-items:center;gap:.85rem}.modal-icon-box[data-v-c904f6ad]{width:40px;height:40px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-amber-light[data-v-c904f6ad]{background:#fffbeb;color:#d97706}.modal-header-text[data-v-c904f6ad]{display:flex;flex-direction:column;gap:.15rem}.modal-title[data-v-c904f6ad]{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary, #0f172a)}.modal-subtitle[data-v-c904f6ad]{margin:0;font-size:.75rem;color:var(--text-secondary, #475569)}.btn-modal-close[data-v-c904f6ad]{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--text-tertiary, #94a3b8);cursor:pointer;padding:.25rem}.btn-modal-close[data-v-c904f6ad]:hover{color:var(--text-primary, #0f172a)}.modal-alert[data-v-c904f6ad]{display:flex;align-items:center;gap:.65rem;margin:1rem 1.5rem 0;padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-size:.825rem}.alert-danger[data-v-c904f6ad]{background:var(--color-danger-bg, #fef2f2);border:1px solid rgba(220,38,38,.2);color:var(--color-danger, #dc2626)}.modal-body-form[data-v-c904f6ad]{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.form-grid[data-v-c904f6ad]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-c904f6ad]{display:flex;flex-direction:column;gap:.35rem}.form-label[data-v-c904f6ad]{font-size:.825rem;font-weight:600;color:var(--text-primary, #0f172a)}.required-star[data-v-c904f6ad]{color:var(--color-danger, #dc2626)}.label-hint[data-v-c904f6ad]{font-weight:400;font-size:.75rem;color:var(--text-tertiary, #94a3b8)}.helper-text[data-v-c904f6ad]{font-size:.75rem;color:var(--text-secondary, #475569);line-height:1.35}.form-control[data-v-c904f6ad]{width:100%;padding:.6rem .85rem;border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);background:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.form-control[data-v-c904f6ad]:focus{outline:none;border-color:var(--primary, #d81b60);box-shadow:var(--shadow-focus, 0 0 0 3px rgba(216, 27, 96, .15))}.password-input-wrap[data-v-c904f6ad]{position:relative;display:flex;align-items:center}.password-input-wrap .form-control[data-v-c904f6ad]{padding-right:2.5rem}.btn-toggle-eye[data-v-c904f6ad]{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem}.btn-toggle-eye[data-v-c904f6ad]:hover{color:var(--text-primary, #0f172a)}.guru-link-section[data-v-c904f6ad]{padding:.85rem;background:var(--primary-alpha-10, rgba(216, 27, 96, .04));border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .15));border-radius:var(--radius-md, 8px)}.toggle-card[data-v-c904f6ad]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px)}.toggle-info[data-v-c904f6ad]{display:flex;flex-direction:column;gap:.25rem}.toggle-title-row[data-v-c904f6ad]{display:flex;align-items:center;gap:.5rem}.toggle-title[data-v-c904f6ad]{font-size:.85rem;font-weight:600;color:var(--text-primary, #0f172a)}.status-badge-mini[data-v-c904f6ad]{font-size:.7rem;padding:.1rem .45rem;border-radius:var(--radius-full, 9999px);font-weight:600}.badge-active[data-v-c904f6ad]{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a)}.badge-inactive[data-v-c904f6ad]{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626)}.toggle-desc[data-v-c904f6ad]{font-size:.75rem;color:var(--text-secondary, #475569);line-height:1.35}.switch-toggle[data-v-c904f6ad]{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch-toggle input[data-v-c904f6ad]{opacity:0;width:0;height:0}.switch-slider[data-v-c904f6ad]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-input, #cbd5e1);transition:.3s cubic-bezier(.4,0,.2,1);border-radius:24px}.switch-slider[data-v-c904f6ad]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 3px #00000026}.switch-toggle input:checked+.switch-slider[data-v-c904f6ad]{background-color:var(--primary, #d81b60)}.switch-toggle input:checked+.switch-slider[data-v-c904f6ad]:before{transform:translate(20px)}.modal-footer[data-v-c904f6ad]{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light, #f1f5f9)}.target-user-banner[data-v-c904f6ad]{display:flex;align-items:center;gap:.75rem;margin:1rem 1.5rem 0;padding:.75rem;border-radius:var(--radius-md, 8px);background:var(--bg-surface-raised, #f8fafc);border:1px solid var(--border-default, #e2e8f0)}.target-user-avatar[data-v-c904f6ad]{width:36px;height:36px;border-radius:var(--radius-full, 9999px);background:var(--primary-alpha-10, rgba(216, 27, 96, .1));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.target-user-info[data-v-c904f6ad]{display:flex;flex-direction:column;gap:.1rem}.target-user-name[data-v-c904f6ad]{font-size:.875rem;font-weight:600;color:var(--text-primary, #0f172a)}.target-user-email[data-v-c904f6ad]{font-size:.75rem;color:var(--text-secondary, #475569)}.confirm-icon-box[data-v-c904f6ad]{width:56px;height:56px;border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}.icon-warning[data-v-c904f6ad]{background:#fffbeb;color:#d97706}.icon-danger[data-v-c904f6ad]{background:#fef2f2;color:#dc2626}.icon-info[data-v-c904f6ad]{background:#f0f9ff;color:#0284c7}.confirm-title[data-v-c904f6ad]{margin:0 0 .4rem;font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a)}.confirm-message[data-v-c904f6ad]{margin:0 0 1.25rem;font-size:.85rem;color:var(--text-secondary, #475569);line-height:1.45}.confirm-footer[data-v-c904f6ad]{width:100%;justify-content:center;gap:.75rem}.rotate-spin[data-v-c904f6ad]{animation:spin-c904f6ad 1s linear infinite}@keyframes spin-c904f6ad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.summary-metrics-grid[data-v-c904f6ad]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.summary-metrics-grid[data-v-c904f6ad]{grid-template-columns:1fr;gap:.75rem}.metric-card[data-v-c904f6ad]{padding:.85rem 1rem}.toolbar-wrapper[data-v-c904f6ad]{flex-direction:column;align-items:stretch;padding:.75rem;gap:.75rem}.toolbar-left[data-v-c904f6ad]{min-width:100%;flex-direction:column;align-items:stretch}.filter-select-item[data-v-c904f6ad]{width:100%}.toolbar-right[data-v-c904f6ad]{width:100%;justify-content:space-between}.toolbar-right .btn[data-v-c904f6ad]{flex:1}.modal-backdrop[data-v-c904f6ad]{padding:.5rem}.modal-card[data-v-c904f6ad]{max-height:95vh;border-radius:var(--radius-lg, 12px)}.modal-header[data-v-c904f6ad],.modal-body-form[data-v-c904f6ad]{padding:1rem}}.admin-fee-tab[data-v-8710d145]{display:flex;flex-direction:column;gap:1.25rem}.fee-toolbar-card[data-v-8710d145]{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.toolbar-left[data-v-8710d145]{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;z-index:50}.version-select-group[data-v-8710d145]{display:flex;align-items:center;gap:.6rem;position:relative;z-index:50}.version-select-box[data-v-8710d145]{position:relative;z-index:50}.toolbar-label[data-v-8710d145]{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #475569);white-space:nowrap}.version-badge-pill[data-v-8710d145]{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-radius:var(--radius-full, 9999px);font-weight:700;font-size:.8125rem;border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.pulse-dot[data-v-8710d145]{width:7px;height:7px;border-radius:50%;background:var(--primary, #d81b60);animation:pulse-glow-8710d145 2s infinite ease-in-out}@keyframes pulse-glow-8710d145{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.toolbar-right[data-v-8710d145]{display:flex;align-items:center;gap:.6rem}.metrics-grid[data-v-8710d145]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-card[data-v-8710d145]{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;background:var(--bg-surface, #ffffff);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-default, #e2e8f0);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.metric-card[data-v-8710d145]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07))}.metric-icon-box[data-v-8710d145]{width:44px;height:44px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.icon-total[data-v-8710d145]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60)}.metric-icon-box.icon-active[data-v-8710d145]{background:#f0fdf4;color:#16a34a}.metric-icon-box.icon-pct[data-v-8710d145]{background:#fffbeb;color:#d97706}.metric-icon-box.icon-fix[data-v-8710d145]{background:#f0f9ff;color:#0284c7}.metric-content[data-v-8710d145]{display:flex;flex-direction:column;gap:.15rem;min-width:0}.metric-label[data-v-8710d145]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, #94a3b8)}.metric-value[data-v-8710d145]{font-size:1.35rem;font-weight:800;color:var(--text-primary, #0f172a);line-height:1.2}.metric-sub[data-v-8710d145]{font-size:.72rem;color:var(--text-secondary, #475569);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simulation-banner[data-v-8710d145]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;padding:1.15rem 1.35rem;background:linear-gradient(135deg,#d81b600a,#0284c70a);border-radius:var(--radius-lg, 12px);border:1px solid var(--primary-alpha-20, rgba(216, 27, 96, .16))}.sim-left[data-v-8710d145]{display:flex;align-items:center;gap:1rem}.sim-icon[data-v-8710d145]{width:40px;height:40px;border-radius:var(--radius-md, 8px);background:var(--bg-surface, #ffffff);color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));flex-shrink:0}.sim-text[data-v-8710d145]{display:flex;flex-direction:column;gap:.2rem}.sim-title[data-v-8710d145]{margin:0;font-size:.92rem;font-weight:700;color:var(--text-primary, #0f172a)}.sim-desc[data-v-8710d145]{margin:0;font-size:.78rem;color:var(--text-secondary, #475569)}.sim-right[data-v-8710d145]{display:flex;align-items:center;gap:.6rem}.sim-input-box[data-v-8710d145]{display:flex;align-items:center;background:var(--bg-surface, #ffffff);border:1.5px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);padding:.35rem .75rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.sim-input-box[data-v-8710d145]:focus-within{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px var(--primary-alpha-20)}.sim-currency[data-v-8710d145]{font-weight:700;color:var(--text-secondary, #475569);font-size:.85rem;margin-right:.4rem}.sim-input[data-v-8710d145]{border:none;outline:none;background:transparent;font-size:.92rem;font-weight:700;color:var(--text-primary, #0f172a);width:140px}.channels-table-panel[data-v-8710d145]{background:var(--bg-surface, #ffffff);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-default, #e2e8f0);overflow:hidden}.table-panel-header[data-v-8710d145]{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.35rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface-raised, #f8fafc)}.panel-title[data-v-8710d145]{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a)}.panel-subtitle[data-v-8710d145]{margin:.15rem 0 0;font-size:.78rem;color:var(--text-secondary, #475569)}.channels-count-badge[data-v-8710d145]{font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-full, 9999px);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);border:1px solid var(--border-default, #e2e8f0)}.table-container[data-v-8710d145]{overflow-x:auto}.data-table[data-v-8710d145]{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th[data-v-8710d145]{background:var(--bg-surface-raised, #f8fafc);color:var(--text-secondary, #475569);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.75rem 1rem;border-bottom:1px solid var(--border-default, #e2e8f0);white-space:nowrap}.data-table td[data-v-8710d145]{padding:.85rem 1rem;border-bottom:1px solid var(--border-light, #f1f5f9);vertical-align:middle}.channel-row:hover td[data-v-8710d145]{background:var(--bg-surface-hover, #f8fafc)}.channel-info-cell[data-v-8710d145]{display:flex;align-items:center;gap:.75rem}.channel-icon-pill[data-v-8710d145]{width:34px;height:34px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.channel-icon-pill.icon-qris[data-v-8710d145]{background:#fdf2f8;color:#db2777}.channel-icon-pill.icon-va[data-v-8710d145]{background:#eff6ff;color:#2563eb}.channel-icon-pill.icon-card[data-v-8710d145]{background:#f5f3ff;color:#7c3aed}.channel-icon-pill.icon-retail[data-v-8710d145]{background:#ecfdf5;color:#059669}.channel-icon-pill.icon-ewallet[data-v-8710d145]{background:#fff7ed;color:#ea580c}.channel-icon-pill.icon-other[data-v-8710d145]{background:#f1f5f9;color:#64748b}.channel-name-texts[data-v-8710d145]{display:flex;flex-direction:column;gap:.15rem}.channel-name[data-v-8710d145]{color:var(--text-primary, #0f172a)}.channel-code-sub[data-v-8710d145]{font-size:.7rem;color:var(--text-tertiary, #94a3b8)}.category-pill[data-v-8710d145]{display:inline-block;padding:.2rem .55rem;border-radius:var(--radius-xs, 4px);font-size:.7rem;font-weight:600}.category-pill.cat-qris[data-v-8710d145]{background:#fdf2f8;color:#db2777}.category-pill.cat-va[data-v-8710d145]{background:#eff6ff;color:#2563eb}.category-pill.cat-card[data-v-8710d145]{background:#f5f3ff;color:#7c3aed}.category-pill.cat-retail[data-v-8710d145]{background:#ecfdf5;color:#059669}.category-pill.cat-ewallet[data-v-8710d145]{background:#fff7ed;color:#ea580c}.category-pill.cat-other[data-v-8710d145]{background:#f1f5f9;color:#64748b}.formula-tag[data-v-8710d145]{display:inline-block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #475569);background:var(--bg-surface-raised, #f1f5f9);padding:.2rem .5rem;border-radius:var(--radius-xs, 4px)}.sim-cell-values[data-v-8710d145]{display:flex;flex-direction:column;gap:.15rem}.sim-fee-text[data-v-8710d145]{font-size:.8125rem}.sim-net-sub[data-v-8710d145]{font-size:.7rem;font-weight:600}.status-pill[data-v-8710d145]{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:600}.status-pill.status-active[data-v-8710d145]{background:#f0fdf4;color:#16a34a}.status-pill.status-inactive[data-v-8710d145]{background:#f1f5f9;color:#94a3b8}.action-buttons-group[data-v-8710d145]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.btn-action-edit[data-v-8710d145]{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);color:var(--primary, #d81b60);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-action-edit[data-v-8710d145]:hover{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));border-color:var(--primary, #d81b60)}.btn-action-delete[data-v-8710d145]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-md, 8px);color:var(--text-tertiary, #94a3b8);cursor:pointer;transition:all var(--transition-fast)}.btn-action-delete[data-v-8710d145]:hover{background:#fef2f2;border-color:#fca5a5;color:var(--color-danger, #dc2626)}.skeleton-row td[data-v-8710d145]{padding:.85rem 1rem}.skeleton-pill[data-v-8710d145]{height:16px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-pulse-8710d145 1.5s infinite;border-radius:var(--radius-xs, 4px)}.skel-num[data-v-8710d145]{width:24px}.skel-channel[data-v-8710d145]{width:140px}.skel-badge[data-v-8710d145]{width:65px}.skel-btn[data-v-8710d145]{width:60px;height:26px;border-radius:var(--radius-md, 8px)}@keyframes skeleton-pulse-8710d145{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop[data-v-8710d145]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-dialog-card[data-v-8710d145]{width:100%;max-width:480px;background:var(--bg-surface, #ffffff);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-xl);border:1px solid var(--border-default, #e2e8f0);overflow:visible}.modal-header[data-v-8710d145]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default, #e2e8f0);background:var(--bg-surface-raised, #f8fafc)}.modal-title-group[data-v-8710d145]{display:flex;align-items:center;gap:.75rem}.modal-icon-box[data-v-8710d145]{width:38px;height:38px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-title[data-v-8710d145]{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, #0f172a)}.modal-subtitle[data-v-8710d145]{margin:.15rem 0 0;font-size:.75rem;color:var(--text-secondary, #475569)}.btn-close-modal[data-v-8710d145]{width:32px;height:32px;border-radius:var(--radius-sm, 6px);border:none;background:transparent;color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-close-modal[data-v-8710d145]:hover{background:var(--bg-surface-raised, #f1f5f9);color:var(--text-primary, #0f172a)}.modal-body-form[data-v-8710d145]{padding:1.35rem 1.5rem;display:flex;flex-direction:column;gap:1.15rem}.channel-info-banner[data-v-8710d145]{display:flex;flex-direction:column;gap:.4rem;padding:.85rem 1rem;background:var(--bg-surface-raised, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.info-row[data-v-8710d145]{display:flex;justify-content:space-between;font-size:.78rem}.info-label[data-v-8710d145]{color:var(--text-tertiary, #94a3b8)}.info-val[data-v-8710d145]{font-weight:600;color:var(--text-primary, #0f172a)}.form-group[data-v-8710d145]{display:flex;flex-direction:column;gap:.375rem}.form-label[data-v-8710d145]{display:flex;flex-direction:column;gap:.15rem}.label-text[data-v-8710d145]{font-size:.8125rem;font-weight:600;color:var(--text-primary, #0f172a)}.required-star[data-v-8710d145]{color:var(--color-danger, #dc2626)}.form-help[data-v-8710d145]{font-size:.72rem;font-weight:400;color:var(--text-tertiary, #94a3b8)}.form-control[data-v-8710d145]{width:100%;padding:.625rem .875rem;font-size:.875rem;font-family:inherit;font-weight:500;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease);outline:none;box-sizing:border-box}.form-control[data-v-8710d145]:focus{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(216, 27, 96, .16));background:var(--bg-input-focus, #ffffff)}.form-control[data-v-8710d145]::placeholder{color:var(--text-tertiary, #94a3b8);font-weight:400}.input-addon-group[data-v-8710d145]{display:flex;align-items:center;background:var(--bg-surface, #ffffff);border:1.5px solid var(--border-input, #cbd5e1);border-radius:var(--radius-md, 8px);overflow:hidden;transition:border-color var(--transition-fast)}.input-addon-group[data-v-8710d145]:focus-within{border-color:var(--primary, #d81b60);box-shadow:0 0 0 3px var(--primary-alpha-20)}.addon-prefix[data-v-8710d145],.addon-suffix[data-v-8710d145]{padding:.55rem .85rem;background:var(--bg-surface-raised, #f8fafc);color:var(--text-secondary, #475569);font-weight:700;font-size:.85rem;border:none}.addon-prefix[data-v-8710d145]{border-right:1px solid var(--border-default, #e2e8f0)}.addon-suffix[data-v-8710d145]{border-left:1px solid var(--border-default, #e2e8f0)}.input-addon-group .form-control[data-v-8710d145]{border:none;box-shadow:none;padding:.55rem .85rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #0f172a);width:100%;outline:none;background:transparent}.preview-fee-card[data-v-8710d145]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fef2f2;border-radius:var(--radius-md, 8px);border:1px solid rgba(220,38,38,.2);font-size:.8125rem}.preview-label[data-v-8710d145]{color:var(--text-secondary, #475569);font-size:.75rem}.preview-value[data-v-8710d145]{font-size:.875rem}.toggle-card[data-v-8710d145]{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--bg-surface-raised, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.toggle-info[data-v-8710d145]{display:flex;flex-direction:column;gap:.15rem}.toggle-title[data-v-8710d145]{font-size:.8125rem;font-weight:700;color:var(--text-primary, #0f172a)}.toggle-desc[data-v-8710d145]{font-size:.72rem;color:var(--text-tertiary, #94a3b8)}.switch-toggle[data-v-8710d145]{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch-toggle input[data-v-8710d145]{opacity:0;width:0;height:0}.slider[data-v-8710d145]{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#cbd5e1;transition:var(--transition-base);border-radius:24px}.slider[data-v-8710d145]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-base);border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.slider[data-v-8710d145]{background-color:var(--primary, #d81b60)}input:checked+.slider[data-v-8710d145]:before{transform:translate(20px)}.modal-footer-actions[data-v-8710d145]{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-default, #e2e8f0)}.btn[data-v-8710d145]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast);border:none}.btn[data-v-8710d145]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-8710d145]{background:var(--primary, #d81b60);color:#fff}.btn-primary[data-v-8710d145]:hover:not(:disabled){background:var(--primary-hover, #c2185b)}.btn-secondary[data-v-8710d145]{background:var(--bg-surface, #ffffff);color:var(--text-secondary, #475569);border:1px solid var(--border-default, #e2e8f0)}.btn-secondary[data-v-8710d145]:hover:not(:disabled){background:var(--bg-surface-raised, #f8fafc);color:var(--text-primary, #0f172a)}.btn-sm[data-v-8710d145]{padding:.4rem .8rem;font-size:.78rem}@media (max-width: 1024px){.metrics-grid[data-v-8710d145]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.metrics-grid[data-v-8710d145]{grid-template-columns:1fr}.fee-toolbar-card[data-v-8710d145]{flex-direction:column;align-items:stretch}.toolbar-left[data-v-8710d145],.toolbar-right[data-v-8710d145]{width:100%;justify-content:space-between}.simulation-banner[data-v-8710d145]{flex-direction:column;align-items:stretch}.sim-right[data-v-8710d145],.sim-input-box[data-v-8710d145],.sim-input[data-v-8710d145]{width:100%}}.pengaturan-page[data-v-0dcfdc51]{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;box-sizing:border-box}.page-header[data-v-0dcfdc51]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0)}.header-left[data-v-0dcfdc51]{display:flex;align-items:center;gap:1rem}.header-icon-box[data-v-0dcfdc51]{width:48px;height:48px;border-radius:var(--radius-md, 8px);background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text[data-v-0dcfdc51]{display:flex;flex-direction:column;gap:.2rem}.page-title[data-v-0dcfdc51]{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.2}.page-subtitle[data-v-0dcfdc51]{margin:0;font-size:.85rem;color:var(--text-secondary, #475569);line-height:1.4}.settings-tabs-wrapper[data-v-0dcfdc51]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tabs-nav[data-v-0dcfdc51]{display:flex;align-items:center;gap:.5rem;min-width:max-content}.settings-tab-btn[data-v-0dcfdc51]{display:flex;align-items:center;gap:.6rem;padding:.625rem 1.15rem;border-radius:var(--radius-md, 8px);background:transparent;border:1px solid transparent;color:var(--text-secondary, #475569);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.settings-tab-btn[data-v-0dcfdc51]:hover{background:var(--bg-surface-hover, #f8fafc);color:var(--text-primary, #0f172a)}.settings-tab-btn.active[data-v-0dcfdc51]{background:var(--primary-alpha-10, rgba(216, 27, 96, .08));color:var(--primary, #d81b60);border-color:var(--primary-alpha-20, rgba(216, 27, 96, .2));font-weight:600}.tab-icon[data-v-0dcfdc51]{display:flex;align-items:center;justify-content:center;color:currentColor;flex-shrink:0}.settings-content-wrapper[data-v-0dcfdc51]{display:flex;flex-direction:column;width:100%}.tab-pane-container[data-v-0dcfdc51]{display:flex;flex-direction:column;gap:1rem}.tab-pane-header[data-v-0dcfdc51]{display:flex;flex-direction:column;gap:.25rem;padding:0 .25rem}.tab-pane-title[data-v-0dcfdc51]{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a)}.tab-pane-desc[data-v-0dcfdc51]{margin:0;font-size:.85rem;color:var(--text-secondary, #475569)}.tab-pane-card[data-v-0dcfdc51]{background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:2.5rem 1.5rem}.placeholder-card[data-v-0dcfdc51]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;border-style:dashed;border-color:var(--border-input, #cbd5e1);background:#f8fafcb3}.placeholder-icon[data-v-0dcfdc51]{width:64px;height:64px;border-radius:var(--radius-full, 9999px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-default, #e2e8f0);color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.placeholder-title[data-v-0dcfdc51]{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;color:var(--text-primary, #0f172a)}.placeholder-desc[data-v-0dcfdc51]{margin:0;font-size:.875rem;color:var(--text-secondary, #475569);max-width:460px;line-height:1.5}@media (max-width: 640px){.page-header[data-v-0dcfdc51]{padding:1rem}.header-icon-box[data-v-0dcfdc51]{width:40px;height:40px}.page-title[data-v-0dcfdc51]{font-size:1.1rem}.page-subtitle[data-v-0dcfdc51]{font-size:.8rem}.settings-tabs-wrapper[data-v-0dcfdc51]{padding:.35rem}.settings-tab-btn[data-v-0dcfdc51]{padding:.5rem .85rem;font-size:.8125rem}.placeholder-card[data-v-0dcfdc51]{padding:3rem 1rem}}.blank-container[data-v-2726dcfe]{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.blank-icon[data-v-2726dcfe]{width:64px;height:64px;border-radius:50%;background:var(--primary-alpha-10);color:var(--primary);display:flex;align-items:center;justify-content:center}h2[data-v-2726dcfe]{font-size:1.25rem;color:var(--text-heading)}p[data-v-2726dcfe]{font-size:.875rem;color:var(--text-secondary)}:root,[data-theme=light]{--primary: #d81b60;--primary-light: #ec407a;--primary-dark: #ad1457;--primary-hover: #c2185b;--primary-gradient: linear-gradient(135deg, #d81b60 0%, #ec407a 100%);--primary-alpha-10: rgba(216, 27, 96, .08);--primary-alpha-20: rgba(216, 27, 96, .16);--primary-alpha-30: rgba(216, 27, 96, .24);--btn-primary-text: #ffffff;--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--bg-body: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-raised: #F1F5F9;--bg-surface-hover: #F8FAFC;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-topbar: rgba(255, 255, 255, .95);--bg-sidebar: #FFFFFF;--bg-sidebar-active: rgba(216, 27, 96, .08);--bg-input: #FFFFFF;--bg-input-focus: #FFFFFF;--bg-surface-inset: #F1F5F9;--bg-dropdown: #FFFFFF;--bg-drawer: #FFFFFF;--bg-modal: #FFFFFF;--bg-code: #F1F5F9;--bg-table-header: #F8FAFC;--bg-table-row-hover: #F8FAFC;--bg-table-row-stripe: #FBFDFE;--bg-badge: #F1F5F9;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--text-muted: #94A3B8;--text-heading: #0F172A;--text-on-primary: #FFFFFF;--text-link: #d81b60;--text-link-hover: #ad1457;--border-color: #E2E8F0;--border-default: #E2E8F0;--border-light: #F1F5F9;--border-subtle: #F8FAFC;--border-focus: #d81b60;--border-input: #CBD5E1;--border-active: rgba(216, 27, 96, .25);--success: #16A34A;--success-bg: #F0FDF4;--success-border: #BBF7D0;--success-text: #15803D;--warning: #D97706;--warning-bg: #FFFBEB;--warning-border: #FDE68A;--warning-text: #B45309;--danger: #DC2626;--danger-bg: #FEF2F2;--danger-border: #FECACA;--danger-text: #B91C1C;--info: #0284C7;--info-bg: #F0F9FF;--info-border: #BAE6FD;--info-text: #0369A1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .03);--shadow-modal: 0 20px 48px rgba(0, 0, 0, .12);--shadow-dropdown: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(216, 27, 96, .15);--accent-glow: rgba(216, 27, 96, .18);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--table-head-bg: #F8FAFC;--table-row-hover: #F1F5F9;--table-border: #E2E8F0;--backdrop-color: rgba(15, 23, 42, .45);--scrollbar-track: #F8FAFC;--scrollbar-thumb: #CBD5E1;--scrollbar-thumb-hover: #94A3B8;--skeleton-bg: #F1F5F9;--skeleton-pulse: #E2E8F0;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .2s ease,color .2s ease}#app{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-layout{display:flex;min-height:100vh;width:100%;background-color:var(--bg-primary)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh}.topbar{height:64px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--bg-topbar);border-radius:0;border-left:none;border-top:none;border-right:none;border-bottom:1px solid var(--border-color)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:1rem}.page-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.root-title{color:var(--text-secondary);font-weight:500}.crumb-separator{color:var(--text-tertiary)}.current-crumb{color:var(--text-heading);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .15s ease;line-height:1.25}.btn-primary{background:var(--primary);color:var(--btn-primary-text);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-focus)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{padding:.35rem .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.badge-primary{background:var(--primary-alpha-10);color:var(--primary);border:1px solid var(--primary-alpha-20)}.main-content{flex:1;padding:1.5rem;min-width:0;width:100%}@media (max-width: 768px){.main-content{padding:.85rem}.topbar{padding:0 .85rem;height:56px}}@media (max-width: 480px){.main-content{padding:.65rem}.topbar{padding:0 .65rem}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1.25rem;border-radius:var(--radius-lg);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-bottom:.4rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-heading);letter-spacing:-.03em}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.d-none{display:none!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-block{display:block!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.w-100{width:100%!important}.w-50{width:50%!important}.font-mono{font-family:var(--font-mono, monospace)!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1.25rem!important}.mb-5{margin-bottom:2rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1.25rem!important}.mt-5{margin-top:2rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:.75rem!important;margin-bottom:.75rem!important}.my-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1.25rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1.25rem!important}@media (min-width: 576px){.d-sm-inline{display:inline!important}.d-sm-flex{display:flex!important}.d-sm-block{display:block!important}.d-sm-table-cell{display:table-cell!important}.d-sm-none{display:none!important}}@media (min-width: 768px){.d-md-inline{display:inline!important}.d-md-flex{display:flex!important}.d-md-block{display:block!important}.d-md-table-cell{display:table-cell!important}.d-md-none{display:none!important}}@media (max-width: 767.98px){.d-mobile-none{display:none!important}.d-mobile-block{display:block!important}.d-mobile-flex{display:flex!important}}@media print{#app,.app-layout,.main-wrapper,.topbar,.sidebar,.sidebar-mobile-backdrop{display:none!important}html,body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important}}.form-group:has(.searchable-select-container.is-open),.form-section-card:has(.searchable-select-container.is-open),.fee-toolbar-card:has(.searchable-select-container.is-open),.toolbar-card:has(.searchable-select-container.is-open),.toolbar-left:has(.searchable-select-container.is-open),.glass-panel:has(.searchable-select-container.is-open){position:relative!important;z-index:100!important}