*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{background:#fff;flex:1 1;min-height:100vh;padding:2rem 0}.mt-custom{margin-top:2rem}.mb-custom{margin-bottom:2rem}.py-custom{padding-bottom:2rem;padding-top:2rem}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.btn:focus,.form-control:focus,.form-select:focus{border-color:#3498db!important;box-shadow:0 0 0 .2rem #3498db40!important}a{transition:all .3s ease}a,a:hover{text-decoration:none}.card{border:none;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.table{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.table thead th{background:#3498db;border:none;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table tbody tr{transition:all .3s ease}.table tbody tr:hover{background-color:#3498db0d;transform:scale(1.01)}.btn{border:none;border-radius:6px;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-primary{background:#3498db;box-shadow:0 2px 4px #3498db4d}.btn-primary:hover{background:#2980b9;box-shadow:0 4px 8px #3498db66;transform:translateY(-1px)}.btn-success{background:#27ae60;box-shadow:0 2px 4px #27ae604d}.btn-success:hover{background:#229954;box-shadow:0 4px 8px #27ae6066;transform:translateY(-1px)}.btn-danger{background:#e74c3c;box-shadow:0 2px 4px #e74c3c4d}.btn-danger:hover{background:#c0392b;box-shadow:0 4px 8px #e74c3c66;transform:translateY(-1px)}.btn-warning{background:#f39c12;box-shadow:0 2px 4px #f39c124d;color:#fff}.btn-warning:hover{background:#e67e22;box-shadow:0 4px 8px #f39c1266;color:#fff;transform:translateY(-1px)}.btn-info{background:#17a2b8;box-shadow:0 2px 4px #17a2b84d}.btn-info:hover{background:#138496;box-shadow:0 4px 8px #17a2b866;transform:translateY(-1px)}.btn-secondary{background:#6c757d;box-shadow:0 2px 4px #6c757d4d}.btn-secondary:hover{background:#5a6268;box-shadow:0 4px 8px #6c757d66;transform:translateY(-1px)}.form-control,.form-select{border:2px solid #e9ecef;border-radius:6px;padding:.75rem;transition:all .3s ease}.form-control:focus,.form-select:focus{border-color:#3498db;box-shadow:0 0 0 .2rem #3498db40}.form-label{color:#2c3e50;font-weight:600}.modal-content{border-radius:12px;box-shadow:0 10px 30px #0000004d}.modal-header{background:#28a745;border-bottom:none;border-radius:12px 12px 0 0;color:#fff}.modal-title{font-weight:600}.modal-footer{border-top:1px solid #e9ecef;padding:1rem 1.5rem}.alert{border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a}.alert-success{background:#d4edda;color:#155724}.alert-danger{background:#f8d7da;color:#721c24}.alert-warning{background:#fff3cd;color:#856404}.alert-info{background:#d1ecf1;color:#0c5460}.spinner-border{color:#3498db}@media (max-width:768px){.main-content{padding:1rem 0}.container-fluid{padding-left:1rem;padding-right:1rem}.table-responsive{border-radius:8px}.btn{font-size:.875rem;padding:.5rem .75rem}}@media print{.btn,.modal,.navbar{display:none!important}.main-content{background:#fff!important}.card{border:1px solid #ddd!important;box-shadow:none!important}}@media (prefers-contrast:high){.btn{border:2px solid}.card,.table{border:2px solid #333}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.toast-container{pointer-events:none;position:fixed;z-index:9999}.toast-container.top-right{right:1rem;top:1rem}.toast-container.top-left{left:1rem;top:1rem}.toast-container.bottom-right{bottom:1rem;right:1rem}.toast-container.bottom-left{bottom:1rem;left:1rem}.toast{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;border:1px solid #0000001a;border-left:4px solid;border-radius:8px;box-shadow:0 8px 32px #0000001f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:400px;min-width:300px;pointer-events:auto}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-container.bottom-left .toast,.toast-container.top-left .toast{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.toast-header{align-items:center;background-color:initial;border-bottom:1px solid #0000000d;border-top-left-radius:7px;border-top-right-radius:7px;display:flex;padding:.75rem 1rem .5rem}.toast-icon{font-size:1.1rem}.toast-title{font-size:.95rem;font-weight:600;margin:0}.toast .btn-close{background:none;border:none;font-size:.875rem;margin:0;opacity:.6;padding:.25rem;transition:opacity .2s ease}.toast .btn-close:hover{opacity:1}.toast-body{color:#495057;font-size:.9rem;line-height:1.4;padding:.5rem 1rem .75rem}.toast-success{background-color:#fff;border-left-color:#28a745}.toast-success .toast-icon{color:#28a745}.toast-success .toast-title{color:#155724}.toast-error{background-color:#fff;border-left-color:#dc3545}.toast-error .toast-icon{color:#dc3545}.toast-error .toast-title{color:#721c24}.toast-warning{background-color:#fff;border-left-color:#ffc107}.toast-warning .toast-icon{color:#ffc107}.toast-warning .toast-title{color:#856404}.toast-info{background-color:#fff;border-left-color:#17a2b8}.toast-info .toast-icon{color:#17a2b8}.toast-info .toast-title{color:#0c5460}@media (max-width:576px){.toast{max-width:calc(100vw - 2rem);min-width:280px}.toast-container.bottom-right,.toast-container.top-right{right:.5rem}.toast-container.bottom-left,.toast-container.top-left{left:.5rem}.toast-container.top-left,.toast-container.top-right{top:.5rem}.toast-container.bottom-left,.toast-container.bottom-right{bottom:.5rem}}.toast:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px);transition:all .2s ease}.toast:focus-within{outline:2px solid #007bff;outline-offset:2px}.toast.hiding{animation:slideOutRight .3s ease-in forwards}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-container.bottom-left .toast.hiding,.toast-container.top-left .toast.hiding{animation:slideOutLeft .3s ease-in forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.home-container{background:#fff;min-height:100vh;padding:2rem 1rem}.home-container .card{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 6px #00000012;transition:all .3s ease}.home-container .card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.home-container .stat-card-icon{align-items:center;border-radius:12px;display:flex;height:60px;justify-content:center;width:60px}.home-container .stat-card-icon.bg-primary{background-color:#3498db26!important;color:#3498db}.home-container .stat-card-icon.bg-success{background-color:#27ae6026!important;color:#27ae60}.home-container .stat-card-icon.bg-danger{background-color:#e74c3c26!important;color:#e74c3c}.home-container .stat-card-icon.bg-info{background-color:#3498db26!important;color:#3498db}.home-container .btn-outline-danger,.home-container .btn-outline-info,.home-container .btn-outline-primary,.home-container .btn-outline-success{background:#fff;border-radius:8px;border-width:1px;font-weight:500;transition:all .2s ease}.home-container .btn-outline-danger:hover,.home-container .btn-outline-info:hover,.home-container .btn-outline-primary:hover,.home-container .btn-outline-success:hover{border-width:1px;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.home-container .list-group-item{border-radius:8px;margin-bottom:.5rem;transition:background-color .2s ease-in-out}.home-container .list-group-item:hover{background-color:#00000005}.home-container .spinner-border{height:3rem;width:3rem}.dashboard-header{background:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.home-container h1.h3{color:#2c3e50;font-weight:600;margin-bottom:0}.home-container .text-secondary{color:#7f8c8d!important}.home-container .text-muted{color:#95a5a6!important}.btn-refresh{transition:all .2s ease}.btn-refresh:hover{transform:rotate(90deg)}.card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0!important;font-weight:500}.footer-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#7f8c8d;font-size:.9rem;margin-top:1.5rem;padding:1rem;text-align:center}@media (max-width:768px){.home-container{padding:1rem}.dashboard-header{margin-bottom:1rem;padding:1rem}}@media (max-width:576px){.home-container{padding:.5rem}.home-container h1.h3{font-size:1.25rem}}.home-container .alert-danger{border:none;border-radius:12px;box-shadow:0 4px 12px #e74c3c26}.home-container .fa-inbox{opacity:.5}.error-state{background:#fadbd8;border:1px solid #f5b7b1;border-radius:8px;color:#c0392b;padding:1.5rem;text-align:center}.empty-state{background:#d6eaf8;border:1px solid #aed6f1;border-radius:8px;color:#2980b9;padding:1.5rem}.recent-activities{max-height:300px;overflow-y:auto}.recent-activities::-webkit-scrollbar{width:6px}.recent-activities::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.recent-activities::-webkit-scrollbar-thumb{background:#3498db;border-radius:3px}.recent-activities::-webkit-scrollbar-thumb:hover{background:#2980b9}.home-container .badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;min-width:70px;padding:.35rem .65rem;text-align:center;white-space:nowrap}.home-container .icon-container{align-items:center;display:flex;height:50px;justify-content:center;margin:0 auto 1rem;transition:all .2s ease;width:50px}.home-container .icon-container:hover{transform:scale(1.05)}.home-container .list-group-item:hover{background-color:#f8f9fa;transition:all .2s ease}.home-container .bg-success.bg-opacity-10{background-color:#27ae601a!important}.home-container .bg-danger.bg-opacity-10{background-color:#e74c3c1a!important}.home-container .card-body.py-3{background-color:#fff!important;color:#333}.home-container .card-body.py-3 .text-muted{color:#6c757d!important}.confirmation-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.confirmation-modal{animation:slideIn .3s ease-out;background:#fff;border:none;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow:hidden;width:90%}.confirmation-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem 2rem 1rem}.confirmation-icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.confirmation-icon.danger{background-color:#dc3545;box-shadow:0 4px 12px #dc35454d;color:#fff}.confirmation-icon.warning{background-color:#ffc107;box-shadow:0 4px 12px #ffc1074d;color:#212529}.confirmation-icon.info{background-color:#0dcaf0;box-shadow:0 4px 12px #0dcaf04d;color:#fff}.confirmation-icon.success{background-color:#198754;box-shadow:0 4px 12px #1987544d;color:#fff}.confirmation-title{color:#212529;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;text-align:center}.confirmation-body{padding:1rem 2rem 1.5rem;text-align:center}.confirmation-message{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0}.confirmation-detail{color:#868e96;font-size:.85rem;font-style:italic;margin-top:.5rem}.confirmation-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:.75rem;justify-content:center;padding:1rem 2rem 1.5rem}.confirmation-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.confirmation-btn.cancel{background-color:#6c757d;box-shadow:0 2px 6px #6c757d4d;color:#fff}.confirmation-btn.cancel:hover{background-color:#5a6268;box-shadow:0 4px 12px #6c757d66;transform:translateY(-1px)}.confirmation-btn.danger{background-color:#dc3545;box-shadow:0 2px 6px #dc35454d;color:#fff}.confirmation-btn.danger:hover{background-color:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-1px)}.confirmation-btn.confirm{background-color:#198754;box-shadow:0 2px 6px #1987544d;color:#fff}.confirmation-btn.confirm:hover{background-color:#146c43;box-shadow:0 4px 12px #19875466;transform:translateY(-1px)}.confirmation-btn.warning{background-color:#ffc107;box-shadow:0 2px 6px #ffc1074d;color:#212529}.confirmation-btn.warning:hover{background-color:#e0a800;box-shadow:0 4px 12px #ffc10766;transform:translateY(-1px)}.confirmation-btn.loading{opacity:.7;pointer-events:none}.confirmation-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:576px){.confirmation-modal{margin:1rem;width:95%}.confirmation-body,.confirmation-footer,.confirmation-header{padding-left:1.5rem;padding-right:1.5rem}.confirmation-footer{flex-direction:column}.confirmation-btn{margin:0;width:100%}.confirmation-title{font-size:1.1rem}.confirmation-message{font-size:.9rem}}@media (prefers-contrast:high){.confirmation-modal{border:2px solid #000}.confirmation-btn{border:2px solid}}@media (prefers-reduced-motion:reduce){.confirmation-btn,.confirmation-modal,.confirmation-overlay{animation:none;transition:none}.confirmation-btn:hover{transform:none}}.confirmation-btn:focus{outline:2px solid #0d6efd;outline-offset:2px}.confirmation-btn:focus:not(:focus-visible){outline:none}.confirmation-text-center{text-align:center}.confirmation-text-left{text-align:left}.confirmation-text-right{text-align:right}.confirmation-modal.small{max-width:360px}.confirmation-modal.large{max-width:600px}.confirmation-checkbox{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:.5rem;margin-top:1rem;padding:.75rem}.confirmation-checkbox input[type=checkbox]{accent-color:#dc3545;height:18px;width:18px}.confirmation-checkbox label{color:#495057;cursor:pointer;font-size:.85rem;margin:0;-webkit-user-select:none;user-select:none}.confirmation-icon i{animation:iconPulse .6s ease-out}@keyframes iconPulse{0%{opacity:.8;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.barang-container{background-color:#f8f9fa;min-height:100vh;padding:2rem 1rem}.barang-header{background:#fff;border-left:4px solid #0d6efd;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:2rem;padding:1.5rem 2rem}.barang-header h2{align-items:center;color:#2c3e50;display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.barang-header h2:before{color:#0d6efd;content:"\f1b2";font-family:Font Awesome\ 5 Free;font-size:1.5rem;font-weight:900}.btn-add-barang{background-color:#28a745;border:none;border-radius:8px;box-shadow:0 3px 6px #28a7454d;font-size:.875rem;font-weight:500;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.btn-add-barang:hover{background-color:#218838;box-shadow:0 6px 12px #28a74566;transform:translateY(-2px)}.btn-add-barang:active{transform:translateY(0)}.barang-card{background:#fff;border:none;border-radius:12px;box-shadow:0 8px 25px #00000014;overflow:hidden;transition:all .3s ease}.barang-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-4px)}.barang-card .card-header{background-color:#495057;border:none;color:#fff;font-size:1.1rem;font-weight:600;padding:1.25rem 1.5rem}.barang-card .card-header h5{align-items:center;display:flex;gap:.5rem;margin:0}.barang-card .card-header h5:before{content:"\f0cb";font-family:Font Awesome\ 5 Free;font-weight:900}.barang-card .card-body{background-color:#f8f9fa;padding:0}.barang-table{font-size:.9rem;margin:0}.barang-table thead th{background-color:#343a40;border:none;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem .75rem;position:sticky;text-transform:uppercase;top:0;z-index:10}.barang-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.barang-table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 8px #0000001a;transform:scale(1.01)}.barang-table tbody td{border:none;padding:1rem .75rem;vertical-align:middle}.barang-table .id-badge{background-color:#6c757d;border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;min-width:40px;padding:.25rem .5rem;text-align:center}.barang-table .kode-barang{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-weight:600;padding:.25rem .5rem}.barang-table .nama-barang{color:#2c3e50;font-size:.95rem;font-weight:600}.barang-table .stok-value{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;min-width:60px;padding:.25rem .75rem;text-align:center}.barang-table .stok-high{background-color:#d4edda;border:1px solid #28a745;color:#155724}.barang-table .stok-medium{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.barang-table .stok-low{background-color:#f8d7da;border:1px solid #dc3545;color:#721c24}.action-buttons{gap:.5rem}.action-buttons,.btn-action{display:flex;justify-content:center}.btn-action{align-items:center;border:none;border-radius:6px;font-size:.875rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.btn-edit{background-color:#ffc107;box-shadow:0 2px 4px #ffc1074d;color:#212529}.btn-edit:hover{background-color:#e0a800;box-shadow:0 4px 8px #ffc10766;color:#212529;transform:translateY(-1px)}.btn-delete{background-color:#dc3545;box-shadow:0 2px 4px #dc35454d;color:#fff}.btn-delete:hover{background-color:#c82333;box-shadow:0 4px 8px #dc354566;color:#fff;transform:translateY(-1px)}.empty-state{color:#6c757d;padding:3rem 2rem;text-align:center}.empty-state-icon{color:#dee2e6;font-size:4rem;margin-bottom:1rem}.empty-state h4{color:#495057;font-weight:600;margin-bottom:.5rem}.empty-state p{font-size:.9rem;margin:0}.loading-container{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#0d6efd;height:3rem;margin-bottom:1rem;width:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-enhanced .modal-dialog{max-width:600px}.modal-enhanced .modal-header{color:#fff;padding:1.5rem 2rem}.modal-enhanced .modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-enhanced .btn-close{filter:invert(1);opacity:.8}.modal-enhanced .btn-close:hover{opacity:1}.modal-enhanced .modal-body{padding:2rem}.form-enhanced .form-label{color:#495057;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-enhanced .form-control{border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.form-enhanced .form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26}.form-enhanced .form-control:invalid{border-color:#dc3545}.form-enhanced .btn-submit{background-color:#0d6efd;border:none;border-radius:8px;box-shadow:0 3px 6px #0d6efd4d;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.form-enhanced .btn-submit:hover{background-color:#0056b3;box-shadow:0 6px 12px #0d6efd66;transform:translateY(-2px)}@media (max-width:768px){.barang-container{padding:1rem .5rem}.barang-header{margin-bottom:1.5rem;padding:1rem 1.5rem}.barang-header h2{font-size:1.5rem}.btn-add-barang{font-size:.8rem;padding:.5rem 1rem}.barang-table{font-size:.8rem}.barang-table tbody td,.barang-table thead th{padding:.5rem .25rem}.action-buttons{flex-direction:column;gap:.25rem}.btn-action{font-size:.75rem;padding:.375rem .5rem}.modal-enhanced .modal-dialog{margin:1rem}.modal-enhanced .modal-body{padding:1.5rem}}@media (max-width:576px){.barang-header{text-align:center}.barang-header .d-flex{flex-direction:column;gap:1rem}.table-responsive{border-radius:8px}}@media print{.barang-container{background:none;padding:0}.action-buttons,.btn-add-barang{display:none}.barang-card{border:1px solid #dee2e6;box-shadow:none}.barang-table{font-size:.8rem}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.btn-action:focus,.btn-add-barang:focus{outline:2px solid #0d6efd;outline-offset:2px}@media (prefers-contrast:high){.barang-table tbody tr:hover{background:#000;color:#fff}.btn-action{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.multi-item-form-container{padding:.5rem}.form-section,.preview-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;padding:1.5rem}.preview-section{max-height:600px;overflow-y:auto;position:sticky;top:1rem}.section-title{padding-bottom:.5rem}.preview-items-container{max-height:400px;overflow-y:auto}.preview-item{border-left:3px solid #0d6efd!important;transition:all .2s ease}.preview-item:hover{background-color:#0d6efd0d;padding-left:1rem}.preview-item .badge{font-size:.7rem;padding:.35rem .6rem}.list-group-item{border-color:#dee2e6;padding:1rem}.list-group-item small{font-size:.85rem}.dropdown-menu{border:1px solid #dee2e6;box-shadow:0 2px 8px #0000001a}.dropdown-item{font-size:.9rem;padding:.6rem 1rem}.dropdown-item:focus,.dropdown-item:hover{background-color:#e7f1ff;color:inherit}.dropdown-item strong{color:#0d6efd}.form-control,.form-select{border-color:#dee2e6;font-size:.95rem}.form-control:focus,.form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.form-label{color:#495057;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.btn-outline-primary{border-color:#0d6efd;color:#0d6efd;transition:all .2s ease}.btn-outline-primary:hover:not(:disabled){background-color:#0d6efd;border-color:#0d6efd;color:#fff}.btn-outline-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover:not(:disabled){background-color:#0b5ed7;border-color:#0a58ca}.btn-primary:disabled{background-color:#0d6efd;cursor:not-allowed;opacity:.6}.spinner-border-sm{border-width:.15em;height:1rem;width:1rem}.text-muted{color:#6c757d}.opacity-50{opacity:.5}@media (max-width:991.98px){.preview-section{margin-top:2rem;max-height:none;position:relative;top:auto}.preview-items-container{max-height:300px}}.text-center .fas{color:#adb5bd}.bg-light{background-color:#f8f9fa!important}.bg-light.rounded{margin-top:1rem;padding:1rem}.bg-light.rounded h6{color:#0d6efd;font-weight:600}.bg-light.rounded small{font-size:.75rem;font-weight:500;text-transform:uppercase}.preview-items-container::-webkit-scrollbar{width:6px}.preview-items-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.preview-items-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.preview-items-container::-webkit-scrollbar-thumb:hover{background:#555}.preview-items-container{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.modal-preview{animation:slideInModal .3s ease-out}@keyframes slideInModal{0%{opacity:0}to{opacity:1}}.modal-preview .modal-dialog{margin:1.25rem auto;max-width:80vw;width:auto}.modal-content{border:none;border-radius:.5rem;box-shadow:0 1rem 3rem rgba(0,0,0,.175);box-sizing:border-box;max-width:80vw;width:100%}.modal-header{background-color:#28a745;border-bottom:1px solid #dee2e6;border-radius:.5rem .5rem 0 0;padding:1.5rem}.modal-header .modal-title{color:#212529;font-size:1.25rem;font-weight:600}.modal-body{box-sizing:border-box;max-height:80vh;max-width:80vw;overflow-x:hidden;overflow-y:auto;padding:2rem;width:100%}.modal-footer{background-color:#f8f9fa;border-radius:0 0 .5rem .5rem;border-top:1px solid #dee2e6;gap:.5rem;padding:1.5rem}.preview-section{background-color:#f0f7ff;border:1px solid #b6d4fe;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.preview-section:last-of-type,.section-title{margin-bottom:1rem}.section-title{border-bottom:2px solid #dee2e6;color:#212529;font-size:.95rem;font-weight:600;padding-bottom:.75rem}.info-item{padding:.75rem 0}.info-label{color:#6c757d;display:block;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.info-value{color:#212529;font-size:1rem;margin:0}.info-value strong{color:#0d6efd}.info-value em{color:#495057;font-style:italic}.summary-section{background:linear-gradient(135deg,#e7f1ff,#f0f7ff);border:2px solid #0d6efd}.summary-item{text-align:center}.summary-label{color:#6c757d;display:block;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.summary-value{color:#0d6efd;font-size:1.75rem;font-weight:700;margin:0}.table{font-size:.9rem}.table thead{background-color:#f8f9fa}.table th{color:#495057;font-size:.8rem;font-weight:600;text-transform:uppercase}.table td,.table th{border-color:#dee2e6;padding:.75rem}.table td{vertical-align:middle}.table-hover tbody tr:hover{background-color:#f8f9fa}.table-active{background-color:#fff3cd!important}.table .badge{font-size:.7rem;padding:.35rem .6rem}.table .text-primary{color:#0d6efd}.table .text-muted{color:#6c757d}.form-control-sm{border-color:#dee2e6;font-size:.85rem;height:2rem;padding:.25rem .5rem}.form-control-sm:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.btn-group-sm .btn{border-radius:.25rem;font-size:.85rem;padding:.25rem .5rem}.btn-link{color:#0d6efd;text-decoration:none;transition:all .2s ease}.btn-link:hover{color:#0b5ed7;text-decoration:underline}.btn-outline-secondary,.btn-outline-success{border-color:#dee2e6;color:#6c757d;transition:all .2s ease}.btn-outline-secondary:hover:not(:disabled),.btn-outline-success:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.btn-outline-success{color:#198754}.btn-outline-success:hover:not(:disabled){background-color:#508b71;border-color:#198754}.btn-success{background-color:#198754;border-color:#198754}.btn-success:hover{background-color:#157347;border-color:#146c43}.btn-danger{background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.btn:disabled{cursor:not-allowed;opacity:.65}.alert{border-radius:.5rem;font-size:.95rem;margin:1rem 0 0;padding:1rem}.alert-warning{background-color:#fff3cd;border:1px solid #ffecb5;color:#664d03}.alert-info{background-color:#cfe2ff;border:1px solid #b6d4fe}.alert-info,.alert-info .fa-info-circle{color:#055160}.badge{font-size:.8rem;font-weight:500;padding:.35rem .6rem}.badge.bg-success{background-color:#198754!important}.badge.bg-danger{background-color:#dc3545!important}.badge.bg-secondary{background-color:#6c757d!important}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1}.modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}.modal-body{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.modal-dialog.modal-lg{max-width:1200px}@media (max-width:767.98px){.modal-body{max-height:70vh;padding:1rem}.modal-dialog.modal-lg{max-width:95vw}.modal-footer,.modal-header,.preview-section{padding:1rem}.section-title{font-size:.9rem}.info-label{font-size:.8rem}.info-value{font-size:.95rem}.table{font-size:.85rem}.summary-value{font-size:1.5rem}}.btn-close{opacity:.5;transition:opacity .2s ease}.btn-close:hover:not(:disabled){opacity:.75}.btn-close:disabled{cursor:not-allowed;opacity:.25}.pagination-container{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}.pagination-current,.pagination-info{flex:1 1;min-width:200px}.pagination-info{text-align:left}.pagination-current{text-align:right}@media (max-width:576px){.pagination-container{align-items:stretch;flex-direction:column;gap:.5rem}.pagination-current,.pagination-info{min-width:auto;text-align:center}.pagination-info{order:3}.pagination-current{order:1}}.pagination{margin-bottom:0}.page-link{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem!important;color:#495057;margin:0 2px;padding:.375rem .75rem;transition:all .15s ease-in-out}.page-link:hover{background-color:#e9ecef;border-color:#adb5bd;color:#0056b3}.page-link:focus{box-shadow:0 0 0 .2rem #007bff40}.page-item.active .page-link{background-color:#007bff;border-color:#007bff;color:#fff}.page-item.disabled .page-link{background-color:#fff;border-color:#dee2e6;color:#6c757d;cursor:not-allowed}.page-link i{font-size:.75rem}.page-item.disabled .page-link{opacity:.6}.masuk-container{background-color:#f8f9fa;min-height:100vh;padding:2rem 1rem}.masuk-header{background:#fff;border-left:4px solid #28a745;border-radius:12px;box-shadow:0 8px 25px #00000014;margin-bottom:2rem;padding:1.5rem 2rem;transition:all .3s ease}.masuk-header:hover{box-shadow:0 12px 35px #0101011f;transform:translateY(-2px)}.masuk-header h2{align-items:center;color:#28a745;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0}.masuk-header h2:before{background:#28a7451a;border-radius:8px;color:#28a745;content:"\f063";font-family:Font Awesome\ 5 Free;font-size:1.5rem;font-weight:900;padding:.5rem}.masuk-header p{color:#6c757d;font-size:.95rem;font-weight:500;margin:.5rem 0 0}.btn-add-masuk{background-color:#28a745;border:none;border-radius:8px;box-shadow:0 3px 6px #28a7454d;color:#fff;font-size:.875rem;font-weight:500;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.btn-add-masuk:hover{background-color:#218838;box-shadow:0 6px 12px #28a74566;color:#fff;transform:translateY(-2px)}.btn-add-masuk:active{transform:translateY(0)}.btn-add-masuk:disabled{box-shadow:0 3px 6px #28a74533;opacity:.6;transform:none}.masuk-card{background:#fff;border:none;border-left:4px solid #28a745;border-radius:12px;box-shadow:0 8px 25px #00000014;overflow:hidden;transition:all .3s ease}.masuk-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-2px)}.masuk-card .card-header{background-color:#495057;border:none;color:#fff;font-size:1.1rem;font-weight:600;padding:1.25rem 1.5rem}.masuk-card .card-header h5{align-items:center;display:flex;gap:.5rem;margin:0}.masuk-card .card-header h5:before{content:"\f0cb";font-family:Font Awesome\ 5 Free;font-weight:900}.masuk-card .card-body{background-color:#f8f9fa;padding:1.5rem}.masuk-header .masuk-card{border-left:none;border-radius:10px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.masuk-header .masuk-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.masuk-header .masuk-card.bg-success{background-color:#28a745!important;border:1px solid #fff3}.masuk-header .masuk-card.bg-info{background-color:#17a2b8!important;border:1px solid #fff3}.masuk-header .masuk-card .card-body{background-color:#ffffff1a;padding:1rem}.masuk-header .masuk-card .card-title{font-size:.8rem;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.masuk-header .masuk-card h5{font-size:1.5rem;font-weight:700;margin:0}.masuk-header .masuk-card .fas{align-items:center;background:#fff3;border-radius:50%;display:flex;height:3rem;justify-content:center;padding:.75rem;width:3rem}.masuk-card .card-body .row.align-items-center{min-height:80px}.masuk-card .card-body h3{align-items:center;color:#2c3e50;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.masuk-card .card-body h3:before{background:#28a7451a;border-radius:8px;color:#28a745;content:"\f063";font-family:Font Awesome\ 5 Free;font-size:1.5rem;font-weight:900;padding:.5rem}.masuk-card .card-body p.text-muted{color:#6c757d!important;font-size:.95rem;font-weight:500;margin-bottom:0}.masuk-card .card-body .col-lg-3.text-center,.masuk-card .card-body .col-md-6.text-center{padding:1rem .5rem}.masuk-card .card-body .d-flex.align-items-center.justify-content-center{background:#f8f9facc;border:1px solid #0000000d;border-radius:10px;padding:1rem;transition:all .3s ease}.masuk-card .card-body .d-flex.align-items-center.justify-content-center:hover{background:#f8f9fa;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.masuk-card .card-body .fas.fa-arrow-down{background:#28a7451a}.masuk-card .card-body .fas.fa-arrow-down,.masuk-card .card-body .fas.fa-boxes{align-items:center;border-radius:50%;display:flex;height:3rem;justify-content:center;padding:.75rem;width:3rem}.masuk-card .card-body .fas.fa-boxes{background:#17a2b81a}.masuk-card .card-body .fw-bold.fs-5{font-size:1.5rem!important;font-weight:700!important;line-height:1.2}.masuk-card .card-body .fw-bold.fs-5.text-success{color:#28a745!important}.masuk-card .card-body .fw-bold.fs-5.text-info{color:#17a2b8!important}.masuk-card .card-body small.text-muted{font-size:.8rem;font-weight:600}.btn-refresh .fa-spin{color:#6c757d!important;letter-spacing:.5px;text-transform:uppercase}.btn-refresh{background-color:#007bff;box-shadow:0 2px 4px #007bff4d}.btn-refresh:hover{box-shadow:0 4px 8px #007bff66}@media (max-width:768px){.masuk-container{padding:1rem .5rem}.masuk-header{margin-bottom:1.5rem;padding:1rem 1.5rem}.masuk-header h2{font-size:1.5rem}.btn-add-masuk{font-size:.8rem;padding:.625rem 1.25rem}.modal-enhanced .modal-dialog{margin:1rem}.masuk-card .card-body h3{font-size:1.5rem}.masuk-card .card-body h3:before{font-size:1.25rem;padding:.4rem}.masuk-card .card-body .col-lg-3.text-center,.masuk-card .card-body .col-md-6.text-center{margin-bottom:1rem;padding:.75rem .25rem}.masuk-card .card-body .d-flex.align-items-center.justify-content-center{flex-direction:column;padding:.75rem;text-align:center}.masuk-card .card-body .fas.fa-arrow-down,.masuk-card .card-body .fas.fa-boxes{height:2.5rem;margin-bottom:.5rem;width:2.5rem}.masuk-card .card-body .fw-bold.fs-5{font-size:1.25rem!important}}@media (max-width:576px){.masuk-header .d-flex{align-items:flex-start!important;flex-direction:column;gap:1rem}.btn-add-masuk{justify-content:center;width:100%}.masuk-card .card-body .row.align-items-center{min-height:auto}.masuk-card .card-body .col-lg-4{margin-bottom:1.5rem;text-align:center}.masuk-card .card-body .col-lg-2{margin-top:1rem}.masuk-card .card-body .col-lg-3.text-center,.masuk-card .card-body .col-md-6.text-center{margin-bottom:1rem}.masuk-card .card-body .d-flex.align-items-center.justify-content-center{margin:0 auto;max-width:200px;padding:1rem}.masuk-card .card-body h3{font-size:1.4rem;justify-content:center}.masuk-card .card-body p.text-muted{text-align:center}}.masuk-container .table{font-size:.9rem;margin:0}.masuk-container .table thead th{background-color:#28a745;border:none;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem .75rem;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.masuk-container .table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.masuk-container .table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 8px #0000001a;transform:scale(1.01)}.masuk-container .table tbody td{border:none;padding:1rem .75rem;vertical-align:middle;white-space:nowrap}.masuk-container .table td:first-child,.masuk-container .table th:first-child{min-width:50px;width:5%}.masuk-container .table td:nth-child(2),.masuk-container .table th:nth-child(2){min-width:100px;width:12%}.masuk-container .table td:nth-child(3),.masuk-container .table th:nth-child(3){min-width:120px;width:15%}.masuk-container .table td:nth-child(4),.masuk-container .table th:nth-child(4){min-width:80px;text-align:right;width:10%}.masuk-container .table td:nth-child(5),.masuk-container .table th:nth-child(5){min-width:80px;text-align:center;width:10%}.masuk-container .table td:nth-child(6),.masuk-container .table th:nth-child(6){min-width:140px;width:18%}.masuk-container .table td:nth-child(7),.masuk-container .table th:nth-child(7){min-width:150px;width:20%}.masuk-container .table td:nth-child(8),.masuk-container .table th:nth-child(8){min-width:100px;text-align:center;width:10%}.masuk-container .badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;justify-content:center;min-width:70px;padding:.35rem .65rem;text-align:center;white-space:nowrap}.masuk-container code{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-weight:600;padding:.25rem .5rem}@media (max-width:768px){.masuk-container{padding:1rem .5rem}.masuk-header{margin-bottom:1.5rem;padding:1rem 1.5rem}.masuk-header h2{font-size:1.5rem}.masuk-header h2:before{font-size:1.25rem;padding:.4rem}.btn-add-masuk{font-size:.8rem;padding:.625rem 1.25rem}.masuk-card{margin-bottom:1rem}.masuk-card .card-header{font-size:1rem;padding:1rem}.masuk-card .card-body{padding:1rem}}@media (max-width:576px){.masuk-container{padding:.5rem}.masuk-header{margin-bottom:1rem;padding:1rem}.masuk-header h2{flex-direction:column;font-size:1.25rem;gap:.5rem;text-align:center}.btn-add-masuk{margin-top:1rem;width:100%}.masuk-card .card-body .col-lg-3,.masuk-card .card-body .col-md-6{margin-bottom:1rem}}.keluar-container{background-color:#f8f9fa;min-height:100vh;padding:2rem 1rem}.keluar-header{background:#fff;border-left:4px solid #dc3545;border-radius:12px;box-shadow:0 8px 25px #00000014;margin-bottom:2rem;padding:1.5rem 2rem;transition:all .3s ease}.keluar-header:hover{box-shadow:0 12px 35px #0101011f;transform:translateY(-2px)}.keluar-header h2{align-items:center;color:#dc3545;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0}.keluar-header h2:before{background:#dc35451a;border-radius:8px;color:#dc3545;content:"\f062";font-family:Font Awesome\ 5 Free;font-size:1.5rem;font-weight:900;padding:.5rem}.keluar-header p{color:#6c757d;font-size:.95rem;font-weight:500;margin:.5rem 0 0}.btn-add-keluar{background-color:#dc3545;border:none;border-radius:8px;box-shadow:0 3px 6px #dc35454d;color:#fff;font-size:.875rem;font-weight:500;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.btn-add-keluar:hover{background-color:#c82333;box-shadow:0 6px 12px #dc354566;color:#fff;transform:translateY(-2px)}.btn-add-keluar:active{transform:translateY(0)}.btn-add-keluar:disabled{box-shadow:0 3px 6px #dc354533;opacity:.6;transform:none}.alert-enhanced{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-danger.alert-enhanced{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.alert-success.alert-enhanced{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.modal-enhanced{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-enhanced .modal-dialog{margin:2rem auto}.modal-enhanced .modal-content{border:none;border-radius:12px;box-shadow:0 20px 60px #0003;overflow:hidden}.modal-enhanced .modal-header{background-color:#28a745;border:none;padding:1.25rem 1.5rem}.modal-enhanced .modal-header h5{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.modal-enhanced .modal-body{background:#fff;padding:1.5rem}.modal-enhanced .modal-dialog.modal-dialog-wide{max-width:min(95vw,1400px)}.modal-enhanced .modal-body.modal-body-wide{padding:1.5rem 2.75rem}.modal-keluar .modal-header{background-color:#dc3545!important;color:#fff}.keluar-card{background:#fff;border:none;border-left:4px solid #dc3545;border-radius:12px;box-shadow:0 8px 25px #00000014;overflow:hidden;transition:all .3s ease}.keluar-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-2px)}.keluar-card .card-header{background-color:#3c3c3c;border:none;color:#fff;font-size:1.1rem;font-weight:600;padding:1.25rem 1.5rem}.keluar-card .card-header h5{align-items:center;display:flex;gap:.5rem;margin:0}.keluar-card .card-header h5:before{content:"\f0cb";font-family:Font Awesome\ 5 Free;font-weight:900}.keluar-card .card-body{background-color:#f8f9fa;padding:1.5rem}.keluar-header .keluar-card{border-left:none;border-radius:10px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.keluar-header .keluar-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.keluar-header .keluar-card.bg-danger{background-color:#dc3545!important;border:1px solid #fff3}.keluar-header .keluar-card.bg-warning{background-color:#ffc107!important;border:1px solid #fff3}.keluar-header .keluar-card .card-body{background-color:red;padding:1rem}.keluar-header .keluar-card .card-title{font-size:.8rem;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.keluar-header .keluar-card h5{font-size:1.5rem;font-weight:700;margin:0}.keluar-header .keluar-card .fas{align-items:center;background:#fff3;border-radius:50%;display:flex;height:3rem;justify-content:center;padding:.75rem;width:3rem}.btn-refresh{background-color:#3cb371;border:none;border-radius:6px;box-shadow:0 2px 4px #f0f0ff4d;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-refresh:hover{background-color:#0056b3;box-shadow:0 4px 8px #3cb37166;color:#fff;transform:translateY(-1px)}.btn-refresh:active{transform:translateY(0)}.btn-refresh:disabled{opacity:.6;transform:none}.btn-refresh .fa-spin{animation:fa-spin 1s linear infinite}@media (max-width:768px){.keluar-container{padding:1rem .5rem}.keluar-header{margin-bottom:1.5rem;padding:1rem 1.5rem}.keluar-header h2{font-size:1.5rem}.keluar-header h2:before{font-size:1.25rem;padding:.4rem}.btn-add-keluar{font-size:.8rem;padding:.625rem 1.25rem}.modal-enhanced .modal-dialog{margin:1rem}.keluar-header .col-lg-3,.keluar-header .col-md-4{margin-bottom:1rem}.keluar-header .keluar-card .card-body{background-color:#f8f9fa;padding:.75rem}.keluar-header .keluar-card h5{font-size:1.25rem}.keluar-header .keluar-card .fas{height:2.5rem;width:2.5rem}}@media (max-width:576px){.keluar-header .d-flex{align-items:flex-start!important;flex-direction:column;gap:1rem}.btn-add-keluar{justify-content:center;width:100%}.keluar-header .row.align-items-center{text-align:center}.keluar-header .col-lg-4{margin-bottom:1.5rem}.keluar-header .col-lg-3,.keluar-header .col-md-4{margin-bottom:1rem}.keluar-header h2{font-size:1.4rem;justify-content:center}.keluar-header p{text-align:center}.keluar-header .keluar-card{margin:0 auto;max-width:250px}}.keluar-container .table{font-size:.9rem;margin:0}.keluar-container .table thead th{background-color:#dc3545;border:none;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem .75rem;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.keluar-container .table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.keluar-container .table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 8px #0000001a;transform:scale(1.01)}.keluar-container .table tbody td{border:none;padding:1rem .75rem;vertical-align:middle;white-space:nowrap}.keluar-container .table td:first-child,.keluar-container .table th:first-child{min-width:50px;width:5%}.keluar-container .table td:nth-child(2),.keluar-container .table th:nth-child(2){min-width:100px;width:12%}.keluar-container .table td:nth-child(3),.keluar-container .table th:nth-child(3){min-width:120px;width:15%}.keluar-container .table td:nth-child(4),.keluar-container .table th:nth-child(4){min-width:80px;text-align:right;width:10%}.keluar-container .table td:nth-child(5),.keluar-container .table th:nth-child(5){min-width:80px;text-align:center;width:10%}.keluar-container .table td:nth-child(6),.keluar-container .table th:nth-child(6){min-width:140px;width:18%}.keluar-container .table td:nth-child(7),.keluar-container .table th:nth-child(7){min-width:150px;width:20%}.keluar-container .table td:nth-child(8),.keluar-container .table th:nth-child(8){min-width:100px;text-align:center;width:10%}.keluar-container .badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;justify-content:center;min-width:70px;padding:.35rem .65rem;text-align:center;white-space:nowrap}.keluar-container code{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-weight:600;padding:.25rem .5rem}.sidebar-toggle{align-items:center;background-color:#2c3e50;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;left:1rem;position:fixed;top:1rem;transition:all .3s ease;width:50px;z-index:1050}.sidebar-toggle:hover{background-color:#34495e;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.sidebar-toggle:active{transform:translateY(0)}.sidebar-toggle:focus{outline:2px solid #3498db;outline-offset:2px}.sidebar-overlay{animation:fadeIn .3s ease forwards;background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1040}@keyframes fadeIn{to{opacity:1}}.sidebar{background-color:#2c3e50;box-shadow:4px 0 20px #0000001a;height:100vh;left:-280px;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1045}.sidebar.sidebar-open{left:0}.sidebar-header{background:#0000001a;border-bottom:1px solid #ffffff1a;padding:1.5rem 1rem}.sidebar-brand{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;text-decoration:none;transition:color .3s ease}.sidebar-brand:hover{color:#3498db;text-decoration:none}.sidebar-brand i{color:#3498db;font-size:1.5rem}.sidebar-brand-text{white-space:nowrap}.sidebar-nav{padding:1rem 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-item{margin:0}.sidebar-link{align-items:center;border-left:3px solid #0000;color:#ecf0f1;display:flex;font-weight:500;gap:.75rem;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-link:hover{background:#3498db1a;border-left-color:#3498db;color:#3498db;text-decoration:none}.sidebar-link.active{background:#3498db33;border-left-color:#3498db;color:#3498db}.sidebar-link.active:before{background:#3498db;bottom:0;content:"";position:absolute;right:0;top:0;width:3px}.sidebar-brand-icon{color:#3498db;font-size:1.5rem;height:24px;width:24px}.sidebar-link-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.1rem;height:20px;justify-content:center;width:20px}.sidebar-link-icon svg{fill:currentColor;height:20px;width:20px}.sidebar-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.app-container,.main-content{transition:margin-left .3s ease}.main-content{margin-left:0;padding-top:20px}@media (min-width:992px){.sidebar-toggle{display:none}.sidebar{left:0;position:fixed}.sidebar-overlay{display:none}.main-content{margin-left:280px;padding-top:2rem}}@media (min-width:768px) and (max-width:991px){.sidebar{left:-260px;width:260px}.sidebar.sidebar-open{left:0}}@media (max-width:767px){.sidebar{left:-100%;max-width:280px;width:100%}.sidebar.sidebar-open{left:0}.sidebar-toggle{font-size:1.1rem;height:45px;width:45px}.main-content{padding-top:20px}}@media (prefers-reduced-motion:reduce){.main-content,.sidebar,.sidebar-link,.sidebar-overlay,.sidebar-toggle{transition:none}.sidebar-overlay{animation:none}}@media (prefers-contrast:high){.sidebar{background:#000;border-right:2px solid #fff}.sidebar-link{border-left:3px solid #0000;color:#fff}.sidebar-link.active,.sidebar-link:hover{background:#fff;border-left-color:#000;color:#000}.sidebar-toggle{background:#000;border:2px solid #fff}}.sidebar-link:focus{outline:2px solid #3498db;outline-offset:-2px}@media print{.sidebar,.sidebar-overlay,.sidebar-toggle{display:none}.main-content{margin-left:0;padding-top:0}}
/*# sourceMappingURL=main.cb9f79a0.css.map*/