#sidebar-toggle,.dropdown{transition:background .2s;cursor:pointer!important}.dropdown .user-info,.navbar{background-color:var(--color-primary)}#sidebar-toggle,.dropdown,.dropdown *,.dropdown-item,.dropdown-item *{cursor:pointer!important}.brand-main,.brand-sub,.footer,.menu-item i{text-align:center}.brand-main,.breadcrumb-prefix{-webkit-text-fill-color:transparent}#current-page,.brand-main,.brand-sub,.breadcrumb,.menu-label{text-transform:uppercase}.brand-main,body,html{font-family:var(--font-primary)}#main-app-wrapper{display:none}body.authenticated #main-app-wrapper{display:block!important}#pdf_transaksi,body.authenticated #auth-container{display:none!important}:root{--color-primary:#0061ff;--color-primary-dark:#004dcf;--color-primary-light:#f0f7ff;--color-body-bg:#f8fafc;--color-white:#ffffff;--color-sidebar-bg:#ffffff;--color-gray-border:#e2e8f0;--font-primary:'Public Sans',sans-serif;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-accent-yellow:#facc15;--color-success:#10b981;--color-danger:#ef4444;--z-navbar:1001;--z-sidebar:1000;--z-modal:5000;--z-swal:999999}body.swal2-shown{filter:none!important;-webkit-filter:none!important}.swal2-container{z-index:1000000!important;position:fixed!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.swal2-popup{filter:none!important;opacity:1!important;box-shadow:0 0 20px rgba(0,0,0,.5)!important}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100vh;overflow:hidden}body{background-color:var(--color-body-bg);display:block}.navbar{color:var(--color-white);height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;z-index:var(--z-navbar);position:fixed;top:0;left:0;right:0}.footer,.sidebar.hidden:hover~.main-container .footer{left:230px}.nav-left{display:flex;align-items:center;height:100%;gap:0}.domain-icon{height:32px;width:auto;object-fit:contain;margin-right:12px;margin-left:5px}.brand-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;margin-left:15px;padding-left:15px;border-left:2px solid var(--color-gray-border)}.brand-main,.dropdown:hover .dropdown-content{display:block}.brand-main{font-size:26px;font-weight:900;letter-spacing:1.5px;background:linear-gradient(to bottom,#fde047 0,#eab308 50%,#b45309 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .1))}.brand-sub{font-size:8px;font-weight:800;background:var(--color-primary);color:var(--color-white);letter-spacing:2px;padding:2px 8px;border-radius:4px;width:fit-content;margin-top:2px;box-shadow:0 2px 4px rgba(0,97,255,.2)}#sidebar-toggle{width:45px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--color-white)!important}.admin-only-flex{display:flex;flex-direction:column;width:100%}.dropdown,.dropdown .user-info{display:flex;align-items:center}.sidebar,.sidebar.hidden:hover{width:230px}.dropdown{position:relative;height:50px;padding:0 15px}.sidebar,.wrapper{height:calc(100vh - 50px)}.dropdown .user-info{gap:8px;color:var(--color-white);font-size:14px;font-weight:500;border:none}.dropdown-item:hover,.menu-item.active,.menu-item:hover{color:var(--color-primary)}.dropdown-content{display:none;position:absolute;background:var(--color-white);color:var(--color-text-main);min-width:180px;right:0;top:50px;box-shadow:0 10px 25px rgba(0,0,0,.1);border-radius:0 0 12px 12px;overflow:hidden;z-index:2100;border:1px solid rgba(0,0,0,.05);animation:.3s slideDown}.card,.table-card{box-shadow:0 4px 12px rgba(0,0,0,.05)}.footer,.main-container,.sidebar.hidden:hover~.main-container .footer{border-left:1px solid var(--color-gray-border)}.dropdown-item{padding:12px 18px;color:var(--color-text-main);display:flex;align-items:center;font-size:13px;transition:.2s;border-bottom:1px solid #f1f5f9}.dropdown-item:hover{background:#f1f5f9}.dropdown-item:last-child{border-bottom:none}.dropdown-item i{margin-right:10px;width:16px;color:#64748b}@keyframes slideDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.wrapper{display:flex;margin-top:50px;margin-bottom:0;overflow:hidden}.content-body,.sidebar{overflow-y:auto;scrollbar-width:none}.sidebar{background-color:var(--color-sidebar-bg);flex-shrink:0;-ms-overflow-style:none;transition:width .3s;position:relative;z-index:1000}.footer,.main-container,.menu-item:hover{background-color:var(--color-white)}.breadcrumb,.menu-item{align-items:center;display:flex}.sidebar::-webkit-scrollbar{display:none}.content-body:hover,.sidebar:hover{scrollbar-width:thin}.sidebar:hover::-webkit-scrollbar{display:block}.sidebar.hidden{width:50px}.sidebar.hidden .menu-item,.sidebar.hidden .menu-label{font-size:0;padding:15px 10px}.sidebar.hidden:hover .menu-item{font-size:12px;padding:10px 20px}.sidebar.hidden:hover .menu-label{font-size:9px;padding:10px 20px 5px}.sidebar::after{content:'';display:block;height:50px;width:100%;pointer-events:none}.sidebar.hidden::after{height:50px}.footer{padding:15px;font-size:11px;color:var(--color-text-muted);border-top:1px solid var(--color-gray-border);position:fixed;bottom:0;right:0;z-index:999;transition:left .3s,border-left .3s}.sidebar.hidden~.main-container .footer{left:50px;border-left:none}body.sidebar-hidden .main-container{border-left:none}.menu-label{font-size:9px;color:#94a3b8;padding:15px 20px 5px;font-weight:700}#current-page,.breadcrumb,.card-info-minimal p,.menu-item{color:var(--color-text-muted)}#current-page,#editProfileModal label,.breadcrumb{font-weight:600}.menu-item{padding:8px 20px;font-size:12px;cursor:pointer;transition:.2s}.menu-item i{width:20px;margin-right:12px;font-size:14px}#admin-login-form,#change-password-form,.breadcrumb,.data-table th{text-align:left}.menu-item.active{background-color:var(--color-primary-light);border-left:4px solid var(--color-primary)}.main-container{flex:1;display:flex;flex-direction:column;position:relative}.content-body{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:20px 0 100px;background-color:var(--color-body-bg)}.content-body::-webkit-scrollbar{display:none}.content-body:hover::-webkit-scrollbar{display:block}#data-view,.breadcrumb,.cards-area,.chart-container{width:95%;max-width:1200px;margin-left:auto!important;margin-right:auto!important}#dashboard-view,#data-view{display:none;flex-direction:column;gap:15px;width:95%;max-width:1200px;margin:0 auto!important;min-height:200px}#table-container{width:100%;display:block;transition:opacity .15s ease-in-out;will-change:opacity}.loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:rgba(255,255,255,.7);padding:20px;border-radius:10px}.breadcrumb{font-size:13px;margin-bottom:25px;gap:8px;letter-spacing:.5px}.breadcrumb::before{content:'';width:4px;height:16px;background:var(--color-primary);border-radius:10px}.breadcrumb-content{display:flex;align-items:center;gap:8px}.breadcrumb-prefix{font-weight:850;background:linear-gradient(to bottom,#fde047,#eab308);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:1px;font-size:14px}.breadcrumb-separator{color:var(--color-gray-border);font-weight:400;font-size:12px}#current-page{font-size:12px;letter-spacing:.5px}.cards-area{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:10px!important;padding-bottom:20px;width:100%!important;justify-content:center}.card{background:var(--color-white);padding:30px 20px;border-radius:16px;border:1px solid var(--color-gray-border);display:flex;flex-direction:column;width:100%;min-height:180px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.card-header-minimal{display:flex;align-items:center;gap:15px;margin-bottom:15px}.icon-small{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--color-primary-light);color:var(--color-primary)}.card-info-minimal h3{font-size:16px;font-weight:700;margin:0 0 5px}.card-info-minimal p{font-size:12px;margin:0;line-height:1.4}.stat-value{font-size:28px;font-weight:800;color:var(--color-text-main);margin:10px 0 5px}#editProfileModal label,.stat-subtext{font-size:13px;color:var(--color-text-muted)}.stat-subtext{margin:0}.icon-working{color:#fbbf24}.btn-delete-master:hover,.btn-delete:hover,.icon-absent{color:#ef4444}.icon-finished{color:#10b981}.table-card{background:var(--color-white);border-radius:12px;border:1px solid var(--color-gray-border);padding:24px;margin-top:5px;width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background-color:#f8fafc;color:#0f172a;font-weight:700;padding:14px 20px;border-bottom:2px solid #e2e8f0}.data-table td{padding:14px 20px;color:#64748b;border-bottom:1px solid #f1f5f9}.data-table tbody tr:hover{background-color:#f1f5f9}.chart-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.03);margin-top:-10px!important;margin-bottom:80px!important;position:relative;z-index:5;width:100%}#modalStokKeluar,#modalTambahBarang,.modal-overlay{backdrop-filter:blur(4px);padding:20px}.placeholder-chart{width:100%;height:230px;position:relative;background:0 0;display:block;overflow:visible}.chart-header{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.6);display:none;align-items:center;justify-content:center;z-index:var(--z-modal,2000)}.modal-overlay.open{display:flex;animation:.3s fadeIn}.modal-content{background:var(--color-white,#fff);padding:30px;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);width:100%;max-width:600px;position:relative;max-height:90vh;overflow-y:auto;border:1px solid var(--color-gray-border);scrollbar-width:none;-ms-overflow-style:none;animation:.3s slideUp}.btn-mode:hover,.profile-container{box-shadow:0 4px 12px rgba(0,0,0,.05)}.modal-content::-webkit-scrollbar{display:none}#editProfileModal .modal-content{max-width:650px;font-family:var(--font-primary)}.profile-modal-header{text-align:center;margin-bottom:20px}.photo-preview-container{position:relative;width:100px;height:100px;margin:0 auto 15px}#edit-foto-preview{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--color-success,#10b981)}.btn-edit-photo{position:absolute;bottom:0;right:0;background:var(--color-success,#10b981);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;cursor:pointer}#editProfileModal .form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}#editProfileModal .input-group-vertical{display:flex;flex-direction:column;gap:6px;margin-bottom:5px;text-align:left}#editProfileModal input,#editProfileModal select,#editProfileModal textarea{padding:12px 15px;border:1px solid var(--color-gray-border);border-radius:10px;font-size:14px;transition:.2s;background:#fff;width:100%}#editProfileModal input:focus,#editProfileModal select:focus,#editProfileModal textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,97,255,.1)}#editProfileModal input[readonly]{background:var(--color-body-bg,#f1f5f9);color:var(--color-text-muted);cursor:not-allowed}.btn-save-profile{width:100%;padding:14px;background:var(--color-success);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;margin-top:15px;transition:filter .2s}.btn-save-profile:hover{filter:brightness(.9)}.btn-close-modal{position:absolute;top:15px;right:15px;width:38px;height:38px;background:#dbeafe;color:#2563eb;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.4s cubic-bezier(.4, 0, .2, 1);z-index:100}.btn-close-modal:hover{transform:rotate(180deg);background:#bfdbfe;color:#1d4ed8}#changePasswordModal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(4px)}#adminLoginModal{position:fixed;inset:0;background:#fff;display:none;align-items:center;justify-content:center;z-index:9999}#adminLoginModal.open,#changePasswordModal.open{display:flex;animation:.3s forwards fadeIn}#changePasswordModal .modal-content{background:var(--color-white);max-width:420px;padding:32px 28px 28px;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.25);animation:.35s slideUp}#adminLoginModal .modal-content{background:var(--color-white);max-width:400px;padding:32px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 10px 30px rgba(0,0,0,.04);border-radius:20px;animation:.5s fadeIn}.admin-login-icon{width:64px;height:64px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:28px}#changePasswordModal .admin-login-icon{background:#f39c12;animation:3s infinite key-shake}#adminLoginModal h3,#changePasswordModal h3{margin:6px auto 4px!important;font-size:22px;font-weight:700;color:var(--color-primary);text-align:center!important;display:block;width:100%}#adminLoginModal .subtitle,#changePasswordModal .subtitle{margin:0 auto 24px!important;font-size:14px;color:var(--color-text-muted);text-align:center!important;display:block;width:100%}#admin-login-form .btn-primary,#change-password-form .btn-primary{padding:14px;color:var(--color-white);font-weight:700;font-size:15px;margin-top:10px;transition:.3s;cursor:pointer;width:100%}#admin-login-form label,#change-password-form label{font-size:13px;font-weight:600;color:var(--color-text-main);margin-bottom:6px;display:block}.input-group{position:relative;margin-bottom:18px}.input-group i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:15px}#change-password-form .input-group i{color:#f39c12}#admin-login-form input,#change-password-form input{width:100%;padding:12px 14px 12px 42px;border-radius:12px;border:1px solid var(--color-gray-border);background:var(--color-gray-light);font-size:14px;outline:0;transition:.2s}#admin-login-form input:focus{border-color:var(--color-primary);background:var(--color-white)}#change-password-form input:focus{border-color:#f39c12;background:var(--color-white);box-shadow:0 0 0 3px rgba(243,156,18,.15)}#admin-login-form .btn-primary{border-radius:14px;border:none;background:var(--color-primary)}#admin-login-form .btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(12,77,110,.3)}#change-password-form .btn-primary{border-radius:14px;border:none;background:linear-gradient(135deg,#f39c12,#e67e22)}#change-password-form .btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px rgba(243,156,18,.4)}#admin-login-form .btn-primary:active,#change-password-form .btn-primary:active{transform:scale(.97)}#toggleLoginPassword,#togglePasswordIcon{transition:.3s;padding:5px}@keyframes key-shake{0%,100%,90%{transform:rotate(0)}92%,97%{transform:rotate(-15deg)}95%{transform:rotate(15deg)}}.btn-link-forgot{font-size:12px;color:var(--color-text-muted);text-decoration:none;font-weight:600;cursor:pointer;transition:.2s;display:inline-block}.badge-role,.btn-link-forgot:hover,.profile-avatar i{color:var(--color-primary)}.btn-link-forgot:hover{text-decoration:underline;text-underline-offset:3px}.btn-link-forgot:active{transform:scale(.98)}.profile-container{background:#fff;padding:40px;border-radius:16px;border:1px solid var(--color-gray-border)}.badge-role,.btn-mode:hover,.radio-item:hover{background:var(--color-primary-light)}.profile-header-card{display:flex;align-items:center;gap:25px;padding-bottom:30px;border-bottom:2px solid var(--color-body-bg);margin-bottom:30px}.profile-avatar i{font-size:80px}.profile-main-info h2{font-size:28px;color:var(--color-text-main);margin-bottom:5px}.badge-role,.info-item label{font-size:12px;text-transform:uppercase}.badge-role{padding:5px 15px;border-radius:20px;font-weight:700}.btn-mode,.modern-select{background:var(--color-white);cursor:pointer}.profile-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.info-item label{display:block;color:var(--color-text-muted);margin-bottom:8px;letter-spacing:1px}.btn-mode-title,.info-item p{color:var(--color-text-main)}.info-item p{font-size:16px;font-weight:600}#lembaga-setup-container{padding:10px 0 20px;width:100%;margin:0}#lembaga-setup-container .table-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 170px)}#lembaga-setup-container .scroll-area{flex:1;overflow-y:auto;padding:10px 5px}#lembaga-setup-container .enterprise-table{width:100%;border-collapse:collapse}#lembaga-setup-container .enterprise-table td{padding:12px 20px;border-bottom:1px solid #f1f5f9}.btn-mode:hover,.modern-select:focus,.radio-item:hover{border-color:var(--color-success)}#lembaga-setup-container .label-cell{font-weight:600;color:#475569;font-size:13px;background:#fcfdfe;width:25%}#lembaga-setup-container .modern-input{width:100%;padding:10px 15px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13px;transition:.2s;box-sizing:border-box}#lembaga-setup-container .modern-input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1);outline:0;background:#fff}.step1-container{display:flex;flex-direction:column;gap:12px;padding:10px 0}.btn-mode{display:flex;align-items:center;padding:16px 20px;border:2px solid var(--color-gray-border);border-radius:12px;transition:.3s;text-align:left}.btn-mode:hover{transform:translateY(-2px)}.btn-mode i{font-size:24px;margin-right:18px;color:var(--color-success);width:30px;text-align:center}.btn-mode-text{display:flex;flex-direction:column;gap:4px}.btn-mode-title{font-weight:700;font-size:15px}.btn-mode-desc{font-size:12.5px;color:var(--color-text-muted);line-height:1.5}.modern-select,.radio-item span{color:var(--color-text-main);font-size:14px}#container-opsi-b{display:flex;flex-direction:column;gap:15px;padding:10px 5px;text-align:left}.swal-select-group{display:flex;gap:10px}.modern-select{flex:1;padding:12px;border-radius:10px;border:2px solid var(--color-gray-border);transition:border-color .3s}.modern-select:focus{outline:0}.radio-box{border:1px solid var(--color-gray-border);border-radius:12px;background:var(--color-body-bg);padding:8px;max-height:220px;overflow-y:auto}.radio-item,.radio-item input[type=radio]{background:var(--color-white);cursor:pointer}.radio-item{display:flex;align-items:center;padding:12px 15px;margin-bottom:6px;border-radius:10px;border:1px solid var(--color-gray-border);transition:.2s}.radio-item span{font-weight:500}.radio-item input[type=radio]{appearance:none;width:18px;height:18px;border:2px solid var(--color-text-muted);border-radius:50%;margin-right:15px;position:relative;flex-shrink:0}.radio-item input[type=radio]:checked{border-color:var(--color-success);background:var(--color-success)}.radio-item input[type=radio]:checked::after{content:'';width:8px;height:8px;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#batchInputModal{position:fixed;inset:0;background:#f8fafc;z-index:9999;display:none;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif}#batchInputModal .modal-header-full{background:#fff;padding:1rem 2.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05)}#batchInputModal .modal-header-full h2{letter-spacing:-.025em;color:#0f172a;font-size:1.4rem;font-weight:800;margin:0}#batchInputModal .modal-body-full{flex:1;overflow:auto;padding:1.5rem 2.5rem}#batchInputModal .batch-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden}#batchInputModal .batch-table thead th{background:#e2e681;color:#0d5ccc;font-size:11px;font-weight:800;text-transform:uppercase;padding:16px 12px;position:sticky;top:-1px;z-index:50;border-bottom:2px solid #3b82f6;border-right:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.02)}#batchInputModal .grid-row td{height:50px;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:middle;transition:.2s}#batchInputModal .grid-row:hover{background:#fafafa}#batchInputModal .grid-row:focus-within{background:#f0f9ff!important;box-shadow:inset 3px 0 0 #3b82f6}#batchInputModal .batch-table td:first-child,#batchInputModal .batch-table th:first-child{width:55px;text-align:center!important}#batchInputModal .batch-table td:nth-child(2),#batchInputModal .batch-table th:nth-child(2){width:98px!important;min-width:98px!important}#batchInputModal .action-cell-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;height:100%;width:100%;margin:0 auto}#batchInputModal .grid-input{width:100%;padding:12px 10px;border:1px solid transparent!important;background:0 0;font-size:14px;color:#334155;outline:0!important}#batchInputModal .grid-input:focus{background:#fff!important;border-radius:4px;box-shadow:inset 0 0 0 1px #3b82f6!important}#batchInputModal .col-debet{background:#f0fdf480;font-weight:600}#batchInputModal .col-kredit{background:#fef2f280;font-weight:600}#batchInputModal .text-right{text-align:right!important;padding-right:15px}#batchInputModal input::-webkit-inner-spin-button,#batchInputModal input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-header-full .btn-close-header{background:0 0;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;transition:.5s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.modal-header-full .btn-close-header:hover{color:#ef4444;background:#fef2f2;transform:rotate(180deg)}#batch-footer-action{background:#fff;padding:1.25rem 2.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0}#batchInputModal .summary-box{display:flex;gap:2.5rem;background:#f8fafc;padding:.8rem 2rem;border-radius:12px;border:1px solid #e2e8f0}#batchInputModal .summary-item{display:flex;flex-direction:column}#batchInputModal .label-sm{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase}#batchInputModal .value-md{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}#total-debet-display{color:#10b981!important}#total-kredit-display{color:#ef4444!important}.btn-save-main,.btn-update-enterprise{background:#10b981;color:#fff;padding:10px 24px;border-radius:10px;font-weight:700;border:none;cursor:pointer;transition:.2s;box-shadow:0 4px 6px -1px rgba(16,185,129,.2)}.btn-cancel-enterprise{background:#f1f5f9;color:#475569;padding:10px 24px;border-radius:10px;font-weight:700;border:1px solid #e2e8f0;cursor:pointer;margin-right:10px}#btn-add-row-action,.btn-mulia,.btn-sadis{padding:10px 20px;font-weight:700;cursor:pointer}.btn-cancel-enterprise:hover{background:#e2e8f0;color:#0f172a}.btn-delete{color:#94a3b8;background:0 0;border:none;cursor:pointer;transition:color .2s}#btn-add-row-action{background:#fff;color:#2563eb;border:2px dashed #cbd5e1;border-radius:10px;font-size:13px;margin-top:15px;transition:.2s;display:flex;align-items:center;gap:8px}#btn-add-row-action:hover{border-color:#2563eb;background:#f8fafc;color:#1d4ed8}.btn-sadis{background:#fee2e2!important;color:#dc2626!important;border:1px solid #fecaca!important;border-radius:10px;transition:.2s}.btn-sadis:hover{background:#dc2626!important;color:#fff!important}.btn-mulia{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important;border-radius:10px;transition:.2s}.btn-mulia:hover{background:#166534!important;color:#fff!important}.btn-close-modal-bawah{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:10px 24px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s}.btn-close-modal-bawah:hover{background:#f1f5f9;color:#0f172a}.modal-footer-sticky{position:sticky;box-shadow:0 -4px 6px -1px rgba(0,0,0,.05)}.flex.items-center.space-x-3.bg-gray-100{background-color:#f1f5f9;border:1px solid #cbd5e1;transition:.3s;min-width:250px}.flex.items-center.space-x-3.bg-gray-100:hover{border-color:#3b82f6;background-color:#eff6ff}#label-pdf-transaksi{display:inline-block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;font-size:14px;font-weight:700;color:#2563eb}.text-green-600{color:#16a34a!important;font-weight:700}.modal-body-full{padding-bottom:20px}@media print{#sidebar,.aksi-column,.btn-action,.filter-section,.navbar,.no-print,.pagination{display:none!important}.active-page,.container-fluid{width:100%!important;margin:0!important;padding:0!important}table{width:100%!important;border-collapse:collapse!important;page-break-inside:auto;border:1px solid #000!important}td,th{border:1px solid #333!important;color:#000!important;padding:5px!important;font-size:9pt!important}.print-header{display:block!important;text-align:center;margin-bottom:20px}body{background:#fff!important;padding:0!important}.print-area{width:100%;border:none!important;box-shadow:none!important}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}}.btn-izin{width:100%;background:#f8fafc;color:#475569;border:2px solid #e2e8f0;padding:12px;border-radius:15px;font-weight:800;font-size:12px;cursor:pointer;transition:.2s}.btn-izin:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.btn-izin:active{transform:translateY(0)}.modal-presensi-container{text-align:left;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#334155}.info-karyawan-card,.tgl-preview-container{display:flex;align-items:center;gap:12px;border-radius:10px;border:1px solid;padding:10px 14px;margin-bottom:12px}.info-karyawan-card{background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);border-color:#e2e8f0}.tgl-preview-container{background:#f0f7ff;border-color:#bae6fd}.avatar-placeholder{width:38px;height:38px;background:#3b82f6;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.user-meta .name{font-size:14px;font-weight:700;color:#1e293b;margin:0}.user-meta .id-badge{font-size:10px;color:#64748b;background:#e2e8f0;padding:1px 6px;border-radius:4px;margin-top:2px;display:inline-block;font-family:monospace}.tgl-preview-icon{font-size:20px;color:#0284c7}.tgl-preview-text .label-kecil{font-size:9px;color:#0369a1;text-transform:uppercase;font-weight:700;display:block}.tgl-preview-text .tgl-besar{font-size:14px;font-weight:700;color:#0c4a6e}.modal-label{font-size:11px;font-weight:600;color:#64748b;margin-bottom:4px;display:block}.modal-grid,.tikor-container{display:grid;grid-template-columns:1fr 1fr}.swal-custom-input,.swal-custom-textarea{width:100%!important;font-size:13px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;padding:0 12px!important;box-sizing:border-box!important;background-color:#fff!important;color:#1e293b!important;margin:0 0 10px!important}.swal-custom-input{height:38px!important}.swal-custom-textarea{padding:8px 12px!important;font-family:inherit!important;resize:none}.tikor-btn,.value-md{font-family:'JetBrains Mono',monospace}.swal-custom-input:focus,.swal-custom-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important;outline:0!important}.modal-grid{gap:12px}.separator{height:1px;background:#e2e8f0;margin:15px 0;position:relative}.separator::after{content:'Data Lokasi';position:absolute;top:-8px;left:15px;background:#fff;padding:0 8px;font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.tikor-container{gap:8px}.tikor-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:10px;text-decoration:none;transition:.2s;background:#fdf2f2;border:1px solid #fee2e2;color:#991b1b}#modalStokKeluar,#modalStokMasuk,#modalTambahBarang,#registerModal,.auth-wrapper{position:fixed;display:none}.tikor-btn:hover{background:#fecaca}.tikor-btn.out{background:#f0fdf4;border:1px solid #dcfce7;color:#166534}.tikor-btn.out:hover{background:#dcfce7}.auth-wrapper{inset:0;background:var(--color-white);z-index:1500}#registerModal{inset:0;background:#fff;align-items:center;justify-content:center;z-index:10000;overflow-y:auto}#registerModal.open{display:flex;animation:.3s ease-out forwards fadeIn}#registerModalContent{background:#fff;width:100%;max-width:600px;margin:20px;padding:40px;border-radius:24px;border:1px solid #f0f0f0;box-shadow:0 10px 40px rgba(0,0,0,.06);position:relative;animation:.4s cubic-bezier(.165,.84,.44,1) slideUp}.register-header{text-align:center;margin-bottom:30px}.register-icon-circle{width:72px;height:72px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 15px;box-shadow:0 8px 15px rgba(16,185,129,.2)}#registerModalContent h3{font-size:24px;font-weight:800;color:#1f2937;margin-bottom:5px}#registerModalContent .subtitle{color:#6b7280;font-size:14px}.reg-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 20px}.span-full{grid-column:span 2}.form-group-reg{display:flex;flex-direction:column;min-width:0}.form-group-reg label{font-size:13px;font-weight:700;color:#374151;margin-bottom:6px;display:flex;align-items:center;gap:6px}.form-group-reg label i{color:#10b981;font-size:12px}.form-group-reg input,.form-group-reg select,.form-group-reg textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;color:#1f2937;background:#f9fafb;transition:.2s}.form-group-reg input:focus,.form-group-reg select:focus,.form-group-reg textarea:focus{outline:0;border-color:#10b981;background:#fff;box-shadow:0 0 0 4px rgba(16,185,129,.1)}.reg-actions{margin-top:30px;display:flex;gap:12px}.btn-reg-submit{flex:2;background:#10b981;color:#fff;padding:14px;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-reg-submit:hover{background:#059669;transform:translateY(-2px);box-shadow:0 10px 20px rgba(16,185,129,.2)}.btn-reg-cancel{flex:1;background:#fff;color:#6b7280;padding:14px;border:1.5px solid #e5e7eb;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}.btn-reg-cancel:hover{background:#f3f4f6;color:#374151}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}#dashboard-alignment-wrapper{width:95%!important;max-width:1200px!important;margin:0 auto 50px!important;padding:0!important}#modalTambahBarang{top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.7);z-index:9999;align-items:center;justify-content:center}#modalTambahBarang.active{display:flex!important;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);opacity:1}#modalTambahBarang .modal-content{background:#fff;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;width:100%;max-width:500px}#modalTambahBarang .modal-header{background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%);padding:20px 24px;border:none}#modalTambahBarang .modal-title{font-size:1.1rem;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:10px}#modalTambahBarang .modal-body{padding:24px}#modalTambahBarang label{font-size:13px;color:#475569;margin-bottom:8px;display:block}#modalTambahBarang .form-control{border:1px solid #e2e8f0;background:#fff;padding:12px 16px;border-radius:10px;font-size:14px;transition:.2s}#modalTambahBarang .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.1);background:#fff}#modalTambahBarang .modal-footer{padding:16px 24px;border-top:1px solid #f1f5f9}#modalTambahBarang .btn-primary{background:#2563eb;border:none;padding:10px 24px;border-radius:10px;font-weight:600;box-shadow:0 4px 6px -1px rgba(37,99,235,.2)}#modalTambahBarang .btn-secondary{background:#f1f5f9;color:#475569;border:none;padding:10px 24px;border-radius:10px;font-weight:600}@keyframes modalZoom{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#modalTambahBarang[style*='display: flex'] .modal-content{animation:.2s ease-out modalZoom}#modalStokMasuk{top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);z-index:9999;align-items:center;justify-content:center}#modalStokMasuk .modal-content{background:#fff;border-radius:12px;width:98vw;max-width:1400px;height:95vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden}#modalStokMasuk .modal-body{flex:1;overflow-y:auto;padding:24px;background:#f8fafc}#modalStokMasuk .modal-header{padding:16px 24px;flex-shrink:0}#modalStokMasuk .modal-footer{padding:16px 24px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.grid-input{font-size:14px;width:100%;height:38px!important;border:1px solid #cbd5e1!important;padding:0 10px!important;border-radius:6px;background-color:#fff;line-height:38px;box-sizing:border-box;text-indent:5px}.grid-input.input-readonly{background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#475569;font-weight:600}#tabel-batch-stok-masuk tr:focus-within{background-color:#f0fdf4!important;transition:background .2s}.modal-footer-sticky{display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:2px solid #f1f5f9;padding:15px 24px;min-height:90px;position:sticky;bottom:0;z-index:100}.footer-left-group{display:flex;align-items:center;gap:20px}.summary-box{display:flex;gap:12px;background:#fff;padding:8px 16px;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.02)}.summary-item{display:flex;flex-direction:column;min-width:100px}.label-sm{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:2px}.value-md{font-size:18px;font-weight:800}.pdf-upload-container{display:flex;align-items:center;gap:15px;background:#fff;border:2px dashed #cbd5e1;padding:10px 18px;border-radius:12px;cursor:pointer;transition:.2s;min-width:260px}.pdf-upload-container:hover{border-color:#3b82f6;background:#f8fafc}.pdf-icon-circle{width:40px;height:40px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626;flex-shrink:0}.pdf-text-wrapper{display:flex;flex-direction:column;pointer-events:none}.pdf-label-top{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.footer-right-group{display:flex;gap:12px}#modalStokKeluar{inset:0;background:rgba(241,245,249,.9);z-index:9999;flex-direction:column;font-family:Inter,sans-serif}#modalStokKeluar .modal-content-enterprise{background:#fff;width:100%;max-width:1400px;height:95vh;margin:auto;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.1);border:1px solid #e2e8f0}#modalStokKeluar .modal-header-full{background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #3b82f6}#modalStokKeluar .modal-header-full h2{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0;display:flex;align-items:center;gap:10px}#modalStokKeluar .modal-header-full h2 i{color:#3b82f6}#modalStokKeluar .btn-close-header{background:#f1f5f9;border:none;color:#64748b;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:.2s}#modalStokKeluar .btn-close-header:hover{background:#fee2e2;color:#ef4444}#modalStokKeluar .modal-body-full{flex:1;overflow-y:auto;padding:1.5rem 2rem;background:#fff}#modalStokKeluar .batch-table{width:100%;border-collapse:collapse;table-layout:fixed}#modalStokKeluar .batch-table thead th{text-align:left;padding:12px 10px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #e2e8f0;background:#f8fafc;position:sticky;top:0}#modalStokKeluar .batch-table th:first-child{width:120px}#modalStokKeluar .batch-table th:nth-child(2){width:130px}#modalStokKeluar .batch-table th:nth-child(3){width:180px}#modalStokKeluar .batch-table th:nth-child(4){width:auto}#modalStokKeluar .batch-table th:nth-child(5){width:90px;text-align:center}#modalStokKeluar .batch-table th:nth-child(6){width:100px;text-align:center}#modalStokKeluar .batch-table th:nth-child(7){width:50px;text-align:center}#modalStokKeluar .grid-row td{border-bottom:1px solid #f1f5f9;padding:0}#modalStokKeluar .grid-row:hover{background-color:#f0f7ff}#modalStokKeluar .grid-input{width:100%;padding:12px 10px;border:none!important;background:0 0;font-size:14px;color:#334155;outline:0!important}#modalStokKeluar .grid-input:focus{background:#fff!important;box-shadow:inset 0 -2px 0 #3b82f6!important}#modalStokKeluar .col-readonly{background:#f8fafc;color:#94a3b8}#modalStokKeluar .col-volume-master{background:#f0fdf4!important}#modalStokKeluar .col-volume-master input{color:#15803d!important;font-weight:800!important;text-align:center}#modalStokKeluar #batch-footer-action{background:#f8fafc;padding:1rem 2rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.btn-save-main{background:#3b82f6;color:#fff;padding:10px 24px;border-radius:8px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 6px -1px rgba(59,130,246,.2);transition:.2s}.btn-save-main:hover{background:#2563eb;transform:translateY(-1px)}.btn-delete-master{color:#94a3b8;background:0 0;border:none;cursor:pointer;padding:8px}.row-selected{background-color:#e0e7ff!important;outline:#6366f1 solid 2px}.row-personil{cursor:pointer}.row-personil:hover{background-color:#f8fafc}.cell-edit:focus{background-color:#fff!important;box-shadow:inset 0 0 0 2px #4f46e5;color:#000;font-weight:700;border-radius:2px}@media (max-width:768px){.wrapper,body,html{height:auto!important}.main-container,.wrapper{margin:0!important;display:block!important}body,html{margin:0;padding:0;overflow-x:hidden!important;overflow-y:auto!important}body{display:block!important;padding-top:50px!important}.wrapper{width:100%;padding:0!important;position:relative}.card,.content-body,.main-container{width:100%!important}.main-container{padding-top:0!important;background-color:var(--color-body-bg);border-left:none!important;min-height:100vh}.content-body{padding:5px 10px 80px!important;box-sizing:border-box}.breadcrumb,.breadcrumb-item,.content-body>:first-child,.page-title,h2,h4{margin-top:0!important;padding-top:5px!important;margin-bottom:10px!important}.data-table{min-width:600px}.cards-area{grid-template-columns:1fr!important;gap:15px!important}.card{padding:15px!important;margin-bottom:10px}.btn-text-old,.chart-container,.footer,.sidebar .menu-item,.sidebar .menu-label{display:none!important}.sidebar{position:fixed!important;top:0;left:-280px;width:260px!important;height:100%!important;z-index:2000!important;transition:.3s ease-in-out;box-shadow:5px 0 15px rgba(0,0,0,.1);background:#fff}.sidebar.active,.sidebar:not(.hidden){left:0!important}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1900;display:none;backdrop-filter:blur(2px)}.sidebar.active~.sidebar-overlay,.sidebar:not(.hidden)~.sidebar-overlay{display:block}.modal-content{width:92%!important;margin:20px auto!important;padding:20px!important}.sidebar .menu-item[data-sheet=absensi],.sidebar .menu-item[data-sheet=home],.sidebar .menu-item[data-sheet=profiluser]{display:flex!important}.sidebar .menu-item[data-sheet=home]Prev+.menu-label,.sidebar div:has(+ [data-sheet=absensi]),.sidebar div:has(+ [data-sheet=home]){display:block!important}#adminLoginModal{align-items:flex-start;padding-top:10%;background:#fff}#adminLoginModal .login-container{width:90%;margin:0 auto}#changePasswordModal{align-items:flex-start;padding-top:15%}#changePasswordModal .modal-content{width:92%;margin:0 auto;max-height:80vh;overflow-y:auto}.reg-form-grid{display:flex!important;flex-direction:column!important;gap:15px!important}.form-group-reg{width:100%!important;grid-column:span 1/span 1!important}.form-group-reg input,.form-group-reg select,.form-group-reg textarea{width:100%!important;box-sizing:border-box!important;font-size:14px!important;padding:10px!important}.reg-actions button,.table-card .btn-action{width:100%!important;padding:12px!important}.reg-actions{display:flex!important;flex-direction:column-reverse!important;gap:10px!important}#editProfileModal .modal-content #edit-profile-form .form-grid-2col{display:block!important;width:100%!important}#editProfileModal .input-group-vertical{display:block!important;width:100%!important;margin-bottom:15px!important;clear:both!important}#editProfileModal .input-group-vertical input,#editProfileModal .input-group-vertical label,#editProfileModal .input-group-vertical select{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}#editProfileModal #edit-alamat,#editProfileModal .textarea-address{width:100%!important;display:block!important}.table-card>div[style*=grid-template-columns]{display:flex!important;flex-direction:column!important;gap:20px!important;padding-top:15px!important}.table-card>div[style*='display: flex; align-items: center']{flex-direction:column!important;text-align:center!important;gap:15px!important}.table-card>div[style*='margin-top: 20px']{flex-direction:column!important;width:100%!important}.table-card .btn-action{justify-content:center!important;display:flex!important;align-items:center!important}.table-card h3{margin-top:10px!important;font-size:15px!important}.table-card{padding:15px!important;margin:10px!important;border-radius:12px!important}}