:root{--bg-1: #0b0b0c;--bg-2: rgba(255,255,255,0.02);--panel: rgba(255,255,255,0.03);--muted: rgba(255,255,255,0.55);--accent: #5aa7ff;--accent-2: #376fd6;--glass-border: rgba(255,255,255,0.06);--unread: #ff6b6b;--radius: 14px;--shadow: 0 6px 24px rgba(2,6,23,0.6);--accent-glow: rgba(90,167,255,0.12);--input-bg:#2b2b2b;--color-icon:#f0f0f0;--bg-color-icon:rgba(255,255,255,0.08);--bg-color-icon-hover:#555;--color-icon-hover:#fff;--classic-sidebar-width:250px;--panel-radius:20px;--panel-border:rgba(255,255,255,0.075);--panel-shadow:0 24px 60px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.055);color-scheme: dark;}.theme-light{--bg-1: #f5f7fb;--bg-2: rgba(0,0,0,0.02);--panel: rgb(255,255,255);--muted: rgba(0,0,0,0.55);--accent: #3b82f6;--accent-2: #1d4ed8;--glass-border: rgba(0,0,0,0.08);--accent-glow: rgba(59,130,246,0.12);--input-bg:#f3f4f6;--color-icon:#111827;--bg-color-icon:rgba(102,102,102,0.11);--bg-color-icon-hover:rgba(102,102,102,0.354);--color-icon-hover:#111827;--panel-border:rgba(35,73,120,0.1);--panel-shadow:0 24px 60px rgba(24,49,83,0.13),inset 0 1px 0 #fff;color-scheme: light;}.theme-light{background: linear-gradient(180deg,#f9fafb,#eef2f7);color:#111827;}.theme-pink{--bg-1: #fff1f7;--bg-2: rgba(236,96,159,0.08);--panel: rgba(255,255,255,0.86);--muted: rgba(108,68,88,0.72);--accent: #ec5f9f;--accent-2: #d94687;--glass-border: rgba(236,96,159,0.18);--accent-glow: rgba(236,96,159,0.18);--input-bg:#fff8fb;--color-icon:#7a3557;--bg-color-icon:rgba(255,182,216,0.28);--bg-color-icon-hover:rgba(244,114,182,0.34);--color-icon-hover:#5f2140;--panel-border:rgba(224,73,142,0.2);--panel-shadow:0 24px 60px rgba(183,49,111,0.2),inset 0 1px 0 rgba(255,255,255,0.94);color-scheme: light;}.theme-pink{background: radial-gradient(circle at top right,rgba(255,182,216,0.34),transparent 26rem),radial-gradient(circle at bottom left,rgba(244,114,182,0.18),transparent 24rem),linear-gradient(180deg,#fff7fb,#ffe9f3);color:#4b2440;}.theme-light #content-header{border-bottom: 1px solid rgba(0,0,0,0.08);background: rgba(0,0,0,0.03);}.theme-pink #content-header{border-bottom: 1px solid rgba(236,96,159,0.18);background: rgba(255,255,255,0.38);}.theme-light input,.theme-light select,.theme-light textarea{color: #111827;background: var(--input-bg);border-color: #cbd5e1;box-shadow: 0 1px 2px rgba(0,0,0,0.05);}.theme-pink input,.theme-pink select,.theme-pink textarea{color: #4b2440;background: var(--input-bg);border-color: rgba(236,96,159,0.18);box-shadow: 0 1px 2px rgba(236,96,159,0.06);}.theme-light input::placeholder,.theme-light textarea::placeholder{color: rgba(0,0,0,0.45);}.theme-pink input::placeholder,.theme-pink textarea::placeholder{color: rgba(122,53,87,0.52);}.theme-light input:focus,.theme-light select:focus,.theme-light textarea:focus{background: var(--input-bg);color: #111827;border-color: var(--accent);}.theme-pink input:focus,.theme-pink select:focus,.theme-pink textarea:focus{background: #fffdfd;color: #4b2440;border-color: var(--accent);}.theme-light #search-input{background: var(--input-bg);color: #111827;border-color: #cbd5e1;}.theme-light #search-input::placeholder{color: rgba(0,0,0,0.45);}.theme-pink #search-input{background: var(--input-bg);color: #4b2440;border-color: rgba(236,96,159,0.18);}.theme-pink #search-input::placeholder{color: rgba(122,53,87,0.52);}.theme-light #kasirSettingsModal .form-grid input[type='text']::placeholder{color: #666;}.theme-pink #kasirSettingsModal .form-grid input[type='text']::placeholder{color: rgba(122,53,87,0.52);}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color: #e9eef8 !important;caret-color: #e9eef8 !important;-webkit-box-shadow: 0 0 0px 1000px #111 inset !important;box-shadow: 0 0 0px 1000px #111 inset !important;transition: background-color 50000s ease-in-out 0s !important;}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;background: linear-gradient(180deg,var(--bg-1),#070708);color:#e9eef8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior: contain;background-color: #000;user-select: text;-webkit-user-select: text;}button,.my-button,.left-btn,.client-item{user-select:none;-webkit-user-select:none}body.loading{opacity:0;transform:translateY(6px);transition:opacity 350ms ease,transform 350ms ease;}body.ready{opacity:1;transform:none}.container{display:flex;height:100vh;width:100vw;padding:16px;gap:16px;align-items:stretch;}#left-buttons{display:none;}.left-btn{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.065);border-radius:12px;color:rgba(220,230,244,0.62);font-size:15px;cursor:pointer;background:linear-gradient(145deg,rgba(255,255,255,0.05),rgba(255,255,255,0.018));transition:color 180ms ease,background 180ms ease,border-color 180ms ease;}.left-btn:hover{color:#fff;border-color:rgba(90,167,255,0.16);background:rgba(90,167,255,0.1);transform:none;}.left-btn.selected{color:#b9daff;border-color:rgba(90,167,255,0.22);background:linear-gradient(145deg,rgba(90,167,255,0.24),rgba(55,111,214,0.12));box-shadow:0 8px 24px rgba(24,93,178,0.16);}.left-btn--danger:hover{color:#ff9c9c;border-color:rgba(255,107,107,0.16);background:rgba(255,107,107,0.08);}@media (min-width:769px){body.nav-classic #left-buttons{position:fixed;z-index:305;left:18px;top:50%;display:flex;flex-direction:column;gap:9px;transform:translateY(-50%);}body.nav-classic .sidebar{margin-left:54px;}body.nav-classic .sidebar-group:not(.open){display:none;}}.sidebar{position:relative;isolation:isolate;width:260px;margin-left:0;padding:8px;display:flex;flex-direction:column;overflow:hidden;min-height:calc(100vh - 32px);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background: radial-gradient(circle at 18% 0%,rgba(90,167,255,0.045),transparent 30%),linear-gradient(165deg,rgba(21,21,23,0.98),rgba(11,11,12,0.99));backdrop-filter:blur(18px) saturate(135%);box-shadow:var(--panel-shadow);}.sidebar::before{content:"";position:absolute;z-index:-1;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(132,190,255,0.72),transparent);}.sidebar-brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-height:46px;padding:6px 9px 8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,0.065);}#app-sidebar #apiwa-label.sidebar-brand{position:static;left:auto;top:auto;display:flex;gap:9px;margin:0 0 4px;padding:6px 9px 8px;transform:none;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,0.065);border-radius:0;box-shadow:none;opacity:1;cursor:pointer;text-transform:none;letter-spacing:normal;backdrop-filter:none;animation:none;}#app-sidebar #apiwa-label.sidebar-brand:hover{background:rgba(255,90,90,0.045);box-shadow:none;}.sidebar-brand-mark{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(126,185,255,0.2);border-radius:9px;color:#a9d1ff;font-size:12px;background:linear-gradient(145deg,rgba(90,167,255,0.18),rgba(55,111,214,0.08));}.sidebar-brand-name{color:#f8fbff;font-size:12.5px;font-weight:650;line-height:1.3;letter-spacing:0.2px;}.sidebar-footer{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:0 0 auto;padding:7px 1px 0;border-top:1px solid rgba(255,255,255,0.06);}.sidebar-mode-switch{grid-column:1 / -1;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;border:1px solid rgba(255,255,255,0.06);border-radius:10px;color:rgba(220,230,244,0.62);font:500 10px 'Poppins',sans-serif;cursor:pointer;background:rgba(255,255,255,0.02);transition:color 180ms ease,background 180ms ease,border-color 180ms ease;}.sidebar-mode-switch:hover{color:#fff;border-color:rgba(90,167,255,0.14);background:rgba(90,167,255,0.06);}.sidebar-mode-switch-copy{display:flex;align-items:center;gap:7px;}.sidebar-switch-track{width:27px;height:15px;flex:0 0 27px;padding:2px;border:1px solid rgba(255,255,255,0.09);border-radius:999px;background:rgba(255,255,255,0.06);transition:background 180ms ease,border-color 180ms ease;}.sidebar-switch-thumb{display:block;width:9px;height:9px;border-radius:50%;background:rgba(220,230,244,0.66);transition:transform 180ms ease,background 180ms ease;}body.nav-classic .sidebar-switch-track{border-color:rgba(90,167,255,0.28);background:rgba(90,167,255,0.22);}body.nav-classic .sidebar-switch-thumb{background:#a9d1ff;transform:translateX(12px);}.sidebar-mobile-toggle{display:none;}.sidebar-accordion{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:1px 1px 5px;}.sidebar-group{flex:0 0 auto;margin-bottom:2px;border:0;border-radius:12px;transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease;}.sidebar-group.open{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;background:rgba(90,167,255,0.045);box-shadow:none;}.sidebar-head{position:relative;display:flex;align-items:center;gap:9px;width:100%;flex:0 0 auto;min-height:48px;padding:7px 8px;overflow:hidden;border:0;border-radius:11px;color:inherit;font-family:inherit;text-align:left;cursor:pointer;background:transparent;box-shadow:none;transition:background 180ms ease;}.sidebar-head:hover{background:rgba(90,167,255,0.055);}.sidebar-group.open > .sidebar-head{background:linear-gradient(90deg,rgba(90,167,255,0.11),rgba(90,167,255,0.025) 72%);}.sidebar-head-icon{position:relative;z-index:1;width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.065);border-radius:9px;color:rgba(204,220,239,0.65);font-size:12px;background:linear-gradient(145deg,rgba(255,255,255,0.055),rgba(255,255,255,0.018));transition:color 180ms ease,background 180ms ease,border-color 180ms ease;}.sidebar-group.open .sidebar-head-icon{color:#a9d1ff;border-color:rgba(126,185,255,0.22);background:linear-gradient(145deg,rgba(90,167,255,0.2),rgba(55,111,214,0.1));box-shadow:0 8px 20px rgba(25,86,165,0.14),inset 0 1px 0 rgba(255,255,255,0.08);}.sidebar-head-copy{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-width:0;}.sidebar-title{order:1;color:rgba(239,245,252,0.82);font-size:13px;font-weight:600;line-height:1.35;letter-spacing:0.1px;text-transform:none;}.sidebar-group.open .sidebar-title{color:#fff;}.sidebar-head-chevron{margin-left:auto;color:rgba(200,215,234,0.34);font-size:9px;transition:transform 200ms ease,color 180ms ease;}.sidebar-group.open .sidebar-head-chevron{color:#79b7ff;transform:rotate(180deg);}.sidebar-menu{display:none;flex-direction:column;gap:2px;padding:5px 5px 4px;}.sidebar-group.open > .sidebar-menu{display:flex;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent;animation:sidebarMenuIn 180ms ease;}.sidebar-accordion{overflow-y:auto;scrollbar-width:thin}body:not(.nav-classic) .sidebar-group.open{min-height:220px}.sidebar-group.open.expanded{flex:0 0 auto}.sidebar-group.open.expanded > .sidebar-menu{flex:0 0 auto;overflow:visible}.sidebar-scroll-hint{display:none;align-items:center;justify-content:center;gap:6px;min-height:22px;cursor:pointer;margin:0 5px 4px;border-top:1px solid rgba(255,255,255,0.055);color:rgba(190,210,235,0.55);font-size:9px;font-weight:500;letter-spacing:0.15px;background:linear-gradient(180deg,rgba(13,16,22,0),rgba(13,16,22,0.82));}.sidebar-scroll-hint i{color:#79b7ff;font-size:8px;animation:sidebarScrollHint 1.4s ease-in-out infinite;}.sidebar-group.open.has-overflow:not(.at-scroll-end) > .sidebar-scroll-hint{display:flex;}@keyframes sidebarScrollHint{0%,100%{transform:translateY(-1px);opacity:0.55}50%{transform:translateY(2px);opacity:1}}@keyframes sidebarMenuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sidebar-header{display:none;align-items:center;gap:12px;padding:12px 12px 12px 0;font-weight:600;color: #f3f6fb;font-size:14px;letter-spacing:0.2px;border-bottom: 1px solid rgba(255,255,255,0.02);}.sidebar-sub{display:none;font-size:12px;color:var(--muted);margin-top:8px;margin-bottom:8px;padding:0 8px;}body.nav-classic #app-sidebar .sidebar-header{display: flex;}body.nav-classic #app-sidebar .sidebar-sub{display: flex;}body.nav-classic #app-sidebar .sidebar-title{display: none;}#client-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:5px;padding:14px 6px 8px;}.sidebar-section-label{display:flex;align-items:center;gap:9px;min-height:19px;margin:2px 7px 0;color:rgba(200,215,234,0.42);font-size:8.5px;font-weight:700;line-height:1;letter-spacing:1.1px;text-transform:uppercase;}.sidebar-section-label::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,0.075),transparent);}.hide{display: none !important;}.client-item{display: flex;gap:9px;align-items: center;min-height:46px;padding:5px 7px;border-radius:11px;cursor: pointer;transition:background 180ms cubic-bezier(.2,.9,.3,1),border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;border: 1px solid transparent;}.client-item{position: relative;}.sidebar-separator{display:none;height: 1px;margin:4px 8px 2px;background:linear-gradient(to right,transparent,rgba(255,255,255,0.09),transparent);border: 0;border-radius: 1px;}.theme-light .sidebar-separator{background: linear-gradient(to right,rgba(0,0,0,0.06),rgba(0,0,0,0.18),rgba(0,0,0,0.06));}.client-item:hover{transform:none;background:linear-gradient(90deg,rgba(90,167,255,0.09),rgba(255,255,255,0.025));border-color:rgba(130,188,255,0.11);box-shadow:0 8px 22px rgba(0,0,0,0.13);}.client-item.selected{background:linear-gradient(90deg,rgba(69,139,229,0.19),rgba(45,89,151,0.075));border:1px solid rgba(99,164,247,0.2);box-shadow: 0 10px 24px rgba(15,69,138,0.13),inset 0 1px 0 rgba(255,255,255,0.045);transform:none;}.client-item .avatar{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.055);border-radius:9px;color:rgba(204,220,239,0.72);font-size:12px;font-weight:600;background:linear-gradient(145deg,rgba(255,255,255,0.055),rgba(255,255,255,0.018));transition:color 180ms ease,background 180ms ease,border-color 180ms ease;}.client-item:hover .avatar{color:#a8d1ff;border-color:rgba(104,173,255,0.14);background:rgba(90,167,255,0.1);transform:none;}.client-item.selected .avatar{color:#c1ddff;border-color:rgba(104,173,255,0.22);background:linear-gradient(145deg,rgba(90,167,255,0.22),rgba(55,111,214,0.11));box-shadow:0 7px 18px rgba(24,93,178,0.15);}.client-item .meta{display:flex;flex-direction:column;gap:2px;overflow:hidden;}.client-item .meta .title{font-size:12.5px;font-weight:550;color:rgba(239,245,252,0.86);letter-spacing:0.05px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.client-item:hover .meta .title,.client-item.selected .meta .title{color:#fff;}.client-item .meta .sub{font-size:12px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}#content-area{flex:1;display:flex;flex-direction:column;border-radius: var(--panel-radius);overflow:hidden;background: linear-gradient(180deg,rgba(255,255,255,0.015),rgba(255,255,255,0.01));border: 1px solid var(--panel-border);box-shadow: var(--panel-shadow);}.theme-light #content-area{background: linear-gradient(180deg,rgba(245,245,245,0.95),rgba(225,225,225,0.88));box-shadow: var(--panel-shadow);border: 1px solid var(--panel-border);}#content-header{display: flex;justify-content: space-between;align-items: center;padding: 10px 16px;border-bottom: 1px solid rgba(255,255,255,0.1);background: rgba(255,255,255,0.05);}.header-left .title{font-size: 18px;font-weight: 600;color: rgb(35,204,35);}.theme-light .header-left .title{color: #414141;}#content-header .page-heading{display: flex;align-items: center;gap: 14px;flex-shrink: 0;white-space: nowrap;}@media (max-width: 1100px){.page-heading-eyebrow{display: none;}.page-heading-text{padding-left: 10px;}.page-heading-icon{width: 34px;height: 34px;flex-basis: 34px;font-size: 15px;border-radius: 10px;}#content-header .page-heading .title{font-size: 16px;}}.page-heading-icon{width: 42px;height: 42px;flex: 0 0 42px;display: inline-flex;align-items: center;justify-content: center;border-radius: 12px;font-size: 18px;color: #fff;background: linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);box-shadow: 0 6px 16px rgba(79,110,247,0.35),inset 0 1px 0 rgba(255,255,255,0.25);}.page-heading-text{display: flex;flex-direction: column;gap: 2px;line-height: 1.15;padding-left: 14px;border-left: 1px solid rgba(255,255,255,0.12);}.page-heading-eyebrow{font-size: 10.5px;font-weight: 600;letter-spacing: 1.4px;text-transform: uppercase;color: rgba(255,255,255,0.5);}.page-heading-eyebrow i{font-size: 8px;margin: 0 5px;opacity: 0.7;}#content-header .page-heading .title{font-size: 20px;font-weight: 700;letter-spacing: 0.2px;background: linear-gradient(90deg,#ffffff 0%,#b8c7ff 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}.theme-pink .page-heading-text{border-left-color: rgba(207,76,136,0.25);}.theme-pink .page-heading-eyebrow{color: rgba(122,53,87,0.65);}.theme-pink .page-heading-icon{background: linear-gradient(135deg,#ec5f9f 0%,#c13584 100%);box-shadow: 0 6px 16px rgba(236,95,159,0.35),inset 0 1px 0 rgba(255,255,255,0.3);}.theme-pink #content-header .page-heading .title{background: linear-gradient(90deg,#5f2140 0%,#cf4c88 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}.theme-light .page-heading-text{border-left-color: rgba(0,0,0,0.12);}.theme-light .page-heading-eyebrow{color: rgba(0,0,0,0.5);}.theme-light #content-header .page-heading .title{background: linear-gradient(90deg,#1f2937 0%,#4338ca 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}.header-left .sub{font-size: 13px;color: rgba(255,255,255,0.5);}.theme-light .header-left .sub{color: rgba(0,0,0,0.5);}.header-actions{display: flex;gap: 8px;}.header-actions .btn,.modal-content .modal-header .btn{background: var(--bg-color-icon);border: none;color:var(--color-icon);font-size: 13px;padding: 6px 12px;border-radius: 6px;cursor: pointer;display: flex;align-items: center;gap: 5px;transition: background 0.2s,transform 0.1s;}.theme-pink .modal-content .modal-header .btn,.theme-light .modal-content .modal-header .btn{background: var(--bg-color-icon);}.header-actions .btn:hover,.modal-content .modal-header button:hover{background: var(--bg-color-icon-hover);color: var(--color-icon-hover);}.modal-content .modal-header .tool{background: var(--bg-color-icon-selected);color: var(--color-icon);}.modal-content .modal-header .tool.selected{background: var(--bg-color-icon);color: var(--color-icon-selected);}.header-actions .btn i{font-size: 14px;}.form-section-title{display: flex;align-items: center;margin: 8px 0 10px;padding: 8px 12px;color: #f7fbff94;background: rgba(0,0,0,0.349);gap: 8px;}.theme-light .form-section-title{color: #414141;}.form-section-title .dot{width: 10px;height: 10px;border-radius: 50%;background: #5aa7ff59;box-shadow: 0 0 0 3px rgba(90,167,255,0.25);}.theme-light .form-section-title .dot{background: #414141;box-shadow: none;}.theme-light .subsection-title span{color: #414141;}#content{white-space: pre-wrap;word-break: break-word;flex:1;padding:5px;overflow:auto;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth;position:relative;}#content.table-content{padding: 0;}.fade-in-up{animation: fadeUp 360ms cubic-bezier(.2,.9,.3,1);}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#client-list::-webkit-scrollbar,#content::-webkit-scrollbar{width:10px}#client-list::-webkit-scrollbar-thumb,#content::-webkit-scrollbar-thumb{background: linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02));border-radius:10px;border: 1px solid rgba(255,255,255,0.02);}#client-list::-webkit-scrollbar-track,#content::-webkit-scrollbar-track{background:transparent;}@media (max-width:900px){#sidebar{width: 220px;}}.logout-btn{position: fixed;top: 5px;right: 5px;color: rgba(255,255,255,0.463);text-decoration: none;background: transparent;transition: 0.25s ease;border: none;font-size: 20px;cursor: pointer;}.logout-btn:hover{transform: scale(1.2);color: #00eaff;text-shadow: 0 0 6px #00eaff,0 0 12px #00eaff,0 0 18px #00eaff;}.theme-light .logout-btn{color: rgba(0,0,0,0.463);}#apiwa-label{position: fixed;left: 67px;top: 22px;display: flex;align-items: center;gap: 6px;transform: rotate(90deg);transform-origin: left top;background: linear-gradient( 180deg,rgba(90,167,255,0.08),rgba(55,111,214,0.12) );backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,0.15);border-left: 3px solid #00d0ff;padding: 12px 12px;border-radius: 0 16px 16px 0;font-family: 'Poppins',sans-serif;font-size: 15px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;box-shadow: 0 4px 20px rgba(0,208,255,0.25);cursor: default;user-select: none;opacity: 0.81;transition: all 0.3s ease;}#apiwa-label i{font-size: 16px;color: #00eaff;text-shadow: 0 0 6px #00eaff;animation: apiwaPulse 2.5s infinite ease-in-out;}#apiwa-label .plug-indicator{color: #00eaff;text-shadow: 0 0 6px #00eaff;animation: apiwaPulse 2.5s infinite ease-in-out;transition: color 0.15s ease;}#apiwa-label .plug-indicator.busy{color: rgb(255,255,255);text-shadow: 0 0 6px rgb(255,255,255);}#apiwa-label:hover{opacity: 1;background: rgba(50,50,90,0.75);box-shadow: 0 0 25px rgba(0,200,255,0.6),0 0 10px rgba(0,200,255,0.3);}.theme-pink #apiwa-label{background: linear-gradient( 180deg,rgba(255,214,231,0.92),rgba(244,114,182,0.28) );border: 1px solid rgba(236,96,159,0.18);border-left: 3px solid #ec5f9f;color: #7a3557;box-shadow: 0 4px 20px rgba(236,96,159,0.22);}.theme-pink #apiwa-label i,.theme-pink #apiwa-label .plug-indicator{}.theme-pink #apiwa-label .plug-indicator.busy{color:#b4235f;text-shadow:0 0 7px rgba(180,35,95,0.5);}.theme-pink #apiwa-label:hover{background: rgba(255,229,240,0.96);box-shadow: 0 0 22px rgba(236,96,159,0.32),0 0 8px rgba(244,114,182,0.18);}.theme-pink #apiwa-label:hover span{background: linear-gradient(90deg,#ec5f9f,#ffffff,#f472b6);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.theme-pink #apiwa-label.offline{background: linear-gradient(180deg,rgba(255,229,236,0.96),rgba(244,114,142,0.34));border-left-color: #f87171;color: #7a3557;box-shadow: 0 4px 18px rgba(244,114,142,0.18);}.theme-pink #apiwa-label.offline .plug-indicator{background: linear-gradient(180deg,rgba(255,243,246,0.98),rgba(255,220,228,0.95));border-color: rgba(232,93,117,0.18);color: #e85d75;text-shadow: 0 0 6px rgba(232,93,117,0.55);animation: none;}.theme-pink #apiwa-label.established{background: linear-gradient(180deg,rgba(255,239,245,0.96),rgba(236,96,159,0.26));border-left-color: #f472b6;color: #7a3557;box-shadow: 0 4px 20px rgba(236,96,159,0.20);}.theme-pink #apiwa-label.established .plug-indicator{border-color: rgba(219,39,119,0.16);color: #db2777;text-shadow: 0 0 6px rgba(219,39,119,0.45);animation: none;}#apiwa-label.offline{border-left-color: #ffffff;color: #ffecec;box-shadow: none;}#apiwa-label.offline .plug-indicator{color: #ff6b6b;text-shadow: 0 0 6px #ff6b6b;animation: none;}#apiwa-label.established{background: rgba(30,50,30,0.6);border-left-color: #ffffff;color: #ffecec;box-shadow: none;}#apiwa-label.established .plug-indicator{color: greenyellow;text-shadow: 0 0 6px greenyellow;animation: none;}#apiwa-label:hover span{}@keyframes apiwaPulse{0%,100%{text-shadow: 0 0 6px #00eaff,0 0 12px #00eaff;}50%{text-shadow: 0 0 12px #00ffff,0 0 20px #00eaff;}}@keyframes shine{from{background-position: -100px;}to{background-position: 200px;}}#apiwa-label.disconnect i{color: #ff4d4f;text-shadow: 0 0 6px #ff4d4f,0 0 12px #ff4d4f;animation: blinkIcon 1s infinite;}#apiwa-label.disconnect{border-left-color: #ff4d4f;animation: blinkBorder 1s infinite;}.theme-pink #apiwa-label.disconnect{background: linear-gradient(180deg,rgba(255,232,238,0.96),rgba(239,68,68,0.20));border-left-color: #ef4444;}.theme-pink #apiwa-label.disconnect i,.theme-pink #apiwa-label.disconnect .plug-indicator{background: linear-gradient(180deg,rgba(255,242,246,0.98),rgba(255,221,229,0.95));border-color: rgba(239,71,111,0.20);color: #ef476f;text-shadow: 0 0 6px rgba(239,71,111,0.55),0 0 10px rgba(239,71,111,0.22);}@keyframes blinkIcon{0%,50%,100%{opacity: 1;}25%,75%{opacity: 0;}}@keyframes blinkBorder{0%,50%,100%{border-left-color: #ff4d4f;}25%,75%{border-left-color: transparent;}}.grid-container{display: grid;grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 16px;padding: 16px;opacity: 1;transition: opacity 0.45s cubic-bezier(.2,.9,.3,1);}.grid-container.rendering{opacity: 0;pointer-events: none;}.grid-container.hidden{display: none !important;}.middle-buttons{position: fixed;left: calc(16px + 260px + 16px - 25px);top: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0px;z-index: 100;pointer-events: auto;background: rgba(24,26,28,0.82);backdrop-filter: blur(8px);padding: 10px 0;border-top-left-radius: 30px;border-bottom-left-radius: 30px;box-shadow: 0 8px 24px rgba(0,0,0,0.35);}body.nav-classic .middle-buttons{left: calc(16px + 60px + 250px + 16px - 25px);}.theme-light .middle-buttons{left: calc(16px + 260px + 16px - 26px);background: rgba(250,250,250,0.92);border: 1px solid rgba(42,42,42,0.18);box-shadow: 0 8px 24px rgba(0,0,0,0.12);}body.theme-light.nav-classic .middle-buttons{left: calc(16px + 60px + 250px + 16px - 26px);}@media (max-width:768px){.middle-buttons{display:none;}}.round-btn{width:auto;height:auto;border-radius:0;background: transparent;border: none;color: rgba(255,255,255,0.85);display:block;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition: transform 0.25s ease,color 0.25s ease,text-shadow 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;box-shadow: none;backdrop-filter: none;}.theme-light .round-btn{color: rgba(17,24,39,0.82);}.round-btn:hover{color: #9cc9ff;box-shadow: none;background: transparent;}.round-btn.active{color: #60a5fa;text-shadow: none;}.theme-light .round-btn.active,.theme-light .round-btn:hover{color:#2563eb;text-shadow: none;}.middle-separator{width: 80%;height: 1px;background: rgba(255,255,255,0.25);margin: 6px 0;}.theme-light .middle-separator{background: rgba(0,0,0,0.18);}.round-btn i{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:13px 20px 13px 20px;}.round-btn i::before{line-height:1;display:inline-block;}.temp-tooltip2{background: #000;color: #00eaff;display: flex;pointer-events: none;align-items: center;justify-content: center;border-radius: 5px;font-size: 14px;transition: opacity 0;z-index: 99999;}.theme-light .temp-tooltip2{background: orangered;color: #fff;}.tooltip-temp{color:#fff;background:#333;}.theme-light .tooltip-temp{color:#fff;background:rgb(45,114,226);}.theme-pink .tooltip-temp{color:#fff;background:#e12885;}.product-card{position: relative;transition: transform 0.2s,box-shadow 0.2s;background: var(--panel);border-radius: 10px;box-shadow: 0 2px 8px rgba(0,0,0,0.4);overflow: hidden;}.product-card:hover{transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.6);}.product-card img{width: 100%;height: 150px;object-fit: cover;}.product-info{padding: 10px;text-align: center;}.grid-container .product-info{display: flex;flex-direction: column;align-items: center;}.product-info h3{margin: 5px 0;font-size: 15px;}.product-info p{margin: 3px 0;font-size: 13px;color: var(--muted);}.product-card.delete-mode,.product-card.edit-mode,.product-card.sale-list-card.sale-list-card-simple.delete-mode,.product-card.sale-list-card.sale-list-card-simple.edit-mode{cursor: pointer;border: 2px dashed #5aa7ff;box-shadow: 0 0 10px rgba(90,167,255,0.4);transition: border 0.15s ease,box-shadow 0.15s ease;}.product-card .product-checkbox{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;display: none;opacity: 0;transform: scale(0.5);transition: all 0.2s ease;z-index: 10;}.product-card.selected{border: 2px solid #5aa7ff;box-shadow: 0 0 10px rgba(90,167,255,0.5);}.list-mode{display: flex;flex-direction: column;gap: 10px;padding: 10px 16px;}.list-mode .product-card{display: flex;align-items: center;background: var(--panel);border-radius: 8px;padding: 8px 10px;box-shadow: 0 2px 6px rgba(0,0,0,0.3);transition: background 0.2s,transform 0.2s;height: 85px;justify-content: space-between;}.list-mode .product-card:hover{background: rgba(255,255,255,0.08);transform: translateY(-2px);}.product-card.delete-mode,.product-card.delete-mode:hover,.product-card.edit-mode,.product-card.sale-list-card.sale-list-card-simple.edit-mode:hover,.product-card.delete-mode:active,.product-card.delete-mode:focus,.product-card.edit-mode,.product-card.edit-mode:active,.product-card.edit-mode:focus{transform: none !important;transition: none !important;box-shadow: none !important;}.product-card.edit-mode:hover,.product-card.sale-list-card.sale-list-card-simple.edit-mode:hover{border: 2px solid yellow;}.theme-light .product-card.edit-mode:hover{border: 2px solid orange;}.product-card.delete-mode.selected,.product-card.sale-list-card.sale-list-card-simple.delete-mode.selected{border: 2px solid red;box-shadow: 0 0 8px rgba(255,0,0,0.4);}#btnHapusEksekusi{background-color: #e74c3c;color: white;border-color: #c0392b;}#btnHapusEksekusi:hover{background-color: red;}.barang-table tbody tr.edit-mode,.barang-table tbody tr.delete-mode{cursor: pointer;}.barang-table tbody tr.edit-mode td,.barang-table tbody tr.delete-mode td{outline: none;transition: none;}.barang-table tbody tr.edit-mode:hover td{background-color: rgba(90,167,255,0.10);box-shadow: inset 0 1px 0 rgba(90,167,255,0.28),inset 0 -1px 0 rgba(90,167,255,0.28);}.barang-table tbody tr.edit-mode:hover td:first-child{box-shadow: inset 3px 0 0 #5aa7ff,inset 0 1px 0 rgba(90,167,255,0.28),inset 0 -1px 0 rgba(90,167,255,0.28);}.barang-table tbody tr.edit-mode:hover td:last-child{box-shadow: inset -1px 0 0 rgba(90,167,255,0.28),inset 0 1px 0 rgba(90,167,255,0.28),inset 0 -1px 0 rgba(90,167,255,0.28);}.theme-light .barang-table tbody tr.edit-mode:hover td{background-color: rgba(37,99,235,0.08);}.barang-table tbody tr.delete-mode:hover td{background-color: rgba(255,77,79,0.10);}.barang-table tbody tr.delete-mode.selected td{background-color: rgba(255,77,79,0.18) !important;color: inherit;}.list-mode .product-left{display: flex;align-items: center;justify-content: flex-start;gap: 2px;}.list-mode .product-card img{width: 65px;height: 65px;border-radius: 6px;object-fit: cover;flex-shrink: 0;}.list-mode .product-info{text-align: left;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}.list-mode .product-info h3{font-size: 15px;margin: 0;font-weight: 600;}.list-mode .product-info p{margin: 2px 0;font-size: 13px;color: var(--muted);}.list-mode .sale-list-card{position: relative;align-items: stretch;gap: 14px;min-height: 136px;height: auto;padding: 14px 16px;border: 1px solid rgba(255,255,255,0.08);background: radial-gradient(circle at top right,rgba(90,167,255,0.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.025));box-shadow: 0 10px 24px rgba(0,0,0,0.22);overflow: hidden;}.list-mode .sale-list-card:hover{background: radial-gradient(circle at top right,rgba(90,167,255,0.16),transparent 38%),linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03));box-shadow: 0 14px 28px rgba(0,0,0,0.26);}.list-mode .sale-list-card .product-checkbox{margin-top: 12px;}.sale-chip{display: inline-flex;align-items: center;gap: 6px;padding: 6px 10px;border-radius: 999px;font-size: 12px;font-weight: 600;white-space: nowrap;color: #edf3ff;}.sale-chip i{font-size: 12px;}.sale-chip--paid{background: rgba(72,207,97,0.14);color: #aef3b8;border-color: rgba(72,207,97,0.25);}.sale-chip--pending{background: rgba(255,184,77,0.14);color: #ffd391;border-color: rgba(255,184,77,0.24);}.sale-chip--warning{background: rgba(255,159,67,0.14);color: #ffc792;border-color: rgba(255,159,67,0.24);}.sale-chip--danger{background: rgba(255,107,107,0.14);color: #ffb3b3;border-color: rgba(255,107,107,0.24);}.sale-chip--info{background: rgba(90,167,255,0.14);color: #b4d8ff;border-color: rgba(90,167,255,0.24);}.sale-chip--draft{background: rgba(168,179,207,0.16);color: #dfe6f7;border-color: rgba(168,179,207,0.22);}.sale-chip--method{background: rgba(116,99,255,0.12);color: #d7d0ff;border-color: rgba(116,99,255,0.20);}.sale-chip--shipping{background: rgba(0,194,168,0.10);color: #aef3ea;border-color: rgba(0,194,168,0.18);}.sale-action-item-right{margin-left: auto;}.sale-info-pill{display: inline-flex;align-items: center;gap: 6px;padding: 6px 10px;border-radius: 12px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.05);color: #d9e2f1;min-width: 0;}.sale-info-pill i{font-size: 12px;color: #9fc6ff;}.sale-info-pill strong{font-size: 12px;font-weight: 700;color: #f6f8ff;}.sale-info-label{font-size: 11px;color: rgba(219,228,245,0.70);}.theme-light .list-mode .sale-list-card{border-color: rgba(27,31,38,0.08);background: radial-gradient(circle at top right,rgba(90,167,255,0.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,0.98),rgba(244,247,252,0.95));box-shadow: 0 10px 22px rgba(15,23,42,0.08);}.theme-light .list-mode .sale-list-card:hover{background: radial-gradient(circle at top right,rgba(90,167,255,0.12),transparent 36%),linear-gradient(180deg,rgba(255,255,255,1),rgba(240,244,251,0.96));}.theme-light .sale-info-pill{background: rgba(15,23,42,0.035);border-color: rgba(15,23,42,0.07);}.theme-light .sale-chip{background: rgba(15,23,42,0.05);border-color: rgba(15,23,42,0.08);color: #334155;}.theme-light .sale-info-label{color: rgba(37,48,70,0.72);}.theme-pink .list-mode .sale-list-card{background: radial-gradient(circle at top right,rgba(244,114,182,0.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,0.96),rgba(255,246,250,0.94));border-color: rgba(244,114,182,0.12);box-shadow: 0 12px 24px rgba(190,24,93,0.08);}.theme-pink .list-mode .sale-list-card:hover{background: radial-gradient(circle at top right,rgba(244,114,182,0.22),transparent 38%),linear-gradient(180deg,rgba(255,255,255,0.98),rgba(255,241,246,0.95));}.theme-pink .sale-info-pill{background: rgba(244,114,182,0.06);border-color: rgba(244,114,182,0.12);}.theme-pink .sale-chip{color: #8f3157;}.list-mode .sale-list-card-simple{min-height: 112px;padding: 14px 16px;gap: 0;background: linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.022));}.list-mode .sale-list-card-simple:hover{background: linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.028));}.sale-simple-body{width: 100%;min-width: 0;padding-left: 0;display: flex;flex-direction: column;gap: 12px;}.sale-simple-main{display: flex;align-items: flex-start;justify-content: space-between;gap: 18px;}.sale-simple-summary{min-width: 0;flex: 1;display: flex;flex-direction: column;gap: 6px;}.sale-simple-title-row{display: flex;align-items: center;justify-content: space-between;gap: 14px;}.sale-simple-title-row h3{margin: 0;font-size: 17px;font-weight: 700;line-height: 1.2;color: #eef4ff;}.sale-simple-meta{font-size: 13px;color: rgba(219,228,245,0.76);line-height: 1.45;}.sale-simple-note{font-size: 13px;color: rgba(219,228,245,0.56);line-height: 1.45;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}.sale-simple-amount{min-width: 190px;text-align: right;display: flex;flex-direction: column;align-items: flex-end;gap: 4px;}.sale-simple-amount strong{font-size: 24px;line-height: 1.1;color: #ffffff;}.sale-simple-payment{font-size: 12px;font-weight: 600;}.sale-simple-payment.is-paid{color: #9de7a7;}.sale-simple-payment.is-open{color: #ffd391;}.sale-simple-footer{display: flex;flex-direction: column;gap: 8px;padding-top: 10px;border-top: 1px solid rgba(255,255,255,0.06);}.sale-simple-detail-row{display: flex;flex-wrap: wrap;gap: 10px 18px;font-size: 12px;color: rgba(219,228,245,0.64);line-height: 1.4;}.sale-simple-detail-row span{white-space: nowrap;}.sale-action-row{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 2px;}.sale-action-btn{border: 1px solid transparent;background: rgba(255,255,255,0.05);color: #eef4ff;border-radius: 5px;padding: 8px 12px;font-size: 12px;font-weight: 600;display: inline-flex;align-items: center;gap: 7px;cursor: pointer;transition: background 0.18s ease,transform 0.12s ease,border-color 0.18s ease;}.sale-action-btn:hover{background: rgba(255,255,255,0.09);transform: translateY(-1px);}.sale-action-btn--print{background: rgba(90,167,255,0.12);color: #d9ebff;}.sale-detail-modal-content{width: min(980px,92vw);max-height: 88vh;border-radius: 18px;overflow: hidden;border: 1px solid rgba(255,255,255,0.08);background: radial-gradient(circle at top right,rgba(90,167,255,0.12),transparent 32%),linear-gradient(180deg,rgba(20,24,34,0.98),rgba(14,17,24,0.98));box-shadow: 0 28px 70px rgba(0,0,0,0.42);}.sale-detail-modal-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;padding: 16px 18px 14px;border-bottom: 1px solid rgba(255,255,255,0.06);background: linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));}.sale-detail-heading{min-width: 0;}.sale-detail-kicker{display: inline-block;font-size: 10px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(164,193,255,0.78);margin-bottom: 5px;}.sale-detail-heading h3{margin: 0;font-size: 24px;line-height: 1.1;color: #f4f7ff;}.sale-detail-heading p{margin: 5px 0 0;font-size: 12px;line-height: 1.35;color: rgba(219,228,245,0.68);}.sale-detail-close-btn{width: 36px;height: 36px;border-radius: 12px;border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.05);color: #eef4ff;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;flex: 0 0 36px;transition: background 0.18s ease,transform 0.12s ease,border-color 0.18s ease;}.sale-detail-close-btn:hover{background: rgba(255,255,255,0.10);border-color: rgba(90,167,255,0.24);transform: translateY(-1px);}.sale-detail-modal-body{display: flex;flex-direction: column;gap: 12px;padding: 14px 18px 0;}.sale-detail-summary{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;}.sale-detail-stat{padding: 11px 13px;border-radius: 14px;background: linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.025));border: 1px solid rgba(255,255,255,0.06);box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);}.sale-detail-stat--accent{background: linear-gradient(180deg,rgba(90,167,255,0.16),rgba(90,167,255,0.06));border-color: rgba(90,167,255,0.18);}.sale-detail-summary span{display: block;font-size: 10px;text-transform: uppercase;letter-spacing: 0.06em;color: rgba(219,228,245,0.62);margin-bottom: 4px;}.sale-detail-summary strong{font-size: 16px;line-height: 1.2;color: #f4f7ff;}.sale-detail-table-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 12px;margin-top: 2px;}.sale-detail-table-head h4{margin: 0;font-size: 15px;color: #f2f6ff;}.sale-detail-inline-summary{display: inline-flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 12px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.06);}.sale-detail-mini-stat{display: inline-flex;align-items: baseline;gap: 6px;}.sale-detail-mini-stat small{font-size: 10px;letter-spacing: 0.05em;text-transform: uppercase;color: rgba(219,228,245,0.62);}.sale-detail-inline-summary strong{font-size: 14px;color: #f7f9ff;}.sale-detail-table-wrap{overflow: auto;border-radius: 14px;border: 1px solid rgba(255,255,255,0.06);background: rgba(255,255,255,0.025);margin-bottom: 12px;}.sale-detail-table{width: 100%;min-width: 720px;border-spacing: 0;}.sale-detail-table thead th{position: sticky;top: 0;z-index: 2;background: linear-gradient(180deg,rgba(255,255,255,0.10),rgba(255,255,255,0.06));color: #eef4ff;font-size: 11px;text-transform: uppercase;letter-spacing: 0.04em;padding: 11px 12px;border-bottom: 1px solid rgba(255,255,255,0.08);}.sale-detail-table tbody td{padding: 10px 12px;font-size: 13px;color: #e4ebf8;border-bottom: 1px solid rgba(255,255,255,0.05);}.sale-detail-table tbody tr:nth-child(even) td{background: rgba(255,255,255,0.018);}.sale-detail-table tbody tr:hover td{background: rgba(90,167,255,0.08);}.sale-detail-table tbody td:first-child{font-weight: 600;min-width: 280px;}.sale-detail-footer{display: flex;justify-content: flex-end;gap: 10px;padding: 12px 18px 16px;border-top: 1px solid rgba(255,255,255,0.06);background: linear-gradient(180deg,rgba(255,255,255,0.015),rgba(255,255,255,0.03));}.sale-print-modal-content{width: min(1080px,94vw);max-height: 92vh;border-radius: 20px;}.sale-print-modal-head{padding-bottom: 10px;border-bottom-color: rgba(255,255,255,0.05);align-items: center;}.sale-print-frame-wrap{padding: 12px 18px 18px;flex: 1;min-height: 0;}.sale-print-frame{width: 100%;height: min(72vh,860px);border: 1px solid rgba(255,255,255,0.08);border-radius: 16px;background: #fff;box-shadow: 0 14px 32px rgba(0,0,0,0.16),inset 0 1px 0 rgba(255,255,255,0.05);}.sale-print-top-actions{display: inline-flex;align-items: center;gap: 10px;padding: 6px;border-radius: 18px;background: rgba(255,255,255,0.035);border: 1px solid rgba(255,255,255,0.06);box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);}.sale-print-top-btn{min-width: 112px;height: 40px;border-radius: 14px;border: none;display: inline-flex;align-items: center;justify-content: center;gap: 8px;font-weight: 700;letter-spacing: 0.01em;box-shadow: none;cursor: pointer;transition: transform 0.16s ease,background 0.18s ease,box-shadow 0.18s ease;}.sale-print-top-btn i{font-size: 14px;}.sale-print-top-btn span{line-height: 1;}.sale-print-top-btn--close{background: rgba(255,255,255,0.06);color: #ecf3ff;}.sale-print-top-btn--close:hover{background: rgba(255,255,255,0.10);transform: translateY(-1px);}.sale-print-top-btn--preview{background: linear-gradient(135deg,#4da3ff,#2c7be5);color: #fff;box-shadow: 0 10px 24px rgba(44,123,229,0.26);}.sale-print-top-btn--preview:hover{transform: translateY(-1px);box-shadow: 0 14px 28px rgba(44,123,229,0.30);}.theme-light .sale-action-btn{background: rgba(15,23,42,0.045);border-color: rgba(15,23,42,0.08);color: #253046;}.theme-light .sale-action-btn--print{background: rgba(90,167,255,0.12);color: #1f4e85;}.theme-light .sale-detail-summary > div,.theme-light .sale-detail-table-wrap{background: rgba(15,23,42,0.03);border-color: rgba(15,23,42,0.08);}.theme-light .sale-detail-modal-content{background: radial-gradient(circle at top right,rgba(90,167,255,0.10),transparent 32%),linear-gradient(180deg,rgba(255,255,255,0.98),rgba(245,247,251,0.98));border-color: rgba(15,23,42,0.08);box-shadow: 0 24px 60px rgba(15,23,42,0.16);}.theme-light .sale-detail-heading h3,.theme-light .sale-detail-summary strong,.theme-light .sale-detail-table-head h4,.theme-light .sale-detail-inline-summary strong{color: #253046;}.theme-light .sale-detail-heading p,.theme-light .sale-detail-summary span,.theme-light .sale-detail-mini-stat small{color: rgba(37,48,70,0.64);}.theme-light .sale-detail-close-btn{background: rgba(15,23,42,0.05);border-color: rgba(15,23,42,0.08);color: #253046;}.theme-light .sale-detail-table thead th{background: linear-gradient(180deg,rgba(15,23,42,0.06),rgba(15,23,42,0.03));color: #334155;border-bottom-color: rgba(15,23,42,0.08);}.theme-light .sale-print-frame{border-color: rgba(15,23,42,0.10);box-shadow: 0 14px 30px rgba(15,23,42,0.10),inset 0 1px 0 rgba(255,255,255,0.04);}.theme-light .sale-print-top-actions{background: rgba(15,23,42,0.035);border-color: rgba(15,23,42,0.08);}.theme-light .sale-print-top-btn--close{background: rgba(15,23,42,0.05);color: #334155;}.theme-light .sale-print-top-btn--close:hover{background: rgba(15,23,42,0.08);}.theme-light .sale-print-top-btn--preview{background: linear-gradient(135deg,#3b82f6,#2563eb);}.theme-light .sale-detail-table tbody td{color: #334155;border-bottom-color: rgba(15,23,42,0.05);}.theme-light .sale-detail-table tbody tr:nth-child(even) td{background: rgba(15,23,42,0.018);}.theme-light .sale-detail-table tbody tr:hover td{background: rgba(90,167,255,0.08);}.theme-light .sale-detail-summary strong{color: #253046;}.theme-pink .sale-action-btn{background: rgba(244,114,182,0.08);border-color: rgba(244,114,182,0.12);color: #8f3157;}.theme-pink .sale-action-btn--print{background: rgba(244,114,182,0.14);}.theme-pink .sale-detail-summary > div,.theme-pink .sale-detail-table-wrap{background: rgba(244,114,182,0.05);border-color: rgba(244,114,182,0.10);}.theme-pink .sale-detail-modal-content{background: radial-gradient(circle at top right,rgba(244,114,182,0.14),transparent 34%),linear-gradient(180deg,rgba(255,255,255,0.98),rgba(255,245,249,0.98));border-color: rgba(244,114,182,0.10);box-shadow: 0 24px 60px rgba(190,24,93,0.12);}.theme-pink .sale-detail-heading h3,.theme-pink .sale-detail-summary strong,.theme-pink .sale-detail-table-head h4,.theme-pink .sale-detail-inline-summary strong{color: #7a2848;}.theme-pink .sale-detail-heading p,.theme-pink .sale-detail-summary span,.theme-pink .sale-detail-mini-stat small{color: rgba(143,49,87,0.68);}.theme-pink .sale-detail-close-btn{background: rgba(244,114,182,0.08);border-color: rgba(244,114,182,0.10);color: #8f3157;}.theme-pink .sale-detail-table thead th{background: linear-gradient(180deg,rgba(244,114,182,0.10),rgba(244,114,182,0.05));color: #8f3157;border-bottom-color: rgba(244,114,182,0.10);}.theme-pink .sale-print-frame{border-color: rgba(244,114,182,0.12);box-shadow: 0 14px 28px rgba(190,24,93,0.10),inset 0 1px 0 rgba(255,255,255,0.05);}.theme-pink .sale-print-top-actions{background: rgba(244,114,182,0.05);border-color: rgba(244,114,182,0.10);}.theme-pink .sale-print-top-btn--close{background: rgba(244,114,182,0.08);color: #8f3157;}.theme-pink .sale-print-top-btn--close:hover{background: rgba(244,114,182,0.14);}.theme-pink .sale-print-top-btn--preview{background: linear-gradient(135deg,#ec4899,#db2777);box-shadow: 0 12px 26px rgba(219,39,119,0.22);}.theme-pink .sale-detail-table tbody td{color: #7a2848;border-bottom-color: rgba(244,114,182,0.08);}.theme-pink .sale-detail-table tbody tr:nth-child(even) td{background: rgba(244,114,182,0.028);}.theme-pink .sale-detail-table tbody tr:hover td{background: rgba(244,114,182,0.08);}@media (max-width: 820px){.sale-detail-summary{grid-template-columns: 1fr 1fr;}.sale-detail-table-head{flex-direction: column;align-items: stretch;}.sale-detail-inline-summary{align-items: flex-start;flex-wrap: wrap;}}@media (max-width: 620px){.sale-detail-modal-head,.sale-detail-modal-body,.sale-detail-footer{padding-left: 16px;padding-right: 16px;}.sale-print-frame-wrap{padding-left: 16px;padding-right: 16px;}.sale-print-top-actions{width: 100%;justify-content: stretch;}.sale-print-top-btn{flex: 1 1 0;min-width: 0;}.sale-detail-summary{grid-template-columns: 1fr;}.sale-detail-heading h3{font-size: 24px;}}.theme-light .sale-simple-title-row h3,.theme-light .sale-simple-amount strong{color: #253046;}.theme-light .sale-simple-meta{color: rgba(37,48,70,0.76);}.theme-light .sale-simple-note,.theme-light .sale-simple-detail-row{color: rgba(37,48,70,0.60);}.theme-pink .sale-simple-title-row h3,.theme-pink .sale-simple-amount strong{color: #7a2848;}.theme-pink .sale-simple-meta{color: rgba(122,40,72,0.78);}.theme-pink .sale-simple-note,.theme-pink .sale-simple-detail-row{color: rgba(143,49,87,0.68);}@media (max-width: 1100px){.sale-simple-main{flex-direction: column;align-items: stretch;}.sale-simple-amount{min-width: 0;align-items: flex-start;text-align: left;}.sale-simple-title-row{flex-direction: column;align-items: flex-start;}}.table-mode{display: block;padding: 0;margin: 0;overflow-x: auto;-webkit-overflow-scrolling: touch;}.table-mode .barang-table{width: max-content;border-collapse: separate;table-layout: auto;border-spacing: 0;background: var(--panel);overflow: visible;}.table-mode .barang-table thead,#master-biaya-page .biaya-table thead{position: sticky;top: 0;z-index: 3;background: #111;backdrop-filter: blur(3px);}.table-mode .barang-table thead th,#master-biaya-page .biaya-table thead th{position: sticky;top: 0;background: linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.08));backdrop-filter: blur(3px);text-align: left;font-weight: 600;padding: 10px 10px;color: rgba(255,255,255,0.88);white-space: nowrap;}.theme-light .table-mode .barang-table thead th,.theme-light #master-biaya-page .biaya-table thead th{background: linear-gradient( 180deg,rgba(245,245,245,0.95),rgba(225,225,225,0.88) );backdrop-filter: blur(4px);box-shadow: 0 1px 4px rgba(0,0,0,0.05);color: rgba(44,44,44,0.88);}.table-mode .barang-table thead th.text-right{text-align: right;}.table-mode .barang-table tbody td.text-right{text-align: right;}.table-mode .barang-table tbody td,#master-biaya-page .biaya-table tbody td{padding: 8px 10px;border-bottom: 1px solid rgba(255,255,255,0.06);vertical-align: middle;word-break: break-word;font-size: 13px;color: rgba(255,255,255,0.82);}.theme-light .table-mode .barang-table tbody td,.theme-light #master-biaya-page .biaya-table tbody td{border-bottom: 1px solid rgba(0,0,0,0.06);color: rgba(0,0,0,0.82);}.table-mode .barang-table tbody tr:nth-child(even),#master-biaya-page .biaya-table tbody tr:nth-child(even){background: rgba(255,255,255,0.03);}.table-mode .barang-table tbody tr:hover,#master-biaya-page .biaya-table tbody tr:hover{background: rgba(255,255,255,0.10);}.transaksi-list-content{white-space: normal !important;word-break: normal !important;gap: 0;margin: 0 !important;padding: 0 !important;padding-top: 0 !important;align-items: stretch;}.transaksi-list-content .transaksi-grid-container{width: 100%;margin-top: 0;align-content: start;}.transaksi-list-content .transaksi-grid-container.grid-mode{grid-template-columns: repeat(auto-fill,minmax(190px,1fr));grid-auto-rows: 1fr;align-items: stretch;}.transaksi-list-content .transaksi-grid-container.grid-mode .product-card{display: flex;flex-direction: column;min-height: 272px;height: 100%;}.transaksi-list-content .transaksi-grid-container.grid-mode .product-card img{flex-shrink: 0;}.transaksi-list-content .transaksi-grid-container.grid-mode .product-info{flex: 1;width: 100%;justify-content: flex-start;}.transaksi-list-content .transaksi-grid-container.grid-mode .product-info p:last-child{margin-top: auto;}.transaksi-list-content .transaksi-grid-container.table-mode{display: block;width: 100%;max-width: 100%;padding: 0 !important;padding-top: 0 !important;margin: -2px 0 0 0;align-self: stretch;overflow-x: auto;overflow-y: auto;-webkit-overflow-scrolling: touch;}.transaksi-list-content .transaksi-grid-container.table-mode .barang-table{margin-top: 0 !important;width: max-content;min-width: max-content;}.transaksi-list-content .transaksi-grid-container.table-mode .barang-table thead{top: -1px;}.transaksi-list-content .transaksi-grid-container.table-mode .barang-table tbody td{white-space: nowrap;}.transaksi-list-content .transaksi-grid-container.table-mode .barang-table thead th:nth-child(3),.transaksi-list-content .transaksi-grid-container.table-mode .barang-table tbody td:nth-child(3),.transaksi-list-content .transaksi-grid-container.table-mode .barang-table thead th:nth-child(5),.transaksi-list-content .transaksi-grid-container.table-mode .barang-table tbody td:nth-child(5),.transaksi-list-content .transaksi-grid-container.table-mode .barang-table thead th:nth-child(6),.transaksi-list-content .transaksi-grid-container.table-mode .barang-table tbody td:nth-child(6){width: 1%;min-width: max-content;}.transaksi-list-content .transaksi-grid-container.table-mode .barang-table th.col-jam,.transaksi-list-content .transaksi-grid-container.table-mode .barang-table td.col-jam{white-space: nowrap;width: 1%;min-width: max-content;}.transaksi-list-content .transaksi-grid-container.table-mode .barang-table th.col-left-text,.transaksi-list-content .transaksi-grid-container.table-mode .barang-table td.col-left-text{text-align: left !important;}.transaksi-list-content .transaksi-grid-container .select-col{width: 44px;min-width: 44px;text-align: center;}.transaksi-list-content .transaksi-grid-container .product-checkbox{accent-color: #5aa7ff;}.transaksi-list-content .transaksi-grid-container.list-mode .product-card{min-height: 85px;}.transaksi-list-content .transaksi-grid-container.list-mode .sale-list-card{min-height: 100px;}.table-mode .barang-table thead th.satuan-detail-col{text-align: left;}.table-mode .barang-table tbody td.satuan-detail-col{text-align: left;}.table-mode .barang-table tbody td:nth-child(1),.table-mode .barang-table tbody td:nth-child(11),.table-mode .barang-table tbody td:nth-child(12){white-space: nowrap;}.table-mode .barang-table tbody td .fa-check{color: #48cf61;}.table-mode .barang-table tbody td .fa-xmark{color: #ff6b6b;}.table-mode .rating-stars{display: inline-flex;gap: 2px;align-items: center;}.table-mode .rating-stars .fa-solid.fa-star{color: #f4c542;}.table-mode .rating-stars .fa-regular.fa-star{color: rgba(255,255,255,0.40);}.theme-light .table-mode .rating-stars .fa-regular.fa-star{color: rgba(0,0,0,0.40);}@media (max-width: 768px){.table-mode{overflow-x: auto;padding: 0;}.table-mode .barang-table{min-width: 900px;}}@media (max-width: 480px){.product-card img{height: 120px;}.product-info h3{font-size: 14px;}.product-info p{font-size: 12px;}}.loading-dots{display: none;flex-direction: row;justify-content: center;align-items: center;gap: 6px;padding: 12px 0;position: fixed;left: 0;right: 0;bottom: 10px;width: 100%;pointer-events: none;z-index: 200;}.loading-dots span{display: inline-block;width: 12px;height: 12px;background-color: #5aa7ff;border-radius: 50%;opacity: 0.3;animation: fade 1s infinite;}.loading-dots span:nth-child(1){animation-delay: 0s;}.loading-dots span:nth-child(2){animation-delay: 0.2s;}.loading-dots span:nth-child(3){animation-delay: 0.4s;}.loading-dots span:nth-child(4){animation-delay: 0.6s;}@keyframes fade{0%,80%,100%{opacity: 0.3;transform: scale(0.8);}40%{opacity: 1;transform: scale(1);}}.table-mode.sticky-nama .barang-table thead tr th:nth-child(1),.table-mode.sticky-nama .barang-table tbody tr td:nth-child(1){width: 0 !important;min-width: 0 !important;max-width: 0 !important;padding: 0 !important;border: 0 !important;overflow: hidden !important;visibility: hidden !important;}.table-mode.sticky-nama .barang-table thead tr th:nth-child(2){position: sticky;left: 0 !important;z-index: 4;background: #2f2f2f !important;backdrop-filter: none !important;background-clip: padding-box;}.table-mode.sticky-nama .barang-table tbody tr td:nth-child(2){position: sticky;left: 0 !important;z-index: 2;background: #111;background-clip: padding-box;box-shadow: 1px 0 0 rgba(255,255,255,0.06);}.barang-table tbody tr.selected td{background: rgba(90,167,255,0.22);}.content-filter{display: none;flex-wrap: wrap;overflow-x: auto;overflow-y: hidden;width: 100%;padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;gap: 10px;background: rgba(20,20,20,0.95);border-radius: 6px;transition: all 0.3s ease;align-items: center;}.content-filter::-webkit-scrollbar{height: 6px;}.content-filter::-webkit-scrollbar-thumb{background: rgba(90,167,255,0.4);border-radius: 3px;}.content-filter::-webkit-scrollbar-track{background: rgba(255,255,255,0.02);}.content-filter.show{display: flex;align-items: center;}.filter-group{display: flex;align-items: center;gap: 8px;}.filter-group label{margin: 0;line-height: 1;font-size: 13px;}.row.member-row{margin: 0;padding: 0;}.row.member-row div input{margin: 0;}.filter-group select,.filter-group input{margin: 0;padding: 4px 8px;height: 28px;line-height: 1;background: #1f1f1f;color: #eee;border: 1px solid #555;border-radius: 4px;}.filter-group button{display: flex;align-items: center;justify-content: center;height: 28px;background: rgba(255,255,255,0.08);color: #fff;border: none;padding: 5px 10px;border-radius: 4px;cursor: pointer;transition: background 0.2s ease;}.filter-group button:hover{background: #555;}.btn.active{background-color: var(--accent-2);color: #fff;}.btn.active:hover{background-color: var(--accent);color: #fff;}.search-container{display: flex;gap: 10px;padding: 10px;margin-top: 10px;background: rgba(255,255,255,0.05);border-radius: 8px;align-items: center;max-width: 400px;}#search-input{padding: 5px 10px;width: 200px;border: 1px solid #555;border-radius: 5px;background: #0b0b0c;color: #fff;transition: all 0.2s ease;}input,select,textarea{padding: 6px 12px;width: 100%;background: var(--input-bg);border: 1px solid #444;box-shadow: 0 0 6px rgba(0,0,0,0.6);transition: all 0.2s ease;outline: none;color: #fff;border-radius: 6px;padding: 8px;margin-bottom: 12px;font-size: 16px;resize: vertical;}.content-header{display: flex;align-items: center;gap: 8px;}#search-container input{font-size: 18px;width:300px;}input:focus,textarea:focus,select:focus{border-color: #0078d7;background: #252526;}#search-input::placeholder{color: rgba(255,255,255,0.5);}#search-ok.btn{background: #5aa7ff;color: #fff;border: none;padding: 6px 12px;border-radius: 6px;cursor: pointer;transition: background 0.2s;}#search-ok.btn:hover{background: #376fd6;}.kategori{background: rgba(255,255,255,0.04);display: flex;flex-direction: column;gap: 8px;align-self: stretch;width: 180px;position: sticky;top: 0;}.theme-light .kategori{background: rgba(20,20,20,0.04);}.kategori-item + .kategori-item{margin-top: 6px;}.kategori-header{display: flex;align-items: center;padding: 10px 12px;font-weight: 600;color: #cfe8ff;border-bottom: 1px solid rgba(255,255,255,0.08);margin: 8px;}.theme-light .kategori-header{color: #111827;border-bottom: 1px solid rgba(0,0,0,0.08);}.kategori-side-item{display: flex;justify-content: space-between;align-items: center;width: 100%;text-align: left;padding: 8px 10px;border: 1px solid transparent;border-radius: 8px;background: transparent;color: #cfe8ff;cursor: pointer;}.theme-light .kategori-side-item{color: #111827;}.kategori-sublist{margin-top: 6px;margin-left: 6px;padding-left: 10px;border-left: 1px dashed rgba(255,255,255,0.12);display: flex;flex-direction: column;gap: 6px;}.theme-light .kategori-sub-btn{color: #111827;}.kategori-sub-btn{text-align: left;padding: 8px 10px;border: 1px solid transparent;border-radius: 6px;background: transparent;color: #cfe8ff;font-size: 12px;cursor: pointer;}.expand-icon{color: #9cc9ff;font-weight: 600;margin-left: 10px;}.theme-light .expand-icon{color: #111827;}.kategori-side-item.active{background: rgba(90,167,255,0.18);border-color: rgba(65,120,210,0.25);color: #eaf0ff;}.theme-light .kategori-side-item.active{color: #111827;}.kategori-sub-btn.active{background: rgba(90,167,255,0.12);border-color: rgba(65,120,210,0.22);color: #eaf0ff;}.kategori-sub-btn .kategori-sub-del-icon{display: none;}.kategori-sub-btn.active .kategori-sub-del-icon{display: inline-block;}.kategori-master-del-icon,.kategori-sub-del-icon{color: #ff6b6b;}.kategori-side-item .kategori-master-del-icon{display: none;}.kategori-side-item.active .kategori-master-del-icon{display: inline-block;}.kategori-master-del-icon:hover,.kategori-sub-del-icon:hover{color: orangered;}.theme-light .kategori-sub-btn.active{color: #111827;}#kategoriList{display: flex;flex-direction: column;gap: 6px;padding: 8px;flex: 1 1 auto;min-height: 0;overflow: auto;}.utama{display: flex;gap: 6px;align-items: stretch;min-height: 0;overflow: hidden;height: 100svh;}.utama > #content{flex: 1;min-width: 0;}#info-bar{display: none;padding: 8px 15px;margin-bottom: 10px;background-color: rgba(50,50,50,0.9);color: #fff;font-size: 14px;font-weight: 500;box-shadow: 0 2px 6px rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: space-between;gap: 10px;}#info-bar button{background-color: #e74c3c;color: #fff;border: none;padding: 4px 8px;border-radius: 6px;cursor: pointer;font-size: 12px;transition: 0.2s;}#info-bar button:hover{background-color: #c0392b;}.modal{display: none;align-items: center;justify-content: center;position: fixed;inset: 0;background: rgba(0,0,0,0.6);}.modal-content{background: #1c1c1c;width: 800px;border-radius: 12px;overflow-y: auto;max-height: 90vh;position: relative;display: flex;flex-direction: column;}@media (min-width: 768px){}.modal-content .modal-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--glass-border);}.modal-content .modal-header .tool{width: 45px;height: 45px;}.modal-content .modal-header .tool i{font-size: 20px;}.theme-light .modal-content{background: #f0f0f0;}.stok-cabang-list{margin-top:4px;background:#222;border:1px solid #444;border-radius:8px;padding:10px 12px;color:#c7c7c7;font-size:13px;line-height:1.6;}.theme-light .stok-cabang-list{background: #f0f0f0;}.stok-cabang-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid #1b1b1e;}.theme-light .stok-cabang-row{border-top:1px solid #d0d0d0;}.theme-light .stok-cabang-kode{color: #414141;}#modalProduk .modal-content,#modalCustomer .modal-content{width: 820px;}#modalProduk,#modalCustomer{z-index: 305;}#modalKategori{z-index: 306;}#modalSupplier{z-index: 307;}#modalSerialFormat{z-index: 306;}#modalDeleteAll{z-index: 9999;align-items: center;justify-content: center;}#modalDeleteAll .modal-content{width: 520px;max-width: 520px;min-height: auto;height: auto;border-radius: 12px;background: linear-gradient(180deg,#0b0b0c 0%,#12131a 100%);border: 1px solid #00eaff;box-shadow: 0 0 12px rgba(0,234,255,0.55),0 0 24px rgba(0,234,255,0.35),inset 0 0 10px rgba(0,0,0,0.6);color: #cfe8ff;padding: 14px 18px;}.plug-indicator{color: #9fb3c8;transition: color 0.15s ease;}.plug-indicator.busy{color: orangered;}.tab-header{display: flex;gap: 8px;padding: 12px 18px;border-bottom: 1px solid #333;background: #222;}.theme-light .tab-header{background: #f0f0f0;}.tab-link{flex: 0 0 auto;text-align: center;padding: 10px 14px;cursor: pointer;color: #f0f0f0;background: rgba(255,255,255,0.08);border: none;border-radius: 5px;font-size: 14px;box-sizing: border-box;transition: color 0.18s,background 0.18s,box-shadow 0.18s,transform 0.18s;}.theme-light .tab-link{color: #414141;}.tab-link.active{background: #555;color: #fff;}.tab-link:hover{background: #555;color: #fff;}.tab-content-wrapper{display: flex;flex-direction: column;height: 350px;background: #1c1c1c;overflow-y: hidden;scrollbar-gutter: stable;transition: none;}.theme-light .tab-content-wrapper{background: #f0f0f0;}.tab-content{position: relative;padding: 20px;display: none;height: 100%;overflow-y: auto;scrollbar-gutter: stable;}.tab-content.active{display: block;}label{display: block;margin-bottom: 4px;font-size: 14px;color: #ccc;}.theme-light label{color: #414141;}input[type="radio"],input[type="checkbox"]{width: auto;padding: 0;margin: 0;background: transparent;border: none;}.sort-options{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 8px;margin-top: 6px;overflow-x: auto;padding-bottom: 20px;}.sort-option{display: flex;align-items: center;gap: 10px;background: #2a2a2a;border: 1px solid #3a3a3a;border-radius: 8px;padding: 10px 12px;flex-shrink: 0;}.sort-option input[type="radio"]{appearance: none;width: 18px;height: 18px;border: 2px solid #5aa7ff;border-radius: 50%;background: transparent;position: relative;}.sort-option input[type="radio"]:checked{background: #5aa7ff;box-shadow: inset 0 0 0 4px #1f1f1f;}.sort-option span{color: #eaeaea;font-size: 14px;}.form-footer{display: flex;justify-content: space-between;align-items: center;padding: 12px 20px;border-top: 1px solid #333;background: #222;}.theme-light .form-footer{background: #f0f0f0;}.form-header{display: none;}.btn{padding: 10px 16px;border-radius: 6px;border: none;cursor: pointer;font-weight: bold;}.btn.cancel{background: #444;color: #eee;margin-right: 10px;}.btn.cancel:hover{background: #555;color: #fff;}.btn.save{background: #5aa7ff;color: #fff;}.btn.save:hover{background: #3f8afc;}.theme-pink .btn.cancel{background: linear-gradient(180deg,rgba(255,244,249,0.98),rgba(255,225,238,0.95));color: #7a3557;border: none;box-shadow: 0 8px 18px rgba(236,96,159,0.08);}.theme-pink .btn.cancel:hover{background: linear-gradient(180deg,rgba(255,236,244,1),rgba(255,213,229,0.96));color: #5f2140;box-shadow: 0 12px 24px rgba(236,96,159,0.12);}.theme-pink .btn.save{background: linear-gradient(180deg,#f472b6,#ec5f9f);color: #fff;border: none;box-shadow: 0 10px 22px rgba(236,96,159,0.18);}.theme-pink .btn.save:hover{background: linear-gradient(180deg,#ec5f9f,#db2777);color: #fff;box-shadow: 0 14px 28px rgba(219,39,119,0.24);}.row{display: flex;gap: 12px;margin-bottom: 12px;}.input-wrapper{position: relative;font-size: 16px;width: 100%;margin-bottom: 12px;}.input-wrapper input{width: 100%;padding-right: 36px;box-sizing: border-box;margin-bottom: 0;}.input-wrapper .icon-btn{position: absolute;right: 4px;top: 50%;transform: translateY(-50%);border: none;background: transparent;color: var(--color-icon);cursor: pointer;}.input-wrapper #btnTogglelistgrid{right: 40px;}.input-wrapper #btnTambahBarang{right: 4px;}.input-wrapper .icon-btn:hover{color: #00eaff;text-shadow: 0 0 6px #00eaff,0 0 12px #00eaff,0 0 18px #00eaff;transform: translateY(-50%) scale(1.2);}.remove-btn-customcombo:hover{color: #00eaff;text-shadow: 0 0 6px #00eaff,0 0 12px #00eaff,0 0 18px #00eaff;}.input-wrapper .icon-btn:active{color: #ff6b6b;text-shadow: 0 0 6px #ff6b6b,0 0 12px #ff6b6b,0 0 18px #ff6b6b;transform: translateY(-50%) scale(1.1);}.list-box-customcombo{position: absolute;top: 100%;left: 0;width: 100%;background: rgba(30,30,30,0.98);border: none;box-shadow: 0 14px 28px rgba(0,0,0,0.45),0 8px 16px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.05) inset;margin-top: 2px;box-sizing: border-box;will-change: top,left,width,opacity,transform;max-height: 380px;overflow-y: auto;display: none;z-index: 2147483647 !important;}.list-box-customcombo.hiding{animation: comboHideFade 100ms ease-in forwards;pointer-events: none;box-shadow: none;}@keyframes comboHideFade{from{opacity: 1;}to{opacity: 0;}}.list-item-customcombo{padding: 8px;cursor: pointer;color: #e0e0e0;display: flex;align-items: center;justify-content: space-between;}.list-item-customcombo:hover{background: #2a2a2a;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);}.list-box-customcombo.keyboard-mode .list-item-customcombo:hover:not(.active){background: transparent;box-shadow: none;}.list-item-customcombo.active{background: #2f2f2f75;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);}.list-item-customcombo .combo-left{display: flex;flex-direction: column;gap: 2px;}.list-item-customcombo .combo-price{font-weight: 600;color: #21c57a;}.list-item-customcombo .combo-sub{font-size: 12px;color: #a9a9a9;}.list-item-customcombo .combo-mark{background: #3a3a3a;color: #fff;padding: 0 2px;border-radius: 2px;}.selected-area-customcombo,.option-product-area{display: flex;flex-wrap: wrap;gap: 6px;}.option-product-area{padding: 10px 0;}.selected-box-customcombo,.option-product-content{width: 100%;background: var(--input-bg);padding:5px 10px;border-radius:5px;display:flex;align-items:center;border:1px solid #555;color: #fff;}.selected-box-customcombo .pref-label{color: var(--muted);}.kasir .selected-box-customcombo{font-size: 14px;}.list-item-customcombo{font-size: 14px;}.option-product-content{padding: 4px 15px 4px 15px;border:none;}.selected-box-customcombo.padding-kanan{padding-right: 35px;}.option-product-content{justify-content: space-between;}.option-product-content .toggle-wrapper{margin-left: auto;}.remove-btn-customcombo{background: none;color: var(--muted);border: none;font-size: 20px;font-weight: bold;margin-left: 6px;cursor: pointer;}.trash-btn-customcombo{background: none;border: none;color: #ff6b6b;font-size: 16px;cursor: pointer;margin-right: 10px;}.trash-btn-customcombo:hover{color: #ff8a80;}.theme-light .list-box-customcombo{background: #fff;border: 1px solid #e5e7eb;box-shadow: 0 10px 22px rgba(0,0,0,0.12),0 4px 10px rgba(0,0,0,0.08);}.theme-light .list-item-customcombo{color: #111827;}.theme-light .list-item-customcombo:hover{background: rgba(0,0,0,0.06);box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);}.theme-light .list-item-customcombo.active{background: rgba(59,130,246,0.12);box-shadow: inset 0 0 0 1px rgba(59,130,246,0.26);}.theme-light .list-item-customcombo .combo-price{color: #16a34a;}.theme-light .list-item-customcombo .combo-sub{color: #6b7280;}.theme-light .list-item-customcombo .combo-mark{background: rgba(0,0,0,0.10);color: #111827;}.theme-light .selected-box-customcombo,.theme-light .option-product-content{background: var(--input-bg);border-color: #cbd5e1;color: #111827;}.theme-light .remove-btn-customcombo{color: rgba(0,0,0,0.55);}.theme-light .trash-btn-customcombo{color: #ef4444;}.theme-light .trash-btn-customcombo:hover{color: #f87171;}.list-box-customcombo.grid-mode{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));grid-auto-rows: minmax(86px,auto);gap: 12px;padding: 12px;overflow-y: auto;}.list-box-customcombo.grid-mode.keyboard-mode .list-item-customcombo:hover:not(.active){background: transparent;box-shadow: none;}.list-box-customcombo.grid-mode .list-item-customcombo{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: 6px;background: var(--panel);border-radius: 10px;box-shadow: 0 2px 8px rgba(0,0,0,0.4);padding: 10px;transition: transform 0.2s,box-shadow 0.2s,background 0.2s;}.list-box-customcombo.grid-mode .list-item-customcombo:hover{transform: translateY(-2px);background: rgba(255,255,255,0.06);box-shadow: 0 5px 15px rgba(0,0,0,0.6);}.list-box-customcombo.grid-mode .list-item-customcombo.active{outline: 2px dashed #5aa7ff;box-shadow: 0 0 10px rgba(90,167,255,0.4);}.list-box-customcombo.grid-mode .combo-price{align-self: flex-end;}.list-box-customcombo .combo-thumb{display: none;}.list-box-customcombo.grid-mode .combo-thumb{display: block;width: 100%;}.list-box-customcombo.grid-mode .combo-thumb img{width: 100%;height: 120px;object-fit: cover;border-radius: 8px;background: var(--input-bg);margin-bottom: 6px;}.theme-light .list-box-customcombo.grid-mode{background: #fff;border: 1px solid #e5e7eb;box-shadow: 0 10px 22px rgba(0,0,0,0.12),0 4px 10px rgba(0,0,0,0.08);}.theme-light .list-box-customcombo.grid-mode .list-item-customcombo{background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.12);}.theme-light .list-box-customcombo.grid-mode .list-item-customcombo:hover{background: rgba(0,0,0,0.06);box-shadow: 0 5px 15px rgba(0,0,0,0.18);}.rating-stars{display: flex;align-items: center;justify-content: center;width: 100%;gap: 2px;margin-top: 4px;line-height: 1;}.rating-stars .fa-star{font-size: 14px;}.rating-stars .fa-solid.fa-star{color: #f5b301;}.rating-stars .fa-regular.fa-star{color: #cbd5e1;}.list-mode .rating-stars{justify-content: flex-start;}.toggle-wrapper{display: inline-flex;align-items: center;gap: 10px;}.ios-switch{position: relative;display: inline-block;width: 54px;height: 26px;}.ios-switch input{position: absolute;opacity: 0;width: 0;height: 0;}.ios-slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background: #3c3c3c;border-radius: 26px;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);transition: background 180ms ease,box-shadow 180ms ease;}.ios-slider::before{content: "";position: absolute;height: 22px;width: 22px;left: 2px;top: 2px;background: #fff;border-radius: 50%;box-shadow: 0 2px 8px rgba(0,0,0,0.25);transition: transform 180ms ease;}.ios-switch input:checked + .ios-slider{background: #34C759;}.ios-switch input:checked + .ios-slider::before{transform: translateX(22px);}.tier-table{margin-top: 8px;border: 1px solid #2b2f3a;border-radius: 8px;overflow: visible;--tier-input-height: 36px;}.tier-header,.tier-row{display: grid;gap: 8px;align-items: center;}#tierBody .tier-row,#tierBody2 .tier-row,#tierBody3 .tier-row,#tierBody4 .tier-row{align-items: start;}.tier-header{background: #1f2430;color: #cfd8dc;padding: 10px 12px;}#tierBody .tier-row,#tierBody2 .tier-row,#tierBody3 .tier-row,#tierBody4 .tier-row{padding: 10px 12px;border-top: 1px solid #2b2f3a;}.tier-table #tierBody .tier-row > *,.tier-table #tierBody2 .tier-row > *,.tier-table #tierBody3 .tier-row > *,.tier-table #tierBody4 .tier-row > *{align-self: start;}.tier-actions{padding: 10px 12px;border-top: 1px solid #2b2f3a;display:flex;justify-content:flex-end;}.tier-row input[type="number"],.tier-row input[type="text"],.tier-row select{width: 100%;}.tier-periode{display: flex;align-items: center;}.theme-light .tier-periode .icon-btn{background: #aeaeae;color: #fff;border: 1px solid #838181;}.theme-light .tier-periode .icon-btn:hover{background: #999797;}.tier-periode .dash{margin: 0 8px;opacity: 0.7;}.tier-row .tier-note{grid-column: 1 / -1;margin-top: 6px;color: #cfd8dc;font-size: 13px;}.tier-row .tier-note .note-title{font-weight: 600;margin-bottom: 6px;color: #e0e6eb;}.theme-light .tier-row .tier-note .note-title{color: #000;}.tier-row .tier-note .tier-note-fields{display: flex;gap: 12px;flex-wrap: wrap;}.tier-row .tier-note .note-field{display: flex;align-items: center;gap: 8px;position: relative;}.tier-row .tier-note .note-field label{color: #9fb3c8;min-width: 70px;}.theme-light .tier-row .tier-note .note-field label{color: #000;}.tier-row .tier-note .note-field input[type="text"]{height: 30px;padding: 4px 8px;border-radius: 6px;border: 1px solid #3a4150;background: #1e232c;color: #e6eef5;}.theme-light .tier-row .tier-note .note-field input[type="text"]{background: #fff;color: #111827;border-color: #d1d5db;}.theme-light .tier-row .tier-note .note-field input[type="text"]::placeholder{color: #9ca3af;}.tier-row .tier-note .note-results{position: absolute;top: 34px;left: 78px;min-width: 260px;max-height: 220px;overflow: auto;background: #202633;border: 1px solid #3a4150;border-radius: 6px;box-shadow: 0 6px 14px rgba(0,0,0,0.35);z-index: 100000;}.tier-row .tier-note .note-field{position: relative;z-index: 100001;}.tier-row .tier-note .note-result-item{padding: 6px 10px;cursor: pointer;color: #e6eef5;}.tier-row .tier-note .note-result-item:hover{background: #2a3140;}.tier-row .tier-note .hidden{display: none !important;}.tier-periode{position: relative;display: flex;align-items: stretch;gap: 6px;}.tier-periode .range-display input[type="date"]{cursor: pointer;}.tier-periode .range-display{cursor: pointer;}.tier-periode .range-display *{cursor: pointer;}.tier-periode .range-display input[type="date"]::-webkit-calendar-picker-indicator{cursor: pointer;}.tier-periode .range-popover{position: fixed;left: 0;top: 0;z-index: 10000000;background: #1c1c1c;border: 1px solid #2b2f3a;border-radius: 8px;box-shadow: 0 10px 24px rgba(0,0,0,0.35);padding: 12px;width: 280px;}.tier-periode .range-popover.hidden{display: none;}.tier-periode .range-popover.visible{display: block;}.range-popover input[type="date"]{cursor: pointer;}.range-popover input[type="date"]::-webkit-calendar-picker-indicator{cursor: pointer;}.range-popover .range-row{display: grid;grid-template-columns: 70px 1fr;align-items: center;gap: 8px;margin-bottom: 10px;}.range-popover .range-row label{color: #cfd8dc;font-size: 13px;}.range-popover .range-actions{text-align: right;}.range-popover .btnSetRange{padding: 6px 10px;background: #5aa7ff;color: #fff;border: none;border-radius: 6px;cursor: pointer;}.range-popover .btnCloseRange{padding: 6px 10px;background: transparent;color: #cfd8dc;border: 1px solid #3a4150;border-radius: 6px;cursor: pointer;margin-right: 8px;}.range-popover .btnCloseRange:hover{background: #2a3140;}.tier-row input[type="date"]{margin-bottom: 0;height: var(--tier-input-height);font-size: 14px;}.tier-row .tier-pilihan,.tier-row .tier-operator{height: var(--tier-input-height);margin-bottom: 0;font-size: 14px;padding-right: 5px;}.tier-row .tier-jum1,.tier-row .tier-jum2,.tier-row .tier-nilai{height: var(--tier-input-height);margin-top: 0;margin-bottom: 0;font-size: 14px;}.tier-row .btnDelTier{display: inline-flex;align-items: center;justify-content: center;padding: 0 12px;border: 1px solid #2b2f3a;background: #222;border-radius: 6px;box-sizing: border-box;cursor: pointer;height: var(--tier-input-height);}.tier-row .tier-periode input{margin-top: 0;margin-bottom: 0;}@media (max-width: 900px){}#previewGbrBarang{border: 2px solid #7a7a7a6f;border-radius: 10px;}#previewGbrBarang:hover{border: 2px solid #5aa7ff;border-radius: 10px;background-color: #0076d725;}#previewGbrBarang2{border: 2px solid #7a7a7a6f;border-radius: 10px;}#previewGbrBarang2:hover{border: 2px solid #5aa7ff;border-radius: 10px;background-color: #0076d725;}.other-menu-popup{position: fixed;z-index: 9999;min-width: 280px;background: var(--bg-1);border: 1px solid var(--glass-border);border-radius: var(--radius);padding: 12px;box-shadow: var(--shadow);backdrop-filter: blur(10px) saturate(120%);transform: scale(0.98);opacity: 0;pointer-events: none;transition: opacity 160ms ease,transform 160ms ease;}.other-menu-popup.show{transform: scale(1);opacity: 1;pointer-events: auto;}.other-menu-grid{display: flex;flex-direction: column;gap: 8px;}.other-menu-item{display: flex;align-items: center;gap: 8px;padding: 10px;border-radius: 10px;background: rgba(255,255,255,0.06);color: #fff;border: 1px solid rgba(255,255,255,0.05);cursor: pointer;transition: background 140ms ease,transform 140ms ease,box-shadow 160ms ease;width: 100%;}.theme-light .other-menu-item{background: rgba(0,0,0,0.06);color: #000;border: 1px solid rgba(0,0,0,0.05);}.other-menu-item i{font-size: 14px;color: var(--accent);}.other-menu-item:hover{background: rgba(255,255,255,0.10);box-shadow: 0 8px 24px rgba(4,8,18,0.35);}.other-menu-item.active{background: rgba(255,255,255,0.14);border-color: var(--accent);box-shadow: 0 0 0 2px rgba(0,234,255,0.18) inset,0 8px 24px rgba(4,8,18,0.35);}.theme-light .other-menu-item.active{background: rgba(0,0,0,0.08);border-color: var(--accent);color: #000;}.other-menu-popup::after{content: "";position: absolute;top: -7px;right: 22px;width: 14px;height: 14px;background: var(--bg-1);border-left: 1px solid var(--glass-border);border-top: 1px solid var(--glass-border);transform: rotate(45deg);}@media (max-width: 768px){.other-menu-grid{grid-template-columns: repeat(2,minmax(0,1fr));}.other-menu-popup{min-width: 240px;}}.batch-panel{background:#1f2024;border:1px solid #2f3136;border-radius:10px;padding:12px}.theme-light .batch-panel{box-shadow: none;}.batch-panel .row label{color:#c7c7c7}.theme-light .batch-panel .row label{color:#000}.batch-input-no{padding: 7px;}.batch-desc{color:#bdbdbda5;font-size: 14px;margin-bottom:10px;}.theme-light .batch-desc{color:#000}.nb-panel{border: 1px solid var(--glass-border);border-radius: var(--radius);padding: 12px;background: linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.015));box-shadow: var(--shadow);backdrop-filter: blur(8px) saturate(120%);transition: background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;}.nb-title{display: flex;justify-content: space-between;align-items: center;gap: 8px;}.theme-light .nb-title{color: #000;}.nb-title strong{color: #f3f6fb;}.theme-light .nb-title strong{color: #000;}.nb-title .stok{color: var(--muted);}.nb-list{margin-top: 0;}.nb-list-header{display: grid;grid-template-columns: 2fr 1fr 36px;color: #aeb9c6;padding: 8px 10px;border-top: 1px solid var(--glass-border);border-bottom: 1px solid var(--glass-border);background: linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.015));font-size: 12px;letter-spacing: 0.2px;}.nb-list-header.serial{grid-template-columns: 1.6fr 1fr 1fr 1.2fr 1fr 36px;}.nb-hcell{margin-top: 2px;}.theme-light .nb-hcell{color: #000;}.nb-hcell--right{text-align: right;}.nb-hcell--center{text-align: center;}.nb-list-body{display: grid;grid-template-columns: 2fr 1fr 36px;grid-auto-rows: minmax(28px,auto);gap: 8px;padding: 8px 10px;}.nb-list-body.serial{grid-template-columns: 1.6fr 1fr 1fr 1.2fr 1fr 36px;}.nb-cell{margin-top: 2px;color: #bdbdbd;font-size: 14px;}.theme-light .nb-cell{color: #000;}.nb-cell--right{text-align: right;}.nb-cell--action{display: flex;justify-content: center;align-items: center;align-self: center;}.theme-light .nb-cell--action{color: #000;}.nb-empty{grid-column: 1 / -1;color: var(--muted);font-style: italic;font-size: 13px;}.nb-input-row{display: flex;align-items: flex-start;gap: 12px;margin: 4px 0;}.nb-input-col{display: flex;flex-direction: column;}.theme-light .nb-input-col label{color: #000;}.nb-input-col.w-2{flex: 2;}.nb-input-col.w-1{flex: 1;}.nb-input-col.w-actions{flex: 0;}.nb-hidden-label{visibility: hidden;}.nb-input-row--serial .nb-input-col.w-actions{flex-direction: row;align-items: center;gap: 8px;margin-top: 24px;}.nb-input-row--serial .nb-input-col.w-actions .nb-hidden-label{display: none;}.nb-input-row--serial{align-items: flex-start;}.nb-list .icon-btn{width: 24px;height: 24px;background: rgba(255,255,255,0.04);border: 1px solid var(--glass-border);color: #cfd8dc;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;border-radius: 8px;font-size: 14px;transition: background 0.15s ease,color 0.15s ease,border-color 0.15s ease,transform 0.08s ease;}.nb-list .icon-btn:hover{background: rgba(255,255,255,0.08);color: var(--unread);border-color: rgba(255,255,255,0.12);}.nb-list .icon-btn:active{transform: scale(0.96);}.nb-list .icon-btn:focus{outline: none;box-shadow: 0 0 0 2px var(--accent-glow);}@media (max-width: 640px){.nb-input-row{flex-direction: column;gap: 8px;}.nb-input-col.w-actions{align-self: flex-end;}.nb-list-header{grid-template-columns: 1.6fr 0.8fr 32px;}.nb-list-body{grid-template-columns: 1.6fr 0.8fr 32px;}}@media (prefers-reduced-motion: reduce){.nb-panel,.nb-list .icon-btn,.nb-input-col input[type="text"]{transition: none;}}.theme-light .sidebar{background: radial-gradient(circle at 18% 0%,rgba(59,130,246,0.12),transparent 28%),linear-gradient(165deg,rgba(255,255,255,0.98),rgba(242,246,252,0.98));border-color:var(--panel-border);box-shadow:var(--panel-shadow);}.theme-light .sidebar::before{background:linear-gradient(90deg,transparent,rgba(59,130,246,0.48),transparent);}.theme-light .sidebar-brand{border-bottom-color:rgba(35,73,120,0.09);}.theme-light .sidebar-brand-mark{color:#2563a9;border-color:rgba(59,130,246,0.16);background:rgba(219,234,254,0.68);}.theme-light .sidebar-brand-name{color:#17243a;}.theme-light .sidebar-footer{border-top-color:rgba(35,73,120,0.09);}.theme-light .sidebar-mode-switch,.theme-light .left-btn{color:#49617f;border-color:rgba(34,66,105,0.09);background:rgba(255,255,255,0.64);}.theme-light .sidebar-mode-switch:hover,.theme-light .left-btn:hover{color:#173a67;border-color:rgba(59,130,246,0.16);background:rgba(219,234,254,0.76);}.theme-light .left-btn.selected{color:#1d5f9f;border-color:rgba(59,130,246,0.2);background:linear-gradient(145deg,rgba(219,234,254,0.98),rgba(239,246,255,0.9));}.theme-light .sidebar-group.open{border-color:rgba(59,130,246,0.13);background:rgba(255,255,255,0.52);}.theme-light .sidebar-header{color:#111827;border-bottom-color: rgba(0,0,0,0.06);}.theme-light .sidebar-sub{color: rgba(0,0,0,0.55);}.theme-light .sidebar-head{background:transparent;box-shadow:none;}.theme-light .sidebar-head:hover{background:rgba(59,130,246,0.055);}.theme-light .sidebar-group.open > .sidebar-head{background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(255,255,255,0.62) 72%);}.theme-light .sidebar-head-icon{color:#49617f;background:rgba(255,255,255,0.62);border-color:rgba(34,66,105,0.08);box-shadow:none;}.theme-light .sidebar-group.open .sidebar-head-icon{color:#2563a9;background:linear-gradient(145deg,rgba(96,165,250,0.19),rgba(59,130,246,0.08));border-color:rgba(59,130,246,0.18);box-shadow:0 8px 20px rgba(37,99,169,0.08),inset 0 1px 0 #fff;}.theme-light .sidebar-title{color:#17243a;}.theme-light .sidebar-group.open .sidebar-title{color:#17243a;}.theme-light .sidebar-head-chevron{color:rgba(42,62,89,0.42);}.theme-light .sidebar-section-label{color:rgba(42,62,89,0.48);}.theme-light .sidebar-section-label::after{background:linear-gradient(90deg,rgba(42,62,89,0.12),transparent);}.theme-light .sidebar-scroll-hint{color:rgba(42,62,89,0.58);border-top-color:rgba(35,73,120,0.08);background:linear-gradient(180deg,rgba(246,249,253,0),rgba(246,249,253,0.94));}.theme-light .sidebar-scroll-hint i{color:#3378c7;}.theme-light .client-item{border:1px solid transparent;}.theme-light .client-item:hover{background:linear-gradient(90deg,rgba(59,130,246,0.09),rgba(255,255,255,0.7));border-color:rgba(59,130,246,0.11);box-shadow:0 8px 24px rgba(31,69,117,0.08);}.theme-light .client-item.selected{background:linear-gradient(90deg,rgba(219,235,255,0.95),rgba(239,246,255,0.7));border-color:rgba(59,130,246,0.2);box-shadow:0 8px 22px rgba(29,78,216,0.09),inset 0 1px 0 #fff;}.theme-light .client-item .meta .title{color:#26364d;}.theme-light .client-item:hover .meta .title,.theme-light .client-item.selected .meta .title{color:#10233e;}.theme-light .client-item .meta .sub{color:#6b7280;}.theme-light .client-item .avatar{background:rgba(255,255,255,0.58);border-color:rgba(34,66,105,0.08);color:#49617f;}.theme-light .client-item .avatar i{color:inherit;}.theme-light .client-item:hover .avatar,.theme-light .client-item.selected .avatar{color:#2563a9;border-color:rgba(59,130,246,0.16);background:rgba(219,234,254,0.76);}.theme-pink{color: #4b2440;}.theme-pink html,.theme-pink body{background: radial-gradient(circle at top right,rgba(255,182,216,0.34),transparent 26rem),radial-gradient(circle at bottom left,rgba(244,114,182,0.18),transparent 24rem),linear-gradient(180deg,#fff7fb,#ffe9f3);}.theme-pink input:-webkit-autofill,.theme-pink input:-webkit-autofill:hover,.theme-pink input:-webkit-autofill:focus,.theme-pink textarea:-webkit-autofill,.theme-pink select:-webkit-autofill{-webkit-text-fill-color: #4b2440 !important;caret-color: #4b2440 !important;-webkit-box-shadow: 0 0 0px 1000px #fff8fb inset !important;box-shadow: 0 0 0px 1000px #fff8fb inset !important;}.theme-pink .logout-btn{background: linear-gradient(180deg,rgba(255,192,219,0.78),rgba(244,114,182,0.34));color: #7a3557;border: 1px solid rgba(236,96,159,0.18);box-shadow: 0 10px 26px rgba(236,96,159,0.16);}.theme-pink .logout-btn:hover{background: linear-gradient(180deg,rgba(255,182,216,0.95),rgba(236,96,159,0.46));color: #5f2140;box-shadow: 0 14px 28px rgba(236,96,159,0.22);}.theme-pink #content-area{background: linear-gradient(180deg,rgba(255,255,255,0.88),rgba(255,241,247,0.94));border-color: var(--panel-border);box-shadow: var(--panel-shadow);}.theme-pink .kategori,.theme-pink .modal-content,.theme-pink .tab-content-wrapper,.theme-pink .batch-panel,.theme-pink .stok-cabang-list,.theme-pink .totals-summary{background: linear-gradient(180deg,rgba(255,255,255,0.88),rgba(255,241,247,0.94));border-color: rgba(236,96,159,0.14);box-shadow: 0 10px 30px rgba(236,96,159,0.10);}.theme-pink .sidebar{border-color:var(--panel-border);background: radial-gradient(circle at 16% 0%,rgba(236,72,153,0.3),transparent 36%),linear-gradient(165deg,rgba(255,246,250,0.99),rgba(255,218,235,0.98));box-shadow:var(--panel-shadow);}.theme-pink .sidebar::before{background:linear-gradient(90deg,transparent,rgba(236,72,153,0.72),transparent);}.theme-pink .sidebar-brand{border-bottom-color:rgba(224,73,142,0.17);}.theme-pink .sidebar-brand-mark{color:#bd276d;border-color:rgba(224,73,142,0.24);background:rgba(255,205,226,0.82);box-shadow:0 8px 20px rgba(190,39,108,0.16);}.theme-pink .sidebar-brand-name{color:#5f2140;}.theme-pink .sidebar-footer{border-top-color:rgba(236,96,159,0.11);}.theme-pink .sidebar-mode-switch,.theme-pink .left-btn{color:#7a5570;border-color:rgba(122,53,87,0.1);background:rgba(255,255,255,0.58);}.theme-pink .sidebar-mode-switch:hover,.theme-pink .left-btn:hover{color:#7a3557;border-color:rgba(236,96,159,0.16);background:rgba(255,224,236,0.76);}.theme-pink #app-sidebar .sidebar-switch-track{border-color:rgba(217,70,140,0.3);background:rgba(236,72,153,0.2);}.theme-pink #app-sidebar .sidebar-switch-thumb{background:#d9468c;box-shadow:0 1px 5px rgba(190,39,108,0.3);}.theme-pink .left-btn.selected{color:#b63b73;border-color:rgba(236,96,159,0.2);background:linear-gradient(145deg,rgba(255,224,236,0.98),rgba(255,241,247,0.9));}.theme-pink .sidebar-group.open{border-color:rgba(224,73,142,0.2);background:rgba(255,255,255,0.57);}.theme-pink .sidebar-head{background:transparent;box-shadow:none;}.theme-pink .sidebar-head:hover{background:rgba(236,96,159,0.055);}.theme-pink .sidebar-group.open > .sidebar-head{background:linear-gradient(135deg,rgba(236,72,153,0.2),rgba(255,255,255,0.62) 72%);}.theme-pink .sidebar-head-icon{color:#7a5570;background:rgba(255,255,255,0.58);border-color:rgba(122,53,87,0.09);box-shadow:none;}.theme-pink .sidebar-group.open .sidebar-head-icon{color:#b63b73;background:linear-gradient(145deg,rgba(244,114,182,0.2),rgba(236,96,159,0.08));border-color:rgba(236,96,159,0.18);box-shadow:0 8px 20px rgba(171,48,104,0.08),inset 0 1px 0 #fff;}.theme-pink .sidebar-title{color:#5f2140;}.theme-pink .sidebar-group.open .sidebar-title{color:#5f2140;}.theme-pink .sidebar-head-chevron{color:rgba(122,53,87,0.42);}.theme-pink .sidebar-section-label{color:rgba(122,53,87,0.48);}.theme-pink .sidebar-section-label::after{background:linear-gradient(90deg,rgba(236,96,159,0.16),transparent);}.theme-pink .sidebar-scroll-hint{color:rgba(122,53,87,0.58);border-top-color:rgba(236,96,159,0.1);background:linear-gradient(180deg,rgba(255,230,241,0),rgba(255,220,236,0.95));}.theme-pink .sidebar-scroll-hint i{color:#cf4c88;}.theme-pink .sidebar-header,.theme-pink .header-left .title,.theme-pink .form-section-title,.theme-pink .subsection-title,.theme-pink .subsection-title span,.theme-pink .nb-title,.theme-pink .nb-title strong,.theme-pink label{color: #5f2140;}.theme-pink .header-left .sub,.theme-pink .sidebar-sub,.theme-pink .client-item .meta .sub,.theme-pink .batch-desc,.theme-pink .nb-hcell,.theme-pink .nb-cell,.theme-pink .nb-cell--action,.theme-pink .nb-input-col label{color: rgba(108,68,88,0.76);}.theme-pink .client-item,.theme-pink .kategori-side-item,.theme-pink .kategori-sub-btn,.theme-pink .other-menu-item,.theme-pink .round-btn,.theme-pink .temp-tooltip2,.theme-pink .list-item-customcombo,.theme-pink .selected-box-customcombo,.theme-pink .option-product-content{color: #4b2440;border-color: rgba(236,96,159,0.12);}.theme-pink .client-item:hover,.theme-pink .other-menu-item:hover,.theme-pink .list-item-customcombo:hover,.theme-pink .round-btn:hover,.theme-pink .barang-table tbody tr.edit-mode:hover td,.theme-pink .table-mode .barang-table tbody tr:hover td,.theme-pink .product-card.edit-mode:hover{background: rgba(255,232,242,0.95);border-color: rgba(236,96,159,0.16);box-shadow: 0 10px 24px rgba(236,96,159,0.12);}.theme-pink .client-item.selected,.theme-pink .kategori-side-item.active,.theme-pink .kategori-sub-btn.active,.theme-pink .other-menu-item.active,.theme-pink .list-item-customcombo.active,.theme-pink .round-btn.active{background: linear-gradient(180deg,rgba(255,224,236,0.98),rgba(255,205,226,0.94));border-color: rgba(236,96,159,0.22);box-shadow: 0 12px 26px rgba(236,96,159,0.16);}.theme-pink .client-item .meta .title,.theme-pink .table-mode .barang-table thead th,.theme-pink .table-mode .barang-table tbody td,.theme-pink .tier-row .tier-note .note-title,.theme-pink .tier-row .tier-note .note-field label{color: #5f2140;}.theme-pink .client-item .avatar{background: rgba(255,232,242,0.95);border: 1px solid rgba(236,96,159,0.12);color: #7a3557;}.theme-pink .client-item .avatar i,.theme-pink .expand-icon{color: #7a3557;}.theme-pink .sidebar-separator,.theme-pink .middle-separator{background: linear-gradient(to right,rgba(236,96,159,0.08),rgba(236,96,159,0.28),rgba(236,96,159,0.08));}.theme-pink .form-section-title{background: linear-gradient(180deg,rgba(255,244,249,0.98),rgba(255,226,238,0.94));border: 1px solid rgba(236,96,159,0.14);border-radius: 12px;box-shadow: 0 8px 22px rgba(236,96,159,0.10);}.theme-pink .subsection-title{display: flex;align-items: center;gap: 8px;padding: 7px 12px;border-radius: 10px;background: linear-gradient(180deg,rgba(255,248,251,0.96),rgba(255,233,242,0.92));border: 1px solid rgba(236,96,159,0.10);box-shadow: 0 6px 16px rgba(236,96,159,0.08);}.theme-pink .form-section-title .dot{background: linear-gradient(180deg,#f472b6,#ec5f9f);box-shadow: 0 0 0 4px rgba(236,96,159,0.10);}.theme-pink #section-harga-standart,.theme-pink #section-harga-agen,.theme-pink #section-harga-member,.theme-pink #section-tier-1,.theme-pink #section-tier-2,.theme-pink #section-tier-3,.theme-pink #section-tier-4{color: #5f2140;text-shadow: 0 1px 0 rgba(255,255,255,0.55);}.theme-pink #agenRetailSubtitle,.theme-pink #agenPartaiSubtitle,.theme-pink #memberRetailSubtitle,.theme-pink #memberPartaiSubtitle,.theme-pink .member-title,.theme-pink .member-name{color: #7a3557;}.theme-pink #agenPartaiSubtitle,.theme-pink #memberPartaiSubtitle,.theme-pink .member-title{font-weight: 700;}.theme-pink #agenSeparator,.theme-pink #memberSeparator,.theme-pink .separator{background: linear-gradient(to right,rgba(236,96,159,0.04),rgba(236,96,159,0.28),rgba(236,96,159,0.04));}.theme-pink .tab-header,.theme-pink .form-footer{background: linear-gradient(180deg,rgba(255,241,247,0.98),rgba(255,225,238,0.94));border-color: rgba(236,96,159,0.14);}.theme-pink .tab-link{color: #7a3557;border: 1px solid transparent;}.theme-pink .tab-link:hover{color: #5f2140;background: linear-gradient(180deg,rgba(255,236,244,0.98),rgba(255,216,231,0.95));border: 1px solid rgba(236,96,159,0.12);box-shadow: 0 10px 22px rgba(236,96,159,0.12);}.theme-pink .tab-link.active{color: #fff;background: linear-gradient(180deg,#f472b6,#ec5f9f);border-color: rgba(219,39,119,0.20);box-shadow: 0 12px 24px rgba(236,96,159,0.18);}.theme-pink .list-box-customcombo,.theme-pink .list-box-customcombo.grid-mode,.theme-pink .table-mode .barang-table thead th,.theme-pink .middle-buttons{background: rgba(255,248,251,0.96);border-color: rgba(236,96,159,0.14);}.theme-pink .list-item-customcombo .combo-price{color: #be185d;}.theme-pink .list-item-customcombo .combo-sub,.theme-pink .remove-btn-customcombo{color: rgba(108,68,88,0.72);}.theme-pink .trash-btn-customcombo{color: #db2777;}.theme-pink .trash-btn-customcombo:hover{color: #be185d;}.theme-pink .tier-periode .icon-btn{background: rgba(255,224,236,0.95);color: #7a3557;border: 1px solid rgba(236,96,159,0.16);}.theme-pink .tier-periode .icon-btn:hover{background: rgba(255,205,226,0.95);}.theme-pink .stok-cabang-list{background: linear-gradient(180deg,rgba(255,250,252,0.98),rgba(255,238,245,0.94));}.theme-pink .stok-cabang-row{border-top: 1px solid rgba(236,96,159,0.10);}.theme-pink .stok-cabang-kode{color: #7a3557;font-weight: 600;}.theme-pink .option-product-area{padding: 12px 0;}.theme-pink .option-product-content{background: linear-gradient(180deg,rgba(255,250,252,0.98),rgba(255,236,244,0.95));border: 1px solid rgba(236,96,159,0.12);border-radius: 12px;box-shadow: 0 8px 18px rgba(236,96,159,0.08);}.theme-pink .option-product-content:hover{background: linear-gradient(180deg,rgba(255,244,249,1),rgba(255,227,238,0.96));box-shadow: 0 12px 24px rgba(236,96,159,0.12);}.theme-pink .option-product-content .toggle-wrapper{color: #7a3557;}.theme-pink .option-product-content .pref-label{color: rgba(122,53,87,0.74);}.theme-pink .ios-slider{background: linear-gradient(180deg,rgba(255,232,242,0.98),rgba(255,214,231,0.92));box-shadow: inset 0 0 0 1px rgba(236,96,159,0.16),inset 0 2px 6px rgba(236,96,159,0.08);}.theme-pink .ios-slider::before{background: linear-gradient(180deg,#fffdfd,#ffe8f1);box-shadow: 0 3px 10px rgba(236,96,159,0.18);}.theme-pink .ios-switch input:checked + .ios-slider{background: linear-gradient(180deg,#f472b6,#ec5f9f);box-shadow: inset 0 0 0 1px rgba(219,39,119,0.16),0 8px 18px rgba(236,96,159,0.18);}.theme-pink .ios-switch input:checked + .ios-slider::before{background: linear-gradient(180deg,#ffffff,#fff5f9);box-shadow: 0 4px 12px rgba(219,39,119,0.18);}.theme-pink .tier-table{background: linear-gradient(180deg,rgba(255,252,253,0.98),rgba(255,240,247,0.96));border: 1px solid rgba(236,96,159,0.12);box-shadow: 0 10px 24px rgba(236,96,159,0.08);}.theme-pink .tier-header{background: linear-gradient(180deg,rgba(255,242,248,0.98),rgba(255,224,236,0.94));color: #6f284a;border-bottom: 1px solid rgba(236,96,159,0.10);}.theme-pink #tierBody .tier-row,.theme-pink #tierBody2 .tier-row,.theme-pink #tierBody3 .tier-row,.theme-pink #tierBody4 .tier-row{border-top: 1px solid rgba(236,96,159,0.10);background: rgba(255,250,252,0.52);}.theme-pink .tier-actions{background: linear-gradient(180deg,rgba(255,247,250,0.96),rgba(255,231,241,0.94));border-top: 1px solid rgba(236,96,159,0.10);}.theme-pink .tier-actions .btn{background: linear-gradient(180deg,rgba(255,236,244,1),rgba(255,214,231,0.96));color: #7a3557;border: 1px solid rgba(236,96,159,0.14);box-shadow: 0 8px 18px rgba(236,96,159,0.10);}.theme-pink .tier-actions .btn:hover{background: linear-gradient(180deg,#f472b6,#ec5f9f);color: #fff;box-shadow: 0 12px 24px rgba(236,96,159,0.18);}.theme-pink .tier-row .tier-operator,.theme-pink .tier-row .tier-pilihan,.theme-pink .tier-row .tier-jum1,.theme-pink .tier-row .tier-jum2,.theme-pink .tier-row .tier-nilai,.theme-pink .tier-row input[type="date"]{background: #fffdfd;color: #4b2440;border: 1px solid rgba(236,96,159,0.16);box-shadow: 0 2px 6px rgba(236,96,159,0.06);}.theme-pink .tier-row .tier-operator:focus,.theme-pink .tier-row .tier-pilihan:focus,.theme-pink .tier-row .tier-jum1:focus,.theme-pink .tier-row .tier-jum2:focus,.theme-pink .tier-row .tier-nilai:focus,.theme-pink .tier-row input[type="date"]:focus{background: #ffffff;border-color: #ec5f9f;box-shadow: 0 0 0 3px rgba(236,96,159,0.12);}.theme-pink .tier-row .btnDelTier{border: 1px solid rgba(236,96,159,0.16);background: linear-gradient(180deg,rgba(255,241,247,0.98),rgba(255,223,236,0.94));color: #be185d;box-shadow: 0 6px 14px rgba(236,96,159,0.08);}.theme-pink .tier-row .btnDelTier:hover{background: linear-gradient(180deg,rgba(244,114,182,0.96),rgba(236,96,159,0.94));color: #fff;box-shadow: 0 10px 20px rgba(236,96,159,0.16);}.theme-pink .tier-periode .range-popover{background: linear-gradient(180deg,rgba(255,252,253,0.99),rgba(255,238,245,0.97));border: 1px solid rgba(236,96,159,0.14);box-shadow: 0 14px 30px rgba(236,96,159,0.16);}.theme-pink .range-popover .range-row label{color: #6f284a;}.theme-pink .range-popover .btnSetRange{background: linear-gradient(180deg,#f472b6,#ec5f9f);color: #fff;box-shadow: 0 8px 18px rgba(236,96,159,0.16);}.theme-pink .range-popover .btnCloseRange{color: #7a3557;border: 1px solid rgba(236,96,159,0.16);background: rgba(255,244,249,0.96);}.theme-pink .range-popover .btnCloseRange:hover{background: rgba(255,229,240,0.96);}.theme-pink .tier-row .tier-note{color: rgba(108,68,88,0.82);}.theme-pink .tier-row .tier-note .note-results{background: linear-gradient(180deg,rgba(255,252,253,0.99),rgba(255,238,245,0.97));border: 1px solid rgba(236,96,159,0.14);box-shadow: 0 10px 24px rgba(236,96,159,0.14);}.theme-pink .tier-row .tier-note .note-result-item{color: #5f2140;}.theme-pink .tier-row .tier-note .note-result-item:hover{background: rgba(255,229,240,0.92);}.theme-pink .tier-row .tier-note .note-field input[type="text"]{background: #fffdfd;color: #4b2440;border-color: rgba(236,96,159,0.16);}.theme-pink .tier-row .tier-note .note-field input[type="text"]::placeholder{color: rgba(122,53,87,0.46);}.theme-pink .grid-container{background: radial-gradient(circle at top right,rgba(255,214,231,0.24),transparent 22rem),linear-gradient(180deg,rgba(255,250,252,0.70),rgba(255,241,247,0.52));border-radius: 18px;}.theme-pink .product-card{background: linear-gradient(180deg,rgba(255,255,255,0.97),rgba(255,241,247,0.94));border: 1px solid rgba(236,96,159,0.14);box-shadow: 0 10px 24px rgba(236,96,159,0.10);}.theme-pink .product-card:hover{transform: translateY(-4px);box-shadow: 0 16px 34px rgba(236,96,159,0.16);border-color: rgba(236,96,159,0.20);}.theme-pink .product-card img{background: linear-gradient(180deg,rgba(255,235,244,0.95),rgba(255,247,250,0.98));border-bottom: 1px solid rgba(236,96,159,0.10);}.theme-pink .product-info{background: linear-gradient(180deg,rgba(255,255,255,0.10),rgba(255,239,246,0.34));}.theme-pink .product-info h3,.theme-pink .list-mode .product-info h3{color: #6f284a;font-weight: 700;letter-spacing: 0.01em;}.theme-pink .product-info p,.theme-pink .list-mode .product-info p,.theme-pink .stock-price{color: rgba(122,53,87,0.76);}.theme-pink .grid-container .product-info{gap: 4px;}.theme-pink .list-mode{background: linear-gradient(180deg,rgba(255,248,251,0.64),rgba(255,239,246,0.46));border-radius: 18px;}.theme-pink .list-mode .product-card{background: linear-gradient(180deg,rgba(255,255,255,0.97),rgba(255,240,247,0.94));border: 1px solid rgba(236,96,159,0.14);box-shadow: 0 8px 18px rgba(236,96,159,0.10);}.theme-pink .list-mode .product-card:hover{transform: translateY(-1px);background: linear-gradient(180deg,rgba(255,244,249,1),rgba(255,231,241,0.96));border-color: rgba(236,96,159,0.20);box-shadow: 0 10px 22px rgba(236,96,159,0.12);}.theme-pink .list-mode .product-card img{border: 1px solid rgba(236,96,159,0.10);box-shadow: 0 6px 14px rgba(236,96,159,0.08);}.theme-pink .product-card.delete-mode,.theme-pink .product-card.edit-mode{border: 2px dashed rgba(236,96,159,0.66);box-shadow: 0 0 0 4px rgba(236,96,159,0.08);}.theme-pink .product-card.edit-mode:hover{border: 2px solid #ec5f9f;}.theme-pink .product-card.selected,.theme-pink .product-card.delete-mode.selected{border: 2px solid #db2777;box-shadow: 0 0 0 4px rgba(236,96,159,0.12),0 14px 28px rgba(236,96,159,0.16);background: linear-gradient(180deg,rgba(255,236,244,0.98),rgba(255,221,234,0.94));}.theme-pink .product-card.selected:hover{border: 2px solid #db2777;box-shadow: 0 0 0 4px rgba(236,96,159,0.12),0 14px 28px rgba(236,96,159,0.16);background: linear-gradient(180deg,rgba(255,236,244,0.98),rgba(255,221,234,0.94));}.theme-pink .table-mode{border-radius: 18px;background: linear-gradient(180deg,rgba(255,250,252,0.70),rgba(255,241,247,0.52));}.theme-pink .table-mode .barang-table{background: rgba(255,255,255,0.82);border-radius: 14px;overflow: hidden;box-shadow: 0 10px 28px rgba(236,96,159,0.10);}.theme-pink .table-mode .barang-table thead,.theme-pink #master-biaya-page .biaya-table thead{background: rgba(255,245,249,0.98);backdrop-filter: blur(6px);}.theme-pink .table-mode .barang-table thead th,.theme-pink #master-biaya-page .biaya-table thead th{background: linear-gradient(180deg,rgba(255,248,251,0.98),rgba(255,227,238,0.92));color: #6f284a;border-bottom: 1px solid rgba(236,96,159,0.12);box-shadow: inset 0 -1px 0 rgba(236,96,159,0.10);}.theme-pink .table-mode .barang-table tbody td,.theme-pink #master-biaya-page .biaya-table tbody td{color: #5f2140;border-bottom: 1px solid rgba(236,96,159,0.08);background: transparent;}.theme-pink .table-mode .barang-table tbody tr:nth-child(even),.theme-pink #master-biaya-page .biaya-table tbody tr:nth-child(even){background: rgba(255,243,248,0.68);}.theme-pink .table-mode .barang-table tbody tr:hover,.theme-pink #master-biaya-page .biaya-table tbody tr:hover{background: rgba(255,229,240,0.88);}.theme-pink .table-mode .barang-table tbody tr:hover td,.theme-pink #master-biaya-page .biaya-table tbody tr:hover td{background: transparent;}.theme-pink .barang-table tbody tr.edit-mode td,.theme-pink .barang-table tbody tr.delete-mode td{outline: none;}.theme-pink .barang-table tbody tr.delete-mode:hover{background: rgba(244,114,182,0.16);}.theme-pink .barang-table tbody tr.delete-mode.selected{background: rgba(236,96,159,0.22) !important;}.theme-pink .barang-table tbody tr.selected td{background: linear-gradient(180deg,rgba(255,220,235,0.98),rgba(255,203,225,0.94));color: #6f284a;}.theme-pink .table-mode .rating-stars .fa-solid.fa-star,.theme-pink .rating-stars .fa-solid.fa-star{color: #f59ec2;text-shadow: 0 0 10px rgba(236,96,159,0.18);}.theme-pink .table-mode .rating-stars .fa-regular.fa-star,.theme-pink .rating-stars .fa-regular.fa-star{color: rgba(122,53,87,0.26);}.theme-pink .table-mode.sticky-nama .barang-table thead tr th:nth-child(2){background: linear-gradient(180deg,rgba(255,245,249,0.98),rgba(255,227,238,0.96)) !important;}.theme-pink .table-mode.sticky-nama .barang-table tbody tr td:nth-child(2){background: rgba(255,248,251,0.98);box-shadow: 1px 0 0 rgba(236,96,159,0.10);}.under-construction{min-height: 420px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 40px 20px;box-sizing: border-box;}.construction-icon{width: 82px;height: 82px;display: flex;align-items: center;justify-content: center;border-radius: 24px;font-size: 40px;margin-bottom: 22px;background: rgba(59,130,246,0.10);border: 1px solid rgba(59,130,246,0.18);box-shadow: 0 10px 30px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.08);}.under-construction h2{margin: 0 0 10px;font-size: 25px;font-weight: 700;color: #1f2937;letter-spacing: -0.4px;}.under-construction p{margin: 0 0 6px;font-size: 15px;color: #6b7280;}.under-construction span{font-size: 13px;color: #9ca3af;}.konten-offline .construction-icon{color: #f43f5e;font-size: 30px;background: rgba(244,63,94,0.10);border-color: rgba(244,63,94,0.20);}.konten-offline-ulang{margin-top: 18px;display: inline-flex;align-items: center;gap: 8px;padding: 9px 18px;border: 0;border-radius: 10px;background: #111827;color: #fff;font-size: 13px;font-weight: 600;cursor: pointer;}.konten-offline-ulang:hover{background: #1f2937;}#classicApiwaLabel{display:none;}@media (min-width:769px){body.nav-classic #classicApiwaLabel{position:fixed;z-index:310;left:67px;top:22px;display:flex;align-items:center;gap:6px;padding:12px;transform:rotate(90deg);transform-origin:left top;border:1px solid rgba(255,255,255,0.15);border-left:3px solid #00d0ff;border-radius:0 16px 16px 0;color:#dbe5f4;font:600 15px 'Poppins',sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;opacity:0.81;background:linear-gradient(180deg,rgba(90,167,255,0.08),rgba(55,111,214,0.12));box-shadow:0 4px 20px rgba(0,208,255,0.25);backdrop-filter:blur(8px);transition:opacity 180ms ease,box-shadow 180ms ease;}body.nav-classic #classicApiwaLabel:hover{opacity:1;box-shadow:0 0 25px rgba(0,200,255,0.6),0 0 10px rgba(0,200,255,0.3);}body.nav-classic #classicApiwaLabel i{color:#00eaff;font-size:16px;text-shadow:0 0 6px #00eaff;animation:apiwaPulse 2.5s infinite ease-in-out;}body.nav-classic #classicApiwaLabel i.established{color: greenyellow;text-shadow: 0 0 6px greenyellow;animation: none;}body.nav-classic #left-buttons{left:20px;gap:16px;}body.nav-classic .left-btn{width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(255,255,255,0.05);border-radius:14px;color:#fff;font-size:20px;background:linear-gradient(180deg,rgba(90,167,255,0.08),rgba(55,111,214,0.12));box-shadow:0 6px 20px rgba(38,84,160,0.25);transition:all 0.2s ease;}body.nav-classic .left-btn:hover,body.nav-classic .left-btn.selected{color:#fff;border-color:rgba(255,255,255,0.05);background:linear-gradient(180deg,rgba(90,167,255,0.35),rgba(55,111,214,0.45));box-shadow:0 12px 28px rgba(55,111,214,0.35);}body.nav-classic .left-btn:hover{transform:none;}body.nav-classic .left-btn.selected{transform:scale(1.12);}body.nav-classic #app-sidebar{width:var(--classic-sidebar-width);min-width:var(--classic-sidebar-width);max-width:var(--classic-sidebar-width);flex:0 0 var(--classic-sidebar-width);margin-left:60px;padding:14px;overflow:hidden;border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.015));box-shadow:var(--panel-shadow);backdrop-filter:blur(10px) saturate(120%);}body.nav-classic.classic-dashboard #app-sidebar{display:none !important;}body.nav-classic #app-sidebar::before,body.nav-classic #app-sidebar .sidebar-brand{display:none !important;}body.nav-classic #app-sidebar .sidebar-accordion{padding:0 0 38px;}body.nav-classic #app-sidebar .sidebar-group.open{display:flex;flex:1 1 auto;min-height:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;}body.nav-classic #app-sidebar .sidebar-head{min-height:auto;padding:0;border:0;border-radius:0;cursor:default;background:transparent;box-shadow:none;}body.nav-classic #app-sidebar .sidebar-head-icon,body.nav-classic #app-sidebar .sidebar-head-chevron{display:none;}body.nav-classic #app-sidebar .sidebar-head-copy{display:block;}body.nav-classic #app-sidebar .sidebar-title,body.nav-classic #app-sidebar .sidebar-group.open .sidebar-title{color:var(--muted);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;}body.nav-classic #app-sidebar .sidebar-menu{display:flex !important;flex:1;min-height:0;flex-direction:column;gap:8px;padding:10px;overflow:auto;animation:none;}body.nav-classic #app-sidebar .sidebar-section-label,body.nav-classic #app-sidebar .sidebar-scroll-hint{display:none !important;}body.nav-classic #app-sidebar .client-item{position:relative;min-height:auto;gap:12px;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;box-shadow:none;}body.nav-classic #app-sidebar .client-item:hover{border-color:rgba(255,255,255,0.05);background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));box-shadow:0 0 14px rgba(90,167,255,0.12);}body.nav-classic #app-sidebar .client-item.selected{border:1px solid rgba(58,126,220,0.25);background:linear-gradient(180deg,rgba(90,167,255,0.14),rgba(55,111,214,0.08));box-shadow:0 0 18px rgba(50,90,160,0.18),inset 0 1px 0 rgba(255,255,255,0.03);}body.nav-classic #app-sidebar .client-item .avatar{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,0.03);border-radius:10px;color:var(--muted);font-size:20px;background:linear-gradient(180deg,#111 30%,rgba(255,255,255,0.02));box-shadow:none;}body.nav-classic #app-sidebar .client-item .meta .title{color:#f7fbff;font-size:13px;font-weight:600;}body.nav-classic #app-sidebar .sidebar-separator{display:block;flex:0 0 1px;min-height:1px;height:1px;margin:6px 16px 6px 60px;background:linear-gradient(to right,rgba(255,255,255,0.06),rgba(255,255,255,0.18),rgba(255,255,255,0.06));}body.nav-classic #app-sidebar .sidebar-footer{position:absolute;z-index:3;left:14px;right:14px;bottom:12px;display:block;width:auto;padding:0;border:0;}body.nav-classic #app-sidebar .sidebar-mode-switch{width:100%;min-height:44px;padding:0 14px;border:1px solid rgba(126,185,255,0.14);border-radius:12px;color:rgba(230,238,248,0.78);font-size:11px;font-weight:550;letter-spacing:0.1px;background:linear-gradient(145deg,rgba(90,167,255,0.09),rgba(255,255,255,0.022));box-shadow:0 8px 22px rgba(0,0,0,0.16),inset 0 1px 0 rgba(255,255,255,0.035);}body.nav-classic #app-sidebar .sidebar-mode-switch:hover{color:#fff;border-color:rgba(126,185,255,0.22);background:linear-gradient(145deg,rgba(90,167,255,0.14),rgba(255,255,255,0.035));}body.nav-classic #app-sidebar .sidebar-mode-switch-copy{gap:9px;white-space:nowrap;}body.nav-classic #app-sidebar .sidebar-mode-switch-copy i{color:#8fc4ff;font-size:12px;}body.nav-classic #app-sidebar .sidebar-switch-track{width:34px;height:20px;flex-basis:34px;padding:2px;border-color:rgba(90,167,255,0.34);background:rgba(90,167,255,0.24);}body.nav-classic #app-sidebar .sidebar-switch-thumb{width:14px;height:14px;background:#a9d1ff;box-shadow:0 1px 5px rgba(90,167,255,0.38);transform:translateX(14px);}}@media (min-width:769px){body.theme-light.nav-classic #classicApiwaLabel{color:#27415f;border-color:rgba(59,130,246,0.18);border-left-color:#3b82f6;background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(232,240,251,0.96));box-shadow:0 6px 20px rgba(43,98,166,0.16);}body.theme-light.nav-classic #classicApiwaLabel i{color:#3b82f6;text-shadow:0 0 7px rgba(59,130,246,0.32);animation:none;}body.theme-light.nav-classic .left-btn{color:#4a607b;border-color:rgba(42,72,110,0.12);background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(235,240,247,0.96));box-shadow:0 7px 18px rgba(37,65,101,0.12);}body.theme-light.nav-classic .left-btn:hover,body.theme-light.nav-classic .left-btn.selected{color:#1f5f9f;border-color:rgba(59,130,246,0.24);background:linear-gradient(180deg,#e8f2ff,#d9e9fb);box-shadow:0 9px 24px rgba(43,98,166,0.18);}body.theme-light.nav-classic #app-sidebar{border-color:var(--panel-border);background:linear-gradient(180deg,rgba(251,253,255,0.99),rgba(240,244,249,0.98));box-shadow:var(--panel-shadow);}body.theme-light.nav-classic #app-sidebar .sidebar-title,body.theme-light.nav-classic #app-sidebar .sidebar-group.open .sidebar-title{color:#66758a;}body.theme-light.nav-classic #app-sidebar .client-item .meta .title{color:#26364d;}body.theme-light.nav-classic #app-sidebar .client-item .avatar{color:#5b708b;border-color:rgba(42,72,110,0.1);background:linear-gradient(180deg,#fff,#edf1f6);}body.theme-light.nav-classic #app-sidebar .client-item:hover{border-color:rgba(59,130,246,0.13);background:rgba(219,234,254,0.58);box-shadow:0 6px 16px rgba(43,98,166,0.08);}body.theme-light.nav-classic #app-sidebar .client-item.selected{border-color:rgba(59,130,246,0.2);background:linear-gradient(180deg,rgba(219,234,254,0.96),rgba(232,241,253,0.92));box-shadow:0 7px 18px rgba(43,98,166,0.12);}body.theme-light.nav-classic #app-sidebar .sidebar-separator{background:linear-gradient(to right,rgba(42,72,110,0.04),rgba(42,72,110,0.18),rgba(42,72,110,0.04));}body.theme-light.nav-classic #app-sidebar .sidebar-mode-switch{color:#425b78;border-color:rgba(59,130,246,0.16);background:linear-gradient(145deg,rgba(255,255,255,0.98),rgba(225,237,252,0.94));box-shadow:0 7px 18px rgba(43,98,166,0.1);}body.theme-light.nav-classic #app-sidebar .sidebar-mode-switch:hover{color:#1f5f9f;border-color:rgba(59,130,246,0.24);background:#e6f1ff;}body.theme-pink.nav-classic #classicApiwaLabel{color:#7a3557;border-color:rgba(236,96,159,0.2);border-left-color:#ec5f9f;background:linear-gradient(180deg,rgba(255,250,252,0.99),rgba(255,225,238,0.96));box-shadow:0 6px 20px rgba(201,72,132,0.16);}body.theme-pink.nav-classic #classicApiwaLabel i{color:#ec5f9f;text-shadow:0 0 7px rgba(236,96,159,0.34);animation:none;}body.theme-pink.nav-classic .left-btn{color:#88506c;border-color:rgba(176,70,119,0.13);background:linear-gradient(180deg,rgba(255,252,253,0.99),rgba(255,232,242,0.96));box-shadow:0 7px 18px rgba(145,54,96,0.11);}body.theme-pink.nav-classic .left-btn:hover,body.theme-pink.nav-classic .left-btn.selected{color:#b63b73;border-color:rgba(236,96,159,0.25);background:linear-gradient(180deg,#ffe7f1,#ffd8e9);box-shadow:0 9px 24px rgba(201,72,132,0.17);}body.theme-pink.nav-classic #app-sidebar{border-color:var(--panel-border);background:linear-gradient(180deg,rgba(255,250,252,0.99),rgba(255,240,246,0.98));box-shadow:var(--panel-shadow);}body.theme-pink.nav-classic #app-sidebar .sidebar-title,body.theme-pink.nav-classic #app-sidebar .sidebar-group.open .sidebar-title{color:#96627c;}body.theme-pink.nav-classic #app-sidebar .client-item .meta .title{color:#642844;}body.theme-pink.nav-classic #app-sidebar .client-item .avatar{color:#b64b7d;border-color:rgba(176,70,119,0.11);background:linear-gradient(180deg,#fff,#ffeaf3);}body.theme-pink.nav-classic #app-sidebar .client-item:hover{border-color:rgba(236,96,159,0.14);background:rgba(255,224,236,0.68);box-shadow:0 6px 16px rgba(201,72,132,0.08);}body.theme-pink.nav-classic #app-sidebar .client-item.selected{border-color:rgba(236,96,159,0.22);background:linear-gradient(180deg,rgba(255,218,234,0.96),rgba(255,232,242,0.94));box-shadow:0 7px 18px rgba(201,72,132,0.11);}body.theme-pink.nav-classic #app-sidebar .sidebar-separator{background:linear-gradient(to right,rgba(176,70,119,0.04),rgba(176,70,119,0.18),rgba(176,70,119,0.04));}body.theme-pink.nav-classic #app-sidebar .sidebar-mode-switch{color:#7a4560;border-color:rgba(236,96,159,0.17);background:linear-gradient(145deg,rgba(255,252,253,0.99),rgba(255,225,238,0.95));box-shadow:0 7px 18px rgba(201,72,132,0.1);}body.theme-pink.nav-classic #app-sidebar .sidebar-mode-switch:hover{color:#ad356c;border-color:rgba(236,96,159,0.25);background:#ffe4ef;}body.theme-pink.nav-classic #app-sidebar .sidebar-mode-switch-copy i{color:#d9468c;}body.theme-pink.nav-classic #app-sidebar .sidebar-mode-switch:hover .sidebar-mode-switch-copy i{color:#bd276d;}body.theme-pink.nav-classic #app-sidebar .sidebar-switch-track{border-color:rgba(236,96,159,0.34);background:rgba(236,96,159,0.24);}body.theme-pink.nav-classic #app-sidebar .sidebar-switch-thumb{background:#ec78ad;box-shadow:0 1px 5px rgba(201,72,132,0.34);}}.nb-cell input{padding: 4px 8px;margin:0;border-radius: 4px;text-align: left !important;}.icon-barcode-palette{position: relative;display: inline-block;width: 30px;height: 28px;vertical-align: middle;}.icon-barcode-palette .fa-barcode{position: absolute;left: 5px;top: 5px;}.icon-barcode-palette .fa-palette{position: absolute;right: -3px;bottom: -2px;font-size: 15px;background: #fff;padding: 2px;border-radius: 50%;color: #0d9488;}#content-header #search-container{position:relative;}#content-header #search-container::before{content:"\f002";font-family:"Font Awesome 7 Free";font-weight:900;position:absolute;left:11px;top:0;bottom:12px;display:flex;align-items:center;font-size:14px;color:rgba(255,255,255,0.5);pointer-events:none;}#content-header #search-input{padding-left:34px;}.theme-light #content-header #search-container::before{color:rgba(0,0,0,0.45);}.theme-pink #content-header #search-container::before{color:rgba(122,53,87,0.52);}.sidebar-brand-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;}.sidebar-brand-cabang{display:flex;align-items:center;gap:4px;min-width:0;font-size:10.5px;font-weight:500;line-height:1.2;letter-spacing:0.2px;color:rgba(190,210,235,0.62);}.sidebar-brand-cabang[hidden]{display:none;}#app-sidebar #apiwa-label .sidebar-brand-cabang.sidebar-brand-server i{color:#f97316;}.sidebar-brand-cabang i{flex:0 0 auto;font-size:8.5px;color:var(--accent);}.sidebar-brand-cabang span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sidebar-lokasi-btn{flex:0 0 30px;width:30px;height:30px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:9px;border:1px solid rgba(126,185,255,0.18);background:linear-gradient(145deg,rgba(255,255,255,0.06),rgba(255,255,255,0.015));color:#a9d1ff;font-size:13px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);transition:background 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease;}.sidebar-lokasi-btn:hover{color:#ffffff;border-color:rgba(90,167,255,0.55);background:linear-gradient(145deg,rgba(90,167,255,0.28),rgba(55,111,214,0.14));box-shadow:0 6px 16px rgba(55,111,214,0.28),inset 0 1px 0 rgba(255,255,255,0.12);}.sidebar-lokasi-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(90,167,255,0.45);}.theme-light .sidebar-brand-cabang{color:#5b6b82;}.theme-light .sidebar-lokasi-btn{color:#2563a9;border-color:rgba(59,130,246,0.2);background:linear-gradient(145deg,#ffffff,rgba(219,234,254,0.55));box-shadow:0 1px 2px rgba(15,23,42,0.06);}.theme-light .sidebar-lokasi-btn:hover{color:#ffffff;border-color:#3b82f6;background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 6px 16px rgba(59,130,246,0.3);}.theme-pink .sidebar-brand-cabang{color:rgba(122,53,87,0.7);}.theme-pink .sidebar-lokasi-btn{color:#bd276d;border-color:rgba(224,73,142,0.24);background:linear-gradient(145deg,#ffffff,rgba(255,205,226,0.6));box-shadow:0 1px 2px rgba(190,39,108,0.08);}.theme-pink .sidebar-lokasi-btn:hover{color:#ffffff;border-color:#ec5f9f;background:linear-gradient(145deg,#ec5f9f,#c13584);box-shadow:0 6px 16px rgba(236,95,159,0.32);}#otherLokasiPopup::after{right:auto;left:var(--lokasi-arrow-left,calc(100% - 36px));}#btnLokasiClassic{display:none;}@media (min-width:769px){body.nav-classic #btnLokasiClassic{display:block;}}#app-sidebar #apiwa-label .sidebar-lokasi-btn i,#app-sidebar #apiwa-label .sidebar-brand-cabang i{color:inherit;text-shadow:none;animation:none;-webkit-text-fill-color:currentColor;}#app-sidebar #apiwa-label .sidebar-lokasi-btn i{font-size:13px;}#app-sidebar #apiwa-label .sidebar-brand-cabang i{font-size:8.5px;color:hsl(var(--cabang-h,212) 80% 64%);}#app-sidebar #apiwa-label .sidebar-brand-cabang span{background:none;-webkit-text-fill-color:currentColor;}.theme-light #app-sidebar #apiwa-label .sidebar-brand-cabang i,.theme-pink #app-sidebar #apiwa-label .sidebar-brand-cabang i{color:hsl(var(--cabang-h,212) 70% 46%);}#sidebarCabangNama.is-leaving{animation:cabangLabelOut 170ms ease-in forwards;}#sidebarCabangNama.is-entering{animation:cabangLabelIn 260ms cubic-bezier(.2,.8,.2,1);}.sidebar-brand-cabang.pin-bounce i{animation:cabangPinBounce 560ms cubic-bezier(.3,1.6,.5,1);}@keyframes cabangLabelOut{to{opacity:0;transform:translateY(-70%);}}@keyframes cabangLabelIn{from{opacity:0;transform:translateY(70%);}to{opacity:1;transform:none;}}@keyframes cabangPinBounce{0%{transform:translateY(0) scale(1);}35%{transform:translateY(-4px) scale(1.25);}65%{transform:translateY(0) scale(.95);}100%{transform:none;}}#otherLokasiPopup.lokasi-popup{width:300px;min-width:0;padding:10px;}.lokasi-popup-head{display:flex;align-items:baseline;justify-content:space-between;padding:2px 4px 8px;font-size:11px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;color:var(--muted);}.lokasi-popup-head small{font-size:10.5px;font-weight:500;letter-spacing:0.2px;text-transform:none;opacity:0.8;}.lokasi-search{position:relative;margin:0 0 8px;}.lokasi-search[hidden]{display:none;}.lokasi-search i{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);pointer-events:none;}#otherLokasiPopup .lokasi-search input{height:34px;margin:0;padding:0 10px 0 31px;font-size:13px;border-radius:9px;box-shadow:none;}#otherLokasiPopup.lokasi-popup .other-menu-grid{gap:3px;max-height:320px;overflow-y:auto;scrollbar-width:thin;}#otherLokasiPopup.lokasi-popup .lokasi-item{gap:10px;padding:7px 10px 7px 7px;font-family:inherit;text-align:left;color:var(--color-icon);background:transparent;border:1px solid transparent;box-shadow:none;transition:background 180ms ease,border-color 180ms ease;}#otherLokasiPopup.lokasi-popup .lokasi-item[hidden]{display:none;}#otherLokasiPopup.lokasi-popup .lokasi-item:hover{background:rgba(255,255,255,0.06);box-shadow:none;}#otherLokasiPopup.lokasi-popup .lokasi-item .lokasi-pin{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:12px;color:hsl(var(--cabang-h) 80% 66%);background:hsl(var(--cabang-h) 80% 60% / 0.14);}.lokasi-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:1px;}.lokasi-nama{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.lokasi-kode{font-size:10.5px;letter-spacing:0.3px;color:var(--muted);}#otherLokasiPopup.lokasi-popup .lokasi-item .lokasi-check{flex:0 0 auto;font-size:12px;color:var(--accent);opacity:0;transform:scale(0.4);transition:opacity 180ms ease,transform 220ms cubic-bezier(.3,1.6,.5,1);}#otherLokasiPopup.lokasi-popup .lokasi-item.active{background:rgba(90,167,255,0.10);border-color:rgba(90,167,255,0.35);box-shadow:none;}#otherLokasiPopup.lokasi-popup .lokasi-item.active .lokasi-check{opacity:1;transform:scale(1);}#otherLokasiPopup.lokasi-popup .lokasi-item.just-selected .lokasi-check{animation:cabangCheckPop 160ms cubic-bezier(.3,1.6,.5,1);}@keyframes cabangCheckPop{0%{transform:scale(0.4);}60%{transform:scale(1.35);}100%{transform:scale(1);}}.lokasi-empty{padding:14px 6px 6px;text-align:center;font-size:12px;color:var(--muted);}.lokasi-empty[hidden]{display:none;}.theme-light #otherLokasiPopup.lokasi-popup .lokasi-item{color:#111827;}.theme-light #otherLokasiPopup.lokasi-popup .lokasi-item:hover{background:rgba(15,23,42,0.05);}.theme-light #otherLokasiPopup.lokasi-popup .lokasi-item .lokasi-pin,.theme-pink #otherLokasiPopup.lokasi-popup .lokasi-item .lokasi-pin{color:hsl(var(--cabang-h) 70% 42%);background:hsl(var(--cabang-h) 80% 55% / 0.13);}.theme-light #otherLokasiPopup.lokasi-popup .lokasi-item.active{background:rgba(59,130,246,0.08);border-color:rgba(59,130,246,0.35);}.theme-pink #otherLokasiPopup.lokasi-popup .lokasi-item{color:#4b2440;}.theme-pink #otherLokasiPopup.lokasi-popup .lokasi-item:hover{background:rgba(236,96,159,0.07);}.theme-pink #otherLokasiPopup.lokasi-popup .lokasi-item.active{background:rgba(236,96,159,0.09);border-color:rgba(236,96,159,0.38);}#content-area.cabang-switch-fade > *{transition:opacity 260ms ease,filter 260ms ease;}#content-area.cabang-switching > *{opacity:0.45;filter:saturate(0.6);pointer-events:none;}.cabang-switch-pill{position:fixed;z-index:200001;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:500;white-space:nowrap;color:#eef2ff;background:rgba(24,27,40,0.92);border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 26px rgba(0,0,0,0.35);opacity:0;transform:translate(-50%,-6px);pointer-events:none;transition:opacity 200ms ease,transform 220ms ease;}.cabang-switch-pill.show{opacity:1;transform:translate(-50%,0);}.cabang-switch-pill i{color:var(--accent);font-size:12px;}.theme-light .cabang-switch-pill,.theme-pink .cabang-switch-pill{color:#1f2937;background:rgba(255,255,255,0.97);border-color:rgba(15,23,42,0.08);box-shadow:0 10px 26px rgba(60,40,80,0.16);}@media (prefers-reduced-motion: reduce){#sidebarCabangNama.is-leaving,#sidebarCabangNama.is-entering,.sidebar-brand-cabang.pin-bounce i,#otherLokasiPopup.lokasi-popup .lokasi-item.just-selected .lokasi-check{animation:none;}}.modal-close-wrap{position: sticky;top: 0;height: 0;z-index: 6;}.modal-close-x{position: absolute;top: 10px;right: 10px;width: 32px;height: 32px;border: 0;border-radius: 8px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 16px;background: rgba(255,255,255,.08);color: #bbb;transition: background .15s,color .15s;}.modal-close-x:hover{background: #e5484d;color: #fff;}.theme-light .modal-close-x,.theme-pink .modal-close-x{background: rgba(0,0,0,.06);color: #555;}.theme-light .modal-close-x:hover,.theme-pink .modal-close-x:hover{background: #e5484d;color: #fff;}@media (max-width: 768px){.modal-close-wrap{display: none;}}.mc-ikon{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);background:var(--accent-glow);border:1px solid rgba(90,167,255,.22)}.mc-ikon.hijau{color:#34d399;background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.25)}.mc-ikon.biru{color:var(--accent);background:var(--accent-glow)}.list-mode .product-left .mc-ikon{margin-right:12px}.product-card.mc-kartu{display:flex;flex-direction:column;gap:12px;padding:16px;text-align:left}.product-card.mc-kartu .mc-atas{display:flex;align-items:center;gap:12px;min-width:0}.product-card.mc-kartu .mc-ikon{width:48px;height:48px;font-size:20px}.product-card.mc-kartu .mc-judul{min-width:0}.product-card.mc-kartu .mc-judul h3{margin:0;font-size:14.5px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.product-card.mc-kartu .mc-judul small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}.product-card.mc-kartu .mc-isi p{margin:4px 0;font-size:12.5px;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-card.mc-kartu .mc-isi p i{width:14px;text-align:center;margin-right:8px;opacity:.75}.product-card.mc-kartu .mc-label{margin-top:auto;align-self:flex-start;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px}.product-card.mc-kartu .mc-label.ada{color:#f59e0b;background:rgba(245,158,11,.12)}.product-card.mc-kartu .mc-label.lunas{color:#34d399;background:rgba(52,211,153,.12)}.theme-light .mc-ikon,.theme-pink .mc-ikon{border-color:rgba(0,0,0,.06)}