.guest-container[data-v-bb0b00b8]{box-sizing:border-box;background-color:#f9fafb;flex-direction:column;align-items:center;width:100vw;height:100dvh;padding:24px 24px 0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.guest-header[data-v-bb0b00b8]{text-align:center;flex-shrink:0;margin-bottom:16px}.brand-container[data-v-bb0b00b8]{justify-content:center;align-items:center;gap:20px;display:flex}.brand-logo[data-v-bb0b00b8]{object-fit:contain;width:auto;height:70px;margin-bottom:12px;animation:.8s fadeInDown-bb0b00b8}.guest-header h1[data-v-bb0b00b8]{color:#111827;letter-spacing:-.5px;margin:0;font-size:36px;font-weight:800;animation:.8s .1s both fadeInDown-bb0b00b8}.guest-header .subtitle[data-v-bb0b00b8]{color:#6b7280;margin-top:8px;font-size:16px;font-weight:500;animation:.8s .2s both fadeInDown-bb0b00b8}.pending-section[data-v-bb0b00b8]{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;width:100%;max-width:1200px;display:flex;overflow:hidden auto}.pending-section[data-v-bb0b00b8]::-webkit-scrollbar{display:none}.card-grid[data-v-bb0b00b8]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;margin:auto 0;padding-bottom:20px;display:grid}.live-card[data-v-bb0b00b8]{text-align:center;background:#fff;border:2px solid #fde68a;border-radius:20px;flex-direction:column;gap:20px;padding:24px;animation:.5s both fadeInUp-bb0b00b8,2s ease-in-out infinite pulse-border-bb0b00b8;display:flex;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes pulse-border-bb0b00b8{0%,to{border-color:#fde68a;box-shadow:0 10px 25px -5px #fde68a66}50%{border-color:#f59e0b;box-shadow:0 10px 25px -5px #f59e0b66}}.warga-nama[data-v-bb0b00b8]{color:#111827;word-break:break-word;margin:0;font-size:30px;font-weight:700}.status-indicator[data-v-bb0b00b8]{background-color:#f3f4f6;border:1px solid #dedede;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.pulse-dot[data-v-bb0b00b8]{background-color:#d97706;border-radius:50%;width:10px;height:10px;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse-dot-bb0b00b8}@keyframes pulse-dot-bb0b00b8{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.status-text[data-v-bb0b00b8]{color:#4b5563;font-size:14px;font-weight:600}.empty-state[data-v-bb0b00b8]{text-align:center;color:#6b7280;box-sizing:border-box;background:#fff;border:2px dashed #d1d5db;border-radius:24px;width:100%;max-width:600px;margin:auto;padding:60px 20px}.empty-icon[data-v-bb0b00b8]{margin-bottom:16px;font-size:64px;animation:2s infinite bounce-bb0b00b8}@keyframes bounce-bb0b00b8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3[data-v-bb0b00b8]{color:#374151;margin:0 0 8px;font-size:24px}.empty-state p[data-v-bb0b00b8]{margin:0;font-size:16px}.guest-footer[data-v-bb0b00b8]{color:#9ca3af;text-align:center;background-color:#f9fafb;flex-shrink:0;padding:10px 0;font-size:12px}@keyframes fadeInDown-bb0b00b8{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-bb0b00b8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.guest-container[data-v-bb0b00b8]{padding:16px 16px 0}.guest-header[data-v-bb0b00b8]{margin-bottom:12px}.brand-logo[data-v-bb0b00b8]{height:50px}.guest-header h1[data-v-bb0b00b8]{font-size:24px}.guest-header .subtitle[data-v-bb0b00b8]{margin-top:4px;font-size:14px}.card-grid[data-v-bb0b00b8]{grid-template-columns:1fr;gap:16px}.live-card[data-v-bb0b00b8]{gap:12px;padding:16px}.empty-state[data-v-bb0b00b8]{padding:40px 16px}.empty-icon[data-v-bb0b00b8]{font-size:48px}.empty-state h3[data-v-bb0b00b8]{font-size:20px}}.login-container[data-v-c916b026]{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box[data-v-c916b026]{background:var(--bg-card);box-shadow:var(--shadow-md);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:40px 30px}.brand-container[data-v-c916b026]{justify-content:center;align-items:center;gap:20px;display:flex}.brand-logo[data-v-c916b026]{object-fit:contain;width:80px;height:auto;margin-bottom:20px}.login-box h1[data-v-c916b026]{font-size:28px}.subtitle[data-v-c916b026]{color:var(--text-main);margin-bottom:30px;font-size:16px}.form-group[data-v-c916b026]{text-align:left;margin-bottom:20px}.form-group label[data-v-c916b026]{color:var(--text-heading);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input[data-v-c916b026]{border:1.5px solid var(--border-color);box-sizing:border-box;background-color:var(--bg-body);border-radius:12px;width:100%;padding:14px 16px;font-size:16px;transition:all .2s}.form-group input[data-v-c916b026]:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-focus);background-color:#fff;outline:none}input[data-v-c916b026]:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.btn-login[data-v-c916b026]{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:14px;font-size:16px;font-weight:600;transition:background-color .3s;display:flex}.btn-login[data-v-c916b026]:hover:not(:disabled){background-color:var(--accent-hover)}.btn-login[data-v-c916b026]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-c916b026]{color:#b91c1c;background-color:#fef2f2;border-radius:8px;margin-top:20px;padding:12px;font-size:14px}.spinner[data-v-c916b026]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin-c916b026}@keyframes spin-c916b026{to{transform:rotate(360deg)}}@media (width<=480px){.login-box[data-v-c916b026]{border-radius:16px;padding:30px 20px}}.warga-management[data-v-e27c84e0]{flex-direction:column;gap:14px;display:flex}.header[data-v-e27c84e0]{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.headline[data-v-e27c84e0]{color:#111827;margin:0;font-size:22px;font-weight:700}.btn-add[data-v-e27c84e0]{color:#fff;cursor:pointer;background-color:#1fb330;border:none;border-radius:14px;align-items:center;gap:8px;min-height:40px;padding:12px 20px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.btn-add[data-v-e27c84e0]:hover{background-color:#b91c1c}.filter-section[data-v-e27c84e0]{flex-wrap:wrap;gap:10px;display:flex}.search-box[data-v-e27c84e0]{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.search-input[data-v-e27c84e0]{background-color:#fff;border:1px solid #dedede;border-radius:12px;width:100%;min-height:24px;padding:12px 40px 12px 16px;font-size:15px;transition:all .2s}.search-input[data-v-e27c84e0]:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.btn-clear[data-v-e27c84e0]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;position:absolute;right:12px}.filter-select[data-v-e27c84e0]{text-align:center;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #dedede;border-radius:14px;min-width:160px;min-height:44px;padding:12px 40px 12px 16px;font-size:15px}.filter-select[data-v-e27c84e0]:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.card-grid[data-v-e27c84e0]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.empty-state[data-v-e27c84e0]{text-align:center;color:#6b7280;background:#fff;border:1px dashed #d1d5db;border-radius:16px;grid-column:1/-1;padding:60px 20px}.empty-icon[data-v-e27c84e0]{margin-bottom:12px;font-size:40px}.warga-card[data-v-e27c84e0]{background:#fff;border:1px solid #dedede;border-radius:18px;flex-direction:column;gap:12px;padding:16px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.warga-card[data-v-e27c84e0]:hover{box-shadow:0 4px 6px -1px #0000001a}.card-header[data-v-e27c84e0]{justify-content:space-between;align-items:center;gap:12px;display:flex}.warga-nama[data-v-e27c84e0]{color:#111827;margin:0;font-size:18px;font-weight:700;line-height:1.3}.badge[data-v-e27c84e0]{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.badge-dawis[data-v-e27c84e0]{color:#2563eb;background-color:#eff6ff;border:1px solid #bed7ff}.card-footer[data-v-e27c84e0]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-action[data-v-e27c84e0]{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.btn-edit[data-v-e27c84e0]{color:#374151;background-color:#f3f4f6;border:1px solid #d8d8d8}.btn-edit[data-v-e27c84e0]:hover{background-color:#e5e7eb}.btn-delete[data-v-e27c84e0]{color:#dc2626;background-color:#fef2f2;border:1px solid #fbbebe}.btn-delete[data-v-e27c84e0]:hover{background-color:#fee2e2}.modal-overlay[data-v-e27c84e0]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#11182799;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal[data-v-e27c84e0]{background:#fff;border-radius:30px;width:100%;max-width:450px;padding:24px;box-shadow:0 20px 25px -5px #0000001a}.modal h3[data-v-e27c84e0]{text-align:center;color:#2b2b2b;margin-top:0;margin-bottom:20px;font-size:20px}.form-group[data-v-e27c84e0]{margin-bottom:20px}.form-group label[data-v-e27c84e0]{color:#2b2b2b;margin-bottom:8px;margin-left:10px;font-size:14px;font-weight:500;display:block}.required[data-v-e27c84e0]{color:#dc2626}.form-input[data-v-e27c84e0],.form-select-modal[data-v-e27c84e0]{box-sizing:border-box;border:1px solid #dedede;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;transition:all .2s}.form-input[data-v-e27c84e0]:focus,.form-select-modal[data-v-e27c84e0]:focus{background-color:#fff;border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.modal-actions[data-v-e27c84e0]{gap:12px;margin-top:24px;display:flex}.btn-cancel[data-v-e27c84e0]{color:#4d4d4d;cursor:pointer;background:#eaeaea;border:1px solid #dedede;border-radius:14px;flex:1;padding:12px;font-weight:600}.btn-cancel[data-v-e27c84e0]:hover{background:#e5e7eb}.btn-save[data-v-e27c84e0]{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #b72222;border-radius:14px;flex:1;padding:12px;font-weight:600}.btn-save[data-v-e27c84e0]:hover:not(:disabled){background:#b91c1c}.btn-save[data-v-e27c84e0]:disabled{opacity:.7}.spinner[data-v-e27c84e0]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin-e27c84e0;display:inline-block}@keyframes spin-e27c84e0{to{transform:rotate(360deg)}}@media (width<=640px){.header[data-v-e27c84e0]{align-items:stretch}.btn-add[data-v-e27c84e0]{justify-content:center;width:100%}.filter-section[data-v-e27c84e0]{flex-direction:column}.filter-select[data-v-e27c84e0]{width:100%}}.presensi-container[data-v-b3a0647e]{flex-direction:column;gap:14px;display:flex}.header[data-v-b3a0647e]{flex-direction:column;gap:10px;display:flex}.headline[data-v-b3a0647e]{color:#111827;margin:0;font-size:22px;font-weight:700}.stats-container[data-v-b3a0647e]{gap:12px;width:100%;display:flex}.stat-badge[data-v-b3a0647e]{text-align:center;background-color:#fff;border:1px solid #dedede;border-radius:12px;flex-direction:column;min-width:80px;padding:8px 16px;display:flex}.stat-badge span[data-v-b3a0647e]{color:#646464;font-size:14px}.stat-badge strong[data-v-b3a0647e]{font-size:16px}.stat-total strong[data-v-b3a0647e]{color:#111827}.stat-hadir strong[data-v-b3a0647e]{color:#16a34a}.stat-belum strong[data-v-b3a0647e]{color:#dc2626}.filter-section[data-v-b3a0647e]{flex-wrap:wrap;gap:10px;display:flex}.search-box[data-v-b3a0647e]{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.search-input[data-v-b3a0647e]{background-color:#fff;border:1px solid #dedede;border-radius:12px;width:100%;min-height:24px;padding:12px 40px 12px 16px;font-size:15px;transition:all .2s}.search-input[data-v-b3a0647e]:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.btn-clear[data-v-b3a0647e]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;position:absolute;right:12px}.filter-select[data-v-b3a0647e]{text-align:center;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #dedede;border-radius:14px;min-width:160px;min-height:44px;padding:12px 40px 12px 16px;font-size:15px}.filter-select[data-v-b3a0647e]:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.card-grid[data-v-b3a0647e]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.empty-state[data-v-b3a0647e]{text-align:center;color:#6b7280;background:#fff;border:1px dashed #d1d5db;border-radius:16px;grid-column:1/-1;padding:60px 20px}.empty-icon[data-v-b3a0647e]{margin-bottom:12px;font-size:40px}.warga-card[data-v-b3a0647e]{background:#fff;border:1px solid #dedede;border-radius:18px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.card-header[data-v-b3a0647e]{border-bottom:1px solid #dedede;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:6px;display:flex}.warga-card.is-hadir .card-header[data-v-b3a0647e]{border-bottom:1px solid #dedede}.warga-info[data-v-b3a0647e]{flex-direction:column;gap:4px;display:flex}.warga-nama[data-v-b3a0647e]{color:#111827;margin:0;font-size:18px;font-weight:700;line-height:1.2}.warga-dawis[data-v-b3a0647e]{color:#6b7280;margin:0;font-size:13px;font-weight:500}.badge[data-v-b3a0647e]{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.badge-hadir[data-v-b3a0647e]{color:#1c9a4c;background-color:#dcfce7}.badge-belum[data-v-b3a0647e]{color:#806962;background-color:#f3f4f6}.card-body[data-v-b3a0647e]{flex-direction:column;flex:1;gap:6px;display:flex}.info-row[data-v-b3a0647e]{justify-content:space-between;align-items:center;font-size:14px;display:flex}.info-label[data-v-b3a0647e]{color:#6b7280}.info-value[data-v-b3a0647e]{color:#374151;font-weight:500}.font-mono[data-v-b3a0647e]{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:monospace}.warga-card.is-hadir .font-mono[data-v-b3a0647e]{color:#166534;background:#dcfce7;font-size:16px;font-weight:700}.card-footer[data-v-b3a0647e]{margin-top:4px;display:flex}.btn-action[data-v-b3a0647e]{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:36px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.btn-hadir[data-v-b3a0647e]{color:#dc2626;background-color:#fff;border:1px solid #fca5a5;font-weight:600}.btn-hadir[data-v-b3a0647e]:hover{background-color:#15803d}.btn-batal[data-v-b3a0647e]{color:#4a4a4a;background-color:#8ce9ae;font-weight:600}.btn-batal[data-v-b3a0647e]:hover{background-color:#fef2f2}@media (width<=640px){.header[data-v-b3a0647e]{justify-content:space-between;align-items:center}.stats-container[data-v-b3a0647e]{justify-content:space-between}.stat-badge[data-v-b3a0647e]{flex:1;min-width:auto;padding:8px}.filter-section[data-v-b3a0647e]{flex-direction:column}.filter-select[data-v-b3a0647e]{width:100%}}.lotre-container[data-v-48e50564]{flex-direction:column;gap:14px;display:flex}.header[data-v-48e50564]{flex-direction:column;gap:10px;display:flex}.headline[data-v-48e50564]{color:#111827;margin:0;font-size:22px;font-weight:700}.stats-container[data-v-48e50564]{gap:12px;width:100%;display:flex}.stat-badge[data-v-48e50564]{text-align:center;background-color:#fff;border:1px solid #dedede;border-radius:14px;flex-direction:column;min-width:80px;padding:8px 16px;display:flex}.stat-badge span[data-v-48e50564]{color:#646464;font-size:14px}.stat-badge strong[data-v-48e50564]{font-size:18px}.stat-available strong[data-v-48e50564]{color:#2563eb}.stat-pending strong[data-v-48e50564]{color:#d97706}.available-wrapper[data-v-48e50564]{background-color:#fff;border:1px solid #dedede;border-radius:16px;overflow:hidden}.btn-toggle[data-v-48e50564]{cursor:pointer;color:#374151;background-color:#fff;border:none;justify-content:center;align-items:center;width:100%;padding:16px;font-size:15px;font-weight:600;transition:background-color .2s;display:flex}.btn-toggle[data-v-48e50564]:hover{background-color:#f9fafb}.toggle-left[data-v-48e50564]{align-items:center;gap:8px;display:flex}.toggle-icon[data-v-48e50564]{font-size:13px}.available-section[data-v-48e50564]{background-color:#f9f9f9;border-top:1px solid #dedede;padding:12px}.chip-container[data-v-48e50564]{flex-wrap:wrap;gap:8px;display:flex}.name-chip[data-v-48e50564]{color:#0f766e;background-color:#fff;border:1px solid #dedede;border-radius:20px;align-items:center;padding:6px 12px;font-size:14px;font-weight:500;box-shadow:0 1px 2px #0000000d}.empty-state-mini[data-v-48e50564]{text-align:center;color:#6b7280;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;padding:20px}.action-section[data-v-48e50564]{background:#fff;border:1px solid #dedede;border-radius:20px;padding:16px}.section-subtitle[data-v-48e50564]{color:#4b5563;margin:0 0 12px;font-size:15px;font-weight:500}.pick-buttons[data-v-48e50564]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;display:grid}.btn-pick[data-v-48e50564]{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:70px;padding:14px;font-size:20px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.btn-pick[data-v-48e50564]:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 6px -1px #2563eb33}.btn-pick[data-v-48e50564]:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background-color:#e5e7eb}.pick-badge[data-v-48e50564]{background-color:#fff3;border-radius:10px;padding:2px 6px;font-size:11px}.section-title[data-v-48e50564]{text-align:center;color:#111827;margin:0 0 16px;font-size:18px}.card-grid[data-v-48e50564]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.lotre-card[data-v-48e50564]{background:#fff;border:1px solid #fde68a;border-radius:18px;flex-direction:column;gap:10px;padding:16px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-border-48e50564;display:flex;box-shadow:0 4px 6px -1px #0000000d}@keyframes pulse-border-48e50564{0%,to{border-color:#fde68a;box-shadow:0 4px 6px -1px #fde68a33}50%{border-color:#f59e0b;box-shadow:0 4px 6px -1px #f59e0b4d}}.card-header[data-v-48e50564]{justify-content:center;align-items:flex-start;gap:12px;display:flex}.warga-nama[data-v-48e50564]{color:#111827;word-break:break-word;margin:0;font-size:20px;font-weight:700;line-height:1.3}.nomor-hadiah[data-v-48e50564]{color:#92400e;box-sizing:border-box;background-color:#fffbeb;border:1px dashed #dfc149;border-radius:10px;width:100%;padding:6px 16px;font-size:16px;display:inline-block}.nomor-hadiah .label[data-v-48e50564]{color:#b45309;margin-right:6px;font-size:14px}.nomor-hadiah strong[data-v-48e50564]{font-family:monospace;font-size:20px}.card-footer[data-v-48e50564]{gap:14px;margin-top:4px;display:flex}.btn-action[data-v-48e50564]{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:40px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.btn-ada[data-v-48e50564]{color:#fff;background-color:#16a34a}.btn-ada[data-v-48e50564]:hover{background-color:#15803d}.btn-hangus[data-v-48e50564]{color:#dc2626;background-color:#fff;border:1px solid #fca5a5}.btn-hangus[data-v-48e50564]:hover{background-color:#fef2f2}@media (width<=640px){.header[data-v-48e50564]{justify-content:space-between;align-items:center}.stats-container[data-v-48e50564]{justify-content:space-between}.stat-badge[data-v-48e50564]{flex:1;min-width:auto}.pick-buttons[data-v-48e50564]{grid-template-columns:repeat(2,1fr)}.card-grid[data-v-48e50564]{grid-template-columns:1fr}}.riwayat-container[data-v-6aaf8dac]{flex-direction:column;gap:14px;display:flex}.header[data-v-6aaf8dac]{flex-direction:column;gap:10px;display:flex}.headline[data-v-6aaf8dac]{color:#111827;margin:0;font-size:22px;font-weight:700}.stats-container[data-v-6aaf8dac]{gap:12px;width:100%;display:flex}.stat-badge[data-v-6aaf8dac]{text-align:center;background-color:#fff;border:1px solid #dedede;border-radius:12px;flex-direction:column;min-width:80px;padding:8px 16px;display:flex}.stat-badge span[data-v-6aaf8dac]{color:#646464;font-size:14px}.stat-badge strong[data-v-6aaf8dac]{font-size:16px}.stat-total strong[data-v-6aaf8dac]{color:#111827}.stat-ada strong[data-v-6aaf8dac]{color:#16a34a}.stat-hangus strong[data-v-6aaf8dac]{color:#dc2626}.filter-section[data-v-6aaf8dac]{flex-direction:column;gap:12px;display:flex}.search-box[data-v-6aaf8dac]{align-items:center;width:100%;display:flex;position:relative}.search-input[data-v-6aaf8dac]{background-color:#fff;border:1px solid #dedede;border-radius:12px;width:100%;min-height:24px;padding:12px 40px 12px 16px;font-size:15px;transition:all .2s}.search-input[data-v-6aaf8dac]:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.btn-clear[data-v-6aaf8dac]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;position:absolute;right:12px}.filter-status[data-v-6aaf8dac]{gap:8px;width:100%;display:flex}.filter-btn[data-v-6aaf8dac]{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:999px;flex:1;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s}.filter-btn[data-v-6aaf8dac]:hover{background:#f3f4f6}.filter-btn.active[data-v-6aaf8dac]{color:#fff;background:#111827;border-color:#111827}.card-grid[data-v-6aaf8dac]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.empty-state[data-v-6aaf8dac]{text-align:center;color:#6b7280;background:#fff;border:1px dashed #d1d5db;border-radius:16px;grid-column:1/-1;padding:60px 20px}.empty-icon[data-v-6aaf8dac]{margin-bottom:12px;font-size:40px}.history-card[data-v-6aaf8dac]{background:#fff;border:1px solid #dedede;border-radius:18px;flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.history-card.is-ada[data-v-6aaf8dac]{border-color:#bbf7d0}.history-card.is-hangus[data-v-6aaf8dac]{border-color:#fecaca}.card-header[data-v-6aaf8dac]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.history-card.is-ada .card-header[data-v-6aaf8dac]{border-bottom-color:#dcfce7}.history-card.is-hangus .card-header[data-v-6aaf8dac]{border-bottom-color:#fee2e2}.warga-nama[data-v-6aaf8dac]{color:#111827;word-break:break-word;margin:0;font-size:20px;font-weight:700;line-height:1.3}.badge[data-v-6aaf8dac]{white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.badge-ada[data-v-6aaf8dac]{color:#166534;background-color:#dcfce7;border:1px solid #85efaa}.badge-hangus[data-v-6aaf8dac]{color:#991b1b;background-color:#fee2e2;border:1px solid #e99191}.card-body[data-v-6aaf8dac]{flex:1;align-items:center;display:flex}.nomor-hadiah[data-v-6aaf8dac]{color:#374151;background-color:#f3f4f6;border-radius:8px;padding:6px 12px;font-size:16px;display:inline-block}.nomor-hadiah .label[data-v-6aaf8dac]{color:#6b7280;margin-right:4px;font-size:14px}.nomor-hadiah strong[data-v-6aaf8dac]{font-family:monospace;font-size:18px}.history-card.is-ada .nomor-hadiah[data-v-6aaf8dac]{color:#166534;background-color:#fee}.history-card.is-ada .nomor-hadiah .label[data-v-6aaf8dac]{color:#15803d}.history-card.is-hangus .nomor-hadiah[data-v-6aaf8dac]{color:#991b1b;background-color:#fee}.history-card.is-hangus .nomor-hadiah .label[data-v-6aaf8dac]{color:#b91c1c}.card-footer[data-v-6aaf8dac]{display:flex}.btn-action[data-v-6aaf8dac]{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:36px;padding:10px;font-size:15px;font-weight:600;transition:background-color .2s;display:flex}.btn-change-hangus[data-v-6aaf8dac]{color:#dc2626;background-color:#fff;border:1px solid #fca5a5}.btn-change-hangus[data-v-6aaf8dac]:hover{background-color:#fef2f2}.btn-change-ada[data-v-6aaf8dac]{color:#16a34a;background-color:#fff;border:1px solid #86efac}.btn-change-ada[data-v-6aaf8dac]:hover{background-color:#f0fdf4}@media (width<=640px){.header[data-v-6aaf8dac]{justify-content:space-between;align-items:center}.stats-container[data-v-6aaf8dac]{justify-content:space-between}.stat-badge[data-v-6aaf8dac]{flex:1;min-width:auto;padding:8px}.search-box[data-v-6aaf8dac]{max-width:100%}.card-grid[data-v-6aaf8dac]{grid-template-columns:1fr}}.dashboard[data-v-2d420708]{background-color:var(--bg-body,#f9fafb);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.navbar[data-v-2d420708]{z-index:50;background-color:#fff;border-bottom:1px solid #e5e7eb;border-radius:0 0 20px 20px;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.nav-left[data-v-2d420708],.nav-right[data-v-2d420708]{align-items:center;gap:16px;display:flex}.burger-btn[data-v-2d420708]{color:#4b5563;cursor:pointer;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.burger-btn[data-v-2d420708]:hover{color:#111827;background-color:#f3f4f6}.nav-brand[data-v-2d420708]{align-items:center;gap:12px;display:flex}.brand-logo[data-v-2d420708]{object-fit:contain;width:auto;height:36px}.brand-title[data-v-2d420708]{color:#111827;font-size:20px;font-weight:700}.user-greeting[data-v-2d420708]{color:#4b5563;font-size:14px}.app-body[data-v-2d420708]{flex:1;display:flex;position:relative;overflow:hidden}.sidebar[data-v-2d420708]{z-index:40;background-color:#fff;border-right:1px solid #e5e7eb;border-radius:0 20px 20px 0;flex-direction:column;width:260px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open[data-v-2d420708]{transform:translate(0)}.sidebar-menu[data-v-2d420708]{flex-direction:column;flex:1;gap:8px;padding:24px 16px;display:flex;overflow-y:auto}.menu-btn[data-v-2d420708]{cursor:pointer;color:#4b5563;text-align:left;background-color:#0000;border:1px solid #dcdcdc;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:17px;font-weight:500;transition:all .2s;display:flex}.menu-btn[data-v-2d420708]:hover{background-color:#f3f4f6}.menu-btn.active[data-v-2d420708]{color:#dc2626;background-color:#ffdede;font-weight:600}.sidebar-footer[data-v-2d420708]{box-shadow:0 px 12px #00000080;background-color:#fff;border-top:2px solid #e5e7eb;border-radius:24px 24px 20px 0;flex-shrink:0;padding:16px}.sidebar-user-info[data-v-2d420708]{color:#4b5563;text-align:center;margin-bottom:12px;padding:0 4px;font-size:16px}.sidebar-copyright[data-v-2d420708]{color:#4b5563;text-align:center;padding-top:14px;font-size:10px}.btn-logout[data-v-2d420708]{color:#dc2626;cursor:pointer;text-align:center;background-color:#fff;border:1px solid #fca5a5;border-radius:14px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s}.btn-logout[data-v-2d420708]:hover{background-color:#fef2f2}.sidebar-overlay[data-v-2d420708]{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;position:absolute;inset:0}.content[data-v-2d420708]{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex:1;width:100%;height:100%;padding:24px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.content-wrapper[data-v-2d420708]{max-width:1200px;margin:0 auto}@media (width>=1025px){.sidebar[data-v-2d420708]{position:static;transform:translate(0)}.sidebar-overlay[data-v-2d420708],.burger-btn[data-v-2d420708]{display:none}}@media (width<=1024px){.navbar[data-v-2d420708]{padding:12px 16px}.brand-logo[data-v-2d420708]{height:32px}.user-greeting[data-v-2d420708]{display:none}.content[data-v-2d420708]{padding:16px}}:root{--text-main:#4b5563;--text-heading:#111827;--bg-body:#f9fafb;--bg-card:#fff;--border-color:#e5e7eb;--accent-color:#dc2626;--accent-hover:#b91c1c;--accent-focus:#dc262633;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font-sans);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3{color:var(--text-heading);margin:0;font-weight:600}#app{flex-direction:column;min-height:100vh;display:flex}