@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap');
#sysAuthUser, #sysAuthPass {text-align:left!important; padding-left:15px!important; text-transform:lowercase!important;}
:root {--bg-dark-core:#0b0f19; --panel-dark:#0f172a; --neon-sky:#0ea5e9; --neon-emerald:#10b981; --neon-rose:#f43f5e; --neon-amber:#f59e0b; --glass-border:rgba(255,255,255,0.08);}
body {background-color:#f1f5f9; font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif; overflow-x:hidden; color:#334155; padding:0; margin:0;}
.pagination-cyber-btn {min-width:36px; height:34px; border:1px solid #cbd5e1; background:#ffffff; color:#0f172a; border-radius:9px; font-size:0.82rem; font-weight:800; transition:all 0.2s ease;}
.pagination-cyber-btn:hover {background:#e0f2fe; border-color:#0ea5e9; color:#0369a1;}
.pagination-cyber-btn.active {background:#0f172a; border-color:#0f172a; color:#ffffff;}
.pagination-cyber-btn:disabled {opacity:0.45; cursor:not-allowed;}
.btn-cyber-add {background:linear-gradient(135deg,#0ea5e9,#2563eb)!important; color:#ffffff!important; font-family:'Space Grotesk',sans-serif; font-size:0.85rem!important; font-weight:700!important; border:none!important; border-radius:10px!important; padding:0 16px!important; height:38px!important; box-shadow:0 4px 10px rgba(14,165,233,0.25); transition:all 0.2s ease;}
.btn-cyber-add:hover {background:linear-gradient(135deg,#0284c7,#1d4ed8)!important; box-shadow:0 6px 16px rgba(14,165,233,0.45); transform:translateY(-1px);}
.btn-cyber-add-out {background:linear-gradient(135deg,#f97316,#ea580c)!important; color:#ffffff!important; font-family:'Space Grotesk',sans-serif; font-size:0.85rem!important; font-weight:700!important; border:none!important; border-radius:10px!important; padding:0 16px!important; height:38px!important; box-shadow:0 4px 10px rgba(234,88,12,0.25); transition:all 0.2s ease;}
.btn-cyber-add-out:hover {background:linear-gradient(135deg,#ea580c,#c2410c)!important; box-shadow:0 6px 16px rgba(234,88,12,0.45); transform:translateY(-1px);}
.cyber-date-wrapper {position:relative; display:inline-flex; align-items:center; background:#ffffff; border:1px solid #cbd5e1; border-radius:10px; height:38px; width:175px; padding:0 8px; transition:all 0.25s cubic-bezier(0.4,0,0.2,1); overflow:hidden;}
.cyber-date-wrapper:hover {border-color:#0ea5e9; box-shadow:0 2px 8px rgba(14,165,233,0.15);}
.cyber-date-wrapper:focus-within {border-color:#0ea5e9; box-shadow:0 0 0 3px rgba(14,165,233,0.2);}
.cyber-date-label {font-family:'Space Grotesk',sans-serif; font-size:0.68rem; font-weight:800; color:#64748b; letter-spacing:0.5px; text-transform:uppercase; margin-right:6px; user-select:none; white-space:nowrap; display:flex; align-items:center;}
.cyber-date-picker {background:transparent!important; border:none!important; color:#1e293b!important; font-weight:700!important; font-size:0.82rem!important; width:100%!important; height:100%!important; padding:0!important; cursor:pointer;}
.cyber-date-picker:focus {outline:none!important;}
.cyber-date-picker::-webkit-calendar-picker-indicator {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:2;}
.btn-export-excel-gradient {background:linear-gradient(135deg,#107c41,#1f9a55)!important; color:#ffffff!important; font-family:'Space Grotesk',sans-serif; font-size:0.82rem!important; font-weight:700!important; border:none!important; border-radius:10px!important; padding:8px 16px!important; height:38px; box-shadow:0 4px 10px rgba(16,124,65,0.25); transition:all 0.25s ease;}
.btn-export-excel-gradient:hover {background:linear-gradient(135deg,#0e6c38,#178246)!important; box-shadow:0 6px 16px rgba(16,124,65,0.45); transform:translateY(-1px);}
.btn-export-pdf-gradient {background:linear-gradient(135deg,#dc2626,#ef4444)!important; color:#ffffff!important; font-family:'Space Grotesk',sans-serif; font-size:0.82rem!important; font-weight:700!important; border:none!important; border-radius:10px!important; padding:8px 16px!important; height:38px; box-shadow:0 4px 10px rgba(220,38,38,0.25); transition:all 0.25s ease;}
.btn-export-pdf-gradient:hover {background:linear-gradient(135deg,#b91c1c,#dc2626)!important; box-shadow:0 6px 16px rgba(220,38,38,0.45); transform:translateY(-1px);}
.btn-cyber-add, .btn-cyber-add-out {height:38px!important; border-radius:10px!important;}
.glass-loader-overlay {top:0; left:0; width:100%; height:100%;}
.loader-card-box {padding:35px 45px; text-align:center; max-width:400px; width:90%;}
@keyframes quickSpin{to{transform:rotate(360deg)}}
.login-universe {min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}
.login-card-vault {width:100%; z-index:10;}
@keyframes loginFloat{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}}
.btn-cyber-ignite {animation:buttonPulse 3.2s ease-in-out infinite;}
@keyframes buttonPulse{0%,100%{box-shadow:0 12px 26px rgba(14,165,233,0.18)}50%{box-shadow:0 18px 34px rgba(14,165,233,0.26)}}
.login-cyber-input {color:#ffffff!important; transition:all 0.3s ease; text-align:center; font-weight:bold; padding:12px!important;}
.login-cyber-input:focus {border-color:var(--neon-sky)!important; box-shadow:0 0 15px rgba(14,165,233,0.3)!important;}
.btn-cyber-ignite {color:white; border:none; padding:14px; font-weight:700; transition:all 0.25s ease;}
.btn-cyber-ignite:hover {transform:translateY(-2px); box-shadow:0 12px 25px rgba(14,165,233,0.5);}
#sidebarMainContainer {min-height:100vh; position:fixed; top:0; bottom:0; z-index:100; box-shadow:5px 0 25px rgba(0,0,0,0.4); display:flex; flex-direction:column;}
#sidebarMainContainer .nav-link {color:#94a3b8; font-weight:600; display:flex; align-items:center; transition:all 0.2s ease; border-left:4px solid transparent;}
#sidebarMainContainer .nav-link:hover, #sidebarMainContainer .nav-link.active {background:rgba(14,165,233,0.1); color:#38bdf8; border-left-color:var(--neon-sky);}
.app-workspace-fluid {min-height:100vh; box-sizing:border-box;}
@media(max-width:1140px) {
#sidebarMainContainer {width:100%;position:relative;min-height:auto;padding:15px}
.app-workspace-fluid {margin-left:0;width:100%;padding:15px}
}
.premium-workspace-header {background:#ffffff; border-radius:16px; border:1px solid #e2e8f0; box-shadow:0 4px 20px rgba(15,23,42,0.02); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;}
.header-user-badge {display:flex; align-items:center; gap:8px; background:#0f172a; color:white; padding:8px 16px; border-radius:10px; font-weight:600; font-size:0.85rem;}
.btn-header-logout {background:var(--neon-rose); color:white; border:none; padding:8px 18px; border-radius:10px; font-weight:700; font-size:0.85rem; transition:all 0.2s ease; display:inline-flex; align-items:center; gap:6px;}
.btn-header-logout:hover {background:#e11d48;}
.quick-input-field {border-radius:10px!important; border:1px solid #cbd5e1; padding:9px 12px; font-size:0.9rem; font-weight:500;}
.quick-input-field:focus {box-shadow:0 0 0 3px rgba(14,165,233,0.15); border-color:var(--neon-sky);}
.form-label-premium {font-size:0.8rem; margin-bottom:6px; text-transform:uppercase;}
.table-responsive-wrapper {margin-bottom:15px;}
.table {margin:0!important;}
.table th {background-color:#0f172a!important; font-weight:700; text-transform:uppercase; border:none; vertical-align:middle;}
.table td {color:#334155; font-weight:600; vertical-align:middle;}
.table tbody tr:hover {background-color:#f8fafc;}
.table tfoot td {background-color:#0f172a!important; padding:14px 16px!important; border-top:2px solid #334155!important;}
.nobrk {white-space:nowrap!important;}
.hidden {display:none!important;}
.badge-critical-pulse {background:var(--neon-rose); color:white; font-size:0.72rem; padding:4px 9px; border-radius:20px; font-weight:800; animation:pulseAlert 1.8s infinite;}
@keyframes pulseAlert{0%{box-shadow:0 0 0 0 rgba(244,63,94,0.6)}70%{box-shadow:0 0 0 6px rgba(244,63,94,0)}100%{box-shadow:0 0 0 0 rgba(244,63,94,0)}}
.search-magnifier-box {border-radius:10px; border:1px solid #cbd5e1; padding:9px 12px 9px 40px; font-size:0.9rem; transition:all 0.25s ease; width:100%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:14px center; background-size:16px; font-weight:500;}
.search-magnifier-box:focus {outline:none; border-color:var(--neon-sky); box-shadow:0 0 0 3px rgba(14,165,233,0.12);}
.quick-action-btn {width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; border:1px solid rgba(148,163,184,0.45); color:#0f172a; background:#ffffff; transition:all 0.2s ease; font-size:0.95rem;}
.quick-action-btn:hover {background:#eef2ff; border-color:rgba(14,165,233,0.35); transform:translateY(-1px);}
.stream-log-item {padding:10px 14px; border-radius:12px; margin-bottom:8px; background:#f8fafc; border-left:4px solid #cbd5e1; font-size:0.85rem;}
.login-universe::before, .login-universe::after {content:""; position:absolute; inset:-40%; pointer-events:none;}
.login-universe::before {background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px); background-size:44px 44px; transform:perspective(700px) rotateX(58deg) translateY(-12%); animation:premiumGridMove 18s linear infinite;}
.login-universe::after {background:linear-gradient(115deg,transparent 0%,rgba(56,189,248,.16) 45%,transparent 58%); animation:loginShineSweep 5.5s ease-in-out infinite;}
@keyframes premiumGridMove{to{background-position:0 88px,88px 0}}
@keyframes loginShineSweep{0%,100%{transform:translateX(-45%) rotate(0deg);opacity:.18}50%{transform:translateX(42%) rotate(0deg);opacity:.42}}
.login-card-vault {position:relative; overflow:hidden; border-radius:28px!important;}
.login-card-vault::before {content:""; position:absolute; top:0; left:18px; right:18px; height:3px; border-radius:999px; background:linear-gradient(90deg,transparent,#38bdf8,#22c55e,transparent); animation:neonLinePulse 2.8s ease-in-out infinite;}
.login-card-vault::after {content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 0%,rgba(14,165,233,.16),transparent 34%),linear-gradient(125deg,transparent,rgba(255,255,255,.035),transparent); pointer-events:none;}
@keyframes neonLinePulse{50%{filter:drop-shadow(0 0 12px rgba(56,189,248,.9));opacity:.65}}
@keyframes logoOrbitPulse{0%,100%{transform:scale(.94);opacity:.25}50%{transform:scale(1.08);opacity:.7}}
.login-cyber-input {height:48px!important; font-size:.95rem!important; letter-spacing:.2px!important; border-radius:14px!important; background:rgba(15,23,42,.86)!important; border:1px solid rgba(148,163,184,.28)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
.login-cyber-input::placeholder {color:rgba(226,232,240,.45)!important; font-weight:600;}
.input-group:focus-within .input-group-text {border-color:rgba(56,189,248,.72)!important; color:#7dd3fc!important; box-shadow:0 0 18px rgba(14,165,233,.18);}
.btn-cyber-ignite {position:relative; overflow:hidden; border-radius:14px!important; background:linear-gradient(135deg,#0284c7,#2563eb 48%,#10b981)!important;}
.btn-cyber-ignite::before {content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.32) 50%,transparent 100%); transform:translateX(-120%); transition:transform .6s ease;}
.btn-cyber-ignite:hover::before {transform:translateX(120%);}
#sidebarMainContainer .nav-link {position:relative; overflow:hidden; border:1px solid transparent;}
#sidebarMainContainer .nav-link::after {content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(56,189,248,.10),transparent); transform:translateX(-120%); transition:transform .45s ease;}
#sidebarMainContainer .nav-link:hover::after, #sidebarMainContainer .nav-link.active::after {transform:translateX(120%);}
#sidebarMainContainer .nav-link.active {background:linear-gradient(90deg,rgba(14,165,233,.18),rgba(14,165,233,.055))!important; border-color:rgba(56,189,248,.16); box-shadow:inset 0 0 0 1px rgba(56,189,248,.06),0 10px 22px rgba(14,165,233,.08);}
.action-tab:not(.hidden) {animation:tabSoftIn .28s ease both;}
@keyframes tabSoftIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.table-responsive-wrapper {overflow:auto!important;}
.table {border-collapse:separate!important; border-spacing:0!important;}
.table th {position:sticky; top:0; z-index:1; background:linear-gradient(180deg,#0f172a,#111827)!important; color:#e0f2fe!important;}
.table th:first-child {border-top-left-radius:12px;}
.table th:last-child {border-top-right-radius:12px;}
.table td {border-bottom:1px solid #edf2f7!important; background-clip:padding-box;}
.table tbody tr:nth-child(even) td {background-color:#fbfdff;}
.table .badge, .status-pill {white-space:nowrap;}
.status-pill {display:inline-flex; align-items:center; justify-content:center; gap:6px; font-weight:900; letter-spacing:.35px; text-transform:uppercase; border:1px solid transparent; position:relative; overflow:hidden;}
.status-pill::before {content:""; width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 0 currentColor; animation:dotBreath 1.6s ease-in-out infinite;}
.status-pill::after {content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.45) 48%,transparent 70%); transform:translateX(-120%); animation:badgeSweep 3.1s ease-in-out infinite;}
@keyframes dotBreath{50%{transform:scale(1.35);filter:drop-shadow(0 0 7px currentColor)}}
@keyframes badgeSweep{0%,44%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
.status-safe {color:#047857; background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(34,197,94,.08)); border-color:rgba(16,185,129,.28); box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 8px 18px rgba(16,185,129,.11);}
.status-warning {color:#b45309; background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(251,191,36,.10)); border-color:rgba(245,158,11,.34); box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 8px 18px rgba(245,158,11,.14);}
.status-empty {color:#be123c; background:linear-gradient(135deg,rgba(244,63,94,.18),rgba(239,68,68,.08)); border-color:rgba(244,63,94,.34); animation:dangerBadgePulse 1.55s ease-in-out infinite; box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 8px 18px rgba(244,63,94,.14);}
@keyframes dangerBadgePulse{50%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 0 5px rgba(244,63,94,.10),0 12px 28px rgba(244,63,94,.18)}}
.table-code-chip {display:inline-flex; align-items:center; background:#e0f2fe; color:#0369a1; font-weight:900; border:1px solid rgba(14,165,233,.16);}
.qty-chip {display:inline-flex; min-width:44px; justify-content:center; background:#eef2ff; color:#3730a3; font-weight:900;}
.quick-action-btn, .btn-cyber-add, .btn-cyber-add-out, .btn-export-excel-gradient, .btn-export-pdf-gradient {position:relative; overflow:hidden;}
.quick-action-btn:hover, .btn-cyber-add:hover, .btn-cyber-add-out:hover, .btn-export-excel-gradient:hover, .btn-export-pdf-gradient:hover {transform:translateY(-2px)!important;}
@media (max-width:768px) {
.login-card-vault {margin:16px;padding:34px 24px!important}
.table th, .table td {font-size:.76rem!important;padding:9px 8px!important}
.status-pill {min-width:92px;padding:6px 9px;font-size:.66rem}
}
.login-universe {isolation:isolate;}
@keyframes loginCoreFloat{0%,100%{transform:translate3d(-28px,-12px,0) scale(.96)}50%{transform:translate3d(36px,22px,0) scale(1.05)}}
@keyframes loginCardArrive{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.login-card-vault .input-group {border-radius:16px; padding:4px; transition:.22s ease;}
.login-card-vault .input-group:focus-within {border-color:rgba(56,189,248,.52); box-shadow:0 0 0 4px rgba(14,165,233,.12),0 16px 36px rgba(14,165,233,.10);}
.login-card-vault .input-group-text {border:none!important; border-radius:12px!important;}
.login-card-vault .login-cyber-input {border:none!important; box-shadow:none!important; padding-left:12px!important;}
.btn-cyber-ignite {min-height:48px; font-size:.93rem!important; letter-spacing:.55px!important; box-shadow:0 14px 30px rgba(14,165,233,.28),inset 0 1px 0 rgba(255,255,255,.20)!important;}
.btn-cyber-ignite:active {transform:translateY(0) scale(.99)!important;}
.modal-header {border-bottom:1px solid rgba(255,255,255,.08)!important;}
.quick-input-field, .form-control, .form-select, .search-magnifier-box, .cyber-date-wrapper {transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease!important;}
.quick-input-field, .modal .form-control, .modal .form-select {border-radius:13px!important; border:1px solid #d6e0ec!important; background:linear-gradient(180deg,#ffffff,#fbfdff)!important; min-height:42px;}
.quick-input-field:hover, .modal .form-control:hover, .modal .form-select:hover {border-color:rgba(14,165,233,.42)!important;}
.quick-input-field:focus, .modal .form-control:focus, .modal .form-select:focus {border-color:#0ea5e9!important; box-shadow:0 0 0 4px rgba(14,165,233,.12),0 8px 20px rgba(14,165,233,.08)!important; transform:translateY(-1px);}
.form-label-premium {letter-spacing:.65px!important;}
.premium-glass-card:has(.quick-input-field:focus) {box-shadow:0 18px 44px rgba(14,165,233,.08)!important;}
.btn-success, .btn-danger, .btn-primary, .btn-dark, .btn-light {border-radius:12px!important;}
.btn-success:not(.btn-sm), .btn-danger:not(.btn-sm), .btn-primary:not(.btn-sm) {box-shadow:0 10px 22px rgba(15,23,42,.12);}
.swal2-popup.premium-swal-popup {border-radius:24px!important; border:1px solid rgba(125,211,252,.18)!important; background:linear-gradient(180deg,#0f172a,#020617)!important; color:#f8fafc!important; box-shadow:0 35px 90px rgba(2,6,23,.55),inset 0 1px 0 rgba(255,255,255,.08)!important; overflow:hidden;}
.swal2-popup.premium-swal-popup::before {content:""; position:absolute; top:0; left:24px; right:24px; height:3px; background:linear-gradient(90deg,transparent,#38bdf8,#22c55e,transparent); border-radius:999px;}
.delete-detail-card {text-align:left; padding:14px;}
.delete-detail-card .danger-note {color:#fecdd3; padding:10px 12px; font-weight:800; margin-bottom:12px;}
.delete-grid {display:grid; grid-template-columns:120px 1fr; gap:8px 10px; font-size:.86rem;}
.delete-grid b {color:#93c5fd;}
.delete-grid span {color:#f8fafc; font-weight:800; word-break:break-word;}
#tab-manajemenUser .premium-glass-card {background:radial-gradient(circle at top right,rgba(14,165,233,.08),transparent 34%),#ffffff!important;}
.user-loading-skeleton {display:flex; align-items:center; justify-content:center; gap:10px; padding:18px; color:#64748b; font-weight:900;}
.user-loading-skeleton::before {content:""; width:14px; height:14px; border-radius:50%; border:3px solid rgba(14,165,233,.18); border-top-color:#0ea5e9; animation:quickSpin .55s linear infinite;}
.user-chip-role-admin, .user-chip-role-user, .user-chip-active {display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:7px 12px; font-size:.72rem; font-weight:900; letter-spacing:.35px; text-transform:uppercase;}
.user-chip-role-admin {background:rgba(14,165,233,.12); color:#0369a1; border:1px solid rgba(14,165,233,.22);}
.user-chip-role-user {background:rgba(100,116,139,.10); color:#475569; border:1px solid rgba(100,116,139,.18);}
.user-chip-active {background:rgba(16,185,129,.12); color:#047857; border:1px solid rgba(16,185,129,.24);}
.btn-user-delete-premium {border:1px solid rgba(244,63,94,.26)!important; color:#be123c!important; background:linear-gradient(135deg,rgba(244,63,94,.10),rgba(244,63,94,.04))!important; border-radius:11px!important; font-weight:900!important; padding:7px 12px!important;}
.btn-user-delete-premium:hover {background:#be123c!important; color:#fff!important; transform:translateY(-1px); box-shadow:0 10px 22px rgba(244,63,94,.20);}
@media(max-width:560px) {
.delete-grid {grid-template-columns:1fr}
}
.login-universe::before, .login-universe::after {opacity:.22!important; animation-duration:14s!important;}
.login-card-vault {animation:lightLoginFloat 5.5s ease-in-out infinite!important;}
@keyframes lightLoginFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.login-card-vault .login-cyber-input::placeholder {color:#94a3b8!important;}
.action-tab:not(.hidden)>* {animation:tabItemRise .36s cubic-bezier(.2,.8,.2,1) both;}
.action-tab:not(.hidden)>*:nth-child(2) {animation-delay:.035s;}
.action-tab:not(.hidden)>*:nth-child(3) {animation-delay:.07s;}
@keyframes tabItemRise{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
#paneLoginGateway, #paneLoginGateway *, .login-universe, .login-universe::before, .login-universe::after, .login-card-vault, .login-card-vault::before, .login-card-vault::after, .btn-cyber-ignite, .btn-cyber-ignite::before {animation:none!important; transition:none!important;}
.login-universe::before, .login-universe::after {display:none!important;}
.login-universe {background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 48%,#f1f5f9 100%)!important;}
.login-card-vault {transform:none!important; max-width:405px!important; padding:30px 28px!important; background:#ffffff!important; border:1px solid #dbeafe!important; box-shadow:0 14px 34px rgba(15,23,42,.12)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;}
.login-card-vault .text-white-50, .login-card-vault label {color:#475569!important;}
.login-card-vault .input-group {background:#ffffff!important; border:1px solid #dbeafe!important; box-shadow:none!important;}
.login-card-vault .input-group-text {background:#eff6ff!important; color:#0369a1!important;}
.login-card-vault .login-cyber-input {color:#0f172a!important; background:transparent!important;}
.btn-edit-out {display:inline-flex!important; visibility:visible!important; opacity:1!important; color:#b45309!important; background:#fffbeb!important; border-color:rgba(245,158,11,.42)!important;}
.btn-edit-out:hover {background:#f59e0b!important; color:#fff!important;}
.btn-delete-out {color:#be123c!important; background:#fff1f2!important; border-color:rgba(244,63,94,.36)!important;}
.btn-delete-out:hover {background:#e11d48!important; color:#fff!important;}
#paneLoginGateway, #paneLoginGateway *, .login-clean-v2, .login-clean-v2::before, .login-clean-v2::after, .login-clean-card, .login-clean-card::before, .login-clean-card::after {animation:none!important; transition:none!important;}
.login-clean-v2::before, .login-clean-v2::after {display:none!important;}
.login-clean-v2 {min-height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:18px!important; background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 52%,#ecfeff 100%)!important; overflow:hidden!important;}
.login-clean-head {margin-bottom:24px;}
.login-clean-title {line-height:1;}
.login-clean-subtitle {margin-top:8px;}
.login-clean-input {padding:0!important;}
.btn-edit-in, .btn-edit-out {display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; min-width:74px!important; height:34px!important; padding:0 10px!important; border-radius:10px!important; font-size:.76rem!important; font-weight:900!important; color:#92400e!important; background:#fffbeb!important; border:1px solid rgba(245,158,11,.45)!important; visibility:visible!important; opacity:1!important;}
.btn-edit-in:hover, .btn-edit-out:hover {background:#f59e0b!important; color:#ffffff!important;}
.btn-delete-in, .btn-delete-out {display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; min-width:74px!important; height:34px!important; padding:0 10px!important; border-radius:10px!important; font-size:.76rem!important; font-weight:900!important; color:#be123c!important; background:#fff1f2!important; border:1px solid rgba(244,63,94,.36)!important;}
.btn-delete-in:hover, .btn-delete-out:hover {background:#e11d48!important; color:#ffffff!important;}
#paneLoginGateway.hidden, #paneMainApplication.hidden, .hidden {display:none!important;}
#paneLoginGateway.login-force-hide {visibility:hidden!important; opacity:0!important; pointer-events:none!important; height:0!important; min-height:0!important; overflow:hidden!important;}
#paneMainApplication.login-force-show {visibility:visible!important; opacity:1!important;}
.table-responsive-wrapper {width:100%!important;}
.table th, .table td {padding:8px 5px!important;}
.table .nobrk, .nobrk {white-space:normal!important;}
.table-code-chip, .qty-chip, .status-pill, .table .badge {max-width:100%!important; white-space:normal!important; word-break:break-word!important; line-height:1.15!important;}
.table .aksi-wrap-final {display:flex!important; flex-wrap:wrap!important; justify-content:center!important; gap:4px!important;}
.search-magnifier-box {max-width:230px!important;}
@media (max-width:900px) {
.table th {font-size:.56rem!important;padding:6px 3px!important}
.table td {font-size:.66rem!important;padding:6px 3px!important}
.btn-edit-in, .btn-edit-out, .btn-delete-in, .btn-delete-out {font-size:.6rem!important;padding:0 5px!important;height:27px!important}
}
#tab-logMasuk table th:nth-child(9), #tab-logKeluar table th:nth-child(9), #tab-logMasuk table td:nth-child(9), #tab-logKeluar table td:nth-child(9) {display:table-cell!important; width:96px!important; min-width:74px!important; max-width:106px!important; text-align:center!important;}
.aksi-cell-user-safe {vertical-align:middle!important;}
.aksi-locked-pill {display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:6px 9px; border-radius:999px; background:linear-gradient(135deg,#f8fafc,#eef2ff); border:1px solid #dbeafe; color:#64748b; font-size:.68rem; font-weight:900; line-height:1.1; white-space:nowrap;}
.aksi-locked-pill i {color:#94a3b8; font-size:.68rem;}
#paneLoginGateway {background:radial-gradient(circle at 18% 16%,rgba(14,165,233,.18),transparent 28%),radial-gradient(circle at 84% 78%,rgba(16,185,129,.12),transparent 30%),linear-gradient(135deg,#f8fafc 0%,#e0f2fe 42%,#eef2ff 100%)!important;}
#paneLoginGateway .login-card-vault {background:rgba(255,255,255,.92)!important; border:1px solid rgba(14,165,233,.16)!important; box-shadow:0 24px 60px rgba(15,23,42,.14)!important; color:#0f172a!important;}
#paneLoginGateway .text-white-50, #paneLoginGateway .form-label.text-white-50 {color:#64748b!important;}
#paneLoginGateway .input-group {background:#ffffff!important; border:1px solid #dbeafe!important;}
#paneLoginGateway .input-group-text {background:#eff6ff!important; color:#0284c7!important; border-color:#dbeafe!important;}
#paneLoginGateway .login-cyber-input {color:#0f172a!important; background:#ffffff!important;}
#paneLoginGateway .login-cyber-input::placeholder {color:#94a3b8!important;}
@keyframes v36GridDrift{to{background-position:0 84px,84px 0}}
@keyframes v36OrbFloat{0%,100%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(-36px,-24px,0) scale(1.06)}}
@keyframes v36LoginIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v36LinePulse{50%{filter:drop-shadow(0 0 13px rgba(56,189,248,.95));opacity:.72}}
@keyframes v36LogoBreath{50%{transform:translateY(-2px);box-shadow:0 18px 38px rgba(14,165,233,.40),0 0 0 11px rgba(14,165,233,.09)}}
@keyframes v36ContentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes v36ModalIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v36SwalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v36Spin{to{transform:rotate(360deg)}}
@media(max-width:560px) {
#paneLoginGateway .login-card-vault {padding:30px 22px!important;border-radius:24px!important}
.login-clean-title {font-size:1.85rem!important}
}
.loader-v43-card {width:min(92vw,330px)!important; padding:25px 28px 24px!important; border-radius:26px!important; background:radial-gradient(circle at 22% 0%,rgba(56,189,248,.22),transparent 38%),linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.96))!important; border:1px solid rgba(125,211,252,.26)!important; box-shadow:0 26px 70px rgba(2,6,23,.54),inset 0 1px 0 rgba(255,255,255,.08)!important;}
.loader-v43-mark {position:relative; display:flex; align-items:center; justify-content:center;}
.loader-v43-mark i {width:44px; height:44px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0ea5e9,#2563eb); color:#fff; box-shadow:0 14px 32px rgba(14,165,233,.35); position:relative; z-index:3;}
.loader-v43-mark span {position:absolute; inset:0; border-radius:50%; border:2px solid transparent; animation:loaderOrbitV43 .72s linear infinite;}
.loader-v43-mark span:nth-child(1) {border-top-color:#38bdf8;}
.loader-v43-mark span:nth-child(2) {inset:8px; border-right-color:#22c55e; animation-direction:reverse;}
.loader-v43-mark span:nth-child(3) {inset:16px; border-bottom-color:#f59e0b;}
@keyframes loaderOrbitV43{to{transform:rotate(360deg)}}
.loader-v43-title {font-weight:900; text-transform:uppercase; text-align:center;}
.loader-v43-bar {border-radius:999px; overflow:hidden;}
.loader-v43-bar b {display:block; height:100%; border-radius:999px;}
@keyframes loaderBarV43{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@keyframes pulseV43{70%{box-shadow:0 0 0 10px rgba(34,211,238,0)}}
#tab-stokGudang .table-responsive-wrapper {padding:10px!important;}
#tableStokMain th {font-size:.68rem!important; padding:9px 8px!important; line-height:1.15!important;}
#tableStokMain td {font-size:.76rem!important; padding:8px 8px!important; line-height:1.2!important;}
#tableStokMain td:nth-child(2) span {font-size:15px!important; line-height:1.25!important; font-weight:900!important;}
#tableStokMain .table-code-chip {padding:4px 7px!important; font-size:.72rem!important; border-radius:8px!important;}
#tableStokMain .qty-chip {min-width:36px!important; padding:4px 8px!important; font-size:.72rem!important;}
#tableStokMain tfoot th {padding:10px 8px!important; font-size:.82rem!important;}
#tab-stokGudang .table-responsive-wrapper {overflow-x:hidden!important;}
#tableStokMain {width:100%!important; table-layout:fixed!important;}
#tableStokMain th:nth-child(1), #tableStokMain td:nth-child(1) {width:12%!important; text-align:center!important;}
#tableStokMain th:nth-child(2), #tableStokMain td:nth-child(2) {width:27%!important; text-align:left!important;}
#tableStokMain th:nth-child(3), #tableStokMain td:nth-child(3) {width:11%!important; text-align:center!important;}
#tableStokMain th:nth-child(4), #tableStokMain td:nth-child(4) {width:16%!important; text-align:center!important;}
#tableStokMain th:nth-child(5), #tableStokMain td:nth-child(5) {width:18%!important; text-align:center!important;}
#tableStokMain th:nth-child(6), #tableStokMain td:nth-child(6) {width:16%!important; text-align:center!important;}
#tableStokMain td:nth-child(4), #tableStokMain td:nth-child(5), #tableStokMain td:nth-child(4) span, #tableStokMain td:nth-child(5) span, #tableStokMain tfoot th, #tableStokMain tfoot td {text-align:center!important;}
#tableStokMain .status-pill {min-width:92px!important; max-width:110px!important; width:auto!important; padding:6px 10px!important; font-size:.66rem!important; line-height:1!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; letter-spacing:.5px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important;}
#tableStokMain .status-pill i {flex:0 0 auto!important; font-size:.62rem!important; margin:0!important;}
#tableStokMain .status-pill::before {flex:0 0 auto!important;}
#tableStokMain .table-code-chip, #tableStokMain .qty-chip {margin-left:auto!important; margin-right:auto!important; white-space:nowrap!important;}
@media (max-width:900px) {
#tableStokMain th:nth-child(1), #tableStokMain td:nth-child(1) {width:13%!important}
#tableStokMain th:nth-child(2), #tableStokMain td:nth-child(2) {width:25%!important}
#tableStokMain th:nth-child(3), #tableStokMain td:nth-child(3) {width:10%!important}
#tableStokMain th:nth-child(4), #tableStokMain td:nth-child(4) {width:15%!important}
#tableStokMain th:nth-child(5), #tableStokMain td:nth-child(5) {width:18%!important}
#tableStokMain th:nth-child(6), #tableStokMain td:nth-child(6) {width:19%!important}
#tableStokMain .status-pill {min-width:76px!important;padding:5px 7px!important;font-size:.56rem!important;gap:4px!important}
}
.table th, .table td {white-space:normal!important; word-break:break-word!important; overflow-wrap:anywhere!important; padding-left:7px!important; padding-right:7px!important; font-size:0.78rem!important; line-height:1.25!important;}
.btn-edit-in, .btn-delete-in, .btn-edit-out, .btn-delete-out {margin:2px!important; white-space:nowrap!important;}
.swal-delete-clean {text-align:left; background:#0f172a; border:1px solid rgba(148,163,184,.28); border-radius:18px; padding:14px; color:#e2e8f0;}
.swal-delete-clean .delete-warning-box {border:1px solid rgba(244,63,94,.28); background:rgba(244,63,94,.12); color:#fecdd3; border-radius:14px; padding:10px 12px; font-weight:800; margin-bottom:12px; line-height:1.35;}
.swal-delete-clean .delete-row {display:grid; grid-template-columns:105px 1fr; gap:8px 12px; padding:5px 0; border-bottom:1px dashed rgba(148,163,184,.18); font-size:.88rem;}
.swal-delete-clean .delete-row:last-child {border-bottom:none;}
.swal-delete-clean b {color:#93c5fd;}
.swal-delete-clean span {color:#f8fafc; font-weight:800; word-break:break-word;}
@keyframes v36GridDrift{to{background-position:0 84px,84px 0}}
@keyframes v36OrbFloat{0%,100%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(-36px,-24px,0) scale(1.06)}}
@keyframes v36LoginIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v36LinePulse{50%{filter:drop-shadow(0 0 13px rgba(56,189,248,.95));opacity:.72}}
@keyframes v36LogoBreath{50%{transform:translateY(-2px);box-shadow:0 18px 38px rgba(14,165,233,.40),0 0 0 11px rgba(14,165,233,.09)}}
@keyframes v36ContentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes v36ModalIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v36SwalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v36Spin{to{transform:rotate(360deg)}}
@media(max-width:560px) {
#paneLoginGateway .login-card-vault {padding:30px 22px!important;border-radius:24px!important}
.login-clean-title {font-size:1.85rem!important}
}
#paneLoginGateway, #paneLoginGateway * {animation:none!important; transition:none!important;}
#paneLoginGateway.login-clean-v2 {min-height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:22px!important; background:radial-gradient(circle at 18% 18%,rgba(14,165,233,.24),transparent 28%),radial-gradient(circle at 82% 72%,rgba(16,185,129,.18),transparent 30%),linear-gradient(135deg,#07111f 0%,#0f172a 54%,#020617 100%)!important; overflow:hidden!important;}
#paneLoginGateway.hidden, #paneLoginGateway.login-force-hide {display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; height:0!important; min-height:0!important; overflow:hidden!important;}
.login-clean-card {width:100%!important; max-width:420px!important; padding:30px 30px 26px!important; border-radius:28px!important; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,245,249,.96))!important; border:1px solid rgba(125,211,252,.32)!important; box-shadow:0 26px 70px rgba(2,6,23,.38),inset 0 1px 0 rgba(255,255,255,.82)!important; color:#0f172a!important; transform:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;}
.login-clean-card::before, .login-clean-card::after, .login-clean-v2::before, .login-clean-v2::after {display:none!important;}
.login-clean-logo {width:62px!important; height:62px!important; margin:0 auto 13px!important; border-radius:20px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:linear-gradient(135deg,#0f172a,#0284c7)!important; color:#ffffff!important; font-size:1.45rem!important; box-shadow:0 14px 28px rgba(2,132,199,.25)!important;}
.login-clean-title {font-family:'Space Grotesk',sans-serif!important; font-size:2.08rem!important; font-weight:900!important; letter-spacing:-1.1px!important; color:#0f172a!important; -webkit-text-fill-color:#0f172a!important; background:none!important; text-shadow:none!important;}
.login-clean-subtitle {color:#0369a1!important; font-size:.78rem!important; font-weight:900!important; letter-spacing:.8px!important; text-transform:uppercase!important;}
.login-clean-label {color:#334155!important; font-size:.76rem!important; font-weight:900!important; letter-spacing:.65px!important; text-transform:uppercase!important; margin-bottom:7px!important;}
.login-clean-input-wrap {display:flex!important; align-items:center!important; min-height:50px!important; gap:10px!important; border-radius:16px!important; padding:0 14px!important; background:#ffffff!important; border:1px solid #cbd5e1!important; box-shadow:0 10px 22px rgba(15,23,42,.045)!important;}
.login-clean-input-wrap i {color:#0284c7!important; width:18px!important; text-align:center!important;}
.login-clean-input {border:none!important; background:transparent!important; box-shadow:none!important; color:#0f172a!important; min-height:46px!important; font-size:.95rem!important; font-weight:800!important; letter-spacing:.1px!important; text-align:left!important; text-transform:none!important;}
.login-clean-input::placeholder {color:#94a3b8!important; font-weight:700!important;}
.login-clean-btn {min-height:50px!important; border-radius:16px!important; background:linear-gradient(135deg,#0f172a,#0369a1)!important; color:#ffffff!important; border:none!important; box-shadow:0 14px 26px rgba(2,132,199,.22)!important; font-weight:900!important; letter-spacing:.25px!important;}
#tab-manajemenUser table th:last-child, #tab-manajemenUser table td:last-child {display:table-cell!important; visibility:visible!important; opacity:1!important;}
.swal-delete-v34 {text-align:left; background:#0f172a; border:1px solid rgba(148,163,184,.28); border-radius:18px; padding:14px; color:#e2e8f0;}
.swal-delete-v34 .warn {border:1px solid rgba(244,63,94,.28); background:rgba(244,63,94,.13); color:#fecdd3; border-radius:14px; padding:10px 12px; font-weight:900; line-height:1.35; margin-bottom:12px;}
.swal-delete-v34 .rowx {display:grid; grid-template-columns:108px 1fr; gap:8px 12px; padding:6px 0; border-bottom:1px dashed rgba(148,163,184,.20); font-size:.88rem;}
.swal-delete-v34 .rowx:last-child {border-bottom:none;}
.swal-delete-v34 b {color:#93c5fd;}
.swal-delete-v34 span {color:#f8fafc; font-weight:900; word-break:break-word;}
:root {--v36-ink:#0f172a; --v36-sky:#0ea5e9; --v36-blue:#2563eb; --v36-green:#10b981; --v36-rose:#f43f5e; --v36-card:#ffffff;}
#paneLoginGateway.login-clean-v2, #paneLoginGateway {position:relative!important; min-height:100vh!important; overflow:hidden!important;}
#paneLoginGateway::before {mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%);}
#paneLoginGateway::after {content:""; position:absolute; width:520px; height:520px; border-radius:999px; right:-160px; bottom:-170px; background:conic-gradient(from 120deg,rgba(14,165,233,.33),rgba(16,185,129,.22),rgba(99,102,241,.25),rgba(14,165,233,.33)); filter:blur(58px); opacity:.72; animation:v36OrbFloat 8s ease-in-out infinite!important; pointer-events:none;}
@keyframes v36GridDrift{to{background-position:0 84px,84px 0}}
@keyframes v36OrbFloat{0%,100%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(-36px,-24px,0) scale(1.06)}}
#paneLoginGateway .login-card-vault, #paneLoginGateway .login-clean-card {position:relative!important; z-index:2!important; padding:34px 32px 30px!important; border-radius:30px!important; animation:v36LoginIn .62s cubic-bezier(.2,.9,.2,1) both!important; overflow:hidden!important;}
#paneLoginGateway .login-card-vault::before {content:""; position:absolute; left:22px; right:22px; top:0; height:4px; border-radius:999px; background:linear-gradient(90deg,transparent,#38bdf8,#22c55e,#818cf8,transparent); animation:v36LinePulse 2.8s ease-in-out infinite!important;}
#paneLoginGateway .login-card-vault::after {content:""; position:absolute; inset:-40% -20% auto auto; width:260px; height:260px; background:radial-gradient(circle,rgba(14,165,233,.18),transparent 62%); pointer-events:none;}
@keyframes v36LoginIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v36LinePulse{50%{filter:drop-shadow(0 0 13px rgba(56,189,248,.95));opacity:.72}}
.login-v36-badge {display:inline-flex; align-items:center; justify-content:center; margin-bottom:14px; padding:7px 11px; border-radius:999px; background:linear-gradient(135deg,#e0f2fe,#ecfeff); color:#0369a1; border:1px solid #bae6fd; font-size:.68rem; font-weight:900; text-transform:uppercase; letter-spacing:.45px;}
#paneLoginGateway .login-clean-logo {width:66px!important; height:66px!important; border-radius:22px!important; animation:v36LogoBreath 3.2s ease-in-out infinite!important;}
@keyframes v36LogoBreath{50%{transform:translateY(-2px);box-shadow:0 18px 38px rgba(14,165,233,.40),0 0 0 11px rgba(14,165,233,.09)}}
#paneLoginGateway .login-clean-title {font-size:2.28rem!important; letter-spacing:-1.4px!important;}
#paneLoginGateway .login-clean-subtitle {font-size:.78rem!important; letter-spacing:.85px!important;}
#paneLoginGateway .login-clean-input-wrap {min-height:52px!important; border-radius:18px!important; padding:0 14px!important; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;}
#paneLoginGateway .login-clean-input-wrap:focus-within {transform:translateY(-2px)!important;}
#paneLoginGateway .login-clean-btn {position:relative!important; overflow:hidden!important; min-height:52px!important; border-radius:18px!important; transition:transform .22s ease,box-shadow .22s ease!important;}
#paneLoginGateway .login-clean-btn::before {content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent,rgba(255,255,255,.38),transparent); transform:translateX(-120%); transition:transform .7s ease;}
#paneLoginGateway .login-clean-btn:hover {transform:translateY(-2px)!important; box-shadow:0 20px 44px rgba(37,99,235,.35)!important;}
#paneLoginGateway .login-clean-btn:hover::before {transform:translateX(120%);}
.premium-glass-card, .table-responsive-wrapper {animation:v36ContentIn .35s ease both;}
.action-tab:not(.hidden) .premium-glass-card, .action-tab:not(.hidden) .table-responsive-wrapper {animation:v36ContentIn .36s ease both;}
@keyframes v36ContentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.quick-input-field, .form-control, .form-select, .search-magnifier-box, .cyber-date-wrapper, .modal input, .modal select, .modal textarea {border-radius:15px!important; border:1px solid #d7e3f1!important; background:linear-gradient(180deg,#ffffff,#f8fbff)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important; font-weight:750!important; color:#0f172a!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;}
.quick-input-field:hover, .form-control:hover, .form-select:hover, .search-magnifier-box:hover, .cyber-date-wrapper:hover, .modal input:hover, .modal select:hover, .modal textarea:hover {border-color:rgba(14,165,233,.42)!important; box-shadow:0 8px 20px rgba(15,23,42,.05)!important;}
.quick-input-field:focus, .form-control:focus, .form-select:focus, .search-magnifier-box:focus, .cyber-date-wrapper:focus-within, .modal input:focus, .modal select:focus, .modal textarea:focus {transform:translateY(-1px)!important; border-color:#0ea5e9!important; box-shadow:0 0 0 4px rgba(14,165,233,.13),0 12px 24px rgba(14,165,233,.09)!important; outline:none!important;}
.form-label-premium {display:inline-flex!important; align-items:center!important; gap:6px!important; font-weight:950!important; color:#334155!important;}
.form-label-premium::before {content:""; width:7px; height:7px; border-radius:99px; background:linear-gradient(135deg,#0ea5e9,#10b981); box-shadow:0 0 0 4px rgba(14,165,233,.08);}
.premium-glass-card {position:relative; overflow:hidden; border:1px solid #e2e8f0!important; background:linear-gradient(180deg,#ffffff,#fbfdff)!important; box-shadow:0 14px 34px rgba(15,23,42,.06)!important; transition:transform .2s ease,box-shadow .2s ease!important;}
.premium-glass-card::before {content:""; position:absolute; top:0; left:18px; right:18px; height:3px; border-radius:999px; background:linear-gradient(90deg,transparent,rgba(14,165,233,.7),rgba(16,185,129,.55),transparent); opacity:.72;}
.premium-glass-card:hover {transform:translateY(-2px); box-shadow:0 20px 46px rgba(15,23,42,.09)!important;}
.btn-cyber-add, .btn-cyber-add-out, .btn-primary, .btn-success, .btn-danger, .btn-warning, .btn-dark, .btn-export-excel-gradient, .btn-export-pdf-gradient {border-radius:14px!important; font-weight:950!important; letter-spacing:.15px!important; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;}
.btn-cyber-add:hover, .btn-cyber-add-out:hover, .btn-primary:hover, .btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-dark:hover, .btn-export-excel-gradient:hover, .btn-export-pdf-gradient:hover {transform:translateY(-2px)!important; filter:saturate(1.08);}
.modal .modal-dialog {animation:v36ModalIn .25s ease both;}
@keyframes v36ModalIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.modal-content {border-radius:26px!important; border:1px solid rgba(14,165,233,.18)!important; box-shadow:0 36px 90px rgba(15,23,42,.24)!important; overflow:hidden!important; background:linear-gradient(180deg,#ffffff,#f8fbff)!important;}
.modal-header {position:relative!important; background:linear-gradient(135deg,#0f172a,#0e7490 56%,#0369a1)!important; border:0!important; padding:18px 22px!important;}
.modal-header::after {content:""; position:absolute; left:22px; right:22px; bottom:0; height:2px; background:linear-gradient(90deg,transparent,#38bdf8,#22c55e,transparent);}
.modal-title {font-weight:950!important; letter-spacing:-.25px!important; color:#fff!important;}
.modal-body {background:radial-gradient(circle at 96% 0%,rgba(14,165,233,.08),transparent 30%),#ffffff!important;}
.modal-footer {background:#f8fafc!important; border-top:1px solid #eef2f7!important;}
.swal2-popup.premium-swal-popup, .swal2-popup.v36-swal-popup {border-radius:28px!important; border:1px solid rgba(125,211,252,.22)!important; background:radial-gradient(circle at top right,rgba(14,165,233,.18),transparent 34%),linear-gradient(180deg,#0f172a,#020617)!important; color:#f8fafc!important; box-shadow:0 36px 100px rgba(2,6,23,.64),inset 0 1px 0 rgba(255,255,255,.10)!important; overflow:hidden!important; animation:v36SwalIn .26s ease both!important;}
@keyframes v36SwalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.swal2-popup.premium-swal-popup::before, .swal2-popup.v36-swal-popup::before {content:""; position:absolute; top:0; left:24px; right:24px; height:4px; border-radius:999px; background:linear-gradient(90deg,transparent,#38bdf8,#22c55e,#818cf8,transparent); animation:v36LinePulse 2.8s ease-in-out infinite!important;}
.delete-detail-card {border-radius:20px!important; background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.82))!important; border:1px solid rgba(125,211,252,.18)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;}
.delete-detail-card .danger-note {border-radius:16px!important; background:linear-gradient(135deg,rgba(244,63,94,.18),rgba(245,158,11,.10))!important; border:1px solid rgba(244,63,94,.32)!important;}
.loader-card-box {border-radius:26px!important; background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.96))!important; border:1px solid rgba(125,211,252,.22)!important; box-shadow:0 30px 90px rgba(2,6,23,.62)!important;}
@keyframes v36Spin{to{transform:rotate(360deg)}}
@media(max-width:560px) {
#paneLoginGateway .login-card-vault {padding:30px 22px!important;border-radius:24px!important}
.login-clean-title {font-size:1.85rem!important}
}
#paneLoginGateway.login-universe, #paneLoginGateway.login-clean-v2 {background:radial-gradient(circle at 18% 18%,rgba(14,165,233,.22),transparent 28%),radial-gradient(circle at 86% 78%,rgba(16,185,129,.16),transparent 30%),linear-gradient(135deg,#020617 0%,#0b1220 48%,#111827 100%)!important;}
#paneLoginGateway::before {opacity:.55;}
#paneLoginGateway .login-clean-card, #paneLoginGateway .login-card-vault {max-width:430px!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important;}
#paneLoginGateway .login-clean-logo {color:#fff!important;}
#paneLoginGateway .login-clean-input-wrap {border:1px solid rgba(148,163,184,.24)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
#paneLoginGateway .login-clean-input-wrap:focus-within {border-color:rgba(56,189,248,.70)!important; box-shadow:0 0 0 4px rgba(14,165,233,.12),0 15px 32px rgba(14,165,233,.13)!important;}
#paneLoginGateway .login-clean-input-wrap i {color:#7dd3fc!important;}
#paneLoginGateway .login-clean-input, #paneLoginGateway .login-cyber-input {color:#f8fafc!important; background:transparent!important;}
#paneLoginGateway .login-clean-input::placeholder, #paneLoginGateway .login-cyber-input::placeholder {color:rgba(203,213,225,.50)!important;}
#paneLoginGateway .login-clean-btn {background:linear-gradient(135deg,#0ea5e9,#2563eb 52%,#059669)!important; box-shadow:0 16px 36px rgba(37,99,235,.30),inset 0 1px 0 rgba(255,255,255,.18)!important;}
.swal2-popup.v38-toast-popup, .swal2-popup.swal2-toast {border-radius:18px!important; border:1px solid rgba(125,211,252,.18)!important; background:linear-gradient(135deg,#0f172a,#020617)!important; color:#fff!important; box-shadow:0 18px 50px rgba(2,6,23,.38),inset 0 1px 0 rgba(255,255,255,.08)!important; padding:12px 14px!important;}
#paneLoginGateway.login-clean-v2, #paneLoginGateway {background:radial-gradient(circle at 14% 18%,rgba(14,165,233,.20) 0,transparent 28%),radial-gradient(circle at 86% 80%,rgba(16,185,129,.14) 0,transparent 30%),linear-gradient(135deg,#020617 0%,#08111f 48%,#0f172a 100%)!important;}
#paneLoginGateway::before {content:""!important; position:absolute!important; inset:0!important; display:block!important; pointer-events:none!important; background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px)!important; background-size:42px 42px!important; animation:none!important;}
#paneLoginGateway .login-card-vault, #paneLoginGateway .login-clean-card {color:#f8fafc!important;}
#paneLoginGateway .login-clean-title {color:#ffffff!important; background:linear-gradient(90deg,#ffffff,#bae6fd,#a7f3d0)!important; -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important;}
#paneLoginGateway .login-clean-subtitle {color:#94a3b8!important;}
#paneLoginGateway .login-clean-label {color:#cbd5e1!important;}
#paneLoginGateway .login-clean-input-wrap {background:rgba(15,23,42,.76)!important; border-color:rgba(148,163,184,.25)!important;}
#paneLoginGateway .login-clean-input {color:#f8fafc!important;}
#paneLoginGateway .login-clean-input::placeholder {color:#64748b!important;}
#paneLoginGateway .login-v36-badge {display:none!important;}
.swal2-popup.v39-toast-popup, .swal2-popup.swal2-toast {border-radius:18px!important; background:linear-gradient(180deg,#0f172a,#020617)!important; color:#fff!important; border:1px solid rgba(125,211,252,.18)!important; box-shadow:0 18px 48px rgba(2,6,23,.45)!important; padding:12px 14px!important;}
.swal2-popup.v41-auto-popup, .swal2-popup.v41-confirm-popup {border-radius:22px!important; background:linear-gradient(180deg,#0f172a,#020617)!important; color:#f8fafc!important; border:1px solid rgba(125,211,252,.22)!important; box-shadow:0 24px 70px rgba(2,6,23,.58),inset 0 1px 0 rgba(255,255,255,.07)!important; overflow:hidden!important;}
.swal2-popup.v41-auto-popup::before, .swal2-popup.v41-confirm-popup::before {content:""; position:absolute; top:0; left:24px; right:24px; height:3px; border-radius:999px; background:linear-gradient(90deg,transparent,#38bdf8,#22c55e,transparent);}
.swal2-popup.v41-auto-popup {padding:14px 16px!important;}
.swal2-popup.v41-confirm-popup {border-radius:18px!important;}
.v41-delete-box {text-align:left; border:1px solid rgba(148,163,184,.18); background:rgba(15,23,42,.62); border-radius:14px; padding:10px; margin-top:5px;}
.v41-delete-note {border:1px solid rgba(245,158,11,.24); background:rgba(245,158,11,.10); color:#fde68a; border-radius:11px; padding:7px 9px; font-weight:900; margin-bottom:8px; line-height:1.25; font-size:.74rem;}
.v41-delete-grid {display:grid; grid-template-columns:96px 1fr; gap:5px 8px; font-size:.74rem;}
.v41-delete-grid b {color:#93c5fd;}
.v41-delete-grid span {color:#f8fafc; font-weight:800; word-break:break-word;}
@media(max-width:560px) {
.v41-delete-grid {grid-template-columns:86px 1fr}
.swal2-popup.v41-confirm-popup {width:90%!important;padding:10px!important}
}
.v42-delete-box {border:1px solid rgba(125,211,252,.18); border-radius:14px; background:rgba(2,6,23,.42); padding:10px; text-align:left; margin-top:5px;}
.v42-delete-note {border:1px solid rgba(251,191,36,.25); background:rgba(251,191,36,.10); color:#fde68a; border-radius:11px; padding:7px 9px; font-weight:900; margin-bottom:8px; line-height:1.25; font-size:.74rem;}
.v42-delete-grid {display:grid; grid-template-columns:96px 1fr; gap:5px 8px; font-size:.74rem; align-items:start;}
.v42-delete-grid b {color:#93c5fd; font-weight:900;}
.v42-delete-grid span {color:#f8fafc; font-weight:850; word-break:break-word; line-height:1.18;}
@media(max-width:560px) {
.v42-delete-grid {grid-template-columns:86px 1fr}
.swal2-popup.v41-confirm-popup {width:90%!important;padding:10px!important}
}
.loader-v43-card, .loader-card-box {animation:loaderCardInV44 .22s cubic-bezier(.2,.9,.2,1) both!important;}
@keyframes loaderCardInV44{from{opacity:.2;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.loader-v43-mark {margin-bottom:14px!important;}
.loader-v43-mark i {font-size:1.18rem!important; filter:drop-shadow(0 0 10px rgba(125,211,252,.7));}
.loader-v43-mark span:nth-child(1) {animation-duration:.58s!important;}
.loader-v43-mark span:nth-child(2) {animation-duration:.46s!important;}
.loader-v43-mark span:nth-child(3) {animation-duration:.70s!important;}
.loader-v43-title {font-size:.78rem!important; letter-spacing:1.05px!important; color:#e0f2fe!important;}
.loader-v43-bar {height:7px!important; margin-top:13px!important; background:rgba(148,163,184,.16)!important;}
.loader-v43-bar b {width:38%!important; background:linear-gradient(90deg,#38bdf8,#22c55e,#a7f3d0)!important; animation:loaderBarV44 .62s cubic-bezier(.4,0,.2,1) infinite!important;}
@keyframes loaderBarV44{0%{transform:translateX(-120%)}100%{transform:translateX(285%)}}
.aksi-locked-pill, .role-user-locked-pill {display:inline-flex!important; align-items:center; justify-content:center; gap:6px; min-width:96px; padding:7px 10px; border-radius:999px; font-size:.72rem; font-weight:900; letter-spacing:.25px; color:#64748b!important; background:linear-gradient(135deg,#f8fafc,#eef2f7)!important; border:1px solid #dbe3ef!important; white-space:nowrap;}
#tab-logMasuk .table-responsive-wrapper, #tab-logKeluar .table-responsive-wrapper, #tab-stokGudang .table-responsive-wrapper {overflow-x:hidden!important;}
#tab-logMasuk table, #tab-logKeluar table {table-layout:fixed!important; width:100%!important;}
#tab-logMasuk th, #tab-logKeluar th {font-size:.74rem!important; padding:8px 6px!important; line-height:1.15!important; white-space:normal!important;}
#bMasukBody td, #bKeluarBody td {font-size:.84rem!important; padding:8px 6px!important; line-height:1.25!important; white-space:normal!important; word-break:break-word!important; overflow:visible!important; text-overflow:clip!important;}
#bMasukBody td:nth-child(1), #bMasukBody td:nth-child(8), #bMasukBody td:nth-child(9), #bKeluarBody td:nth-child(1), #bKeluarBody td:nth-child(8), #bKeluarBody td:nth-child(9) {font-size:.70rem!important; line-height:1.14!important;}
#bMasukBody td:nth-child(3), #bKeluarBody td:nth-child(3) {color:#0f172a!important;}
#bMasukBody td:nth-child(4), #bKeluarBody td:nth-child(4) {text-align:center!important; font-size:.72rem!important;}
#bMasukBody td:nth-child(4) .badge, #bKeluarBody td:nth-child(4) .badge, #bMasukBody td:nth-child(4) .qty-chip, #bKeluarBody td:nth-child(4) .qty-chip {min-width:32px!important; padding:4px 7px!important; font-size:.66rem!important; border-radius:9px!important;}
#tab-logMasuk th:nth-child(1), #tab-logKeluar th:nth-child(1) {width:12%!important;}
#tab-logMasuk th:nth-child(2), #tab-logKeluar th:nth-child(2) {width:9%!important;}
#tab-logMasuk th:nth-child(3), #tab-logKeluar th:nth-child(3) {width:19%!important;}
#tab-logMasuk th:nth-child(4), #tab-logKeluar th:nth-child(4) {width:6%!important;}
#tab-logMasuk th:nth-child(5), #tab-logKeluar th:nth-child(5) {width:10%!important;}
#tab-logMasuk th:nth-child(6), #tab-logKeluar th:nth-child(6) {width:11%!important;}
#tab-logMasuk th:nth-child(7), #tab-logKeluar th:nth-child(7) {width:11%!important;}
#tab-logMasuk th:nth-child(8), #tab-logKeluar th:nth-child(8) {width:11%!important;}
#tab-logMasuk th:nth-child(9), #tab-logKeluar th:nth-child(9) {width:11%!important;}
#bMasukBody .aksi-wrap-final, #bKeluarBody .aksi-wrap-final {display:flex!important; flex-wrap:wrap!important; justify-content:center!important; gap:4px!important;}
#bMasukBody .aksi-wrap-final button, #bKeluarBody .aksi-wrap-final button {font-size:.62rem!important; padding:4px 5px!important; min-height:28px!important;}
#tab-stokGudang .table th {font-size:.70rem!important; padding:8px 7px!important;}
#tab-stokGudang .table td {font-size:.77rem!important; padding:7px 7px!important;}
#bStokBody td:nth-child(2) span {font-size:.88rem!important; font-weight:900!important;}
.role-user-locked-pill, .aksi-user-locked-v48 {display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; min-width:92px!important; padding:6px 9px!important; border-radius:999px!important; font-size:.68rem!important; font-weight:900!important; letter-spacing:.25px!important; color:#64748b!important; background:linear-gradient(135deg,#f8fafc,#eef2f7)!important; border:1px solid #dbe3ef!important; white-space:nowrap!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;}
.role-user-locked-pill i, .aksi-user-locked-v48 i {color:#94a3b8!important;}
body.role-user-mode #bMasukBody .btn-edit-in, body.role-user-mode #bMasukBody .btn-delete-in, body.role-user-mode #bKeluarBody .btn-edit-out, body.role-user-mode #bKeluarBody .btn-delete-out {display:none!important; pointer-events:none!important;}
#paneLoginGateway.login-v57 {position:relative!important; min-height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:22px!important; overflow:hidden!important; background:radial-gradient(circle at 12% 14%,rgba(56,189,248,.40) 0,transparent 28%),radial-gradient(circle at 86% 18%,rgba(99,102,241,.30) 0,transparent 30%),radial-gradient(circle at 82% 88%,rgba(16,185,129,.26) 0,transparent 34%),linear-gradient(135deg,#020617 0%,#0b1220 45%,#0f172a 100%)!important;}
#paneLoginGateway.login-v57::before {content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(148,163,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.09) 1px,transparent 1px); background-size:46px 46px; opacity:.50!important; animation:v57GridMove 18s linear infinite!important; pointer-events:none;}
#paneLoginGateway.login-v57::after {content:""; position:absolute; width:580px; height:580px; right:-210px; bottom:-220px; border-radius:999px; background:conic-gradient(from 120deg,rgba(14,165,233,.55),rgba(16,185,129,.32),rgba(99,102,241,.42),rgba(14,165,233,.55)); filter:blur(68px); opacity:.82!important; animation:v57OrbFloat 9s ease-in-out infinite!important; pointer-events:none;}
@keyframes v57GridMove{to{background-position:0 92px,92px 0}}
@keyframes v57OrbFloat{0%,100%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(-42px,-25px,0) scale(1.06)}}
#paneLoginGateway.login-v57 .login-card-vault, #paneLoginGateway.login-v57 .login-clean-card {position:relative!important; z-index:2!important; width:100%!important; max-width:430px!important; padding:34px 32px!important; border-radius:30px!important; color:#e5f3ff!important; background:linear-gradient(145deg,rgba(15,23,42,.86),rgba(2,6,23,.94)) padding-box,linear-gradient(135deg,rgba(56,189,248,.72),rgba(16,185,129,.46),rgba(129,140,248,.56)) border-box!important; border:1px solid transparent!important; box-shadow:0 34px 90px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.10),0 0 0 1px rgba(125,211,252,.08)!important; backdrop-filter:blur(22px)!important; -webkit-backdrop-filter:blur(22px)!important; overflow:hidden!important; animation:v57LoginIn .55s cubic-bezier(.2,.85,.2,1) both!important; transition:transform .25s ease,box-shadow .25s ease!important;}
#paneLoginGateway.login-v57 .login-card-vault:hover {transform:translateY(-3px)!important; box-shadow:0 42px 110px rgba(0,0,0,.62),0 0 36px rgba(14,165,233,.16)!important;}
@keyframes v57LoginIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
.v57-login-orb {position:absolute; display:block; border-radius:999px; filter:blur(10px); pointer-events:none; opacity:.55!important; animation:v57SmallOrb 6s ease-in-out infinite!important;}
.v57-login-orb.orb-a {width:150px; height:150px; top:-78px; left:-70px; background:rgba(56,189,248,.34);}
.v57-login-orb.orb-b {width:130px; height:130px; right:-62px; bottom:-70px; background:rgba(16,185,129,.26); animation-delay:-2.4s!important;}
.v57-login-scan {position:absolute; left:22px; right:22px; top:0; height:3px; border-radius:999px; background:linear-gradient(90deg,transparent,#38bdf8,#22c55e,#818cf8,transparent); box-shadow:0 0 18px rgba(56,189,248,.65); animation:v57Scan 3.3s ease-in-out infinite!important;}
@keyframes v57SmallOrb{50%{transform:translate3d(18px,14px,0) scale(1.08);opacity:.78!important}}
@keyframes v57Scan{50%{filter:brightness(1.35);opacity:.72!important}}
#paneLoginGateway.login-v57 .login-clean-logo {width:64px!important; height:64px!important; margin:16px auto 13px!important; border-radius:22px!important; color:#ffffff!important; background:linear-gradient(135deg,#0284c7,#2563eb 55%,#10b981)!important; box-shadow:0 18px 38px rgba(14,165,233,.32),inset 0 1px 0 rgba(255,255,255,.24)!important; animation:v57LogoPulse 2.8s ease-in-out infinite!important;}
@keyframes v57LogoPulse{50%{filter:drop-shadow(0 0 14px rgba(56,189,248,.55));transform:translateY(-1px)}}
#paneLoginGateway.login-v57 .login-clean-title {font-family:'Space Grotesk',sans-serif!important; font-size:2.05rem!important; font-weight:900!important; letter-spacing:-1.2px!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; background:none!important; text-shadow:0 0 24px rgba(56,189,248,.28)!important;}
#paneLoginGateway.login-v57 .login-clean-subtitle {color:#93c5fd!important; font-size:.79rem!important; font-weight:900!important; letter-spacing:.8px!important;}
#paneLoginGateway.login-v57 .login-clean-label {color:#cbd5e1!important; font-size:.75rem!important; font-weight:900!important; letter-spacing:.65px!important;}
#paneLoginGateway.login-v57 .login-clean-input-wrap {position:relative!important; min-height:50px!important; border-radius:17px!important; border:1px solid rgba(148,163,184,.22)!important; background:rgba(15,23,42,.72)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important; transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;}
#paneLoginGateway.login-v57 .login-clean-input-wrap:focus-within {border-color:rgba(56,189,248,.78)!important; transform:translateY(-1px)!important; box-shadow:0 0 0 4px rgba(14,165,233,.14),0 16px 34px rgba(14,165,233,.12)!important;}
#paneLoginGateway.login-v57 .login-clean-input-wrap i {color:#7dd3fc!important;}
#paneLoginGateway.login-v57 .login-clean-input {color:#f8fafc!important; background:transparent!important; font-weight:800!important;}
#paneLoginGateway.login-v57 .login-clean-input::placeholder {color:rgba(203,213,225,.58)!important;}
#paneLoginGateway.login-v57 .login-clean-btn {position:relative!important; overflow:hidden!important; min-height:50px!important; border-radius:17px!important; background:linear-gradient(135deg,#0284c7,#2563eb 48%,#10b981)!important; color:#ffffff!important; border:none!important; font-weight:950!important; letter-spacing:.35px!important; box-shadow:0 18px 38px rgba(14,165,233,.30),inset 0 1px 0 rgba(255,255,255,.25)!important; transition:transform .22s ease,box-shadow .22s ease!important;}
#paneLoginGateway.login-v57 .login-clean-btn::before {content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent,rgba(255,255,255,.38),transparent); transform:translateX(-120%); transition:transform .65s ease;}
#paneLoginGateway.login-v57 .login-clean-btn:hover {transform:translateY(-2px)!important; box-shadow:0 24px 48px rgba(14,165,233,.38)!important;}
#paneLoginGateway.login-v57 .login-clean-btn:hover::before {transform:translateX(120%);}
.table-responsive-wrapper {position:relative!important; background:linear-gradient(#ffffff,#ffffff) padding-box,linear-gradient(135deg,rgba(14,165,233,.44),rgba(16,185,129,.30),rgba(99,102,241,.34)) border-box!important; border:1px solid transparent!important; box-shadow:0 18px 42px rgba(15,23,42,.075)!important;}
.table-responsive-wrapper::before {content:""!important; position:absolute!important; top:0!important; left:22px!important; right:22px!important; height:3px!important; border-radius:999px!important; background:linear-gradient(90deg,transparent,#38bdf8,#22c55e,#818cf8,transparent)!important; opacity:.95!important;}
@keyframes v57TableLine{50%{filter:drop-shadow(0 0 10px rgba(56,189,248,.8));opacity:.68}}
.table-responsive-wrapper .table, .table {width:100%!important; max-width:100%!important; table-layout:fixed!important; border-collapse:separate!important; border-spacing:0 7px!important; background:transparent!important;}
.table thead th, .table th {position:sticky!important; top:0!important; z-index:2!important; background:linear-gradient(180deg,#0f172a,#172554)!important; color:#e0f2fe!important; border:none!important; padding:10px 7px!important; font-size:.66rem!important; line-height:1.15!important; font-weight:950!important; text-transform:uppercase!important; letter-spacing:.36px!important; text-align:center!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important;}
.table thead th:first-child {border-top-left-radius:14px!important; border-bottom-left-radius:14px!important;}
.table thead th:last-child {border-top-right-radius:14px!important; border-bottom-right-radius:14px!important;}
.table tbody tr {position:relative!important; animation:v57RowIn .33s cubic-bezier(.2,.8,.2,1) both!important; transition:transform .18s ease,filter .18s ease!important;}
.table tbody tr:nth-child(1) {animation-delay:.02s!important;}
.table tbody tr:nth-child(2) {animation-delay:.04s!important;}
.table tbody tr:nth-child(3) {animation-delay:.06s!important;}
.table tbody tr:nth-child(4) {animation-delay:.08s!important;}
.table tbody tr:nth-child(5) {animation-delay:.10s!important;}
@keyframes v57RowIn{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
.table tbody td, .table td {background:#ffffff!important; color:#334155!important; border-top:1px solid #e8eef6!important; border-bottom:1px solid #e8eef6!important; padding:10px 7px!important; font-size:.78rem!important; line-height:1.28!important; font-weight:700!important; vertical-align:middle!important; text-align:center!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important;}
.table tbody td:first-child {border-left:1px solid #e8eef6!important; border-top-left-radius:14px!important; border-bottom-left-radius:14px!important;}
.table tbody td:last-child {border-right:1px solid #e8eef6!important; border-top-right-radius:14px!important; border-bottom-right-radius:14px!important;}
.table tbody tr:nth-child(even) td {background:#fbfdff!important;}
.table tbody tr:hover td {background:#f0f9ff!important; border-color:#bae6fd!important;}
.table tfoot td {background:linear-gradient(180deg,#0f172a,#172554)!important; color:#ffffff!important; border:none!important; font-size:.95rem!important; font-weight:950!important;}
.table-code-chip, .v56-code-chip, .badge.bg-secondary {display:inline-flex!important; align-items:center!important; justify-content:center!important; max-width:100%!important; min-width:62px!important; padding:6px 9px!important; border-radius:11px!important; background:linear-gradient(135deg,#e0f2fe,#dbeafe)!important; color:#075985!important; border:1px solid rgba(14,165,233,.22)!important; font-size:.82rem!important; font-weight:950!important; line-height:1.12!important; white-space:normal!important; word-break:break-word!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;}
.v56-id-chip {word-break:break-word!important;}
.qty-chip, .v56-qty-chip {display:inline-flex!important; justify-content:center!important; align-items:center!important; min-width:42px!important; padding:6px 10px!important; border-radius:999px!important; background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important; color:#3730a3!important; border:1px solid rgba(99,102,241,.18)!important; font-size:.82rem!important; font-weight:950!important;}
.status-pill {box-shadow:0 8px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.55)!important;}
.quick-action-btn, .btn-edit-in, .btn-edit-out, .btn-delete-in, .btn-delete-out {box-shadow:0 8px 16px rgba(15,23,42,.08)!important; transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;}
.quick-action-btn:hover, .btn-edit-in:hover, .btn-edit-out:hover, .btn-delete-in:hover, .btn-delete-out:hover {transform:translateY(-2px)!important; box-shadow:0 12px 24px rgba(15,23,42,.14)!important;}
#tab-logMasuk .v56-material-name, #tab-logKeluar .v56-material-name {text-align:left!important; font-size:.78rem!important; font-weight:850!important; color:#1e293b!important;}
#tab-logMasuk .v56-money, #tab-logKeluar .v56-money {font-size:.73rem!important; font-weight:900!important; color:#0f172a!important; white-space:normal!important;}
#tab-logMasuk .v56-source, #tab-logKeluar .v56-source {font-size:.70rem!important; line-height:1.25!important; border-radius:10px!important; background:#f8fafc!important; border:1px solid #e2e8f0!important; color:#475569!important;}
#tab-logMasuk .v56-date, #tab-logKeluar .v56-date {font-size:.72rem!important; font-weight:850!important; color:#334155!important;}
@media(max-width:900px) {
#paneLoginGateway.login-v57 .login-card-vault {padding:28px 22px!important;border-radius:26px!important}
#paneLoginGateway.login-v57 .login-clean-title {font-size:1.8rem!important}
.table-responsive-wrapper {padding:8px!important;border-radius:18px!important}
.table th {font-size:.55rem!important;padding:7px 3px!important}
.table td {font-size:.66rem!important;padding:7px 3px!important}
.v56-id-chip {min-width:0!important;font-size:.70rem!important;padding:5px 6px!important}
.table-code-chip, .v56-code-chip, .badge.bg-secondary {min-width:0!important;font-size:.70rem!important;padding:5px 6px!important}
}
#tab-rekapBlok {width:100%!important;}
#tab-rekapBlok>.d-flex.justify-content-between, #tab-rekapBlok .table-responsive-wrapper {width:100%!important; max-width:100%!important; box-sizing:border-box!important;}
#tab-rekapBlok .table-responsive-wrapper {display:block!important; padding:12px!important; overflow-x:hidden!important; overflow-y:visible!important;}
#tableRekapBlokMain, #tab-rekapBlok .table-responsive-wrapper>table {width:100%!important; min-width:100%!important; max-width:100%!important; table-layout:fixed!important; margin:0!important; border-collapse:separate!important; border-spacing:0!important;}
#tableRekapBlokMain thead, #tableRekapBlokMain tbody, #tableRekapBlokMain tfoot, #tableRekapBlokMain tr {width:100%!important;}
#tableRekapBlokMain th, #tableRekapBlokMain td {box-sizing:border-box!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; vertical-align:middle!important; padding:9px 7px!important;}
#tableRekapBlokMain th {text-align:center!important; font-size:.68rem!important; line-height:1.15!important;}
#tableRekapBlokMain td {font-size:.78rem!important; line-height:1.22!important;}
#tableRekapBlokMain th:nth-child(1), #tableRekapBlokMain td:nth-child(1) {width:13%!important; text-align:center!important;}
#tableRekapBlokMain th:nth-child(2), #tableRekapBlokMain td:nth-child(2) {width:9%!important; text-align:center!important;}
#tableRekapBlokMain th:nth-child(3), #tableRekapBlokMain td:nth-child(3) {width:22%!important; text-align:left!important;}
#tableRekapBlokMain th:nth-child(4), #tableRekapBlokMain td:nth-child(4) {width:7%!important; text-align:center!important;}
#tableRekapBlokMain th:nth-child(5), #tableRekapBlokMain td:nth-child(5) {width:12%!important; text-align:right!important;}
#tableRekapBlokMain th:nth-child(6), #tableRekapBlokMain td:nth-child(6) {width:17%!important; text-align:right!important;}
#tableRekapBlokMain th:nth-child(7), #tableRekapBlokMain td:nth-child(7) {width:11%!important; text-align:center!important;}
#tableRekapBlokMain th:nth-child(8), #tableRekapBlokMain td:nth-child(8) {width:9%!important; text-align:center!important;}
#tableRekapBlokMain tfoot td:first-child {text-align:right!important;}
#tableRekapBlokMain tfoot #lblTotalBiayaTerfilterBlok {text-align:left!important; color:#fde68a!important; font-weight:950!important;}
@media (max-width:820px) {
#tableRekapBlokMain th {font-size:.60rem!important;padding:7px 4px!important}
#tableRekapBlokMain td {font-size:.68rem!important;padding:7px 4px!important}
}
.swal2-popup.v41-confirm-popup {width:min(420px,92vw)!important; padding:12px 14px!important;}
.v42-delete-box, .v41-delete-box {max-height:58vh; overflow:auto;}
.v42-delete-note, .v41-delete-note {font-size:.74rem!important;}
.v42-delete-grid, .v41-delete-grid {font-size:.74rem!important;}
@media(max-width:560px) {
.swal2-popup.v41-confirm-popup {width:90%!important}
.v42-delete-box, .v41-delete-box {max-height:62vh}
}
#bMasukBody td:nth-child(3), #bKeluarBody td:nth-child(3) {font-size:.84rem!important; font-weight:800!important; line-height:1.18!important;}
#bMasukBody td:nth-child(3) span, #bKeluarBody td:nth-child(3) span {font-size:.84rem!important; font-weight:800!important; line-height:1.18!important;}
#bMasukBody td:nth-child(5), #bMasukBody td:nth-child(6), #bKeluarBody td:nth-child(5), #bKeluarBody td:nth-child(6) {font-size:.72rem!important; line-height:1.12!important; font-weight:700!important; white-space:normal!important; word-break:break-word!important;}
#bMasukBody td:nth-child(5) span, #bMasukBody td:nth-child(6) span, #bKeluarBody td:nth-child(5) span, #bKeluarBody td:nth-child(6) span {font-size:.72rem!important; line-height:1.12!important;}
#tab-logMasuk th:nth-child(3), #tab-logMasuk th:nth-child(5), #tab-logMasuk th:nth-child(6), #tab-logKeluar th:nth-child(3), #tab-logKeluar th:nth-child(5), #tab-logKeluar th:nth-child(6) {font-size:.69rem!important; line-height:1.12!important;}
#tab-logMasuk .table th, #tab-logKeluar .table th {font-size:.70rem!important; padding:8px 7px!important; line-height:1.12!important;}
#tab-logMasuk .table td, #tab-logKeluar .table td {font-size:.77rem!important; padding:7px 7px!important; line-height:1.18!important;}
#bMasukBody td:nth-child(3), #bKeluarBody td:nth-child(3), #bMasukBody td:nth-child(3) span, #bKeluarBody td:nth-child(3) span {font-size:.88rem!important; font-weight:900!important; line-height:1.15!important;}
#bMasukBody td:nth-child(5), #bMasukBody td:nth-child(6), #bKeluarBody td:nth-child(5), #bKeluarBody td:nth-child(6), #bMasukBody td:nth-child(5) span, #bMasukBody td:nth-child(6) span, #bKeluarBody td:nth-child(5) span, #bKeluarBody td:nth-child(6) span {font-size:.77rem!important; font-weight:700!important; line-height:1.16!important;}
#bMasukBody td:nth-child(1), #bKeluarBody td:nth-child(1), #bMasukBody td:nth-child(4), #bKeluarBody td:nth-child(4), #bMasukBody td:nth-child(8), #bKeluarBody td:nth-child(8), #bMasukBody td:nth-child(9), #bKeluarBody td:nth-child(9) {font-size:.70rem!important; line-height:1.12!important;}
#bMasukBody .aksi-wrap-final button, #bKeluarBody .aksi-wrap-final button, #bMasukBody .aksi-user-locked-v48, #bKeluarBody .aksi-user-locked-v48 {font-size:.62rem!important;}
#tab-logMasuk th:nth-child(4), #tab-logKeluar th:nth-child(4), #bMasukBody td:nth-child(4), #bKeluarBody td:nth-child(4) {text-align:center!important; vertical-align:middle!important;}
#bMasukBody td:nth-child(4) .badge, #bKeluarBody td:nth-child(4) .badge, #bMasukBody td:nth-child(4) span, #bKeluarBody td:nth-child(4) span {display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:34px!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important;}
.glass-loader-overlay {position:fixed!important; inset:0!important; z-index:99999!important; display:flex!important; align-items:center!important; justify-content:center!important; opacity:1!important; visibility:visible!important; transition:opacity .18s ease,visibility .18s ease!important;}
.glass-loader-overlay.hidden {opacity:0!important; visibility:hidden!important; pointer-events:none!important; display:flex!important;}
.loader-card-box, .loader-v43-card {width:min(330px,88vw)!important; padding:26px 28px!important; border-radius:24px!important; text-align:center!important;}
.loader-v43-mark {width:58px!important; height:58px!important; margin:0 auto 16px!important; border-radius:50%!important; background:conic-gradient(from 0deg,#38bdf8,#22c55e,#f59e0b,#38bdf8)!important; -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 0)!important; mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 0)!important; animation:v54Spin .72s linear infinite!important; border:none!important; box-shadow:none!important;}
.loader-v43-mark span, .loader-v43-mark i, .loader-v43-bar {display:none!important;}
.loader-v43-title, #lblLoaderText, #loaderText {color:#e0f2fe!important; font-size:.9rem!important; font-weight:900!important; letter-spacing:.25px!important; text-transform:none!important; margin:0!important;}
.loader-v43-title::after, #lblLoaderText::after {content:'Mohon tunggu sebentar'; display:block; margin-top:6px; color:#94a3b8; font-size:.74rem; font-weight:700; letter-spacing:0; text-transform:none;}
@keyframes v54Spin{to{transform:rotate(360deg)}}
#tab-logMasuk .table-responsive-wrapper, #tab-logKeluar .table-responsive-wrapper {overflow-x:hidden!important; padding:12px!important;}
#tableLogMasukMain th, #tableLogKeluarMain th {font-size:.66rem!important; padding:9px 5px!important; text-align:center!important; vertical-align:middle!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; line-height:1.18!important;}
#tableLogMasukMain td, #tableLogKeluarMain td {font-size:.78rem!important; padding:8px 5px!important; vertical-align:middle!important; line-height:1.22!important;}
.v54-id-chip {display:inline-flex; align-items:center; justify-content:center; min-width:96px; max-width:100%; padding:5px 8px; border-radius:10px; background:#e0f2fe; color:#0369a1; border:1px solid rgba(14,165,233,.18); font-size:.82rem; font-weight:950; line-height:1.08; word-break:break-word;}
.v54-code-chip {display:inline-flex; align-items:center; justify-content:center; min-width:66px; max-width:100%; padding:5px 8px; border-radius:10px; background:#f8fafc; color:#0f172a; border:1px solid #cbd5e1; font-size:.82rem; font-weight:950; line-height:1.08;}
.v54-material-name {font-size:.82rem; font-weight:850; color:#1e293b; line-height:1.18;}
.v54-qty-chip {display:inline-flex; min-width:38px; justify-content:center; padding:5px 9px; border-radius:999px; background:#eef2ff; color:#3730a3; font-size:.8rem; font-weight:950;}
.v54-money {font-size:.76rem; font-weight:850; color:#334155; white-space:normal!important;}
.v54-date {font-size:.73rem; font-weight:800; color:#64748b; line-height:1.14;}
.v54-source {display:inline-flex; align-items:center; justify-content:center; max-width:100%; padding:5px 7px; border-radius:9px; background:#f8fafc; border:1px solid #e2e8f0; color:#475569; font-size:.70rem; font-weight:850; line-height:1.1;}
.btn-edit-in, .btn-edit-out, .btn-delete-in, .btn-delete-out {min-width:0!important; height:29px!important; padding:0 7px!important; font-size:.66rem!important; border-radius:8px!important;}
@media(max-width:900px) {
#tableLogMasukMain th, #tableLogKeluarMain th {font-size:.56rem!important;padding:6px 3px!important}
#tableLogMasukMain td, #tableLogKeluarMain td {font-size:.68rem!important;padding:6px 3px!important}
.v54-id-chip, .v54-code-chip {font-size:.68rem!important;min-width:0!important;padding:4px 5px!important}
.v54-material-name {font-size:.69rem!important}
.v54-money, .v54-date, .v54-source {font-size:.62rem!important}
}
#tableLogMasukMain, #tableLogKeluarMain {table-layout:fixed!important; width:100%!important; max-width:100%!important;}
#tableLogMasukMain th:nth-child(1), #tableLogKeluarMain th:nth-child(1), #tableLogMasukMain td:nth-child(1), #tableLogKeluarMain td:nth-child(1) {width:13%!important; text-align:center!important;}
#tableLogMasukMain th:nth-child(2), #tableLogKeluarMain th:nth-child(2), #tableLogMasukMain td:nth-child(2), #tableLogKeluarMain td:nth-child(2) {width:9%!important; text-align:center!important;}
#tableLogMasukMain th:nth-child(3), #tableLogKeluarMain th:nth-child(3), #tableLogMasukMain td:nth-child(3), #tableLogKeluarMain td:nth-child(3) {width:18%!important;}
#tableLogMasukMain th:nth-child(4), #tableLogKeluarMain th:nth-child(4), #tableLogMasukMain td:nth-child(4), #tableLogKeluarMain td:nth-child(4) {width:7%!important; text-align:center!important;}
#tableLogMasukMain th:nth-child(5), #tableLogKeluarMain th:nth-child(5), #tableLogMasukMain td:nth-child(5), #tableLogKeluarMain td:nth-child(5) {width:10.5%!important; text-align:right!important;}
#tableLogMasukMain th:nth-child(6), #tableLogKeluarMain th:nth-child(6), #tableLogMasukMain td:nth-child(6), #tableLogKeluarMain td:nth-child(6) {width:11%!important; text-align:right!important;}
#tableLogMasukMain th:nth-child(7), #tableLogKeluarMain th:nth-child(7), #tableLogMasukMain td:nth-child(7), #tableLogKeluarMain td:nth-child(7) {width:9%!important; text-align:center!important;}
#tableLogMasukMain th:nth-child(8), #tableLogKeluarMain th:nth-child(8), #tableLogMasukMain td:nth-child(8), #tableLogKeluarMain td:nth-child(8) {width:14%!important; text-align:center!important;}
#tableLogMasukMain th:nth-child(9), #tableLogKeluarMain th:nth-child(9), #tableLogMasukMain td:nth-child(9), #tableLogKeluarMain td:nth-child(9) {width:8.5%!important; text-align:center!important;}
#tableLogMasukMain td, #tableLogKeluarMain td {word-break:normal!important; overflow-wrap:normal!important; white-space:normal!important;}
.v56-id-chip {display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:96px!important; max-width:100%!important; padding:5px 8px!important; border-radius:9px!important; background:#e0f2fe!important; color:#0369a1!important; border:1px solid rgba(14,165,233,.18)!important; font-size:.82rem!important; font-weight:950!important; line-height:1.08!important; white-space:normal!important; overflow-wrap:break-word!important;}
.v56-code-chip, #tableLogMasukMain .v56-code-chip, #tableLogKeluarMain .v56-code-chip {display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:4px 7px!important; border-radius:8px!important; background:#e0f2fe!important; color:#0369a1!important; border:1px solid rgba(14,165,233,.16)!important; font-size:.78rem!important; font-weight:900!important; line-height:1.12!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important;}
.v56-material-name {font-size:.84rem!important; font-weight:900!important; color:#0f172a!important; line-height:1.18!important; word-break:normal!important; overflow-wrap:break-word!important;}
.v56-qty-chip {display:inline-flex!important; min-width:38px!important; justify-content:center!important; padding:5px 9px!important; border-radius:999px!important; background:#eef2ff!important; color:#3730a3!important; font-size:.78rem!important; font-weight:950!important;}
.v56-money {font-size:.75rem!important; font-weight:850!important; color:#334155!important; line-height:1.16!important; white-space:normal!important;}
.v56-date {font-size:.72rem!important; font-weight:800!important; color:#64748b!important; line-height:1.14!important;}
.v56-source, #tableLogMasukMain td:nth-child(8), #tableLogKeluarMain td:nth-child(8) {word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important;}
.v56-source {display:inline-block!important; max-width:100%!important; padding:6px 8px!important; border-radius:9px!important; background:#f8fafc!important; border:1px solid #e2e8f0!important; color:#475569!important; font-size:.72rem!important; font-weight:900!important; line-height:1.16!important; text-align:center!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important;}
.v56-source .v56-word {display:inline-block!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important;}
@media(max-width:900px) {
.v56-id-chip {font-size:.68rem!important;min-width:0!important;padding:4px 5px!important}
.v56-code-chip {font-size:.68rem!important;padding:4px 5px!important;white-space:normal!important}
.v56-source {font-size:.66rem!important;padding:5px 6px!important}
}
#tableStokMain tfoot {display:none!important;}
#tableStokMain th, #tableStokMain td {text-align:center!important;}
#tableStokMain th:nth-child(2), #tableStokMain td:nth-child(2), #tableStokMain td:nth-child(2) span {text-align:left!important;}
#tableStokMain th:nth-child(4), #tableStokMain th:nth-child(5), #tableStokMain td:nth-child(4), #tableStokMain td:nth-child(5), #tableStokMain td:nth-child(4) span, #tableStokMain td:nth-child(5) span {text-align:center!important; justify-content:center!important;}
.stok-total-card-final {margin-top:12px; width:100%; border-radius:16px; overflow:hidden; border:1px solid #dbeafe; background:linear-gradient(135deg,#0f172a 0%,#172554 100%); box-shadow:0 14px 30px rgba(15,23,42,.12);}
.stok-total-row-final {display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,260px); align-items:center; gap:0;}
.stok-total-label-final {padding:15px 18px; text-align:right; color:#e0f2fe; font-size:.88rem; font-weight:950; letter-spacing:.65px; text-transform:uppercase;}
.stok-total-value-final {min-height:54px; display:flex; align-items:center; justify-content:center; padding:15px 18px; background:rgba(245,158,11,.12); color:#fbbf24; border-left:1px solid rgba(255,255,255,.10); font-family:'Space Grotesk',sans-serif; font-size:1.08rem; font-weight:950; white-space:nowrap;}
@media (max-width:640px) {
.stok-total-row-final {grid-template-columns:1fr}
.stok-total-label-final {text-align:center;padding-bottom:8px}
.stok-total-value-final {border-left:0;border-top:1px solid rgba(255,255,255,.10)}
}
#tab-masterBarang .btn-export-pdf-gradient, #tab-mitraSupplier .btn-export-pdf-gradient, #tab-masterBarang button[onclick*="PDF"], #tab-masterBarang button[onclick*="Pdf"], #tab-masterBarang button[onclick*="pdf"], #tab-mitraSupplier button[onclick*="PDF"], #tab-mitraSupplier button[onclick*="Pdf"], #tab-mitraSupplier button[onclick*="pdf"] {display:none!important;}
#tableMasterMaterialMain th:nth-child(2), #tableMasterMaterialMain td:nth-child(2), #bMasterBody td:nth-child(2), #bMasterBody td:nth-child(2) *, .master-material-name-cell {text-align:left!important; justify-content:flex-start!important; align-items:center!important;}
#tableMasterMaterialMain td:nth-child(2), #bMasterBody td:nth-child(2) {padding-left:18px!important;}
.aksi-user-locked-final, .aksi-user-locked-v48, .role-user-locked-pill, .aksi-locked-pill {display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; min-width:86px!important; padding:7px 10px!important; border-radius:999px!important; font-size:.68rem!important; font-weight:900!important; line-height:1.1!important; white-space:nowrap!important; visibility:visible!important; opacity:1!important;}
#bMasukBody td:last-child, #bKeluarBody td:last-child {text-align:center!important; vertical-align:middle!important;}
body.role-user-mode #bMasukBody td:last-child, body.role-user-mode #bKeluarBody td:last-child {display:table-cell!important; visibility:visible!important; opacity:1!important;}
@media (prefers-reduced-motion:reduce) {
*, *::before, *::after {animation-duration:0.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0.01ms!important}
}
.login-universe::before, .login-universe::after, .login-card-vault, .btn-cyber-ignite, .status-pill::after {animation-duration:12s!important;}
button:disabled, .btn:disabled {pointer-events:none!important;}
@keyframes financeBarRiseV72{from{transform:scaleY(.12);opacity:.62}to{transform:scaleY(1);opacity:1}}
:root {--notif-dark:#07111f; --notif-panel:#0f172a; --notif-line:#38bdf8; --notif-ok:#22c55e; --notif-warn:#f59e0b; --notif-danger:#fb7185;}
.swal2-container {padding:18px!important;}
.swal2-popup.imp-toast-premium, .swal2-popup.imp-alert-premium {border-radius:26px!important; border:1px solid rgba(148,163,184,.18)!important; background:linear-gradient(180deg,#101a2c 0%,#07111f 100%)!important; color:#f8fafc!important; box-shadow:0 24px 70px rgba(2,6,23,.46)!important; overflow:hidden!important; font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif!important;}
.swal2-popup.imp-alert-premium {width:min(92vw,500px)!important; padding:28px 28px 24px!important;}
.swal2-popup.imp-toast-premium {width:min(94vw,460px)!important; padding:18px 18px 18px 18px!important;}
.swal2-popup.imp-toast-premium::before, .swal2-popup.imp-alert-premium::before {content:""; position:absolute; top:0; left:20px; right:20px; height:3px; border-radius:999px; background:linear-gradient(90deg,transparent,var(--notif-line),var(--notif-ok),transparent);}
.swal2-popup.imp-alert-premium.swal2-show, .swal2-popup.imp-toast-premium.swal2-show {animation:impNotifIn .24s cubic-bezier(.2,.85,.2,1) both!important;}
.swal2-popup.imp-alert-premium.swal2-hide, .swal2-popup.imp-toast-premium.swal2-hide {animation:impNotifOut .18s ease both!important;}
@keyframes impNotifIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes impNotifOut{to{opacity:0;transform:translateY(8px) scale(.985)}}
@media(max-width:560px) {
.swal2-container {padding:12px!important}
.swal2-popup.imp-alert-premium {padding:24px 20px 20px!important;border-radius:22px!important}
.swal2-popup.imp-toast-premium {border-radius:22px!important}
}
#tab-manajemenUser .table-responsive-wrapper {overflow:auto!important; border-radius:22px!important; box-shadow:0 18px 45px rgba(15,23,42,.08)!important;}
#tab-manajemenUser table {width:100%!important; min-width:0!important; border-collapse:separate!important; border-spacing:0!important;}
#tab-manajemenUser thead th {background:#0f172a!important; color:#e0f2fe!important; white-space:nowrap!important; padding:15px 18px!important; font-size:.76rem!important; letter-spacing:.75px!important;}
#tab-manajemenUser tbody td {padding:14px 18px!important; vertical-align:middle!important; border-bottom:1px solid #eaf0f7!important;}
.user-tools-v102 {display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 14px; flex-wrap:wrap;}
.user-search-v102 {min-width:250px; max-width:360px; width:100%; border:1px solid #dbeafe; border-radius:14px; padding:10px 14px; font-weight:800; outline:none; background:#fff;}
.user-search-v102:focus {border-color:#38bdf8; box-shadow:0 0 0 4px rgba(14,165,233,.12);}
.btn-refresh-v102 {border:none; background:#0f172a; color:#fff; border-radius:13px; padding:10px 14px; font-weight:900; display:inline-flex; align-items:center; gap:8px;}
.userbox-v102 {display:flex; align-items:center; gap:11px;}
.avatar-v102 {width:39px; height:39px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; background:#e0f2fe; color:#0369a1; flex:0 0 auto;}
.userbox-v102 b {display:block; color:#0f172a; font-size:.9rem;}
.userbox-v102 small {display:block; color:#64748b; font-size:.68rem; font-weight:900; text-transform:uppercase; letter-spacing:.3px;}
.pass-v102 {display:inline-flex; align-items:center; gap:8px; padding:8px 11px; border-radius:11px; background:#f8fafc; border:1px solid #e2e8f0; font-weight:900; color:#0f172a;}
.pill-v102 {display:inline-flex; align-items:center; justify-content:center; gap:7px; border-radius:999px; padding:8px 13px; font-size:.72rem; font-weight:1000; text-transform:uppercase; letter-spacing:.4px; border:1px solid transparent; white-space:nowrap;}
.role-admin-v102 {background:#e0f2fe; color:#0369a1; border-color:#bae6fd;}
.role-user-v102 {background:#f1f5f9; color:#475569; border-color:#e2e8f0;}
.online-v102 {background:#dcfce7; color:#047857; border-color:#86efac; box-shadow:0 0 0 4px rgba(34,197,94,.08);}
.offline-v102 {background:#f8fafc; color:#64748b; border-color:#e2e8f0;}
.last-v102 b {display:block; color:#0f172a; font-size:.82rem;}
.last-v102 small {display:block; color:#64748b; font-size:.68rem; font-weight:800;}
.btn-del-v102 {display:inline-flex; align-items:center; gap:7px; border-radius:12px; padding:8px 12px; font-size:.75rem; font-weight:900; border:1px solid transparent; white-space:nowrap;}
.btn-del-v102 {background:#fff1f2; color:#be123c; border-color:#fecdd3;}
.btn-del-v102:hover {background:#be123c; color:#fff;}
.empty-v102 {padding:22px; text-align:center; color:#64748b; font-weight:900;}
#paneLoginGateway.login-v57, #paneLoginGateway.login-clean-v2, #paneLoginGateway.login-universe {position:relative!important; min-height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:18px!important; overflow:hidden!important; background:radial-gradient(circle at 14% 14%,rgba(14,165,233,.24) 0,transparent 30%),radial-gradient(circle at 86% 78%,rgba(16,185,129,.14) 0,transparent 32%),linear-gradient(135deg,#020617 0%,#0b1220 48%,#0f172a 100%)!important;}
#paneLoginGateway.login-v57::after, #paneLoginGateway .v57-login-orb {display:none!important;}
#paneLoginGateway.login-v57::before, #paneLoginGateway.login-clean-v2::before, #paneLoginGateway.login-universe::before {content:""!important; position:absolute!important; inset:0!important; display:block!important; background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px)!important; background-size:48px 48px!important; opacity:.42!important; animation:none!important; transform:none!important; pointer-events:none!important; mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.28))!important; -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.28))!important;}
#paneLoginGateway.login-v57 .login-card-vault, #paneLoginGateway.login-v57 .login-clean-card, #paneLoginGateway .login-card-vault, #paneLoginGateway .login-clean-card {position:relative!important; z-index:2!important; width:100%!important; max-width:420px!important; padding:30px 28px!important; border-radius:28px!important; color:#e5f3ff!important; background:rgba(15,23,42,.96)!important; border:1px solid rgba(56,189,248,.24)!important; box-shadow:0 22px 54px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; overflow:hidden!important; animation:none!important; transform:none!important; transition:box-shadow .18s ease,border-color .18s ease!important;}
#paneLoginGateway.login-v57 .login-card-vault:hover, #paneLoginGateway.login-v57 .login-clean-card:hover {transform:none!important; border-color:rgba(125,211,252,.36)!important; box-shadow:0 24px 58px rgba(0,0,0,.46),0 0 24px rgba(14,165,233,.10)!important;}
#paneLoginGateway .login-card-vault::before, #paneLoginGateway .login-clean-card::before, #paneLoginGateway .v57-login-scan {content:""!important; position:absolute!important; left:22px!important; right:22px!important; top:0!important; height:3px!important; display:block!important; border-radius:999px!important; background:linear-gradient(90deg,transparent,#38bdf8,#22c55e,#818cf8,transparent)!important; box-shadow:0 0 14px rgba(56,189,248,.42)!important; animation:none!important;}
#paneLoginGateway .login-card-vault::after, #paneLoginGateway .login-clean-card::after {display:none!important;}
#paneLoginGateway.login-v57 .login-v36-badge {display:inline-flex!important; align-items:center!important; gap:6px!important; padding:7px 12px!important; border-radius:999px!important; background:rgba(14,165,233,.10)!important; color:#bae6fd!important; border:1px solid rgba(125,211,252,.22)!important; font-size:.66rem!important; font-weight:900!important; letter-spacing:.65px!important; text-transform:uppercase!important;}
#paneLoginGateway.login-v57 .login-clean-logo, #paneLoginGateway .login-clean-logo {width:60px!important; height:60px!important; margin:14px auto 12px!important; border-radius:20px!important; display:flex!important; align-items:center!important; justify-content:center!important; color:#ffffff!important; background:linear-gradient(135deg,#0284c7,#2563eb 55%,#10b981)!important; box-shadow:0 12px 26px rgba(14,165,233,.24)!important; animation:none!important; transform:none!important;}
#paneLoginGateway.login-v57 .login-clean-title, #paneLoginGateway .login-clean-title {font-family:'Space Grotesk','Plus Jakarta Sans',sans-serif!important; font-size:2rem!important; font-weight:900!important; letter-spacing:-1px!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; background:none!important; text-shadow:none!important;}
#paneLoginGateway.login-v57 .login-clean-subtitle, #paneLoginGateway .login-clean-subtitle {color:#93c5fd!important; font-size:.78rem!important; font-weight:900!important; letter-spacing:.7px!important;}
#paneLoginGateway.login-v57 .login-clean-label, #paneLoginGateway .login-clean-label, #paneLoginGateway .form-label.text-white-50 {color:#cbd5e1!important; font-size:.74rem!important; font-weight:900!important; letter-spacing:.55px!important;}
#paneLoginGateway.login-v57 .login-clean-input-wrap, #paneLoginGateway .login-clean-input-wrap, #paneLoginGateway .input-group {position:relative!important; display:flex!important; align-items:center!important; min-height:48px!important; border-radius:16px!important; border:1px solid rgba(148,163,184,.22)!important; background:rgba(2,6,23,.78)!important; box-shadow:none!important; transition:border-color .16s ease,box-shadow .16s ease!important;}
#paneLoginGateway.login-v57 .login-clean-input-wrap:focus-within, #paneLoginGateway .login-clean-input-wrap:focus-within, #paneLoginGateway .input-group:focus-within {border-color:rgba(56,189,248,.72)!important; box-shadow:0 0 0 3px rgba(14,165,233,.12)!important; transform:none!important;}
#paneLoginGateway .input-group-text, #paneLoginGateway .login-clean-input-wrap i {color:#7dd3fc!important; background:transparent!important; border:none!important;}
#paneLoginGateway.login-v57 .login-clean-input, #paneLoginGateway .login-clean-input, #paneLoginGateway .login-cyber-input {color:#f8fafc!important; background:transparent!important; border:none!important; box-shadow:none!important; font-weight:800!important; font-size:.95rem!important; letter-spacing:.1px!important; text-align:left!important; text-transform:none!important;}
#paneLoginGateway.login-v57 .login-clean-input::placeholder, #paneLoginGateway .login-clean-input::placeholder, #paneLoginGateway .login-cyber-input::placeholder {color:rgba(203,213,225,.56)!important; font-weight:700!important;}
#paneLoginGateway.login-v57 .login-clean-btn, #paneLoginGateway .login-clean-btn, #paneLoginGateway .btn-cyber-ignite {position:relative!important; overflow:hidden!important; min-height:48px!important; border-radius:16px!important; background:linear-gradient(135deg,#0284c7,#2563eb 52%,#10b981)!important; color:#ffffff!important; border:none!important; font-weight:950!important; letter-spacing:.3px!important; box-shadow:0 12px 26px rgba(14,165,233,.22)!important; animation:none!important; transition:filter .16s ease,box-shadow .16s ease!important;}
#paneLoginGateway.login-v57 .login-clean-btn::before, #paneLoginGateway .login-clean-btn::before, #paneLoginGateway .btn-cyber-ignite::before {display:none!important;}
#paneLoginGateway.login-v57 .login-clean-btn:hover, #paneLoginGateway .login-clean-btn:hover, #paneLoginGateway .btn-cyber-ignite:hover {transform:none!important; filter:brightness(1.06)!important; box-shadow:0 14px 30px rgba(14,165,233,.28)!important;}
#paneLoginGateway *, #paneLoginGateway::before, #paneLoginGateway::after {animation-duration:0s!important; animation-iteration-count:1!important;}
@media(max-width:560px) {
#paneLoginGateway.login-v57, #paneLoginGateway.login-clean-v2 {padding:14px!important}
#paneLoginGateway.login-v57 .login-card-vault, #paneLoginGateway .login-card-vault, #paneLoginGateway .login-clean-card {padding:26px 22px!important;border-radius:24px!important;max-width:392px!important}
#paneLoginGateway.login-v57 .login-clean-title, #paneLoginGateway .login-clean-title {font-size:1.78rem!important}
}
html, body {max-width:100%; overflow-x:hidden;}
#loaderSystem.hidden, .hidden {display:none!important;}
#paneLoginGateway.login-force-hide {display:none!important;}
#paneMainApplication.login-force-show {display:block!important;}
.table-responsive-wrapper {max-width:100%!important;}
button[disabled], .btn[disabled] {cursor:not-allowed!important; opacity:.68!important;}
.swal2-container {z-index:100000!important;}
input, select, textarea, button {font-family:inherit;}
@media (max-width:768px) {
.app-workspace-fluid {overflow-x:hidden!important;padding-left:10px!important;padding-right:10px!important}
.premium-workspace-header, .premium-glass-card {max-width:100%!important}
.table-responsive-wrapper {position:relative!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;padding:10px!important;border-radius:16px!important;scrollbar-width:thin}
.table-responsive-wrapper::before {pointer-events:none!important}
.table-responsive-wrapper::after {content:"Geser tabel ke kanan/kiri";display:block;position:sticky;left:0;width:max-content;margin-top:8px;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#0369a1;border:1px solid #dbeafe;font-size:.68rem;font-weight:900;letter-spacing:.25px;text-transform:uppercase}
.table-responsive-wrapper .table, .table-responsive-wrapper>table, table.table {width:max-content!important;max-width:none!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important}
#tab-manajemenUser .table-responsive-wrapper table {min-width:680px!important}
#tableMasterMaterialMain {min-width:760px!important}
#tableLogMasukMain, #tableLogKeluarMain {min-width:1040px!important}
#tableStokMain {min-width:820px!important}
#tableSupplierMain {min-width:850px!important}
#tableRekapBlokMain {min-width:980px!important}
.table-responsive-wrapper .table th, .table-responsive-wrapper .table td {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:middle!important;padding:10px 12px!important;line-height:1.25!important;font-size:.78rem!important}
.table-responsive-wrapper .table th {font-size:.68rem!important;letter-spacing:.45px!important}
.table-responsive-wrapper .table td:nth-child(3), #tableMasterMaterialMain td:nth-child(2), #tableSupplierMain td:nth-child(2), #tableSupplierMain td:nth-child(4), #tableRekapBlokMain td:nth-child(3) {white-space:normal!important;min-width:190px!important;max-width:260px!important;overflow-wrap:anywhere!important}
#tableLogMasukMain td:nth-child(8), #tableLogKeluarMain td:nth-child(8) {white-space:normal!important;min-width:150px!important;max-width:220px!important;overflow-wrap:anywhere!important}
.table-code-chip, .qty-chip, .status-pill, .table .badge {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.15!important}
.status-pill {min-width:96px!important;padding:6px 10px!important;font-size:.66rem!important}
.btn-edit-in, .btn-edit-out, .btn-delete-in, .btn-delete-out, .quick-action-btn {min-width:34px!important;height:32px!important;padding:0 8px!important;font-size:.7rem!important;border-radius:9px!important;white-space:nowrap!important}
.table .aksi-wrap-final {display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:5px!important}
#pagerMasuk, #pagerKeluar, #pagerBlok {position:sticky;left:0;width:calc(100vw - 44px);justify-content:center!important}
.search-magnifier-box, .cyber-date-wrapper {max-width:100%!important}
}
@media (min-width:769px) {
.table-responsive-wrapper::after {content:none!important}
}
@media (max-width:1140px) {
#paneMainApplication, .app-workspace-fluid, .action-tab, .premium-glass-card {max-width:100%!important;overflow-x:hidden!important}
.action-tab .table-responsive-wrapper, #tab-manajemenUser .table-responsive-wrapper, #tab-masterBarang .table-responsive-wrapper, #tab-logMasuk .table-responsive-wrapper, #tab-logKeluar .table-responsive-wrapper, #tab-stokGudang .table-responsive-wrapper, #tab-mitraSupplier .table-responsive-wrapper, #tab-rekapBlok .table-responsive-wrapper {display:block!important;position:relative!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;overscroll-behavior-inline:contain!important;padding:10px!important;border-radius:16px!important;scrollbar-width:thin!important}
.action-tab .table-responsive-wrapper table.table, #tab-manajemenUser .table-responsive-wrapper table, #tab-masterBarang .table-responsive-wrapper table, #tab-logMasuk .table-responsive-wrapper table, #tab-logKeluar .table-responsive-wrapper table, #tab-stokGudang .table-responsive-wrapper table, #tab-mitraSupplier .table-responsive-wrapper table, #tab-rekapBlok .table-responsive-wrapper table {width:max-content!important;max-width:none!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important}
#tab-manajemenUser .table-responsive-wrapper table {min-width:700px!important}
#tableMasterMaterialMain {min-width:720px!important}
#tableLogMasukMain {min-width:1120px!important}
#tableLogKeluarMain {min-width:1120px!important}
#tableStokMain {min-width:980px!important}
#tableSupplierMain {min-width:920px!important}
#tableRekapBlokMain {min-width:1040px!important}
.action-tab .table-responsive-wrapper table.table th, .action-tab .table-responsive-wrapper table.table td {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:middle!important;padding:10px 12px!important;line-height:1.25!important}
.action-tab .table-responsive-wrapper table.table th {font-size:.68rem!important;letter-spacing:.45px!important}
.action-tab .table-responsive-wrapper table.table td {font-size:.78rem!important}
#tableMasterMaterialMain td:nth-child(2), #tableLogMasukMain td:nth-child(3), #tableLogMasukMain td:nth-child(8), #tableLogKeluarMain td:nth-child(3), #tableLogKeluarMain td:nth-child(8), #tableStokMain td:nth-child(2), #tableSupplierMain td:nth-child(2), #tableSupplierMain td:nth-child(4), #tableRekapBlokMain td:nth-child(3), #tableRekapBlokMain td:nth-child(8) {white-space:normal!important;min-width:180px!important;max-width:280px!important;overflow-wrap:anywhere!important}
.action-tab .table-responsive-wrapper .nobrk, .action-tab .table-responsive-wrapper .table-code-chip, .action-tab .table-responsive-wrapper .qty-chip, .action-tab .table-responsive-wrapper .status-pill, .action-tab .table-responsive-wrapper .badge {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.action-tab .table-responsive-wrapper .aksi-wrap-final {display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important}
.action-tab .table-responsive-wrapper::after {content:"Geser tabel ke kanan/kiri"!important;display:block!important;position:sticky!important;left:0!important;width:max-content!important;margin-top:8px!important;padding:5px 10px!important;border-radius:999px!important;background:#eff6ff!important;color:#0369a1!important;border:1px solid #dbeafe!important;font-size:.68rem!important;font-weight:900!important;letter-spacing:.25px!important;text-transform:uppercase!important;pointer-events:none!important}
}
@media (min-width:1141px) {
.action-tab .table-responsive-wrapper::after {content:none!important;display:none!important}
}
.pagination-cyber-summary-v70 {display:inline-flex; align-items:center; min-height:34px; padding:0 10px; border-radius:10px; border:1px solid #dbeafe; background:#f8fafc; color:#475569; font-size:.74rem; font-weight:900; white-space:nowrap;}
.pagination-cyber-ellipsis-v70 {display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:34px; color:#64748b; font-weight:900;}
#pagerMasuk, #pagerKeluar, #pagerBlok {align-items:center!important;}
@media (max-width:420px) {
.table-responsive-wrapper table.table tbody tr {padding:8px!important;border-radius:14px!important}
.table-responsive-wrapper table.table tbody td {font-size:.71rem!important;gap:7px!important}
.table-responsive-wrapper table.table tbody td::before {flex-basis:40%;max-width:40%;font-size:.59rem}
.table-responsive-wrapper table.table tbody td>* {max-width:60%!important}
}
.status-pill, #tableStokMain .status-pill, .table-responsive-wrapper table.table tbody td .status-pill {display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:4px!important; min-width:72px!important; padding:4px 8px!important; border-radius:999px!important; font-size:.61rem!important; line-height:1.1!important; font-weight:900!important; letter-spacing:.12px!important; text-transform:none!important; position:relative!important; overflow:hidden!important; isolation:isolate!important; transform:translateZ(0)!important; animation:statusFloatLite 3.8s ease-in-out infinite!important; box-shadow:0 3px 9px rgba(15,23,42,.06)!important;}
.status-pill::before, #tableStokMain .status-pill::before, .table-responsive-wrapper table.table tbody td .status-pill::before {content:""!important; display:inline-block!important; width:6px!important; height:6px!important; min-width:6px!important; border-radius:999px!important; background:currentColor!important; opacity:.86!important; animation:statusDotLite 1.9s ease-in-out infinite!important; box-shadow:0 0 0 0 currentColor!important;}
.status-pill::after, #tableStokMain .status-pill::after, .table-responsive-wrapper table.table tbody td .status-pill::after {content:""!important; display:block!important; position:absolute!important; inset:0!important; z-index:-1!important; background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.38) 48%,transparent 72%)!important; transform:translateX(-125%)!important; animation:statusShineLite 4.6s ease-in-out infinite!important;}
.status-pill i, #tableStokMain .status-pill i, .table-responsive-wrapper table.table tbody td .status-pill i {display:none!important;}
.status-safe, #tableStokMain .status-safe {color:#047857!important; background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(236,253,245,.92))!important; border-color:rgba(16,185,129,.22)!important;}
.status-warning, #tableStokMain .status-warning {color:#b45309!important; background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(255,251,235,.95))!important; border-color:rgba(245,158,11,.26)!important;}
.status-empty, #tableStokMain .status-empty {color:#be123c!important; background:linear-gradient(135deg,rgba(244,63,94,.16),rgba(255,241,242,.96))!important; border-color:rgba(244,63,94,.26)!important; animation:statusFloatLite 3.8s ease-in-out infinite,statusDangerLite 2.4s ease-in-out infinite!important;}
@keyframes statusFloatLite{0%,100%{transform:translateZ(0) translateY(0)}50%{transform:translateZ(0) translateY(-1px)}}
@keyframes statusDotLite{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.28);opacity:1}}
@keyframes statusShineLite{0%,58%{transform:translateX(-125%)}82%,100%{transform:translateX(125%)}}
@keyframes statusDangerLite{50%{box-shadow:0 0 0 4px rgba(244,63,94,.08)!important}}
#tab-masterBarang table th:last-child, #tab-masterBarang table td:last-child, #tab-mitraSupplier table th:last-child, #tab-mitraSupplier table td:last-child {display:table-cell!important; visibility:visible!important; opacity:1!important; text-align:center!important; vertical-align:middle!important;}
#tab-masterBarang .aksi-locked-pill, #tab-mitraSupplier .aksi-locked-pill, .aksi-cell-user-safe .aksi-locked-pill {display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; min-width:82px!important; max-width:100%!important; padding:6px 9px!important; border-radius:999px!important; background:linear-gradient(135deg,#f8fafc,#eef2ff)!important; border:1px solid #dbeafe!important; color:#64748b!important; font-size:.66rem!important; font-weight:900!important; line-height:1.05!important; white-space:nowrap!important; box-shadow:0 3px 9px rgba(15,23,42,.04)!important;}
#tab-masterBarang .aksi-locked-pill i, #tab-mitraSupplier .aksi-locked-pill i, .aksi-cell-user-safe .aksi-locked-pill i {color:#94a3b8!important; font-size:.66rem!important;}
@media (max-width:768px) {
.status-pill, #tableStokMain .status-pill, .table-responsive-wrapper table.table tbody td .status-pill {min-width:62px!important;padding:3px 6px!important;font-size:.55rem!important}
#tab-masterBarang .aksi-locked-pill, #tab-mitraSupplier .aksi-locked-pill, .aksi-cell-user-safe .aksi-locked-pill {min-width:70px!important;padding:5px 7px!important;font-size:.58rem!important}
}
@media (prefers-reduced-motion:reduce) {
.status-pill, .status-pill::before, .status-pill::after {animation:none!important}
}
.imp35-log {display:flex!important; flex-direction:column!important; gap:6px!important; padding:10px 12px!important; border-radius:14px!important; background:#f8fafc!important; border:1px solid #e2e8f0!important; margin-bottom:8px!important;}
.imp35-log-main {display:flex!important; align-items:flex-start!important; gap:8px!important; flex-wrap:wrap!important; line-height:1.45!important;}
.imp35-log-user {display:inline-block!important; color:#0284c7!important; font-size:.82rem!important; font-weight:900!important; min-width:auto!important; white-space:nowrap!important; margin:0!important;}
.imp35-log-desc {flex:1 1 220px!important; color:#334155!important; font-size:.81rem!important; font-weight:800!important; word-break:break-word!important;}
.imp35-log-time {display:inline-flex!important; align-items:center!important; gap:5px!important; width:max-content!important; max-width:100%!important; padding:5px 9px!important; border-radius:999px!important; background:#ffffff!important; border:1px solid #e2e8f0!important; color:#64748b!important; font-size:.70rem!important; font-weight:900!important;}
.imp35-log-time i {color:#0ea5e9!important;}
#imp29Feed .imp35-log:last-child {margin-bottom:0!important;}
@media (max-width:768px) {
.imp35-log {padding:9px 10px!important;gap:5px!important}
.imp35-log-main {gap:6px!important}
.imp35-log-user {font-size:.76rem!important}
.imp35-log-desc {font-size:.75rem!important}
.imp35-log-time {font-size:.66rem!important;padding:4px 8px!important}
}
.imp38-log-type {display:inline-flex!important; align-items:center!important; justify-content:center!important; height:22px!important; padding:0 8px!important; border-radius:999px!important; font-size:.66rem!important; font-weight:950!important; letter-spacing:.45px!important; line-height:1!important; white-space:nowrap!important; border:1px solid transparent!important;}
.imp38-masuk {background:#dcfce7!important; color:#047857!important; border-color:#bbf7d0!important;}
.imp38-keluar {background:#fee2e2!important; color:#b91c1c!important; border-color:#fecaca!important;}
.imp38-log-main {align-items:center!important;}
.stream-log-item .imp38-log-type {margin:0 4px!important; vertical-align:middle!important;}
@media(max-width:768px) {
.imp38-log-type {height:20px!important;padding:0 7px!important;font-size:.60rem!important}
}