.login-overlay[data-v-5b876ab2]{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e3c72;z-index:10000;display:flex;align-items:center;justify-content:center}.login-box[data-v-5b876ab2]{background:#fff;padding:40px;border-radius:20px;width:90%;max-width:400px;text-align:center}.btn-google[data-v-5b876ab2]{background:#fff;color:#444;border:1px solid #ddd;font-weight:600;padding:12px;border-radius:50px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.2s}.btn-google[data-v-5b876ab2]:hover{background:#f8f9fa}.modern-navbar[data-v-5aee6ac3]{background:var(--nav-bg)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--glass-shadow);border:1px solid var(--nav-border);z-index:1020;transition:all .3s ease}.logo-box[data-v-5aee6ac3]{width:40px;height:40px;background:var(--bg-main);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #00000005}.logo-box img[data-v-5aee6ac3]{height:26px}.brand-title[data-v-5aee6ac3]{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;color:var(--text-main);line-height:1;letter-spacing:-.5px}.brand-accent[data-v-5aee6ac3]{color:#4f46e5}.brand-subtitle[data-v-5aee6ac3]{font-size:.65rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-action-nav[data-v-5aee6ac3]{padding:8px 16px;border-radius:10px;font-weight:600;font-size:.85rem;border:none;transition:all .2s}.btn-add[data-v-5aee6ac3]{background:#4f46e5;color:#fff;box-shadow:0 4px 10px #4f46e533}.btn-add[data-v-5aee6ac3]:hover{background:#4338ca;transform:translateY(-1px)}.btn-report[data-v-5aee6ac3]{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border-color)}.btn-report[data-v-5aee6ac3]:hover{background:var(--border-color)}.btn-icon-nav[data-v-5aee6ac3]{width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:var(--bg-main);display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:.9rem;padding:0;color:var(--text-main)}.btn-icon-nav[data-v-5aee6ac3]:hover{background:var(--bg-card);border-color:var(--border-color);box-shadow:0 2px 5px #0000000d;transform:translateY(-1px)}.theme-toggle-btn[data-v-5aee6ac3]{background:var(--bg-main);border:1px solid var(--border-color)}.btn-logout[data-v-5aee6ac3]{width:36px;height:36px;border-radius:10px;border:none;background:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-logout[data-v-5aee6ac3]:hover{background:#fee2e2}.divider-vertical[data-v-5aee6ac3]{width:1px;height:24px;background-color:var(--border-color);margin:0 4px}.user-avatar[data-v-5aee6ac3]{width:36px;height:36px;border-radius:10px;object-fit:cover;border:2px solid var(--border-color)}.swipe-menu[data-v-5aee6ac3]{-webkit-overflow-scrolling:touch;scrollbar-width:none}.swipe-menu[data-v-5aee6ac3]::-webkit-scrollbar{display:none}.backdrop-blur[data-v-5aee6ac3]{background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1040}.modern-dropdown[data-v-5aee6ac3]{position:fixed;top:70px;right:20px;z-index:1050;width:260px;background:var(--bg-card);border-radius:16px;padding:8px;box-shadow:0 20px 25px -5px #0003,0 8px 10px -6px #0000001a;border:1px solid var(--border-color);animation:slideDown-5aee6ac3 .2s ease-out}@keyframes slideDown-5aee6ac3{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header-custom[data-v-5aee6ac3]{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px}.dropdown-item-custom[data-v-5aee6ac3]{display:flex;align-items:center;padding:10px 12px;gap:12px;border-radius:10px;text-decoration:none;color:var(--text-main);transition:all .2s}.dropdown-item-custom[data-v-5aee6ac3]:hover{background:var(--bg-main)}.icon-box[data-v-5aee6ac3]{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.item-text[data-v-5aee6ac3]{font-weight:600;font-size:.9rem}.dropdown-divider-custom[data-v-5aee6ac3]{height:1px;background:var(--border-color);margin:6px 12px}.bg-info-subtle[data-v-5aee6ac3]{background-color:#0284c71a}.text-info[data-v-5aee6ac3]{color:#38bdf8!important}.bg-success-subtle[data-v-5aee6ac3]{background-color:#0596691a}.text-success[data-v-5aee6ac3]{color:#34d399!important}.bg-primary-subtle[data-v-5aee6ac3]{background-color:#4f46e51a}.text-primary[data-v-5aee6ac3]{color:#818cf8!important}.bg-danger-subtle[data-v-5aee6ac3]{background-color:#dc26261a}.text-danger[data-v-5aee6ac3]{color:#f87171!important}.bg-warning-subtle[data-v-5aee6ac3]{background-color:#d977061a}.text-warning[data-v-5aee6ac3]{color:#fbbf24!important}.sticky-search[data-v-1f6fc489]{position:sticky;top:0;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-top:15px;z-index:1010;border-bottom:1px solid var(--border-color)}.search-container[data-v-1f6fc489]{display:flex;align-items:center;background:var(--bg-card);border-radius:16px;padding:8px 16px;border:1px solid var(--border-color);box-shadow:var(--glass-shadow);transition:all .3s ease}.search-container[data-v-1f6fc489]:focus-within{box-shadow:0 10px 15px -3px #4f46e51a;border-color:#818cf8}.search-icon[data-v-1f6fc489]{font-size:1.1rem;color:var(--text-muted);margin-right:12px}.search-input[data-v-1f6fc489]{flex:1;border:none;background:transparent;padding:10px 0;font-size:1rem;font-weight:500;color:var(--text-main);outline:none}.search-input[data-v-1f6fc489]::placeholder{color:var(--text-muted);font-weight:400}.clear-btn[data-v-1f6fc489]{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .2s}.clear-btn[data-v-1f6fc489]:hover{color:#ef4444}.filter-toggle-btn[data-v-1f6fc489]{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;font-size:.85rem;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;box-shadow:0 1px 2px #00000005}.filter-toggle-btn[data-v-1f6fc489]:hover{background:var(--bg-main);border-color:var(--border-color)}.filter-toggle-btn.has-filter[data-v-1f6fc489]{background:#4f46e51a;border-color:#818cf8;color:#4f46e5}.filter-toggle-btn.open[data-v-1f6fc489]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.filter-toggle-btn .chevron[data-v-1f6fc489]{transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--text-muted)}.filter-toggle-btn.open .chevron[data-v-1f6fc489]{transform:rotate(-180deg);color:#4f46e5}.filter-collapse[data-v-1f6fc489]{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.filter-collapse.open[data-v-1f6fc489]{max-height:500px}.filter-inner[data-v-1f6fc489]{padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 10px 15px -3px #0000000d}.filter-label[data-v-1f6fc489]{font-size:.72rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;letter-spacing:1px}.chip-row[data-v-1f6fc489]{display:flex;flex-wrap:wrap;gap:8px}.f-chip[data-v-1f6fc489]{display:inline-flex;align-items:center;padding:6px 14px;background:var(--bg-main);border:1px solid transparent;border-radius:20px;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--text-main);transition:all .2s ease;white-space:nowrap}.f-chip[data-v-1f6fc489]:hover{background:var(--border-color)}.f-chip.active[data-v-1f6fc489]{background:#4f46e5;color:#fff;box-shadow:0 4px 6px #4f46e533}.chip-critical-inactive[data-v-1f6fc489]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.chip-critical-inactive[data-v-1f6fc489]:hover{background:#ef444433}.chip-critical-active[data-v-1f6fc489]{background:#dc2626;color:#fff;box-shadow:0 4px 6px #dc262633}.filter-footer[data-v-1f6fc489]{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color)}.btn-reset[data-v-1f6fc489]{padding:4px 8px;border-radius:6px}.btn-reset[data-v-1f6fc489]:hover{background:#ef44441a}.stat-badge[data-v-1f6fc489]{font-size:.8rem;font-weight:700;color:var(--text-main);background:var(--bg-card);padding:6px 12px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 1px 2px #00000005}.badge-soft-danger[data-v-1f6fc489]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.card-item[data-v-9eae9a69]{border-radius:20px;background:var(--bg-card);border:1px solid var(--border-color);transition:all .2s ease-in-out}.card-normal[data-v-9eae9a69]{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card-critical[data-v-9eae9a69]{box-shadow:0 4px 15px #dc35451a;border-color:#fecaca}.card-item[data-v-9eae9a69]:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.item-title[data-v-9eae9a69]{color:var(--text-main);font-size:1.15rem}.item-meta[data-v-9eae9a69]{color:var(--text-muted);font-size:.85rem;font-weight:500}.badge-soft[data-v-9eae9a69]{font-size:.72rem;padding:4px 10px;border-radius:8px;font-weight:700;display:inline-block}.badge-soft-primary[data-v-9eae9a69]{background:#4f46e51a;color:#4f46e5}.badge-soft-success[data-v-9eae9a69]{background:#10b9811a;color:#10b981}.badge-soft-danger[data-v-9eae9a69]{background:#ef44441a;color:#ef4444}.badge-soft-warning[data-v-9eae9a69]{background:#f59e0b26;color:#d97706}.badge-soft-secondary[data-v-9eae9a69]{background:var(--bg-main);color:var(--text-muted)}.blok-pill[data-v-9eae9a69]{font-size:.75rem;padding:5px 12px;border-radius:8px;font-weight:600;background:#0ea5e91a;color:#0ea5e9;border:1px solid rgba(14,165,233,.2)}.blok-pill-warning[data-v-9eae9a69]{font-size:.75rem;padding:5px 12px;border-radius:8px;font-weight:600;background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}[data-bs-theme=dark]{color:#f59e0b}.blok-pill-empty[data-v-9eae9a69]{font-size:.75rem;padding:5px 12px;border-radius:8px;font-weight:500;background:var(--bg-main);color:var(--text-muted);border:1px dashed var(--border-color)}.stok-box[data-v-9eae9a69]{padding:12px 16px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.stok-box-aman[data-v-9eae9a69]{background:var(--bg-main);border-left:4px solid #10b981}.stok-box-kritis[data-v-9eae9a69]{background:#ef44440d;border-left:4px solid #ef4444}.stok-lbl[data-v-9eae9a69]{font-size:.7rem;color:var(--text-muted);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.stok-val[data-v-9eae9a69]{font-size:1.8rem;font-weight:800;color:var(--text-main);line-height:1;letter-spacing:-1px}.stok-box-kritis .stok-val[data-v-9eae9a69]{color:#dc2626}.stok-unit[data-v-9eae9a69]{font-size:.9rem;color:var(--text-muted);font-weight:600;letter-spacing:normal}.btn-action[data-v-9eae9a69]{font-weight:600;font-size:.85rem;padding:8px 12px;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-in[data-v-9eae9a69]{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.btn-in[data-v-9eae9a69]:hover{background:#10b98133}.btn-out[data-v-9eae9a69]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-out[data-v-9eae9a69]:hover{background:#ef444433}.btn-light-action[data-v-9eae9a69]{background:var(--bg-card);color:var(--text-muted);border-color:var(--border-color)}.btn-light-action[data-v-9eae9a69]:hover{background:var(--bg-main);border-color:var(--text-muted)}.btn-audit-action[data-v-9eae9a69]{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.btn-audit-action[data-v-9eae9a69]:hover{background:#f59e0b33}.backdrop-blur[data-v-a77ba454]{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modern-modal[data-v-a77ba454]{border-radius:24px;background:var(--bg-main);overflow:hidden}.modal-header[data-v-a77ba454]{padding:20px 24px}.header-in[data-v-a77ba454]{color:#059669}.header-out[data-v-a77ba454]{color:#dc2626}.header-opname[data-v-a77ba454]{color:#d97706}.icon-circle[data-v-a77ba454]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.icon-in[data-v-a77ba454]{background:#10b9811a;color:#10b981}.icon-out[data-v-a77ba454]{background:#ef44441a;color:#ef4444}.icon-opname[data-v-a77ba454]{background:#f59e0b1a;color:#f59e0b}.btn-close-custom[data-v-a77ba454]{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748b'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:none;width:32px;height:32px;opacity:.5;transition:opacity .2s;cursor:pointer}.btn-close-custom[data-v-a77ba454]:hover{opacity:1}.item-info-card[data-v-a77ba454]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px}.badge-soft[data-v-a77ba454]{font-size:.7rem;padding:4px 10px;border-radius:8px;font-weight:700}.badge-soft-secondary[data-v-a77ba454]{background:var(--bg-main);color:var(--text-muted)}.badge-soft-warning[data-v-a77ba454]{background:#f59e0b1a;color:#f59e0b}.stok-total-badge[data-v-a77ba454]{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;padding:12px 16px;border-radius:12px}.lokasi-list[data-v-a77ba454]{display:flex;flex-direction:column;gap:8px}.lokasi-item[data-v-a77ba454]{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted);padding-bottom:6px;border-bottom:1px dashed var(--border-color)}.lokasi-item[data-v-a77ba454]:last-child{border-bottom:none;padding-bottom:0}.lokasi-item.warning[data-v-a77ba454]{color:#d97706}.lokasi-item.warning .fw-bold[data-v-a77ba454]{color:#b45309}.form-label[data-v-a77ba454]{font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:.5px}.custom-input[data-v-a77ba454]{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;transition:all .3s}.custom-input[data-v-a77ba454]:focus{background:var(--bg-card);color:var(--text-main);border-color:#818cf8;box-shadow:0 0 0 4px #4f46e51a;outline:none}.custom-input[data-v-a77ba454]::placeholder{color:var(--text-muted);opacity:.5}.custom-addon[data-v-a77ba454]{background:var(--bg-main);color:var(--text-muted);border:1px solid var(--border-color);border-radius:12px}.preview-box[data-v-a77ba454]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;border-left:4px solid #4f46e5}.submit-btn[data-v-a77ba454]{border-radius:14px;padding:14px;font-size:1rem;color:#fff;border:none;transition:transform .2s}.submit-btn[data-v-a77ba454]:hover:not(:disabled){transform:translateY(-2px)}.btn-in-submit[data-v-a77ba454]{background:linear-gradient(135deg,#10b981,#059669)}.btn-out-submit[data-v-a77ba454]{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-opname-submit[data-v-a77ba454]{background:linear-gradient(135deg,#f59e0b,#d97706)}.hist-wrapper[data-v-bb76c504]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1060;display:flex;justify-content:flex-end}.hist-overlay[data-v-bb76c504]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hist-drawer[data-v-bb76c504]{width:100%;max-width:400px;height:100vh;background:var(--bg-card);z-index:2;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0003;border-left:1px solid var(--border-color);animation:slideIn-bb76c504 .3s ease-out}@keyframes slideIn-bb76c504{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header[data-v-bb76c504]{padding:24px 20px;border-bottom:1px solid var(--border-color)}.stok-tag[data-v-bb76c504]{font-size:.7rem;font-weight:800;background:#10b9811a;color:#10b981;padding:2px 8px;border-radius:6px}.chips-container[data-v-bb76c504]{padding:12px 15px;background:var(--bg-main)}.chips-scroll[data-v-bb76c504]{display:flex;gap:8px;overflow-x:auto}.hist-chip[data-v-bb76c504]{padding:6px 14px;border-radius:10px;font-size:.75rem;font-weight:700;cursor:pointer;background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-color)}.hist-chip.active[data-v-bb76c504]{background:#4f46e5;color:#fff;border-color:#4f46e5}.summary-box[data-v-bb76c504]{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:10px 0}.border-light[data-v-bb76c504]{border-color:var(--border-color)!important}.hist-list[data-v-bb76c504]{flex:1;overflow-y:auto;padding:20px 15px}.feed-item[data-v-bb76c504]{display:flex;gap:15px;margin-bottom:20px}.feed-time[data-v-bb76c504]{text-align:right;min-width:50px;padding-top:4px;color:var(--text-muted)}.day[data-v-bb76c504]{font-size:.75rem;font-weight:800;color:var(--text-main)}.hour[data-v-bb76c504]{font-size:.65rem}.feed-card[data-v-bb76c504]{flex:1;background:var(--bg-main);border-radius:12px;padding:12px 15px;border-left:5px solid}.border-masuk[data-v-bb76c504]{border-left-color:#10b981}.border-keluar[data-v-bb76c504]{border-left-color:#ef4444}.border-opname[data-v-bb76c504]{border-left-color:#f59e0b}.text-masuk[data-v-bb76c504]{color:#10b981}.text-keluar[data-v-bb76c504]{color:#ef4444}.text-opname[data-v-bb76c504]{color:#f59e0b}.badge-soft[data-v-bb76c504]{font-size:.6rem;font-weight:800;padding:3px 8px;border-radius:5px;text-transform:uppercase}.badge-soft-masuk[data-v-bb76c504]{background:#10b9811a;color:#10b981}.badge-soft-keluar[data-v-bb76c504]{background:#ef44441a;color:#ef4444}.badge-soft-opname[data-v-bb76c504]{background:#f59e0b1a;color:#f59e0b}.btn-close-custom[data-v-bb76c504]{background:var(--bg-main);border:1px solid var(--border-color);width:32px;height:32px;border-radius:8px;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.btn-icon-edit[data-v-bb76c504]{padding:2px 6px;font-size:.65rem;border-radius:4px;background:transparent;color:var(--text-muted);border:1px solid var(--border-color);transition:all .2s}.btn-icon-edit[data-v-bb76c504]:hover{background:#0ea5e91a;color:#0ea5e9;border-color:#0ea5e94d}.modern-modal[data-v-cdffdf5b]{border-radius:24px;background:var(--bg-card)}.backdrop-blur[data-v-cdffdf5b]{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-circle[data-v-cdffdf5b]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bg-info-subtle[data-v-cdffdf5b]{background:#06b6d41a;color:#06b6d4}.modern-table th[data-v-cdffdf5b]{background:var(--bg-main);color:var(--text-muted);font-size:.7rem;text-transform:uppercase;padding:12px}.modern-table td[data-v-cdffdf5b]{color:var(--text-main)}.group-header[data-v-cdffdf5b]{background:var(--bg-main)}.badge-soft[data-v-cdffdf5b]{font-size:.7rem;padding:3px 8px;border-radius:6px;font-weight:700}.badge-soft-primary[data-v-cdffdf5b]{background:#4f46e51a;color:#818cf8}.badge-soft-danger[data-v-cdffdf5b]{background:#ef44441a;color:#f87171}.badge-soft-warning[data-v-cdffdf5b]{background:#f59e0b1a;color:#fbbf24}.badge-soft-secondary[data-v-cdffdf5b]{background:var(--bg-main);color:var(--text-muted)}.rekap-box[data-v-cdffdf5b]{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:12px}.rekap-label[data-v-cdffdf5b]{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;margin-bottom:5px}.btn-close-custom[data-v-cdffdf5b]{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748b'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;opacity:.5}.modern-modal[data-v-b0fc21a7]{border-radius:24px;background:var(--bg-card)}.backdrop-blur[data-v-b0fc21a7]{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-circle[data-v-b0fc21a7]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bg-success-subtle[data-v-b0fc21a7]{background:#10b9811a;color:#10b981}.modern-table th[data-v-b0fc21a7]{background:var(--bg-main);color:var(--text-muted);font-size:.7rem;text-transform:uppercase;padding:12px;border-bottom:2px solid var(--border-color)}.modern-table td[data-v-b0fc21a7]{color:var(--text-main);font-size:.85rem;padding:12px}.btn-close-custom[data-v-b0fc21a7]{opacity:.5}.custom-input[data-v-b0fc21a7]{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main)}.modern-modal[data-v-a70711bd]{border-radius:24px;background:var(--bg-card)}.backdrop-blur[data-v-a70711bd]{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-circle[data-v-a70711bd]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bg-primary-subtle[data-v-a70711bd]{background:#4f46e51a}.modern-table th[data-v-a70711bd]{background:var(--bg-main);color:var(--text-muted);font-size:.7rem;text-transform:uppercase;padding:12px}.modern-table td[data-v-a70711bd]{color:var(--text-main);font-size:.85rem;padding:12px;border-bottom:1px solid var(--border-color)}.bg-main-dim[data-v-a70711bd]{background:var(--bg-main)}.badge-soft[data-v-a70711bd]{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700;background:#4f46e51a;color:#818cf8}.btn-close-custom[data-v-a70711bd]{opacity:.5}.modern-modal[data-v-a9f8182d]{border-radius:24px;background:var(--bg-card)}.backdrop-blur[data-v-a9f8182d]{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-circle[data-v-a9f8182d]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bg-success-subtle[data-v-a9f8182d]{background:#10b9811a}.text-success[data-v-a9f8182d]{color:#10b981!important}.custom-input[data-v-a9f8182d]{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);padding:10px 14px;border-radius:10px}.custom-input[data-v-a9f8182d]:focus{background:var(--bg-card);border-color:#818cf8;outline:none}.bg-main-dim[data-v-a9f8182d]{background:var(--border-color)!important;opacity:.7}.btn-close-custom[data-v-a9f8182d]{opacity:.5}.submit-btn[data-v-a9f8182d]{border-radius:14px;padding:14px;color:#fff;border:none}.btn-in-submit[data-v-a9f8182d]{background:linear-gradient(135deg,#10b981,#059669)}.backdrop-blur[data-v-1edb93fc]{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modern-modal[data-v-1edb93fc]{border-radius:24px;background:var(--bg-main);overflow:hidden}.icon-circle[data-v-1edb93fc]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.bg-primary-subtle[data-v-1edb93fc]{background:#4f46e51a}.text-primary[data-v-1edb93fc]{color:#4f46e5!important}.bg-success-subtle[data-v-1edb93fc]{background:#10b9811a}.text-success[data-v-1edb93fc]{color:#10b981!important}.btn-close-custom[data-v-1edb93fc]{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748b'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:none;width:32px;height:32px;opacity:.5;transition:opacity .2s;cursor:pointer}.btn-close-custom[data-v-1edb93fc]:hover{opacity:1}.section-label[data-v-1edb93fc]{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.step-num[data-v-1edb93fc]{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#4f46e5;color:#fff;border-radius:50%;font-size:.7rem;margin-right:4px}.custom-textarea[data-v-1edb93fc]{background:var(--bg-card);color:var(--text-main);border:2px dashed var(--border-color);border-radius:12px;padding:16px;font-size:.85rem;min-height:100px;resize:vertical;transition:all .3s}.custom-textarea[data-v-1edb93fc]:focus{border-color:#818cf8;box-shadow:0 0 0 4px #4f46e51a;outline:none}.custom-textarea[data-v-1edb93fc]::placeholder{color:var(--text-muted);opacity:.5}.border-top-custom[data-v-1edb93fc]{border-top:1px dashed var(--border-color)}.form-label[data-v-1edb93fc]{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.custom-input[data-v-1edb93fc]{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:8px}.custom-input[data-v-1edb93fc]:focus{border-color:#818cf8;box-shadow:0 0 0 2px #4f46e51a;outline:none}.custom-addon[data-v-1edb93fc]{background:var(--bg-main);color:var(--text-muted);border:1px solid var(--border-color)}.table-container[data-v-1edb93fc]{border-radius:12px;border:1px solid var(--border-color);overflow:visible}.modern-table th[data-v-1edb93fc]{background:var(--bg-main);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);padding:12px 8px}.modern-table th[data-v-1edb93fc]:first-child{border-top-left-radius:12px}.modern-table th[data-v-1edb93fc]:last-child{border-top-right-radius:12px}.modern-table td[data-v-1edb93fc]{background:var(--bg-card);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:8px}.row-warning td[data-v-1edb93fc]{background:#f59e0b0d}.table-input[data-v-1edb93fc]{border-color:transparent;background:transparent;padding:4px}.table-input[data-v-1edb93fc]:focus{border-color:#818cf8;background:var(--bg-main)}.btn-icon-delete[data-v-1edb93fc]{color:var(--text-muted);transition:color .2s}.btn-icon-delete[data-v-1edb93fc]:hover{color:#ef4444}.status-indicator[data-v-1edb93fc]{font-size:.65rem;font-weight:600}.ac-dropdown-new[data-v-1edb93fc]{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--bg-card);border:1px solid #818cf8;border-radius:8px;z-index:9999;max-height:200px;overflow-y:auto;box-shadow:0 10px 25px -5px #0003;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ac-dropdown-new.drop-up[data-v-1edb93fc]{top:auto;bottom:calc(100% + 4px);box-shadow:0 -10px 25px -5px #0003}.ac-dropdown-new[data-v-1edb93fc]::-webkit-scrollbar{width:6px}.ac-dropdown-new[data-v-1edb93fc]::-webkit-scrollbar-track{background:transparent}.ac-dropdown-new[data-v-1edb93fc]::-webkit-scrollbar-thumb{background:#64748b66;border-radius:10px}.ac-dropdown-new[data-v-1edb93fc]::-webkit-scrollbar-thumb:hover{background:#64748bb3}.ac-item-new[data-v-1edb93fc]{padding:8px 12px;cursor:pointer;font-size:.8rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:6px}.ac-item-new[data-v-1edb93fc]:last-child{border-bottom:none}.ac-item-new[data-v-1edb93fc]:hover,.ac-active[data-v-1edb93fc]{background:var(--bg-main)}.ac-kode[data-v-1edb93fc]{font-weight:700;color:#4f46e5;min-width:100px;font-family:monospace}.ac-nama[data-v-1edb93fc]{color:var(--text-main);flex:1;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-sep[data-v-1edb93fc]{color:var(--text-muted);opacity:.5}.ac-warna[data-v-1edb93fc]{color:var(--text-muted);font-size:.75rem}.ac-stok[data-v-1edb93fc]{font-weight:700;color:#10b981;font-size:.75rem;white-space:nowrap}.submit-btn[data-v-1edb93fc]{border-radius:14px;padding:16px;font-size:1rem;color:#fff;border:none;transition:transform .2s}.submit-btn[data-v-1edb93fc]:hover:not(:disabled){transform:translateY(-2px)}.btn-in-submit[data-v-1edb93fc]{background:linear-gradient(135deg,#10b981,#059669)}.btn-out-submit[data-v-1edb93fc]{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-opname-submit[data-v-1edb93fc]{background:linear-gradient(135deg,#f59e0b,#d97706)}.modern-modal[data-v-a0f67a85]{border-radius:24px;background:var(--bg-card)}.backdrop-blur[data-v-a0f67a85]{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-circle[data-v-a0f67a85]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bg-warning-subtle[data-v-a0f67a85]{background:#f59e0b1a;color:#f59e0b}.custom-input[data-v-a0f67a85]{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);padding:12px;border-radius:10px}.save-btn[data-v-a0f67a85]{background:#f59e0b;color:#000;border-radius:12px}.delete-btn[data-v-a0f67a85]{border-radius:12px;border:none;color:#ef4444}.btn-close-custom[data-v-a0f67a85]{opacity:.5}.modern-modal[data-v-9df6b8d1]{border-radius:24px;background:var(--bg-card)}.backdrop-blur[data-v-9df6b8d1]{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-circle[data-v-9df6b8d1]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bg-warning-subtle[data-v-9df6b8d1]{background:#f59e0b1a;color:#f59e0b}.filter-card[data-v-9df6b8d1]{background:var(--bg-main);border:1px solid var(--border-color)}.custom-input[data-v-9df6b8d1]{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main)}.table-container[data-v-9df6b8d1]{border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}.modern-table th[data-v-9df6b8d1]{background:var(--bg-main);color:var(--text-muted);font-size:.7rem;text-transform:uppercase;padding:12px}.modern-table td[data-v-9df6b8d1]{color:var(--text-main);padding:12px}.row-diff[data-v-9df6b8d1]{background:#ef44440d}.badge-soft[data-v-9df6b8d1]{font-size:.7rem;padding:3px 8px;border-radius:6px;font-weight:700}.badge-soft-success[data-v-9df6b8d1]{background:#10b9811a;color:#10b981}.badge-soft-danger[data-v-9df6b8d1]{background:#ef44441a;color:#ef4444}.btn-close-custom[data-v-9df6b8d1]{opacity:.5}.backdrop-blur[data-v-bea34724]{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modern-modal[data-v-bea34724]{border-radius:20px;background:var(--bg-main);overflow:hidden}.icon-circle[data-v-bea34724]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.bg-primary-subtle[data-v-bea34724]{background:#4f46e51a}.text-primary[data-v-bea34724]{color:#4f46e5!important}.btn-close-custom[data-v-bea34724]{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748b'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:none;width:32px;height:32px;opacity:.5;transition:opacity .2s;cursor:pointer}.btn-close-custom[data-v-bea34724]:hover{opacity:1}.kelola-area[data-v-bea34724]{background:var(--bg-card);border:1px solid var(--border-color)}.badge-soft[data-v-bea34724]{font-size:.75rem;padding:4px 10px;border-radius:8px;font-weight:700}.badge-soft-primary[data-v-bea34724]{background:#4f46e51a;color:#4f46e5}.hover-opacity-100[data-v-bea34724]:hover{opacity:1!important;color:#ef4444}.search-container[data-v-bea34724]{display:flex;align-items:center;background:var(--bg-card);border-radius:12px;padding:8px 16px;border:1px solid var(--border-color);transition:all .3s ease}.search-container[data-v-bea34724]:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #4f46e51a}.search-icon[data-v-bea34724]{color:var(--text-muted);margin-right:12px}.search-input[data-v-bea34724]{flex:1;border:none;background:transparent;color:var(--text-main);font-weight:500;outline:none}.search-input[data-v-bea34724]::placeholder{color:var(--text-muted);opacity:.6}.clear-btn[data-v-bea34724]{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.clear-btn[data-v-bea34724]:hover{color:#ef4444}.blok-card[data-v-bea34724]{border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .2s;background:var(--bg-card)}.blok-card[data-v-bea34724]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.blok-active[data-v-bea34724]{border:2px solid #4f46e5!important}.blok-active-warning[data-v-bea34724]{border:2px solid #f59e0b!important}.blok-header[data-v-bea34724]{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;padding:16px;border-top-left-radius:15px;border-top-right-radius:15px}.blok-items[data-v-bea34724]{padding:0;border-top:1px solid var(--border-color)}.blok-item-row[data-v-bea34724]{padding:12px 16px;border-bottom:1px solid var(--border-color);transition:background .15s}.blok-item-row[data-v-bea34724]:hover{background:#00000005}.bg-light-modern[data-v-bea34724]{background:var(--bg-main)}.bg-card[data-v-bea34724]{background:var(--bg-card)}.custom-input[data-v-bea34724]{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:8px}.custom-input[data-v-bea34724]:focus{border-color:#818cf8;box-shadow:0 0 0 2px #4f46e51a;outline:none}.custom-addon[data-v-bea34724]{background:var(--bg-main);color:var(--text-muted);border:1px solid var(--border-color)}.blok-total[data-v-bea34724]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-main);border-top:1px dashed var(--border-color)}.btn-action[data-v-bea34724]{width:28px;height:28px;border-radius:6px;padding:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;border:1px solid transparent;transition:all .2s}.btn-in[data-v-bea34724]{background:#10b9811a;color:#10b981;border-color:#10b98133}.btn-in[data-v-bea34724]:hover{background:#10b981;color:#fff}.btn-out[data-v-bea34724]{background:#ef44441a;color:#ef4444;border-color:#ef444433}.btn-out[data-v-bea34724]:hover{background:#ef4444;color:#fff}.btn-light-action[data-v-bea34724]{background:var(--bg-main);color:var(--text-muted);border-color:var(--border-color)}.btn-light-action[data-v-bea34724]:hover{background:var(--border-color);color:var(--text-main)}.border-dashed[data-v-bea34724]{border-style:dashed!important;opacity:.8}.border-dashed[data-v-bea34724]:hover{opacity:1}.ac-dropdown-new[data-v-bea34724]{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;z-index:9999;max-height:200px;overflow-y:auto;box-shadow:0 10px 25px -5px #0003;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ac-dropdown-new[data-v-bea34724]::-webkit-scrollbar{width:6px}.ac-dropdown-new[data-v-bea34724]::-webkit-scrollbar-track{background:transparent}.ac-dropdown-new[data-v-bea34724]::-webkit-scrollbar-thumb{background:#64748b66;border-radius:10px}.ac-dropdown-new[data-v-bea34724]::-webkit-scrollbar-thumb:hover{background:#64748bb3}.ac-item-new[data-v-bea34724]{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--border-color)}.ac-item-new[data-v-bea34724]:last-child{border-bottom:none}.ac-item-new[data-v-bea34724]:hover{background-color:var(--bg-main)}.bg-success-subtle[data-v-bea34724]{background:#10b9811a}.text-success[data-v-bea34724]{color:#10b981!important}:root,[data-bs-theme=light]{--bg-main: #F8FAFC;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--nav-bg: rgba(255, 255, 255, .9);--nav-border: rgba(255, 255, 255, .5);--glass-shadow: 0 4px 6px -1px rgba(0,0,0,.05)}[data-bs-theme=dark]{--bg-main: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #334155;--nav-bg: rgba(30, 41, 59, .9);--nav-border: rgba(51, 65, 85, .5);--glass-shadow: 0 4px 6px -1px rgba(0,0,0,.3)}body{background-color:var(--bg-main)!important;color:var(--text-main)!important;font-family:Plus Jakarta Sans,Inter,sans-serif;transition:background-color .3s ease,color .3s ease;min-height:100vh}.offline-badge{position:fixed;top:0;left:0;width:100%;background:#ef4444;color:#fff;text-align:center;padding:8px;font-size:.8rem;font-weight:700;z-index:11000;letter-spacing:.5px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-main);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-main)}.empty-icon{font-size:4rem;color:var(--text-muted);margin-bottom:20px}