:root{--bg-primary: #f8fafc;--bg-card: #ffffff;--bg-navbar: rgba(255, 255, 255, .85);--bg-sidebar: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-heading: #1e293b;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--brand-primary: #2563eb;--brand-primary-hover: #1d4ed8;--brand-header-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 25px rgba(15, 23, 42, .08);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--table-th-bg: #f8fafc;--table-hover-bg: #f1f5f9;--table-stripe-bg: #fafafa;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}[data-bs-theme=dark]{--bg-primary: #0b0f19;--bg-card: #151c2c;--bg-navbar: rgba(21, 28, 44, .85);--bg-sidebar: #151c2c;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-heading: #f8fafc;--border-color: #242f47;--border-subtle: #1e293b;--brand-primary: #3b82f6;--brand-primary-hover: #60a5fa;--brand-header-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--table-th-bg: #1e293b;--table-hover-bg: #1e293b;--table-stripe-bg: #182235}body{background-color:var(--bg-primary)!important;color:var(--text-main)!important;font-family:Public Sans,system-ui,-apple-system,sans-serif!important;transition:background-color var(--transition-smooth),color var(--transition-smooth)}.app-header{background:var(--brand-header-bg)!important;color:#fff!important;padding:20px 24px!important;border-radius:var(--radius-md)!important;margin-bottom:24px!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:var(--shadow-md)!important}.app-header-title{color:#fff!important;font-size:1.3rem;font-weight:700;margin:0}.app-header-subtitle{color:#ffffffd9!important;font-size:.875rem}.app-header-actions .btn,.app-header .btn{background-color:#fff!important;color:#0f172a!important;font-weight:600!important;border:1px solid #ffffff!important;box-shadow:0 2px 6px #00000026!important;opacity:1!important;visibility:visible!important}.app-header-actions .btn:hover,.app-header .btn:hover{background-color:#f1f5f9!important;color:#020617!important;transform:translateY(-1px)}.app-header-actions .btn-outline-light{background-color:#ffffff26!important;color:#fff!important;border-color:#fff6!important}.app-header-actions .btn-outline-light:hover{background-color:#ffffff40!important;border-color:#fff!important}.card{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-md)!important;border-radius:var(--radius-md)!important;overflow:hidden;transition:box-shadow var(--transition-fast)}.table-responsive{border-radius:0 0 var(--radius-md) var(--radius-md);overflow-x:auto}.table{color:var(--text-main)!important;margin-bottom:0!important;border-collapse:separate!important;border-spacing:0!important;width:100%!important}.table th{background-color:var(--table-th-bg)!important;color:var(--text-heading)!important;font-weight:700!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:14px 16px!important;border-bottom:2px solid var(--border-color)!important;border-top:none!important;white-space:nowrap;vertical-align:middle!important}.table td{padding:12px 16px!important;border-bottom:1px solid var(--border-subtle)!important;vertical-align:middle!important;font-size:.875rem!important;transition:background-color var(--transition-fast)}.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:var(--table-stripe-bg)!important}.table tbody tr:hover td{background-color:var(--table-hover-bg)!important}.table-tnps-freeze tbody tr:hover td{background-color:inherit!important}.table-tnps-freeze tbody tr:hover td[style*=background]{color:#fff!important}.table .btn-sm,.table .btn-group .btn{padding:6px 10px!important;font-size:.75rem!important;border-radius:var(--radius-sm)!important;box-shadow:none!important}.table .btn-primary,.table .btn-warning,.table .btn-danger,.table .btn-info{border:none!important}.form-control,.form-select{background-color:var(--bg-card)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;padding:8px 12px!important}.form-control:focus,.form-select:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px #2563eb26!important}.table td,.table td span,.table td div,.table td small{color:#f1f5f9!important}.table td .text-muted{color:#94a3b8!important}.jenis-tabs{display:inline-flex;gap:.35rem;background:var(--border-subtle);padding:.3rem;border-radius:.625rem;border:1px solid var(--border-color)}.jenis-tabs a{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;border-radius:.5rem;color:var(--text-muted);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.jenis-tabs a:hover{color:#a83232;background-color:#a832321a;transform:translateY(-1px)}.jenis-tabs a.active{background-color:#a83232!important;color:#fff!important;box-shadow:0 4px 12px #a8323259}.jenis-tabs a .badge{background-color:#fff3!important;color:inherit!important}.dropdown-menu,.select2-dropdown,select.form-select option{background-color:#151c2c!important;color:#f1f5f9!important}.form-select{background-color:#1e293b!important;color:#f1f5f9!important;border-color:#334155!important}.form-select option{background-color:#1e293b!important;color:#f1f5f9!important}.table td,.table th{padding:6px 8px!important;font-size:.75rem!important}.avatar-initial,.card .bx,.card .bxs,.card i[class*=bx]{color:inherit!important}img.rounded-circle,img[class*=avatar],.avatar img{border:2px solid rgba(255,255,255,.15)}.card .avatar-initial{background-color:#ffffff1a!important}.theme-toggle-btn{display:none!important}.table-tnps-freeze td,.table-tnps-freeze th{padding:4px 6px!important;font-size:.7rem!important;white-space:nowrap}tr[style*="background:rgba(99,202,183"] td{color:#f1f5f9!important}tr[style*="background:rgba(99,202,183"] .badge.bg-warning{background-color:#63cab7!important;color:#0f172a!important}.layout-navbar{background-color:var(--bg-navbar)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-bottom:1px solid var(--border-color)!important}.layout-menu{background-color:var(--bg-sidebar)!important;border-right:1px solid var(--border-color)!important}.bg-label-primary,.badge.bg-label-primary{background-color:#2563eb1f!important;color:#2563eb!important}.btn-primary,.page-item.active .page-link{background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.btn-primary:hover,.btn-primary:focus{background-color:#1d4ed8!important;border-color:#1d4ed8!important}.btn-outline-primary{color:#2563eb!important;border-color:#2563eb!important}.btn-outline-primary:hover,.btn-outline-primary.active{background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.text-primary{color:#2563eb!important}.menu-item.active>.menu-link{color:#2563eb!important}.menu-sub .menu-item.active>.menu-link{background:#2563eb1f!important;color:#2563eb!important}.menu-sub .menu-item.active>.menu-link:before{background:#2563eb!important}.app-swal{border-radius:14px!important;padding:1.5rem 1.25rem!important;font-family:Public Sans,sans-serif!important}.app-swal .swal2-title{font-size:1rem!important;font-weight:700!important;color:var(--text-heading)!important}.app-swal .swal2-html-container{font-size:.9rem!important;color:var(--text-muted)!important}.app-swal .swal2-actions{gap:8px!important}.app-swal .swal2-timer-progress-bar{background:var(--brand-primary)!important}[data-bs-theme=dark] .card,[data-bs-theme=dark] .card-header,[data-bs-theme=dark] .card-body,[data-bs-theme=dark] .card-footer{background-color:var(--bg-card)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}[data-bs-theme=dark] .table,[data-bs-theme=dark] .table th,[data-bs-theme=dark] .table td{color:var(--text-main)!important;border-color:var(--border-color)!important}[data-bs-theme=dark] .table th{background-color:var(--table-th-bg)!important;color:var(--text-heading)!important}[data-bs-theme=dark] .table-dark,[data-bs-theme=dark] .table-dark th{background-color:#1e293b!important;color:#f1f5f9!important}[data-bs-theme=dark] .modal-content{background-color:var(--bg-card)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}[data-bs-theme=dark] .dropdown-menu{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}[data-bs-theme=dark] .dropdown-item{color:var(--text-main)!important}[data-bs-theme=dark] .dropdown-item:hover{background-color:var(--border-subtle)!important}[data-bs-theme=dark] .form-label,[data-bs-theme=dark] label{color:var(--text-main)!important}[data-bs-theme=dark] .text-muted{color:var(--text-muted)!important}[data-bs-theme=dark] .text-body,[data-bs-theme=dark] .text-heading,[data-bs-theme=dark] h1,[data-bs-theme=dark] h2,[data-bs-theme=dark] h3,[data-bs-theme=dark] h4,[data-bs-theme=dark] h5,[data-bs-theme=dark] h6,[data-bs-theme=dark] p,[data-bs-theme=dark] .alert{color:var(--text-main)!important}[data-bs-theme=dark] .input-group-text{background-color:var(--border-subtle)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}[data-bs-theme=dark] .badge.bg-label-success{background-color:#28c76f26!important;color:#28c76f!important}[data-bs-theme=dark] .badge.bg-label-warning{background-color:#ff9f4326!important;color:#ff9f43!important}[data-bs-theme=dark] .badge.bg-label-danger{background-color:#ea545526!important;color:#ea5455!important}[data-bs-theme=dark] .badge.bg-label-info{background-color:#00cfe826!important;color:#00cfe8!important}[data-bs-theme=dark] .badge.bg-label-secondary{background-color:#8592a326!important;color:#8592a3!important}[data-bs-theme=dark] .avatar-initial{color:inherit!important}[data-bs-theme=dark] .layout-menu .menu-link{color:var(--text-muted)!important}[data-bs-theme=dark] .layout-menu .menu-item.active>.menu-link,[data-bs-theme=dark] .layout-menu .menu-link:hover{color:var(--text-main)!important}[data-bs-theme=dark] .layout-menu .menu-header{color:var(--text-muted)!important}[data-bs-theme=dark] .layout-menu .app-brand-text{color:var(--text-heading)!important}[data-bs-theme=dark] .bg-navbar-theme{background-color:var(--bg-navbar)!important}[data-bs-theme=dark] .navbar-nav .nav-link{color:var(--text-main)!important}[data-bs-theme=dark] .page-link{background-color:var(--bg-card)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}[data-bs-theme=dark] .page-item.active .page-link{background-color:var(--brand-primary)!important;border-color:var(--brand-primary)!important;color:#fff!important}[data-bs-theme=dark] .swal2-popup{background-color:var(--bg-card)!important;color:var(--text-main)!important}[data-bs-theme=dark] .btn-close{filter:invert(1)!important}[data-bs-theme=dark] .table-tnps-freeze .sticky-col{background:var(--bg-card)!important}[data-bs-theme=dark] .mini-stat{background:var(--border-subtle)!important}[data-bs-theme=dark] .stock-card{background:linear-gradient(135deg,#1e3a5f,#2563eb)!important}[data-bs-theme=dark] .jenis-tabs a{background:var(--border-subtle)!important;color:var(--text-muted)!important}[data-bs-theme=dark] .jenis-tabs a:hover{background:var(--border-color)!important;color:var(--text-main)!important}