:root{--ematerai-primary: #294c7c;--ematerai-primary-light: #2c5282;--ematerai-secondary: #16c784;--ematerai-accent: #f7941d;--color-ematerai-primary: #122137;--ematerai-navy: #0f2a44;--ematerai-sky: #4299e1;--ematerai-mint: #68d391;--ematerai-coral: #ff6b6b;--ematerai-gray-50: #f7fafc;--ematerai-gray-100: #edf2f7;--ematerai-gray-200: #e2e8f0;--ematerai-gray-300: #cbd5e0;--ematerai-gray-500: #a0aec0;--ematerai-gray-700: #4a5568;--ematerai-gray-800: #2d3748;--ematerai-gray-900: #1a202c;--bs-menu-color: #dfe6eb !important;--color-contentwraper-header: #e1e8ec !important;--ematerai-gradient-primary: linear-gradient(135deg, var(--ematerai-primary) 0%, var(--ematerai-primary-light) 100%);--ematerai-gradient-secondary: linear-gradient(135deg, var(--ematerai-secondary) 0%, var(--ematerai-mint) 100%);--ematerai-gradient-accent: linear-gradient(135deg, var(--ematerai-accent) 0%, #ff8a50 100%);--ematerai-shadow-sm: 0 1px 3px rgba(26, 54, 93, .1);--ematerai-shadow-md: 0 4px 12px rgba(26, 54, 93, .15);--ematerai-shadow-lg: 0 8px 25px rgba(26, 54, 93, .2)}.layout-menu{background:linear-gradient(145deg,#f8fafc,#fff)!important;border-right:1px solid rgba(22,199,132,.08)!important;box-shadow:0 0 20px #16c7840d!important}.layout-menu:has(.menu-item.active){background:linear-gradient(400deg,#3262a6,#1a365d)!important}.layout-menu .app-brand{background:linear-gradient(135deg,#16c78408,#28c76f05)!important;border-bottom:1px solid rgba(22,199,132,.08)!important;padding:1.5rem 1rem!important;margin-bottom:1rem!important}.layout-menu .app-brand-text{color:var(--ematerai-gray-300)!important;font-weight:700!important;font-size:1.1rem!important;text-shadow:none!important}.layout-menu .menu-inner .menu-item .menu-link{border-radius:8px!important;margin:.2rem .8rem!important;padding:.75rem 1rem!important;transition:all .3s ease!important;font-weight:500!important;border:none!important}.layout-menu .menu-inner .menu-item .menu-link:hover{background:linear-gradient(135deg,#c6d9f414,#b5cded0f)!important;color:var(--ematerai-gray-300)!important;transform:translate(3px)!important;box-shadow:0 2px 8px #167ac71a!important;border:none!important}.layout-menu .menu-inner .menu-item.active>.menu-link{background:linear-gradient(135deg,#ffffff26,#d7f3ff1f)!important;color:var(--color-ematerai-primary)!important;box-shadow:0 3px 12px #1657c733!important;border:1px solid rgba(14,104,172,.2)!important;border-left:4px solid var(--ematerai-primary)!important;font-weight:600!important}.layout-menu .menu-inner .menu-item .menu-sub{background:#16c78405!important;border-radius:6px!important;margin:.2rem .8rem .2rem 1.5rem!important;padding:.5rem 0!important;border-left:2px solid rgba(22,199,132,.1)!important}.layout-menu .menu-inner .menu-item .menu-sub .menu-item .menu-link{padding:.5rem 1rem .5rem 2rem!important;margin:.1rem .5rem!important;font-size:.85rem!important;position:relative!important}.layout-menu .menu-inner .menu-item .menu-sub .menu-item .menu-link:before{content:"•"!important;position:absolute!important;left:1rem!important;color:#94a3b8!important;font-weight:700!important}.layout-menu .menu-inner .menu-item .menu-sub .menu-item.active .menu-link:before{color:var(--color-ematerai-primary)!important}.layout-menu .menu-inner .menu-item .menu-sub .menu-item.active .menu-link{background:#f5feff14!important;color:var(--color-ematerai-primary)!important;border-left:3px solid var(--color-ematerai-primary)!important;font-weight:600!important}.menu-toggle:after{background-color:var(--ematerai-gray-300)}.menu-vertical .menu-item.active:not(.open)>.menu-link:not(.menu-toggle):before{background-color:var(--color-ematerai-primary)}.layout-menu .menu-inner .menu-item .menu-link .menu-icon{color:#94a3b8!important;margin-right:.75rem!important;font-size:1.1rem!important;transition:all .3s ease!important}.layout-menu .menu-inner .menu-item.active .menu-icon,.layout-menu .menu-inner .menu-item .menu-link:hover .menu-icon{color:var(--ematerai-primary)!important;transform:scale(1.1)!important}.layout-menu .menu-inner .menu-header{color:#94a3b8!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:1.5rem 1rem .5rem!important;font-size:.75rem!important;padding:.5rem 0!important;border-bottom:1px solid rgba(22,199,132,.06)!important}.layout-menu .menu-inner .menu-item .menu-link .menu-icon{color:var(--ematerai-gray-300)!important;margin-right:.75rem!important;font-size:1.1rem!important}.layout-menu .menu-inner .menu-item.active,.layout-menu .menu-inner .menu-item .menu-link:hover .menu-icon{color:var(--ematerai-gray-300)!important}.layout-menu .menu-inner .menu-item.active .menu-icon{color:var(--color-ematerai-primary)!important}* Menu Headers */ .layout-menu .menu-inner .menu-header{color:#94a3b8!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:1.5rem 1rem .5rem!important;font-size:.75rem!important}.layout-navbar{background:linear-gradient(135deg,#fff,#f8fafc)!important;border-bottom:1px solid rgba(22,199,132,.08)!important;box-shadow:0 2px 12px #16c7840f!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.layout-menu-toggle .nav-link{color:var(--color-ematerai-primary)!important;background:#16c7840d!important;border-radius:8px!important;padding:.5rem!important;transition:all .3s ease!important;border:1px solid rgba(22,199,132,.1)!important}.layout-menu-toggle .nav-link:hover{background:#166cc71a!important;color:var(--color-ematerai-primary)!important;transform:scale(1.05)!important;border-color:#169bc733!important}.navbar-nav .dropdown-user .nav-link{background:var(--ematerai-gradient-secondary)!important;color:#fff!important;border-radius:25px!important;padding:.5rem 1.5rem!important;font-weight:600!important;box-shadow:var(--ematerai-shadow-md)!important;transition:all .3s ease!important;border:2px solid transparent!important}.navbar-nav .dropdown-user .nav-link:hover{background:var(--ematerai-gradient-primary)!important;border-color:var(--ematerai-secondary)!important;transform:translateY(-2px)!important;box-shadow:var(--ematerai-shadow-lg)!important}.dropdown-menu{border:none!important;box-shadow:var(--ematerai-shadow-lg)!important;border-radius:12px!important;padding:.5rem!important;background:#fff!important}.dropdown-menu .dropdown-item{border-radius:8px!important;padding:.75rem 1rem!important;margin:.2rem 0!important;color:var(--ematerai-gray-700)!important;font-weight:500!important;transition:all .3s ease!important}.dropdown-menu .dropdown-item:hover{background:var(--ematerai-gradient-secondary)!important;color:#fff!important;transform:translate(5px)!important}.dropdown-menu .dropdown-item i{color:var(--ematerai-primary)!important;margin-right:.75rem!important}.no-background{background:none!important}.no-box-shadow{box-shadow:none!important}.dropdown-menu .dropdown-item:hover i{color:#fff!important}.content-wrapper{background:linear-gradient(135deg,var(--ematerai-gray-50) 0%,#ffffff 100%)!important;min-height:100vh!important}.content-wrapper h1,.content-wrapper h2,.content-wrapper h3{color:var(--ematerai-primary)!important;font-weight:700!important}.content-wrapper h4,.content-wrapper h5,.content-wrapper h6{color:var(--ematerai-primary)!important;font-weight:600!important}.card-header h5,.card-header h6,.card-header .text-muted{color:var(--color-contentwraper-header)!important;font-weight:600!important}.card{border:none!important;border-radius:16px!important;box-shadow:var(--ematerai-shadow-md)!important;transition:all .3s ease!important;overflow:hidden!important}.card:hover{transform:translateY(-4px)!important;box-shadow:var(--ematerai-shadow-lg)!important}.card-header{background:var(--ematerai-gradient-primary)!important;color:#fff!important;border-bottom:3px solid var(--ematerai-secondary)!important;padding:1.5rem!important;font-weight:600!important}.card-body{padding:2rem!important;background:#fff!important}.btn-primary{background:var(--ematerai-gradient-primary)!important;border:none!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-weight:600!important;box-shadow:var(--ematerai-shadow-md)!important;transition:all .3s ease!important}.btn-primary:hover{background:var(--ematerai-gradient-secondary)!important;transform:translateY(-2px)!important;box-shadow:var(--ematerai-shadow-lg)!important}.btn-success{background:var(--ematerai-gradient-secondary)!important;border:none!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-weight:600!important;box-shadow:var(--ematerai-shadow-md)!important}.btn-warning{background:var(--ematerai-gradient-accent)!important;border:none!important;color:#fff!important;border-radius:8px!important}.form-control{border:1px solid #e2e8f0!important;border-radius:6px!important;padding:.625rem .875rem!important;font-size:.875rem!important;line-height:1.5!important;color:#475569!important;background-color:#fff!important;transition:all .2s ease!important;height:auto!important;min-height:38px!important}.form-control:focus{border-color:#cbd5e1!important;box-shadow:0 0 0 2px #94a3b81a!important;background-color:#fff!important;outline:none!important}.form-control::placeholder{color:#94a3b8!important;font-size:.875rem!important}.input-group .form-control{border-radius:0!important}.input-group .form-control:first-child{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important}.input-group .form-control:last-child{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.input-group .btn{border-radius:0!important;border:1px solid #e2e8f0!important;height:auto!important;min-height:38px!important;padding:.625rem .875rem!important}.input-group .btn:first-child{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important;border-right:none!important}.input-group .btn:last-child{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important;border-left:none!important}.input-group .btn-outline-secondary{background-color:#f8fafc!important;border-color:#e2e8f0!important;color:#64748b!important}.input-group .btn-outline-secondary:hover{background-color:#f1f5f9!important;border-color:#cbd5e1!important;color:#475569!important}.form-label{color:#374151!important;font-weight:500!important;margin-bottom:.375rem!important;font-size:.875rem!important}.table{border-radius:12px!important;overflow:hidden!important;box-shadow:var(--ematerai-shadow-md)!important}.table thead th{background:var(--ematerai-gradient-primary)!important;color:#fff!important;border:none!important;padding:1rem!important;font-weight:600!important}.table tbody tr{transition:all .3s ease!important}.table tbody tr:hover{background:var(--ematerai-gray-50)!important;transform:scale(1.02)!important}.alert{border:none!important;border-radius:12px!important;padding:1rem 1.5rem!important;font-weight:500!important;box-shadow:var(--ematerai-shadow-md)!important}.alert-success{background:linear-gradient(135deg,var(--ematerai-mint) 0%,var(--ematerai-secondary) 100%)!important;color:#fff!important}.alert-warning{background:var(--ematerai-gradient-accent)!important;color:#fff!important}.alert-danger{background:linear-gradient(135deg,var(--ematerai-coral) 0%,#ff5757 100%)!important;color:#fff!important}.alert-info{background:linear-gradient(135deg,var(--ematerai-sky) 0%,var(--ematerai-primary-light) 100%)!important;color:#fff!important}.content-footer{background:linear-gradient(135deg,#f8fafc,#fff)!important;border-top:1px solid rgba(22,199,132,.08)!important;color:#64748b!important;padding:1.5rem!important;font-weight:500!important;box-shadow:0 -2px 12px #16c7840d!important}.breadcrumb{background:#ffffffe6!important;border-radius:25px!important;padding:.5rem 1.5rem!important;box-shadow:var(--ematerai-shadow-sm)!important}.breadcrumb-item.active{color:var(--ematerai-primary)!important;font-weight:600!important}@media (max-width: 768px){.layout-menu{box-shadow:var(--ematerai-shadow-lg)!important}.card{margin-bottom:1rem!important}.card-body{padding:1.5rem!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ematerai-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--ematerai-gradient-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ematerai-gradient-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.card,.table,.alert{animation:fadeInUp .5s ease-out!important}.btn,.card,.form-control,.table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1)!important}*:focus{outline-offset:2px!important}@media (prefers-color-scheme: dark){:root{--ematerai-gray-50: #1a202c;--ematerai-gray-100: #2d3748;--ematerai-gray-200: #4a5568}}.swal2-title{font-size:1.5rem!important}.card-form-input-container{max-width:800px;margin:0 auto}.card-form-input{background:linear-gradient(135deg,#fff,#f8fafc);border:none;border-radius:0 16px;box-shadow:0 8px 32px #0f172a14;overflow:hidden;transition:all .3s ease}.card-form-input:hover{transform:none!important;box-shadow:0 12px 40px #0f172a1f}.card-form-input-header{background:linear-gradient(135deg,var(--ematerai-internal-primary),var(--ematerai-internal-primary-light));color:#fff;border-bottom:none;position:relative;overflow:hidden}.card-form-input-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease}.card-form-input:hover .card-form-input-header:before{animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:rotate(45deg) translate(-100%)}to{transform:rotate(45deg) translate(100%)}}.card-form-input-title{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center}.card-form-input-title i{font-size:2rem;opacity:.9}.card-form-input-subtitle{opacity:.9;font-size:.95rem;margin-top:.5rem;margin-bottom:0}.currency-input{position:relative}.currency-input:before{content:"Rp";position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--ematerai-internal-gray-500);font-weight:600;z-index:2;pointer-events:none}.currency-input .form-control-enhanced{padding-left:3.5rem!important}.form-control.is-invalid,.was-validated .form-control:invalid,.form-select.is-invalid,.was-validated .form-select:invalid,.select2-container.is-invalid .select2-selection{border-color:var(--bs-form-invalid-border-color)!important}.card-form-input-container{max-width:1000px;margin:0 auto;padding:20px}.card-form-input{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.card-form-input-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem;text-align:center}.card-form-input-title{margin:0 .5rem;font-size:1.5rem;font-weight:700}.card-form-input-subtitle{margin:0;opacity:.9;font-size:1rem}.card-form-input-body{padding:2rem}.form-group{margin-bottom:5px;margin-top:5px}.form-label{font-weight:600;color:#495057;margin-bottom:.5rem;font-size:13px;display:block}.form-label.required:after{content:""}.form-control,.form-select{border:1px solid #e1e5e9;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .3s ease}.form-control:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40;outline:none}.form-control.is-invalid,.form-select.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.form-control.is-valid,.form-select.is-valid{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:.875rem;color:#dc3545;font-weight:500}.valid-feedback{display:block;width:100%;margin-top:.25rem;font-size:.875rem;color:#28a745;font-weight:500}.select2-container--default.select2-container--focus .select2-selection--single{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.select2-container.is-invalid+.select2-container .select2-selection--single{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540!important}.select2-container.is-valid+.select2-container .select2-selection--single{border-color:#28a745!important;box-shadow:0 0 0 .2rem #28a74540!important}.currency-input .form-control,.number-format{text-align:left;font-family:Courier New,Consolas,monospace;font-weight:600;letter-spacing:.5px}.form-control-enhanced{transition:all .3s ease}.form-control-enhanced:focus{transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.form-control-enhanced.is-invalid:focus{transform:translateY(-1px);box-shadow:0 4px 12px #dc354526}.numeric-only:focus{background-color:#f8f9ff}.numeric-only.is-invalid:focus{background-color:#fff5f5}.bank-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem;margin-top:1rem}.bank-info h6{margin-bottom:.75rem;color:#495057;font-weight:600}.bank-info .fw-medium{font-weight:500}.bank-info .text-muted{font-size:.875rem;color:#6c757d}.bank-info .text-success{color:#28a745!important}.file-preview-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.file-preview-image{max-width:100%;max-height:100%;object-fit:cover;border-radius:4px}.file-preview-pdf{display:flex;align-items:center;justify-content:center}.file-info{flex:1}.file-info .fw-medium{font-weight:500;font-size:.875rem;color:#495057}.file-info .small{font-size:.75rem}.card-form-input-body h5{font-weight:600;color:#495057;margin-bottom:1rem}.card-form-input-body h6{font-weight:600;color:#495057;margin-bottom:.75rem}.text-danger{color:#dc3545;font-weight:600}.btn{border-radius:6px;font-weight:600;padding:8px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d;color:#fff}.btn-primary:disabled{background:#6c757d;opacity:.65;transform:none}.btn-secondary{background:#6c757d;border:none;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.btn-outline-danger{border-color:#dc3545;color:#dc3545}.btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.loading-spinner{display:none;margin:0 10px;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner-rotate .6s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.fade-in-up{animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.input-group-text{background-color:#f8f9fa;border:1px solid #e1e5e9;color:#6c757d}.input-group .form-control:focus~.input-group-text{border-color:#667eea}.text-muted{color:#6c757d;font-size:.875rem}.form-text{margin-top:.25rem}@media (max-width: 768px){.card-form-input-container{padding:10px}.card-form-input-header{padding:1.5rem}.card-form-input-title{font-size:1.5rem}.card-form-input-body{padding:1rem}.currency-input .form-control,.number-format{text-align:left}.btn{width:100%;margin-bottom:.5rem}}.alert-custom{border-radius:8px;border:none;padding:15px 20px}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.fv-plugins-bootstrap5-row-invalid .select2-container .select2-selection{border-color:var(--bs-form-invalid-border-color)!important}form.was-validated .form-control:not(.input-group .form-control):invalid,form.was-validated .form-control:not(.input-group .form-control):valid,form .form-control:not(.input-group .form-control).is-invalid,form .form-control:not(.input-group .form-control).is-valid,form.was-validated .form-select:not(.input-group .form-select):invalid,form.was-validated .form-select:not(.input-group .form-select):valid,form .form-select:not(.input-group .form-select).is-invalid,form .form-select:not(.input-group .form-select).is-valid{border-width:1px!important}