.mobile-app[data-v-7ce96108]{display:flex;flex-direction:column;height:100vh;background:#f5f7fb;max-width:500px;margin:0 auto;box-shadow:0 0 20px #0000001a;position:relative}.mobile-header[data-v-7ce96108]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.header-left[data-v-7ce96108]{display:flex;align-items:center;gap:10px}.app-icon[data-v-7ce96108]{font-size:24px}.app-name[data-v-7ce96108]{font-size:18px;font-weight:600;color:#1a1a2e}.notification-icon[data-v-7ce96108]{font-size:20px;cursor:pointer}.mobile-content[data-v-7ce96108]{flex:1;overflow-y:auto;padding:16px 16px 80px}.bottom-nav[data-v-7ce96108]{position:fixed;bottom:0;left:0;right:0;max-width:500px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #e5e7eb;padding:10px 16px 16px;z-index:10}.nav-item[data-v-7ce96108]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#94a3b8;transition:all .2s;padding:6px 12px;border-radius:12px}.nav-item.active[data-v-7ce96108]{color:#06f;background:#e6f0ff}.nav-icon[data-v-7ce96108]{font-size:22px}.nav-label[data-v-7ce96108]{font-size:11px;font-weight:500}.mobile-content[data-v-7ce96108]::-webkit-scrollbar{width:4px}.mobile-content[data-v-7ce96108]::-webkit-scrollbar-track{background:#f1f1f1}.mobile-content[data-v-7ce96108]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.menu-active[data-v-59e0037c],.router-link-active[data-v-59e0037c]{background:#06f!important;color:#fff!important}nav[data-v-59e0037c]::-webkit-scrollbar{width:4px}nav[data-v-59e0037c]::-webkit-scrollbar-track{background:#2d2d44}nav[data-v-59e0037c]::-webkit-scrollbar-thumb{background:#06f;border-radius:4px}nav[data-v-59e0037c]::-webkit-scrollbar-thumb:hover{background:#4d94ff}.router-link-active[data-v-59e0037c]:hover{opacity:.9}button[data-v-59e0037c]:hover{background:#2d2d44}.user-dropdown[data-v-59e0037c]{position:absolute;top:45px;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:180px;z-index:100;overflow:hidden}.dropdown-item[data-v-59e0037c]{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:#333;font-size:14px;transition:background .2s;width:100%;text-align:left;background:#fff;border:none;cursor:pointer}.dropdown-item[data-v-59e0037c]:hover{background:#f5f5f5}.dropdown-item.logout[data-v-59e0037c]{color:#ef4444}.dropdown-item.logout[data-v-59e0037c]:hover{background:#fee2e2}.dropdown-divider[data-v-59e0037c]{height:1px;background:#f0f0f0;margin:4px 0}.login-page[data-v-63097117]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;padding:20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.login-box[data-v-63097117]{background:#fff;width:100%;max-width:420px;border-radius:20px;padding:40px 35px;box-shadow:0 20px 60px #0000004d;animation:slideUp-63097117 .5s ease}@keyframes slideUp-63097117{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-63097117]{text-align:center;margin-bottom:25px}.logo-container[data-v-63097117]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.logo-image[data-v-63097117]{width:60px;height:60px;border-radius:15px;-o-object-fit:cover;object-fit:cover}.brand-container[data-v-63097117]{text-align:left}.brand-container h1[data-v-63097117]{font-size:32px;color:#1a1a2e;margin:0;letter-spacing:2px}.brand-subtitle[data-v-63097117]{font-size:9px;color:#666;letter-spacing:.5px;margin:2px 0 0;text-transform:uppercase}.client-name[data-v-63097117]{font-size:12px;color:#06f;font-weight:600;letter-spacing:1px;margin:8px 0 0;padding-top:8px;border-top:1px solid #e5e7eb;display:inline-block}.form-group[data-v-63097117]{margin-bottom:25px}.form-group label[data-v-63097117]{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px;margin-left:5px}.input-wrapper[data-v-63097117]{position:relative;display:flex;align-items:center}.input-icon[data-v-63097117]{position:absolute;left:15px;color:#999;font-size:18px;z-index:1}.form-group input[data-v-63097117]{width:100%;padding:14px 15px 14px 45px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s;background:#f9fafb}.form-group input[data-v-63097117]:focus{outline:none;border-color:#06f;background:#fff;box-shadow:0 0 0 4px #0066ff1a}.form-group input[data-v-63097117]:hover{border-color:#06f}.error-message[data-v-63097117]{background:#fee2e2;color:#dc2626;padding:12px 15px;border-radius:12px;font-size:14px;margin-bottom:25px;display:flex;align-items:center;gap:8px;border-left:4px solid #dc2626}.error-icon[data-v-63097117]{font-size:16px}button[data-v-63097117]{width:100%;padding:16px;background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}button[data-v-63097117]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}button[data-v-63097117]:active{transform:translateY(0)}button[data-v-63097117]:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}button.loading[data-v-63097117]{background:linear-gradient(135deg,#4a90e2,#357abd)}.spinner[data-v-63097117]{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-63097117 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes spin-63097117{to{transform:rotate(360deg)}}.info-panel[data-v-63097117]{margin-top:25px;padding:16px;background:#f0f7ff;border-radius:12px;border-left:4px solid #0066ff;animation:fadeIn-63097117 .5s ease}.info-header[data-v-63097117]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.info-icon[data-v-63097117]{font-size:18px}.info-title[data-v-63097117]{font-weight:600;color:#06f;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.info-content p[data-v-63097117]{margin:5px 0;color:#1e293b;font-size:13px;line-height:1.5}.info-date[data-v-63097117]{font-size:11px!important;color:#64748b!important;margin-top:8px!important;font-style:italic}@keyframes fadeIn-63097117{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.login-footer[data-v-63097117]{text-align:center;margin-top:30px;color:#999;font-size:11px;border-top:1px solid #eee;padding-top:20px}@media(max-width:480px){.login-box[data-v-63097117]{padding:30px 20px}.logo-image[data-v-63097117]{width:50px;height:50px}.brand-container h1[data-v-63097117]{font-size:26px}.brand-subtitle[data-v-63097117]{font-size:7px}.form-group input[data-v-63097117]{font-size:16px;padding:16px 15px 16px 45px}button[data-v-63097117]{padding:18px}}.spinner[data-v-3218913f]{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-3218913f 1s linear infinite;margin:0 auto}@keyframes spin-3218913f{to{transform:rotate(360deg)}}.progress-bar-dual[data-v-3218913f]{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;display:flex}.progress-major[data-v-3218913f],.progress-minor[data-v-3218913f]{height:100%;transition:width .3s}.date-field[data-v-3218913f]{border:none;padding:10px 0;font-size:14px;outline:none;width:140px}.modal-overlay[data-v-3218913f]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-3218913f]{background:#fff;border-radius:24px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-3218913f .3s ease}.modal-large[data-v-3218913f]{max-width:900px}@keyframes modalSlideIn-3218913f{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-3218913f]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2[data-v-3218913f]{margin:0;font-size:20px;color:#1e293b}.modal-close[data-v-3218913f]{background:none;border:none;font-size:20px;cursor:pointer;color:#64748b;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close[data-v-3218913f]:hover{background:#f1f5f9;color:#dc2626}.modal-search[data-v-3218913f]{padding:16px 24px;border-bottom:1px solid #e2e8f0}.search-input[data-v-3218913f]{width:100%;padding:10px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;transition:all .2s}.search-input[data-v-3218913f]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-table-container[data-v-3218913f]{flex:1;overflow-y:auto;padding:0 24px;max-height:50vh}.modal-table[data-v-3218913f]{width:100%;border-collapse:collapse;font-size:14px}.modal-table th[data-v-3218913f]{text-align:left;padding:12px 8px;background:#f8fafc;color:#64748b;font-weight:600;position:sticky;top:0;z-index:10}.modal-table td[data-v-3218913f]{padding:10px 8px;border-bottom:1px solid #e2e8f0;color:#1e293b}.empty-modal[data-v-3218913f]{text-align:center;padding:60px 20px;color:#94a3b8}.empty-modal span[data-v-3218913f]{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.empty-modal p[data-v-3218913f]{margin:0;font-size:16px}.kode-badge-small[data-v-3218913f]{background:#f0f7ff;color:#06f;padding:4px 8px;border-radius:6px;font-family:monospace;font-size:12px}.status-badge-small[data-v-3218913f]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-badge-small.aktif[data-v-3218913f]{background:#e6ffe6;color:#0c6}.status-badge-small.nonaktif[data-v-3218913f]{background:#fee2e2;color:#ef4444}.status-badge-small.libur[data-v-3218913f]{background:#fff3e0;color:#ff9800}.modal-pagination[data-v-3218913f]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 24px 24px}.pagination-info[data-v-3218913f]{font-size:13px;color:#64748b}.pagination-controls[data-v-3218913f]{display:flex;gap:8px;align-items:center}.pagination-btn[data-v-3218913f]{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-3218913f]:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-btn[data-v-3218913f]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-3218913f]{font-size:13px;color:#64748b;padding:0 8px}.loading-small[data-v-3218913f]{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#64748b}.spinner-small[data-v-3218913f]{width:24px;height:24px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-3218913f 1s linear infinite}.no-data[data-v-3218913f]{text-align:center;padding:48px!important;color:#94a3b8;font-size:14px}.toko-cell[data-v-3218913f],.pekerja-cell[data-v-3218913f]{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center[data-v-3218913f]{text-align:center}.modal-fade-enter-active[data-v-d2996ea6],.modal-fade-leave-active[data-v-d2996ea6]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-d2996ea6],.modal-fade-leave-to[data-v-d2996ea6]{opacity:0}.modal-overlay[data-v-d2996ea6]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-d2996ea6 .2s ease}@keyframes fadeIn-d2996ea6{0%{opacity:0}to{opacity:1}}.modal-container[data-v-d2996ea6]{width:100%;max-width:1000px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-d2996ea6 .3s ease;position:relative}@keyframes slideUp-d2996ea6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-d2996ea6]{transform:scale(.95)}.modal-toast[data-v-d2996ea6]{position:absolute;top:80px;left:20px;right:20px;z-index:100;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000026;animation:slideDown-d2996ea6 .3s ease}.modal-toast.success[data-v-d2996ea6]{border-left:4px solid #00cc66;background:#f0fff4}.modal-toast.error[data-v-d2996ea6]{border-left:4px solid #ef4444;background:#fff5f5}.modal-toast.warning[data-v-d2996ea6]{border-left:4px solid #ff9800;background:#fff8e7}.modal-toast.info[data-v-d2996ea6]{border-left:4px solid #0066ff;background:#f0f7ff}@keyframes slideDown-d2996ea6{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-message[data-v-d2996ea6]{flex:1;font-size:13px;font-weight:500;color:#1a1a2e}.toast-close[data-v-d2996ea6]{background:none;border:none;font-size:18px;cursor:pointer;color:#999;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-close[data-v-d2996ea6]:hover{background:#0000000d}.modal-header[data-v-d2996ea6]{padding:24px 28px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-d2996ea6]{display:flex;align-items:center;gap:16px}.header-icon[data-v-d2996ea6]{width:48px;height:48px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #06f3}.header-title h2[data-v-d2996ea6]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-d2996ea6]{font-size:14px;color:#666;margin:0}.btn-close[data-v-d2996ea6]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-d2996ea6]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-form[data-v-d2996ea6]{flex:1;overflow-y:auto;padding:24px 28px}.form-sections[data-v-d2996ea6]{display:flex;flex-direction:column;gap:24px}.form-section[data-v-d2996ea6]{background:#fafafa;border-radius:20px;overflow:hidden;border:1px solid #f0f0f0}.section-header[data-v-d2996ea6]{padding:16px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-icon[data-v-d2996ea6]{font-size:20px}.section-header h3[data-v-d2996ea6]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.section-desc[data-v-d2996ea6]{font-size:12px;color:#06f;font-weight:400;margin-left:8px}.section-content[data-v-d2996ea6]{padding:20px}.form-row[data-v-d2996ea6]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.form-row[data-v-d2996ea6]:last-child{margin-bottom:0}.form-group[data-v-d2996ea6]{flex:1;min-width:200px}.form-group.half[data-v-d2996ea6]{flex:0 0 calc(50% - 8px)}.form-group.third[data-v-d2996ea6]{flex:0 0 calc(33.333% - 11px)}.form-group.two-third[data-v-d2996ea6]{flex:0 0 calc(66.666% - 6px)}.form-group label[data-v-d2996ea6]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-d2996ea6]{color:#ef4444;font-weight:600;margin-left:2px}.form-input[data-v-d2996ea6],.form-select[data-v-d2996ea6]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:14px;font-size:14px;transition:all .2s;background:#fff}.form-input[data-v-d2996ea6]:hover,.form-select[data-v-d2996ea6]:hover{border-color:#06f}.form-input[data-v-d2996ea6]:focus,.form-select[data-v-d2996ea6]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.readonly-field[data-v-d2996ea6]{background:#f8fafc;color:#1a1a2e;border-color:#cbd5e1;cursor:default}.readonly-field[data-v-d2996ea6]:focus{border-color:#cbd5e1;box-shadow:none}.input-hint[data-v-d2996ea6]{font-size:11px;margin-top:4px}.input-hint.info[data-v-d2996ea6]{color:#06f}.loading-select[data-v-d2996ea6]{padding:12px 14px;background:#f5f5f5;border-radius:14px;color:#666;font-size:14px;display:flex;align-items:center;gap:8px}.spinner-tiny[data-v-d2996ea6]{display:inline-block;width:16px;height:16px;border:2px solid #ccc;border-top-color:#06f;border-radius:50%;animation:spin-d2996ea6 .8s linear infinite}.error-select[data-v-d2996ea6]{padding:12px 14px;background:#fee2e2;border-radius:14px;color:#ef4444;font-size:14px;border:1px solid #fecaca}.foto-grid[data-v-d2996ea6]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.foto-item[data-v-d2996ea6]{text-align:center}.foto-required label[data-v-d2996ea6]{color:#ef4444}.foto-item label[data-v-d2996ea6]{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:8px}.foto-upload[data-v-d2996ea6]{position:relative;aspect-ratio:1}.foto-upload input[type=file][data-v-d2996ea6]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.foto-label[data-v-d2996ea6]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:2px dashed #e5e7eb;border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .2s;overflow:hidden}.foto-label[data-v-d2996ea6]:hover{border-color:#06f;background:#f0f7ff}.upload-icon[data-v-d2996ea6]{font-size:32px;color:#94a3b8}.preview-img[data-v-d2996ea6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.foto-clear[data-v-d2996ea6]{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;z-index:2}.foto-clear[data-v-d2996ea6]:hover{background:#dc2626;transform:scale(1.1)}.foto-hint[data-v-d2996ea6]{margin-top:12px;font-size:12px;color:#94a3b8;text-align:center}.form-actions[data-v-d2996ea6]{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid #f0f0f0}.btn-primary[data-v-d2996ea6],.btn-secondary[data-v-d2996ea6]{padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-d2996ea6]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #06f3}.btn-primary[data-v-d2996ea6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-d2996ea6]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-d2996ea6]{background:#f5f5f5;color:#666}.btn-secondary[data-v-d2996ea6]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-d2996ea6]{font-size:18px}.spinner-small[data-v-d2996ea6]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-d2996ea6 1s linear infinite}@keyframes spin-d2996ea6{to{transform:rotate(360deg)}}@media(max-width:768px){.modal-container[data-v-d2996ea6]{max-height:95vh}.modal-header[data-v-d2996ea6]{padding:16px 20px}.header-icon[data-v-d2996ea6]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-d2996ea6]{font-size:18px}.modal-form[data-v-d2996ea6]{padding:16px 20px}.form-row[data-v-d2996ea6]{flex-direction:column;gap:12px}.form-group.half[data-v-d2996ea6],.form-group.third[data-v-d2996ea6],.form-group.two-third[data-v-d2996ea6]{flex:0 0 100%}.foto-grid[data-v-d2996ea6]{grid-template-columns:repeat(2,1fr)}.form-actions[data-v-d2996ea6]{flex-direction:column-reverse}.btn-primary[data-v-d2996ea6],.btn-secondary[data-v-d2996ea6]{width:100%;justify-content:center}.modal-toast[data-v-d2996ea6]{top:70px;left:16px;right:16px}}.modal-fade-enter-active[data-v-b3ee3740],.modal-fade-leave-active[data-v-b3ee3740]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-b3ee3740],.modal-fade-leave-to[data-v-b3ee3740]{opacity:0}.modal-overlay[data-v-b3ee3740]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-b3ee3740 .2s ease}@keyframes fadeIn-b3ee3740{0%{opacity:0}to{opacity:1}}.modal-container[data-v-b3ee3740]{width:100%;max-width:1000px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-b3ee3740 .3s ease}@keyframes slideUp-b3ee3740{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-b3ee3740]{transform:scale(.95)}.modal-header[data-v-b3ee3740]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-b3ee3740]{display:flex;align-items:center;gap:16px}.header-icon[data-v-b3ee3740]{width:48px;height:48px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #06f3}.header-title h2[data-v-b3ee3740]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-b3ee3740]{font-size:14px;color:#666;margin:0}.btn-close[data-v-b3ee3740]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-b3ee3740]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-content[data-v-b3ee3740]{flex:1;overflow-y:auto;padding:24px}.foto-section[data-v-b3ee3740]{margin-bottom:32px}.foto-section h3[data-v-b3ee3740]{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:16px}.foto-grid[data-v-b3ee3740]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.foto-card[data-v-b3ee3740]{background:#f8fafc;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.foto-label[data-v-b3ee3740]{background:#06f;color:#fff;padding:8px;font-size:12px;font-weight:600;text-align:center}.foto-placeholder[data-v-b3ee3740]{min-height:150px;height:150px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;overflow:hidden;position:relative}.foto-placeholder img[data-v-b3ee3740]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:transform .2s}.foto-placeholder img[data-v-b3ee3740]:hover{transform:scale(1.05)}.no-foto[data-v-b3ee3740]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8;text-align:center;padding:16px}.no-foto span[data-v-b3ee3740]{font-size:32px}.no-foto p[data-v-b3ee3740]{font-size:11px;margin:0}.no-foto.error[data-v-b3ee3740]{color:#ef4444}.foto-hint[data-v-b3ee3740]{font-size:11px;color:#94a3b8;text-align:right;margin-top:8px}.info-grid[data-v-b3ee3740]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-card[data-v-b3ee3740]{background:#f8fafc;border-radius:16px;padding:20px;border:1px solid #e5e7eb}.info-card h4[data-v-b3ee3740]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.info-table[data-v-b3ee3740]{width:100%;border-collapse:collapse}.info-table td[data-v-b3ee3740]{padding:8px 0;font-size:14px;color:#475569}.info-table td[data-v-b3ee3740]:first-child{width:40%;color:#64748b}.info-table td[data-v-b3ee3740]:last-child{font-weight:500;color:#1a1a2e}.status-badge[data-v-b3ee3740]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.aktif[data-v-b3ee3740]{background:#e6ffe6;color:#0c6}.status-badge.perjalanan[data-v-b3ee3740]{background:#fff3e0;color:#ff9800}.status-badge.service[data-v-b3ee3740]{background:#fee2e2;color:#ef4444}.status-badge.nonaktif[data-v-b3ee3740]{background:#f3f4f6;color:#6b7280}.sewa-badge[data-v-b3ee3740]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.sewa-badge.sewa[data-v-b3ee3740]{background:#e6f0ff;color:#06f}.sewa-badge.milik[data-v-b3ee3740]{background:#f0f0f0;color:#666}.expired[data-v-b3ee3740]{color:#ef4444!important;font-weight:600}.modal-footer[data-v-b3ee3740]{padding:20px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.btn-secondary[data-v-b3ee3740]{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;background:#f5f5f5;color:#666;border:none;cursor:pointer;transition:all .2s}.btn-secondary[data-v-b3ee3740]:hover{background:#e5e5e5;transform:translateY(-2px)}@media(max-width:768px){.foto-grid[data-v-b3ee3740]{grid-template-columns:repeat(2,1fr)}.info-grid[data-v-b3ee3740]{grid-template-columns:1fr}.modal-content[data-v-b3ee3740]{padding:16px}}.kendaraan-container[data-v-0aa884c2]{padding:24px;max-width:1400px;margin:0 auto;position:relative}.toast-notification[data-v-0aa884c2]{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;background:#fff;box-shadow:0 4px 20px #0003;animation:slideInRight-0aa884c2 .3s ease;min-width:320px;max-width:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-notification.success[data-v-0aa884c2]{border-left:4px solid #00cc66;background:linear-gradient(135deg,#fff,#f0fff4)}.toast-notification.error[data-v-0aa884c2]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fff,#fff5f5)}.toast-notification.warning[data-v-0aa884c2]{border-left:4px solid #ff9800;background:linear-gradient(135deg,#fff,#fff8e7)}.toast-notification.info[data-v-0aa884c2]{border-left:4px solid #0066ff;background:linear-gradient(135deg,#fff,#f0f7ff)}.toast-icon[data-v-0aa884c2]{font-size:22px}.toast-message[data-v-0aa884c2]{flex:1;font-size:14px;font-weight:500;color:#1a1a2e;line-height:1.4}.toast-close[data-v-0aa884c2]{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.toast-close[data-v-0aa884c2]:hover{background:#0000000d;color:#666}@keyframes slideInRight-0aa884c2{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-fade-enter-active[data-v-0aa884c2],.toast-fade-leave-active[data-v-0aa884c2]{transition:all .3s ease}.toast-fade-enter-from[data-v-0aa884c2],.toast-fade-leave-to[data-v-0aa884c2]{transform:translate(100%);opacity:0}.header-section[data-v-0aa884c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-0aa884c2]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-0aa884c2]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-0aa884c2]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-0aa884c2]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.btn-icon[data-v-0aa884c2]{font-size:20px}.stats-grid[data-v-0aa884c2]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-0aa884c2]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-0aa884c2]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-0aa884c2]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-0aa884c2]{display:flex;flex-direction:column}.stat-value[data-v-0aa884c2]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-0aa884c2]{font-size:14px;color:#666}.filter-section[data-v-0aa884c2]{display:flex;gap:16px;margin-bottom:24px}.search-box[data-v-0aa884c2]{flex:2;position:relative;display:flex;align-items:center}.search-icon[data-v-0aa884c2]{position:absolute;left:14px;color:#999;font-size:18px}.search-box input[data-v-0aa884c2]{width:100%;padding:14px 14px 14px 45px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s;background:#fff}.search-box input[data-v-0aa884c2]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.filter-select[data-v-0aa884c2]{flex:1;padding:14px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff;cursor:pointer;min-width:140px}.filter-select[data-v-0aa884c2]:focus{outline:none;border-color:#06f}.loading-state[data-v-0aa884c2]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-0aa884c2]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-0aa884c2 1s linear infinite;margin:0 auto 20px}@keyframes spin-0aa884c2{to{transform:rotate(360deg)}}.loading-state p[data-v-0aa884c2]{color:#666;margin:0}.error-state[data-v-0aa884c2]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-0aa884c2]{font-size:48px}.error-message h3[data-v-0aa884c2]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-0aa884c2]{color:#666;margin:0 0 16px}.btn-retry[data-v-0aa884c2]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-retry[data-v-0aa884c2]:hover{background:#b91c1c}.table-card[data-v-0aa884c2]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-0aa884c2]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-0aa884c2]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-0aa884c2]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.btn-refresh[data-v-0aa884c2]{background:#f0f0f0;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-refresh[data-v-0aa884c2]:hover{background:#e0e0e0;transform:rotate(180deg)}.table-responsive[data-v-0aa884c2]{overflow-x:auto}.modern-table[data-v-0aa884c2]{width:100%;border-collapse:collapse;min-width:1200px}.modern-table th[data-v-0aa884c2]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-0aa884c2]{padding:20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.modern-table tr:hover td[data-v-0aa884c2]{background:#f8fafc}.text-center[data-v-0aa884c2]{text-align:center}.nopol-badge[data-v-0aa884c2]{background:#f0f7ff;color:#06f;padding:6px 10px;border-radius:8px;font-family:monospace;font-size:14px;font-weight:600}.merk-info[data-v-0aa884c2]{display:flex;flex-direction:column;gap:4px}.merk[data-v-0aa884c2]{font-weight:600;color:#1a1a2e}.model[data-v-0aa884c2]{font-size:12px;color:#94a3b8}.kapasitas-info[data-v-0aa884c2]{display:flex;flex-direction:column;gap:4px}.kapasitas-item[data-v-0aa884c2]{font-size:12px;color:#475569;white-space:nowrap}.status-badge[data-v-0aa884c2]{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;min-width:100px}.status-badge.aktif[data-v-0aa884c2]{background:#e6ffe6;color:#0c6}.status-badge.perjalanan[data-v-0aa884c2]{background:#fff3e0;color:#ff9800}.status-badge.service[data-v-0aa884c2]{background:#fee2e2;color:#ef4444}.status-badge.nonaktif[data-v-0aa884c2]{background:#f3f4f6;color:#6b7280}.sewa-badge[data-v-0aa884c2]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.sewa-badge.sewa[data-v-0aa884c2]{background:#e6f0ff;color:#06f}.sewa-badge.milik[data-v-0aa884c2]{background:#f0f0f0;color:#666}.aksi-buttons[data-v-0aa884c2]{display:flex;gap:8px}.btn-view[data-v-0aa884c2],.btn-edit[data-v-0aa884c2],.btn-hapus[data-v-0aa884c2]{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.btn-view[data-v-0aa884c2]{background:#e6f0ff;color:#06f}.btn-view[data-v-0aa884c2]:hover{background:#06f;color:#fff}.btn-edit[data-v-0aa884c2]{background:#f0f7ff;color:#06f}.btn-edit[data-v-0aa884c2]:hover{background:#06f;color:#fff}.btn-hapus[data-v-0aa884c2]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-0aa884c2]:hover{background:#ef4444;color:#fff}.no-data[data-v-0aa884c2]{text-align:center;padding:48px!important;color:#94a3b8;font-size:16px}@media(max-width:1024px){.stats-grid[data-v-0aa884c2]{grid-template-columns:repeat(2,1fr)}.filter-section[data-v-0aa884c2]{flex-direction:column}.search-box[data-v-0aa884c2]{flex:1}.filter-select[data-v-0aa884c2]{width:100%}}@media(max-width:768px){.kendaraan-container[data-v-0aa884c2]{padding:16px}.header-section[data-v-0aa884c2]{flex-direction:column;gap:16px;align-items:stretch}.btn-tambah[data-v-0aa884c2]{justify-content:center}.stats-grid[data-v-0aa884c2]{grid-template-columns:1fr}.aksi-buttons[data-v-0aa884c2]{flex-wrap:wrap;justify-content:center}.toast-notification[data-v-0aa884c2]{left:16px;right:16px;min-width:auto;max-width:none}}.modal-fade-enter-active[data-v-e8905475],.modal-fade-leave-active[data-v-e8905475]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-e8905475],.modal-fade-leave-to[data-v-e8905475]{opacity:0}.modal-overlay[data-v-e8905475]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-e8905475 .2s ease}@keyframes fadeIn-e8905475{0%{opacity:0}to{opacity:1}}.modal-container[data-v-e8905475]{width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-e8905475 .3s ease}@keyframes slideUp-e8905475{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-e8905475]{transform:scale(.95)}.modal-header[data-v-e8905475]{padding:24px 28px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-e8905475]{display:flex;align-items:center;gap:16px}.header-icon[data-v-e8905475]{width:48px;height:48px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #06f3}.header-title h2[data-v-e8905475]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-e8905475]{font-size:14px;color:#666;margin:0}.btn-close[data-v-e8905475]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-e8905475]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-form[data-v-e8905475]{flex:1;overflow-y:auto;padding:24px 28px}.form-sections[data-v-e8905475]{display:flex;flex-direction:column;gap:24px}.form-section[data-v-e8905475]{background:#fafafa;border-radius:20px;overflow:hidden;border:1px solid #f0f0f0}.section-header[data-v-e8905475]{padding:16px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-icon[data-v-e8905475]{font-size:20px}.section-header h3[data-v-e8905475]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.section-content[data-v-e8905475]{padding:20px}.form-row[data-v-e8905475]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.form-row[data-v-e8905475]:last-child{margin-bottom:0}.form-group[data-v-e8905475]{flex:1;min-width:200px}.form-group.full[data-v-e8905475]{flex:0 0 100%}.form-group.half[data-v-e8905475]{flex:0 0 calc(50% - 8px)}.form-group label[data-v-e8905475]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-e8905475]{color:#ef4444;font-weight:600;margin-left:2px}.form-input[data-v-e8905475],.form-textarea[data-v-e8905475]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:14px;font-size:14px;transition:all .2s;background:#fff}.form-input[data-v-e8905475]:hover,.form-textarea[data-v-e8905475]:hover{border-color:#06f}.form-input[data-v-e8905475]:focus,.form-textarea[data-v-e8905475]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.form-input.error[data-v-e8905475]{border-color:#ef4444}.form-textarea[data-v-e8905475]{resize:vertical;min-height:80px}.input-with-suffix[data-v-e8905475]{position:relative;display:flex;align-items:center}.suffix[data-v-e8905475]{position:absolute;right:14px;color:#999;font-size:12px;background:#f5f5f5;padding:2px 8px;border-radius:4px}.input-hint[data-v-e8905475]{font-size:11px;color:#666;margin-top:4px}.error-message[data-v-e8905475]{margin-top:6px;font-size:12px;color:#ef4444}.form-actions[data-v-e8905475]{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid #f0f0f0}.btn-primary[data-v-e8905475],.btn-secondary[data-v-e8905475]{padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-e8905475]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #06f3}.btn-primary[data-v-e8905475]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-e8905475]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-e8905475]{background:#f5f5f5;color:#666}.btn-secondary[data-v-e8905475]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-e8905475]{font-size:18px}.spinner-small[data-v-e8905475]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-e8905475 1s linear infinite}@keyframes spin-e8905475{to{transform:rotate(360deg)}}@media(max-width:640px){.modal-container[data-v-e8905475]{max-height:95vh}.modal-header[data-v-e8905475]{padding:16px 20px}.header-icon[data-v-e8905475]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-e8905475]{font-size:18px}.modal-form[data-v-e8905475]{padding:16px 20px}.form-group.half[data-v-e8905475]{flex:0 0 100%}.form-actions[data-v-e8905475]{flex-direction:column-reverse}.btn-primary[data-v-e8905475],.btn-secondary[data-v-e8905475]{width:100%;justify-content:center}}.jenis-kendaraan-container[data-v-3d5d5238]{padding:24px;max-width:1200px;margin:0 auto}.header-section[data-v-3d5d5238]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-3d5d5238]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-3d5d5238]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-3d5d5238]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-3d5d5238]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.btn-icon[data-v-3d5d5238]{font-size:20px}.search-section[data-v-3d5d5238]{margin-bottom:24px}.search-box[data-v-3d5d5238]{position:relative;display:flex;align-items:center;max-width:400px}.search-icon[data-v-3d5d5238]{position:absolute;left:14px;color:#999;font-size:18px}.search-box input[data-v-3d5d5238]{width:100%;padding:14px 14px 14px 45px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s;background:#fff}.search-box input[data-v-3d5d5238]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.loading-state[data-v-3d5d5238]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-3d5d5238]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-3d5d5238 1s linear infinite;margin:0 auto 20px}@keyframes spin-3d5d5238{to{transform:rotate(360deg)}}.loading-state p[data-v-3d5d5238]{color:#666;margin:0}.error-state[data-v-3d5d5238]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-3d5d5238]{font-size:48px}.error-message h3[data-v-3d5d5238]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-3d5d5238]{color:#666;margin:0 0 16px}.btn-retry[data-v-3d5d5238]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-retry[data-v-3d5d5238]:hover{background:#b91c1c}.table-card[data-v-3d5d5238]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-3d5d5238]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-3d5d5238]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-3d5d5238]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-3d5d5238]{overflow-x:auto}.modern-table[data-v-3d5d5238]{width:100%;border-collapse:collapse;min-width:900px}.modern-table th[data-v-3d5d5238]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.th-hint[data-v-3d5d5238]{font-size:10px;font-weight:400;color:#94a3b8;display:block;margin-top:2px}.modern-table td[data-v-3d5d5238]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px}.modern-table tr:hover td[data-v-3d5d5238]{background:#f8fafc}.text-center[data-v-3d5d5238]{text-align:center}.text-right[data-v-3d5d5238]{text-align:right}.text-muted[data-v-3d5d5238]{color:#94a3b8;font-size:13px}.jenis-badge[data-v-3d5d5238]{background:#f0f7ff;color:#06f;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:inline-block}.kapasitas-badge[data-v-3d5d5238]{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.kapasitas-badge.kecil[data-v-3d5d5238]{background:#e6f0ff;color:#06f}.kapasitas-badge.besar[data-v-3d5d5238]{background:#fff0e6;color:#f80}.aksi-buttons[data-v-3d5d5238]{display:flex;gap:8px}.btn-edit[data-v-3d5d5238],.btn-hapus[data-v-3d5d5238]{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.btn-edit[data-v-3d5d5238]{background:#f0f7ff;color:#06f}.btn-edit[data-v-3d5d5238]:hover{background:#06f;color:#fff}.btn-hapus[data-v-3d5d5238]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-3d5d5238]:hover{background:#ef4444;color:#fff}.no-data[data-v-3d5d5238]{text-align:center;padding:48px!important;color:#94a3b8;font-size:16px}@media(max-width:768px){.jenis-kendaraan-container[data-v-3d5d5238]{padding:16px}.header-section[data-v-3d5d5238]{flex-direction:column;gap:16px;align-items:stretch}.btn-tambah[data-v-3d5d5238]{justify-content:center}.search-box[data-v-3d5d5238]{max-width:100%}.modern-table[data-v-3d5d5238]{min-width:800px}.kapasitas-badge[data-v-3d5d5238]{white-space:nowrap}}.modal-fade-enter-active[data-v-06359d5f],.modal-fade-leave-active[data-v-06359d5f]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-06359d5f],.modal-fade-leave-to[data-v-06359d5f]{opacity:0}.modal-overlay[data-v-06359d5f]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-06359d5f .2s ease}@keyframes fadeIn-06359d5f{0%{opacity:0}to{opacity:1}}.modal-container[data-v-06359d5f]{width:100%;max-width:1000px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-06359d5f .3s ease}@keyframes slideUp-06359d5f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-06359d5f]{transform:scale(.95)}.modal-header[data-v-06359d5f]{padding:24px 28px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-06359d5f]{display:flex;align-items:center;gap:16px}.header-icon[data-v-06359d5f]{width:48px;height:48px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #06f3}.header-title h2[data-v-06359d5f]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-06359d5f]{font-size:14px;color:#666;margin:0}.btn-close[data-v-06359d5f]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-06359d5f]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-form[data-v-06359d5f]{flex:1;overflow-y:auto;padding:24px 28px}.form-sections[data-v-06359d5f]{display:flex;flex-direction:column;gap:24px}.form-section[data-v-06359d5f]{background:#fafafa;border-radius:20px;overflow:hidden;border:1px solid #f0f0f0}.section-header[data-v-06359d5f]{padding:16px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-icon[data-v-06359d5f]{font-size:20px}.section-header h3[data-v-06359d5f]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.section-content[data-v-06359d5f]{padding:20px}.form-row[data-v-06359d5f]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.form-row[data-v-06359d5f]:last-child{margin-bottom:0}.form-group[data-v-06359d5f]{flex:1;min-width:200px}.form-group.full[data-v-06359d5f]{flex:0 0 100%}.form-group.half[data-v-06359d5f]{flex:0 0 calc(50% - 8px)}.form-group.third[data-v-06359d5f]{flex:0 0 calc(33.333% - 11px)}.form-group label[data-v-06359d5f]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-06359d5f]{color:#ef4444;font-weight:600;margin-left:2px}.form-input[data-v-06359d5f],.form-select[data-v-06359d5f],.form-textarea[data-v-06359d5f]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:14px;font-size:14px;transition:all .2s;background:#fff}.form-input[data-v-06359d5f]:hover,.form-select[data-v-06359d5f]:hover,.form-textarea[data-v-06359d5f]:hover{border-color:#06f}.form-input[data-v-06359d5f]:focus,.form-select[data-v-06359d5f]:focus,.form-textarea[data-v-06359d5f]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.form-textarea[data-v-06359d5f]{resize:vertical;min-height:80px}.form-actions[data-v-06359d5f]{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid #f0f0f0}.btn-primary[data-v-06359d5f],.btn-secondary[data-v-06359d5f]{padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-06359d5f]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #06f3}.btn-primary[data-v-06359d5f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-06359d5f]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-06359d5f]{background:#f5f5f5;color:#666}.btn-secondary[data-v-06359d5f]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-06359d5f]{font-size:18px}.spinner-small[data-v-06359d5f]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-06359d5f 1s linear infinite}@keyframes spin-06359d5f{to{transform:rotate(360deg)}}@media(max-width:768px){.modal-container[data-v-06359d5f]{max-height:95vh}.modal-header[data-v-06359d5f]{padding:16px 20px}.header-icon[data-v-06359d5f]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-06359d5f]{font-size:18px}.modal-form[data-v-06359d5f]{padding:16px 20px}.form-row[data-v-06359d5f]{flex-direction:column;gap:12px}.form-group.half[data-v-06359d5f],.form-group.third[data-v-06359d5f]{flex:0 0 100%}.form-actions[data-v-06359d5f]{flex-direction:column-reverse}.btn-primary[data-v-06359d5f],.btn-secondary[data-v-06359d5f]{width:100%;justify-content:center}}.seller-container[data-v-8aa0e881]{padding:24px;max-width:1200px;margin:0 auto}.header-section[data-v-8aa0e881]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-8aa0e881]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-8aa0e881]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-8aa0e881]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-8aa0e881]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.btn-icon[data-v-8aa0e881]{font-size:20px}.stats-grid[data-v-8aa0e881]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-8aa0e881]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-8aa0e881]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-8aa0e881]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-8aa0e881]{display:flex;flex-direction:column}.stat-value[data-v-8aa0e881]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-8aa0e881]{font-size:14px;color:#666}.search-section[data-v-8aa0e881]{margin-bottom:24px}.search-box[data-v-8aa0e881]{position:relative;display:flex;align-items:center;max-width:400px}.search-icon[data-v-8aa0e881]{position:absolute;left:14px;color:#999;font-size:18px}.search-box input[data-v-8aa0e881]{width:100%;padding:14px 14px 14px 45px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s;background:#fff}.search-box input[data-v-8aa0e881]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.loading-state[data-v-8aa0e881]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-8aa0e881]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-8aa0e881 1s linear infinite;margin:0 auto 20px}@keyframes spin-8aa0e881{to{transform:rotate(360deg)}}.loading-state p[data-v-8aa0e881]{color:#666;margin:0}.error-state[data-v-8aa0e881]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-8aa0e881]{font-size:48px}.error-message h3[data-v-8aa0e881]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-8aa0e881]{color:#666;margin:0 0 16px}.btn-retry[data-v-8aa0e881]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.btn-retry[data-v-8aa0e881]:hover{background:#b91c1c}.table-card[data-v-8aa0e881]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-8aa0e881]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-8aa0e881]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-8aa0e881]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-8aa0e881]{overflow-x:auto}.modern-table[data-v-8aa0e881]{width:100%;border-collapse:collapse;min-width:800px}.modern-table th[data-v-8aa0e881]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-8aa0e881]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px}.modern-table tr:hover td[data-v-8aa0e881]{background:#f8fafc}.text-center[data-v-8aa0e881]{text-align:center}.text-right[data-v-8aa0e881]{text-align:right}.kode-badge[data-v-8aa0e881]{background:#f0f7ff;color:#06f;padding:6px 10px;border-radius:8px;font-family:monospace;font-size:13px;font-weight:600}.nama-seller[data-v-8aa0e881]{font-weight:600;color:#1a1a2e}.kapasitas-value[data-v-8aa0e881]{font-weight:600;color:#06f;font-size:16px;margin-right:4px}.kapasitas-label[data-v-8aa0e881]{font-size:11px;color:#94a3b8}.toko-cell[data-v-8aa0e881]{display:flex;align-items:center;justify-content:center;gap:8px}.toko-count[data-v-8aa0e881]{font-weight:700;color:#f80;font-size:16px}.toko-label[data-v-8aa0e881]{font-size:11px;color:#94a3b8}.btn-lihat-toko[data-v-8aa0e881]{background:#f0f7ff;border:1px solid #0066ff;color:#06f;font-size:12px;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-lihat-toko[data-v-8aa0e881]:hover{background:#06f;color:#fff}.aksi-buttons[data-v-8aa0e881]{display:flex;gap:8px}.btn-edit[data-v-8aa0e881],.btn-hapus[data-v-8aa0e881]{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.btn-edit[data-v-8aa0e881]{background:#f0f7ff;color:#06f}.btn-edit[data-v-8aa0e881]:hover{background:#06f;color:#fff}.btn-hapus[data-v-8aa0e881]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-8aa0e881]:hover:not(:disabled){background:#ef4444;color:#fff}.btn-hapus[data-v-8aa0e881]:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;color:#ccc}.no-data[data-v-8aa0e881]{text-align:center;padding:48px!important;color:#94a3b8;font-size:16px}.modal-overlay[data-v-8aa0e881]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-8aa0e881]{background:#fff;border-radius:24px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-8aa0e881 .3s ease}@keyframes modalSlideIn-8aa0e881{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-8aa0e881]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2[data-v-8aa0e881]{margin:0;font-size:20px;color:#1e293b}.modal-close[data-v-8aa0e881]{background:none;border:none;font-size:20px;cursor:pointer;color:#64748b;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close[data-v-8aa0e881]:hover{background:#f1f5f9;color:#dc2626}.modal-search[data-v-8aa0e881]{padding:16px 24px;border-bottom:1px solid #e2e8f0}.search-input[data-v-8aa0e881]{width:100%;padding:10px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;transition:all .2s}.search-input[data-v-8aa0e881]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-table-container[data-v-8aa0e881]{flex:1;overflow-y:auto;padding:0 24px;max-height:50vh}.modal-table[data-v-8aa0e881]{width:100%;border-collapse:collapse;font-size:14px}.modal-table th[data-v-8aa0e881]{text-align:left;padding:12px 8px;background:#f8fafc;color:#64748b;font-weight:600;position:sticky;top:0;z-index:10}.modal-table td[data-v-8aa0e881]{padding:10px 8px;border-bottom:1px solid #e2e8f0;color:#1e293b}.modal-table tr:hover td[data-v-8aa0e881]{background:#f8fafc}.kode-badge-small[data-v-8aa0e881]{background:#f0f7ff;color:#06f;padding:4px 8px;border-radius:6px;font-family:monospace;font-size:12px}.status-badge-small[data-v-8aa0e881]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-badge-small.aktif[data-v-8aa0e881]{background:#e6ffe6;color:#0c6}.status-badge-small.nonaktif[data-v-8aa0e881]{background:#fee2e2;color:#ef4444}.status-badge-small.libur[data-v-8aa0e881]{background:#fff3e0;color:#ff9800}.modal-pagination[data-v-8aa0e881]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 24px 24px}.pagination-info[data-v-8aa0e881]{font-size:13px;color:#64748b}.pagination-controls[data-v-8aa0e881]{display:flex;gap:8px;align-items:center}.pagination-btn[data-v-8aa0e881]{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-8aa0e881]:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-btn[data-v-8aa0e881]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-8aa0e881]{font-size:13px;color:#64748b;padding:0 8px}.loading-small[data-v-8aa0e881]{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#64748b}.spinner-small[data-v-8aa0e881]{width:24px;height:24px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-8aa0e881 1s linear infinite}@media(max-width:1024px){.stats-grid[data-v-8aa0e881]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.seller-container[data-v-8aa0e881]{padding:16px}.header-section[data-v-8aa0e881]{flex-direction:column;gap:16px;align-items:stretch}.btn-tambah[data-v-8aa0e881]{justify-content:center}.stats-grid[data-v-8aa0e881]{grid-template-columns:1fr}.search-box[data-v-8aa0e881]{max-width:100%}.toko-cell[data-v-8aa0e881]{flex-wrap:wrap}.modal-container[data-v-8aa0e881]{width:95%}}.modal-fade-enter-active[data-v-dff39c88],.modal-fade-leave-active[data-v-dff39c88]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-dff39c88],.modal-fade-leave-to[data-v-dff39c88]{opacity:0}.modal-overlay[data-v-dff39c88]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-dff39c88 .2s ease}@keyframes fadeIn-dff39c88{0%{opacity:0}to{opacity:1}}.modal-container[data-v-dff39c88]{width:100%;max-width:1000px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-dff39c88 .3s ease}@keyframes slideUp-dff39c88{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-dff39c88]{transform:scale(.95)}.modal-header[data-v-dff39c88]{padding:24px 28px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-dff39c88]{display:flex;align-items:center;gap:16px}.header-icon[data-v-dff39c88]{width:48px;height:48px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #06f3}.header-title h2[data-v-dff39c88]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-dff39c88]{font-size:14px;color:#666;margin:0}.btn-close[data-v-dff39c88]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-dff39c88]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-form[data-v-dff39c88]{flex:1;overflow-y:auto;padding:24px 28px}.form-sections[data-v-dff39c88]{display:flex;flex-direction:column;gap:24px}.form-section[data-v-dff39c88]{background:#fafafa;border-radius:20px;overflow:hidden;border:1px solid #f0f0f0}.section-header[data-v-dff39c88]{padding:16px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-icon[data-v-dff39c88]{font-size:20px}.section-header h3[data-v-dff39c88]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.section-content[data-v-dff39c88]{padding:20px}.form-row[data-v-dff39c88]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.form-row[data-v-dff39c88]:last-child{margin-bottom:0}.payroll-row[data-v-dff39c88]{background:#f0f7ff;padding:16px;border-radius:16px;margin-top:8px;border-left:4px solid #0066ff}.seller-row[data-v-dff39c88]{background:#e6ffe6;padding:16px;border-radius:16px;margin-top:8px;border-left:4px solid #00cc66}.form-group[data-v-dff39c88]{flex:1;min-width:200px}.form-group.full[data-v-dff39c88]{flex:0 0 100%}.form-group.half[data-v-dff39c88]{flex:0 0 calc(50% - 8px)}.form-group.third[data-v-dff39c88]{flex:0 0 calc(33.333% - 11px)}.form-group label[data-v-dff39c88]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.disabled-label[data-v-dff39c88]{display:block;font-size:13px;font-weight:600;color:#9ca3af;margin-bottom:6px}.required[data-v-dff39c88]{color:#ef4444;font-weight:600;margin-left:2px}.optional[data-v-dff39c88]{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.form-input[data-v-dff39c88],.form-select[data-v-dff39c88],.form-textarea[data-v-dff39c88]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:14px;font-size:14px;transition:all .2s;background:#fff}.form-input[data-v-dff39c88]:hover,.form-select[data-v-dff39c88]:hover,.form-textarea[data-v-dff39c88]:hover{border-color:#06f}.form-input[data-v-dff39c88]:focus,.form-select[data-v-dff39c88]:focus,.form-textarea[data-v-dff39c88]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.form-textarea[data-v-dff39c88]{resize:vertical;min-height:80px}.form-hint[data-v-dff39c88]{font-size:11px;color:#94a3b8;margin-top:4px;display:block}.file-upload[data-v-dff39c88]{position:relative;display:flex;align-items:center;gap:8px}.file-upload input[type=file][data-v-dff39c88]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-label[data-v-dff39c88]{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f5f5f5;border:2px dashed #d1d5db;border-radius:14px;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.file-label[data-v-dff39c88]:hover{border-color:#06f;background:#f0f7ff}.file-icon[data-v-dff39c88]{font-size:16px}.file-clear[data-v-dff39c88]{width:36px;height:36px;border-radius:10px;border:none;background:#fee2e2;color:#ef4444;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.file-clear[data-v-dff39c88]:hover{background:#ef4444;color:#fff}.preview-image[data-v-dff39c88]{margin-top:12px;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;max-width:120px}.preview-image img[data-v-dff39c88]{width:100%;height:80px;-o-object-fit:cover;object-fit:cover;display:block}.loading-seller[data-v-dff39c88]{padding:12px 14px;background:#f5f5f5;border-radius:14px;color:#666;font-size:13px;display:flex;align-items:center;gap:8px}.spinner-tiny[data-v-dff39c88]{display:inline-block;width:14px;height:14px;border:2px solid #ccc;border-top-color:#06f;border-radius:50%;animation:spin-dff39c88 .8s linear infinite}.seller-error[data-v-dff39c88]{padding:12px 14px;background:#fee2e2;border-radius:14px;color:#ef4444;font-size:13px;border:1px solid #fecaca}.form-actions[data-v-dff39c88]{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid #f0f0f0}.btn-primary[data-v-dff39c88],.btn-secondary[data-v-dff39c88]{padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-dff39c88]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #06f3}.btn-primary[data-v-dff39c88]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-dff39c88]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-dff39c88]{background:#f5f5f5;color:#666}.btn-secondary[data-v-dff39c88]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-dff39c88]{font-size:18px}.spinner-small[data-v-dff39c88]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-dff39c88 1s linear infinite}@keyframes spin-dff39c88{to{transform:rotate(360deg)}}@media(max-width:768px){.modal-container[data-v-dff39c88]{max-height:95vh}.modal-header[data-v-dff39c88]{padding:16px 20px}.header-icon[data-v-dff39c88]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-dff39c88]{font-size:18px}.modal-form[data-v-dff39c88]{padding:16px 20px}.form-row[data-v-dff39c88]{flex-direction:column;gap:12px}.form-group.half[data-v-dff39c88],.form-group.third[data-v-dff39c88]{flex:0 0 100%}.form-actions[data-v-dff39c88]{flex-direction:column-reverse}.btn-primary[data-v-dff39c88],.btn-secondary[data-v-dff39c88]{width:100%;justify-content:center}}.pekerja-container[data-v-c512da2f]{padding:24px;max-width:1500px;margin:0 auto}.header-section[data-v-c512da2f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-c512da2f]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-c512da2f]{color:#666;font-size:14px;margin:0}.header-buttons[data-v-c512da2f]{display:flex;gap:12px}.btn-sync[data-v-c512da2f]{background:#f80;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-sync[data-v-c512da2f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #ff88004d;background:#e67e00}.btn-sync[data-v-c512da2f]:disabled{opacity:.6;cursor:not-allowed}.btn-tambah[data-v-c512da2f]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-c512da2f]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.btn-icon[data-v-c512da2f]{font-size:20px}.stats-grid[data-v-c512da2f]{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-c512da2f]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-c512da2f]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-c512da2f]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-c512da2f]{display:flex;flex-direction:column}.stat-value[data-v-c512da2f]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-c512da2f]{font-size:14px;color:#666}.fungsi-section[data-v-c512da2f]{margin-bottom:24px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000d}.fungsi-title[data-v-c512da2f]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 20px;display:flex;align-items:center;gap:8px}.fungsi-title[data-v-c512da2f]:before{content:"";width:4px;height:20px;background:#06f;border-radius:2px}.fungsi-row[data-v-c512da2f]{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.fungsi-card[data-v-c512da2f]{flex:1 1 130px;min-width:130px;background:#f8fafc;border-radius:16px;padding:16px 12px;transition:all .3s;border:1px solid #e5e7eb;display:flex;flex-direction:column}.fungsi-card[data-v-c512da2f]:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.fungsi-1[data-v-c512da2f]{background:linear-gradient(135deg,#e6f0ff,#f0f7ff)}.fungsi-2[data-v-c512da2f]{background:linear-gradient(135deg,#e6ffe6,#f0fff0)}.fungsi-3[data-v-c512da2f]{background:linear-gradient(135deg,#fff3e0,#fff9f0)}.fungsi-4[data-v-c512da2f]{background:linear-gradient(135deg,#fee2e2,#fff0f0)}.fungsi-5[data-v-c512da2f]{background:linear-gradient(135deg,#f3e8ff,#faf5ff)}.fungsi-6[data-v-c512da2f]{background:linear-gradient(135deg,#e0f2fe,#f0f9ff)}.fungsi-7[data-v-c512da2f]{background:linear-gradient(135deg,#f1f5f9,#f8fafc)}.fungsi-header[data-v-c512da2f]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.fungsi-icon[data-v-c512da2f]{font-size:20px}.fungsi-name[data-v-c512da2f]{font-size:13px;font-weight:600;color:#1a1a2e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fungsi-body[data-v-c512da2f]{margin-bottom:12px;display:flex;align-items:baseline;gap:4px}.fungsi-count[data-v-c512da2f]{font-size:24px;font-weight:700;color:#06f;line-height:1}.fungsi-label[data-v-c512da2f]{font-size:11px;color:#64748b}.fungsi-footer[data-v-c512da2f]{display:flex;align-items:center;gap:8px;margin-top:auto}.progress-bar[data-v-c512da2f]{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.progress-fill[data-v-c512da2f]{height:100%;background:#06f;border-radius:2px;transition:width .3s ease}.fungsi-percentage[data-v-c512da2f]{font-size:11px;font-weight:600;color:#475569;min-width:35px;text-align:right}.filter-section[data-v-c512da2f]{display:flex;gap:16px;margin-bottom:24px}.search-box[data-v-c512da2f]{flex:2;position:relative;display:flex;align-items:center}.search-icon[data-v-c512da2f]{position:absolute;left:14px;color:#999;font-size:18px}.search-box input[data-v-c512da2f]{width:100%;padding:14px 14px 14px 45px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s;background:#fff}.search-box input[data-v-c512da2f]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.filter-select[data-v-c512da2f]{flex:1;padding:14px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff;cursor:pointer;min-width:140px}.filter-select[data-v-c512da2f]:focus{outline:none;border-color:#06f}.loading-state[data-v-c512da2f]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-c512da2f]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-c512da2f 1s linear infinite;margin:0 auto 20px}@keyframes spin-c512da2f{to{transform:rotate(360deg)}}.loading-state p[data-v-c512da2f]{color:#666;margin:0}.error-state[data-v-c512da2f]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-c512da2f]{font-size:48px}.error-message h3[data-v-c512da2f]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-c512da2f]{color:#666;margin:0 0 16px}.btn-retry[data-v-c512da2f]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-retry[data-v-c512da2f]:hover{background:#b91c1c}.table-card[data-v-c512da2f]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-c512da2f]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-c512da2f]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-c512da2f]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-c512da2f]{overflow-x:auto}.modern-table[data-v-c512da2f]{width:100%;border-collapse:collapse;min-width:1300px}.modern-table th[data-v-c512da2f]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-c512da2f]{padding:20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.modern-table tr:hover td[data-v-c512da2f]{background:#f8fafc}.text-center[data-v-c512da2f]{text-align:center}.nik-badge[data-v-c512da2f]{background:#f0f7ff;color:#06f;padding:4px 8px;border-radius:6px;font-family:monospace;font-size:13px}.nama-info[data-v-c512da2f]{display:flex;flex-direction:column;gap:4px}.nama-lengkap[data-v-c512da2f]{font-weight:600;color:#1a1a2e}.nama-panggilan[data-v-c512da2f]{font-size:12px;color:#94a3b8}.kontak-info[data-v-c512da2f]{display:flex;flex-direction:column;gap:4px}.kontak-item[data-v-c512da2f]{font-size:13px;color:#475569;display:flex;align-items:center;gap:6px}.fungsi-info[data-v-c512da2f]{display:flex;flex-direction:column;gap:4px}.fungsi-utama[data-v-c512da2f]{font-weight:600;color:#1e293b}.fungsi-sub[data-v-c512da2f]{font-size:12px;color:#94a3b8}.level-badge[data-v-c512da2f]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.level-junior[data-v-c512da2f]{background:#e6f0ff;color:#06f}.level-senior[data-v-c512da2f]{background:#e6ffe6;color:#0c6}.level-supervisor[data-v-c512da2f]{background:#fff3e0;color:#ff9800}.level-manager[data-v-c512da2f]{background:#f0e6ff;color:#93f}.payroll-badge[data-v-c512da2f]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.payroll-kurir[data-v-c512da2f]{background:#e6f0ff;color:#06f}.payroll-harian[data-v-c512da2f]{background:#e6ffe6;color:#0c6}.payroll-gaji[data-v-c512da2f]{background:#f0e6ff;color:#93f}.status-badge[data-v-c512da2f]{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;min-width:80px}.status-badge.aktif[data-v-c512da2f]{background:#e6ffe6;color:#0c6}.status-badge.cuti[data-v-c512da2f]{background:#fff3e0;color:#ff9800}.status-badge.resign[data-v-c512da2f]{background:#fee2e2;color:#ef4444}.status-badge.blacklist[data-v-c512da2f]{background:#f3f4f6;color:#6b7280}.status-badge.non-aktif[data-v-c512da2f]{background:#f0e6ff;color:#93f}.status-badge.unknown[data-v-c512da2f]{background:#f3f4f6;color:#6b7280}.aksi-buttons[data-v-c512da2f]{display:flex;gap:8px}.btn-edit[data-v-c512da2f],.btn-hapus[data-v-c512da2f]{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.btn-edit[data-v-c512da2f]{background:#f0f7ff;color:#06f}.btn-edit[data-v-c512da2f]:hover{background:#06f;color:#fff}.btn-hapus[data-v-c512da2f]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-c512da2f]:hover{background:#ef4444;color:#fff}.no-data[data-v-c512da2f]{text-align:center;padding:48px!important;color:#94a3b8;font-size:16px}.pagination-section[data-v-c512da2f]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0}.pagination-info[data-v-c512da2f]{font-size:13px;color:#666}.pagination-controls[data-v-c512da2f]{display:flex;align-items:center;gap:16px}.pagination-btn[data-v-c512da2f]{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-c512da2f]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-c512da2f]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-c512da2f]{font-size:13px;color:#666}.spinner-small[data-v-c512da2f]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-c512da2f 1s linear infinite}@media(max-width:1024px){.stats-grid[data-v-c512da2f]{grid-template-columns:repeat(3,1fr)}.filter-section[data-v-c512da2f]{flex-direction:column}.search-box[data-v-c512da2f]{flex:1}.filter-select[data-v-c512da2f]{width:100%}.fungsi-row[data-v-c512da2f]{flex-wrap:wrap}.fungsi-card[data-v-c512da2f]{flex:1 1 150px}}@media(max-width:768px){.pekerja-container[data-v-c512da2f]{padding:16px}.header-section[data-v-c512da2f]{flex-direction:column;gap:16px;align-items:stretch}.header-buttons[data-v-c512da2f]{flex-direction:column}.btn-sync[data-v-c512da2f],.btn-tambah[data-v-c512da2f]{width:100%;justify-content:center}.stats-grid[data-v-c512da2f]{grid-template-columns:repeat(2,1fr)}.fungsi-row[data-v-c512da2f]{display:grid;grid-template-columns:repeat(3,1fr)}.fungsi-card[data-v-c512da2f]{flex:none;width:auto}.pagination-section[data-v-c512da2f]{flex-direction:column;gap:12px;align-items:flex-start}}@media(max-width:480px){.stats-grid[data-v-c512da2f]{grid-template-columns:1fr}.fungsi-row[data-v-c512da2f]{grid-template-columns:repeat(2,1fr)}}.dashboard-incoming[data-v-4644279f]{padding:24px;max-width:1600px;margin:0 auto}.header-section[data-v-4644279f]{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-title h1[data-v-4644279f]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-4644279f]{margin:0;color:#666;font-size:14px}.filter-box[data-v-4644279f]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.date-range[data-v-4644279f]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-4644279f]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-4644279f]{color:#666;font-size:16px;margin-right:8px}.date-field[data-v-4644279f]{border:none;padding:10px 0;font-size:14px;outline:none;width:140px}.date-separator[data-v-4644279f]{color:#999;font-size:14px}.btn-apply[data-v-4644279f]{background:#06f;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-apply[data-v-4644279f]:hover{background:#0052cc;transform:translateY(-2px);box-shadow:0 8px 16px #06f3}.loading-state[data-v-4644279f]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-4644279f]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-4644279f 1s linear infinite;margin:0 auto 20px}@keyframes spin-4644279f{to{transform:rotate(360deg)}}.loading-state p[data-v-4644279f]{color:#666;margin:0}.error-state[data-v-4644279f]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-4644279f]{font-size:48px}.error-message h3[data-v-4644279f]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-4644279f]{color:#666;margin:0 0 16px}.btn-retry[data-v-4644279f]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-retry[data-v-4644279f]:hover{background:#b91c1c}.kpi-grid[data-v-4644279f]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.kpi-card[data-v-4644279f]{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 12px #0000000d;transition:all .2s}.kpi-card[data-v-4644279f]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.total-paket[data-v-4644279f],.estimasi-pendapatan[data-v-4644279f]{grid-column:span 1.5}.kpi-header[data-v-4644279f]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.kpi-icon[data-v-4644279f]{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.kpi-icon.blue[data-v-4644279f]{background:#e6f0ff;color:#06f}.kpi-icon.green[data-v-4644279f]{background:#e6ffe6;color:#0c6}.kpi-icon.purple[data-v-4644279f]{background:#f0e6ff;color:#93f}.kpi-icon.orange[data-v-4644279f]{background:#fff0e6;color:#f60}.kpi-total[data-v-4644279f]{font-size:28px;font-weight:700;color:#1a1a2e}.kpi-total.green-text[data-v-4644279f]{color:#0c6}.kpi-label[data-v-4644279f]{font-size:14px;color:#666;margin-bottom:16px}.statistik-card[data-v-4644279f]{padding:20px}.statistik-utama[data-v-4644279f]{flex:1}.rata-rata[data-v-4644279f]{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.rata-label[data-v-4644279f]{font-size:12px;color:#666;margin:2px 0}.hari-operasi[data-v-4644279f]{font-size:11px;color:#999}.statistik-minmax[data-v-4644279f]{margin-top:16px;border-top:1px solid #f0f0f0;padding-top:12px}.minmax-item[data-v-4644279f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.minmax-item[data-v-4644279f]:last-child{margin-bottom:0}.minmax-label[data-v-4644279f]{display:flex;align-items:center;gap:6px;color:#666}.dot.max[data-v-4644279f]{width:8px;height:8px;background:#fa0;border-radius:4px}.dot.min[data-v-4644279f]{width:8px;height:8px;background:#06f;border-radius:4px}.minmax-value[data-v-4644279f]{display:flex;align-items:center;gap:8px}.minmax-value .value[data-v-4644279f]{font-weight:600;color:#1a1a2e}.minmax-value .tanggal[data-v-4644279f]{font-size:11px;color:#999;background:#f5f5f5;padding:2px 6px;border-radius:4px}.sprinter-card[data-v-4644279f]{padding:20px}.sprinter-utama[data-v-4644279f]{flex:1}.sprinter-total[data-v-4644279f]{font-size:28px;font-weight:700;color:#f60;line-height:1.2}.sprinter-label[data-v-4644279f]{font-size:12px;color:#666;margin-top:2px}.top-sprinter-list[data-v-4644279f]{margin-top:16px;border-top:1px solid #f0f0f0;padding-top:12px}.top-sprinter-header[data-v-4644279f]{margin-bottom:10px}.top-label[data-v-4644279f]{font-size:11px;font-weight:600;color:#f80;text-transform:uppercase;letter-spacing:.5px}.top-sprinter-item[data-v-4644279f]{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed #f0f0f0;font-size:12px}.top-sprinter-item[data-v-4644279f]:last-child{border-bottom:none}.sprinter-rank[data-v-4644279f]{width:30px}.rank-number[data-v-4644279f]{display:inline-block;width:24px;height:20px;border-radius:10px;font-size:10px;font-weight:600;text-align:center;line-height:20px}.rank-1[data-v-4644279f]{background:#fff9e6;color:#b76e00;border:1px solid #ffd966}.rank-2[data-v-4644279f]{background:#f5f5f5;color:#666;border:1px solid #ccc}.rank-3[data-v-4644279f]{background:#fff0e6;color:#b85c00;border:1px solid #ffb37f}.sprinter-nama[data-v-4644279f]{flex:1;font-weight:500;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprinter-paket[data-v-4644279f]{color:#f60;font-weight:600;font-size:11px;white-space:nowrap}.top-sprinter-empty[data-v-4644279f]{text-align:center;color:#999;font-size:12px;padding:10px 0}.kpi-breakdown[data-v-4644279f]{margin-top:12px}.breakdown-item[data-v-4644279f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.breakdown-label[data-v-4644279f]{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.dot[data-v-4644279f]{width:8px;height:8px;border-radius:4px}.dot.green[data-v-4644279f]{background:#0c6}.dot.yellow[data-v-4644279f]{background:#fa0}.dot.orange[data-v-4644279f]{background:#f80}.breakdown-value[data-v-4644279f]{display:flex;align-items:center;gap:8px}.value[data-v-4644279f]{font-weight:600;color:#1a1a2e}.value.green-text[data-v-4644279f]{color:#0c6}.value.orange-text[data-v-4644279f]{color:#f80}.percentage[data-v-4644279f]{font-size:11px;color:#999;background:#f5f5f5;padding:2px 6px;border-radius:4px}.progress-bar[data-v-4644279f]{width:100%;height:6px;background:#f0f0f0;border-radius:3px;margin-top:12px;overflow:hidden}.progress-green[data-v-4644279f]{height:100%;background:#0c6;border-radius:3px;transition:width .3s}.trend-full-card[data-v-4644279f]{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.chart-container.full-width[data-v-4644279f]{overflow-x:auto;padding:20px 0 10px}.bars-container[data-v-4644279f]{display:flex;align-items:flex-end;gap:8px;height:250px}.bar-wrapper[data-v-4644279f]{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;min-width:30px}.bar-tooltip[data-v-4644279f]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;margin-bottom:8px;box-shadow:0 4px 12px #0003}.bar-wrapper:hover .bar-tooltip[data-v-4644279f]{opacity:1}.tooltip-content[data-v-4644279f]{text-align:center}.tooltip-content strong[data-v-4644279f]{display:block;margin-bottom:4px}.tooltip-content p[data-v-4644279f]{margin:2px 0}.bar[data-v-4644279f]{width:100%;background:#06f;border-radius:6px 6px 0 0;position:relative;cursor:pointer;transition:all .2s;min-height:20px}.bar[data-v-4644279f]:hover{opacity:.9;transform:scaleX(1.05)}.bar-sunday[data-v-4644279f]{background:#f44}.bar-max[data-v-4644279f]{background:linear-gradient(180deg,#fa0,#f80);box-shadow:0 0 10px #ffaa004d}.bar-min[data-v-4644279f]{background:linear-gradient(180deg,#4d94ff,#06f)}.bar-value[data-v-4644279f]{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#333;white-space:nowrap}.bar-marker[data-v-4644279f]{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.bar-marker.max[data-v-4644279f]{color:#fa0}.bar-marker.min[data-v-4644279f]{color:#06f}.bar-label[data-v-4644279f]{font-size:10px;margin-top:8px;color:#666;transform:rotate(-45deg);white-space:nowrap}.bar-label.sunday-label[data-v-4644279f]{color:#f44;font-weight:600}.three-column-grid[data-v-4644279f]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px}.chart-card[data-v-4644279f]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 12px #0000000d}.card-header[data-v-4644279f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3[data-v-4644279f]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.legend[data-v-4644279f]{display:flex;gap:16px;flex-wrap:wrap}.legend-item[data-v-4644279f]{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.legend-dot[data-v-4644279f]{width:10px;height:10px;border-radius:3px}.legend-dot.blue[data-v-4644279f]{background:#06f}.legend-dot.red[data-v-4644279f]{background:#f44}.legend-dot.max[data-v-4644279f]{background:#fa0}.legend-dot.min[data-v-4644279f]{background:#06f}.distribusi-list[data-v-4644279f]{margin-top:16px}.distribusi-item[data-v-4644279f]{margin-bottom:16px}.distribusi-header[data-v-4644279f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.distribusi-label[data-v-4644279f]{font-size:13px;color:#666}.distribusi-value[data-v-4644279f]{font-size:13px;font-weight:600;color:#06f}.progress-bar-lg[data-v-4644279f]{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill[data-v-4644279f]{height:100%;background:#06f;border-radius:4px;transition:width .3s}.distribusi-footer[data-v-4644279f]{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0;font-size:13px;color:#666;text-align:right}.jenis-card-vertical[data-v-4644279f]{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 12px #0000000d;transition:all .2s}.jenis-card-vertical[data-v-4644279f]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.jenis-vertical-header[data-v-4644279f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.jenis-vertical-header h3[data-v-4644279f]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.jenis-vertical-total[data-v-4644279f]{font-size:12px;color:#666;background:#f5f5f5;padding:4px 10px;border-radius:20px;font-weight:500}.jenis-vertical-list[data-v-4644279f]{display:flex;flex-direction:column;gap:12px}.jenis-vertical-item[data-v-4644279f]{display:flex;align-items:center;gap:8px}.jenis-vertical-label[data-v-4644279f]{display:flex;align-items:center;gap:6px;min-width:85px}.jenis-icon-dot[data-v-4644279f]{width:10px;height:10px;border-radius:5px}.jenis-dot-1[data-v-4644279f]{background:gold}.jenis-dot-2[data-v-4644279f]{background:silver}.jenis-dot-3[data-v-4644279f]{background:#cd7f32}.jenis-dot-4[data-v-4644279f]{background:#06f}.jenis-dot-5[data-v-4644279f]{background:#4d94ff}.jenis-dot-6[data-v-4644279f]{background:#99c2ff}.jenis-vertical-name[data-v-4644279f]{font-weight:600;font-size:13px;color:#1a1a2e}.jenis-vertical-persen[data-v-4644279f]{font-size:11px;font-weight:600;color:#06f;background:#e6f0ff;padding:2px 6px;border-radius:10px;min-width:40px;text-align:center}.jenis-vertical-bar[data-v-4644279f]{flex:1;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.jenis-vertical-fill[data-v-4644279f]{height:100%;background:#06f;border-radius:3px;transition:width .3s}.jenis-vertical-value[data-v-4644279f]{font-size:12px;font-weight:600;color:#1a1a2e;min-width:50px;text-align:right}.sumber-card[data-v-4644279f]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 12px #0000000d}.sumber-card h3[data-v-4644279f]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 20px}.sumber-list[data-v-4644279f]{display:flex;flex-direction:column;gap:16px}.sumber-item[data-v-4644279f]{display:flex;gap:16px;padding:16px;background:#f8fafc;border-radius:16px;transition:all .2s}.sumber-item[data-v-4644279f]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.sumber-1[data-v-4644279f]{background:linear-gradient(135deg,#e6f0ff,#f0f7ff)}.sumber-2[data-v-4644279f]{background:linear-gradient(135deg,#f0f0f0,#f8f8f8)}.sumber-3[data-v-4644279f]{background:linear-gradient(135deg,#fff0e6,#fff5f0)}.sumber-icon[data-v-4644279f]{width:48px;height:48px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 8px #0000000d}.sumber-info[data-v-4644279f]{flex:1}.sumber-name[data-v-4644279f]{font-weight:600;color:#1a1a2e;margin-bottom:8px}.sumber-stats[data-v-4644279f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sumber-total[data-v-4644279f]{font-size:13px;color:#666}.sumber-persen[data-v-4644279f]{font-size:16px;font-weight:700;color:#06f}.progress-bar-sm[data-v-4644279f]{width:100%;height:4px;background:#0000000d;border-radius:2px;overflow:hidden}.empty-chart[data-v-4644279f]{padding:60px 0;text-align:center;color:#999}.empty-chart span[data-v-4644279f]{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.empty-chart p[data-v-4644279f]{margin:0;font-size:14px}.empty-state.small[data-v-4644279f]{padding:40px 0}.empty-state.small span[data-v-4644279f]{font-size:36px}@media(max-width:1200px){.kpi-grid[data-v-4644279f]{grid-template-columns:repeat(2,1fr)}.total-paket[data-v-4644279f],.estimasi-pendapatan[data-v-4644279f]{grid-column:span 1}.three-column-grid[data-v-4644279f]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-incoming[data-v-4644279f]{padding:16px}.header-section[data-v-4644279f]{flex-direction:column;align-items:stretch}.filter-box[data-v-4644279f]{flex-direction:column}.date-range[data-v-4644279f]{flex-direction:column;width:100%}.date-input[data-v-4644279f],.date-field[data-v-4644279f]{width:100%}.btn-apply[data-v-4644279f]{width:100%;justify-content:center}.kpi-grid[data-v-4644279f],.three-column-grid[data-v-4644279f]{grid-template-columns:1fr}.legend[data-v-4644279f]{flex-wrap:wrap;gap:8px}.bar-label[data-v-4644279f]{transform:rotate(-90deg);margin-top:20px}}.upload-excel-container[data-v-fe0796f4]{padding:24px;max-width:1000px;margin:0 auto}.header-section[data-v-fe0796f4]{background:#fff;border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-title h1[data-v-fe0796f4]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-fe0796f4]{margin:0;color:#666;font-size:14px}.header-actions[data-v-fe0796f4]{display:flex;gap:12px}.btn-template[data-v-fe0796f4],.btn-history[data-v-fe0796f4]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-template[data-v-fe0796f4]{background:#0c6;color:#fff}.btn-template[data-v-fe0796f4]:hover{background:#00994d;transform:translateY(-2px);box-shadow:0 8px 16px #0c63}.btn-history[data-v-fe0796f4]{background:#f0f0f0;color:#666}.btn-history[data-v-fe0796f4]:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 8px 16px #0000000d}.btn-icon[data-v-fe0796f4]{font-size:16px}.info-card[data-v-fe0796f4]{background:#f0f7ff;border-radius:16px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;gap:12px;border-left:4px solid #0066ff}.info-icon[data-v-fe0796f4]{font-size:24px}.info-content p[data-v-fe0796f4]{margin:0;color:#1e293b;font-size:14px;line-height:1.6}.info-content strong[data-v-fe0796f4]{color:#06f}.upload-card[data-v-fe0796f4]{background:#fff;border-radius:20px;padding:30px;margin-bottom:20px;box-shadow:0 4px 12px #0000000d}.drop-zone[data-v-fe0796f4]{border:2px dashed #d1d5db;border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa;margin-bottom:20px}.drop-zone[data-v-fe0796f4]:hover{border-color:#06f;background:#f0f7ff}.drop-zone.drag-over[data-v-fe0796f4]{border-color:#06f;background:#e6f0ff;transform:scale(1.02)}.drop-zone.has-file[data-v-fe0796f4]{border-color:#0c6;background:#f0fff0}.hidden-input[data-v-fe0796f4]{display:none}.drop-zone-content[data-v-fe0796f4]{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon[data-v-fe0796f4]{font-size:48px;opacity:.8}.upload-text[data-v-fe0796f4]{color:#666;font-size:16px;margin:0}.browse-text[data-v-fe0796f4]{color:#06f;font-weight:600;text-decoration:underline;cursor:pointer}.file-info[data-v-fe0796f4]{display:flex;align-items:center;gap:16px;width:100%;max-width:500px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.file-icon[data-v-fe0796f4]{font-size:24px}.file-details[data-v-fe0796f4]{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.file-name[data-v-fe0796f4]{font-weight:600;color:#1a1a2e;font-size:14px}.file-size[data-v-fe0796f4]{font-size:12px;color:#999}.remove-file[data-v-fe0796f4]{width:30px;height:30px;border-radius:8px;border:none;background:#fee2e2;color:#ef4444;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-file[data-v-fe0796f4]:hover{background:#ef4444;color:#fff}.upload-action[data-v-fe0796f4]{display:flex;justify-content:flex-end}.btn-upload[data-v-fe0796f4]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s}.btn-upload[data-v-fe0796f4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-upload[data-v-fe0796f4]:disabled{opacity:.6;cursor:not-allowed}.progress-section[data-v-fe0796f4]{margin-top:20px;padding:16px;background:#f8fafc;border-radius:12px}.progress-header[data-v-fe0796f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label[data-v-fe0796f4]{font-size:14px;font-weight:500;color:#1e293b}.progress-percentage[data-v-fe0796f4]{font-size:14px;font-weight:600;color:#06f}.progress-bar-container[data-v-fe0796f4]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar-fill[data-v-fe0796f4]{height:100%;background:linear-gradient(90deg,#06f,#0c6);border-radius:4px;transition:width .3s ease}.debug-section[data-v-fe0796f4]{background:#f8fafc;border-radius:12px;padding:12px 16px;margin-top:20px;display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0}.debug-section.error[data-v-fe0796f4]{background:#fee2e2;border-color:#fecaca}.debug-icon[data-v-fe0796f4]{font-size:18px}.debug-info[data-v-fe0796f4]{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.debug-label[data-v-fe0796f4]{font-size:13px;color:#64748b}.debug-value[data-v-fe0796f4]{font-size:13px;font-weight:600;padding:2px 8px;border-radius:12px}.debug-value.success[data-v-fe0796f4]{background:#0c6;color:#fff}.debug-value.error[data-v-fe0796f4]{background:#ef4444;color:#fff}.debug-token[data-v-fe0796f4]{font-size:12px;color:#94a3b8;font-family:monospace;margin-left:8px}.debug-message[data-v-fe0796f4]{font-size:13px;color:#ef4444;font-weight:500}.result-card[data-v-fe0796f4]{margin-top:24px;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a;animation:slideIn-fe0796f4 .3s ease}@keyframes slideIn-fe0796f4{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-card.success[data-v-fe0796f4]{background:#f0fff0;border:1px solid #00cc66}.result-card.error[data-v-fe0796f4]{background:#fff5f5;border:1px solid #ef4444}.result-card.info[data-v-fe0796f4]{background:#f0f7ff;border:1px solid #0066ff}.result-header[data-v-fe0796f4]{padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,.05)}.result-icon[data-v-fe0796f4]{font-size:24px}.result-title[data-v-fe0796f4]{flex:1;margin:0;font-size:18px;font-weight:600}.result-card.success .result-title[data-v-fe0796f4]{color:#0c6}.result-card.error .result-title[data-v-fe0796f4]{color:#ef4444}.result-card.info .result-title[data-v-fe0796f4]{color:#06f}.result-close[data-v-fe0796f4]{width:30px;height:30px;border-radius:8px;border:none;background:#0000000d;color:#666;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.result-close[data-v-fe0796f4]:hover{background:#0000001a}.result-content[data-v-fe0796f4]{padding:20px}.result-message[data-v-fe0796f4]{margin:0 0 16px;font-size:15px;color:#1e293b}.debug-result[data-v-fe0796f4]{background:#1a1a2e;color:#0f0;padding:16px;border-radius:8px;overflow-x:auto;font-family:monospace;font-size:12px;margin-top:16px}.debug-result pre[data-v-fe0796f4]{margin:0;white-space:pre-wrap;word-wrap:break-word}.upload-stats[data-v-fe0796f4]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;padding:16px;background:#f8fafc;border-radius:16px}.stat-item[data-v-fe0796f4]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000005}.stat-icon[data-v-fe0796f4]{width:40px;height:40px;background:#e6f0ff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-detail[data-v-fe0796f4]{flex:1}.stat-value[data-v-fe0796f4]{display:block;font-size:20px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-fe0796f4]{display:block;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.3px}.result-errors[data-v-fe0796f4]{background:#00000005;padding:16px;border-radius:12px;margin-top:12px}.errors-title[data-v-fe0796f4]{margin:0 0 8px;font-size:14px;font-weight:600;color:#ef4444}.errors-list[data-v-fe0796f4]{margin:0;padding:0;list-style:none}.errors-list li[data-v-fe0796f4]{font-size:13px;color:#4b5563;margin-bottom:4px;display:flex;align-items:flex-start;gap:6px}.error-bullet[data-v-fe0796f4]{color:#ef4444;font-size:16px}.errors-more[data-v-fe0796f4]{color:#94a3b8!important;font-style:italic}.spinner-small[data-v-fe0796f4]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-fe0796f4 1s linear infinite}@keyframes spin-fe0796f4{to{transform:rotate(360deg)}}@media(max-width:768px){.upload-excel-container[data-v-fe0796f4]{padding:16px}.header-section[data-v-fe0796f4]{flex-direction:column;align-items:stretch}.header-actions[data-v-fe0796f4]{flex-direction:column}.btn-template[data-v-fe0796f4],.btn-history[data-v-fe0796f4]{width:100%;justify-content:center}.drop-zone[data-v-fe0796f4]{padding:30px 20px}.file-info[data-v-fe0796f4]{flex-wrap:wrap}.btn-upload[data-v-fe0796f4]{width:100%;justify-content:center}.debug-info[data-v-fe0796f4]{flex-direction:column;align-items:flex-start}.debug-token[data-v-fe0796f4]{margin-left:0;word-break:break-all}.upload-stats[data-v-fe0796f4]{grid-template-columns:1fr;gap:8px}.stat-item[data-v-fe0796f4]{padding:8px}.stat-icon[data-v-fe0796f4]{width:32px;height:32px;font-size:16px}.stat-value[data-v-fe0796f4]{font-size:16px}}.kalkulator-outgoing[data-v-90658c94]{padding:24px;max-width:1200px;margin:0 auto}.header-section[data-v-90658c94]{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-title h1[data-v-90658c94]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-90658c94]{margin:0;color:#666;font-size:14px}.form-card[data-v-90658c94]{background:#fff;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #0000000d;transition:all .2s}.form-card[data-v-90658c94]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.card-header[data-v-90658c94]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.header-icon[data-v-90658c94]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.header-icon.blue[data-v-90658c94]{background:#e6f0ff;color:#06f}.header-icon.green[data-v-90658c94]{background:#e6ffe6;color:#0c6}.header-icon.orange[data-v-90658c94]{background:#fff0e6;color:#f80}.header-icon.purple[data-v-90658c94]{background:#f0e6ff;color:#93f}.card-header h3[data-v-90658c94]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.card-content[data-v-90658c94]{padding:0 4px}.form-grid[data-v-90658c94]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:16px}.form-grid[data-v-90658c94]:last-child{margin-bottom:0}.form-group[data-v-90658c94]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-90658c94]{font-size:13px;font-weight:600;color:#374151}.form-input[data-v-90658c94],.form-select[data-v-90658c94]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s;background:#fff}.form-input[data-v-90658c94]:hover,.form-select[data-v-90658c94]:hover{border-color:#06f}.form-input[data-v-90658c94]:focus,.form-select[data-v-90658c94]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.form-input.error[data-v-90658c94]{border-color:#ef4444;background:#fff5f5}.input-with-prefix[data-v-90658c94],.input-with-suffix[data-v-90658c94]{position:relative;display:flex;align-items:center}.prefix[data-v-90658c94]{position:absolute;left:14px;color:#666;font-size:14px;z-index:1}.suffix[data-v-90658c94]{position:absolute;right:14px;color:#999;font-size:12px;background:#f5f5f5;padding:2px 8px;border-radius:4px}.form-input.with-prefix[data-v-90658c94]{padding-left:40px}.input-hint[data-v-90658c94]{font-size:12px;color:#666;margin:4px 0 0}.input-hint.warning[data-v-90658c94]{color:#f80}.input-hint.info[data-v-90658c94]{color:#06f}.input-hint.error[data-v-90658c94]{color:#ef4444}.info-box[data-v-90658c94]{background:#f8f9fa;border-radius:12px;padding:16px;margin:16px 0;display:flex;gap:24px;flex-wrap:wrap;border-left:4px solid #0066ff}.info-box.light[data-v-90658c94]{background:#f8f9fa;border-left-color:#f80}.info-item[data-v-90658c94]{display:flex;align-items:baseline;gap:8px}.info-label[data-v-90658c94]{font-size:13px;color:#666}.info-value[data-v-90658c94]{font-size:14px;font-weight:600;color:#1a1a2e}.info-value.highlight[data-v-90658c94]{color:#06f;font-size:16px}.action-buttons[data-v-90658c94]{display:flex;justify-content:flex-end;gap:16px;margin:32px 0 24px}.btn-primary[data-v-90658c94],.btn-secondary[data-v-90658c94]{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-90658c94]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #06f3}.btn-primary[data-v-90658c94]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-90658c94]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-90658c94]{background:#f5f5f5;color:#666}.btn-secondary[data-v-90658c94]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-90658c94]{font-size:18px}.spinner-small[data-v-90658c94]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-90658c94 1s linear infinite}@keyframes spin-90658c94{to{transform:rotate(360deg)}}.hasil-card[data-v-90658c94]{background:#fff;border-radius:20px;padding:24px;margin-top:24px;box-shadow:0 4px 12px #0000000d}.hasil-grid[data-v-90658c94]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.hasil-item[data-v-90658c94]{padding:20px;border-radius:16px;background:#f8f9fa}.hasil-item.blue[data-v-90658c94]{background:#e6f0ff}.hasil-item.green[data-v-90658c94]{background:#e6ffe6}.hasil-item.orange[data-v-90658c94]{background:#fff0e6}.hasil-item.purple[data-v-90658c94]{background:#f0e6ff}.hasil-item.red[data-v-90658c94]{background:#fff5f5}.hasil-item.success[data-v-90658c94]{background:#0c6;color:#fff}.hasil-item.warning[data-v-90658c94]{background:#f80;color:#fff}.hasil-item.error[data-v-90658c94]{background:#ef4444;color:#fff}.hasil-item.highlight-card[data-v-90658c94]{grid-column:span 2}.total-biaya-card[data-v-90658c94]{position:relative}.total-biaya-header[data-v-90658c94]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.btn-detail-toggle[data-v-90658c94]{background:#ffffff4d;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.btn-detail-toggle[data-v-90658c94]:hover{background:#ef44441a;border-color:#ef4444}.btn-detail-toggle.active[data-v-90658c94]{background:#ef4444;color:#fff;border-color:#ef4444}.toggle-icon[data-v-90658c94]{font-size:10px}.detail-biaya-container[data-v-90658c94]{margin-top:16px;padding-top:16px;border-top:2px dashed rgba(239,68,68,.3);background:#ffffff80;border-radius:12px}.detail-biaya-grid[data-v-90658c94]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-biaya-item[data-v-90658c94]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:10px;font-size:13px;box-shadow:0 2px 4px #00000005}.detail-biaya-label[data-v-90658c94]{color:#666;font-weight:500}.detail-biaya-value[data-v-90658c94]{color:#ef4444;font-weight:600}.slide-fade-enter-active[data-v-90658c94],.slide-fade-leave-active[data-v-90658c94]{transition:all .3s ease}.slide-fade-enter-from[data-v-90658c94],.slide-fade-leave-to[data-v-90658c94]{opacity:0;transform:translateY(-10px)}.hasil-label[data-v-90658c94]{font-size:13px;color:inherit;opacity:.8;margin-bottom:8px}.hasil-value[data-v-90658c94]{font-size:24px;font-weight:700;color:#1a1a2e}.hasil-value.large[data-v-90658c94]{font-size:32px}.hasil-value.red-text[data-v-90658c94]{color:#ef4444}.hasil-status[data-v-90658c94]{font-size:18px;font-weight:700}.hasil-note[data-v-90658c94]{font-size:11px;color:#666;margin-top:4px}.rekomendasi[data-v-90658c94]{margin-top:16px;padding:16px;border-radius:12px;background:#f8f9fa;border-left:4px solid #0066ff}.rekomendasi-text[data-v-90658c94]{margin:0;font-size:14px;font-weight:500}.rekomendasi-text.success[data-v-90658c94]{color:#0c6}.rekomendasi-text.warning[data-v-90658c94]{color:#f80}.rekomendasi-text.error[data-v-90658c94]{color:#ef4444}.notification[data-v-90658c94]{position:fixed;bottom:24px;right:24px;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #00000026;animation:slideIn-90658c94 .3s ease;z-index:1000}.notification.success[data-v-90658c94]{background:#0c6;color:#fff}.notification-icon[data-v-90658c94]{font-size:20px}@keyframes slideIn-90658c94{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.kalkulator-outgoing[data-v-90658c94]{padding:16px}.header-section[data-v-90658c94]{flex-direction:column;align-items:flex-start}.form-grid[data-v-90658c94]{grid-template-columns:1fr;gap:16px}.hasil-grid[data-v-90658c94]{grid-template-columns:1fr}.hasil-item.highlight-card[data-v-90658c94]{grid-column:span 1}.detail-grid[data-v-90658c94]{grid-template-columns:repeat(2,1fr)}.detail-biaya-grid[data-v-90658c94]{grid-template-columns:1fr}.action-buttons[data-v-90658c94]{flex-direction:column}.btn-primary[data-v-90658c94],.btn-secondary[data-v-90658c94]{width:100%;justify-content:center}.info-box[data-v-90658c94]{flex-direction:column;gap:12px}.notification[data-v-90658c94]{left:24px;right:24px;bottom:16px}}.modal-fade-enter-active[data-v-b97fb929],.modal-fade-leave-active[data-v-b97fb929]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-b97fb929],.modal-fade-leave-to[data-v-b97fb929]{opacity:0}.modal-overlay[data-v-b97fb929]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-b97fb929 .2s ease}@keyframes fadeIn-b97fb929{0%{opacity:0}to{opacity:1}}.modal-container[data-v-b97fb929]{width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-b97fb929 .3s ease}@keyframes slideUp-b97fb929{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-b97fb929]{transform:scale(.95)}.modal-header[data-v-b97fb929]{padding:24px 28px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-b97fb929]{display:flex;align-items:center;gap:16px}.header-icon[data-v-b97fb929]{width:48px;height:48px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #06f3}.header-title h2[data-v-b97fb929]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-b97fb929]{font-size:14px;color:#666;margin:0}.btn-close[data-v-b97fb929]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-b97fb929]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-form[data-v-b97fb929]{flex:1;overflow-y:auto;padding:24px 28px}.form-sections[data-v-b97fb929]{display:flex;flex-direction:column;gap:24px}.form-section[data-v-b97fb929]{background:#fafafa;border-radius:20px;overflow:hidden;border:1px solid #f0f0f0}.section-header[data-v-b97fb929]{padding:16px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-icon[data-v-b97fb929]{font-size:20px}.section-header h3[data-v-b97fb929]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.section-content[data-v-b97fb929]{padding:20px}.form-row[data-v-b97fb929]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.form-row[data-v-b97fb929]:last-child{margin-bottom:0}.form-group[data-v-b97fb929]{flex:1;min-width:200px}.form-group.half[data-v-b97fb929]{flex:0 0 calc(50% - 8px)}.form-group.full[data-v-b97fb929]{flex:0 0 100%}.form-group label[data-v-b97fb929]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-b97fb929]{color:#ef4444;font-weight:600;margin-left:2px}.info-hint[data-v-b97fb929]{font-size:11px;font-weight:400;color:#06f;margin-left:8px}.form-input[data-v-b97fb929],.form-select[data-v-b97fb929]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:14px;font-size:14px;transition:all .2s;background:#fff}.form-input[data-v-b97fb929]:hover,.form-select[data-v-b97fb929]:hover{border-color:#06f}.form-input[data-v-b97fb929]:focus,.form-select[data-v-b97fb929]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.form-input[data-v-b97fb929]:disabled,.form-select[data-v-b97fb929]:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.password-field[data-v-b97fb929]{position:relative;display:flex;align-items:center}.password-input[data-v-b97fb929]{padding-right:45px}.password-toggle[data-v-b97fb929]{position:absolute;right:12px;background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:4px}.password-toggle[data-v-b97fb929]:hover{color:#06f}.loading-select[data-v-b97fb929]{padding:12px 14px;background:#f5f5f5;border-radius:14px;color:#666;font-size:14px;display:flex;align-items:center;gap:8px}.spinner-tiny[data-v-b97fb929]{display:inline-block;width:16px;height:16px;border:2px solid #ccc;border-top-color:#06f;border-radius:50%;animation:spin-b97fb929 .8s linear infinite}.error-select[data-v-b97fb929]{padding:12px 14px;background:#fee2e2;border-radius:14px;color:#ef4444;font-size:14px;border:1px solid #fecaca;display:flex;align-items:center;justify-content:space-between}.retry-button[data-v-b97fb929]{background:none;border:none;color:#ef4444;font-size:16px;cursor:pointer;padding:4px 8px}.retry-button[data-v-b97fb929]:hover{background:#ef44441a;border-radius:4px}.field-note[data-v-b97fb929]{margin-top:6px;font-size:12px;color:#666;font-style:italic}.field-note.warning[data-v-b97fb929]{color:#f97316}.info-box[data-v-b97fb929]{margin-top:16px;padding:12px 16px;background:#e6f0ff;border-radius:12px;display:flex;align-items:flex-start;gap:10px;border-left:4px solid #0066ff}.info-icon[data-v-b97fb929]{font-size:18px}.info-text[data-v-b97fb929]{font-size:13px;color:#1e293b;flex:1}.info-text p[data-v-b97fb929]{margin:4px 0}.info-text strong[data-v-b97fb929]{color:#06f}.form-actions[data-v-b97fb929]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:2px solid #f0f0f0}.btn-primary[data-v-b97fb929],.btn-secondary[data-v-b97fb929]{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-b97fb929]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #06f3}.btn-primary[data-v-b97fb929]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-b97fb929]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-b97fb929]{background:#f5f5f5;color:#666}.btn-secondary[data-v-b97fb929]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-b97fb929]{font-size:16px}.spinner-small[data-v-b97fb929]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-b97fb929 1s linear infinite}@keyframes spin-b97fb929{to{transform:rotate(360deg)}}@media(max-width:640px){.modal-container[data-v-b97fb929]{max-height:95vh}.modal-header[data-v-b97fb929]{padding:16px 20px}.header-icon[data-v-b97fb929]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-b97fb929]{font-size:18px}.modal-form[data-v-b97fb929]{padding:16px 20px}.form-row[data-v-b97fb929]{flex-direction:column;gap:12px}.form-group.half[data-v-b97fb929]{flex:0 0 100%}.form-actions[data-v-b97fb929]{flex-direction:column-reverse}.btn-primary[data-v-b97fb929],.btn-secondary[data-v-b97fb929]{width:100%;justify-content:center}}.user-container[data-v-55cfc1dc]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-55cfc1dc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-55cfc1dc]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-55cfc1dc]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-55cfc1dc]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-55cfc1dc]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.btn-icon[data-v-55cfc1dc]{font-size:20px}.stats-grid[data-v-55cfc1dc]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-55cfc1dc]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-55cfc1dc]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-55cfc1dc]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-55cfc1dc]{display:flex;flex-direction:column}.stat-value[data-v-55cfc1dc]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-55cfc1dc]{font-size:14px;color:#666}.loading-state[data-v-55cfc1dc]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-55cfc1dc]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-55cfc1dc 1s linear infinite;margin:0 auto 20px}@keyframes spin-55cfc1dc{to{transform:rotate(360deg)}}.loading-state p[data-v-55cfc1dc]{color:#666;margin:0}.error-state[data-v-55cfc1dc]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-55cfc1dc]{font-size:48px}.error-message h3[data-v-55cfc1dc]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-55cfc1dc]{color:#666;margin:0 0 16px}.btn-retry[data-v-55cfc1dc]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-retry[data-v-55cfc1dc]:hover{background:#b91c1c}.table-card[data-v-55cfc1dc]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;margin-top:0}.table-header[data-v-55cfc1dc]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-55cfc1dc]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-55cfc1dc]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-55cfc1dc]{overflow-x:auto}.modern-table[data-v-55cfc1dc]{width:100%;border-collapse:collapse;min-width:1000px}.modern-table th[data-v-55cfc1dc]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-55cfc1dc]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.user-row:hover td[data-v-55cfc1dc]{background:#f8fafc}.text-center[data-v-55cfc1dc]{text-align:center}.username-badge[data-v-55cfc1dc]{background:#f0f7ff;color:#06f;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:inline-block}.nama-lengkap[data-v-55cfc1dc]{font-weight:500;color:#1a1a2e}.email-cell[data-v-55cfc1dc]{color:#64748b;font-size:13px}.role-badge[data-v-55cfc1dc]{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;min-width:100px}.role-admin[data-v-55cfc1dc]{background:#f3e8ff;color:#9333ea}.role-koordinator[data-v-55cfc1dc]{background:#e0f2fe;color:#0284c7}.role-driver[data-v-55cfc1dc]{background:#dcfce7;color:#16a34a}.role-staff[data-v-55cfc1dc]{background:#f3f4f6;color:#4b5563}.role-other[data-v-55cfc1dc]{background:#f3f4f6;color:#6b7280}.pekerja-info[data-v-55cfc1dc]{font-size:13px;color:#475569}.last-login[data-v-55cfc1dc]{font-size:12px;color:#64748b;white-space:nowrap}.aksi-buttons[data-v-55cfc1dc]{display:flex;gap:8px}.btn-edit[data-v-55cfc1dc],.btn-hapus[data-v-55cfc1dc]{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.btn-edit[data-v-55cfc1dc]{background:#f0f7ff;color:#06f}.btn-edit[data-v-55cfc1dc]:hover:not(:disabled){background:#06f;color:#fff}.btn-hapus[data-v-55cfc1dc]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-55cfc1dc]:hover:not(:disabled){background:#ef4444;color:#fff}.btn-edit[data-v-55cfc1dc]:disabled,.btn-hapus[data-v-55cfc1dc]:disabled{opacity:.5;cursor:not-allowed}.no-data[data-v-55cfc1dc]{text-align:center;padding:48px!important;color:#94a3b8;font-size:16px}@media(max-width:1024px){.stats-grid[data-v-55cfc1dc]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.user-container[data-v-55cfc1dc]{padding:16px}.header-section[data-v-55cfc1dc]{flex-direction:column;gap:16px;align-items:stretch}.btn-tambah[data-v-55cfc1dc]{justify-content:center}.stats-grid[data-v-55cfc1dc]{grid-template-columns:1fr}.last-login[data-v-55cfc1dc]{white-space:normal}}.modal-fade-enter-active[data-v-54af4840],.modal-fade-leave-active[data-v-54af4840]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-54af4840],.modal-fade-leave-to[data-v-54af4840]{opacity:0}.modal-overlay[data-v-54af4840]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-54af4840 .2s ease}@keyframes fadeIn-54af4840{0%{opacity:0}to{opacity:1}}.modal-container[data-v-54af4840]{width:100%;max-width:900px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-54af4840 .3s ease}@keyframes slideUp-54af4840{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-54af4840]{transform:scale(.95)}.modal-header[data-v-54af4840]{padding:24px 28px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-54af4840]{display:flex;align-items:center;gap:16px}.header-icon[data-v-54af4840]{width:48px;height:48px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #06f3}.header-title h2[data-v-54af4840]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-54af4840]{font-size:14px;color:#666;margin:0}.btn-close[data-v-54af4840]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-54af4840]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-form[data-v-54af4840]{flex:1;overflow-y:auto;padding:24px 28px}.info-card[data-v-54af4840]{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.info-title[data-v-54af4840]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px;display:flex;align-items:center;gap:8px}.info-title[data-v-54af4840]:before{content:"";width:4px;height:18px;background:#06f;border-radius:2px}.info-grid[data-v-54af4840]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group[data-v-54af4840]{margin-bottom:0}.form-group.full-width[data-v-54af4840]{grid-column:span 2}.form-group label[data-v-54af4840]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-54af4840]{color:#ef4444;margin-left:2px}.form-input[data-v-54af4840]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s;background:#fff}.form-input[data-v-54af4840]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.permission-section[data-v-54af4840]{margin-bottom:24px}.permission-title[data-v-54af4840]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.permission-subtitle[data-v-54af4840]{font-size:13px;color:#666;margin-bottom:20px}.permission-card[data-v-54af4840]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin-bottom:16px;transition:all .2s}.permission-card[data-v-54af4840]:hover{box-shadow:0 4px 12px #0000000d}.card-header[data-v-54af4840]{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.menu-icon[data-v-54af4840]{font-size:20px}.card-header h4[data-v-54af4840]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.sub-section[data-v-54af4840]{margin:16px 0 0 20px;padding:12px;background:#f8fafc;border-radius:12px}.sub-section h5[data-v-54af4840]{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.permission-grid[data-v-54af4840]{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.permission-item[data-v-54af4840]{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;padding-left:28px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.permission-item input[data-v-54af4840]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-54af4840]{position:absolute;left:0;height:18px;width:18px;background:#fff;border:2px solid #d1d5db;border-radius:4px;transition:all .2s}.permission-item:hover input~.checkmark[data-v-54af4840]{border-color:#06f}.permission-item input:checked~.checkmark[data-v-54af4840]{background:#06f;border-color:#06f}.checkmark[data-v-54af4840]:after{content:"";position:absolute;display:none}.permission-item input:checked~.checkmark[data-v-54af4840]:after{display:block}.permission-item .checkmark[data-v-54af4840]:after{left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.permission-label[data-v-54af4840]{font-size:13px;color:#374151}.permission-note[data-v-54af4840]{font-size:11px;color:#94a3b8;margin:8px 0 0 28px;font-style:italic}.form-actions[data-v-54af4840]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:2px solid #f0f0f0}.btn-primary[data-v-54af4840],.btn-secondary[data-v-54af4840]{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-54af4840]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #06f3}.btn-primary[data-v-54af4840]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-54af4840]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-54af4840]{background:#f5f5f5;color:#666}.btn-secondary[data-v-54af4840]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-54af4840]{font-size:16px}.spinner-small[data-v-54af4840]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-54af4840 1s linear infinite}@keyframes spin-54af4840{to{transform:rotate(360deg)}}@media(max-width:768px){.modal-container[data-v-54af4840]{max-height:95vh}.modal-header[data-v-54af4840]{padding:16px 20px}.header-icon[data-v-54af4840]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-54af4840]{font-size:18px}.modal-form[data-v-54af4840]{padding:16px 20px}.info-grid[data-v-54af4840]{grid-template-columns:1fr}.form-group.full-width[data-v-54af4840]{grid-column:span 1}.permission-grid[data-v-54af4840]{gap:12px;flex-direction:column;align-items:flex-start}.sub-section[data-v-54af4840]{margin-left:0}.form-actions[data-v-54af4840]{flex-direction:column-reverse}.btn-primary[data-v-54af4840],.btn-secondary[data-v-54af4840]{width:100%;justify-content:center}}.role-container[data-v-b88812d1]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-b88812d1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-b88812d1]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-b88812d1]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-b88812d1]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-b88812d1]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.btn-icon[data-v-b88812d1]{font-size:20px}.stats-grid[data-v-b88812d1]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-b88812d1]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-b88812d1]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-b88812d1]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-b88812d1]{display:flex;flex-direction:column}.stat-value[data-v-b88812d1]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-b88812d1]{font-size:14px;color:#666}.loading-state[data-v-b88812d1]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-b88812d1]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-b88812d1 1s linear infinite;margin:0 auto 20px}@keyframes spin-b88812d1{to{transform:rotate(360deg)}}.loading-state p[data-v-b88812d1]{color:#666;margin:0}.error-state[data-v-b88812d1]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-b88812d1]{font-size:48px}.error-message h3[data-v-b88812d1]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-b88812d1]{color:#666;margin:0 0 16px}.btn-retry[data-v-b88812d1]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-retry[data-v-b88812d1]:hover{background:#b91c1c}.table-card[data-v-b88812d1]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;margin-top:24px}.table-header[data-v-b88812d1]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-b88812d1]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-b88812d1]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-b88812d1]{overflow-x:auto}.modern-table[data-v-b88812d1]{width:100%;border-collapse:collapse;min-width:1000px}.modern-table th[data-v-b88812d1]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-b88812d1]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.role-row:hover td[data-v-b88812d1]{background:#f8fafc}.text-center[data-v-b88812d1]{text-align:center}.role-badge[data-v-b88812d1]{background:#f0f7ff;color:#06f;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:inline-block}.display-name[data-v-b88812d1]{font-weight:600;color:#1a1a2e}.description-cell[data-v-b88812d1]{max-width:200px;color:#64748b;font-size:13px}.user-count[data-v-b88812d1]{font-weight:700;color:#06f;font-size:16px;margin-right:4px}.user-label[data-v-b88812d1]{font-size:12px;color:#94a3b8}.permission-preview[data-v-b88812d1]{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:300px}.permission-tag[data-v-b88812d1]{background:#f1f5f9;color:#334155;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap;border:1px solid #e2e8f0}.permission-more[data-v-b88812d1]{font-size:11px;color:#64748b;background:#f8fafc;padding:4px 8px;border-radius:12px;border:1px dashed #cbd5e1}.no-permission[data-v-b88812d1]{font-size:12px;color:#94a3b8;font-style:italic}.aksi-buttons[data-v-b88812d1]{display:flex;gap:8px}.btn-edit[data-v-b88812d1],.btn-hapus[data-v-b88812d1]{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.btn-edit[data-v-b88812d1]{background:#f0f7ff;color:#06f}.btn-edit[data-v-b88812d1]:hover{background:#06f;color:#fff}.btn-hapus[data-v-b88812d1]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-b88812d1]:hover:not(:disabled){background:#ef4444;color:#fff}.btn-hapus[data-v-b88812d1]:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;color:#ccc}.btn-hapus[data-v-b88812d1]:disabled:hover{background:#f5f5f5;color:#ccc;transform:none}.no-data[data-v-b88812d1]{text-align:center;padding:48px!important;color:#94a3b8;font-size:16px}@media(max-width:1024px){.stats-grid[data-v-b88812d1]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.role-container[data-v-b88812d1]{padding:16px}.header-section[data-v-b88812d1]{flex-direction:column;gap:16px;align-items:stretch}.btn-tambah[data-v-b88812d1]{justify-content:center}.stats-grid[data-v-b88812d1]{grid-template-columns:1fr}.permission-preview[data-v-b88812d1]{flex-direction:column;align-items:flex-start;max-width:100%}.modern-table td[data-v-b88812d1]{padding:12px 10px}.role-badge[data-v-b88812d1]{padding:4px 8px;font-size:11px}.user-count[data-v-b88812d1]{font-size:14px}}.modal-fade-enter-active[data-v-70c69bd6],.modal-fade-leave-active[data-v-70c69bd6]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-70c69bd6],.modal-fade-leave-to[data-v-70c69bd6]{opacity:0}.modal-overlay[data-v-70c69bd6]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-70c69bd6 .2s ease}@keyframes fadeIn-70c69bd6{0%{opacity:0}to{opacity:1}}.modal-container[data-v-70c69bd6]{width:100%;max-width:700px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-70c69bd6 .3s ease;position:relative}@keyframes slideUp-70c69bd6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-70c69bd6]{transform:scale(.95)}.modal-toast[data-v-70c69bd6]{position:absolute;top:80px;left:20px;right:20px;z-index:100;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000026;animation:slideDown-70c69bd6 .3s ease}.modal-toast.success[data-v-70c69bd6]{border-left:4px solid #00cc66;background:#f0fff4}.modal-toast.error[data-v-70c69bd6]{border-left:4px solid #ef4444;background:#fff5f5}.modal-toast.warning[data-v-70c69bd6]{border-left:4px solid #ff9800;background:#fff8e7}.modal-toast.info[data-v-70c69bd6]{border-left:4px solid #0066ff;background:#f0f7ff}@keyframes slideDown-70c69bd6{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-message[data-v-70c69bd6]{flex:1;font-size:13px;font-weight:500;color:#1a1a2e}.toast-close[data-v-70c69bd6]{background:none;border:none;font-size:18px;cursor:pointer;color:#999;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-close[data-v-70c69bd6]:hover{background:#0000000d}.modal-header[data-v-70c69bd6]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-70c69bd6]{display:flex;align-items:center;gap:16px}.header-icon[data-v-70c69bd6]{width:48px;height:48px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #06f3}.header-title h2[data-v-70c69bd6]{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-70c69bd6]{font-size:13px;color:#666;margin:0}.btn-close[data-v-70c69bd6]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-70c69bd6]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-form[data-v-70c69bd6]{flex:1;overflow-y:auto;padding:24px}.form-sections[data-v-70c69bd6]{display:flex;flex-direction:column;gap:20px}.form-section[data-v-70c69bd6]{background:#fafafa;border-radius:16px;overflow:hidden;border:1px solid #f0f0f0}.loading-section[data-v-70c69bd6]{text-align:center;padding:30px}.warning-section[data-v-70c69bd6]{background:#fff8e7;border-color:#ffe0b3}.warning-icon[data-v-70c69bd6]{font-size:32px;display:block;margin-bottom:8px}.warning-text[data-v-70c69bd6]{color:#ff9800;font-size:14px;margin:0}.section-header[data-v-70c69bd6]{padding:14px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-icon[data-v-70c69bd6]{font-size:18px}.section-header h3[data-v-70c69bd6]{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}.section-content[data-v-70c69bd6]{padding:20px}.form-row[data-v-70c69bd6]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.form-row[data-v-70c69bd6]:last-child{margin-bottom:0}.form-group[data-v-70c69bd6]{flex:1;min-width:200px}.form-group.full[data-v-70c69bd6]{flex:0 0 100%}.form-group.half[data-v-70c69bd6]{flex:0 0 calc(50% - 8px)}.form-group label[data-v-70c69bd6]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-70c69bd6]{color:#ef4444;font-weight:600;margin-left:2px}.form-input[data-v-70c69bd6],.form-select[data-v-70c69bd6],.form-textarea[data-v-70c69bd6]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s;background:#fff;font-family:inherit}.form-input[data-v-70c69bd6]:hover,.form-select[data-v-70c69bd6]:hover,.form-textarea[data-v-70c69bd6]:hover{border-color:#06f}.form-input[data-v-70c69bd6]:focus,.form-select[data-v-70c69bd6]:focus,.form-textarea[data-v-70c69bd6]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.form-input.disabled[data-v-70c69bd6],.form-select[data-v-70c69bd6]:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.form-textarea[data-v-70c69bd6]{resize:vertical;min-height:80px}.input-hint[data-v-70c69bd6]{font-size:11px;margin-top:6px;color:#94a3b8}.input-hint.error[data-v-70c69bd6]{color:#ef4444}.input-hint.warning[data-v-70c69bd6]{color:#ff9800}.input-hint.success[data-v-70c69bd6]{color:#0c6}.input-hint.info[data-v-70c69bd6]{color:#06f}.loading-text[data-v-70c69bd6]{font-size:13px;color:#666;margin-top:12px}.text-center[data-v-70c69bd6]{text-align:center}.border-red-500[data-v-70c69bd6]{border-color:#ef4444!important}.spinner-small[data-v-70c69bd6]{display:inline-block;width:24px;height:24px;border:2px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-70c69bd6 .8s linear infinite}@keyframes spin-70c69bd6{to{transform:rotate(360deg)}}.form-actions[data-v-70c69bd6]{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:20px;border-top:2px solid #f0f0f0}.btn-primary[data-v-70c69bd6],.btn-secondary[data-v-70c69bd6]{padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-70c69bd6]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #06f3}.btn-primary[data-v-70c69bd6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-70c69bd6]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-70c69bd6]{background:#f5f5f5;color:#666}.btn-secondary[data-v-70c69bd6]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-70c69bd6]{font-size:16px}@media(max-width:768px){.modal-container[data-v-70c69bd6]{max-height:95vh}.modal-header[data-v-70c69bd6]{padding:16px}.header-icon[data-v-70c69bd6]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-70c69bd6]{font-size:18px}.modal-form[data-v-70c69bd6]{padding:16px}.form-row[data-v-70c69bd6]{flex-direction:column;gap:12px}.form-group.half[data-v-70c69bd6]{flex:0 0 100%}.form-actions[data-v-70c69bd6]{flex-direction:column-reverse}.btn-primary[data-v-70c69bd6],.btn-secondary[data-v-70c69bd6]{width:100%;justify-content:center}.modal-toast[data-v-70c69bd6]{top:70px;left:16px;right:16px}}.modal-fade-enter-active[data-v-02ee767f],.modal-fade-leave-active[data-v-02ee767f]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-02ee767f],.modal-fade-leave-to[data-v-02ee767f]{opacity:0}.modal-overlay[data-v-02ee767f]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-02ee767f .2s ease}.modal-overlay-notif[data-v-02ee767f]{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:fadeIn-02ee767f .2s ease}@keyframes fadeIn-02ee767f{0%{opacity:0}to{opacity:1}}.modal-container[data-v-02ee767f]{width:100%;max-width:700px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-02ee767f .3s ease;position:relative}.modal-container-notif[data-v-02ee767f]{width:100%;max-width:500px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-02ee767f .3s ease}@keyframes slideUp-02ee767f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-02ee767f]{transform:scale(.95)}.modal-toast[data-v-02ee767f]{position:absolute;top:80px;left:20px;right:20px;z-index:100;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000026;animation:slideDown-02ee767f .3s ease}.modal-toast.success[data-v-02ee767f]{border-left:4px solid #00cc66;background:#f0fff4}.modal-toast.error[data-v-02ee767f]{border-left:4px solid #ef4444;background:#fff5f5}.modal-toast.warning[data-v-02ee767f]{border-left:4px solid #ff9800;background:#fff8e7}.modal-toast.info[data-v-02ee767f]{border-left:4px solid #0066ff;background:#f0f7ff}@keyframes slideDown-02ee767f{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-message[data-v-02ee767f]{flex:1;font-size:13px;font-weight:500;color:#1a1a2e}.toast-close[data-v-02ee767f]{background:none;border:none;font-size:18px;cursor:pointer;color:#999;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-close[data-v-02ee767f]:hover{background:#0000000d}.modal-header[data-v-02ee767f]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-02ee767f]{display:flex;align-items:center;gap:16px}.header-icon[data-v-02ee767f]{width:48px;height:48px;background:linear-gradient(135deg,#0c6,#00994d);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #0c63}.header-title h2[data-v-02ee767f]{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-02ee767f]{font-size:13px;color:#666;margin:0}.btn-close[data-v-02ee767f]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-02ee767f]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.info-tugas[data-v-02ee767f]{margin:20px 24px;background:#e6f0ff;border-radius:16px;border:1px solid #b3d4ff;overflow:hidden}.info-tugas-header[data-v-02ee767f]{background:#06f;color:#fff;padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.info-tugas-content[data-v-02ee767f]{padding:12px 16px;background:#fff}.info-row[data-v-02ee767f]{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-02ee767f]:last-child{border-bottom:none}.info-label[data-v-02ee767f]{font-size:12px;color:#666}.info-value[data-v-02ee767f]{font-size:12px;font-weight:600;color:#1a1a2e}.rencana-paket[data-v-02ee767f]{background:#f8fafc;padding:12px 16px;border-top:1px solid #e5e7eb}.rencana-title[data-v-02ee767f]{font-size:11px;font-weight:600;color:#06f;margin:0 0 8px}.rencana-grid[data-v-02ee767f]{display:flex;gap:16px}.rencana-item[data-v-02ee767f]{flex:1;display:flex;justify-content:space-between;align-items:center}.rencana-label[data-v-02ee767f]{font-size:11px;color:#666}.rencana-value[data-v-02ee767f]{font-size:13px;font-weight:700;color:#06f;background:#e6f0ff;padding:2px 8px;border-radius:12px}.modal-form[data-v-02ee767f]{flex:1;overflow-y:auto;padding:0 24px 24px}.form-sections[data-v-02ee767f]{display:flex;flex-direction:column;gap:20px}.form-section[data-v-02ee767f]{background:#fafafa;border-radius:16px;overflow:hidden;border:1px solid #f0f0f0}.section-header[data-v-02ee767f]{padding:14px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-icon[data-v-02ee767f]{font-size:18px}.section-header h3[data-v-02ee767f]{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}.section-content[data-v-02ee767f]{padding:20px}.form-row[data-v-02ee767f]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.form-row[data-v-02ee767f]:last-child{margin-bottom:0}.form-group[data-v-02ee767f]{flex:1;min-width:200px}.form-group.full[data-v-02ee767f]{flex:0 0 100%}.form-group.half[data-v-02ee767f]{flex:0 0 calc(50% - 8px)}.form-group label[data-v-02ee767f]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-02ee767f]{color:#ef4444;font-weight:600;margin-left:2px}.form-input[data-v-02ee767f],.form-select[data-v-02ee767f],.form-textarea[data-v-02ee767f]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s;background:#fff;font-family:inherit}.form-input[data-v-02ee767f]:hover,.form-select[data-v-02ee767f]:hover,.form-textarea[data-v-02ee767f]:hover{border-color:#06f}.form-input[data-v-02ee767f]:focus,.form-select[data-v-02ee767f]:focus,.form-textarea[data-v-02ee767f]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.input-error[data-v-02ee767f]{border-color:#ef4444!important;background:#fff5f5}.input-error[data-v-02ee767f]:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a}.input-with-hint[data-v-02ee767f]{position:relative}.input-hint-value[data-v-02ee767f]{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#94a3b8;background:#fff;padding:2px 6px;border-radius:10px}.input-hint-value.error-text[data-v-02ee767f]{color:#ef4444;font-weight:600}.input-hint[data-v-02ee767f]{font-size:11px;margin-top:6px;color:#94a3b8}.input-hint.info[data-v-02ee767f]{color:#06f}.form-textarea[data-v-02ee767f]{resize:vertical;min-height:80px}.alert-overload[data-v-02ee767f]{background:#fee2e2;border-left:4px solid #ef4444;border-radius:12px;padding:16px;margin-bottom:8px}.alert-overload-content[data-v-02ee767f]{display:flex;gap:12px;margin-bottom:16px}.alert-overload-icon[data-v-02ee767f]{font-size:24px}.alert-overload-text[data-v-02ee767f]{flex:1}.alert-overload-title[data-v-02ee767f]{font-weight:700;color:#ef4444;margin:0 0 4px;font-size:14px}.alert-overload-desc[data-v-02ee767f]{font-size:12px;color:#666;margin:0}.alert-overload-actions[data-v-02ee767f]{display:flex;gap:12px;justify-content:flex-end}.btn-warning[data-v-02ee767f]{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-warning[data-v-02ee767f]:hover{background:#dc2626;transform:translateY(-1px)}.btn-success[data-v-02ee767f]{background:#0c6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-success[data-v-02ee767f]:hover{background:#00994d;transform:translateY(-1px)}.alert-success[data-v-02ee767f]{background:#e6ffe6;border-left:4px solid #00cc66;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.alert-success-icon[data-v-02ee767f]{font-size:18px}.alert-success-text[data-v-02ee767f]{font-size:12px;color:#0c6;margin:0;font-weight:500}.alert-warning[data-v-02ee767f]{background:#fff8e7;border-left:4px solid #ff9800;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.alert-warning-icon[data-v-02ee767f]{font-size:18px}.alert-warning-text[data-v-02ee767f]{font-size:12px;color:#ff9800;margin:0;font-weight:600}.notif-header[data-v-02ee767f]{background:#ef4444;padding:20px;text-align:center}.notif-title[data-v-02ee767f]{font-size:20px;font-weight:800;color:#fff;margin:0;text-transform:uppercase;letter-spacing:2px;animation:blink-02ee767f .8s infinite}@keyframes blink-02ee767f{0%,to{opacity:1;text-shadow:0 0 5px rgba(255,255,255,.8)}50%{opacity:.9;text-shadow:0 0 15px rgba(255,255,255,1)}}.notif-body[data-v-02ee767f]{padding:20px;background:#fff5f5}.notif-section[data-v-02ee767f]{background:#fff;border-radius:12px;padding:12px 16px;margin-bottom:16px;border:1px solid #fecaca}.notif-section-title[data-v-02ee767f]{font-size:11px;font-weight:600;color:#ef4444;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.notif-grid[data-v-02ee767f]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.notif-item[data-v-02ee767f]{display:flex;flex-direction:column;gap:2px}.notif-label[data-v-02ee767f]{font-size:10px;color:#94a3b8}.notif-value[data-v-02ee767f]{font-size:13px;font-weight:600;color:#1a1a2e}.notif-value.notif-warning[data-v-02ee767f]{color:#ef4444}.notif-warning-box[data-v-02ee767f]{background:#fee2e2;border-radius:12px;padding:12px;text-align:center;margin-bottom:16px}.notif-warning-box p[data-v-02ee767f]{font-size:12px;font-weight:600;color:#ef4444;margin:0}.notif-footer[data-v-02ee767f]{text-align:center;font-size:10px;color:#94a3b8;margin-top:12px}.notif-action[data-v-02ee767f]{padding:16px 20px;background:#f5f5f5;display:flex;justify-content:center;border-top:1px solid #e5e7eb}.btn-notif-ok[data-v-02ee767f]{background:#ef4444;color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ef44444d}.btn-notif-ok[data-v-02ee767f]:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.form-actions[data-v-02ee767f]{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:20px;border-top:2px solid #f0f0f0}.btn-primary[data-v-02ee767f],.btn-secondary[data-v-02ee767f]{padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-02ee767f]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #06f3}.btn-primary[data-v-02ee767f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-02ee767f]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-02ee767f]{background:#f5f5f5;color:#666}.btn-secondary[data-v-02ee767f]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-02ee767f]{font-size:16px}.spinner-small[data-v-02ee767f]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-02ee767f 1s linear infinite}@keyframes spin-02ee767f{to{transform:rotate(360deg)}}@media(max-width:768px){.modal-container[data-v-02ee767f]{max-height:95vh}.modal-header[data-v-02ee767f]{padding:16px}.header-icon[data-v-02ee767f]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-02ee767f]{font-size:18px}.modal-form[data-v-02ee767f]{padding:0 16px 16px}.info-tugas[data-v-02ee767f]{margin:16px}.form-row[data-v-02ee767f]{flex-direction:column;gap:12px}.form-group.half[data-v-02ee767f]{flex:0 0 100%}.form-actions[data-v-02ee767f]{flex-direction:column-reverse}.btn-primary[data-v-02ee767f],.btn-secondary[data-v-02ee767f]{width:100%;justify-content:center}.modal-toast[data-v-02ee767f]{top:70px;left:16px;right:16px}.alert-overload-actions[data-v-02ee767f]{flex-direction:column}.rencana-grid[data-v-02ee767f]{flex-direction:column;gap:8px}.notif-grid[data-v-02ee767f]{grid-template-columns:1fr}}.modal-fade-enter-active[data-v-494e59cd],.modal-fade-leave-active[data-v-494e59cd]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-494e59cd],.modal-fade-leave-to[data-v-494e59cd]{opacity:0}.modal-overlay[data-v-494e59cd]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-494e59cd .2s ease}@keyframes fadeIn-494e59cd{0%{opacity:0}to{opacity:1}}.modal-container[data-v-494e59cd]{width:100%;max-width:700px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-494e59cd .3s ease;position:relative}@keyframes slideUp-494e59cd{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-494e59cd]{transform:scale(.95)}.modal-header[data-v-494e59cd]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-494e59cd]{display:flex;align-items:center;gap:16px}.header-icon[data-v-494e59cd]{width:48px;height:48px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #06f3}.header-title h2[data-v-494e59cd]{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-494e59cd]{font-size:13px;color:#666;margin:0}.btn-close[data-v-494e59cd]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-494e59cd]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.loading-state[data-v-494e59cd]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.spinner-small[data-v-494e59cd]{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-494e59cd 1s linear infinite;margin-bottom:16px}@keyframes spin-494e59cd{to{transform:rotate(360deg)}}.loading-text[data-v-494e59cd]{color:#666;font-size:14px}.error-state[data-v-494e59cd]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;background:#fff5f5;border-radius:16px;margin:20px}.error-icon[data-v-494e59cd]{font-size:48px;margin-bottom:16px}.error-message h3[data-v-494e59cd]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-494e59cd]{color:#666;margin:0 0 16px}.btn-retry[data-v-494e59cd]{background:#dc2626;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer}.modal-content[data-v-494e59cd]{flex:1;overflow-y:auto;padding:20px 24px}.info-tugas[data-v-494e59cd]{background:#e6f0ff;border-radius:16px;border:1px solid #b3d4ff;overflow:hidden;margin-bottom:20px}.info-tugas-header[data-v-494e59cd]{background:#06f;color:#fff;padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.info-tugas-content[data-v-494e59cd]{padding:12px 16px;background:#fff}.info-row[data-v-494e59cd]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-494e59cd]:last-child{border-bottom:none}.info-label[data-v-494e59cd]{font-size:12px;color:#666;font-weight:500}.info-value[data-v-494e59cd]{font-size:12px;font-weight:600;color:#1a1a2e}.info-value.full-width[data-v-494e59cd]{width:100%;text-align:left}.highlight-blue[data-v-494e59cd]{color:#06f;font-size:14px}.highlight-orange[data-v-494e59cd]{color:#f80;font-size:14px}.info-card[data-v-494e59cd]{background:#f8fafc;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:16px}.card-header[data-v-494e59cd]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0}.card-icon[data-v-494e59cd]{font-size:18px}.card-header h4[data-v-494e59cd]{font-size:14px;font-weight:600;color:#1a1a2e;margin:0}.info-grid[data-v-494e59cd]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.info-item[data-v-494e59cd]{display:flex;flex-direction:column;gap:4px}.info-item .info-label[data-v-494e59cd]{font-size:11px;color:#94a3b8;text-transform:uppercase}.info-item .info-value[data-v-494e59cd]{font-size:14px;font-weight:600}.status-badge[data-v-494e59cd]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.muatan-kosong[data-v-494e59cd]{background:#f3f4f6;color:#6b7280}.muatan-terisi[data-v-494e59cd]{background:#e6f0ff;color:#06f}.muatan-hampir[data-v-494e59cd]{background:#fff3e0;color:#ff9800}.muatan-penuh[data-v-494e59cd]{background:#e6ffe6;color:#0c6}.muatan-overload[data-v-494e59cd]{background:#fee2e2;color:#ef4444}.muatan-default[data-v-494e59cd]{background:#f3f4f6;color:#6b7280}.alert-warning[data-v-494e59cd]{background:#fff8e7;border-left:3px solid #ff9800;padding:10px 16px;margin:12px 16px;display:flex;align-items:center;gap:10px;border-radius:8px}.alert-icon[data-v-494e59cd]{font-size:16px}.alert-text[data-v-494e59cd]{font-size:12px;color:#ff9800;font-weight:600}.table-responsive[data-v-494e59cd]{overflow-x:auto;padding:16px}.detail-table[data-v-494e59cd]{width:100%;border-collapse:collapse;font-size:13px}.detail-table th[data-v-494e59cd]{text-align:left;padding:10px 8px;background:#f8fafc;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.detail-table td[data-v-494e59cd]{padding:10px 8px;border-bottom:1px solid #f0f0f0;color:#334155}.kategori-badge[data-v-494e59cd]{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.kategori-kecil[data-v-494e59cd]{background:#e6f0ff;color:#06f}.kategori-besar[data-v-494e59cd]{background:#fff0e6;color:#f80}.empty-state[data-v-494e59cd]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.empty-icon[data-v-494e59cd]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text[data-v-494e59cd]{color:#94a3b8;font-size:14px;margin:0}.modal-footer[data-v-494e59cd]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.btn-secondary[data-v-494e59cd]{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:500;background:#f5f5f5;color:#666;border:none;cursor:pointer;transition:all .2s}.btn-secondary[data-v-494e59cd]:hover{background:#e5e5e5;transform:translateY(-1px)}@media(max-width:768px){.modal-container[data-v-494e59cd]{max-height:95vh}.modal-header[data-v-494e59cd]{padding:16px}.header-icon[data-v-494e59cd]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-494e59cd]{font-size:18px}.modal-content[data-v-494e59cd]{padding:16px}.info-grid[data-v-494e59cd]{grid-template-columns:1fr;gap:12px}.info-row[data-v-494e59cd]{flex-direction:column;align-items:flex-start;gap:4px}.info-value[data-v-494e59cd]{width:100%}}.status-progress-mini[data-v-2c80394f]{background:transparent;padding:8px 0}.progress-container[data-v-2c80394f]{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.status-item[data-v-2c80394f]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.status-icon[data-v-2c80394f]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.status-completed .status-icon[data-v-2c80394f]{background:#0c6;color:#fff;box-shadow:0 2px 4px #00cc664d}.icon-check[data-v-2c80394f]{font-size:14px;font-weight:700}.status-active .status-icon[data-v-2c80394f]{background:#06f;color:#fff;box-shadow:0 0 0 2px #06f3;animation:pulse-mini-2c80394f 1.5s infinite}.status-warning .status-icon[data-v-2c80394f]{background:#ef4444;color:#fff;box-shadow:0 0 0 2px #ef444433;animation:pulse-warning-mini-2c80394f 1.5s infinite}.status-proses-tambahan .status-icon[data-v-2c80394f]{background:#ff9800;color:#fff;box-shadow:0 0 0 2px #ff980033;animation:pulse-orange-mini-2c80394f 1.5s infinite}.icon-active[data-v-2c80394f]{font-size:16px}.status-upcoming .status-icon[data-v-2c80394f]{background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb}.icon-default[data-v-2c80394f]{font-size:12px;opacity:.6}.status-title[data-v-2c80394f]{font-size:9px;font-weight:600;text-align:center;color:#6b7280}.status-active .status-title[data-v-2c80394f]{color:#06f}.status-warning .status-title[data-v-2c80394f]{color:#ef4444}.status-proses-tambahan .status-title[data-v-2c80394f]{color:#ff9800}.status-completed .status-title[data-v-2c80394f]{color:#0c6}.status-time[data-v-2c80394f]{font-size:8px;color:#000;background:#f8fafc;padding:2px 6px;border-radius:8px;font-family:monospace;white-space:nowrap}.status-active .status-time[data-v-2c80394f]{background:#e6f0ff;color:#06f;font-weight:500}.status-warning .status-time[data-v-2c80394f]{background:#fee2e2;color:#ef4444;font-weight:500}.status-proses-tambahan .status-time[data-v-2c80394f]{background:#fff3e0;color:#ff9800;font-weight:500}.status-completed .status-time[data-v-2c80394f]{background:#e6ffe6;color:#000}@media(max-width:768px){.status-icon[data-v-2c80394f]{width:28px;height:28px;font-size:12px}.icon-active[data-v-2c80394f]{font-size:14px}.status-title[data-v-2c80394f]{font-size:8px}.status-time[data-v-2c80394f]{font-size:7px;padding:2px 4px}}@keyframes pulse-mini-2c80394f{0%{box-shadow:0 0 #06f6}70%{box-shadow:0 0 0 4px #06f0}to{box-shadow:0 0 #06f0}}@keyframes pulse-warning-mini-2c80394f{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 4px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-orange-mini-2c80394f{0%{box-shadow:0 0 #ff980066}70%{box-shadow:0 0 0 4px #ff980000}to{box-shadow:0 0 #ff980000}}.penjadwalan-container[data-v-2861bb6d]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-2861bb6d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;gap:16px}.header-title h1[data-v-2861bb6d]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-2861bb6d]{color:#666;font-size:14px;margin:0}.header-actions[data-v-2861bb6d]{display:flex;gap:12px}.btn-refresh[data-v-2861bb6d]{background:#f0f0f0;color:#666;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-refresh[data-v-2861bb6d]:hover{background:#e0e0e0;transform:translateY(-2px)}.btn-tambah[data-v-2861bb6d]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-2861bb6d]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.info-bar[data-v-2861bb6d]{background:#f8fafc;border-radius:12px;padding:10px 16px;margin-bottom:20px;font-size:12px;color:#666;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alert-warning[data-v-2861bb6d]{background:#fff8e7;border-left:4px solid #ff9800;border-radius:12px;padding:16px 20px;margin-bottom:20px}.alert-content[data-v-2861bb6d]{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.alert-icon[data-v-2861bb6d]{font-size:28px}.alert-title[data-v-2861bb6d]{font-weight:700;color:#ff9800;margin:0 0 4px;font-size:14px}.alert-desc[data-v-2861bb6d]{font-size:12px;color:#b85c00;margin:0}.badge-warning[data-v-2861bb6d]{background:#fee2e2;color:#ef4444;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;display:inline-block}.loading-state[data-v-2861bb6d]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-2861bb6d]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-2861bb6d 1s linear infinite;margin:0 auto 20px}@keyframes spin-2861bb6d{to{transform:rotate(360deg)}}.error-state[data-v-2861bb6d]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca}.error-icon[data-v-2861bb6d]{font-size:48px}.error-message h3[data-v-2861bb6d]{color:#dc2626;margin:0 0 8px;font-size:18px}.btn-retry[data-v-2861bb6d]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.tasks-container[data-v-2861bb6d]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.tasks-header[data-v-2861bb6d]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.tasks-header h3[data-v-2861bb6d]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.tasks-count[data-v-2861bb6d]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.tasks-list[data-v-2861bb6d]{padding:20px;display:flex;flex-direction:column;gap:20px}.task-card[data-v-2861bb6d]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s}.task-card[data-v-2861bb6d]:hover{box-shadow:0 4px 12px #00000014}.task-warning[data-v-2861bb6d]{background:#fff8e7;border-left:4px solid #ff9800}.task-info[data-v-2861bb6d]{background:#fff3e0;border-left:4px solid #ff9800}.card-header[data-v-2861bb6d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.header-left[data-v-2861bb6d]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-code[data-v-2861bb6d]{background:#f0f7ff;color:#06f;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;font-family:monospace}.badge-alert[data-v-2861bb6d]{background:#fee2e2;color:#ef4444;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-info[data-v-2861bb6d]{background:#fff3e0;color:#ff9800;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.status-badge[data-v-2861bb6d]{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.status-dijadwalkan[data-v-2861bb6d]{background:#e6f0ff;color:#06f}.status-menuju[data-v-2861bb6d]{background:#fff3e0;color:#ff9800}.status-sampai[data-v-2861bb6d]{background:#e6ffe6;color:#0c6}.status-proses[data-v-2861bb6d]{background:#f0e6ff;color:#93f}.status-selesai[data-v-2861bb6d]{background:#0c6;color:#fff}.status-batal[data-v-2861bb6d]{background:#fee2e2;color:#ef4444}.status-menunggu[data-v-2861bb6d]{background:#fee2e2;color:#ef4444;border:1px solid #ef4444}.status-dalam-proses[data-v-2861bb6d]{background:#ff9800;color:#fff}.status-default[data-v-2861bb6d]{background:#f3f4f6;color:#6b7280}.card-info[data-v-2861bb6d]{margin-bottom:16px}.info-grid[data-v-2861bb6d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.info-item[data-v-2861bb6d]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-2861bb6d]{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-2861bb6d]{font-size:14px;font-weight:600;color:#1a1a2e}.info-sub[data-v-2861bb6d]{font-size:11px;color:#94a3b8}.card-progress[data-v-2861bb6d]{margin:16px 0;padding:12px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.progress-title[data-v-2861bb6d]{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.additional-section[data-v-2861bb6d]{margin:16px 0;background:#fafafa;border-radius:12px;padding:12px}.additional-title[data-v-2861bb6d]{font-size:11px;font-weight:600;color:#ff9800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.additional-card[data-v-2861bb6d]{background:#fff;border-radius:10px;padding:12px;margin-bottom:10px;border:1px solid #f0f0f0}.additional-card[data-v-2861bb6d]:last-child{margin-bottom:0}.additional-header[data-v-2861bb6d]{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.driver-name[data-v-2861bb6d]{font-weight:600;color:#ff9800;font-size:13px}.driver-vehicle[data-v-2861bb6d]{font-size:11px;color:#94a3b8}.driver-status[data-v-2861bb6d]{font-size:10px;padding:2px 10px;border-radius:12px;background:#f0f0f0;color:#666}.driver-status.status-done[data-v-2861bb6d]{background:#e6ffe6;color:#0c6}.driver-status.status-progress[data-v-2861bb6d]{background:#fff3e0;color:#ff9800}.additional-progress[data-v-2861bb6d]{margin-top:8px}.card-actions[data-v-2861bb6d]{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:16px;flex-wrap:wrap}.btn-action[data-v-2861bb6d]{padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-action.btn-success[data-v-2861bb6d]{background:#e6ffe6;color:#0c6}.btn-action.btn-success[data-v-2861bb6d]:hover{background:#0c6;color:#fff}.btn-action.btn-info[data-v-2861bb6d]{background:#e6f0ff;color:#06f}.btn-action.btn-info[data-v-2861bb6d]:hover{background:#06f;color:#fff}.btn-action.btn-warning[data-v-2861bb6d]{background:#fee2e2;color:#ef4444}.btn-action.btn-warning[data-v-2861bb6d]:hover{background:#ef4444;color:#fff}.info-progress[data-v-2861bb6d]{background:#fff3e0;padding:10px 16px;border-radius:10px;font-size:12px;color:#ff9800;font-weight:500}.action-icons[data-v-2861bb6d]{display:flex;gap:10px}.icon-btn[data-v-2861bb6d]{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.icon-btn.edit-btn[data-v-2861bb6d]{background:#f0f7ff;color:#06f}.icon-btn.edit-btn[data-v-2861bb6d]:hover:not(.disabled){background:#06f;color:#fff}.icon-btn.delete-btn[data-v-2861bb6d]{background:#fee2e2;color:#ef4444}.icon-btn.delete-btn[data-v-2861bb6d]:hover:not(.disabled){background:#ef4444;color:#fff}.icon-btn.disabled[data-v-2861bb6d]{opacity:.5;cursor:not-allowed}.empty-state-card[data-v-2861bb6d]{text-align:center;padding:60px;color:#94a3b8;font-size:16px}.pagination-container[data-v-2861bb6d]{margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.pagination[data-v-2861bb6d]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-btn[data-v-2861bb6d]{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#1a1a2e;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn[data-v-2861bb6d]:hover:not(:disabled){background:#f0f7ff;border-color:#06f;color:#06f}.pagination-btn[data-v-2861bb6d]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-2861bb6d]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-btn[data-v-2861bb6d]{min-width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#1a1a2e;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0 8px}.page-btn[data-v-2861bb6d]:hover:not(.active):not([disabled]){background:#f0f7ff;border-color:#06f;color:#06f}.page-btn.active[data-v-2861bb6d]{background:linear-gradient(135deg,#06f,#0052cc);border-color:#06f;color:#fff}.page-btn[disabled][data-v-2861bb6d]{cursor:default;background:transparent;border-color:transparent}.pagination-info[data-v-2861bb6d]{font-size:13px;color:#666;background:#f8fafc;padding:8px 16px;border-radius:20px}.modal-overlay[data-v-2861bb6d]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-2861bb6d]{width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-2861bb6d .3s ease}@keyframes slideUp-2861bb6d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-2861bb6d]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-2861bb6d]{display:flex;align-items:center;gap:16px}.header-icon[data-v-2861bb6d]{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.header-icon.warning-bg[data-v-2861bb6d]{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-close[data-v-2861bb6d]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-2861bb6d]:hover{background:#fee2e2;color:#ef4444}.modal-body[data-v-2861bb6d]{padding:24px;overflow-y:auto}.info-tugas[data-v-2861bb6d]{background:#e6f0ff;border-radius:16px;border:1px solid #b3d4ff;overflow:hidden;margin-bottom:20px}.info-tugas-header[data-v-2861bb6d]{padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff}.info-tugas-header.warning-bg[data-v-2861bb6d]{background:#ef4444}.info-tugas-content[data-v-2861bb6d]{padding:16px;background:#fff}.info-row[data-v-2861bb6d]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-2861bb6d]:last-child{border-bottom:none}.info-label[data-v-2861bb6d]{font-size:12px;color:#666}.info-value[data-v-2861bb6d]{font-size:12px;font-weight:600;color:#1a1a2e}.form-section[data-v-2861bb6d]{background:#fafafa;border-radius:16px;overflow:hidden;border:1px solid #f0f0f0}.section-header[data-v-2861bb6d]{padding:14px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-header h3[data-v-2861bb6d]{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}.section-content[data-v-2861bb6d]{padding:20px}.form-group[data-v-2861bb6d]{margin-bottom:16px}.form-group.full[data-v-2861bb6d]{width:100%}.form-group label[data-v-2861bb6d]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-2861bb6d]{color:#ef4444;margin-left:2px}.form-select[data-v-2861bb6d],.form-textarea[data-v-2861bb6d]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s;background:#fff;font-family:inherit}.form-select[data-v-2861bb6d]:focus,.form-textarea[data-v-2861bb6d]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.form-textarea[data-v-2861bb6d]{resize:vertical;min-height:80px}.form-actions[data-v-2861bb6d]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:16px}.btn-primary[data-v-2861bb6d],.btn-secondary[data-v-2861bb6d]{padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-2861bb6d]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff}.btn-primary[data-v-2861bb6d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-2861bb6d]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-2861bb6d]{background:#f5f5f5;color:#666}.btn-secondary[data-v-2861bb6d]:hover{background:#e5e5e5}@media(max-width:768px){.penjadwalan-container[data-v-2861bb6d]{padding:16px}.header-section[data-v-2861bb6d]{flex-direction:column;align-items:stretch}.header-actions[data-v-2861bb6d]{flex-direction:column}.btn-refresh[data-v-2861bb6d],.btn-tambah[data-v-2861bb6d]{justify-content:center}.info-grid[data-v-2861bb6d]{grid-template-columns:1fr}.card-actions[data-v-2861bb6d]{flex-direction:column;align-items:stretch}.action-icons[data-v-2861bb6d]{justify-content:flex-end}.pagination-container[data-v-2861bb6d]{flex-direction:column;align-items:stretch}.pagination[data-v-2861bb6d]{justify-content:center}.pagination-info[data-v-2861bb6d]{text-align:center}.page-btn[data-v-2861bb6d]{min-width:36px;height:36px;font-size:12px}.pagination-btn[data-v-2861bb6d]{width:36px;height:36px;font-size:12px}.modal-container[data-v-2861bb6d]{max-height:95vh}.form-actions[data-v-2861bb6d]{flex-direction:column-reverse}.btn-primary[data-v-2861bb6d],.btn-secondary[data-v-2861bb6d]{width:100%;justify-content:center}}.laporan-realisasi-container[data-v-07774cb3]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-07774cb3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;gap:16px}.header-title h1[data-v-07774cb3]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-07774cb3]{color:#666;font-size:14px;margin:0}.header-actions[data-v-07774cb3]{display:flex;gap:12px}.btn-refresh[data-v-07774cb3]{background:#f0f0f0;color:#666;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-refresh[data-v-07774cb3]:hover{background:#e0e0e0;transform:translateY(-2px)}.filter-section[data-v-07774cb3]{background:#fff;border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.filter-group[data-v-07774cb3]{display:flex;flex-direction:column;gap:8px}.filter-group label[data-v-07774cb3]{font-size:13px;font-weight:600;color:#374151}.filter-input[data-v-07774cb3]{padding:10px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s;min-width:180px}.filter-input[data-v-07774cb3]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.btn-filter[data-v-07774cb3]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;height:44px}.btn-filter[data-v-07774cb3]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.loading-state[data-v-07774cb3]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-07774cb3]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-07774cb3 1s linear infinite;margin:0 auto 20px}@keyframes spin-07774cb3{to{transform:rotate(360deg)}}.error-state[data-v-07774cb3]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca}.error-icon[data-v-07774cb3]{font-size:48px}.error-message h3[data-v-07774cb3]{color:#dc2626;margin:0 0 8px;font-size:18px}.btn-retry[data-v-07774cb3]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.rekapitulasi-section[data-v-07774cb3]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;overflow:hidden}.section-header[data-v-07774cb3]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.section-header h2[data-v-07774cb3]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.section-count[data-v-07774cb3]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.seller-grid[data-v-07774cb3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:24px}.seller-card[data-v-07774cb3]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s}.seller-card[data-v-07774cb3]:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.seller-card-header[data-v-07774cb3]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.seller-icon[data-v-07774cb3]{font-size:28px}.seller-name[data-v-07774cb3]{font-size:16px;font-weight:700;color:#1a1a2e}.seller-total[data-v-07774cb3]{background:#e6f0ff;border-radius:12px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.total-label[data-v-07774cb3]{font-size:12px;color:#06f;font-weight:500}.total-value[data-v-07774cb3]{font-size:16px;font-weight:700;color:#06f}.seller-detail[data-v-07774cb3]{background:#f8fafc;border-radius:12px;padding:12px 16px;margin-bottom:16px}.detail-title[data-v-07774cb3]{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.detail-row[data-v-07774cb3]{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.detail-row span[data-v-07774cb3]:first-child{color:#666}.detail-row span[data-v-07774cb3]:last-child{font-weight:600;color:#1a1a2e}.seller-drivers[data-v-07774cb3]{background:#fff8e7;border-radius:12px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.driver-label[data-v-07774cb3]{font-size:11px;font-weight:600;color:#ff9800;text-transform:uppercase}.driver-names[data-v-07774cb3]{font-size:12px;font-weight:500;color:#1a1a2e}.realisasi-list-section[data-v-07774cb3]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.realisasi-grid[data-v-07774cb3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px;padding:24px}.realisasi-card[data-v-07774cb3]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .2s}.realisasi-card[data-v-07774cb3]:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.card-header[data-v-07774cb3]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.kode-tugas[data-v-07774cb3]{font-family:monospace;font-size:14px;font-weight:700;color:#06f;background:#e6f0ff;padding:4px 12px;border-radius:20px}.status-badge[data-v-07774cb3]{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}.status-selesai[data-v-07774cb3]{background:#0c6;color:#fff}.card-body[data-v-07774cb3]{padding:16px 20px}.info-row[data-v-07774cb3]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-07774cb3]:last-child{border-bottom:none}.info-label[data-v-07774cb3]{font-size:12px;color:#94a3b8;font-weight:500}.info-value[data-v-07774cb3]{font-size:13px;font-weight:500;color:#1a1a2e;text-align:right;max-width:60%}.card-actions[data-v-07774cb3]{padding:12px 20px 20px;border-top:1px solid #f0f0f0}.btn-detail[data-v-07774cb3]{width:100%;background:#f0f7ff;color:#06f;border:none;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.btn-detail[data-v-07774cb3]:hover{background:#06f;color:#fff}.empty-grid[data-v-07774cb3]{grid-column:1 / -1;text-align:center;padding:48px;color:#94a3b8;font-size:16px}.pagination-container[data-v-07774cb3]{margin-top:24px;padding:20px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.pagination[data-v-07774cb3]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-btn[data-v-07774cb3]{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#1a1a2e;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn[data-v-07774cb3]:hover:not(:disabled){background:#f0f7ff;border-color:#06f;color:#06f}.pagination-btn[data-v-07774cb3]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-07774cb3]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-btn[data-v-07774cb3]{min-width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#1a1a2e;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0 8px}.page-btn[data-v-07774cb3]:hover:not(.active):not([disabled]){background:#f0f7ff;border-color:#06f;color:#06f}.page-btn.active[data-v-07774cb3]{background:linear-gradient(135deg,#06f,#0052cc);border-color:#06f;color:#fff}.page-btn[disabled][data-v-07774cb3]{cursor:default;background:transparent;border-color:transparent}.pagination-info[data-v-07774cb3]{font-size:13px;color:#666;background:#f8fafc;padding:8px 16px;border-radius:20px}.modal-overlay[data-v-07774cb3]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-07774cb3]{width:100%;max-width:700px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-07774cb3 .3s ease}@keyframes slideUp-07774cb3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-07774cb3]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff)}.header-left[data-v-07774cb3]{display:flex;align-items:center;gap:16px}.header-icon[data-v-07774cb3]{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.header-title h2[data-v-07774cb3]{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-07774cb3]{font-size:13px;color:#666;margin:0}.btn-close[data-v-07774cb3]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-07774cb3]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-body[data-v-07774cb3]{padding:24px;overflow-y:auto}.detail-section[data-v-07774cb3]{margin-bottom:24px;background:#fafafa;border-radius:16px;padding:16px}.section-title[data-v-07774cb3]{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.section-icon[data-v-07774cb3]{font-size:18px}.section-title h3[data-v-07774cb3]{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}.detail-grid[data-v-07774cb3]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item[data-v-07774cb3]{display:flex;flex-direction:column;gap:4px}.detail-label[data-v-07774cb3]{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-07774cb3]{font-size:14px;font-weight:500;color:#1a1a2e}.status-selesai-badge[data-v-07774cb3]{background:#0c6;color:#fff;padding:4px 12px;border-radius:20px;display:inline-block;font-size:12px;width:-moz-fit-content;width:fit-content}.paket-comparison[data-v-07774cb3]{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.comparison-card[data-v-07774cb3]{background:#fff;border-radius:12px;padding:16px 20px;min-width:150px;text-align:center;border:1px solid #e5e7eb}.comparison-card.realisasi[data-v-07774cb3]{background:#e6ffe6;border-color:#0c6}.comparison-title[data-v-07774cb3]{font-size:12px;font-weight:600;color:#666;margin-bottom:12px;text-transform:uppercase}.comparison-item[data-v-07774cb3]{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.comparison-item span[data-v-07774cb3]:first-child{color:#666}.comparison-item strong[data-v-07774cb3]{font-size:16px;color:#1a1a2e}.comparison-arrow[data-v-07774cb3]{font-size:24px;color:#06f;font-weight:700}.muatan-badge[data-v-07774cb3]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.muatan-kosong[data-v-07774cb3]{background:#f3f4f6;color:#6b7280}.muatan-sebagian[data-v-07774cb3]{background:#e6f0ff;color:#06f}.muatan-hampir-penuh[data-v-07774cb3]{background:#fff3e0;color:#ff9800}.muatan-penuh[data-v-07774cb3]{background:#e6ffe6;color:#0c6}.muatan-overload[data-v-07774cb3]{background:#fee2e2;color:#ef4444}.muatan-default[data-v-07774cb3]{background:#f3f4f6;color:#6b7280}.form-actions[data-v-07774cb3]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:16px}.btn-secondary[data-v-07774cb3]{padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;background:#f5f5f5;color:#666;border:none;cursor:pointer;transition:all .2s}.btn-secondary[data-v-07774cb3]:hover{background:#e5e5e5;transform:translateY(-2px)}@media(max-width:1024px){.seller-grid[data-v-07774cb3]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.realisasi-grid[data-v-07774cb3]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media(max-width:768px){.laporan-realisasi-container[data-v-07774cb3]{padding:16px}.header-section[data-v-07774cb3],.filter-section[data-v-07774cb3]{flex-direction:column;align-items:stretch}.filter-group[data-v-07774cb3],.filter-input[data-v-07774cb3]{width:100%}.btn-filter[data-v-07774cb3]{justify-content:center}.seller-grid[data-v-07774cb3],.realisasi-grid[data-v-07774cb3]{grid-template-columns:1fr;padding:16px}.section-header[data-v-07774cb3]{flex-direction:column;align-items:flex-start}.pagination-container[data-v-07774cb3]{flex-direction:column;align-items:stretch}.pagination[data-v-07774cb3]{justify-content:center}.pagination-info[data-v-07774cb3]{text-align:center}.page-btn[data-v-07774cb3]{min-width:36px;height:36px;font-size:12px}.pagination-btn[data-v-07774cb3]{width:36px;height:36px;font-size:12px}.info-row[data-v-07774cb3]{flex-direction:column;align-items:flex-start;gap:4px}.info-value[data-v-07774cb3]{text-align:left;max-width:100%}.detail-grid[data-v-07774cb3]{grid-template-columns:1fr}.paket-comparison[data-v-07774cb3]{flex-direction:column}.comparison-arrow[data-v-07774cb3]{transform:rotate(90deg)}.modal-container[data-v-07774cb3]{max-height:95vh}.form-actions[data-v-07774cb3]{flex-direction:column-reverse}.btn-secondary[data-v-07774cb3]{width:100%;justify-content:center}}.status-progress[data-v-f1cea55a]{background:#fff;border-radius:16px;padding:24px;margin:16px 0;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.progress-container[data-v-f1cea55a]{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.progress-container[data-v-f1cea55a]:before{content:"";position:absolute;top:24px;left:0;right:0;height:3px;background:#e5e7eb;z-index:1}.progress-container[data-v-f1cea55a]:after{content:"";position:absolute;top:24px;left:0;height:3px;background:#0c6;z-index:2;width:calc((100% / var(--v7b159c34)) * var(--bfe53c88));transition:width .3s ease}.progress-animation-line[data-v-f1cea55a]{position:absolute;top:24px;height:3px;background:linear-gradient(90deg,#ff9800,#f50);z-index:3;border-radius:3px;box-shadow:0 0 6px #ff550080;transition:left .05s linear,width .05s linear;pointer-events:none}.flowing-dots[data-v-f1cea55a]{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.8) 8px,transparent 8px,transparent 16px);background-size:16px 100%;animation:flowDots-f1cea55a .4s linear infinite;border-radius:3px}@keyframes flowDots-f1cea55a{0%{background-position:0 0}to{background-position:16px 0}}.status-item[data-v-f1cea55a]{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:4;background:#fff}.status-icon[data-v-f1cea55a]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:#fff;margin-bottom:12px;transition:all .3s ease}.status-completed .status-icon[data-v-f1cea55a]{background:#0c6;color:#fff;box-shadow:0 4px 12px #00cc664d}.icon-check[data-v-f1cea55a]{font-size:24px;font-weight:700}.status-active .status-icon[data-v-f1cea55a]{background:#06f;color:#fff;box-shadow:0 0 0 4px #06f3;animation:pulse-f1cea55a 1.5s infinite}.icon-active[data-v-f1cea55a]{font-size:28px;animation:bounce-f1cea55a .5s ease}.status-warning .status-icon[data-v-f1cea55a]{background:#ef4444;color:#fff;box-shadow:0 0 0 4px #ef444433;animation:pulse-warning-f1cea55a 1.5s infinite}.status-proses-tambahan .status-icon[data-v-f1cea55a]{background:#ff9800;color:#fff;box-shadow:0 0 0 4px #ff980033;animation:pulse-orange-f1cea55a 1.5s infinite}.status-upcoming .status-icon[data-v-f1cea55a]{background:#f3f4f6;color:#9ca3af;border:2px solid #e5e7eb}.icon-default[data-v-f1cea55a]{font-size:20px;opacity:.6}.status-title[data-v-f1cea55a]{font-size:12px;font-weight:600;text-align:center;margin-bottom:6px;transition:all .3s ease}.status-completed .status-title[data-v-f1cea55a]{color:#0c6}.status-active .status-title[data-v-f1cea55a]{color:#06f;font-weight:700;font-size:13px}.status-warning .status-title[data-v-f1cea55a]{color:#ef4444;font-weight:700;font-size:13px}.status-proses-tambahan .status-title[data-v-f1cea55a]{color:#ff9800;font-weight:700;font-size:13px}.status-upcoming .status-title[data-v-f1cea55a]{color:#9ca3af}.status-time[data-v-f1cea55a]{font-size:10px;color:#94a3b8;background:#f8fafc;padding:4px 8px;border-radius:12px;font-family:monospace}.status-active .status-time[data-v-f1cea55a]{background:#e6f0ff;color:#06f;font-weight:500}.status-warning .status-time[data-v-f1cea55a]{background:#fee2e2;color:#ef4444;font-weight:500}.status-proses-tambahan .status-time[data-v-f1cea55a]{background:#fff3e0;color:#ff9800;font-weight:500}.status-completed .status-time[data-v-f1cea55a]{background:#e6ffe6;color:#0c6}@keyframes pulse-f1cea55a{0%{box-shadow:0 0 #06f6}70%{box-shadow:0 0 0 10px #06f0}to{box-shadow:0 0 #06f0}}@keyframes pulse-warning-f1cea55a{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-orange-f1cea55a{0%{box-shadow:0 0 #ff980066}70%{box-shadow:0 0 0 10px #ff980000}to{box-shadow:0 0 #ff980000}}@keyframes bounce-f1cea55a{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.status-progress[data-v-f1cea55a]{padding:16px;overflow-x:auto}.progress-container[data-v-f1cea55a]{min-width:700px}.status-icon[data-v-f1cea55a]{width:40px;height:40px;font-size:20px}.status-title[data-v-f1cea55a]{font-size:10px}.status-time[data-v-f1cea55a]{font-size:9px}}[data-v-930e6362]:root{--primary: #667eea;--primary-dark: #5a67d8;--secondary: #764ba2;--success: #48bb78;--danger: #f56565;--warning: #ecc94b;--info: #4299e1;--orange: #ff9800;--gray-100: #f7fafc;--gray-200: #edf2f7;--gray-300: #e2e8f0;--gray-400: #cbd5e0;--gray-500: #a0aec0;--gray-600: #718096;--gray-700: #4a5568;--gray-800: #2d3748;--gray-900: #1a202c}.driver-container[data-v-930e6362]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:2rem}.driver-header[data-v-930e6362]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;position:sticky;top:0;z-index:10}.header-content[data-v-930e6362]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title[data-v-930e6362]{color:#fff;font-size:1.5rem;font-weight:700}.header-user[data-v-930e6362]{display:flex;align-items:center;gap:1rem}.user-name[data-v-930e6362]{color:#fff;font-weight:500}.logout-button[data-v-930e6362]{background:#fff3;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:background .2s;min-height:40px}.logout-button[data-v-930e6362]:hover{background:#ffffff4d}.error-state-full[data-v-930e6362]{background:#fff;border-radius:20px;padding:60px;text-align:center;margin:20px;box-shadow:0 4px 12px #0000000d}.error-state-full .error-icon[data-v-930e6362]{font-size:64px;display:block;margin-bottom:16px}.error-state-full .error-message h3[data-v-930e6362]{color:#dc2626;margin:0 0 8px;font-size:20px}.error-state-full .error-message p[data-v-930e6362]{color:#666;margin:0 0 20px}.error-state-full .btn-retry[data-v-930e6362]{background:#dc2626;color:#fff;border:none;padding:12px 28px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600}.tab-container[data-v-930e6362]{max-width:1200px;margin:1rem auto;padding:0 1rem;display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-container[data-v-930e6362]::-webkit-scrollbar{display:none}.tab-button[data-v-930e6362]{background:#fff3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s;min-height:44px}.tab-button[data-v-930e6362]:hover{background:#ffffff4d}.tab-active[data-v-930e6362]{background:#fff;color:var(--primary);box-shadow:0 2px 4px #0000001a}.loading-container[data-v-930e6362]{display:flex;justify-content:center;padding:3rem}.loading-spinner[data-v-930e6362]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-930e6362 1s linear infinite}@keyframes spin-930e6362{to{transform:rotate(360deg)}}.task-list[data-v-930e6362]{max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.empty-state[data-v-930e6362]{text-align:center;padding:3rem;background:#fff;border-radius:1rem;color:var(--gray-600)}.task-card[data-v-930e6362]{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:transform .2s;border-left:4px solid}.task-card[data-v-930e6362]:hover{transform:translateY(-2px)}.border-yellow[data-v-930e6362]{border-left-color:#ecc94b}.border-blue[data-v-930e6362]{border-left-color:#4299e1}.border-green[data-v-930e6362]{border-left-color:#48bb78}.border-purple[data-v-930e6362]{border-left-color:#9f7aea}.border-gray[data-v-930e6362]{border-left-color:#a0aec0}.border-red[data-v-930e6362]{border-left-color:#f56565}.border-orange[data-v-930e6362]{border-left-color:#ff9800}.task-header[data-v-930e6362]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.task-code[data-v-930e6362]{font-weight:700;color:var(--gray-800);margin-bottom:.25rem}.task-seller[data-v-930e6362]{font-size:.875rem;color:var(--gray-600)}.task-time[data-v-930e6362]{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.additional-badge[data-v-930e6362]{margin-top:4px}.badge-tambahan[data-v-930e6362]{display:inline-block;background:#fff3e0;color:#ff9800;font-size:10px;font-weight:600;padding:2px 8px;border-radius:12px}.status-badge[data-v-930e6362]{padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge.large[data-v-930e6362]{padding:.5rem 1rem;font-size:.875rem}.badge-yellow[data-v-930e6362]{background:#fefcbf;color:#975a16}.badge-blue[data-v-930e6362]{background:#bee3f8;color:#2c5282}.badge-green[data-v-930e6362]{background:#c6f6d5;color:#276749}.badge-purple[data-v-930e6362]{background:#e9d8fd;color:#553c9a}.badge-gray[data-v-930e6362]{background:#e2e8f0;color:#2d3748}.badge-red[data-v-930e6362]{background:#fed7d7;color:#9b2c2c}.badge-orange[data-v-930e6362]{background:#fff3e0;color:#ff9800}.action-buttons[data-v-930e6362]{display:flex;gap:.5rem;margin-top:1rem}.action-buttons.single[data-v-930e6362]{display:block}.action-buttons button[data-v-930e6362]{flex:1;padding:.75rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px}.accept-button[data-v-930e6362]{background:#48bb78;color:#fff}.accept-button[data-v-930e6362]:hover{background:#38a169}.reject-button[data-v-930e6362]{background:#f56565;color:#fff}.reject-button[data-v-930e6362]:hover{background:#e53e3e}.update-button[data-v-930e6362]{width:100%;background:#4299e1;color:#fff}.update-button[data-v-930e6362]:hover{background:#3182ce}.info-waiting[data-v-930e6362]{width:100%;background:#fee2e2;border-radius:.5rem;padding:.5rem;text-align:center}.waiting-text[data-v-930e6362]{font-size:.75rem;font-weight:600;color:#ef4444}.info-proses-tambahan[data-v-930e6362]{width:100%;background:#fff3e0;border-radius:.5rem;padding:.5rem;text-align:center}.proses-text[data-v-930e6362]{font-size:.75rem;font-weight:600;color:#ff9800}.modal-overlay[data-v-930e6362]{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;z-index:1000}.modal-content[data-v-930e6362]{background:#fff;width:100%;max-height:90vh;overflow-y:auto;border-top-left-radius:2rem;border-top-right-radius:2rem;padding:1.5rem;animation:slideUp-930e6362 .3s ease-out}@keyframes slideUp-930e6362{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header[data-v-930e6362]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.modal-title[data-v-930e6362]{font-size:1.25rem;font-weight:700;color:var(--gray-800)}.modal-id[data-v-930e6362]{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.header-badge[data-v-930e6362]{margin-top:4px}.modal-header-right[data-v-930e6362]{display:flex;align-items:center;gap:1rem}.close-button[data-v-930e6362]{background:none;border:none;font-size:2rem;color:var(--gray-500);cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-button[data-v-930e6362]:hover{color:var(--gray-700)}.info-cards[data-v-930e6362]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.info-card[data-v-930e6362]{display:flex;gap:1rem;padding:1rem;border-radius:1rem;border-left:4px solid}.info-card.blue[data-v-930e6362]{background:#ebf8ff;border-left-color:#4299e1}.info-card.green[data-v-930e6362]{background:#f0fff4;border-left-color:#48bb78}.info-card.purple[data-v-930e6362]{background:#faf5ff;border-left-color:#9f7aea}.info-card.orange[data-v-930e6362]{background:#fffaf0;border-left-color:#ed8936}.info-card.yellow[data-v-930e6362]{background:ivory;border-left-color:#ecc94b}.card-icon[data-v-930e6362]{font-size:2rem;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center}.card-content[data-v-930e6362]{flex:1}.card-label[data-v-930e6362]{font-size:.75rem;font-weight:600;color:var(--gray-600);margin-bottom:.25rem}.card-value[data-v-930e6362]{font-weight:700;color:var(--gray-800);margin-bottom:.25rem}.card-address[data-v-930e6362],.card-type[data-v-930e6362],.card-note[data-v-930e6362]{font-size:.875rem;color:var(--gray-600)}.package-info[data-v-930e6362]{display:flex;gap:2rem;margin-top:.5rem}.package-label[data-v-930e6362]{font-size:.75rem;color:var(--gray-600)}.package-value[data-v-930e6362]{font-size:1.25rem;font-weight:700;color:var(--gray-800)}.waiting-info[data-v-930e6362]{margin-top:1rem}.waiting-card[data-v-930e6362]{background:#fff5f5;border-left:4px solid #ef4444;border-radius:12px;padding:1rem;display:flex;gap:1rem;align-items:flex-start}.waiting-icon[data-v-930e6362]{font-size:2rem}.waiting-text-content h4[data-v-930e6362]{font-size:1rem;font-weight:600;color:#ef4444;margin:0 0 .25rem}.waiting-text-content p[data-v-930e6362]{font-size:.875rem;color:#666;margin:.25rem 0}.waiting-note[data-v-930e6362]{font-size:.75rem;color:#999;margin-top:.5rem!important}.proses-tambahan-info[data-v-930e6362]{margin-top:1rem}.proses-tambahan-card[data-v-930e6362]{background:#fff3e0;border-left:4px solid #ff9800;border-radius:12px;padding:1rem;display:flex;gap:1rem;align-items:flex-start}.proses-icon[data-v-930e6362]{font-size:2rem}.proses-text-content h4[data-v-930e6362]{font-size:1rem;font-weight:600;color:#ff9800;margin:0 0 .25rem}.proses-text-content p[data-v-930e6362]{font-size:.875rem;color:#666;margin:.25rem 0}.proses-note[data-v-930e6362]{font-size:.75rem;color:#999;margin-top:.5rem!important}.realisasi-form[data-v-930e6362]{border-top:1px solid var(--gray-200);padding-top:1.5rem;margin-top:1rem}.form-title[data-v-930e6362]{font-size:1.125rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.form-group[data-v-930e6362]{margin-bottom:1rem}.form-group label[data-v-930e6362]{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.form-input[data-v-930e6362],.form-select[data-v-930e6362],.form-textarea[data-v-930e6362]{width:100%;padding:.75rem;border:2px solid var(--gray-300);border-radius:.75rem;font-size:1rem;min-height:48px;font-family:inherit}.form-input[data-v-930e6362]:focus,.form-select[data-v-930e6362]:focus,.form-textarea[data-v-930e6362]:focus{outline:none;border-color:var(--primary)}.form-textarea[data-v-930e6362]{resize:vertical;min-height:80px}.alert-overload[data-v-930e6362]{background:#fee2e2;border-left:4px solid #ef4444;border-radius:12px;padding:16px;margin-bottom:16px}.alert-overload-content[data-v-930e6362]{display:flex;gap:12px;margin-bottom:16px}.alert-overload-icon[data-v-930e6362]{font-size:24px}.alert-overload-text[data-v-930e6362]{flex:1}.alert-overload-title[data-v-930e6362]{font-weight:700;color:#ef4444;margin:0 0 4px;font-size:14px}.alert-overload-desc[data-v-930e6362]{font-size:12px;color:#666;margin:0}.alert-overload-actions[data-v-930e6362]{display:flex;gap:12px;justify-content:flex-end}.btn-warning[data-v-930e6362]{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-warning[data-v-930e6362]:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-warning[data-v-930e6362]:disabled{opacity:.6;cursor:not-allowed}.btn-success[data-v-930e6362]{background:#0c6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-success[data-v-930e6362]:hover:not(:disabled){background:#00994d;transform:translateY(-1px)}.btn-success[data-v-930e6362]:disabled{opacity:.6;cursor:not-allowed}.alert-success[data-v-930e6362]{background:#e6ffe6;border-left:4px solid #00cc66;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.alert-success-icon[data-v-930e6362]{font-size:18px}.alert-success-text[data-v-930e6362]{font-size:12px;color:#0c6;margin:0;font-weight:500}.submit-button[data-v-930e6362]{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:transform .2s;min-height:48px;margin-top:16px}.submit-button[data-v-930e6362]:hover:not(:disabled){transform:translateY(-2px)}.submit-button[data-v-930e6362]:disabled{opacity:.6;cursor:not-allowed}.status-buttons[data-v-930e6362]{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0}.status-button[data-v-930e6362]{width:100%;padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s;min-height:48px}.status-blue[data-v-930e6362]{background:#4299e1;color:#fff}.status-green[data-v-930e6362]{background:#48bb78;color:#fff}.status-purple[data-v-930e6362]{background:#9f7aea;color:#fff}.status-gray[data-v-930e6362]{background:#718096;color:#fff}.status-button[data-v-930e6362]:hover{transform:translateY(-2px)}.close-modal-button[data-v-930e6362]{width:100%;background:var(--gray-200);color:var(--gray-700);border:none;padding:1rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;min-height:48px;margin-top:1rem}.close-modal-button[data-v-930e6362]:hover{background:var(--gray-300)}.modal-overlay-notif[data-v-930e6362]{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.modal-container-notif[data-v-930e6362]{width:100%;max-width:500px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-930e6362 .3s ease}.notif-header[data-v-930e6362]{background:#ef4444;padding:20px;text-align:center}.notif-title[data-v-930e6362]{font-size:20px;font-weight:800;color:#fff;margin:0;text-transform:uppercase;letter-spacing:2px;animation:blink-930e6362 .8s infinite}@keyframes blink-930e6362{0%,to{opacity:1;text-shadow:0 0 5px rgba(255,255,255,.8)}50%{opacity:.9;text-shadow:0 0 15px rgba(255,255,255,1)}}.notif-body[data-v-930e6362]{padding:20px;background:#fff5f5}.notif-section[data-v-930e6362]{background:#fff;border-radius:12px;padding:12px 16px;margin-bottom:16px;border:1px solid #fecaca}.notif-section-title[data-v-930e6362]{font-size:11px;font-weight:600;color:#ef4444;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.notif-grid[data-v-930e6362]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.notif-item[data-v-930e6362]{display:flex;flex-direction:column;gap:2px}.notif-label[data-v-930e6362]{font-size:10px;color:#94a3b8}.notif-value[data-v-930e6362]{font-size:13px;font-weight:600;color:#1a1a2e}.notif-value.notif-warning[data-v-930e6362]{color:#ef4444}.notif-warning-box[data-v-930e6362]{background:#fee2e2;border-radius:12px;padding:12px;text-align:center;margin-bottom:16px}.notif-warning-box p[data-v-930e6362]{font-size:12px;font-weight:600;color:#ef4444;margin:0}.notif-footer[data-v-930e6362]{text-align:center;font-size:10px;color:#94a3b8;margin-top:12px}.notif-action[data-v-930e6362]{padding:16px 20px;background:#f5f5f5;display:flex;justify-content:center;border-top:1px solid #e5e7eb}.btn-notif-ok[data-v-930e6362]{background:#ef4444;color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ef44444d}.btn-notif-ok[data-v-930e6362]:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.modal-fade-enter-active[data-v-930e6362],.modal-fade-leave-active[data-v-930e6362]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-930e6362],.modal-fade-leave-to[data-v-930e6362]{opacity:0}@media(max-width:480px){.header-title[data-v-930e6362]{font-size:1.25rem}.user-name[data-v-930e6362]{display:none}.tab-button[data-v-930e6362]{padding:.5rem 1rem;font-size:.75rem}.task-card[data-v-930e6362]{padding:.875rem}.task-code[data-v-930e6362]{font-size:.875rem}.action-buttons button[data-v-930e6362]{font-size:.75rem;padding:.5rem}.modal-content[data-v-930e6362]{padding:1rem}.modal-title[data-v-930e6362]{font-size:1.125rem}.card-icon[data-v-930e6362]{font-size:1.5rem;min-width:40px;height:40px}.package-info[data-v-930e6362]{gap:1rem}.package-value[data-v-930e6362]{font-size:1rem}.alert-overload-actions[data-v-930e6362]{flex-direction:column}.notif-grid[data-v-930e6362]{grid-template-columns:1fr}.waiting-card[data-v-930e6362],.proses-tambahan-card[data-v-930e6362]{flex-direction:column}.waiting-icon[data-v-930e6362],.proses-icon[data-v-930e6362]{text-align:center}}@media screen and (-webkit-min-device-pixel-ratio:0){select[data-v-930e6362],textarea[data-v-930e6362],input[data-v-930e6362],button[data-v-930e6362]{font-size:16px!important}}.modal-fade-enter-active[data-v-0cdf8ef7],.modal-fade-leave-active[data-v-0cdf8ef7]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-0cdf8ef7],.modal-fade-leave-to[data-v-0cdf8ef7]{opacity:0}.modal-overlay[data-v-0cdf8ef7]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-0cdf8ef7 .2s ease}@keyframes fadeIn-0cdf8ef7{0%{opacity:0}to{opacity:1}}.modal-container[data-v-0cdf8ef7]{width:100%;max-width:1000px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(1);transition:transform .2s ease;animation:slideUp-0cdf8ef7 .3s ease}@keyframes slideUp-0cdf8ef7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-enter[data-v-0cdf8ef7]{transform:scale(.95)}.modal-header[data-v-0cdf8ef7]{padding:24px 28px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fafafa,#fff);border-radius:24px 24px 0 0}.header-left[data-v-0cdf8ef7]{display:flex;align-items:center;gap:16px}.header-icon[data-v-0cdf8ef7]{width:48px;height:48px;background:linear-gradient(135deg,#ff8c42,#ff6b6b);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px #ff8c4233}.header-title h2[data-v-0cdf8ef7]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-0cdf8ef7]{font-size:14px;color:#666;margin:0}.btn-close[data-v-0cdf8ef7]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-0cdf8ef7]:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-form[data-v-0cdf8ef7]{flex:1;overflow-y:auto;padding:24px 28px}.form-sections[data-v-0cdf8ef7]{display:flex;flex-direction:column;gap:24px}.form-section[data-v-0cdf8ef7]{background:#fafafa;border-radius:20px;overflow:hidden;border:1px solid #f0f0f0}.section-header[data-v-0cdf8ef7]{padding:16px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-icon[data-v-0cdf8ef7]{font-size:20px}.section-header h3[data-v-0cdf8ef7]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.section-content[data-v-0cdf8ef7]{padding:20px}.form-row[data-v-0cdf8ef7]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.form-row[data-v-0cdf8ef7]:last-child{margin-bottom:0}.form-group[data-v-0cdf8ef7]{flex:1;min-width:200px}.form-group.full[data-v-0cdf8ef7]{flex:0 0 100%}.form-group.half[data-v-0cdf8ef7]{flex:0 0 calc(50% - 8px)}.form-group.third[data-v-0cdf8ef7]{flex:0 0 calc(33.333% - 11px)}.form-group label[data-v-0cdf8ef7]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-0cdf8ef7]{color:#ef4444;font-weight:600;margin-left:2px}.optional[data-v-0cdf8ef7]{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.form-input[data-v-0cdf8ef7],.form-select[data-v-0cdf8ef7],.form-textarea[data-v-0cdf8ef7]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:14px;font-size:14px;transition:all .2s;background:#fff}.form-input[data-v-0cdf8ef7]:hover,.form-select[data-v-0cdf8ef7]:hover,.form-textarea[data-v-0cdf8ef7]:hover{border-color:#ff8c42}.form-input[data-v-0cdf8ef7]:focus,.form-select[data-v-0cdf8ef7]:focus,.form-textarea[data-v-0cdf8ef7]:focus{outline:none;border-color:#ff8c42;box-shadow:0 0 0 4px #ff8c421a}.form-textarea[data-v-0cdf8ef7]{resize:vertical;min-height:80px}.loading-data[data-v-0cdf8ef7]{padding:12px 14px;background:#f5f5f5;border-radius:14px;color:#666;font-size:13px;display:flex;align-items:center;gap:8px}.spinner-tiny[data-v-0cdf8ef7]{display:inline-block;width:14px;height:14px;border:2px solid #ccc;border-top-color:#ff8c42;border-radius:50%;animation:spin-0cdf8ef7 .8s linear infinite}.data-error[data-v-0cdf8ef7]{padding:12px 14px;background:#fee2e2;border-radius:14px;color:#ef4444;font-size:13px;border:1px solid #fecaca}.form-actions[data-v-0cdf8ef7]{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid #f0f0f0}.btn-primary[data-v-0cdf8ef7],.btn-secondary[data-v-0cdf8ef7]{padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-0cdf8ef7]{background:linear-gradient(135deg,#ff8c42,#ff6b6b);color:#fff;box-shadow:0 4px 12px #ff8c4233}.btn-primary[data-v-0cdf8ef7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff8c424d}.btn-primary[data-v-0cdf8ef7]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-0cdf8ef7]{background:#f5f5f5;color:#666}.btn-secondary[data-v-0cdf8ef7]:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-icon[data-v-0cdf8ef7]{font-size:18px}.spinner-small[data-v-0cdf8ef7]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-0cdf8ef7 1s linear infinite}@keyframes spin-0cdf8ef7{to{transform:rotate(360deg)}}@media(max-width:768px){.modal-container[data-v-0cdf8ef7]{max-height:95vh}.modal-header[data-v-0cdf8ef7]{padding:16px 20px}.header-icon[data-v-0cdf8ef7]{width:40px;height:40px;font-size:20px}.header-title h2[data-v-0cdf8ef7]{font-size:18px}.modal-form[data-v-0cdf8ef7]{padding:16px 20px}.form-row[data-v-0cdf8ef7]{flex-direction:column;gap:12px}.form-group.half[data-v-0cdf8ef7],.form-group.third[data-v-0cdf8ef7]{flex:0 0 100%}.form-actions[data-v-0cdf8ef7]{flex-direction:column-reverse}.btn-primary[data-v-0cdf8ef7],.btn-secondary[data-v-0cdf8ef7]{width:100%;justify-content:center}}.toko-container[data-v-81110328]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-81110328]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-81110328]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-81110328]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-81110328]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-81110328]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.btn-icon[data-v-81110328]{font-size:20px}.stats-grid[data-v-81110328]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-81110328]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-81110328]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-81110328]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-81110328]{display:flex;flex-direction:column}.stat-value[data-v-81110328]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-81110328]{font-size:14px;color:#666}.seller-section[data-v-81110328]{margin-bottom:24px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000d}.seller-title[data-v-81110328]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 20px;display:flex;align-items:center;gap:8px}.seller-title[data-v-81110328]:before{content:"";width:4px;height:20px;background:#06f;border-radius:2px}.seller-row[data-v-81110328]{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.seller-card[data-v-81110328]{flex:1 1 130px;min-width:130px;background:#f8fafc;border-radius:16px;padding:16px 12px;transition:all .3s;border:1px solid #e5e7eb;position:relative;overflow:hidden;display:flex;flex-direction:column}.seller-card[data-v-81110328]:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.seller-1[data-v-81110328]{background:linear-gradient(135deg,#fff3b0,#fff9e6)}.seller-2[data-v-81110328]{background:linear-gradient(135deg,#e0e7ff,#eef2ff)}.seller-3[data-v-81110328]{background:linear-gradient(135deg,#fde68a,#fef3c7)}.seller-4[data-v-81110328]{background:linear-gradient(135deg,#d1fae5,#e7f9f0)}.seller-5[data-v-81110328]{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.seller-6[data-v-81110328]{background:linear-gradient(135deg,#e0f2fe,#f0f9ff)}.seller-7[data-v-81110328]{background:linear-gradient(135deg,#f1f5f9,#f8fafc)}.seller-header[data-v-81110328]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.seller-icon[data-v-81110328]{font-size:20px}.seller-name[data-v-81110328]{font-size:13px;font-weight:600;color:#1a1a2e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-body[data-v-81110328]{margin-bottom:12px;display:flex;align-items:baseline;gap:4px}.seller-count[data-v-81110328]{font-size:24px;font-weight:700;color:#06f;line-height:1}.seller-label[data-v-81110328]{font-size:11px;color:#64748b}.seller-footer[data-v-81110328]{display:flex;align-items:center;gap:8px;margin-top:auto}.progress-bar[data-v-81110328]{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.progress-fill[data-v-81110328]{height:100%;background:#06f;border-radius:2px;transition:width .3s ease}.seller-percentage[data-v-81110328]{font-size:11px;font-weight:600;color:#475569;min-width:35px;text-align:right}.no-seller-data[data-v-81110328]{width:100%;text-align:center;padding:20px;color:#94a3b8;font-size:14px}.filter-section[data-v-81110328]{display:flex;gap:16px;margin-bottom:24px}.search-box[data-v-81110328]{flex:2;position:relative;display:flex;align-items:center}.search-icon[data-v-81110328]{position:absolute;left:14px;color:#999;font-size:18px}.search-box input[data-v-81110328]{width:100%;padding:14px 14px 14px 45px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s;background:#fff}.search-box input[data-v-81110328]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.filter-select[data-v-81110328]{flex:1;padding:14px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff;cursor:pointer;min-width:140px}.filter-select[data-v-81110328]:focus{outline:none;border-color:#06f}.loading-state[data-v-81110328]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-81110328]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-81110328 1s linear infinite;margin:0 auto 20px}@keyframes spin-81110328{to{transform:rotate(360deg)}}.loading-state p[data-v-81110328]{color:#666;margin:0}.error-state[data-v-81110328]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-81110328]{font-size:48px}.error-message h3[data-v-81110328]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-81110328]{color:#666;margin:0 0 16px}.btn-retry[data-v-81110328]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-retry[data-v-81110328]:hover{background:#b91c1c}.table-card[data-v-81110328]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-81110328]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-81110328]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-81110328]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-81110328]{overflow-x:auto}.modern-table[data-v-81110328]{width:100%;border-collapse:collapse;min-width:1200px}.modern-table th[data-v-81110328]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-81110328]{padding:20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.modern-table tr:hover td[data-v-81110328]{background:#f8fafc}.text-center[data-v-81110328]{text-align:center}.kode-badge[data-v-81110328]{background:#f0f7ff;color:#06f;padding:4px 8px;border-radius:6px;font-family:monospace;font-size:13px}.nama-info[data-v-81110328]{display:flex;flex-direction:column;gap:4px}.nama-toko[data-v-81110328]{font-weight:600;color:#1a1a2e}.email-toko[data-v-81110328]{font-size:12px;color:#94a3b8}.seller-info[data-v-81110328]{display:flex;flex-direction:column;gap:4px}.seller-utama[data-v-81110328]{font-weight:600;color:#1e293b}.seller-kode[data-v-81110328]{font-size:12px;color:#94a3b8}.kontak-info[data-v-81110328]{display:flex;flex-direction:column;gap:4px}.kontak-item[data-v-81110328]{font-size:13px;color:#475569;display:flex;align-items:center;gap:6px}.jam-info[data-v-81110328]{display:flex;flex-direction:column;gap:4px}.hari-operasi[data-v-81110328]{font-size:12px;color:#94a3b8}.status-badge[data-v-81110328]{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;min-width:80px}.status-badge.aktif[data-v-81110328]{background:#e6ffe6;color:#0c6}.status-badge.nonaktif[data-v-81110328]{background:#fee2e2;color:#ef4444}.status-badge.libur[data-v-81110328]{background:#fff3e0;color:#ff9800}.aksi-buttons[data-v-81110328]{display:flex;gap:8px}.btn-edit[data-v-81110328],.btn-hapus[data-v-81110328]{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.btn-edit[data-v-81110328]{background:#f0f7ff;color:#06f}.btn-edit[data-v-81110328]:hover{background:#06f;color:#fff}.btn-hapus[data-v-81110328]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-81110328]:hover{background:#ef4444;color:#fff}.no-data[data-v-81110328]{text-align:center;padding:48px!important;color:#94a3b8;font-size:16px}.pagination-section[data-v-81110328]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0}.pagination-info[data-v-81110328]{font-size:13px;color:#666}.pagination-controls[data-v-81110328]{display:flex;align-items:center;gap:16px}.pagination-btn[data-v-81110328]{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s}.pagination-btn[data-v-81110328]:hover:not(:disabled){background:#f8fafc;border-color:#06f;color:#06f}.pagination-btn[data-v-81110328]:disabled{opacity:.5;cursor:not-allowed}.pagination-page[data-v-81110328]{font-size:13px;color:#666}@media(max-width:1024px){.stats-grid[data-v-81110328]{grid-template-columns:repeat(2,1fr)}.filter-section[data-v-81110328]{flex-direction:column}.search-box[data-v-81110328]{flex:1}.filter-select[data-v-81110328]{width:100%}.seller-row[data-v-81110328]{flex-wrap:wrap}.seller-card[data-v-81110328]{flex:1 1 150px}}@media(max-width:768px){.header-section[data-v-81110328]{flex-direction:column;gap:16px;align-items:stretch}.btn-tambah[data-v-81110328]{justify-content:center}.stats-grid[data-v-81110328]{grid-template-columns:1fr}.seller-row[data-v-81110328]{display:grid;grid-template-columns:repeat(3,1fr)}.seller-card[data-v-81110328]{flex:none;width:auto}.pagination-section[data-v-81110328]{flex-direction:column;gap:12px;align-items:center}}@media(max-width:480px){.seller-row[data-v-81110328]{grid-template-columns:repeat(2,1fr)}}.analytics-container[data-v-1cf25075]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-1cf25075]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;gap:16px}.header-title h1[data-v-1cf25075]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-1cf25075]{color:#666;font-size:14px;margin:0}.filter-box[data-v-1cf25075]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.date-range[data-v-1cf25075]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-1cf25075]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-1cf25075]{color:#666;margin-right:8px}.date-field[data-v-1cf25075]{border:none;padding:10px 0;font-size:14px;outline:none;width:130px}.date-separator[data-v-1cf25075]{color:#999}.btn-apply[data-v-1cf25075]{background:#06f;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-apply[data-v-1cf25075]:hover{background:#0052cc;transform:translateY(-1px)}.section-title[data-v-1cf25075]{font-size:20px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.section-subtitle[data-v-1cf25075]{font-size:13px;color:#666;margin:0 0 20px}.top-toko-section[data-v-1cf25075]{background:#fff;border-radius:20px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.top-cards[data-v-1cf25075]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.top-card[data-v-1cf25075]{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px;padding:20px;border:1px solid #e5e7eb;transition:all .3s}.top-card[data-v-1cf25075]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.top-card.rank-1[data-v-1cf25075]{border-top:4px solid #ffd700;background:linear-gradient(135deg,#fff9e6,#fff)}.top-card.rank-2[data-v-1cf25075]{border-top:4px solid #c0c0c0}.top-card.rank-3[data-v-1cf25075]{border-top:4px solid #cd7f32}.card-rank[data-v-1cf25075]{display:flex;align-items:center;gap:8px;margin-bottom:16px}.rank-number[data-v-1cf25075]{font-size:24px;font-weight:700;color:#1a1a2e}.rank-icon[data-v-1cf25075]{font-size:28px}.toko-name[data-v-1cf25075]{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 16px;word-break:break-word}.stats-grid[data-v-1cf25075]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-item[data-v-1cf25075]{text-align:center;background:#fff;padding:10px;border-radius:12px;border:1px solid #f0f0f0}.stat-value[data-v-1cf25075]{display:block;font-size:16px;font-weight:700;color:#06f}.stat-label[data-v-1cf25075]{display:block;font-size:11px;color:#94a3b8;margin-top:4px}.btn-detail[data-v-1cf25075]{width:100%;background:#06f;color:#fff;border:none;padding:10px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-detail[data-v-1cf25075]:hover{background:#0052cc}.top-growth-section[data-v-1cf25075]{background:#fff;border-radius:20px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.growth-cards[data-v-1cf25075]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px}.growth-card[data-v-1cf25075]{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px;padding:20px;border:1px solid #e5e7eb;transition:all .3s}.growth-card[data-v-1cf25075]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.growth-card.rank-1[data-v-1cf25075]{border-left:4px solid #00cc66;background:linear-gradient(135deg,#e6ffe6,#fff)}.growth-card.rank-2[data-v-1cf25075]{border-left:4px solid #0066ff}.growth-card.rank-3[data-v-1cf25075]{border-left:4px solid #ff8800}.growth-rank[data-v-1cf25075]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.growth-content[data-v-1cf25075]{margin-bottom:16px}.new-badge[data-v-1cf25075]{display:inline-flex;align-items:center;gap:4px;background:#e6ffe6;color:#0a4;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:12px}.growth-stats[data-v-1cf25075]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.growth-stat[data-v-1cf25075]{text-align:center;flex:1}.growth-stat .stat-value[data-v-1cf25075]{font-size:18px;font-weight:700;color:#1a1a2e}.growth-stat .stat-value.muted[data-v-1cf25075]{color:#94a3b8;text-decoration:line-through}.growth-stat .stat-label[data-v-1cf25075]{font-size:10px;color:#94a3b8;display:block;margin-top:4px}.growth-arrow[data-v-1cf25075]{color:#cbd5e1;font-size:18px}.growth-percentage[data-v-1cf25075]{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:30px;font-weight:700;font-size:14px}.growth-percentage.positive[data-v-1cf25075]{background:#e6ffe6;color:#0a4}.growth-percentage.negative[data-v-1cf25075]{background:#ffe6e6;color:#f44}.btn-detail-growth[data-v-1cf25075]{width:100%;background:#f5f5f5;color:#06f;border:none;padding:10px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer}.btn-detail-growth[data-v-1cf25075]:hover{background:#06f;color:#fff}.new-toko-section[data-v-1cf25075]{background:#fff;border-radius:20px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.new-toko-header[data-v-1cf25075]{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.new-toko-search[data-v-1cf25075]{position:relative;min-width:250px}.new-toko-search .search-icon[data-v-1cf25075]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.search-input-new[data-v-1cf25075]{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px}.search-input-new[data-v-1cf25075]:focus{outline:none;border-color:#06f}.new-toko-table-wrapper[data-v-1cf25075]{overflow-x:auto}.new-toko-table[data-v-1cf25075]{width:100%;border-collapse:collapse}.new-toko-table th[data-v-1cf25075],.new-toko-table td[data-v-1cf25075]{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.new-toko-table th[data-v-1cf25075]{background:#f8fafc;font-weight:600;color:#1a1a2e}.toko-name-cell[data-v-1cf25075]{font-weight:500;color:#1a1a2e}.new-toko-badge[data-v-1cf25075]{margin-right:8px}.paket-count[data-v-1cf25075]{font-weight:600;color:#06f}.first-date[data-v-1cf25075]{font-size:12px;color:#0a4;font-weight:500}.first-paket[data-v-1cf25075]{font-weight:600;color:#f80}.btn-detail-new[data-v-1cf25075]{background:#e6f0ff;border:1px solid #0066ff;color:#06f;font-size:12px;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer}.btn-detail-new[data-v-1cf25075]:hover{background:#06f;color:#fff}.no-data-table[data-v-1cf25075]{text-align:center;padding:40px;color:#94a3b8}.pagination-container[data-v-1cf25075]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-info[data-v-1cf25075]{font-size:13px;color:#666}.pagination-controls[data-v-1cf25075]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pagination-btn[data-v-1cf25075]{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:13px;cursor:pointer;color:#1a1a2e}.pagination-btn[data-v-1cf25075]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-1cf25075]:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.pagination-current[data-v-1cf25075]{font-size:13px;color:#666;padding:0 8px}.text-center[data-v-1cf25075]{text-align:center}.text-right[data-v-1cf25075]{text-align:right}.loading-state[data-v-1cf25075]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-1cf25075]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-1cf25075 1s linear infinite;margin:0 auto 20px}@keyframes spin-1cf25075{to{transform:rotate(360deg)}}.empty-state[data-v-1cf25075]{background:#fff;border-radius:20px;padding:60px;text-align:center;color:#94a3b8}.empty-state span[data-v-1cf25075]{font-size:48px;display:block;margin-bottom:16px}.search-section[data-v-1cf25075]{background:#fff;border-radius:20px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.search-box[data-v-1cf25075]{position:relative;max-width:400px;margin-top:16px}.search-box .search-icon[data-v-1cf25075]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#999}.search-box input[data-v-1cf25075]{width:100%;padding:12px 12px 12px 42px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px}.search-box input[data-v-1cf25075]:focus{outline:none;border-color:#06f}.search-results[data-v-1cf25075]{margin-top:12px;max-width:400px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.search-result-item[data-v-1cf25075]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0}.search-result-item[data-v-1cf25075]:hover{background:#f0f7ff}.result-name[data-v-1cf25075]{font-weight:500;color:#1a1a2e}.result-kota[data-v-1cf25075]{font-size:12px;color:#94a3b8}.detail-section[data-v-1cf25075]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 8px #0000000d}.detail-header[data-v-1cf25075]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-clear[data-v-1cf25075]{background:#f5f5f5;color:#666;border:none;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer}.detail-loading[data-v-1cf25075]{text-align:center;padding:40px}.spinner-small[data-v-1cf25075]{width:30px;height:30px;border:3px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-1cf25075 1s linear infinite;margin:0 auto 16px}.detail-empty[data-v-1cf25075]{text-align:center;padding:60px;color:#94a3b8}.detail-empty span[data-v-1cf25075]{font-size:48px;display:block;margin-bottom:16px}.profil-toko-card[data-v-1cf25075]{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;border:none;margin-bottom:28px;overflow:hidden;box-shadow:0 8px 20px #0000000f;transition:all .3s ease}.profil-toko-card[data-v-1cf25075]:hover{box-shadow:0 12px 28px #0000001a;transform:translateY(-2px)}.profil-toko-card .card-header[data-v-1cf25075]{background:linear-gradient(135deg,#06f,#0052cc);padding:18px 24px;border-bottom:none}.profil-toko-card .card-header .card-icon[data-v-1cf25075]{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.profil-toko-card .card-header h3[data-v-1cf25075]{color:#fff;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0}.profil-grid[data-v-1cf25075]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;background:#fff}.profil-item[data-v-1cf25075]{background:#f8fafc;padding:14px 16px;border-radius:16px;transition:all .2s;border-left:3px solid #0066ff}.profil-item[data-v-1cf25075]:hover{transform:translate(4px);background:#f0f7ff}.profil-label[data-v-1cf25075]{font-size:11px;color:#06f;text-transform:uppercase;letter-spacing:1px;font-weight:600;display:block;margin-bottom:6px}.profil-value[data-v-1cf25075]{font-size:14px;font-weight:600;color:#1a1a2e;word-break:break-word;line-height:1.4}.performance-card[data-v-1cf25075]{background:linear-gradient(135deg,#fff,#fefefe);border-radius:24px;border:none;margin-bottom:28px;padding:20px;box-shadow:0 8px 20px #0000000f}.performance-grid[data-v-1cf25075]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.performance-item[data-v-1cf25075]{text-align:center;padding:12px 8px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,102,255,.08);position:relative;overflow:hidden}.performance-item[data-v-1cf25075]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06f,#0c6);transform:scaleX(0);transition:transform .3s ease}.performance-item[data-v-1cf25075]:hover:before{transform:scaleX(1)}.performance-item[data-v-1cf25075]:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0066ff1f;border-color:#06f3}.performance-item.clickable[data-v-1cf25075]{cursor:pointer}.performance-item.clickable[data-v-1cf25075]:hover{background:linear-gradient(135deg,#f0f7ff,#fff)}.performance-icon[data-v-1cf25075]{font-size:24px;margin-bottom:6px;display:block}.performance-value[data-v-1cf25075]{font-size:18px;font-weight:700;line-height:1.3;color:#1a1a2e;white-space:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;display:inline-block}.performance-label[data-v-1cf25075]{font-size:10px;color:#64748b;margin-top:6px;font-weight:500;letter-spacing:.3px}.performance-hint[data-v-1cf25075]{font-size:9px;color:#06f;margin-top:6px;font-weight:500;opacity:1;display:block}.chart-card[data-v-1cf25075]{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.chart-card h3[data-v-1cf25075]{font-size:16px;font-weight:600;margin:0 0 16px}.bar-chart[data-v-1cf25075]{display:flex;flex-direction:column;gap:12px}.bar-item[data-v-1cf25075]{display:flex;align-items:center;gap:12px}.bar-label[data-v-1cf25075]{width:60px;font-size:12px;color:#666}.bar-container[data-v-1cf25075]{flex:1;position:relative;height:32px;background:#e5e7eb;border-radius:8px;overflow:hidden}.bar[data-v-1cf25075]{height:100%;background:#06f;border-radius:8px;transition:width .3s}.bar-value[data-v-1cf25075]{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#1a1a2e}.two-columns[data-v-1cf25075]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.info-card[data-v-1cf25075]{background:#f8fafc;border-radius:16px;padding:20px;border:1px solid #e5e7eb}.info-card h3[data-v-1cf25075]{font-size:16px;font-weight:600;margin:0 0 16px}.layanan-list[data-v-1cf25075],.kota-list[data-v-1cf25075]{display:flex;flex-direction:column;gap:12px}.layanan-item[data-v-1cf25075]{background:#fff;padding:12px;border-radius:12px}.layanan-label[data-v-1cf25075]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.layanan-name[data-v-1cf25075]{font-weight:600;color:#1a1a2e}.layanan-persen[data-v-1cf25075]{font-size:12px;color:#06f;font-weight:500}.progress-bar[data-v-1cf25075]{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-1cf25075]{height:100%;background:#06f;border-radius:3px}.layanan-stats[data-v-1cf25075]{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8}.kota-item[data-v-1cf25075]{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:12px}.kota-rank[data-v-1cf25075]{width:28px;height:28px;background:#06f;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.kota-info[data-v-1cf25075]{flex:1}.kota-name[data-v-1cf25075]{font-weight:600;color:#1a1a2e;margin-bottom:4px}.kota-stats[data-v-1cf25075]{display:flex;gap:12px;font-size:11px;color:#94a3b8}.top-barang-card[data-v-1cf25075]{background:#f8fafc;border-radius:20px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:8px}.top-barang-card .card-header[data-v-1cf25075]{background:#fff;border-bottom:1px solid #f0f0f0}.barang-list[data-v-1cf25075]{display:flex;flex-direction:column;padding:16px;gap:12px}.barang-item[data-v-1cf25075]{display:flex;align-items:center;gap:16px;background:#fff;padding:12px 16px;border-radius:12px;border:1px solid #f0f0f0}.barang-rank[data-v-1cf25075]{width:32px;height:32px;background:#06f;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.barang-info[data-v-1cf25075]{flex:1}.barang-name[data-v-1cf25075]{font-weight:600;color:#1a1a2e;margin-bottom:6px;font-size:14px}.barang-stats[data-v-1cf25075]{display:flex;gap:16px;font-size:11px;color:#94a3b8}.no-data[data-v-1cf25075]{text-align:center;padding:40px;color:#94a3b8;font-size:13px}.modal-overlay[data-v-1cf25075]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-1cf25075]{width:100%;max-width:600px;max-height:80vh;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-1cf25075 .3s ease}@keyframes slideUp-1cf25075{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-1cf25075]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-left[data-v-1cf25075]{display:flex;align-items:center;gap:12px}.modal-icon[data-v-1cf25075]{font-size:32px}.modal-title[data-v-1cf25075]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.modal-subtitle[data-v-1cf25075]{font-size:12px;color:#666;margin:0}.modal-close[data-v-1cf25075]{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer}.modal-close[data-v-1cf25075]:hover{background:#fee2e2;color:#ef4444}.modal-body[data-v-1cf25075]{flex:1;overflow-y:auto;padding:20px 24px}.modal-footer[data-v-1cf25075]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.btn-modal-close[data-v-1cf25075]{background:#f5f5f5;color:#666;border:none;padding:10px 24px;border-radius:10px;font-size:13px;cursor:pointer}.klien-modal-list[data-v-1cf25075],.sprinter-modal-list[data-v-1cf25075]{display:flex;flex-direction:column;gap:12px}.klien-modal-item[data-v-1cf25075],.sprinter-modal-item[data-v-1cf25075]{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.klien-modal-rank[data-v-1cf25075],.sprinter-modal-rank[data-v-1cf25075]{width:32px;height:32px;background:#06f;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.sprinter-modal-rank[data-v-1cf25075]{background:#ff9800}.klien-modal-info[data-v-1cf25075],.sprinter-modal-info[data-v-1cf25075]{flex:1}.klien-modal-name[data-v-1cf25075],.sprinter-modal-name[data-v-1cf25075]{font-weight:600;color:#1a1a2e;margin-bottom:6px;font-size:14px}.klien-modal-stats[data-v-1cf25075],.sprinter-modal-stats[data-v-1cf25075]{display:flex;gap:16px;flex-wrap:wrap}.stat-badge[data-v-1cf25075]{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8;background:#fff;padding:2px 8px;border-radius:12px;border:1px solid #e5e7eb}.modal-empty[data-v-1cf25075]{text-align:center;padding:40px;color:#94a3b8}.modal-empty span[data-v-1cf25075]{font-size:48px;display:block;margin-bottom:16px}@media(max-width:1024px){.top-cards[data-v-1cf25075],.growth-cards[data-v-1cf25075]{grid-template-columns:1fr}.performance-grid[data-v-1cf25075]{grid-template-columns:repeat(3,1fr);gap:12px}.profil-grid[data-v-1cf25075]{grid-template-columns:repeat(2,1fr);gap:16px}.two-columns[data-v-1cf25075]{grid-template-columns:1fr}.pagination-container[data-v-1cf25075]{flex-direction:column;align-items:center}.performance-value[data-v-1cf25075]{font-size:16px}.performance-icon[data-v-1cf25075]{font-size:20px}}@media(max-width:768px){.analytics-container[data-v-1cf25075]{padding:16px}.header-section[data-v-1cf25075]{flex-direction:column;align-items:stretch}.date-range[data-v-1cf25075]{flex-direction:column}.date-input[data-v-1cf25075],.date-field[data-v-1cf25075]{width:100%}.performance-grid[data-v-1cf25075]{grid-template-columns:repeat(2,1fr);gap:10px}.performance-value[data-v-1cf25075]{font-size:14px}.performance-icon[data-v-1cf25075]{font-size:18px}.profil-grid[data-v-1cf25075]{grid-template-columns:1fr;gap:12px;padding:16px}.profil-item[data-v-1cf25075]{padding:10px 14px}.stats-grid[data-v-1cf25075]{grid-template-columns:1fr}.bar-item[data-v-1cf25075]{flex-direction:column;align-items:flex-start}.bar-label[data-v-1cf25075]{width:auto}.bar-container[data-v-1cf25075]{width:100%}.modal-container[data-v-1cf25075]{max-width:95%}.new-toko-table th[data-v-1cf25075],.new-toko-table td[data-v-1cf25075]{padding:8px;font-size:12px}.pagination-controls[data-v-1cf25075]{justify-content:center}.pagination-btn[data-v-1cf25075]{padding:4px 8px;font-size:11px}}.dashboard-outgoing[data-v-8fb94056]{padding:24px;max-width:1600px;margin:0 auto}.header-section[data-v-8fb94056]{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-title h1[data-v-8fb94056]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-8fb94056]{margin:0;color:#666;font-size:14px}.filter-box[data-v-8fb94056]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.date-range[data-v-8fb94056]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-8fb94056]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-8fb94056]{color:#666;font-size:16px;margin-right:8px}.date-field[data-v-8fb94056]{border:none;padding:10px 0;font-size:14px;outline:none;width:140px}.date-separator[data-v-8fb94056]{color:#999;font-size:14px}.btn-apply[data-v-8fb94056]{background:#06f;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-apply[data-v-8fb94056]:hover{background:#0052cc;transform:translateY(-2px);box-shadow:0 8px 16px #06f3}.tab-navigation[data-v-8fb94056]{display:flex;gap:8px;background:#fff;padding:8px;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.tab-btn[data-v-8fb94056]{display:flex;align-items:center;gap:10px;padding:12px 24px;background:transparent;border:none;border-radius:12px;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.tab-btn[data-v-8fb94056]:hover{background:#f0f0f0;color:#1a1a2e}.tab-btn.active[data-v-8fb94056]{background:#06f;color:#fff;box-shadow:0 2px 8px #0066ff4d}.tab-icon[data-v-8fb94056]{font-size:18px}.tab-label[data-v-8fb94056]{font-size:14px}.loading-state[data-v-8fb94056]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-8fb94056]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-8fb94056 1s linear infinite;margin:0 auto 20px}@keyframes spin-8fb94056{to{transform:rotate(360deg)}}.loading-state p[data-v-8fb94056]{color:#666;margin:0}.error-state[data-v-8fb94056]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-8fb94056]{font-size:48px}.error-message h3[data-v-8fb94056]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-8fb94056]{color:#666;margin:0 0 16px}.btn-retry[data-v-8fb94056]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-retry[data-v-8fb94056]:hover{background:#b91c1c}.kpi-grid[data-v-8fb94056]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.kpi-card[data-v-8fb94056]{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 12px #0000000d;transition:all .2s}.kpi-card[data-v-8fb94056]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.total-paket[data-v-8fb94056],.estimasi-pendapatan[data-v-8fb94056]{grid-column:span 1}.kpi-header[data-v-8fb94056]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.kpi-icon[data-v-8fb94056]{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.kpi-icon.blue[data-v-8fb94056]{background:#e6f0ff;color:#06f}.kpi-icon.green[data-v-8fb94056]{background:#e6ffe6;color:#0c6}.kpi-icon.purple[data-v-8fb94056]{background:#f0e6ff;color:#93f}.kpi-icon.orange[data-v-8fb94056]{background:#fff0e6;color:#f60}.kpi-icon.cyan[data-v-8fb94056]{background:#e6fff5;color:#0cc}.kpi-icon.gold[data-v-8fb94056]{background:#fff9e6;color:#fa0}.kpi-total[data-v-8fb94056]{font-size:28px;font-weight:700;color:#1a1a2e}.kpi-total.green-text[data-v-8fb94056]{color:#0c6}.kpi-label[data-v-8fb94056]{font-size:14px;color:#666;margin-bottom:16px}.kpi-breakdown[data-v-8fb94056]{margin-top:12px}.breakdown-item[data-v-8fb94056]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.breakdown-label[data-v-8fb94056]{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.dot[data-v-8fb94056]{width:8px;height:8px;border-radius:4px}.dot.green[data-v-8fb94056]{background:#0c6}.dot.orange[data-v-8fb94056]{background:#f80}.dot.purple[data-v-8fb94056]{background:#93f}.dot.cyan[data-v-8fb94056]{background:#0cc}.dot.blue[data-v-8fb94056]{background:#06f}.dot.red[data-v-8fb94056]{background:#f44}.breakdown-value[data-v-8fb94056]{display:flex;align-items:center;gap:8px}.value[data-v-8fb94056]{font-weight:600;color:#1a1a2e}.value.green-text[data-v-8fb94056]{color:#0c6}.value.orange-text[data-v-8fb94056]{color:#f80}.value.purple-text[data-v-8fb94056]{color:#93f}.percentage[data-v-8fb94056]{font-size:11px;color:#999;background:#f5f5f5;padding:2px 6px;border-radius:4px}.progress-bar[data-v-8fb94056]{width:100%;height:6px;background:#f0f0f0;border-radius:3px;margin-top:12px;overflow:hidden}.progress-green[data-v-8fb94056]{height:100%;background:#0c6;border-radius:3px;transition:width .3s}.progress-cyan[data-v-8fb94056]{height:100%;background:#0cc;border-radius:3px;transition:width .3s}.no-data-message[data-v-8fb94056]{text-align:center;padding:16px 0}.sprinter-card[data-v-8fb94056]{padding:20px}.sprinter-utama[data-v-8fb94056]{flex:1}.sprinter-total[data-v-8fb94056]{font-size:28px;font-weight:700;color:#f60;line-height:1.2}.sprinter-label[data-v-8fb94056]{font-size:12px;color:#666;margin-top:2px}.top-sprinter-list[data-v-8fb94056]{margin-top:16px;border-top:1px solid #f0f0f0;padding-top:12px}.top-sprinter-header[data-v-8fb94056]{margin-bottom:10px}.top-label[data-v-8fb94056]{font-size:11px;font-weight:600;color:#f80;text-transform:uppercase;letter-spacing:.5px}.top-sprinter-item[data-v-8fb94056]{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed #f0f0f0;font-size:12px}.top-sprinter-item[data-v-8fb94056]:last-child{border-bottom:none}.sprinter-rank[data-v-8fb94056]{width:30px}.rank-number[data-v-8fb94056]{display:inline-block;width:24px;height:20px;border-radius:10px;font-size:10px;font-weight:600;text-align:center;line-height:20px}.rank-1[data-v-8fb94056]{background:#fff9e6;color:#b76e00;border:1px solid #ffd966}.rank-2[data-v-8fb94056]{background:#f5f5f5;color:#666;border:1px solid #ccc}.rank-3[data-v-8fb94056]{background:#fff0e6;color:#b85c00;border:1px solid #ffb37f}.rank-4[data-v-8fb94056]{background:#e6f0ff;color:#06f;border:1px solid #b3d4ff}.rank-5[data-v-8fb94056]{background:#f0e6ff;color:#93f;border:1px solid #d9c5ff}.sprinter-nama[data-v-8fb94056]{flex:1;font-weight:500;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprinter-paket[data-v-8fb94056]{color:#f60;font-weight:600;font-size:11px;white-space:nowrap}.top-sprinter-empty[data-v-8fb94056]{text-align:center;color:#999;font-size:12px;padding:10px 0}.klien-card[data-v-8fb94056]{padding:20px}.klien-utama[data-v-8fb94056]{flex:1}.klien-total[data-v-8fb94056]{font-size:28px;font-weight:700;color:#fa0;line-height:1.2}.klien-label[data-v-8fb94056]{font-size:12px;color:#666;margin-top:2px}.top-klien-list[data-v-8fb94056]{margin-top:16px;border-top:1px solid #f0f0f0;padding-top:12px;max-height:280px;overflow-y:auto}.top-klien-item[data-v-8fb94056]{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed #f0f0f0;font-size:12px}.top-klien-item[data-v-8fb94056]:last-child{border-bottom:none}.klien-rank[data-v-8fb94056]{width:30px}.klien-info[data-v-8fb94056]{flex:1;display:flex;flex-direction:column;min-width:0}.klien-nama[data-v-8fb94056]{font-weight:500;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.klien-jumlah-toko[data-v-8fb94056]{color:#fa0;font-weight:600;font-size:9px;background:#fff9e6;padding:2px 4px;border-radius:4px;margin-left:4px}.klien-stats[data-v-8fb94056]{display:flex;align-items:center;gap:8px;margin-top:2px}.klien-paket[data-v-8fb94056]{color:#fa0;font-weight:600;font-size:10px}.klien-persen[data-v-8fb94056]{color:#666;font-size:9px;background:#f5f5f5;padding:2px 4px;border-radius:4px;min-width:30px;text-align:center}.btn-detail-toko[data-v-8fb94056]{background:#e6f0ff;border:1px solid #0066ff;color:#06f;font-size:9px;font-weight:600;padding:3px 6px;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap;margin-left:4px}.btn-detail-toko[data-v-8fb94056]:hover{background:#06f;color:#fff}.view-all-button[data-v-8fb94056]{margin-top:12px;padding:8px 12px;background:#f8fafc;border-radius:8px;text-align:center;font-size:11px;font-weight:500;color:#06f;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb}.view-all-button[data-v-8fb94056]:hover{background:#e6f0ff;border-color:#06f}.statistik-card[data-v-8fb94056]{background:#fff;border-radius:20px;padding:20px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.statistik-utama[data-v-8fb94056]{flex:1}.rata-rata[data-v-8fb94056]{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.rata-label[data-v-8fb94056]{font-size:12px;color:#666;margin:2px 0}.hari-operasi[data-v-8fb94056]{font-size:11px;color:#999}.statistik-minmax[data-v-8fb94056]{margin-top:16px;border-top:1px solid #f0f0f0;padding-top:12px}.minmax-item[data-v-8fb94056]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.minmax-item[data-v-8fb94056]:last-child{margin-bottom:0}.minmax-label[data-v-8fb94056]{display:flex;align-items:center;gap:6px;color:#666}.dot.max[data-v-8fb94056]{width:8px;height:8px;background:#fa0;border-radius:4px}.dot.min[data-v-8fb94056]{width:8px;height:8px;background:#06f;border-radius:4px}.minmax-value[data-v-8fb94056]{display:flex;align-items:center;gap:8px}.minmax-value .value[data-v-8fb94056]{font-weight:600;color:#1a1a2e}.minmax-value .tanggal[data-v-8fb94056]{font-size:11px;color:#999;background:#f5f5f5;padding:2px 6px;border-radius:4px}.trend-full-card[data-v-8fb94056]{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.card-header[data-v-8fb94056]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3[data-v-8fb94056]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.legend[data-v-8fb94056]{display:flex;gap:16px;flex-wrap:wrap}.legend-item[data-v-8fb94056]{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.legend-dot[data-v-8fb94056]{width:10px;height:10px;border-radius:3px}.legend-dot.blue[data-v-8fb94056]{background:#06f}.legend-dot.red[data-v-8fb94056]{background:#f44}.legend-dot.max[data-v-8fb94056]{background:#fa0}.legend-dot.min[data-v-8fb94056]{background:#06f}.chart-container.full-width[data-v-8fb94056]{overflow-x:auto;padding:20px 0 10px}.bars-container[data-v-8fb94056]{display:flex;align-items:flex-end;gap:8px;height:250px}.bar-wrapper[data-v-8fb94056]{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;min-width:30px}.bar-tooltip[data-v-8fb94056]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;margin-bottom:8px;box-shadow:0 4px 12px #0003}.bar-wrapper:hover .bar-tooltip[data-v-8fb94056]{opacity:1}.tooltip-content[data-v-8fb94056]{text-align:center}.tooltip-content strong[data-v-8fb94056]{display:block;margin-bottom:4px}.tooltip-content p[data-v-8fb94056]{margin:2px 0}.bar[data-v-8fb94056]{width:100%;background:#06f;border-radius:6px 6px 0 0;position:relative;cursor:pointer;transition:all .2s;min-height:20px}.bar[data-v-8fb94056]:hover{opacity:.9;transform:scaleX(1.05)}.bar-sunday[data-v-8fb94056]{background:#f44}.bar-max[data-v-8fb94056]{background:linear-gradient(180deg,#fa0,#f80);box-shadow:0 0 10px #ffaa004d}.bar-min[data-v-8fb94056]{background:linear-gradient(180deg,#4d94ff,#06f)}.bar-value[data-v-8fb94056]{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#333;white-space:nowrap}.bar-marker[data-v-8fb94056]{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.bar-marker.max[data-v-8fb94056]{color:#fa0}.bar-marker.min[data-v-8fb94056]{color:#06f}.bar-label[data-v-8fb94056]{font-size:10px;margin-top:8px;color:#666;transform:rotate(-45deg);white-space:nowrap}.bar-label.sunday-label[data-v-8fb94056]{color:#f44;font-weight:600}.empty-chart[data-v-8fb94056]{padding:60px 0;text-align:center;color:#999}.empty-chart span[data-v-8fb94056]{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.empty-chart p[data-v-8fb94056]{margin:0;font-size:14px}.growth-container[data-v-8fb94056]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 12px #0000000d}.growth-header[data-v-8fb94056]{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.period-badge[data-v-8fb94056]{text-align:center;padding:12px 24px;background:#f8fafc;border-radius:16px}.period-badge.previous[data-v-8fb94056]{background:#f5f5f5}.period-label[data-v-8fb94056]{display:block;font-size:12px;color:#666;margin-bottom:4px}.period-date[data-v-8fb94056]{font-size:16px;font-weight:600;color:#1a1a2e}.vs-divider[data-v-8fb94056]{font-size:20px;font-weight:700;color:#999}.growth-cards-grid[data-v-8fb94056]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.growth-comparison-card[data-v-8fb94056]{background:#f8fafc;border-radius:16px;padding:20px;transition:all .2s}.growth-comparison-card[data-v-8fb94056]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.comparison-card-header[data-v-8fb94056]{display:flex;align-items:center;gap:8px;margin-bottom:16px}.comparison-icon[data-v-8fb94056]{font-size:24px}.comparison-title[data-v-8fb94056]{font-size:14px;font-weight:600;color:#666}.comparison-values[data-v-8fb94056]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.current-value[data-v-8fb94056]{font-size:20px;font-weight:700;color:#1a1a2e}.vs-text[data-v-8fb94056]{font-size:11px;color:#999;margin:0 4px}.previous-value[data-v-8fb94056]{font-size:14px;color:#666;text-decoration:line-through}.comparison-growth[data-v-8fb94056]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600}.comparison-growth.up[data-v-8fb94056]{background:#e6ffe6;color:#0c6}.comparison-growth.down[data-v-8fb94056]{background:#fff5f5;color:#f44}.comparison-growth.flat[data-v-8fb94056]{background:#f5f5f5;color:#666}.growth-arrow[data-v-8fb94056]{font-size:12px}.growth-percentage[data-v-8fb94056]{font-size:14px}.growth-diff[data-v-8fb94056]{font-size:11px;opacity:.8}.growth-charts-grid[data-v-8fb94056]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:32px 0}.growth-chart-card[data-v-8fb94056]{background:#f8fafc;border-radius:16px;padding:20px;transition:all .2s}.growth-chart-card[data-v-8fb94056]:hover{box-shadow:0 8px 16px #00000014}.growth-chart-header[data-v-8fb94056]{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.growth-chart-header h4[data-v-8fb94056]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.growth-chart-icon[data-v-8fb94056]{font-size:24px}.growth-chart[data-v-8fb94056]{width:100%;min-height:300px}.growth-table-container[data-v-8fb94056]{margin-top:24px}.growth-table-container h4[data-v-8fb94056]{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:16px}.growth-table[data-v-8fb94056]{width:100%;border-collapse:collapse;background:#f8fafc;border-radius:12px;overflow:hidden}.growth-table th[data-v-8fb94056],.growth-table td[data-v-8fb94056]{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.growth-table th[data-v-8fb94056]{background:#f5f5f5;font-weight:600;color:#666}.growth-table td.up[data-v-8fb94056]{color:#0c6;font-weight:600}.growth-table td.down[data-v-8fb94056]{color:#f44;font-weight:600}.growth-table td.flat[data-v-8fb94056]{color:#666}.text-right[data-v-8fb94056]{text-align:right}.loading-state-small[data-v-8fb94056]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.error-state-small[data-v-8fb94056]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca}.btn-retry-small[data-v-8fb94056]{background:#dc2626;color:#fff;border:none;padding:8px 20px;border-radius:8px;margin-top:12px;cursor:pointer}.spinner-small[data-v-8fb94056]{width:30px;height:30px;border:3px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-8fb94056 1s linear infinite;margin:0 auto 16px}.top-performers-container[data-v-8fb94056]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 12px #0000000d}.top-performers-header[data-v-8fb94056]{background:#f8fafc;border-radius:20px;padding:24px;margin-bottom:24px;display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.period-box-compare[data-v-8fb94056]{flex:1;min-width:250px}.period-box-header[data-v-8fb94056]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.period-box-icon[data-v-8fb94056]{font-size:18px}.period-box-title[data-v-8fb94056]{font-size:14px;font-weight:600;color:#1a1a2e}.date-range-compare[data-v-8fb94056]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.btn-compare[data-v-8fb94056]{background:#06f;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;height:48px}.btn-compare[data-v-8fb94056]:hover{background:#0052cc;transform:translateY(-2px);box-shadow:0 8px 16px #06f3}.vs-divider-compare[data-v-8fb94056]{font-size:18px;font-weight:700;color:#999;padding-bottom:12px}.two-column-grid[data-v-8fb94056]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.period-column[data-v-8fb94056]{background:#f8fafc;border-radius:20px;padding:20px}.period-column-header[data-v-8fb94056]{text-align:center;padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid #e2e8f0}.period-column-header h3[data-v-8fb94056]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.period-date-range[data-v-8fb94056]{font-size:12px;color:#666;display:block}.period-total-paket[data-v-8fb94056]{font-size:13px;font-weight:600;color:#06f;display:block;margin-top:6px}.top-performers-card[data-v-8fb94056]{background:#fff;border-radius:16px;padding:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.top-performers-card[data-v-8fb94056]:last-child{margin-bottom:0}.card-header-title[data-v-8fb94056]{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.card-icon[data-v-8fb94056]{font-size:20px}.card-header-title h4[data-v-8fb94056]{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}.performer-group[data-v-8fb94056]{margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:12px}.performer-group[data-v-8fb94056]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.performer-main[data-v-8fb94056]{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.rank-badge[data-v-8fb94056]{display:inline-block;width:32px;height:24px;border-radius:12px;font-size:11px;font-weight:700;text-align:center;line-height:24px;background:#f5f5f5;color:#666}.rank-badge.rank-1[data-v-8fb94056]{background:#fff9e6;color:#b76e00;border:1px solid #ffd966}.rank-badge.rank-2[data-v-8fb94056]{background:#f5f5f5;color:#666;border:1px solid #ccc}.rank-badge.rank-3[data-v-8fb94056]{background:#fff0e6;color:#b85c00;border:1px solid #ffb37f}.rank-badge.rank-4[data-v-8fb94056]{background:#e6f0ff;color:#06f;border:1px solid #b3d4ff}.rank-badge.rank-5[data-v-8fb94056]{background:#f0e6ff;color:#93f;border:1px solid #d9c5ff}.performer-name[data-v-8fb94056]{flex:1;font-weight:600;color:#1a1a2e;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performer-total[data-v-8fb94056]{font-size:12px;font-weight:600;color:#06f;background:#e6f0ff;padding:2px 8px;border-radius:12px;white-space:nowrap}.nested-list[data-v-8fb94056]{margin-left:42px;margin-top:8px;padding-left:12px;border-left:2px solid #e6f0ff}.nested-header[data-v-8fb94056]{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;color:#666}.nested-icon[data-v-8fb94056]{font-size:12px}.nested-label[data-v-8fb94056]{font-weight:500;color:#888}.nested-item[data-v-8fb94056]{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px}.nested-rank[data-v-8fb94056]{width:24px;font-size:10px;color:#999;font-weight:500}.nested-name[data-v-8fb94056]{flex:1;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nested-value[data-v-8fb94056]{font-size:11px;font-weight:500;color:#f80;white-space:nowrap}.nested-empty[data-v-8fb94056]{font-size:11px;color:#ccc;font-style:italic}.empty-nested[data-v-8fb94056]{border-left-color:#f0f0f0}.flat-item[data-v-8fb94056]{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f5f5f5}.flat-item[data-v-8fb94056]:last-child{border-bottom:none}.empty-list[data-v-8fb94056]{text-align:center;color:#999;padding:20px 0;font-size:13px}.period-compare-filters[data-v-8fb94056]{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d;display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.period-box[data-v-8fb94056]{flex:1;min-width:250px}.modal-overlay[data-v-8fb94056]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-8fb94056]{background:#fff;border-radius:24px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-8fb94056 .3s ease}.modal-medium[data-v-8fb94056]{max-width:600px}@keyframes modalSlideIn-8fb94056{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-8fb94056]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-8fb94056]{margin:0;font-size:20px;color:#1a1a2e}.modal-close[data-v-8fb94056]{background:none;border:none;font-size:20px;cursor:pointer;color:#666;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close[data-v-8fb94056]:hover{background:#f5f5f5;color:#dc2626}.modal-search[data-v-8fb94056]{padding:16px 24px;border-bottom:1px solid #f0f0f0}.search-input[data-v-8fb94056]{width:100%;padding:10px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;transition:all .2s}.search-input[data-v-8fb94056]:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.modal-table-container[data-v-8fb94056]{flex:1;overflow-y:auto;padding:0 24px;max-height:50vh}.modal-table[data-v-8fb94056]{width:100%;border-collapse:collapse;font-size:14px}.modal-table th[data-v-8fb94056]{text-align:left;padding:12px 8px;background:#f8fafc;color:#666;font-weight:600;position:sticky;top:0;z-index:10}.modal-table td[data-v-8fb94056]{padding:10px 8px;border-bottom:1px solid #f0f0f0;color:#1a1a2e}.modal-table tr:hover td[data-v-8fb94056]{background:#f8fafc}.klien-cell[data-v-8fb94056],.toko-cell[data-v-8fb94056]{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-pagination[data-v-8fb94056]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;background:#f8fafc;border-radius:0 0 24px 24px}.pagination-info[data-v-8fb94056]{font-size:13px;color:#666}.pagination-controls[data-v-8fb94056]{display:flex;gap:8px;align-items:center}.pagination-btn[data-v-8fb94056]{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-8fb94056]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-8fb94056]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-8fb94056]{font-size:13px;color:#666;padding:0 8px}.no-data[data-v-8fb94056]{text-align:center;padding:48px!important;color:#999;font-size:14px}.loading-small[data-v-8fb94056]{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#666}.btn-detail-toko-table[data-v-8fb94056]{background:#e6f0ff;border:1px solid #0066ff;color:#06f;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-detail-toko-table[data-v-8fb94056]:hover{background:#06f;color:#fff}@media(max-width:1200px){.kpi-grid[data-v-8fb94056],.growth-cards-grid[data-v-8fb94056]{grid-template-columns:repeat(2,1fr)}.growth-charts-grid[data-v-8fb94056]{grid-template-columns:1fr}.period-compare-filters[data-v-8fb94056]{flex-direction:column;align-items:stretch}.vs-divider-compare[data-v-8fb94056]{text-align:center;padding-bottom:0}.two-column-grid[data-v-8fb94056]{grid-template-columns:1fr}.top-performers-header[data-v-8fb94056]{flex-direction:column;align-items:stretch}.nested-list[data-v-8fb94056]{margin-left:36px}.performer-name[data-v-8fb94056]{font-size:12px}.nested-name[data-v-8fb94056]{font-size:10px}}@media(max-width:768px){.dashboard-outgoing[data-v-8fb94056]{padding:16px}.header-section[data-v-8fb94056]{flex-direction:column;align-items:stretch}.filter-box[data-v-8fb94056]{flex-direction:column}.date-range[data-v-8fb94056]{flex-direction:column;width:100%}.date-input[data-v-8fb94056],.date-field[data-v-8fb94056]{width:100%}.btn-apply[data-v-8fb94056]{width:100%;justify-content:center}.tab-navigation[data-v-8fb94056]{flex-wrap:wrap}.tab-btn[data-v-8fb94056]{flex:1;justify-content:center;padding:10px 16px}.tab-label[data-v-8fb94056]{font-size:12px}.kpi-grid[data-v-8fb94056]{grid-template-columns:1fr}.modal-container[data-v-8fb94056]{width:95%}.growth-header[data-v-8fb94056]{flex-direction:column;gap:16px}.growth-cards-grid[data-v-8fb94056]{grid-template-columns:1fr}.growth-table[data-v-8fb94056]{font-size:12px}.growth-table th[data-v-8fb94056],.growth-table td[data-v-8fb94056]{padding:8px}.period-compare-filters[data-v-8fb94056]{flex-direction:column;align-items:stretch}.date-range-compare[data-v-8fb94056]{flex-direction:column;width:100%}.date-range-compare .date-input[data-v-8fb94056]{width:100%}.btn-compare[data-v-8fb94056]{width:100%;justify-content:center}.vs-divider-compare[data-v-8fb94056]{text-align:center;padding:8px 0}.period-box-compare .date-range-compare[data-v-8fb94056]{flex-direction:column;width:100%}.period-box-compare .date-range-compare .date-input[data-v-8fb94056]{width:100%}.performer-main[data-v-8fb94056]{flex-wrap:wrap}.nested-list[data-v-8fb94056]{margin-left:20px}.nested-item[data-v-8fb94056]{flex-wrap:wrap}.nested-name[data-v-8fb94056]{flex:1;min-width:100px}}.upload-outgoing-container[data-v-da132bf2]{padding:24px;max-width:1000px;margin:0 auto}.header-section[data-v-da132bf2]{background:#fff;border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-title h1[data-v-da132bf2]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-da132bf2]{margin:0;color:#666;font-size:14px}.header-actions[data-v-da132bf2]{display:flex;gap:12px}.btn-template[data-v-da132bf2],.btn-history[data-v-da132bf2]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-template[data-v-da132bf2]{background:#0c6;color:#fff}.btn-template[data-v-da132bf2]:hover{background:#00994d;transform:translateY(-2px);box-shadow:0 8px 16px #0c63}.btn-history[data-v-da132bf2]{background:#f0f0f0;color:#666}.btn-history[data-v-da132bf2]:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 8px 16px #0000000d}.btn-icon[data-v-da132bf2]{font-size:16px}.info-card[data-v-da132bf2]{background:#f0f7ff;border-radius:16px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;gap:12px;border-left:4px solid #0066ff}.info-icon[data-v-da132bf2]{font-size:24px}.info-content p[data-v-da132bf2]{margin:0;color:#1e293b;font-size:14px;line-height:1.6}.info-content strong[data-v-da132bf2]{color:#06f}.upload-card[data-v-da132bf2]{background:#fff;border-radius:20px;padding:30px;margin-bottom:20px;box-shadow:0 4px 12px #0000000d}.drop-zone[data-v-da132bf2]{border:2px dashed #d1d5db;border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa;margin-bottom:20px}.drop-zone[data-v-da132bf2]:hover{border-color:#06f;background:#f0f7ff}.drop-zone.drag-over[data-v-da132bf2]{border-color:#06f;background:#e6f0ff;transform:scale(1.02)}.drop-zone.has-file[data-v-da132bf2]{border-color:#0c6;background:#f0fff0}.hidden-input[data-v-da132bf2]{display:none}.drop-zone-content[data-v-da132bf2]{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon[data-v-da132bf2]{font-size:48px;opacity:.8}.upload-text[data-v-da132bf2]{color:#666;font-size:16px;margin:0}.browse-text[data-v-da132bf2]{color:#06f;font-weight:600;text-decoration:underline;cursor:pointer}.file-info[data-v-da132bf2]{display:flex;align-items:center;gap:16px;width:100%;max-width:500px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.file-icon[data-v-da132bf2]{font-size:24px}.file-details[data-v-da132bf2]{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.file-name[data-v-da132bf2]{font-weight:600;color:#1a1a2e;font-size:14px}.file-size[data-v-da132bf2]{font-size:12px;color:#999}.remove-file[data-v-da132bf2]{width:30px;height:30px;border-radius:8px;border:none;background:#fee2e2;color:#ef4444;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-file[data-v-da132bf2]:hover{background:#ef4444;color:#fff}.upload-action[data-v-da132bf2]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.upload-info[data-v-da132bf2]{flex:1}.info-badge[data-v-da132bf2]{display:inline-block;padding:6px 12px;background:#f0f7ff;color:#06f;border-radius:20px;font-size:13px;font-weight:500}.btn-upload[data-v-da132bf2]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s}.btn-upload[data-v-da132bf2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-upload[data-v-da132bf2]:disabled{opacity:.6;cursor:not-allowed}.progress-section[data-v-da132bf2]{margin-top:20px;padding:16px;background:#f8fafc;border-radius:12px}.progress-header[data-v-da132bf2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label[data-v-da132bf2]{font-size:14px;font-weight:500;color:#1e293b}.progress-percentage[data-v-da132bf2]{font-size:14px;font-weight:600;color:#06f}.progress-bar-container[data-v-da132bf2]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar-fill[data-v-da132bf2]{height:100%;background:linear-gradient(90deg,#06f,#0c6);border-radius:4px;transition:width .3s ease}.debug-section[data-v-da132bf2]{background:#f8fafc;border-radius:12px;padding:12px 16px;margin-top:20px;display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0}.debug-section.error[data-v-da132bf2]{background:#fee2e2;border-color:#fecaca}.debug-icon[data-v-da132bf2]{font-size:18px}.debug-info[data-v-da132bf2]{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.debug-label[data-v-da132bf2]{font-size:13px;color:#64748b}.debug-value[data-v-da132bf2]{font-size:13px;font-weight:600;padding:2px 8px;border-radius:12px}.debug-value.success[data-v-da132bf2]{background:#0c6;color:#fff}.debug-value.error[data-v-da132bf2]{background:#ef4444;color:#fff}.debug-token[data-v-da132bf2]{font-size:12px;color:#94a3b8;font-family:monospace;margin-left:8px}.debug-message[data-v-da132bf2]{font-size:13px;color:#ef4444;font-weight:500}.result-card[data-v-da132bf2]{margin-top:24px;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a;animation:slideIn-da132bf2 .3s ease}@keyframes slideIn-da132bf2{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-card.success[data-v-da132bf2]{background:#f0fff0;border:1px solid #00cc66}.result-card.error[data-v-da132bf2]{background:#fff5f5;border:1px solid #ef4444}.result-card.info[data-v-da132bf2]{background:#f0f7ff;border:1px solid #0066ff}.result-header[data-v-da132bf2]{padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,.05)}.result-icon[data-v-da132bf2]{font-size:24px}.result-title[data-v-da132bf2]{flex:1;margin:0;font-size:18px;font-weight:600}.result-card.success .result-title[data-v-da132bf2]{color:#0c6}.result-card.error .result-title[data-v-da132bf2]{color:#ef4444}.result-card.info .result-title[data-v-da132bf2]{color:#06f}.result-close[data-v-da132bf2]{width:30px;height:30px;border-radius:8px;border:none;background:#0000000d;color:#666;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.result-close[data-v-da132bf2]:hover{background:#0000001a}.result-content[data-v-da132bf2]{padding:20px}.result-message[data-v-da132bf2]{margin:0 0 16px;font-size:15px;color:#1e293b}.upload-stats[data-v-da132bf2]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;padding:16px;background:#f8fafc;border-radius:16px}.stat-item[data-v-da132bf2]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000005}.stat-icon[data-v-da132bf2]{width:40px;height:40px;background:#e6f0ff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-detail[data-v-da132bf2]{flex:1}.stat-value[data-v-da132bf2]{display:block;font-size:20px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-da132bf2]{display:block;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.3px}.sync-section[data-v-da132bf2]{margin-top:20px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.btn-sync[data-v-da132bf2]{background:#93f;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s;width:100%}.btn-sync[data-v-da132bf2]:hover:not(:disabled){background:#7f2cd6;transform:translateY(-2px);box-shadow:0 8px 16px #93f3}.btn-sync[data-v-da132bf2]:disabled{opacity:.6;cursor:not-allowed}.sync-result[data-v-da132bf2]{margin-top:16px;display:flex;justify-content:center;gap:24px;padding:12px;background:#f0e6ff;border-radius:12px}.sync-stat[data-v-da132bf2]{display:flex;flex-direction:column;align-items:center;gap:4px}.sync-label[data-v-da132bf2]{font-size:12px;color:#666}.sync-value[data-v-da132bf2]{font-size:20px;font-weight:700;color:#93f}.result-errors[data-v-da132bf2]{background:#00000005;padding:16px;border-radius:12px;margin-top:12px}.errors-title[data-v-da132bf2]{margin:0 0 8px;font-size:14px;font-weight:600;color:#ef4444}.errors-list[data-v-da132bf2]{margin:0;padding:0;list-style:none}.errors-list li[data-v-da132bf2]{font-size:13px;color:#4b5563;margin-bottom:4px;display:flex;align-items:flex-start;gap:6px}.error-bullet[data-v-da132bf2]{color:#ef4444;font-size:16px}.errors-more[data-v-da132bf2]{color:#94a3b8!important;font-style:italic}.spinner-small[data-v-da132bf2]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-da132bf2 1s linear infinite}@keyframes spin-da132bf2{to{transform:rotate(360deg)}}@media(max-width:768px){.upload-outgoing-container[data-v-da132bf2]{padding:16px}.header-section[data-v-da132bf2]{flex-direction:column;align-items:stretch}.header-actions[data-v-da132bf2]{flex-direction:column}.btn-template[data-v-da132bf2],.btn-history[data-v-da132bf2]{width:100%;justify-content:center}.drop-zone[data-v-da132bf2]{padding:30px 20px}.file-info[data-v-da132bf2]{flex-wrap:wrap}.upload-action[data-v-da132bf2]{flex-direction:column}.btn-upload[data-v-da132bf2]{width:100%;justify-content:center}.upload-stats[data-v-da132bf2]{grid-template-columns:1fr}.sync-result[data-v-da132bf2]{flex-direction:column;gap:12px;align-items:center}}.tarif-outgoing-container[data-v-0c114178]{padding:24px;max-width:1000px;margin:0 auto}.header-section[data-v-0c114178]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-0c114178]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-0c114178]{color:#666;font-size:14px;margin:0}.loading-state[data-v-0c114178]{background:#fff;border-radius:20px;padding:60px;text-align:center;box-shadow:0 4px 12px #0000000d}.spinner[data-v-0c114178]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-0c114178 1s linear infinite;margin:0 auto 20px}@keyframes spin-0c114178{to{transform:rotate(360deg)}}.loading-state p[data-v-0c114178]{color:#666;margin:0}.error-state[data-v-0c114178]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon[data-v-0c114178]{font-size:48px}.error-message h3[data-v-0c114178]{color:#dc2626;margin:0 0 8px;font-size:18px}.error-message p[data-v-0c114178]{color:#666;margin:0 0 16px}.btn-retry[data-v-0c114178]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.btn-retry[data-v-0c114178]:hover{background:#b91c1c}.table-card[data-v-0c114178]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-0c114178]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-0c114178]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-0c114178]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-0c114178]{overflow-x:auto}.modern-table[data-v-0c114178]{width:100%;border-collapse:collapse;min-width:600px}.modern-table th[data-v-0c114178]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-0c114178]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px}.modern-table tr:hover td[data-v-0c114178]{background:#f8fafc}.text-center[data-v-0c114178]{text-align:center}.text-right[data-v-0c114178]{text-align:right}.jenis-badge[data-v-0c114178]{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.jenis-badge.kosambi[data-v-0c114178]{background:#e6f0ff;color:#06f}.jenis-badge.non-kosambi[data-v-0c114178]{background:#fff0e6;color:#f80}.jenis-badge.selisih[data-v-0c114178]{background:#f0e6ff;color:#93f}.tarif-value[data-v-0c114178]{font-weight:600;color:#1a1a2e;font-size:16px}.btn-edit[data-v-0c114178]{width:36px;height:36px;border-radius:8px;border:none;background:#f0f7ff;color:#06f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.btn-edit[data-v-0c114178]:hover{background:#06f;color:#fff}.no-data[data-v-0c114178]{text-align:center;padding:48px!important;color:#94a3b8;font-size:16px}.modal-overlay[data-v-0c114178]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-0c114178]{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-0c114178 .3s ease}@keyframes modalSlideIn-0c114178{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-0c114178]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-0c114178]{margin:0;font-size:20px;color:#1a1a2e}.modal-close[data-v-0c114178]{background:none;border:none;font-size:20px;cursor:pointer;color:#666;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close[data-v-0c114178]:hover{background:#f5f5f5;color:#dc2626}.modal-form[data-v-0c114178]{padding:24px}.form-group[data-v-0c114178]{margin-bottom:20px}.form-group label[data-v-0c114178]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-0c114178]{color:#ef4444;margin-left:2px}.input-with-prefix[data-v-0c114178]{position:relative;display:flex;align-items:center}.prefix[data-v-0c114178]{position:absolute;left:14px;color:#666;font-size:14px;z-index:1}.form-input[data-v-0c114178],.form-textarea[data-v-0c114178]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s;background:#fff}.form-input.with-prefix[data-v-0c114178]{padding-left:40px}.form-input[data-v-0c114178]:focus,.form-textarea[data-v-0c114178]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.form-textarea[data-v-0c114178]{resize:vertical;min-height:80px}.input-hint[data-v-0c114178]{font-size:11px;color:#06f;margin-top:4px}.form-actions[data-v-0c114178]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-primary[data-v-0c114178],.btn-secondary[data-v-0c114178]{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-0c114178]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff}.btn-primary[data-v-0c114178]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #06f3}.btn-primary[data-v-0c114178]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-0c114178]{background:#f5f5f5;color:#666}.btn-secondary[data-v-0c114178]:hover{background:#e5e5e5}.spinner-small[data-v-0c114178]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-0c114178 1s linear infinite}@media(max-width:768px){.header-section[data-v-0c114178]{flex-direction:column;align-items:stretch}.modal-container[data-v-0c114178]{width:95%}.form-actions[data-v-0c114178]{flex-direction:column-reverse}.btn-primary[data-v-0c114178],.btn-secondary[data-v-0c114178]{width:100%;justify-content:center}}.mobilisasi-container[data-v-4ca0e911]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-4ca0e911]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;gap:16px}.header-title h1[data-v-4ca0e911]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-4ca0e911]{color:#666;font-size:14px;margin:0}.header-actions[data-v-4ca0e911]{display:flex;gap:12px}.btn-refresh[data-v-4ca0e911]{background:#f0f0f0;color:#666;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-refresh[data-v-4ca0e911]:hover{background:#e0e0e0;transform:translateY(-2px)}.btn-tambah[data-v-4ca0e911]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-tambah[data-v-4ca0e911]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.filter-section[data-v-4ca0e911]{background:#fff;border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.filter-group[data-v-4ca0e911]{display:flex;flex-direction:column;gap:8px}.filter-group label[data-v-4ca0e911]{font-size:13px;font-weight:600;color:#374151}.filter-input[data-v-4ca0e911],.filter-select[data-v-4ca0e911]{padding:10px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;min-width:180px}.filter-input[data-v-4ca0e911]:focus,.filter-select[data-v-4ca0e911]:focus{outline:none;border-color:#06f}.btn-filter[data-v-4ca0e911]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;height:44px}.loading-state[data-v-4ca0e911]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-4ca0e911]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-4ca0e911 1s linear infinite;margin:0 auto 20px}@keyframes spin-4ca0e911{to{transform:rotate(360deg)}}.error-state[data-v-4ca0e911]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca}.error-icon[data-v-4ca0e911]{font-size:48px}.btn-retry[data-v-4ca0e911]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.tasks-container[data-v-4ca0e911]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.tasks-header[data-v-4ca0e911]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.tasks-header h3[data-v-4ca0e911]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.tasks-count[data-v-4ca0e911]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.tasks-list[data-v-4ca0e911]{padding:20px;display:flex;flex-direction:column;gap:20px}.task-card[data-v-4ca0e911]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s}.task-card[data-v-4ca0e911]:hover{box-shadow:0 4px 12px #00000014}.card-header[data-v-4ca0e911]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.header-left[data-v-4ca0e911]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-code[data-v-4ca0e911]{background:#f0f7ff;color:#06f;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;font-family:monospace}.status-badge[data-v-4ca0e911]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-success[data-v-4ca0e911]{background:#e6ffe6;color:#0c6}.status-warning[data-v-4ca0e911]{background:#fff3e0;color:#ff9800}.status-info[data-v-4ca0e911]{background:#e6f0ff;color:#06f}.status-danger[data-v-4ca0e911]{background:#fee2e2;color:#ef4444}.status-default[data-v-4ca0e911]{background:#f3f4f6;color:#6b7280}.task-date[data-v-4ca0e911]{font-size:12px;color:#94a3b8}.card-info[data-v-4ca0e911]{margin-bottom:16px}.info-grid[data-v-4ca0e911]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-item[data-v-4ca0e911]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-4ca0e911]{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase}.info-value[data-v-4ca0e911]{font-size:14px;font-weight:600;color:#1a1a2e}.info-sub[data-v-4ca0e911]{font-size:11px;color:#94a3b8}.tujuan-section[data-v-4ca0e911]{background:#f8fafc;border-radius:12px;padding:12px;margin:16px 0}.tujuan-title[data-v-4ca0e911]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;color:#1a1a2e}.tujuan-count[data-v-4ca0e911]{background:#e5e7eb;padding:2px 8px;border-radius:12px;font-size:11px}.tujuan-list[data-v-4ca0e911]{display:flex;flex-direction:column;gap:10px}.tujuan-item[data-v-4ca0e911]{display:flex;gap:12px;background:#fff;border-radius:10px;padding:10px;border:1px solid #e5e7eb}.tujuan-urutan[data-v-4ca0e911]{display:flex;align-items:center}.urutan-badge[data-v-4ca0e911]{width:28px;height:28px;background:#06f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.tujuan-content[data-v-4ca0e911]{flex:1}.tujuan-header[data-v-4ca0e911]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.seller-name[data-v-4ca0e911]{font-weight:600;color:#1a1a2e;font-size:14px}.seller-city[data-v-4ca0e911]{font-size:11px;color:#94a3b8}.pickup-status[data-v-4ca0e911]{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:500}.tujuan-detail[data-v-4ca0e911]{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#666}.tujuan-rencana[data-v-4ca0e911]{margin-top:4px;font-size:11px;color:#06f;background:#e6f0ff;padding:4px 8px;border-radius:6px;display:inline-block}.map-link[data-v-4ca0e911]{color:#06f;text-decoration:none}.map-link[data-v-4ca0e911]:hover{text-decoration:underline}.tujuan-realisasi[data-v-4ca0e911]{margin-top:6px;font-size:11px;color:#0c6;background:#e6ffe6;padding:4px 8px;border-radius:6px;display:inline-block}.card-actions[data-v-4ca0e911]{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}.btn-detail[data-v-4ca0e911],.btn-cancel[data-v-4ca0e911]{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-detail[data-v-4ca0e911]{background:#f0f7ff;color:#06f}.btn-detail[data-v-4ca0e911]:hover{background:#06f;color:#fff}.btn-cancel[data-v-4ca0e911]{background:#fee2e2;color:#ef4444}.btn-cancel[data-v-4ca0e911]:hover{background:#ef4444;color:#fff}.empty-state-card[data-v-4ca0e911]{text-align:center;padding:60px;color:#94a3b8}.pagination-container[data-v-4ca0e911]{margin-top:24px;padding:20px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.pagination[data-v-4ca0e911]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-4ca0e911],.page-btn[data-v-4ca0e911]{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s}.pagination-btn[data-v-4ca0e911]:hover:not(:disabled),.page-btn[data-v-4ca0e911]:hover:not(.active){background:#f0f7ff;border-color:#06f;color:#06f}.page-btn.active[data-v-4ca0e911]{background:linear-gradient(135deg,#06f,#0052cc);border-color:#06f;color:#fff}.pagination-info[data-v-4ca0e911]{font-size:13px;color:#666;background:#f8fafc;padding:8px 16px;border-radius:20px}.modal-overlay[data-v-4ca0e911]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-4ca0e911]{width:100%;max-width:800px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-4ca0e911 .3s ease}.modal-large[data-v-4ca0e911]{max-width:900px}@keyframes slideUp-4ca0e911{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-4ca0e911]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-4ca0e911]{display:flex;align-items:center;gap:16px}.header-icon[data-v-4ca0e911]{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.header-title h2[data-v-4ca0e911]{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-4ca0e911]{font-size:13px;color:#666;margin:0}.btn-close[data-v-4ca0e911]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;transition:all .2s}.btn-close[data-v-4ca0e911]:hover{background:#fee2e2;color:#ef4444}.modal-body[data-v-4ca0e911]{padding:24px;overflow-y:auto}.form-section[data-v-4ca0e911]{background:#fafafa;border-radius:16px;overflow:hidden;border:1px solid #f0f0f0;margin-bottom:20px}.section-header[data-v-4ca0e911]{padding:14px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-header h3[data-v-4ca0e911]{font-size:15px;font-weight:600;color:#1a1a2e;margin:0;flex:1}.btn-add-tujuan[data-v-4ca0e911]{background:#e6ffe6;color:#0c6;border:none;padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer}.section-content[data-v-4ca0e911]{padding:20px}.form-row[data-v-4ca0e911]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-group[data-v-4ca0e911]{margin-bottom:16px}.form-group.full[data-v-4ca0e911]{grid-column:1 / -1}.form-group label[data-v-4ca0e911]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-4ca0e911]{color:#ef4444}.form-input[data-v-4ca0e911],.form-select[data-v-4ca0e911]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px}.form-input[data-v-4ca0e911]:focus,.form-select[data-v-4ca0e911]:focus{outline:none;border-color:#06f}.tujuan-form-item[data-v-4ca0e911]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px}.tujuan-form-header[data-v-4ca0e911]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.tujuan-urutan-form[data-v-4ca0e911]{font-weight:600;color:#06f}.btn-remove-tujuan[data-v-4ca0e911]{background:#fee2e2;color:#ef4444;border:none;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer}.detail-section[data-v-4ca0e911]{margin-bottom:24px;background:#fafafa;border-radius:16px;padding:16px}.section-title[data-v-4ca0e911]{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.section-icon[data-v-4ca0e911]{font-size:18px}.section-title h3[data-v-4ca0e911]{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}.detail-grid[data-v-4ca0e911]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item[data-v-4ca0e911]{display:flex;flex-direction:column;gap:4px}.detail-label[data-v-4ca0e911]{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase}.detail-value[data-v-4ca0e911]{font-size:14px;font-weight:500;color:#1a1a2e}.status-badge-small[data-v-4ca0e911]{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;width:-moz-fit-content;width:fit-content}.tujuan-detail-list[data-v-4ca0e911]{display:flex;flex-direction:column;gap:16px}.tujuan-detail-item[data-v-4ca0e911]{background:#fff;border-radius:12px;padding:12px;border:1px solid #e5e7eb}.tujuan-detail-header[data-v-4ca0e911]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.seller-name-detail[data-v-4ca0e911]{font-weight:600;font-size:14px;color:#1a1a2e}.seller-city-detail[data-v-4ca0e911]{font-size:11px;color:#94a3b8}.tujuan-detail-body[data-v-4ca0e911]{display:flex;flex-direction:column;gap:6px}.detail-row[data-v-4ca0e911]{display:flex;gap:8px;font-size:12px}.detail-row .label[data-v-4ca0e911]{color:#94a3b8;min-width:100px}.detail-row .value[data-v-4ca0e911]{color:#1a1a2e;flex:1}.form-actions[data-v-4ca0e911]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:16px}.btn-primary[data-v-4ca0e911],.btn-secondary[data-v-4ca0e911]{padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-primary[data-v-4ca0e911]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff}.btn-primary[data-v-4ca0e911]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-4ca0e911]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-4ca0e911]{background:#f5f5f5;color:#666}.btn-secondary[data-v-4ca0e911]:hover{background:#e5e5e5}@media(max-width:768px){.mobilisasi-container[data-v-4ca0e911]{padding:16px}.header-section[data-v-4ca0e911],.filter-section[data-v-4ca0e911]{flex-direction:column;align-items:stretch}.filter-input[data-v-4ca0e911],.filter-select[data-v-4ca0e911]{width:100%}.info-grid[data-v-4ca0e911],.form-row[data-v-4ca0e911],.detail-grid[data-v-4ca0e911]{grid-template-columns:1fr}.pagination-container[data-v-4ca0e911]{flex-direction:column;align-items:stretch}.pagination[data-v-4ca0e911]{justify-content:center}.modal-container[data-v-4ca0e911]{max-height:95vh}.form-actions[data-v-4ca0e911]{flex-direction:column-reverse}.btn-primary[data-v-4ca0e911],.btn-secondary[data-v-4ca0e911]{width:100%;justify-content:center}}.driver-mobilisasi-container[data-v-1215b6ba]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-1215b6ba]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-1215b6ba]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-1215b6ba]{color:#666;font-size:14px;margin:0}.btn-refresh[data-v-1215b6ba]{background:#f0f0f0;color:#666;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-refresh[data-v-1215b6ba]:hover{background:#e0e0e0;transform:translateY(-2px)}.tab-container[data-v-1215b6ba]{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tab-button[data-v-1215b6ba]{background:#fff;color:#666;border:1px solid #e5e7eb;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tab-button[data-v-1215b6ba]:hover{background:#f0f0f0}.tab-active[data-v-1215b6ba]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border-color:#06f}.loading-state[data-v-1215b6ba]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-1215b6ba]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-1215b6ba 1s linear infinite;margin:0 auto 20px}@keyframes spin-1215b6ba{to{transform:rotate(360deg)}}.error-state[data-v-1215b6ba]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca}.error-icon[data-v-1215b6ba]{font-size:48px}.btn-retry[data-v-1215b6ba]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.tasks-container[data-v-1215b6ba]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.tasks-header[data-v-1215b6ba]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.tasks-header h3[data-v-1215b6ba]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.tasks-count[data-v-1215b6ba]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.tasks-list[data-v-1215b6ba]{padding:20px;display:flex;flex-direction:column;gap:20px}.task-card[data-v-1215b6ba]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s}.task-card[data-v-1215b6ba]:hover{box-shadow:0 4px 12px #00000014}.task-active[data-v-1215b6ba]{border-left:4px solid #ff9800;background:#fffaf5}.card-header[data-v-1215b6ba]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.header-left[data-v-1215b6ba]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-code[data-v-1215b6ba]{background:#f0f7ff;color:#06f;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;font-family:monospace}.status-badge[data-v-1215b6ba]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-success[data-v-1215b6ba]{background:#e6ffe6;color:#0c6}.status-warning[data-v-1215b6ba]{background:#fff3e0;color:#ff9800}.status-info[data-v-1215b6ba]{background:#e6f0ff;color:#06f}.status-danger[data-v-1215b6ba]{background:#fee2e2;color:#ef4444}.status-default[data-v-1215b6ba]{background:#f3f4f6;color:#6b7280}.status-primary[data-v-1215b6ba]{background:#e6f0ff;color:#06f}.task-date[data-v-1215b6ba]{font-size:12px;color:#94a3b8}.card-info[data-v-1215b6ba]{margin-bottom:16px}.info-grid[data-v-1215b6ba]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-item[data-v-1215b6ba]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-1215b6ba]{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase}.info-value[data-v-1215b6ba]{font-size:14px;font-weight:600;color:#1a1a2e}.info-sub[data-v-1215b6ba]{font-size:11px;color:#94a3b8}.tujuan-section[data-v-1215b6ba]{background:#f8fafc;border-radius:12px;padding:12px;margin:16px 0}.tujuan-title[data-v-1215b6ba]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;color:#1a1a2e}.tujuan-count[data-v-1215b6ba]{background:#e5e7eb;padding:2px 8px;border-radius:12px;font-size:11px}.tujuan-list[data-v-1215b6ba]{display:flex;flex-direction:column;gap:10px}.tujuan-item[data-v-1215b6ba]{display:flex;gap:12px;background:#fff;border-radius:10px;padding:10px;border:1px solid #e5e7eb}.tujuan-active[data-v-1215b6ba]{background:#fff8e7;border-color:#ff9800;box-shadow:0 2px 8px #ff98001a}.tujuan-urutan[data-v-1215b6ba]{display:flex;align-items:center}.urutan-badge[data-v-1215b6ba]{width:28px;height:28px;background:#06f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.urutan-active[data-v-1215b6ba]{background:#ff9800;animation:pulse-1215b6ba 1.5s infinite}.urutan-completed[data-v-1215b6ba]{background:#0c6}@keyframes pulse-1215b6ba{0%{box-shadow:0 0 #ff980066}70%{box-shadow:0 0 0 6px #ff980000}to{box-shadow:0 0 #ff980000}}.tujuan-content[data-v-1215b6ba]{flex:1}.tujuan-header[data-v-1215b6ba]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.seller-name[data-v-1215b6ba]{font-weight:600;color:#1a1a2e;font-size:14px}.seller-city[data-v-1215b6ba]{font-size:11px;color:#94a3b8}.pickup-status[data-v-1215b6ba]{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:500}.tujuan-detail[data-v-1215b6ba]{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#666}.map-link[data-v-1215b6ba]{color:#06f;text-decoration:none}.map-link[data-v-1215b6ba]:hover{text-decoration:underline}.tujuan-realisasi[data-v-1215b6ba]{margin-top:6px;font-size:11px;color:#0c6;background:#e6ffe6;padding:4px 8px;border-radius:6px;display:inline-block}.card-actions[data-v-1215b6ba]{margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}.action-confirm[data-v-1215b6ba]{display:flex;gap:12px}.btn-accept[data-v-1215b6ba],.btn-reject[data-v-1215b6ba],.btn-update[data-v-1215b6ba],.btn-detail[data-v-1215b6ba]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-accept[data-v-1215b6ba]{background:#e6ffe6;color:#0c6}.btn-accept[data-v-1215b6ba]:hover{background:#0c6;color:#fff}.btn-reject[data-v-1215b6ba]{background:#fee2e2;color:#ef4444}.btn-reject[data-v-1215b6ba]:hover{background:#ef4444;color:#fff}.btn-update[data-v-1215b6ba]{width:100%;background:#fff3e0;color:#ff9800}.btn-update[data-v-1215b6ba]:hover:not(:disabled){background:#ff9800;color:#fff}.btn-update[data-v-1215b6ba]:disabled{opacity:.6;cursor:not-allowed}.btn-detail[data-v-1215b6ba]{background:#f0f7ff;color:#06f}.btn-detail[data-v-1215b6ba]:hover{background:#06f;color:#fff}.empty-state-card[data-v-1215b6ba]{text-align:center;padding:60px;color:#94a3b8}.pagination-container[data-v-1215b6ba]{margin-top:24px;padding:20px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.pagination[data-v-1215b6ba]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-1215b6ba],.page-btn[data-v-1215b6ba]{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s}.pagination-btn[data-v-1215b6ba]:hover:not(:disabled),.page-btn[data-v-1215b6ba]:hover:not(.active){background:#f0f7ff;border-color:#06f;color:#06f}.page-btn.active[data-v-1215b6ba]{background:linear-gradient(135deg,#06f,#0052cc);border-color:#06f;color:#fff}.pagination-info[data-v-1215b6ba]{font-size:13px;color:#666;background:#f8fafc;padding:8px 16px;border-radius:20px}.modal-overlay[data-v-1215b6ba]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-1215b6ba]{width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-1215b6ba .3s ease}.modal-large[data-v-1215b6ba]{max-width:800px}@keyframes slideUp-1215b6ba{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-1215b6ba]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-1215b6ba]{display:flex;align-items:center;gap:16px}.header-icon[data-v-1215b6ba]{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.header-title h2[data-v-1215b6ba]{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-1215b6ba]{font-size:13px;color:#666;margin:0}.btn-close[data-v-1215b6ba]{width:40px;height:40px;border-radius:12px;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;transition:all .2s}.btn-close[data-v-1215b6ba]:hover{background:#fee2e2;color:#ef4444}.modal-body[data-v-1215b6ba]{padding:24px;overflow-y:auto}.info-tugas[data-v-1215b6ba]{background:#e6f0ff;border-radius:16px;overflow:hidden;margin-bottom:20px}.info-tugas-header[data-v-1215b6ba]{background:#06f;color:#fff;padding:12px 16px;display:flex;align-items:center;gap:8px;font-weight:600}.info-tugas-content[data-v-1215b6ba]{padding:16px;background:#fff}.info-row[data-v-1215b6ba]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-1215b6ba]:last-child{border-bottom:none}.info-label[data-v-1215b6ba]{font-size:12px;color:#666}.info-value[data-v-1215b6ba]{font-size:12px;font-weight:500;color:#1a1a2e}.form-section[data-v-1215b6ba]{background:#fafafa;border-radius:16px;overflow:hidden;border:1px solid #f0f0f0;margin-bottom:20px}.section-header[data-v-1215b6ba]{padding:14px 20px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.section-header h3[data-v-1215b6ba]{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}.section-content[data-v-1215b6ba]{padding:20px}.form-group[data-v-1215b6ba]{margin-bottom:16px}.form-group label[data-v-1215b6ba]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-input[data-v-1215b6ba],.form-select[data-v-1215b6ba]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px}.form-input[data-v-1215b6ba]:focus,.form-select[data-v-1215b6ba]:focus{outline:none;border-color:#06f}.form-textarea[data-v-1215b6ba]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;resize:vertical;font-family:inherit}.form-textarea[data-v-1215b6ba]:focus{outline:none;border-color:#06f}.detail-section[data-v-1215b6ba]{margin-bottom:24px;background:#fafafa;border-radius:16px;padding:16px}.section-title[data-v-1215b6ba]{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.section-icon[data-v-1215b6ba]{font-size:18px}.section-title h3[data-v-1215b6ba]{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}.detail-grid[data-v-1215b6ba]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item[data-v-1215b6ba]{display:flex;flex-direction:column;gap:4px}.detail-label[data-v-1215b6ba]{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase}.detail-value[data-v-1215b6ba]{font-size:14px;font-weight:500;color:#1a1a2e}.status-badge-small[data-v-1215b6ba]{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;width:-moz-fit-content;width:fit-content}.pickup-status-small[data-v-1215b6ba]{font-size:10px;padding:2px 8px;border-radius:12px}.tujuan-detail-list[data-v-1215b6ba]{display:flex;flex-direction:column;gap:16px}.tujuan-detail-item[data-v-1215b6ba]{background:#fff;border-radius:12px;padding:12px;border:1px solid #e5e7eb}.tujuan-detail-header[data-v-1215b6ba]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.seller-name-detail[data-v-1215b6ba]{font-weight:600;font-size:14px;color:#1a1a2e}.seller-city-detail[data-v-1215b6ba]{font-size:11px;color:#94a3b8}.tujuan-detail-body[data-v-1215b6ba]{display:flex;flex-direction:column;gap:6px}.detail-row[data-v-1215b6ba]{display:flex;gap:8px;font-size:12px}.detail-row .label[data-v-1215b6ba]{color:#94a3b8;min-width:100px}.detail-row .value[data-v-1215b6ba]{color:#1a1a2e;flex:1}.form-actions[data-v-1215b6ba]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:16px}.btn-primary[data-v-1215b6ba],.btn-secondary[data-v-1215b6ba]{padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-primary[data-v-1215b6ba]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff}.btn-primary[data-v-1215b6ba]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-1215b6ba]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-1215b6ba]{background:#f5f5f5;color:#666}.btn-secondary[data-v-1215b6ba]:hover{background:#e5e5e5}@media(max-width:768px){.driver-mobilisasi-container[data-v-1215b6ba]{padding:16px}.header-section[data-v-1215b6ba]{flex-direction:column;align-items:stretch}.tab-container[data-v-1215b6ba]{flex-wrap:wrap}.tab-button[data-v-1215b6ba]{flex:1;text-align:center}.info-grid[data-v-1215b6ba],.detail-grid[data-v-1215b6ba]{grid-template-columns:1fr}.action-confirm[data-v-1215b6ba]{flex-direction:column}.pagination-container[data-v-1215b6ba]{flex-direction:column;align-items:stretch}.pagination[data-v-1215b6ba]{justify-content:center}.modal-container[data-v-1215b6ba]{max-height:95vh}.form-actions[data-v-1215b6ba]{flex-direction:column-reverse}.btn-primary[data-v-1215b6ba],.btn-secondary[data-v-1215b6ba]{width:100%;justify-content:center}}.modal-overlay[data-v-54a1a5aa]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-54a1a5aa]{width:100%;max-width:500px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-54a1a5aa .3s ease}@keyframes slideUp-54a1a5aa{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-54a1a5aa]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-left[data-v-54a1a5aa]{display:flex;align-items:center;gap:12px}.modal-icon[data-v-54a1a5aa]{width:40px;height:40px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.modal-title[data-v-54a1a5aa]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.modal-subtitle[data-v-54a1a5aa]{font-size:12px;color:#666;margin:0}.modal-close[data-v-54a1a5aa]{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close[data-v-54a1a5aa]:hover{background:#fee2e2;color:#ef4444}.modal-form[data-v-54a1a5aa]{padding:24px}.form-group[data-v-54a1a5aa]{margin-bottom:20px}.form-group label[data-v-54a1a5aa]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-54a1a5aa]{color:#ef4444;margin-left:2px}.form-input[data-v-54a1a5aa]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s}.form-input[data-v-54a1a5aa]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.form-hint[data-v-54a1a5aa]{font-size:11px;color:#94a3b8;margin-top:4px;display:block}.checkbox-label[data-v-54a1a5aa]{display:flex;align-items:center;gap:8px;cursor:pointer}.form-actions[data-v-54a1a5aa]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.btn-primary[data-v-54a1a5aa],.btn-secondary[data-v-54a1a5aa]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-54a1a5aa]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff}.btn-primary[data-v-54a1a5aa]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-54a1a5aa]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-54a1a5aa]{background:#f5f5f5;color:#666}.btn-secondary[data-v-54a1a5aa]:hover{background:#e5e5e5;transform:translateY(-2px)}.spinner-small[data-v-54a1a5aa]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-54a1a5aa 1s linear infinite}@keyframes spin-54a1a5aa{to{transform:rotate(360deg)}}.coa-container[data-v-98c3706a]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-98c3706a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-98c3706a]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-98c3706a]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-98c3706a]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-98c3706a]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.stats-grid[data-v-98c3706a]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-98c3706a]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-98c3706a]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-98c3706a]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-98c3706a]{display:flex;flex-direction:column}.stat-value[data-v-98c3706a]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-98c3706a]{font-size:14px;color:#666}.filter-bar[data-v-98c3706a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.filter-group[data-v-98c3706a]{display:flex;gap:8px}.filter-btn[data-v-98c3706a]{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.filter-btn.active[data-v-98c3706a]{background:#06f;color:#fff;border-color:#06f}.search-box[data-v-98c3706a]{position:relative;min-width:250px}.search-icon[data-v-98c3706a]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-input[data-v-98c3706a]{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.table-card[data-v-98c3706a]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-98c3706a]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-98c3706a]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-98c3706a]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-98c3706a]{overflow-x:auto}.modern-table[data-v-98c3706a]{width:100%;border-collapse:collapse;min-width:800px}.modern-table th[data-v-98c3706a]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-98c3706a]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.code-badge[data-v-98c3706a]{font-family:monospace;font-weight:600;color:#06f}.type-badge[data-v-98c3706a]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.type-aset[data-v-98c3706a]{background:#e6f0ff;color:#06f}.type-liabilitas[data-v-98c3706a]{background:#fff0e6;color:#f80}.type-ekuitas[data-v-98c3706a]{background:#e6ffe6;color:#0c6}.type-pendapatan[data-v-98c3706a]{background:#e6ffe6;color:#0a4}.type-beban[data-v-98c3706a]{background:#ffe6e6;color:#f44}.status-badge[data-v-98c3706a]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-active[data-v-98c3706a]{background:#e6ffe6;color:#0c6}.status-inactive[data-v-98c3706a]{background:#ffe6e6;color:#f44}.aksi-buttons[data-v-98c3706a]{display:flex;gap:8px}.btn-edit[data-v-98c3706a],.btn-hapus[data-v-98c3706a]{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-edit[data-v-98c3706a]{background:#f0f7ff;color:#06f}.btn-edit[data-v-98c3706a]:hover{background:#06f;color:#fff}.btn-hapus[data-v-98c3706a]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-98c3706a]:hover:not(:disabled){background:#ef4444;color:#fff}.btn-hapus[data-v-98c3706a]:disabled{opacity:.4;cursor:not-allowed}.pagination-container[data-v-98c3706a]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-info[data-v-98c3706a]{font-size:13px;color:#666}.pagination-controls[data-v-98c3706a]{display:flex;gap:8px;align-items:center}.pagination-btn[data-v-98c3706a]{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-98c3706a]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-98c3706a]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-98c3706a]{font-size:13px;color:#666;padding:0 8px}.text-center[data-v-98c3706a]{text-align:center}.loading-state[data-v-98c3706a]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-98c3706a]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-98c3706a 1s linear infinite;margin:0 auto 20px}@keyframes spin-98c3706a{to{transform:rotate(360deg)}}.error-state[data-v-98c3706a]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.btn-retry[data-v-98c3706a]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.modal-overlay[data-v-ccdf1840]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-ccdf1840]{width:100%;max-width:900px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-ccdf1840 .3s ease}@keyframes slideUp-ccdf1840{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-ccdf1840]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-left[data-v-ccdf1840]{display:flex;align-items:center;gap:12px}.modal-icon[data-v-ccdf1840]{width:40px;height:40px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.modal-title[data-v-ccdf1840]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.modal-subtitle[data-v-ccdf1840]{font-size:12px;color:#666;margin:0}.modal-close[data-v-ccdf1840]{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close[data-v-ccdf1840]:hover{background:#fee2e2;color:#ef4444}.modal-form[data-v-ccdf1840]{flex:1;overflow-y:auto;padding:24px}.info-card[data-v-ccdf1840]{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.info-title[data-v-ccdf1840]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px;display:flex;align-items:center;gap:8px}.info-title[data-v-ccdf1840]:before{content:"";width:4px;height:18px;background:#06f;border-radius:2px}.info-grid[data-v-ccdf1840]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group[data-v-ccdf1840]{margin-bottom:0}.form-group.full-width[data-v-ccdf1840]{grid-column:span 2}.form-group label[data-v-ccdf1840]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-ccdf1840]{color:#ef4444;margin-left:2px}.form-input[data-v-ccdf1840]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s}.form-input[data-v-ccdf1840]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}textarea.form-input[data-v-ccdf1840]{resize:vertical}.payment-options[data-v-ccdf1840]{display:flex;gap:20px;margin-bottom:20px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;flex-wrap:wrap}.payment-option[data-v-ccdf1840]{flex:1;display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.payment-option[data-v-ccdf1840]:hover{border-color:#06f;background:#f0f7ff}.payment-option input[data-v-ccdf1840]{width:18px;height:18px;cursor:pointer}.payment-option-label[data-v-ccdf1840]{display:flex;flex-direction:column;gap:4px}.payment-option-icon[data-v-ccdf1840]{font-size:18px}.payment-option-desc[data-v-ccdf1840]{font-size:11px;color:#94a3b8}.selection-section[data-v-ccdf1840]{background:#fff;border-radius:12px;padding:16px;border:1px solid #e5e7eb;margin-top:16px}.info-selection[data-v-ccdf1840]{margin-top:16px;padding:12px;background:#f0f7ff;border-radius:10px}.info-row[data-v-ccdf1840]{display:flex;margin-bottom:6px;font-size:13px}.info-row[data-v-ccdf1840]:last-child{margin-bottom:0}.info-label[data-v-ccdf1840]{width:100px;font-weight:600;color:#1a1a2e}.info-value[data-v-ccdf1840]{flex:1;color:#334155}.info-value.sisa[data-v-ccdf1840]{color:#f44;font-weight:600}.detail-card[data-v-ccdf1840]{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.detail-header[data-v-ccdf1840]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btn-add-detail[data-v-ccdf1840]{background:#06f;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-add-detail[data-v-ccdf1840]:hover:not(:disabled){background:#0052cc}.btn-add-detail[data-v-ccdf1840]:disabled{opacity:.5;cursor:not-allowed}.detail-table-wrapper[data-v-ccdf1840]{overflow-x:auto}.detail-table[data-v-ccdf1840]{width:100%;border-collapse:collapse}.detail-table th[data-v-ccdf1840],.detail-table td[data-v-ccdf1840]{padding:10px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.detail-table th[data-v-ccdf1840]{background:#f1f5f9;font-weight:600;color:#1a1a2e}.form-input-sm[data-v-ccdf1840]{width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px}.form-input-sm[data-v-ccdf1840]:focus{outline:none;border-color:#06f}.text-right[data-v-ccdf1840]{text-align:right}.text-center[data-v-ccdf1840]{text-align:center}.btn-remove-detail[data-v-ccdf1840]{background:#fee2e2;color:#ef4444;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.btn-remove-detail[data-v-ccdf1840]:hover:not(:disabled){background:#ef4444;color:#fff}.btn-remove-detail[data-v-ccdf1840]:disabled{opacity:.4;cursor:not-allowed}.total-row td[data-v-ccdf1840]{background:#f8fafc;font-weight:600;border-top:2px solid #e2e8f0}.warning-row td[data-v-ccdf1840]{background:#fef3c7;color:#d97706}.warning-text[data-v-ccdf1840]{font-size:12px;padding:8px}.form-actions[data-v-ccdf1840]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.btn-primary[data-v-ccdf1840],.btn-secondary[data-v-ccdf1840]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-ccdf1840]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff}.btn-primary[data-v-ccdf1840]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-ccdf1840]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-ccdf1840]{background:#f5f5f5;color:#666}.btn-secondary[data-v-ccdf1840]:hover{background:#e5e5e5;transform:translateY(-2px)}.spinner-small[data-v-ccdf1840]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-ccdf1840 1s linear infinite}@keyframes spin-ccdf1840{to{transform:rotate(360deg)}}.jurnal-container[data-v-fb7b927b]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-fb7b927b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-fb7b927b]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-fb7b927b]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-fb7b927b]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-fb7b927b]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.stats-grid[data-v-fb7b927b]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-fb7b927b]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-fb7b927b]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-fb7b927b]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-fb7b927b]{display:flex;flex-direction:column}.stat-value[data-v-fb7b927b]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-fb7b927b]{font-size:14px;color:#666}.filter-bar[data-v-fb7b927b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.filter-group[data-v-fb7b927b]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.date-range[data-v-fb7b927b]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-fb7b927b]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-fb7b927b]{color:#666;margin-right:8px}.date-field[data-v-fb7b927b]{border:none;padding:10px 0;font-size:14px;outline:none;width:130px}.date-separator[data-v-fb7b927b]{color:#999}.search-box[data-v-fb7b927b]{position:relative;min-width:250px}.search-icon[data-v-fb7b927b]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-input[data-v-fb7b927b]{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.btn-filter[data-v-fb7b927b]{background:#f0f7ff;color:#06f;border:1px solid #0066ff;padding:8px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-filter[data-v-fb7b927b]:hover{background:#06f;color:#fff}.table-card[data-v-fb7b927b]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-fb7b927b]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-fb7b927b]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-fb7b927b]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-fb7b927b]{overflow-x:auto}.modern-table[data-v-fb7b927b]{width:100%;border-collapse:collapse;min-width:800px}.modern-table th[data-v-fb7b927b]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-fb7b927b]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.no-badge[data-v-fb7b927b]{font-family:monospace;font-weight:600;color:#06f;background:#e6f0ff;padding:4px 8px;border-radius:6px}.sumber-badge[data-v-fb7b927b]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.sumber-manual[data-v-fb7b927b]{background:#e6f0ff;color:#06f}.sumber-invoice[data-v-fb7b927b]{background:#e6ffe6;color:#0c6}.sumber-payment[data-v-fb7b927b]{background:#fff0e6;color:#f80}.sumber-bank[data-v-fb7b927b]{background:#f0e6ff;color:#93f}.sumber-petty[data-v-fb7b927b]{background:#ffe6e6;color:#f44}.debit-cell[data-v-fb7b927b]{color:#0c6;font-weight:600}.kredit-cell[data-v-fb7b927b]{color:#f44;font-weight:600}.aksi-buttons[data-v-fb7b927b]{display:flex;gap:8px}.btn-edit[data-v-fb7b927b],.btn-hapus[data-v-fb7b927b]{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-edit[data-v-fb7b927b]{background:#f0f7ff;color:#06f}.btn-edit[data-v-fb7b927b]:hover{background:#06f;color:#fff}.btn-hapus[data-v-fb7b927b]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-fb7b927b]:hover:not(:disabled){background:#ef4444;color:#fff}.pagination-container[data-v-fb7b927b]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-info[data-v-fb7b927b]{font-size:13px;color:#666}.pagination-controls[data-v-fb7b927b]{display:flex;gap:8px;align-items:center}.pagination-btn[data-v-fb7b927b]{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-fb7b927b]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-fb7b927b]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-fb7b927b]{font-size:13px;color:#666;padding:0 8px}.text-center[data-v-fb7b927b]{text-align:center}.text-right[data-v-fb7b927b]{text-align:right}.loading-state[data-v-fb7b927b]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-fb7b927b]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-fb7b927b 1s linear infinite;margin:0 auto 20px}@keyframes spin-fb7b927b{to{transform:rotate(360deg)}}.error-state[data-v-fb7b927b]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.btn-retry[data-v-fb7b927b]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.no-data[data-v-fb7b927b]{text-align:center;padding:48px!important;color:#94a3b8}.modal-overlay[data-v-fb7b927b]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-fb7b927b]{width:100%;max-width:700px;max-height:80vh;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-fb7b927b .3s ease}.modal-detail[data-v-fb7b927b]{max-width:700px}@keyframes slideUp-fb7b927b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-fb7b927b]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-left[data-v-fb7b927b]{display:flex;align-items:center;gap:12px}.modal-icon[data-v-fb7b927b]{width:40px;height:40px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.modal-title[data-v-fb7b927b]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.modal-subtitle[data-v-fb7b927b]{font-size:12px;color:#666;margin:0}.modal-close[data-v-fb7b927b]{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer}.modal-close[data-v-fb7b927b]:hover{background:#fee2e2;color:#ef4444}.modal-body[data-v-fb7b927b]{flex:1;overflow-y:auto;padding:20px 24px}.modal-footer[data-v-fb7b927b]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.btn-modal-close[data-v-fb7b927b]{background:#f5f5f5;color:#666;border:none;padding:10px 24px;border-radius:10px;font-size:13px;cursor:pointer}.detail-info[data-v-fb7b927b]{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.detail-row[data-v-fb7b927b]{display:flex;margin-bottom:8px}.detail-row[data-v-fb7b927b]:last-child{margin-bottom:0}.detail-label[data-v-fb7b927b]{width:100px;font-weight:600;color:#1a1a2e}.detail-value[data-v-fb7b927b]{flex:1;color:#334155}.detail-table-wrapper[data-v-fb7b927b]{overflow-x:auto}.detail-table[data-v-fb7b927b]{width:100%;border-collapse:collapse}.detail-table th[data-v-fb7b927b],.detail-table td[data-v-fb7b927b]{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0}.detail-table th[data-v-fb7b927b]{background:#f8fafc;font-weight:600;color:#1a1a2e}.total-row td[data-v-fb7b927b]{border-top:2px solid #f0f0f0}.modal-overlay[data-v-8a8ab3af]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-8a8ab3af]{width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-8a8ab3af .3s ease}@keyframes slideUp-8a8ab3af{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-8a8ab3af]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-left[data-v-8a8ab3af]{display:flex;align-items:center;gap:12px}.modal-icon[data-v-8a8ab3af]{width:40px;height:40px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.modal-title[data-v-8a8ab3af]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.modal-subtitle[data-v-8a8ab3af]{font-size:12px;color:#666;margin:0}.modal-close[data-v-8a8ab3af]{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close[data-v-8a8ab3af]:hover{background:#fee2e2;color:#ef4444}.modal-form[data-v-8a8ab3af]{flex:1;overflow-y:auto;padding:24px}.info-card[data-v-8a8ab3af]{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.info-title[data-v-8a8ab3af]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px;display:flex;align-items:center;gap:8px}.info-title[data-v-8a8ab3af]:before{content:"";width:4px;height:18px;background:#06f;border-radius:2px}.info-grid[data-v-8a8ab3af]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group[data-v-8a8ab3af]{margin-bottom:0}.form-group.full-width[data-v-8a8ab3af]{grid-column:span 2}.form-group label[data-v-8a8ab3af]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-8a8ab3af]{color:#ef4444;margin-left:2px}.form-input[data-v-8a8ab3af]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s}.form-input[data-v-8a8ab3af]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.readonly-field[data-v-8a8ab3af]{background-color:#f5f5f5;color:#666}textarea.form-input[data-v-8a8ab3af]{resize:vertical}.info-value[data-v-8a8ab3af]{padding:10px 12px;background:#fff;border-radius:10px;font-size:14px;font-weight:500;color:#1a1a2e;border:1px solid #e5e7eb}.sisa-value[data-v-8a8ab3af]{color:#06f;font-weight:700}.due-overdue[data-v-8a8ab3af]{color:#f44;font-weight:600}.form-hint[data-v-8a8ab3af]{font-size:11px;color:#94a3b8;margin-top:4px;display:block}.payment-options[data-v-8a8ab3af]{display:flex;gap:20px;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px}.payment-option[data-v-8a8ab3af]{flex:1;display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.payment-option[data-v-8a8ab3af]:hover{border-color:#06f;background:#f0f7ff}.payment-option input[data-v-8a8ab3af]{width:18px;height:18px;cursor:pointer}.payment-option-label[data-v-8a8ab3af]{display:flex;flex-direction:column;gap:4px}.payment-option-icon[data-v-8a8ab3af]{font-size:18px}.payment-option-desc[data-v-8a8ab3af]{font-size:11px;color:#94a3b8}.summary-card[data-v-8a8ab3af]{background:linear-gradient(135deg,#f0f7ff,#fff);border-radius:16px;padding:16px;margin-bottom:24px;border:1px solid #0066ff20}.summary-card h4[data-v-8a8ab3af]{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 12px}.summary-grid[data-v-8a8ab3af]{display:flex;flex-direction:column;gap:8px}.summary-item[data-v-8a8ab3af]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #e5e7eb}.summary-item[data-v-8a8ab3af]:last-child{border-bottom:none}.summary-item.total[data-v-8a8ab3af]{padding-top:12px;margin-top:4px;border-top:2px solid #e5e7eb;border-bottom:none}.summary-label[data-v-8a8ab3af]{font-size:13px;color:#666}.summary-value[data-v-8a8ab3af]{font-size:14px;font-weight:600;color:#1a1a2e}.payment-amount[data-v-8a8ab3af]{color:#06f}.lunas-text[data-v-8a8ab3af]{color:#0c6;font-weight:700}.sisa-text[data-v-8a8ab3af]{color:#f80}.form-actions[data-v-8a8ab3af]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.btn-primary[data-v-8a8ab3af],.btn-secondary[data-v-8a8ab3af]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-8a8ab3af]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff}.btn-primary[data-v-8a8ab3af]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-8a8ab3af]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-8a8ab3af]{background:#f5f5f5;color:#666}.btn-secondary[data-v-8a8ab3af]:hover{background:#e5e5e5;transform:translateY(-2px)}.spinner-small[data-v-8a8ab3af]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-8a8ab3af 1s linear infinite}@keyframes spin-8a8ab3af{to{transform:rotate(360deg)}}.piutang-container[data-v-4d78f303]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-4d78f303]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-4d78f303]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-4d78f303]{color:#666;font-size:14px;margin:0}.stats-grid[data-v-4d78f303]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-4d78f303]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-4d78f303]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-4d78f303]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-4d78f303]{display:flex;flex-direction:column}.stat-value[data-v-4d78f303]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-4d78f303]{font-size:14px;color:#666}.filter-bar[data-v-4d78f303]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.filter-group[data-v-4d78f303]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.date-range[data-v-4d78f303]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-4d78f303]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-4d78f303]{color:#666;margin-right:8px}.date-field[data-v-4d78f303]{border:none;padding:10px 0;font-size:14px;outline:none;width:130px}.date-separator[data-v-4d78f303]{color:#999}.status-filter[data-v-4d78f303]{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff}.search-box[data-v-4d78f303]{position:relative;min-width:250px}.search-icon[data-v-4d78f303]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-input[data-v-4d78f303]{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.btn-filter[data-v-4d78f303]{background:#f0f7ff;color:#06f;border:1px solid #0066ff;padding:8px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-filter[data-v-4d78f303]:hover{background:#06f;color:#fff}.table-card[data-v-4d78f303]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-4d78f303]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-4d78f303]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-4d78f303]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-4d78f303]{overflow-x:auto}.modern-table[data-v-4d78f303]{width:100%;border-collapse:collapse;min-width:1200px}.modern-table th[data-v-4d78f303]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-4d78f303]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.no-badge[data-v-4d78f303]{font-family:monospace;font-weight:600;color:#06f;background:#e6f0ff;padding:4px 8px;border-radius:6px}.jurnal-badge[data-v-4d78f303]{font-family:monospace;font-weight:500;color:#93f;background:#f0e6ff;padding:4px 8px;border-radius:6px;font-size:12px}.terbayar-cell[data-v-4d78f303]{color:#0c6;font-weight:500}.sisa-cell[data-v-4d78f303]{font-weight:600;color:#f44}.status-badge[data-v-4d78f303]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.status-lunas[data-v-4d78f303]{background:#e6ffe6;color:#0c6}.status-belum-lunas[data-v-4d78f303]{background:#fff0e6;color:#f80}.status-overdue[data-v-4d78f303]{background:#ffe6e6;color:#f44}.due-overdue[data-v-4d78f303]{color:#f44;font-weight:600}.riwayat-cell[data-v-4d78f303]{text-align:center}.btn-riwayat[data-v-4d78f303]{background:#f0f7ff;color:#06f;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12px;transition:all .2s}.btn-riwayat[data-v-4d78f303]:hover{background:#06f;color:#fff}.riwayat-count[data-v-4d78f303]{font-size:10px;font-weight:600}.aksi-buttons[data-v-4d78f303]{display:flex;gap:8px}.btn-payment[data-v-4d78f303]{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#e6ffe6;color:#0c6}.btn-payment[data-v-4d78f303]:hover{background:#0c6;color:#fff}.pagination-container[data-v-4d78f303]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-info[data-v-4d78f303]{font-size:13px;color:#666}.pagination-controls[data-v-4d78f303]{display:flex;gap:8px;align-items:center}.pagination-btn[data-v-4d78f303]{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-4d78f303]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-4d78f303]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-4d78f303]{font-size:13px;color:#666;padding:0 8px}.text-center[data-v-4d78f303]{text-align:center}.text-right[data-v-4d78f303]{text-align:right}.loading-state[data-v-4d78f303]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-4d78f303]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-4d78f303 1s linear infinite;margin:0 auto 20px}@keyframes spin-4d78f303{to{transform:rotate(360deg)}}.error-state[data-v-4d78f303]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.btn-retry[data-v-4d78f303]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.no-data[data-v-4d78f303]{text-align:center;padding:48px!important;color:#94a3b8}.modal-overlay[data-v-4d78f303]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-4d78f303]{width:100%;max-width:700px;max-height:80vh;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-4d78f303 .3s ease}.modal-detail[data-v-4d78f303]{max-width:700px}@keyframes slideUp-4d78f303{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-4d78f303]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-left[data-v-4d78f303]{display:flex;align-items:center;gap:12px}.modal-icon[data-v-4d78f303]{width:40px;height:40px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.modal-title[data-v-4d78f303]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.modal-subtitle[data-v-4d78f303]{font-size:12px;color:#666;margin:0}.modal-close[data-v-4d78f303]{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer}.modal-close[data-v-4d78f303]:hover{background:#fee2e2;color:#ef4444}.modal-body[data-v-4d78f303]{flex:1;overflow-y:auto;padding:20px 24px}.modal-footer[data-v-4d78f303]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.btn-modal-close[data-v-4d78f303]{background:#f5f5f5;color:#666;border:none;padding:10px 24px;border-radius:10px;font-size:13px;cursor:pointer}.payment-summary[data-v-4d78f303]{display:flex;justify-content:space-between;background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.payment-summary-item[data-v-4d78f303]{display:flex;flex-direction:column;align-items:center;flex:1}.payment-summary-item .summary-label[data-v-4d78f303]{font-size:11px;color:#94a3b8;margin-bottom:4px}.payment-summary-item .summary-value[data-v-4d78f303]{font-size:16px;font-weight:600;color:#1a1a2e}.payment-summary-item .summary-value.terbayar[data-v-4d78f303]{color:#0c6}.payment-summary-item .summary-value.sisa[data-v-4d78f303]{color:#f44}.payment-history-list[data-v-4d78f303]{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.payment-history-item[data-v-4d78f303]{background:#f8fafc;border-radius:12px;padding:12px 16px;border:1px solid #e5e7eb;display:flex;flex-wrap:wrap;align-items:center;gap:16px;row-gap:8px}.payment-detail-row[data-v-4d78f303]{display:inline-flex;align-items:center;gap:6px;background:#fff;padding:4px 10px;border-radius:20px;border:1px solid #e5e7eb}.payment-detail-icon[data-v-4d78f303]{font-size:12px}.payment-detail-value[data-v-4d78f303]{font-size:13px;color:#334155}.payment-amount-text[data-v-4d78f303]{font-weight:700;color:#06f}.payment-reference-text[data-v-4d78f303]{font-family:monospace;font-size:12px}.payment-note-text[data-v-4d78f303]{color:#666;font-style:italic}.method-badge-inline[data-v-4d78f303]{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.method-tunai[data-v-4d78f303]{background:#e6ffe6;color:#0c6}.method-transfer[data-v-4d78f303]{background:#e6f0ff;color:#06f}.method-cod[data-v-4d78f303]{background:#fff0e6;color:#f80}.no-payment[data-v-4d78f303]{text-align:center;padding:40px;color:#94a3b8}.no-payment span[data-v-4d78f303]{font-size:48px;display:block;margin-bottom:16px}.modal-overlay[data-v-eb37b81d]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-eb37b81d]{width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-eb37b81d .3s ease}@keyframes slideUp-eb37b81d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-eb37b81d]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-left[data-v-eb37b81d]{display:flex;align-items:center;gap:12px}.modal-icon[data-v-eb37b81d]{width:40px;height:40px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.modal-title[data-v-eb37b81d]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.modal-subtitle[data-v-eb37b81d]{font-size:12px;color:#666;margin:0}.modal-close[data-v-eb37b81d]{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close[data-v-eb37b81d]:hover{background:#fee2e2;color:#ef4444}.modal-form[data-v-eb37b81d]{flex:1;overflow-y:auto;padding:24px}.info-card[data-v-eb37b81d]{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.info-title[data-v-eb37b81d]{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px;display:flex;align-items:center;gap:8px}.info-title[data-v-eb37b81d]:before{content:"";width:4px;height:18px;background:#06f;border-radius:2px}.info-grid[data-v-eb37b81d]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group[data-v-eb37b81d]{margin-bottom:0}.form-group.full-width[data-v-eb37b81d]{grid-column:span 2}.form-group label[data-v-eb37b81d]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-eb37b81d]{color:#ef4444;margin-left:2px}.form-input[data-v-eb37b81d]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s}.form-input[data-v-eb37b81d]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.readonly-field[data-v-eb37b81d]{background-color:#f5f5f5;color:#666}textarea.form-input[data-v-eb37b81d]{resize:vertical}.info-value[data-v-eb37b81d]{padding:10px 12px;background:#fff;border-radius:10px;font-size:14px;font-weight:500;color:#1a1a2e;border:1px solid #e5e7eb}.sisa-value[data-v-eb37b81d]{color:#f44;font-weight:700}.due-overdue[data-v-eb37b81d]{color:#f44;font-weight:600}.form-hint[data-v-eb37b81d]{font-size:11px;color:#94a3b8;margin-top:4px;display:block}.payment-options[data-v-eb37b81d]{display:flex;gap:20px;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px}.payment-option[data-v-eb37b81d]{flex:1;display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.payment-option[data-v-eb37b81d]:hover{border-color:#06f;background:#f0f7ff}.payment-option input[data-v-eb37b81d]{width:18px;height:18px;cursor:pointer}.payment-option-label[data-v-eb37b81d]{display:flex;flex-direction:column;gap:4px}.payment-option-icon[data-v-eb37b81d]{font-size:18px}.payment-option-desc[data-v-eb37b81d]{font-size:11px;color:#94a3b8}.summary-card[data-v-eb37b81d]{background:linear-gradient(135deg,#f0f7ff,#fff);border-radius:16px;padding:16px;margin-bottom:24px;border:1px solid #0066ff20}.summary-card h4[data-v-eb37b81d]{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 12px}.summary-grid[data-v-eb37b81d]{display:flex;flex-direction:column;gap:8px}.summary-item[data-v-eb37b81d]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #e5e7eb}.summary-item[data-v-eb37b81d]:last-child{border-bottom:none}.summary-item.total[data-v-eb37b81d]{padding-top:12px;margin-top:4px;border-top:2px solid #e5e7eb;border-bottom:none}.summary-label[data-v-eb37b81d]{font-size:13px;color:#666}.summary-value[data-v-eb37b81d]{font-size:14px;font-weight:600;color:#1a1a2e}.payment-amount[data-v-eb37b81d]{color:#06f}.lunas-text[data-v-eb37b81d]{color:#0c6;font-weight:700}.sisa-text[data-v-eb37b81d]{color:#f80}.form-actions[data-v-eb37b81d]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.btn-primary[data-v-eb37b81d],.btn-secondary[data-v-eb37b81d]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-eb37b81d]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff}.btn-primary[data-v-eb37b81d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066ff4d}.btn-primary[data-v-eb37b81d]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-eb37b81d]{background:#f5f5f5;color:#666}.btn-secondary[data-v-eb37b81d]:hover{background:#e5e5e5;transform:translateY(-2px)}.spinner-small[data-v-eb37b81d]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-eb37b81d 1s linear infinite}@keyframes spin-eb37b81d{to{transform:rotate(360deg)}}.hutang-container[data-v-394a4b64]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-394a4b64]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-394a4b64]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-394a4b64]{color:#666;font-size:14px;margin:0}.stats-grid[data-v-394a4b64]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-394a4b64]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-394a4b64]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-394a4b64]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-394a4b64]{display:flex;flex-direction:column}.stat-value[data-v-394a4b64]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-394a4b64]{font-size:14px;color:#666}.filter-bar[data-v-394a4b64]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.filter-group[data-v-394a4b64]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.date-range[data-v-394a4b64]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-394a4b64]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-394a4b64]{color:#666;margin-right:8px}.date-field[data-v-394a4b64]{border:none;padding:10px 0;font-size:14px;outline:none;width:130px}.date-separator[data-v-394a4b64]{color:#999}.status-filter[data-v-394a4b64]{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff}.search-box[data-v-394a4b64]{position:relative;min-width:250px}.search-icon[data-v-394a4b64]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-input[data-v-394a4b64]{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.btn-filter[data-v-394a4b64]{background:#f0f7ff;color:#06f;border:1px solid #0066ff;padding:8px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-filter[data-v-394a4b64]:hover{background:#06f;color:#fff}.table-card[data-v-394a4b64]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-394a4b64]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-394a4b64]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-394a4b64]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-394a4b64]{overflow-x:auto}.modern-table[data-v-394a4b64]{width:100%;border-collapse:collapse;min-width:1200px}.modern-table th[data-v-394a4b64]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-394a4b64]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.no-badge[data-v-394a4b64]{font-family:monospace;font-weight:600;color:#06f;background:#e6f0ff;padding:4px 8px;border-radius:6px}.jurnal-badge[data-v-394a4b64]{font-family:monospace;font-weight:500;color:#93f;background:#f0e6ff;padding:4px 8px;border-radius:6px;font-size:12px}.terbayar-cell[data-v-394a4b64]{color:#0c6;font-weight:500}.sisa-cell[data-v-394a4b64]{font-weight:600;color:#f44}.status-badge[data-v-394a4b64]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.status-lunas[data-v-394a4b64]{background:#e6ffe6;color:#0c6}.status-belum-lunas[data-v-394a4b64]{background:#fff0e6;color:#f80}.status-overdue[data-v-394a4b64]{background:#ffe6e6;color:#f44}.due-overdue[data-v-394a4b64]{color:#f44;font-weight:600}.riwayat-cell[data-v-394a4b64]{text-align:center}.btn-riwayat[data-v-394a4b64]{background:#f0f7ff;color:#06f;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12px;transition:all .2s}.btn-riwayat[data-v-394a4b64]:hover{background:#06f;color:#fff}.riwayat-count[data-v-394a4b64]{font-size:10px;font-weight:600}.aksi-buttons[data-v-394a4b64]{display:flex;gap:8px}.btn-payment[data-v-394a4b64]{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#e6ffe6;color:#0c6}.btn-payment[data-v-394a4b64]:hover{background:#0c6;color:#fff}.pagination-container[data-v-394a4b64]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-info[data-v-394a4b64]{font-size:13px;color:#666}.pagination-controls[data-v-394a4b64]{display:flex;gap:8px;align-items:center}.pagination-btn[data-v-394a4b64]{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-394a4b64]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-394a4b64]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-394a4b64]{font-size:13px;color:#666;padding:0 8px}.text-center[data-v-394a4b64]{text-align:center}.text-right[data-v-394a4b64]{text-align:right}.loading-state[data-v-394a4b64]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-394a4b64]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-394a4b64 1s linear infinite;margin:0 auto 20px}@keyframes spin-394a4b64{to{transform:rotate(360deg)}}.error-state[data-v-394a4b64]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.btn-retry[data-v-394a4b64]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.no-data[data-v-394a4b64]{text-align:center;padding:48px!important;color:#94a3b8}.modal-overlay[data-v-394a4b64]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-394a4b64]{width:100%;max-width:700px;max-height:80vh;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-394a4b64 .3s ease}.modal-detail[data-v-394a4b64]{max-width:700px}@keyframes slideUp-394a4b64{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-394a4b64]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-left[data-v-394a4b64]{display:flex;align-items:center;gap:12px}.modal-icon[data-v-394a4b64]{width:40px;height:40px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.modal-title[data-v-394a4b64]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.modal-subtitle[data-v-394a4b64]{font-size:12px;color:#666;margin:0}.modal-close[data-v-394a4b64]{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer}.modal-close[data-v-394a4b64]:hover{background:#fee2e2;color:#ef4444}.modal-body[data-v-394a4b64]{flex:1;overflow-y:auto;padding:20px 24px}.modal-footer[data-v-394a4b64]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.btn-modal-close[data-v-394a4b64]{background:#f5f5f5;color:#666;border:none;padding:10px 24px;border-radius:10px;font-size:13px;cursor:pointer}.payment-summary[data-v-394a4b64]{display:flex;justify-content:space-between;background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.payment-summary-item[data-v-394a4b64]{display:flex;flex-direction:column;align-items:center;flex:1}.payment-summary-item .summary-label[data-v-394a4b64]{font-size:11px;color:#94a3b8;margin-bottom:4px}.payment-summary-item .summary-value[data-v-394a4b64]{font-size:16px;font-weight:600;color:#1a1a2e}.payment-summary-item .summary-value.terbayar[data-v-394a4b64]{color:#0c6}.payment-summary-item .summary-value.sisa[data-v-394a4b64]{color:#f44}.payment-history-list[data-v-394a4b64]{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.payment-history-item[data-v-394a4b64]{background:#f8fafc;border-radius:12px;padding:12px 16px;border:1px solid #e5e7eb;display:flex;flex-wrap:wrap;align-items:center;gap:16px;row-gap:8px}.payment-detail-row[data-v-394a4b64]{display:inline-flex;align-items:center;gap:6px;background:#fff;padding:4px 10px;border-radius:20px;border:1px solid #e5e7eb}.payment-detail-icon[data-v-394a4b64]{font-size:12px}.payment-detail-value[data-v-394a4b64]{font-size:13px;color:#334155}.payment-amount-text[data-v-394a4b64]{font-weight:700;color:#06f}.payment-reference-text[data-v-394a4b64]{font-family:monospace;font-size:12px}.payment-note-text[data-v-394a4b64]{color:#666;font-style:italic}.method-badge-inline[data-v-394a4b64]{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.method-tunai[data-v-394a4b64]{background:#e6ffe6;color:#0c6}.method-transfer[data-v-394a4b64]{background:#e6f0ff;color:#06f}.method-giro[data-v-394a4b64]{background:#fff0e6;color:#f80}.no-payment[data-v-394a4b64]{text-align:center;padding:40px;color:#94a3b8}.no-payment span[data-v-394a4b64]{font-size:48px;display:block;margin-bottom:16px}.aset-container[data-v-cfcdf7e3]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-cfcdf7e3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-cfcdf7e3]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-cfcdf7e3]{color:#666;font-size:14px;margin:0}.stats-grid[data-v-cfcdf7e3]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-cfcdf7e3]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card[data-v-cfcdf7e3]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-icon[data-v-cfcdf7e3]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-info[data-v-cfcdf7e3]{display:flex;flex-direction:column}.stat-value[data-v-cfcdf7e3]{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label[data-v-cfcdf7e3]{font-size:14px;color:#666}.tab-navigation[data-v-cfcdf7e3]{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.tab-btn[data-v-cfcdf7e3]{background:none;border:none;padding:12px 24px;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:8px}.tab-btn[data-v-cfcdf7e3]:hover{background:#f8fafc;color:#06f}.tab-btn.active[data-v-cfcdf7e3]{color:#06f;border-bottom:3px solid #0066ff;background:#f0f7ff}.filter-bar[data-v-cfcdf7e3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.filter-group[data-v-cfcdf7e3]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.date-range[data-v-cfcdf7e3]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-cfcdf7e3]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-cfcdf7e3]{color:#666;margin-right:8px}.date-field[data-v-cfcdf7e3]{border:none;padding:10px 0;font-size:14px;outline:none;width:130px}.date-separator[data-v-cfcdf7e3]{color:#999}.status-filter[data-v-cfcdf7e3]{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff}.search-box[data-v-cfcdf7e3]{position:relative;min-width:250px}.search-icon[data-v-cfcdf7e3]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-input[data-v-cfcdf7e3]{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.btn-filter[data-v-cfcdf7e3]{background:#f0f7ff;color:#06f;border:1px solid #0066ff;padding:8px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-filter[data-v-cfcdf7e3]:hover{background:#06f;color:#fff}.table-card[data-v-cfcdf7e3]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-cfcdf7e3]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-cfcdf7e3]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.table-count[data-v-cfcdf7e3]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px;color:#666}.table-responsive[data-v-cfcdf7e3]{overflow-x:auto}.modern-table[data-v-cfcdf7e3]{width:100%;border-collapse:collapse;min-width:1200px}.modern-table th[data-v-cfcdf7e3]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-cfcdf7e3]{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#334155;font-size:14px;vertical-align:middle}.kode-badge[data-v-cfcdf7e3]{font-family:monospace;font-weight:600;color:#06f;background:#e6f0ff;padding:4px 8px;border-radius:6px}.jurnal-badge[data-v-cfcdf7e3]{font-family:monospace;font-weight:500;color:#93f;background:#f0e6ff;padding:4px 8px;border-radius:6px;font-size:12px}.nilai-buku-cell[data-v-cfcdf7e3]{font-weight:600;color:#0c6}.metode-badge[data-v-cfcdf7e3]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.metode-cash[data-v-cfcdf7e3]{background:#e6f0ff;color:#06f}.metode-kredit[data-v-cfcdf7e3]{background:#fff0e6;color:#f80}.status-bayar-badge[data-v-cfcdf7e3]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.bayar-lunas[data-v-cfcdf7e3]{background:#e6ffe6;color:#0c6}.bayar-belum-lunas[data-v-cfcdf7e3]{background:#ffe6e6;color:#f44}.status-badge[data-v-cfcdf7e3]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.status-aktif[data-v-cfcdf7e3]{background:#e6ffe6;color:#0c6}.status-dijual[data-v-cfcdf7e3]{background:#fff0e6;color:#f80}.status-dihapus[data-v-cfcdf7e3]{background:#ffe6e6;color:#f44}.aksi-buttons[data-v-cfcdf7e3]{display:flex;gap:8px}.btn-detail[data-v-cfcdf7e3]{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#f0f7ff;color:#06f}.btn-detail[data-v-cfcdf7e3]:hover{background:#06f;color:#fff}.pagination-container[data-v-cfcdf7e3]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-info[data-v-cfcdf7e3]{font-size:13px;color:#666}.pagination-controls[data-v-cfcdf7e3]{display:flex;gap:8px;align-items:center}.pagination-btn[data-v-cfcdf7e3]{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-cfcdf7e3]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-cfcdf7e3]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-cfcdf7e3]{font-size:13px;color:#666;padding:0 8px}.text-center[data-v-cfcdf7e3]{text-align:center}.text-right[data-v-cfcdf7e3]{text-align:right}.loading-state[data-v-cfcdf7e3]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-cfcdf7e3]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-cfcdf7e3 1s linear infinite;margin:0 auto 20px}@keyframes spin-cfcdf7e3{to{transform:rotate(360deg)}}.error-state[data-v-cfcdf7e3]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;gap:16px}.btn-retry[data-v-cfcdf7e3]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.no-data[data-v-cfcdf7e3]{text-align:center;padding:48px!important;color:#94a3b8}.riwayat-card[data-v-cfcdf7e3]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d}.riwayat-header[data-v-cfcdf7e3]{margin-bottom:24px}.riwayat-header h3[data-v-cfcdf7e3]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.riwayat-header p[data-v-cfcdf7e3]{color:#666;font-size:14px;margin:0}.select-aset-section[data-v-cfcdf7e3]{margin-bottom:24px}.form-group[data-v-cfcdf7e3]{margin-bottom:0}.form-group label[data-v-cfcdf7e3]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.required[data-v-cfcdf7e3]{color:#ef4444;margin-left:2px}.form-input[data-v-cfcdf7e3]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s;background:#fff}.form-input[data-v-cfcdf7e3]:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.info-aset-section[data-v-cfcdf7e3]{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.info-aset-grid[data-v-cfcdf7e3]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-item[data-v-cfcdf7e3]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-cfcdf7e3]{font-size:12px;color:#94a3b8}.info-value[data-v-cfcdf7e3]{font-size:14px;font-weight:500;color:#1a1a2e}.info-highlight[data-v-cfcdf7e3]{color:#06f;font-weight:700}.loading-state-small[data-v-cfcdf7e3]{text-align:center;padding:40px}.spinner-small[data-v-cfcdf7e3]{width:30px;height:30px;border:3px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-cfcdf7e3 1s linear infinite;margin:0 auto 16px}.riwayat-table-wrapper[data-v-cfcdf7e3]{margin-top:24px}.penyusutan-value[data-v-cfcdf7e3]{color:#f44;font-weight:600}.total-row td[data-v-cfcdf7e3]{background:#f8fafc;font-weight:600;border-top:2px solid #e2e8f0}.status-lunas[data-v-cfcdf7e3]{background:#e6ffe6;color:#0c6}.status-belum[data-v-cfcdf7e3]{background:#ffe6e6;color:#f44}.empty-state[data-v-cfcdf7e3]{text-align:center;padding:60px;color:#94a3b8}.empty-state span[data-v-cfcdf7e3]{font-size:48px;display:block;margin-bottom:16px}.empty-state .info-text[data-v-cfcdf7e3]{font-size:12px;margin-top:8px;color:#06f}.modal-overlay[data-v-cfcdf7e3]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-cfcdf7e3]{width:100%;max-width:700px;max-height:80vh;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-cfcdf7e3 .3s ease}.modal-detail[data-v-cfcdf7e3]{max-width:700px}@keyframes slideUp-cfcdf7e3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-cfcdf7e3]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-left[data-v-cfcdf7e3]{display:flex;align-items:center;gap:12px}.modal-icon[data-v-cfcdf7e3]{width:40px;height:40px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.modal-title[data-v-cfcdf7e3]{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.modal-subtitle[data-v-cfcdf7e3]{font-size:12px;color:#666;margin:0}.modal-close[data-v-cfcdf7e3]{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;color:#666;font-size:18px;cursor:pointer}.modal-close[data-v-cfcdf7e3]:hover{background:#fee2e2;color:#ef4444}.modal-body[data-v-cfcdf7e3]{flex:1;overflow-y:auto;padding:20px 24px}.modal-footer[data-v-cfcdf7e3]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.btn-modal-close[data-v-cfcdf7e3]{background:#f5f5f5;color:#666;border:none;padding:10px 24px;border-radius:10px;font-size:13px;cursor:pointer}.detail-info[data-v-cfcdf7e3]{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px}.detail-grid[data-v-cfcdf7e3]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item[data-v-cfcdf7e3]{display:flex;margin-bottom:8px}.detail-item.full-width[data-v-cfcdf7e3]{grid-column:span 2}.detail-label[data-v-cfcdf7e3]{width:180px;font-weight:600;color:#1a1a2e;font-size:13px}.detail-value[data-v-cfcdf7e3]{flex:1;color:#334155;font-size:13px}.detail-value.nilai-buku[data-v-cfcdf7e3]{color:#0c6;font-weight:600}.detail-value.penyusutan-value[data-v-cfcdf7e3]{color:#06f;font-weight:600}.detail-value.estimasi-value[data-v-cfcdf7e3]{color:#f80;font-weight:600}.penyusutan-info-card[data-v-cfcdf7e3]{background:#f0f7ff;border-radius:12px;padding:16px;margin-top:16px;border:1px solid #0066ff20}.penyusutan-info-card h4[data-v-cfcdf7e3]{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 12px}.warning-note[data-v-cfcdf7e3]{background:#fff3e0;border-radius:10px;padding:10px 12px;margin-top:12px;font-size:12px;color:#f80;display:flex;align-items:center;gap:8px}@media(max-width:768px){.info-aset-grid[data-v-cfcdf7e3],.detail-grid[data-v-cfcdf7e3]{grid-template-columns:1fr}.detail-item.full-width[data-v-cfcdf7e3]{grid-column:span 1}.detail-label[data-v-cfcdf7e3]{width:120px}}.absensi-container[data-v-370f753e]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-370f753e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-370f753e]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-370f753e]{color:#666;font-size:14px;margin:0}.header-buttons[data-v-370f753e]{display:flex;gap:12px}.btn-refresh[data-v-370f753e],.btn-izin[data-v-370f753e]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;border:none}.btn-refresh[data-v-370f753e]{background:#06f;color:#fff}.btn-izin[data-v-370f753e]{background:#93f;color:#fff}.btn-izin[data-v-370f753e]:hover{background:#7f2cd6}.stats-grid[data-v-370f753e]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-370f753e]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.stat-icon[data-v-370f753e]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-value[data-v-370f753e]{font-size:28px;font-weight:700;color:#1a1a2e}.stat-label[data-v-370f753e]{font-size:14px;color:#666}.my-status-card[data-v-370f753e]{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.my-status-card h3[data-v-370f753e]{margin:0 0 16px;font-size:18px;color:#1a1a2e}.my-status-content[data-v-370f753e]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.status-item[data-v-370f753e]{display:flex;flex-direction:column;gap:4px}.status-label[data-v-370f753e]{font-size:12px;color:#666}.status-value[data-v-370f753e]{font-size:14px;font-weight:600;color:#1a1a2e}.status-value.success[data-v-370f753e]{color:#0c6}.status-value.danger[data-v-370f753e]{color:#ef4444}.my-status-actions[data-v-370f753e]{display:flex;gap:16px;border-top:1px solid #f0f0f0;padding-top:16px}.btn-clock-in[data-v-370f753e],.btn-clock-out[data-v-370f753e],.btn-check-in[data-v-370f753e],.btn-check-out[data-v-370f753e]{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-clock-in[data-v-370f753e]{background:#0c6;color:#fff}.btn-clock-out[data-v-370f753e]{background:#f60;color:#fff}.btn-clock-in[data-v-370f753e]:disabled,.btn-clock-out[data-v-370f753e]:disabled{opacity:.5;cursor:not-allowed}.penugasan-card[data-v-370f753e]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000d}.card-header[data-v-370f753e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.card-header h3[data-v-370f753e]{margin:0;font-size:18px;color:#1a1a2e}.btn-link[data-v-370f753e]{background:#06f;color:#fff;padding:8px 16px;border-radius:8px;text-decoration:none;font-size:13px}.penugasan-list[data-v-370f753e]{display:flex;flex-direction:column;gap:12px}.penugasan-item[data-v-370f753e]{border:1px solid #e5e7eb;border-radius:12px;padding:16px}.penugasan-header[data-v-370f753e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.penugasan-lokasi[data-v-370f753e]{font-weight:600;color:#1a1a2e}.penugasan-waktu[data-v-370f753e]{font-size:13px;color:#666}.penugasan-status[data-v-370f753e]{font-size:11px;padding:2px 8px;border-radius:20px}.status-warning[data-v-370f753e]{background:#fff3e0;color:#ff9800}.status-info[data-v-370f753e]{background:#e6f0ff;color:#06f}.status-success[data-v-370f753e]{background:#e6ffe6;color:#0c6}.status-danger[data-v-370f753e]{background:#fee2e2;color:#ef4444}.penugasan-detail[data-v-370f753e]{font-size:13px;color:#666;margin-bottom:12px}.penugasan-actions[data-v-370f753e]{margin-top:8px}.btn-check-in[data-v-370f753e],.btn-check-out[data-v-370f753e]{padding:8px 16px;font-size:12px}.btn-check-in[data-v-370f753e]{background:#06f;color:#fff}.btn-check-out[data-v-370f753e]{background:#93f;color:#fff}.badge-success[data-v-370f753e]{background:#e6ffe6;color:#0c6;padding:4px 12px;border-radius:20px;font-size:12px}.empty-state[data-v-370f753e]{text-align:center;padding:40px;color:#999}.empty-state span[data-v-370f753e]{font-size:48px;display:block;margin-bottom:16px}.modal-overlay[data-v-370f753e]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-370f753e]{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-370f753e]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-370f753e]{margin:0;font-size:20px}.modal-close[data-v-370f753e]{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close[data-v-370f753e]:hover{background:#f5f5f5}.modal-body[data-v-370f753e]{padding:20px}.modal-footer[data-v-370f753e]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.jenis-izin-group[data-v-370f753e]{display:flex;gap:12px;margin-top:8px}.jenis-btn[data-v-370f753e]{flex:1;padding:10px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.jenis-btn.active[data-v-370f753e]{background:#06f;border-color:#06f;color:#fff}.jenis-btn[data-v-370f753e]:hover:not(.active){border-color:#06f;background:#f0f7ff}.form-group[data-v-370f753e]{margin-bottom:16px}.form-group label[data-v-370f753e]{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.required[data-v-370f753e]{color:#ef4444}.optional[data-v-370f753e]{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.form-input[data-v-370f753e],.form-select[data-v-370f753e],.form-textarea[data-v-370f753e]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px}.form-input[data-v-370f753e]:focus,.form-select[data-v-370f753e]:focus,.form-textarea[data-v-370f753e]:focus{outline:none;border-color:#06f}.form-textarea[data-v-370f753e]{resize:vertical}.form-row[data-v-370f753e]{display:flex;gap:16px;margin-bottom:16px}.form-group.half[data-v-370f753e]{flex:1}.form-hint[data-v-370f753e]{font-size:11px;color:#94a3b8;margin-top:4px;display:block}.file-upload[data-v-370f753e]{position:relative;display:flex;align-items:center;gap:8px}.file-upload input[type=file][data-v-370f753e]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-label[data-v-370f753e]{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f5f5f5;border:2px dashed #d1d5db;border-radius:14px;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.file-label[data-v-370f753e]:hover{border-color:#06f;background:#f0f7ff}.file-icon[data-v-370f753e]{font-size:16px}.file-clear[data-v-370f753e]{width:36px;height:36px;border-radius:10px;border:none;background:#fee2e2;color:#ef4444;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.location-info[data-v-370f753e]{background:#f8fafc;padding:12px;border-radius:8px;margin-bottom:16px}.location-info p[data-v-370f753e]{margin:4px 0;font-size:13px}.btn-primary[data-v-370f753e],.btn-secondary[data-v-370f753e]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none}.btn-primary[data-v-370f753e]{background:#06f;color:#fff}.btn-primary[data-v-370f753e]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-370f753e]{background:#f5f5f5;color:#666}.spinner-small[data-v-370f753e]{width:20px;height:20px;border:2px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-370f753e 1s linear infinite;margin:0 auto}.loading-location[data-v-370f753e]{text-align:center;padding:20px}@keyframes spin-370f753e{to{transform:rotate(360deg)}}@media(max-width:768px){.stats-grid[data-v-370f753e],.my-status-content[data-v-370f753e]{grid-template-columns:repeat(2,1fr)}.header-section[data-v-370f753e]{flex-direction:column;gap:16px}.header-buttons[data-v-370f753e]{width:100%}.btn-refresh[data-v-370f753e],.btn-izin[data-v-370f753e]{flex:1;justify-content:center}.jenis-izin-group[data-v-370f753e],.form-row[data-v-370f753e]{flex-direction:column}}.absensi-admin-container[data-v-38df4ca0]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-38df4ca0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-38df4ca0]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-38df4ca0]{color:#666;font-size:14px;margin:0}.btn-refresh[data-v-38df4ca0]{background:#06f;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer}.filter-section[data-v-38df4ca0]{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;box-shadow:0 2px 8px #0000000d}.filter-item[data-v-38df4ca0]{display:flex;flex-direction:column;gap:6px}.filter-item label[data-v-38df4ca0]{font-size:12px;color:#666;font-weight:500}.date-input[data-v-38df4ca0],.search-input[data-v-38df4ca0]{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;min-width:150px}.date-input[data-v-38df4ca0]:focus,.search-input[data-v-38df4ca0]:focus{outline:none;border-color:#06f}.btn-filter[data-v-38df4ca0],.btn-reset[data-v-38df4ca0],.btn-export[data-v-38df4ca0]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none}.btn-filter[data-v-38df4ca0]{background:#06f;color:#fff}.btn-reset[data-v-38df4ca0]{background:#f5f5f5;color:#666}.btn-export[data-v-38df4ca0]{background:#0c6;color:#fff}.stats-grid[data-v-38df4ca0]{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-38df4ca0]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.stat-icon[data-v-38df4ca0]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-value[data-v-38df4ca0]{font-size:28px;font-weight:700;color:#1a1a2e}.stat-label[data-v-38df4ca0]{font-size:14px;color:#666}.loading-state[data-v-38df4ca0],.error-state[data-v-38df4ca0]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-38df4ca0]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-38df4ca0 1s linear infinite;margin:0 auto 20px}@keyframes spin-38df4ca0{to{transform:rotate(360deg)}}.error-icon[data-v-38df4ca0]{font-size:48px;display:block;margin-bottom:16px}.btn-retry[data-v-38df4ca0]{background:#06f;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin-top:16px}.table-card[data-v-38df4ca0]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-38df4ca0]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-38df4ca0]{margin:0;font-size:18px}.table-count[data-v-38df4ca0]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px}.table-responsive[data-v-38df4ca0]{overflow-x:auto}.modern-table[data-v-38df4ca0]{width:100%;border-collapse:collapse;min-width:1300px}.modern-table th[data-v-38df4ca0]{text-align:left;padding:14px 16px;background:#f8fafc;font-size:12px;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-38df4ca0]{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:13px;vertical-align:top}.text-center[data-v-38df4ca0]{text-align:center}.nama-cell[data-v-38df4ca0]{font-weight:600;color:#1a1a2e}.location-cell[data-v-38df4ca0]{font-family:monospace;font-size:11px;color:#666}.alamat-cell[data-v-38df4ca0]{font-size:11px;color:#06f;max-width:250px;white-space:normal;word-break:break-word}.status-badge[data-v-38df4ca0]{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;display:inline-block}.status-badge.hadir[data-v-38df4ca0]{background:#e6ffe6;color:#0c6}.status-badge.terlambat[data-v-38df4ca0]{background:#fff3e0;color:#ff9800}.status-badge.izin[data-v-38df4ca0],.status-badge.sakit[data-v-38df4ca0],.status-badge.cuti[data-v-38df4ca0]{background:#e6f0ff;color:#06f}.status-badge.alpha[data-v-38df4ca0]{background:#fee2e2;color:#ef4444}.status-badge.default[data-v-38df4ca0]{background:#f0f0f0;color:#666}.no-data[data-v-38df4ca0]{text-align:center;padding:48px!important;color:#94a3b8}.pagination-section[data-v-38df4ca0]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-controls[data-v-38df4ca0]{display:flex;gap:12px;align-items:center}.pagination-btn[data-v-38df4ca0]{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer}.pagination-btn[data-v-38df4ca0]:hover:not(:disabled){background:#06f;color:#fff}.pagination-btn[data-v-38df4ca0]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.stats-grid[data-v-38df4ca0]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.absensi-admin-container[data-v-38df4ca0]{padding:16px}.header-section[data-v-38df4ca0]{flex-direction:column;gap:16px;align-items:stretch}.filter-section[data-v-38df4ca0]{flex-direction:column}.filter-item[data-v-38df4ca0],.date-input[data-v-38df4ca0],.search-input[data-v-38df4ca0],.btn-filter[data-v-38df4ca0],.btn-reset[data-v-38df4ca0],.btn-export[data-v-38df4ca0]{width:100%}.stats-grid[data-v-38df4ca0]{grid-template-columns:1fr}}.parameter-container[data-v-c0df53a3]{padding:24px;max-width:1200px;margin:0 auto}.header-section[data-v-c0df53a3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-c0df53a3]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-c0df53a3]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-c0df53a3]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-tambah[data-v-c0df53a3]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.btn-icon[data-v-c0df53a3]{font-size:20px}.loading-state[data-v-c0df53a3],.error-state[data-v-c0df53a3]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-c0df53a3]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-c0df53a3 1s linear infinite;margin:0 auto 20px}@keyframes spin-c0df53a3{to{transform:rotate(360deg)}}.table-card[data-v-c0df53a3]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-c0df53a3]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-c0df53a3]{margin:0;font-size:18px}.table-count[data-v-c0df53a3]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px}.table-responsive[data-v-c0df53a3]{overflow-x:auto}.modern-table[data-v-c0df53a3]{width:100%;border-collapse:collapse;min-width:800px}.modern-table th[data-v-c0df53a3]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-c0df53a3]{padding:16px 20px;border-bottom:1px solid #f0f0f0}.text-center[data-v-c0df53a3]{text-align:center}.param-name[data-v-c0df53a3]{font-weight:600;color:#1a1a2e}.fungsi-badge[data-v-c0df53a3]{background:#e6f0ff;color:#06f;padding:4px 12px;border-radius:20px;font-size:12px;display:inline-block}.custom-badge[data-v-c0df53a3]{background:#f0e6ff;color:#93f;padding:4px 12px;border-radius:20px;font-size:12px;display:inline-block}.status-badge[data-v-c0df53a3]{padding:4px 12px;border-radius:20px;font-size:12px}.status-badge.active[data-v-c0df53a3]{background:#e6ffe6;color:#0c6}.status-badge.inactive[data-v-c0df53a3]{background:#fee2e2;color:#ef4444}.aksi-buttons[data-v-c0df53a3]{display:flex;gap:8px}.btn-edit[data-v-c0df53a3],.btn-hapus[data-v-c0df53a3]{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;font-size:18px}.btn-edit[data-v-c0df53a3]{background:#f0f7ff;color:#06f}.btn-edit[data-v-c0df53a3]:hover{background:#06f;color:#fff}.btn-hapus[data-v-c0df53a3]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-c0df53a3]:hover{background:#ef4444;color:#fff}.no-data[data-v-c0df53a3]{text-align:center;padding:48px;color:#94a3b8}.modal-overlay[data-v-c0df53a3]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-c0df53a3]{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-c0df53a3]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-close[data-v-c0df53a3]{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%}.modal-close[data-v-c0df53a3]:hover{background:#f5f5f5}.modal-body[data-v-c0df53a3]{padding:20px}.modal-footer[data-v-c0df53a3]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.form-group[data-v-c0df53a3]{margin-bottom:16px}.form-group label[data-v-c0df53a3]{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.required[data-v-c0df53a3]{color:#ef4444}.optional[data-v-c0df53a3]{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.form-input[data-v-c0df53a3]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px}.form-input[data-v-c0df53a3]:focus{outline:none;border-color:#06f}.form-hint[data-v-c0df53a3]{font-size:11px;color:#94a3b8;margin-top:4px;display:block}.btn-primary[data-v-c0df53a3],.btn-secondary[data-v-c0df53a3]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none}.btn-primary[data-v-c0df53a3]{background:#06f;color:#fff}.btn-primary[data-v-c0df53a3]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-c0df53a3]{background:#f5f5f5;color:#666}@media(max-width:768px){.parameter-container[data-v-c0df53a3]{padding:16px}.header-section[data-v-c0df53a3]{flex-direction:column;gap:16px}.btn-tambah[data-v-c0df53a3]{width:100%;justify-content:center}.modern-table[data-v-c0df53a3]{min-width:600px}}.laporan-container[data-v-87c840c9]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-87c840c9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;flex-wrap:wrap;gap:16px}.header-title h1[data-v-87c840c9]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.header-title p[data-v-87c840c9]{color:#666;font-size:14px;margin:4px 0 0}.filter-box[data-v-87c840c9]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.date-range[data-v-87c840c9]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-87c840c9]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-87c840c9]{color:#666;margin-right:8px}.date-field[data-v-87c840c9]{border:none;padding:10px 0;font-size:14px;outline:none;width:130px}.date-separator[data-v-87c840c9]{color:#999}.btn-filter[data-v-87c840c9],.btn-export[data-v-87c840c9]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none}.btn-filter[data-v-87c840c9]{background:#06f;color:#fff}.btn-export[data-v-87c840c9]{background:#0c6;color:#fff}.btn-filter[data-v-87c840c9]:hover,.btn-export[data-v-87c840c9]:hover{transform:translateY(-2px)}.info-role[data-v-87c840c9]{background:#e6f0ff;border-radius:12px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:13px;color:#06f;border-left:4px solid #0066ff}.info-role.user-mode[data-v-87c840c9]{background:#e6ffe6;color:#0c6;border-left-color:#0c6}.info-icon[data-v-87c840c9]{font-size:18px}.loading-state[data-v-87c840c9],.error-state[data-v-87c840c9]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-87c840c9]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-87c840c9 1s linear infinite;margin:0 auto 20px}@keyframes spin-87c840c9{to{transform:rotate(360deg)}}.table-card[data-v-87c840c9]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-87c840c9]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-87c840c9]{margin:0;font-size:18px}.table-count[data-v-87c840c9]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px}.table-responsive[data-v-87c840c9]{overflow-x:auto}.modern-table[data-v-87c840c9]{width:100%;border-collapse:collapse;min-width:1200px}.modern-table th[data-v-87c840c9]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-87c840c9]{padding:16px 20px;border-bottom:1px solid #f0f0f0}.text-center[data-v-87c840c9]{text-align:center}.location-cell[data-v-87c840c9]{font-size:12px;color:#666;font-family:monospace}.alamat-cell[data-v-87c840c9]{font-size:12px;color:#06f;max-width:300px;white-space:normal;word-break:break-word}.status-badge[data-v-87c840c9]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.hadir[data-v-87c840c9]{background:#e6ffe6;color:#0c6}.status-badge.terlambat[data-v-87c840c9]{background:#fff3e0;color:#ff9800}.status-badge.izin[data-v-87c840c9],.status-badge.sakit[data-v-87c840c9],.status-badge.cuti[data-v-87c840c9]{background:#e6f0ff;color:#06f}.status-badge.alpha[data-v-87c840c9]{background:#fee2e2;color:#ef4444}.status-badge.default[data-v-87c840c9]{background:#f0f0f0;color:#666}.no-data[data-v-87c840c9]{text-align:center;padding:48px;color:#94a3b8}.pagination-section[data-v-87c840c9]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-controls[data-v-87c840c9]{display:flex;gap:12px;align-items:center}.pagination-btn[data-v-87c840c9]{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer}.pagination-btn[data-v-87c840c9]:hover:not(:disabled){background:#06f;color:#fff}.pagination-btn[data-v-87c840c9]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.laporan-container[data-v-87c840c9]{padding:16px}.header-section[data-v-87c840c9]{flex-direction:column;align-items:stretch}.filter-box[data-v-87c840c9]{flex-direction:column}.date-range[data-v-87c840c9]{flex-direction:column;width:100%}.date-input[data-v-87c840c9],.date-field[data-v-87c840c9]{width:100%}.btn-filter[data-v-87c840c9],.btn-export[data-v-87c840c9]{width:100%;justify-content:center}}.laporan-penugasan-container[data-v-872eb360]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-872eb360]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;flex-wrap:wrap;gap:16px}.header-title h1[data-v-872eb360]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.header-title p[data-v-872eb360]{color:#666;font-size:14px;margin:4px 0 0}.filter-box[data-v-872eb360]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.date-range[data-v-872eb360]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-872eb360]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-872eb360]{color:#666;margin-right:8px}.date-field[data-v-872eb360]{border:none;padding:10px 0;font-size:14px;outline:none;width:130px}.date-separator[data-v-872eb360]{color:#999}.btn-filter[data-v-872eb360],.btn-export[data-v-872eb360]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none}.btn-filter[data-v-872eb360]{background:#06f;color:#fff}.btn-export[data-v-872eb360]{background:#0c6;color:#fff}.btn-filter[data-v-872eb360]:hover,.btn-export[data-v-872eb360]:hover{transform:translateY(-2px)}.loading-state[data-v-872eb360],.error-state[data-v-872eb360]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-872eb360]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-872eb360 1s linear infinite;margin:0 auto 20px}@keyframes spin-872eb360{to{transform:rotate(360deg)}}.table-card[data-v-872eb360]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-872eb360]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-872eb360]{margin:0;font-size:18px}.table-count[data-v-872eb360]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px}.table-responsive[data-v-872eb360]{overflow-x:auto}.modern-table[data-v-872eb360]{width:100%;border-collapse:collapse;min-width:1200px}.modern-table th[data-v-872eb360]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-872eb360]{padding:16px 20px;border-bottom:1px solid #f0f0f0}.text-center[data-v-872eb360]{text-align:center}.location-cell[data-v-872eb360]{font-size:12px;color:#666;font-family:monospace}.alamat-cell[data-v-872eb360]{font-size:12px;color:#06f;max-width:300px;white-space:normal;word-break:break-word}.status-badge[data-v-872eb360]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.warning[data-v-872eb360]{background:#fff3e0;color:#ff9800}.status-badge.info[data-v-872eb360]{background:#e6f0ff;color:#06f}.status-badge.success[data-v-872eb360]{background:#e6ffe6;color:#0c6}.status-badge.danger[data-v-872eb360]{background:#fee2e2;color:#ef4444}.status-badge.default[data-v-872eb360]{background:#f0f0f0;color:#666}.no-data[data-v-872eb360]{text-align:center;padding:48px;color:#94a3b8}.pagination-section[data-v-872eb360]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-controls[data-v-872eb360]{display:flex;gap:12px;align-items:center}.pagination-btn[data-v-872eb360]{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer}.pagination-btn[data-v-872eb360]:hover:not(:disabled){background:#06f;color:#fff}.pagination-btn[data-v-872eb360]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.laporan-penugasan-container[data-v-872eb360]{padding:16px}.header-section[data-v-872eb360]{flex-direction:column;align-items:stretch}.filter-box[data-v-872eb360]{flex-direction:column}.date-range[data-v-872eb360]{flex-direction:column;width:100%}.date-input[data-v-872eb360],.date-field[data-v-872eb360]{width:100%}.btn-filter[data-v-872eb360],.btn-export[data-v-872eb360]{width:100%;justify-content:center}}.approval-izin-container[data-v-fe22018f]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-fe22018f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-fe22018f]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-fe22018f]{color:#666;font-size:14px;margin:0}.btn-refresh[data-v-fe22018f]{background:#06f;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer}.filter-section[data-v-fe22018f]{display:flex;gap:16px;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;align-items:center}.date-range[data-v-fe22018f]{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:12px}.date-input[data-v-fe22018f]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.date-icon[data-v-fe22018f]{color:#666;margin-right:8px}.date-field[data-v-fe22018f]{border:none;padding:10px 0;font-size:14px;outline:none;width:130px}.date-separator[data-v-fe22018f]{color:#999}.btn-filter[data-v-fe22018f],.btn-reset[data-v-fe22018f]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none}.btn-filter[data-v-fe22018f]{background:#06f;color:#fff}.btn-reset[data-v-fe22018f]{background:#f5f5f5;color:#666}.stats-grid[data-v-fe22018f]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card[data-v-fe22018f]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.stat-icon[data-v-fe22018f]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px}.stat-value[data-v-fe22018f]{font-size:28px;font-weight:700;color:#1a1a2e}.stat-label[data-v-fe22018f]{font-size:14px;color:#666}.loading-state[data-v-fe22018f]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-fe22018f]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-fe22018f 1s linear infinite;margin:0 auto 20px}@keyframes spin-fe22018f{to{transform:rotate(360deg)}}.error-state[data-v-fe22018f]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca}.error-icon[data-v-fe22018f]{font-size:48px;display:block;margin-bottom:16px}.btn-retry[data-v-fe22018f]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;margin-top:16px}.table-card[data-v-fe22018f]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-fe22018f]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-fe22018f]{margin:0;font-size:18px}.table-count[data-v-fe22018f]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px}.table-responsive[data-v-fe22018f]{overflow-x:auto}.modern-table[data-v-fe22018f]{width:100%;border-collapse:collapse;min-width:1000px}.modern-table th[data-v-fe22018f]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-fe22018f]{padding:16px 20px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.text-center[data-v-fe22018f]{text-align:center}.tanggal-info[data-v-fe22018f]{display:flex;flex-direction:column;gap:2px}.hari-count[data-v-fe22018f]{font-size:11px;color:#94a3b8}.pekerja-info[data-v-fe22018f]{display:flex;flex-direction:column;gap:2px}.pekerja-nama[data-v-fe22018f]{font-weight:600;color:#1a1a2e}.pekerja-fungsi[data-v-fe22018f]{font-size:11px;color:#94a3b8}.alasan-cell[data-v-fe22018f]{max-width:250px;font-size:13px;color:#475569}.jenis-badge[data-v-fe22018f]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.jenis-izin[data-v-fe22018f]{background:#e6f0ff;color:#06f}.jenis-sakit[data-v-fe22018f]{background:#fff3e0;color:#ff9800}.jenis-cuti[data-v-fe22018f]{background:#e6ffe6;color:#0c6}.jenis-tugas[data-v-fe22018f]{background:#f0e6ff;color:#93f}.status-badge[data-v-fe22018f]{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;min-width:90px;text-align:center}.status-warning[data-v-fe22018f]{background:#fff3e0;color:#ff9800}.status-success[data-v-fe22018f]{background:#e6ffe6;color:#0c6}.status-danger[data-v-fe22018f]{background:#fee2e2;color:#ef4444}.btn-view-file[data-v-fe22018f]{background:#e6f0ff;color:#06f;border:none;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.btn-view-file[data-v-fe22018f]:hover{background:#06f;color:#fff}.no-file[data-v-fe22018f]{color:#94a3b8;font-size:12px}.aksi-buttons[data-v-fe22018f]{display:flex;gap:8px}.btn-approve[data-v-fe22018f],.btn-reject[data-v-fe22018f]{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;cursor:pointer;border:none;transition:all .2s}.btn-approve[data-v-fe22018f]{background:#e6ffe6;color:#0c6}.btn-approve[data-v-fe22018f]:hover{background:#0c6;color:#fff}.btn-reject[data-v-fe22018f]{background:#fee2e2;color:#ef4444}.btn-reject[data-v-fe22018f]:hover{background:#ef4444;color:#fff}.aksi-status[data-v-fe22018f]{font-size:11px;color:#94a3b8}.processed-badge[data-v-fe22018f]{background:#f5f5f5;padding:4px 8px;border-radius:8px;font-size:11px}.no-data[data-v-fe22018f]{text-align:center;padding:48px!important;color:#94a3b8}.pagination-section[data-v-fe22018f]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-controls[data-v-fe22018f]{display:flex;gap:12px;align-items:center}.pagination-btn[data-v-fe22018f]{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-fe22018f]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-fe22018f]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-fe22018f]{font-size:13px;color:#666}.modal-overlay[data-v-fe22018f]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container.file-modal[data-v-fe22018f]{width:90%;max-width:800px;max-height:90vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-fe22018f]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-fe22018f]{margin:0;font-size:20px}.modal-close[data-v-fe22018f]{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close[data-v-fe22018f]:hover{background:#f5f5f5}.modal-body.file-preview[data-v-fe22018f]{flex:1;overflow-y:auto;padding:20px;text-align:center}.image-preview img[data-v-fe22018f]{max-width:100%;max-height:60vh;-o-object-fit:contain;object-fit:contain}.pdf-preview iframe[data-v-fe22018f]{width:100%;height:60vh;border:none}.no-preview[data-v-fe22018f]{text-align:center;padding:40px}.btn-download[data-v-fe22018f]{display:inline-block;background:#06f;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;margin-top:16px}.loading-state.small[data-v-fe22018f]{padding:40px}.spinner-small[data-v-fe22018f]{width:30px;height:30px;border:3px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-fe22018f 1s linear infinite;margin:0 auto 12px}.modal-footer[data-v-fe22018f]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.btn-secondary[data-v-fe22018f]{background:#f5f5f5;color:#666;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}@media(max-width:1024px){.stats-grid[data-v-fe22018f]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.approval-izin-container[data-v-fe22018f]{padding:16px}.header-section[data-v-fe22018f]{flex-direction:column;gap:16px;align-items:stretch}.filter-section[data-v-fe22018f]{flex-direction:column}.date-range[data-v-fe22018f]{flex-direction:column;width:100%}.date-input[data-v-fe22018f],.date-field[data-v-fe22018f]{width:100%}.btn-filter[data-v-fe22018f],.btn-reset[data-v-fe22018f]{width:100%;justify-content:center}.stats-grid[data-v-fe22018f]{grid-template-columns:1fr}.aksi-buttons[data-v-fe22018f]{flex-direction:column}.btn-approve[data-v-fe22018f],.btn-reject[data-v-fe22018f]{justify-content:center}.modal-container.file-modal[data-v-fe22018f]{width:95%}}.profil-saya-container[data-v-a88f49e3]{padding:24px;max-width:1000px;margin:0 auto}.header-section[data-v-a88f49e3]{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.header-title h1[data-v-a88f49e3]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-a88f49e3]{color:#666;font-size:14px;margin:0}.loading-state[data-v-a88f49e3]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-a88f49e3]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-a88f49e3 1s linear infinite;margin:0 auto 20px}@keyframes spin-a88f49e3{to{transform:rotate(360deg)}}.error-state[data-v-a88f49e3]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca}.error-icon[data-v-a88f49e3]{font-size:48px;display:block;margin-bottom:16px}.error-message h3[data-v-a88f49e3]{color:#dc2626;margin:0 0 8px}.btn-retry[data-v-a88f49e3]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer}.tabs-container[data-v-a88f49e3]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.tabs-header[data-v-a88f49e3]{display:flex;background:#f8fafc;border-bottom:1px solid #e5e7eb}.tab-btn[data-v-a88f49e3]{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:transparent;border:none;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.tab-btn[data-v-a88f49e3]:hover{background:#f1f5f9;color:#06f}.tab-btn.active[data-v-a88f49e3]{color:#06f;border-bottom-color:#06f;background:#fff}.tab-icon[data-v-a88f49e3]{font-size:20px}.tab-label[data-v-a88f49e3]{font-size:14px}.tabs-content[data-v-a88f49e3]{padding:24px}.profil-card[data-v-a88f49e3]{background:#fff;border-radius:20px;overflow:hidden}.profil-header[data-v-a88f49e3]{text-align:center;padding:30px;background:linear-gradient(135deg,#06f,#0052cc)}.avatar[data-v-a88f49e3]{width:100px;height:100px;background:#fff;border-radius:50px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:48px;font-weight:700;color:#06f}.profil-nama[data-v-a88f49e3]{font-size:24px;font-weight:600;color:#fff}.profil-nik[data-v-a88f49e3]{font-size:14px;color:#fffc;margin-top:4px}.profil-info[data-v-a88f49e3]{padding:24px}.info-row[data-v-a88f49e3]{display:flex;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-a88f49e3]:last-child{border-bottom:none}.info-label[data-v-a88f49e3]{width:180px;font-size:14px;color:#666}.info-value[data-v-a88f49e3]{flex:1;font-size:14px;font-weight:500;color:#1a1a2e}.stats-kehadiran[data-v-a88f49e3]{margin-bottom:32px}.stats-kehadiran h3[data-v-a88f49e3]{font-size:18px;margin-bottom:16px;color:#1a1a2e}.stats-grid-kehadiran[data-v-a88f49e3]{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.stat-kehadiran-card[data-v-a88f49e3]{background:#f8fafc;border-radius:16px;padding:16px;text-align:center}.stat-value[data-v-a88f49e3]{font-size:28px;font-weight:700;color:#06f}.stat-label[data-v-a88f49e3]{font-size:12px;color:#666;margin-top:4px}.riwayat-penugasan h3[data-v-a88f49e3]{font-size:18px;margin-bottom:16px;color:#1a1a2e}.penugasan-list[data-v-a88f49e3]{display:flex;flex-direction:column;gap:12px}.penugasan-item[data-v-a88f49e3]{background:#f8fafc;border-radius:12px;padding:16px}.penugasan-header[data-v-a88f49e3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.penugasan-lokasi[data-v-a88f49e3]{font-weight:600;color:#1a1a2e}.penugasan-tanggal[data-v-a88f49e3]{font-size:13px;color:#666}.status-badge[data-v-a88f49e3]{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.status-warning[data-v-a88f49e3]{background:#fff3e0;color:#ff9800}.status-info[data-v-a88f49e3]{background:#e6f0ff;color:#06f}.status-success[data-v-a88f49e3]{background:#e6ffe6;color:#0c6}.status-danger[data-v-a88f49e3]{background:#fee2e2;color:#ef4444}.penugasan-waktu[data-v-a88f49e3]{font-size:13px;color:#666}.payroll-info[data-v-a88f49e3]{display:flex;flex-direction:column;gap:24px}.info-card-payroll[data-v-a88f49e3]{background:#f8fafc;border-radius:16px;padding:24px;text-align:center}.payroll-header[data-v-a88f49e3]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.payroll-icon[data-v-a88f49e3]{font-size:32px}.payroll-header h3[data-v-a88f49e3]{font-size:20px;color:#1a1a2e;margin:0}.payroll-message[data-v-a88f49e3]{font-size:16px;color:#666;margin-bottom:8px}.payroll-submessage[data-v-a88f49e3]{font-size:13px;color:#94a3b8}.riwayat-gaji h3[data-v-a88f49e3]{font-size:18px;margin-bottom:16px;color:#1a1a2e}.gaji-list[data-v-a88f49e3]{display:flex;flex-direction:column;gap:12px}.gaji-item[data-v-a88f49e3]{background:#f8fafc;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.gaji-item[data-v-a88f49e3]:hover{background:#e6f0ff;transform:translate(4px)}.gaji-periode[data-v-a88f49e3]{font-weight:600;color:#1a1a2e}.gaji-nominal[data-v-a88f49e3]{color:#06f;font-weight:500}.gaji-action[data-v-a88f49e3]{color:#666;font-size:13px}.empty-state-small[data-v-a88f49e3]{text-align:center;padding:40px;color:#999}.empty-state-small span[data-v-a88f49e3]{font-size:48px;display:block;margin-bottom:12px;opacity:.5}.modal-overlay[data-v-a88f49e3]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-a88f49e3]{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-a88f49e3]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-a88f49e3]{margin:0;font-size:20px}.modal-close[data-v-a88f49e3]{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%}.modal-close[data-v-a88f49e3]:hover{background:#f5f5f5}.modal-body[data-v-a88f49e3]{padding:20px}.modal-footer[data-v-a88f49e3]{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid #f0f0f0}.slip-content[data-v-a88f49e3]{display:flex;flex-direction:column;gap:20px}.slip-section h4[data-v-a88f49e3]{font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.slip-row[data-v-a88f49e3]{display:flex;justify-content:space-between;padding:6px 0}.slip-row.total[data-v-a88f49e3]{margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-weight:600}.grand-total[data-v-a88f49e3]{background:#e6f0ff;padding:12px;border-radius:12px}.btn-secondary[data-v-a88f49e3]{padding:10px 20px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer}@media(max-width:768px){.profil-saya-container[data-v-a88f49e3]{padding:16px}.tabs-header[data-v-a88f49e3]{flex-direction:column}.tab-btn[data-v-a88f49e3]{justify-content:center}.stats-grid-kehadiran[data-v-a88f49e3]{grid-template-columns:repeat(3,1fr)}.info-row[data-v-a88f49e3]{flex-direction:column;gap:4px}.info-label[data-v-a88f49e3]{width:100%}.gaji-item[data-v-a88f49e3]{flex-direction:column;text-align:center;gap:8px}}.mobile-beranda[data-v-f421e258]{padding:16px}.header-with-icon[data-v-f421e258]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome-section[data-v-f421e258]{flex:1}.welcome-section h2[data-v-f421e258]{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.subtitle[data-v-f421e258]{font-size:14px;color:#666;margin:0}.header-actions[data-v-f421e258]{display:flex;gap:16px;align-items:center}.notification-icon[data-v-f421e258],.refresh-icon[data-v-f421e258]{width:40px;height:40px;background:#f5f5f5;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s}.notification-icon[data-v-f421e258]:active,.refresh-icon[data-v-f421e258]:active{transform:scale(.95);background:#e0e0e0}.status-card[data-v-f421e258]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.status-belum[data-v-f421e258]{border-left:4px solid #ff9800}.status-sudah[data-v-f421e258]{border-left:4px solid #00cc66}.status-icon[data-v-f421e258]{width:50px;height:50px;background:#f5f5f5;border-radius:25px;display:flex;align-items:center;justify-content:center;font-size:24px}.status-info[data-v-f421e258]{flex:1}.status-title[data-v-f421e258]{font-size:16px;font-weight:600;color:#1a1a2e}.status-time[data-v-f421e258]{font-size:13px;color:#666;margin-top:4px}.menu-grid[data-v-f421e258]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.menu-item[data-v-f421e258]{background:#fff;border-radius:16px;padding:16px 8px;text-align:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000d}.menu-item[data-v-f421e258]:active{transform:scale(.96)}.menu-icon[data-v-f421e258]{font-size:28px;margin-bottom:8px}.menu-label[data-v-f421e258]{font-size:12px;color:#666}.stats-section[data-v-f421e258]{background:#fff;border-radius:16px;padding:16px;display:flex;justify-content:space-around;box-shadow:0 2px 8px #0000000d}.stat-item[data-v-f421e258]{text-align:center}.stat-value[data-v-f421e258]{font-size:24px;font-weight:700;color:#06f}.stat-label[data-v-f421e258]{font-size:12px;color:#666}.modal-overlay[data-v-f421e258]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-f421e258]{background:#fff;border-radius:20px;width:90%;max-width:320px;overflow:hidden}.modal-header[data-v-f421e258]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff3e0;border-bottom:1px solid #ffe0b2}.modal-header h3[data-v-f421e258]{margin:0;font-size:18px;color:#ff9800}.modal-close[data-v-f421e258]{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close[data-v-f421e258]:hover{background:#f5f5f5}.modal-body[data-v-f421e258]{padding:20px;text-align:center}.modal-body p[data-v-f421e258]{margin:8px 0;color:#666}.warning-text[data-v-f421e258]{color:#ff9800!important;font-weight:600;margin-top:12px!important}.modal-footer[data-v-f421e258]{display:flex;justify-content:flex-end;gap:12px;padding:16px;border-top:1px solid #f0f0f0}.btn-primary[data-v-f421e258],.btn-secondary[data-v-f421e258]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none}.btn-primary[data-v-f421e258]{background:#ff9800;color:#fff}.btn-primary[data-v-f421e258]:active{background:#e68900}.btn-secondary[data-v-f421e258]{background:#f5f5f5;color:#666}.mobile-absensi[data-v-bd728d6b]{padding:16px}.page-header[data-v-bd728d6b]{margin-bottom:20px}.page-header h2[data-v-bd728d6b]{font-size:22px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.page-header p[data-v-bd728d6b]{font-size:13px;color:#666;margin:0}.status-card[data-v-bd728d6b]{background:#fff;border-radius:16px;padding:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.status-row[data-v-bd728d6b]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.status-row[data-v-bd728d6b]:last-child{border-bottom:none}.status-label[data-v-bd728d6b]{font-size:14px;color:#666}.status-value[data-v-bd728d6b]{font-size:14px;font-weight:500;color:#1a1a2e}.status-value.success[data-v-bd728d6b]{color:#0c6}.status-value.warning[data-v-bd728d6b]{color:#ff9800}.action-buttons[data-v-bd728d6b]{margin-bottom:12px}.btn-clock-in[data-v-bd728d6b],.btn-clock-out[data-v-bd728d6b]{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.btn-clock-in[data-v-bd728d6b]{background:#0c6;color:#fff}.btn-clock-out[data-v-bd728d6b]{background:#f60;color:#fff}.btn-clock-out[data-v-bd728d6b]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-bd728d6b]{font-size:24px}.warning-message[data-v-bd728d6b]{background:#fff3e0;border-radius:12px;padding:12px;font-size:13px;color:#ff9800;text-align:center}.modal-overlay[data-v-bd728d6b]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-bd728d6b]{background:#fff;border-radius:20px;width:90%;max-width:350px;max-height:90vh;overflow-y:auto}.modal-header[data-v-bd728d6b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-header h3[data-v-bd728d6b]{margin:0;font-size:18px}.modal-close[data-v-bd728d6b]{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-body[data-v-bd728d6b]{padding:20px}.modal-footer[data-v-bd728d6b]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.location-info[data-v-bd728d6b]{background:#f8fafc;padding:12px;border-radius:8px;text-align:center}.location-info p[data-v-bd728d6b]{margin:4px 0;font-size:13px}.jenis-izin-group[data-v-bd728d6b]{display:flex;gap:8px;margin-top:8px}.jenis-btn[data-v-bd728d6b]{flex:1;padding:10px 8px;border:2px solid #e5e7eb;background:#fff;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.jenis-btn.active[data-v-bd728d6b]{background:#06f;border-color:#06f;color:#fff}.jenis-btn[data-v-bd728d6b]:hover:not(.active){border-color:#06f;background:#f0f7ff}.form-group[data-v-bd728d6b]{margin-bottom:16px}.form-group label[data-v-bd728d6b]{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.required[data-v-bd728d6b]{color:#ef4444}.optional[data-v-bd728d6b]{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.form-input[data-v-bd728d6b],.form-textarea[data-v-bd728d6b]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px}.form-input[data-v-bd728d6b]:focus,.form-textarea[data-v-bd728d6b]:focus{outline:none;border-color:#06f}.form-textarea[data-v-bd728d6b]{resize:vertical}.form-hint[data-v-bd728d6b]{font-size:11px;color:#94a3b8;margin-top:4px;display:block}.file-upload[data-v-bd728d6b]{position:relative;display:flex;align-items:center;gap:8px}.file-upload input[type=file][data-v-bd728d6b]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-label[data-v-bd728d6b]{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f5f5f5;border:2px dashed #d1d5db;border-radius:14px;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.file-label[data-v-bd728d6b]:hover{border-color:#06f;background:#f0f7ff}.file-icon[data-v-bd728d6b]{font-size:16px}.file-clear[data-v-bd728d6b]{width:36px;height:36px;border-radius:10px;border:none;background:#fee2e2;color:#ef4444;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-primary[data-v-bd728d6b],.btn-secondary[data-v-bd728d6b]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none}.btn-primary[data-v-bd728d6b]{background:#06f;color:#fff}.btn-primary[data-v-bd728d6b]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-bd728d6b]{background:#f5f5f5;color:#666}.spinner-small[data-v-bd728d6b]{width:20px;height:20px;border:2px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-bd728d6b 1s linear infinite;margin:0 auto}@keyframes spin-bd728d6b{to{transform:rotate(360deg)}}.mobile-riwayat[data-v-576d32df]{padding:16px}.page-header[data-v-576d32df]{margin-bottom:20px}.page-header h2[data-v-576d32df]{font-size:22px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.page-header p[data-v-576d32df]{font-size:13px;color:#666;margin:0}.tabs-container[data-v-576d32df]{display:flex;gap:4px;background:#f5f5f5;border-radius:12px;padding:4px;margin-bottom:16px}.tab-btn[data-v-576d32df]{flex:1;padding:12px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.tab-btn.active[data-v-576d32df]{background:#06f;color:#fff;box-shadow:0 2px 8px #06f3}.filter-section[data-v-576d32df]{background:#fff;border-radius:16px;padding:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.filter-item[data-v-576d32df]{margin-bottom:12px}.filter-item label[data-v-576d32df]{display:block;font-size:12px;color:#666;margin-bottom:4px}.date-input[data-v-576d32df]{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px}.btn-filter[data-v-576d32df]{width:100%;padding:12px;background:#06f;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;margin-top:8px;cursor:pointer}.riwayat-list[data-v-576d32df]{display:flex;flex-direction:column;gap:12px}.riwayat-card[data-v-576d32df]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.card-header[data-v-576d32df]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #f0f0f0}.tanggal[data-v-576d32df]{font-weight:600;color:#1a1a2e}.pengajuan-tanggal[data-v-576d32df]{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tanggal-separator[data-v-576d32df]{color:#94a3b8;font-size:12px}.status-badge[data-v-576d32df]{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.status-badge.hadir[data-v-576d32df]{background:#e6ffe6;color:#0c6}.status-badge.terlambat[data-v-576d32df]{background:#fff3e0;color:#ff9800}.status-badge.izin[data-v-576d32df],.status-badge.sakit[data-v-576d32df],.status-badge.cuti[data-v-576d32df]{background:#e6f0ff;color:#06f}.status-badge.alpha[data-v-576d32df]{background:#fee2e2;color:#ef4444}.status-menunggu[data-v-576d32df]{background:#fff3e0;color:#ff9800}.status-disetujui[data-v-576d32df]{background:#e6ffe6;color:#0c6}.status-ditolak[data-v-576d32df]{background:#fee2e2;color:#ef4444}.jenis-badge[data-v-576d32df]{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.jenis-izin[data-v-576d32df]{background:#e6f0ff;color:#06f}.jenis-sakit[data-v-576d32df]{background:#fff3e0;color:#ff9800}.jenis-cuti[data-v-576d32df]{background:#e6ffe6;color:#0c6}.jenis-tugas[data-v-576d32df]{background:#f0e6ff;color:#93f}.card-body[data-v-576d32df]{padding:14px 16px}.time-row[data-v-576d32df],.jenis-row[data-v-576d32df],.alasan-row[data-v-576d32df],.info-row[data-v-576d32df]{display:flex;justify-content:space-between;padding:6px 0}.time-label[data-v-576d32df],.jenis-label[data-v-576d32df],.alasan-label[data-v-576d32df],.info-label[data-v-576d32df]{font-size:13px;color:#666}.time-value[data-v-576d32df],.jenis-value[data-v-576d32df],.alasan-value[data-v-576d32df],.info-value[data-v-576d32df]{font-size:13px;font-weight:500;color:#1a1a2e}.alasan-value[data-v-576d32df]{flex:1;text-align:right;margin-left:12px}.action-row[data-v-576d32df]{margin-top:12px;padding-top:8px;border-top:1px solid #f0f0f0}.btn-batal[data-v-576d32df]{width:100%;padding:8px;background:#fee2e2;color:#ef4444;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-batal[data-v-576d32df]:active{background:#ef4444;color:#fff}.loading-state[data-v-576d32df],.error-state[data-v-576d32df],.empty-state[data-v-576d32df]{text-align:center;padding:40px;background:#fff;border-radius:16px}.loading-state .spinner-small[data-v-576d32df]{margin:0 auto 12px}.error-state span[data-v-576d32df],.empty-state span[data-v-576d32df]{font-size:48px;display:block;margin-bottom:12px;opacity:.5}.error-state p[data-v-576d32df],.empty-state p[data-v-576d32df]{color:#666;margin-bottom:16px}.btn-retry[data-v-576d32df]{background:#06f;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer}.modal-overlay[data-v-576d32df]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-576d32df]{background:#fff;border-radius:20px;width:90%;max-width:320px;overflow:hidden}.modal-header[data-v-576d32df]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff3e0;border-bottom:1px solid #ffe0b2}.modal-header h3[data-v-576d32df]{margin:0;font-size:18px;color:#ff9800}.modal-close[data-v-576d32df]{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close[data-v-576d32df]:hover{background:#f5f5f5}.modal-body[data-v-576d32df]{padding:20px;text-align:center}.modal-body p[data-v-576d32df]{margin:8px 0;color:#666}.warning-text[data-v-576d32df]{color:#ff9800!important;font-weight:600;margin-top:12px!important}.modal-footer[data-v-576d32df]{display:flex;justify-content:flex-end;gap:12px;padding:16px;border-top:1px solid #f0f0f0}.btn-primary[data-v-576d32df],.btn-secondary[data-v-576d32df]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none}.btn-primary[data-v-576d32df]{background:#ff9800;color:#fff}.btn-primary[data-v-576d32df]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-576d32df]{background:#f5f5f5;color:#666}.spinner-small[data-v-576d32df]{width:30px;height:30px;border:3px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-576d32df 1s linear infinite;margin:0 auto}@keyframes spin-576d32df{to{transform:rotate(360deg)}}.mobile-profil[data-v-af51d1a5]{padding:16px}.welcome-section[data-v-af51d1a5]{margin-bottom:20px}.welcome-section h2[data-v-af51d1a5]{font-size:22px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.subtitle[data-v-af51d1a5]{font-size:13px;color:#666;margin:0}.loading-state[data-v-af51d1a5],.error-state[data-v-af51d1a5]{text-align:center;padding:40px;background:#fff;border-radius:16px}.spinner-small[data-v-af51d1a5]{width:30px;height:30px;border:3px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-af51d1a5 1s linear infinite;margin:0 auto 12px}@keyframes spin-af51d1a5{to{transform:rotate(360deg)}}.error-state span[data-v-af51d1a5]{font-size:48px;display:block;margin-bottom:12px;opacity:.5}.btn-retry[data-v-af51d1a5]{background:#06f;color:#fff;border:none;padding:10px 20px;border-radius:10px;margin-top:12px;cursor:pointer}.tabs-mobile[data-v-af51d1a5]{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:16px}.tabs-header[data-v-af51d1a5]{display:flex;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.tab-btn[data-v-af51d1a5]{flex:1;padding:14px 8px;background:transparent;border:none;font-size:13px;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;min-width:70px}.tab-btn.active[data-v-af51d1a5]{color:#06f;border-bottom-color:#06f;background:#fff}.tabs-content[data-v-af51d1a5]{padding:16px}.avatar-section[data-v-af51d1a5]{text-align:center;padding:20px;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;margin-bottom:16px}.avatar[data-v-af51d1a5]{width:70px;height:70px;background:#fff;border-radius:35px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:32px;font-weight:700;color:#06f}.avatar-nama[data-v-af51d1a5]{font-size:18px;font-weight:600;color:#fff}.avatar-nik[data-v-af51d1a5]{font-size:12px;color:#fffc;margin-top:4px}.info-section[data-v-af51d1a5]{background:#f8fafc;border-radius:16px;padding:16px}.info-item[data-v-af51d1a5]{padding:10px 0;border-bottom:1px solid #e5e7eb}.info-item[data-v-af51d1a5]:last-child{border-bottom:none}.info-label[data-v-af51d1a5]{font-size:12px;color:#666;margin-bottom:4px}.info-value[data-v-af51d1a5]{font-size:14px;font-weight:500;color:#1a1a2e}.stats-kehadiran h3[data-v-af51d1a5],.riwayat-absensi h3[data-v-af51d1a5],.riwayat-penugasan h3[data-v-af51d1a5]{font-size:16px;margin-bottom:12px;color:#1a1a2e}.stats-grid[data-v-af51d1a5]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-card[data-v-af51d1a5]{background:#f8fafc;border-radius:12px;padding:12px;text-align:center}.stat-value[data-v-af51d1a5]{font-size:22px;font-weight:700;color:#06f}.stat-label[data-v-af51d1a5]{font-size:11px;color:#666;margin-top:4px}.absensi-list[data-v-af51d1a5],.penugasan-list[data-v-af51d1a5]{display:flex;flex-direction:column;gap:12px}.absensi-item[data-v-af51d1a5],.penugasan-item[data-v-af51d1a5]{background:#f8fafc;border-radius:12px;padding:12px}.absensi-header[data-v-af51d1a5],.penugasan-header[data-v-af51d1a5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.absensi-tanggal[data-v-af51d1a5],.penugasan-lokasi[data-v-af51d1a5]{font-weight:600;color:#1a1a2e}.status-badge[data-v-af51d1a5]{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:500}.status-badge.hadir[data-v-af51d1a5]{background:#e6ffe6;color:#0c6}.status-badge.terlambat[data-v-af51d1a5]{background:#fff3e0;color:#ff9800}.status-badge.izin[data-v-af51d1a5],.status-badge.sakit[data-v-af51d1a5],.status-badge.cuti[data-v-af51d1a5]{background:#e6f0ff;color:#06f}.status-badge.alpha[data-v-af51d1a5]{background:#fee2e2;color:#ef4444}.status-badge.warning[data-v-af51d1a5]{background:#fff3e0;color:#ff9800}.status-badge.info[data-v-af51d1a5]{background:#e6f0ff;color:#06f}.status-badge.success[data-v-af51d1a5]{background:#e6ffe6;color:#0c6}.status-badge.danger[data-v-af51d1a5]{background:#fee2e2;color:#ef4444}.absensi-waktu[data-v-af51d1a5],.penugasan-tanggal[data-v-af51d1a5],.penugasan-waktu[data-v-af51d1a5]{font-size:12px;color:#666;margin-top:6px}.empty-state-small[data-v-af51d1a5]{text-align:center;padding:30px;color:#999}.empty-state-small span[data-v-af51d1a5]{font-size:40px;display:block;margin-bottom:8px;opacity:.5}.btn-logout[data-v-af51d1a5]{width:100%;padding:14px;background:#fee2e2;color:#ef4444;border:none;border-radius:12px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:8px}.payroll-info[data-v-af51d1a5]{display:flex;flex-direction:column;gap:20px}.info-card-payroll[data-v-af51d1a5]{background:#f8fafc;border-radius:16px;padding:20px;text-align:center}.payroll-header[data-v-af51d1a5]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.payroll-icon[data-v-af51d1a5]{font-size:28px}.payroll-header h3[data-v-af51d1a5]{font-size:18px;margin:0}.payroll-message[data-v-af51d1a5]{font-size:14px;color:#666;margin-bottom:8px}.payroll-submessage[data-v-af51d1a5]{font-size:12px;color:#94a3b8}.riwayat-gaji h3[data-v-af51d1a5]{font-size:16px;margin-bottom:12px}.gaji-list[data-v-af51d1a5]{display:flex;flex-direction:column;gap:10px}.gaji-item[data-v-af51d1a5]{background:#f8fafc;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.gaji-item[data-v-af51d1a5]:active{background:#e6f0ff}.gaji-periode[data-v-af51d1a5]{font-weight:600}.gaji-nominal[data-v-af51d1a5]{color:#06f}.gaji-action[data-v-af51d1a5]{font-size:12px;color:#666}.modal-overlay[data-v-af51d1a5]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-af51d1a5]{background:#fff;border-radius:20px;width:90%;max-width:350px;max-height:80vh;overflow-y:auto}.modal-header[data-v-af51d1a5]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-af51d1a5]{font-size:18px;margin:0}.modal-close[data-v-af51d1a5]{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close[data-v-af51d1a5]:hover{background:#f5f5f5}.modal-body[data-v-af51d1a5]{padding:16px}.modal-footer[data-v-af51d1a5]{padding:16px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.slip-content[data-v-af51d1a5]{display:flex;flex-direction:column;gap:16px}.slip-section h4[data-v-af51d1a5]{font-size:14px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #f0f0f0}.slip-row[data-v-af51d1a5]{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.slip-row.total[data-v-af51d1a5]{margin-top:4px;padding-top:4px;border-top:1px solid #f0f0f0;font-weight:600}.grand-total[data-v-af51d1a5]{background:#e6f0ff;padding:12px;border-radius:12px}.btn-secondary[data-v-af51d1a5]{background:#f5f5f5;border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.payroll-tarif-container[data-v-80fa7920]{padding:24px;max-width:1400px;margin:0 auto}.header-section[data-v-80fa7920]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.header-title h1[data-v-80fa7920]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.header-title p[data-v-80fa7920]{color:#666;font-size:14px;margin:0}.btn-tambah[data-v-80fa7920]{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-tambah[data-v-80fa7920]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066ff4d}.btn-icon[data-v-80fa7920]{font-size:20px}.filter-section[data-v-80fa7920]{display:flex;gap:16px;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap}.filter-select[data-v-80fa7920]{flex:1;min-width:150px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;cursor:pointer}.filter-select[data-v-80fa7920]:focus{outline:none;border-color:#06f}.btn-refresh[data-v-80fa7920]{padding:12px 24px;background:#06f;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-refresh[data-v-80fa7920]:hover{background:#0052cc}.loading-state[data-v-80fa7920]{background:#fff;border-radius:20px;padding:60px;text-align:center}.spinner[data-v-80fa7920]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#06f;border-radius:50%;animation:spin-80fa7920 1s linear infinite;margin:0 auto 20px}@keyframes spin-80fa7920{to{transform:rotate(360deg)}}.error-state[data-v-80fa7920]{background:#fff5f5;border-radius:20px;padding:40px;text-align:center;border:1px solid #fecaca}.error-icon[data-v-80fa7920]{font-size:48px;display:block;margin-bottom:16px}.btn-retry[data-v-80fa7920]{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;margin-top:16px}.table-card[data-v-80fa7920]{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table-header[data-v-80fa7920]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f0f0f0}.table-header h3[data-v-80fa7920]{margin:0;font-size:18px}.table-count[data-v-80fa7920]{background:#f0f0f0;padding:4px 12px;border-radius:20px;font-size:13px}.table-responsive[data-v-80fa7920]{overflow-x:auto}.modern-table[data-v-80fa7920]{width:100%;border-collapse:collapse;min-width:900px}.modern-table th[data-v-80fa7920]{text-align:left;padding:16px 20px;background:#f8fafc;font-size:13px;font-weight:600;border-bottom:2px solid #e2e8f0}.modern-table td[data-v-80fa7920]{padding:16px 20px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.text-center[data-v-80fa7920]{text-align:center}.tarif-cell[data-v-80fa7920]{font-weight:600;color:#0c6}.kategori-badge[data-v-80fa7920]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-harian[data-v-80fa7920]{background:#e6f0ff;color:#06f}.badge-kurir[data-v-80fa7920]{background:#e6ffe6;color:#0c6}.level-badge[data-v-80fa7920]{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.level-junior[data-v-80fa7920]{background:#e6f0ff;color:#06f}.level-senior[data-v-80fa7920]{background:#e6ffe6;color:#0c6}.level-supervisor[data-v-80fa7920]{background:#fff3e0;color:#ff9800}.level-manager[data-v-80fa7920]{background:#f0e6ff;color:#93f}.all-level-badge[data-v-80fa7920]{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;background:#f5f5f5;color:#666}.aksi-buttons[data-v-80fa7920]{display:flex;gap:8px}.btn-edit[data-v-80fa7920],.btn-hapus[data-v-80fa7920]{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;font-size:18px;transition:all .2s}.btn-edit[data-v-80fa7920]{background:#f0f7ff;color:#06f}.btn-edit[data-v-80fa7920]:hover{background:#06f;color:#fff}.btn-hapus[data-v-80fa7920]{background:#fee2e2;color:#ef4444}.btn-hapus[data-v-80fa7920]:hover{background:#ef4444;color:#fff}.no-data[data-v-80fa7920]{text-align:center;padding:48px!important;color:#94a3b8}.pagination-section[data-v-80fa7920]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-controls[data-v-80fa7920]{display:flex;gap:12px;align-items:center}.pagination-btn[data-v-80fa7920]{width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-80fa7920]:hover:not(:disabled){background:#06f;color:#fff;border-color:#06f}.pagination-btn[data-v-80fa7920]:disabled{opacity:.5;cursor:not-allowed}.pagination-current[data-v-80fa7920]{font-size:13px;color:#666}.modal-overlay[data-v-80fa7920]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-80fa7920]{background:#fff;border-radius:20px;width:90%;max-width:550px;max-height:90vh;overflow-y:auto}.modal-header[data-v-80fa7920]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-80fa7920]{margin:0;font-size:20px}.modal-close[data-v-80fa7920]{background:none;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%}.modal-close[data-v-80fa7920]:hover{background:#f5f5f5}.modal-body[data-v-80fa7920]{padding:20px}.modal-footer[data-v-80fa7920]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.form-group[data-v-80fa7920]{margin-bottom:16px}.form-group label[data-v-80fa7920]{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.required[data-v-80fa7920]{color:#ef4444}.optional[data-v-80fa7920]{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.form-input[data-v-80fa7920]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px}.form-input[data-v-80fa7920]:focus{outline:none;border-color:#06f}.form-hint[data-v-80fa7920]{font-size:11px;color:#94a3b8;margin-top:4px;display:block}.form-row[data-v-80fa7920]{display:flex;gap:16px}.form-row .form-group[data-v-80fa7920]{flex:1;margin-bottom:0}.btn-primary[data-v-80fa7920],.btn-secondary[data-v-80fa7920]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary[data-v-80fa7920]{background:#06f;color:#fff}.btn-primary[data-v-80fa7920]:hover:not(:disabled){background:#0052cc;transform:translateY(-1px)}.btn-primary[data-v-80fa7920]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-80fa7920]{background:#f5f5f5;color:#666}.btn-secondary[data-v-80fa7920]:hover{background:#e5e5e5}@media(max-width:768px){.payroll-tarif-container[data-v-80fa7920]{padding:16px}.header-section[data-v-80fa7920]{flex-direction:column;align-items:stretch}.btn-tambah[data-v-80fa7920]{width:100%;justify-content:center}.filter-section[data-v-80fa7920]{flex-direction:column}.filter-select[data-v-80fa7920]{width:100%}.btn-refresh[data-v-80fa7920]{width:100%;justify-content:center}.form-row[data-v-80fa7920]{flex-direction:column;gap:16px}.pagination-section[data-v-80fa7920]{flex-direction:column;align-items:center}}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#f3f4f6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}