:root{--primary: #1557d5;--primary-dark: #071f4f;--primary-light: #2f72ea;--accent: #e8c84a;--accent-2: #fdf6d3;--bg-color: #f3f6fb;--surface: #ffffff;--text-main: #071f4f;--text-muted: #5d6b82;--border-color: #ccd8eb;--sidebar-gradient: #ffffff;--hero-gradient: linear-gradient(135deg, #eaf1ff 0%, #fdfef9 100%);--chart-stroke: #1557d5;--shadow: rgba(21, 87, 213, .12);--sidebar-w: 272px;--topbar-h: 64px;--success: #1557d5;--danger: #e05c5c;--warning: #e8c84a;--info: #5ba3c9;--success-bg: #eaf1ff;--danger-bg: #fdf0f0;--warning-bg: #fef9e7;--primary-bg: #eaf1ff;--accent-bg: #fef9e7;--mint: #1557d5;--peach: #f0836a;--lavender: #9c7ed6;--sky: #5ba3c9;--rose: #d96b8a;--gojek-header: linear-gradient(135deg, #2f72ea 0%, #1557d5 50%, #e8c84a 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}.theme-purple{--primary: #1557d5;--primary-dark: #00880d;--primary-light: #33bb42;--primary-bg: #eaf1ff;--accent-bg: #fff8e1;--text-main: #1a1a1a;--text-muted: #6b7280;--border-color: #e5e7eb;--sidebar-gradient: #ffffff;--hero-gradient: linear-gradient(135deg, #eaf1ff 0%, #ffffff 100%);--chart-stroke: #1557d5;--shadow: rgba(0, 170, 19, .08);--gojek-header: linear-gradient(135deg, #1557d5 0%, #00880d 100%)}.theme-pastel{--primary: #1557d5;--primary-dark: #071f4f;--primary-light: #2f72ea;--primary-bg: #eaf1ff;--accent-bg: #fef9e7;--text-main: #071f4f;--text-muted: #5d6b82;--border-color: #ccd8eb;--sidebar-gradient: #ffffff;--hero-gradient: linear-gradient(135deg, #eaf1ff 0%, #fdfef9 100%);--chart-stroke: #1557d5;--shadow: rgba(21, 87, 213, .12);--gojek-header: linear-gradient(135deg, #2f72ea 0%, #1557d5 50%, #e8c84a 100%);--success-bg: #eaf1ff;--danger: #e05c5c;--danger-bg: #fdf0f0;--warning: #e8c84a}.theme-blue{--primary: #2196f3;--primary-dark: #1565c0;--primary-bg: #e3f2fd;--accent-bg: #fff8e1;--text-main: #1a1a1a;--text-muted: #6b7280;--border-color: #bbdefb;--sidebar-gradient: #ffffff;--hero-gradient: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%);--chart-stroke: #2196f3;--shadow: rgba(33, 150, 243, .08);--gojek-header: linear-gradient(135deg, #2196f3 0%, #1565c0 100%)}.theme-green{--primary: #00880d;--primary-dark: #006b0a;--primary-bg: #eaf1ff;--accent-bg: #fff8e1;--text-main: #1a1a1a;--text-muted: #6b7280;--border-color: #c8e6c9;--sidebar-gradient: #ffffff;--hero-gradient: linear-gradient(135deg, #eaf1ff 0%, #ffffff 100%);--chart-stroke: #00880d;--shadow: rgba(0, 136, 13, .08);--gojek-header: linear-gradient(135deg, #00880d 0%, #006b0a 100%)}.theme-red{--primary: #ef4444;--primary-dark: #dc2626;--primary-bg: #fef2f2;--accent-bg: #fff8e1;--text-main: #1a1a1a;--text-muted: #6b7280;--border-color: #fecaca;--sidebar-gradient: #ffffff;--hero-gradient: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);--chart-stroke: #ef4444;--shadow: rgba(239, 68, 68, .08);--gojek-header: linear-gradient(135deg, #ef4444 0%, #dc2626 100%)}.theme-amber{--primary: #ffc107;--primary-dark: #f59e0b;--primary-bg: #fff8e1;--accent-bg: #eaf1ff;--text-main: #1a1a1a;--text-muted: #6b7280;--border-color: #ffe082;--sidebar-gradient: #ffffff;--hero-gradient: linear-gradient(135deg, #fff8e1 0%, #ffffff 100%);--chart-stroke: #ffc107;--shadow: rgba(255, 193, 7, .08);--gojek-header: linear-gradient(135deg, #ffc107 0%, #f59e0b 100%)}.theme-amber .app-topbar-title,.theme-amber .app-topbar-subtitle{color:#1a1a1a}.theme-amber .user-menu-trigger{border-color:#00000026;background:#fff9}.theme-amber .user-menu-chevron{color:#6b7280}.theme-amber .sidebar-brand h1,.theme-amber .sidebar-brand p{color:#1a1a1a}.theme-amber .sidebar-brand p{color:#1a1a1ab3}.theme-pastel .app-topbar-title,.theme-pastel .app-topbar-subtitle{color:#071f4f;text-shadow:0 1px 2px rgba(255,255,255,.5)}.theme-pastel .app-topbar-settings-btn{border-color:#071f4f33;background:#ffffff73;color:#071f4f}.theme-pastel .app-topbar-settings-btn:hover{background:#ffffffa6}.theme-pastel .app-topbar-back{background:#ffffff61;color:#071f4f}.theme-pastel .app-topbar-back:hover{background:#ffffff94}.theme-pastel .user-menu-trigger{border-color:#071f4f33;background:#ffffff73}.theme-pastel .user-menu-trigger:hover,.theme-pastel .user-menu-trigger--open{background:#ffffffa6}.theme-pastel .user-menu-chevron{color:#071f4f}.theme-pastel .sidebar-brand h1{color:#071f4f}.theme-pastel .sidebar-brand p{color:#071f4fbf}.theme-pastel .perm-sheet-icon{background:linear-gradient(135deg,#1557d5,#e8c84a);box-shadow:0 4px 12px #1557d54d}.theme-pastel .btn-primary{box-shadow:0 4px 14px #1557d54d}.theme-pastel .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #1557d56b}.theme-pastel .app-topbar{box-shadow:0 2px 16px #1557d52e}body{font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow:hidden;box-shadow:2px 0 12px #0000000a}.sidebar-header{background:var(--gojek-header);padding:24px 20px 28px;position:relative;flex-shrink:0}.sidebar-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:16px;background:var(--surface);border-radius:16px 16px 0 0}.sidebar-body{flex:1;display:flex;flex-direction:column;padding:8px 12px 16px;min-height:0;overflow:hidden}.sidebar-brand{text-align:center;position:relative;z-index:1}.brand-logo-wrap{margin:0 auto 10px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff26;border-radius:50%;width:72px;height:72px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-logo-wrap:has(.brand-logo-img){background:#fffffff2;box-shadow:0 4px 16px #0000001f}.brand-logo-wrap:not(:has(.brand-logo-img)){width:64px;height:64px}.brand-logo-wrap--preview{margin:0;flex-shrink:0}.brand-logo-img{display:block;width:auto;max-width:140px;height:auto;max-height:80px;object-fit:contain;padding:0;background:transparent;border:none;box-shadow:none}.sidebar-brand h1{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.sidebar-brand p{font-size:.75rem;color:#ffffffd9;margin-top:2px;font-weight:500}.role-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600}.role-badge--super{background:linear-gradient(135deg,#7c4dff,#5e35b1);color:#fff}.role-badge--owner{background:var(--accent-bg);color:#b45309}.role-badge--manager{background:#e3f2fd;color:#1565c0}.role-badge--kasir{background:var(--primary-bg);color:var(--primary-dark)}.role-badge--admin{background:var(--accent-bg);color:#b45309}.user-avatar--manager{background:linear-gradient(135deg,#90caf9,#1565c0);color:#fff}.role-permissions-card .card-desc{margin:-8px 0 20px}.role-permissions-super{padding:16px;background:var(--primary-bg);border-radius:var(--radius-md);margin-bottom:20px}.role-permissions-block{padding:16px 0;border-bottom:1px solid var(--border-color)}.role-permissions-block:last-child{border-bottom:none}.role-permissions-role-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.role-permissions-actions{display:flex;gap:8px}.role-permissions-grid{display:grid;grid-template-columns:1fr 280px;gap:20px}@media (max-width: 768px){.role-permissions-grid{grid-template-columns:1fr}}.role-permissions-main,.role-permissions-checks{display:flex;flex-direction:column;gap:8px}.role-permissions-pos{padding:14px;background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.role-permissions-pos--disabled{opacity:.5}.role-permissions-pos-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.perm-check{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:.88rem;color:var(--text-main)}.perm-check input{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0}.perm-check--on{background:var(--primary-bg)}.role-permissions-checks--readonly .perm-check{cursor:default}.access-legend{list-style:none;padding:0;margin:0}.access-legend li{padding:10px 0;border-bottom:1px solid var(--border-color);font-size:.9rem;line-height:1.5;color:var(--text-muted)}.access-legend li:last-child{border-bottom:none}.access-legend strong{color:var(--text-main)}.users-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-perm{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-bg)}.btn-perm:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.perm-sheet-overlay{align-items:flex-start;padding:24px 20px}.perm-sheet{max-width:760px;width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;border-radius:20px;overflow:hidden;box-shadow:0 32px 72px #0000002e;margin:auto}.perm-sheet-header{background:linear-gradient(135deg,var(--primary-bg) 0%,#ffffff 100%);border-bottom:1.5px solid var(--border-color);padding:20px 24px;flex-shrink:0;gap:16px}.perm-sheet-title{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.perm-sheet-title h2{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.perm-sheet-subtitle{font-size:.8rem;color:var(--text-muted);margin:2px 0 0;line-height:1.4}.perm-sheet-icon{width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #1557d547}.perm-sheet-body{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.perm-sheet-body::-webkit-scrollbar{width:6px}.perm-sheet-body::-webkit-scrollbar-track{background:transparent}.perm-sheet-body::-webkit-scrollbar-thumb{background:transparent!important;display:none!important}.perm-sheet-body .role-permissions-card{margin-bottom:0}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-color);position:relative}.login-screen:before{content:"";position:absolute;top:0;left:0;right:0;height:45vh;background:var(--gojek-header);border-radius:0 0 40px 40px}.login-card{width:100%;max-width:400px;background:var(--surface);border:none;border-radius:var(--radius-xl);padding:32px 28px 28px;box-shadow:0 20px 60px #0000001f;position:relative;z-index:1}.login-brand{text-align:center;margin-bottom:24px}.login-brand .brand-logo-wrap{background:var(--primary-bg);color:var(--primary-dark);width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.login-brand .brand-logo-wrap:has(.brand-logo-img){background:var(--surface);box-shadow:0 4px 16px var(--shadow)}.login-brand h1{font-size:1.5rem;font-weight:800;color:var(--text-main);margin:0}.login-brand p{color:var(--text-muted);font-size:.88rem;margin-top:4px}.login-form{display:flex;flex-direction:column;gap:16px}.login-form .form-group{margin-bottom:0;display:flex;flex-direction:column;gap:8px}.login-form .form-group label{margin-bottom:0;font-size:.85rem;font-weight:600;color:var(--text-muted);line-height:1.2}.login-input{width:100%;height:48px;min-height:48px;padding:0 14px;font-size:.95rem;line-height:1.2;border:1.5px solid var(--border-color);border-radius:12px;background:var(--surface);box-sizing:border-box;display:block}.login-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1557d51f}.login-input:disabled{opacity:.65;cursor:not-allowed;background:var(--bg-color)}.login-password-wrap{position:relative;width:100%;display:block}.login-password-wrap .login-input{padding-right:48px}.login-eye-btn{position:absolute;right:4px;top:4px;width:40px;height:40px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0}.login-eye-btn:hover{background:var(--primary-bg);color:var(--primary-dark)}.login-error{color:#e11d48;font-size:.88rem;margin:0;text-align:center;line-height:1.4}.login-submit{width:100%;min-height:48px;height:48px;margin-top:4px;font-size:.95rem}.login-hint{text-align:center;margin-top:18px;margin-bottom:0;line-height:1.5}nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden;margin:0 -4px;padding:4px 4px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}nav::-webkit-scrollbar{width:6px}nav::-webkit-scrollbar-track{background:transparent;border-radius:3px}nav::-webkit-scrollbar-thumb{background:transparent!important;display:none!important}nav::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:.88rem;font-weight:600;color:var(--text-muted);transition:all .15s ease}.nav-item:hover{background:var(--primary-bg);color:var(--primary-dark)}.nav-item.active{background:var(--primary-bg);color:var(--primary-dark);font-weight:700}.nav-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.nav-item.active .nav-icon-wrap{transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.sidebar-footer{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--border-color);flex-shrink:0;margin-top:8px}.main-content{flex:1;margin-left:0;width:100%!important;padding:0;max-width:100%!important;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box!important}.app-topbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:0 28px;height:var(--topbar-h);background:var(--gojek-header);box-shadow:0 2px 12px #00880d33;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.app-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.app-topbar-back{display:inline-flex;align-items:center;gap:2px;padding:6px 10px 6px 4px;margin:0 0 4px -4px;border:none;border-radius:999px;background:#ffffff26;color:#fff;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.app-topbar-back:hover{background:#ffffff47}.main-content-body--home{max-width:none;padding:0}.app-topbar-title{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.02em}.app-topbar-subtitle{display:inline-flex;align-items:center;background:#ffffff26;color:#fffffff2;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;width:fit-content;margin-top:4px;border:1px solid rgba(255,255,255,.25);line-height:1}.app-topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.app-topbar-settings-btn{width:44px;height:44px;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,border-color .15s}.app-topbar-settings-btn:hover{background:#ffffff47;border-color:#ffffff8c}.theme-amber .app-topbar-settings-btn{border-color:#0000001f;background:#fff9;color:#1a1a1a}.main-content-body{flex:1;padding:24px 32px 48px;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.main-content:has(.pos-page) .main-content-body{max-width:100%!important;width:100%!important;box-sizing:border-box!important}.user-menu-wrap{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:2px solid rgba(255,255,255,.35);border-radius:999px;background:#ffffff26;cursor:pointer;transition:border-color .2s,background .2s;touch-action:manipulation}.user-menu-trigger:hover,.user-menu-trigger--open{border-color:#fff9;background:#ffffff40}.user-menu-chevron{color:#ffffffd9;transition:transform .2s}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0}.user-avatar--lg{width:48px;height:48px;font-size:1rem}.user-avatar--admin{background:linear-gradient(135deg,#fff,#eaf1ff);color:var(--primary-dark)}.user-avatar--kasir{background:linear-gradient(135deg,#fff,#fff8e1);color:#b8860b}.user-menu-chevron{color:var(--text-muted);transition:transform .2s}.user-menu-chevron--up{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 12px 40px var(--shadow);padding:8px;animation:userMenuIn .15s ease}@keyframes userMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-menu-dropdown-head{display:flex;align-items:center;gap:12px;padding:10px 12px}.user-menu-dropdown-head strong{display:block;font-size:.95rem;margin-bottom:6px}.user-menu-dropdown-head .role-badge{display:inline-flex;align-items:center;gap:4px}.user-menu-divider{height:1px;background:var(--border-color);margin:4px 0}.user-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border:none;border-radius:12px;background:transparent;font-family:inherit;font-size:.92rem;font-weight:500;color:var(--text-main);cursor:pointer;text-align:left;transition:background .15s;touch-action:manipulation}.user-menu-item:hover{background:var(--primary-bg)}.user-menu-item--danger{color:#e11d48}.user-menu-item--danger:hover{background:var(--danger-bg)}.page-hero{position:relative;display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000a}.page-hero-icon{width:48px;height:48px;border-radius:14px;background:#eaf1ff;display:flex;align-items:center;justify-content:center;z-index:1;flex-shrink:0;box-shadow:0 2px 8px #1557d526}.page-hero--mint .page-hero-icon{color:#1557d5;background:#eaf1ff}.page-hero--peach .page-hero-icon{color:#e65100;background:#fff3e0}.page-hero--sky .page-hero-icon{color:#1565c0;background:#e3f2fd}.page-hero--lavender .page-hero-icon{color:#6a1b9a;background:#f3e5f5}.page-hero--rose .page-hero-icon{color:#c2185b;background:#fce4ec}.page-hero--lemon .page-hero-icon{color:#f57f17;background:#fff8e1}.page-title{font-size:1.35rem;font-weight:800!important;z-index:1;letter-spacing:-.025em;color:#111827!important;margin:0}.page-subtitle{font-size:.86rem;color:#4b5563!important;font-weight:600!important;margin-top:3px;z-index:1;line-height:1.4}.page-hero-blob{display:none}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;width:100%;max-width:100%;box-sizing:border-box}.card-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;margin-bottom:16px;color:var(--text-main)}.card-head-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.user-input-badge{display:inline-block;padding:4px 10px;border-radius:8px;background:var(--primary-bg);color:var(--primary-dark);font-size:.85rem;font-weight:600}.card-desc{margin:-8px 0 16px;font-size:.88rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;gap:16px;align-items:flex-start;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.stat-card.highlight{border-color:var(--primary);border-left:4px solid var(--primary);background:linear-gradient(135deg,#ffffff 0%,var(--primary-bg) 100%)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon--sales{background:var(--primary-bg);color:var(--primary-dark)}.stat-icon--income{background:var(--accent-bg);color:#b45309}.stat-icon--count{background:#e0f2fe;color:#0284c7}.stat-icon--tax{background:#fef2f2;color:#dc2626}.stat-icon--default{background:var(--primary-bg);color:var(--primary-dark)}.stat-info h3{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-info p{font-size:1.35rem;font-weight:700;margin-top:4px}.stat-info .hint{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-top:4px}.period-filter-card{background:var(--surface);border:1px solid var(--border-color);border-radius:18px;padding:20px;margin-bottom:20px}.period-filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:10px}.period-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.period-filter-toggle{white-space:nowrap}.period-filter-body{margin-top:16px}.period-filter-card--collapsed .period-filter-head{margin-bottom:0}.period-active-badge--always{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--primary-bg);border-radius:999px;font-size:.85rem;color:var(--primary-dark);font-weight:500}.period-filter-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--primary-dark)}.period-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.period-filter-grid--5{grid-template-columns:1.4fr repeat(4,1fr)}.period-filter-grid--3{grid-template-columns:1.4fr repeat(2,1fr)}@media (max-width: 900px){.period-filter-grid,.period-filter-grid--5,.period-filter-grid--3{grid-template-columns:1fr 1fr}}.period-label{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}.period-summary-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 18px;background:var(--primary-bg);border-radius:12px;margin-bottom:20px;font-size:.9rem}.period-summary-label{color:var(--text-muted)}.period-summary-meta{color:var(--text-muted);font-size:.85rem;margin-left:auto}.form-control{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:12px;font-family:inherit;font-size:.92rem;background:var(--bg-color);color:var(--text-main);transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1557d51f}select.form-control{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px!important;padding-right:40px!important;cursor:pointer}select.form-control:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aa13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #1557d540}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #1557d559}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-outline{background:var(--surface);border:1.5px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary-dark)}.btn-sm{padding:6px 12px;font-size:.82rem}.btn-lg{padding:14px 24px;font-size:1rem}.btn-block{width:100%}.flex-between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.text-muted{color:var(--text-muted);font-size:.88rem}.hint{font-size:.78rem;color:var(--text-muted)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:10px 12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:2px solid var(--border-color);font-weight:600}td{padding:12px;border-bottom:1px solid var(--border-color);vertical-align:top}tfoot td{border-top:2px solid var(--border-color);border-bottom:none;padding-top:14px}.tfoot-total td{font-weight:600;background:var(--primary-bg)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge--ok{background:var(--success-bg);color:#059669}.badge--muted{background:#f3f4f6;color:#9ca3af}.row-actions{display:flex;gap:6px}.row-actions--stack{flex-direction:column;align-items:center}.reprint-hint{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border-color);line-height:1.5}.btn-icon{width:34px;height:34px;border:none;border-radius:10px;background:var(--primary-bg);color:var(--primary-dark);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--primary);color:#fff}.btn-icon--danger{background:var(--danger-bg);color:#e11d48}.btn-icon--danger:hover{background:var(--danger);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a445859;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay--portal{z-index:2000;align-items:center;padding:24px}.modal--password{width:min(460px,calc(100vw - 32px));max-width:460px;margin:auto;overflow:hidden;border:1px solid #d7e2f0;border-radius:22px;box-shadow:0 28px 80px #071f4f3d;animation:password-modal-in .18s ease-out}.password-modal-overlay{background:#07142a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.password-modal-header{padding:20px 22px;border-bottom:1px solid #dfe7f2;background:#f8faff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.password-modal-title-icon{width:42px;height:42px;border-radius:12px;background:#1557d5;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 16px #1557d538}.password-modal-title h2{margin:0;color:#071f4f;font-size:1.04rem;font-weight:850;letter-spacing:-.01em}.password-modal-title p{margin:3px 0 0;color:#718098;font-size:.72rem}.password-modal-close{width:34px;height:34px;padding:0;border:1px solid #dce5f1;border-radius:10px;background:#fff;color:#65758d;display:flex;align-items:center;justify-content:center;cursor:pointer}.password-modal-close:hover{border-color:#b9c9df;background:#eef3fa;color:#173762}.password-modal-body{padding:20px 22px 22px;display:grid;gap:15px}.password-account-chip{min-height:48px;padding:7px 10px;border:1px solid #dbe5f2;border-radius:13px;background:#f7f9fd;display:flex;align-items:center;gap:10px}.password-account-chip>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.password-account-chip small{color:#8290a5;font-size:.5rem;font-weight:850;letter-spacing:.08em}.password-account-chip strong{overflow:hidden;color:#173762;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.password-account-chip .role-badge{margin:0;font-size:.58rem}.password-field-group{display:grid;gap:6px}.password-field-group>label{color:#344966;font-size:.73rem;font-weight:800}.password-field-wrap{height:45px;padding:0 7px 0 12px;border:1.5px solid #cad7e8;border-radius:12px;background:#fff;color:#708099;display:flex;align-items:center;gap:9px;transition:border-color .15s,box-shadow .15s}.password-field-wrap:focus-within{border-color:#1557d5;box-shadow:0 0 0 3px #1557d51c;color:#1557d5}.password-field-wrap.is-valid{border-color:#22a45d;color:#16814a}.password-field-wrap input{min-width:0;height:100%;flex:1;padding:0;border:0;outline:0;background:transparent;color:#142b4f;font:inherit;font-size:.79rem;font-weight:650}.password-field-wrap input::placeholder{color:#9aa7b9;font-weight:500}.password-field-wrap button{width:31px;height:31px;padding:0;border:0;border-radius:9px;background:transparent;color:#74839a;display:flex;align-items:center;justify-content:center;cursor:pointer}.password-field-wrap button:hover{background:#eef3fa;color:#174ea6}.password-strength{display:flex;align-items:center;gap:9px}.password-strength-bars{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.password-strength-bars i{height:4px;border-radius:999px;background:#e2e8f0}.password-strength[data-score="1"] .password-strength-bars i.is-active{background:#e05252}.password-strength[data-score="2"] .password-strength-bars i.is-active{background:#e7a31a}.password-strength[data-score="3"] .password-strength-bars i.is-active,.password-strength[data-score="4"] .password-strength-bars i.is-active{background:#22a45d}.password-strength small{min-width:56px;color:#718098;font-size:.61rem;font-weight:750;text-align:right}.password-match{font-size:.63rem;font-weight:750}.password-match.is-valid{color:#16814a}.password-match.is-invalid{color:#c24141}.password-modal-error{padding:9px 11px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b42335;font-size:.7rem;font-weight:650}.password-modal-footer{padding:15px 22px 20px;border-top:1px solid #e0e7f1;background:#fbfcfe;display:flex;justify-content:flex-end;gap:9px}.password-modal-footer .btn{min-width:112px;min-height:40px;border-radius:11px;font-size:.76rem}@keyframes password-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-about,.settings-about>div:not(.settings-about-hero){background-color:#fff!important;color:#071f4f!important}.settings-about-hero{background-color:#071f4f!important;color:#fff!important}.settings-about-hero h2,.settings-about-hero p{color:#fff!important}.settings-about h3,.settings-about h4,.settings-about strong{color:#071f4f}.settings-about p,.settings-about span,.settings-about label,.settings-about code{color:#52637d}.settings-about .settings-about-hero h2{color:#fff!important}.settings-about .settings-about-hero p{color:#ffffffdb!important}.settings-about .settings-about-hero span{color:#ffd35c}.settings-about input,.settings-about textarea{color:#071f4f!important;background-color:#fff!important}.settings-about input::placeholder,.settings-about textarea::placeholder{color:#8a98ac!important}.modal{background:var(--surface);border-radius:20px;width:100%;max-width:480px;box-shadow:0 24px 48px var(--shadow);max-height:90vh;overflow:auto}.modal--sm{max-width:400px}.modal--settings{max-width:440px}.modal--fullscreen{width:95%;max-width:960px;display:flex!important;flex-direction:column!important;max-height:90vh!important;overflow:hidden!important}.modal--fullscreen .modal-body{flex:1!important;overflow-y:auto!important;min-height:0!important}.logo-settings{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.form-group-label{display:block;font-size:.85rem;font-weight:500;margin-bottom:10px;color:var(--text-muted)}.logo-settings-preview{display:flex;align-items:center;gap:16px}.logo-settings-actions{display:flex;flex-direction:column;gap:8px;flex:1}.logo-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.logo-settings-hint{margin-top:10px}.btn-danger-text{color:#e11d48;border-color:#fecdd3}.btn-danger-text:hover{background:var(--danger-bg);border-color:#fda4af}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.15rem}.modal-body{padding:24px}.modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:10px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.9rem;cursor:pointer}.settings-page{width:100%;max-width:1180px;margin-inline:auto}.settings-card{overflow:visible;padding:clamp(18px,2.5vw,28px)}.settings-card,.settings-card *{min-width:0}.settings-card .logo-settings{margin:0 0 16px;padding:18px;border:1px solid var(--border-color);border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--primary-bg))}.settings-card .logo-settings-preview{align-items:center;flex-wrap:wrap;row-gap:12px}.settings-card .brand-logo-wrap--preview{flex:0 0 auto}.settings-card .logo-settings-actions{flex:1 1 220px;flex-direction:row;flex-wrap:wrap;align-items:center}.settings-card .logo-settings-actions .btn{min-height:40px;white-space:normal;text-align:center}.settings-card .logo-settings-hint,.settings-card .hint{line-height:1.5;overflow-wrap:anywhere}.settings-fields-grid{display:grid;gap:14px;align-items:start}.settings-fields-grid--store{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}.settings-card .form-group{width:100%}.settings-card .form-control{display:block;max-width:100%;min-height:44px}.settings-card select.form-control{text-overflow:ellipsis}.settings-card .checkbox-label{width:100%;min-height:46px;margin-top:12px;padding:11px 13px;align-items:flex-start;border:1px solid var(--border-color);border-radius:12px;background:var(--primary-bg);box-sizing:border-box;line-height:1.4}.settings-card .checkbox-label input{flex:0 0 auto;margin-top:2px}.settings-printer-section{margin:22px 0 18px;padding:20px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-color)}.settings-printer-section>h3{margin:0 0 16px!important}.settings-test-print{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:16px}.settings-test-print .btn{flex:0 0 auto;min-height:42px}.settings-test-print .hint{flex:1 1 240px;margin:0!important}.settings-printer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:16px;border:1px dashed var(--border-color);border-radius:14px;background:var(--primary-bg)}.settings-printer-panel{padding:16px;border:1px dashed var(--border-color);border-radius:14px;background:var(--primary-bg)}.settings-actions{display:flex;justify-content:flex-end;padding-top:18px;border-top:1px solid var(--border-color)}.settings-actions .btn{min-width:150px;min-height:44px}@media (max-width: 900px){.settings-fields-grid--store,.settings-printer-grid{grid-template-columns:minmax(0,1fr)}.settings-card .form-group[style*=max-width]{max-width:100%!important}}@media (max-width: 600px){.settings-page .report-tabs{display:grid;grid-template-columns:minmax(0,1fr)}.settings-page .report-tab{width:100%;justify-content:center;white-space:normal;text-align:center}.settings-card{padding:14px;border-radius:16px}.settings-card .logo-settings,.settings-printer-section,.settings-printer-panel,.settings-printer-grid{padding:14px}.settings-card .logo-settings-preview{align-items:stretch!important}.settings-card .logo-settings-actions{flex-basis:100%}.settings-card .logo-settings-actions .btn,.settings-test-print .btn,.settings-actions .btn{width:100%}.settings-test-print{align-items:stretch}.settings-actions{justify-content:stretch}}.settings-page{overflow-x:hidden}.settings-page .report-tabs{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 16px #0000000a!important;margin-bottom:20px!important;width:100%!important;box-sizing:border-box!important}.settings-page .report-tab{width:auto!important;flex:0 0 auto!important;min-height:40px!important;padding:8px 18px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important;color:#111827!important;font-size:.88rem!important;font-weight:750!important;display:inline-flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;transition:all .18s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.settings-card{display:block;width:100%;max-width:100%}.settings-card>*{width:100%;max-width:100%;clear:both}.settings-card .logo-settings-preview{display:flex!important;flex-direction:column!important;align-items:stretch!important}.settings-card .brand-logo-wrap--preview{align-self:center;max-width:100%}.settings-card .logo-settings-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.settings-card .logo-settings-actions .btn{width:100%;max-width:100%;min-height:44px;height:auto;padding-block:10px;overflow-wrap:anywhere}.settings-fields-grid,.settings-fields-grid--store,.settings-printer-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}.settings-card .form-group,.settings-card .form-control,.settings-card select,.settings-card input{width:100%;max-width:100%}.settings-card .form-group label,.settings-card .form-group-label{position:static;width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.settings-card .checkbox-label{display:grid;grid-template-columns:22px minmax(0,1fr);height:auto;white-space:normal;overflow-wrap:anywhere}.settings-test-print{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.settings-test-print .btn,.settings-test-print .hint{width:100%;max-width:100%}.settings-printer-section,.settings-printer-panel,.settings-printer-grid{width:100%;max-width:100%;overflow:visible}.settings-printer-grid>div{width:100%;max-width:100%}.settings-actions,.settings-actions .btn{width:100%}.settings-actions .btn{min-height:46px}.settings-page{width:min(100%,980px);max-width:980px;margin-inline:auto}.settings-page>.page-hero,.settings-page>.report-tabs,.settings-page>.card{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}.settings-page>.settings-card{padding:24px;border-radius:18px}.settings-card .logo-settings,.settings-card .settings-printer-section{width:100%;max-width:100%;padding:18px;box-sizing:border-box}@media (max-width: 768px){.settings-page>.settings-card{padding:16px;border-radius:16px}.settings-card .logo-settings,.settings-card .settings-printer-section,.settings-card .settings-printer-panel,.settings-card .settings-printer-grid{padding:14px;border-radius:13px}}@media (max-width: 420px){.settings-page>.settings-card{padding:12px}}.period-filter-card{width:min(100%,980px);max-width:980px;margin-left:auto;margin-right:auto;padding:20px;box-sizing:border-box;overflow:hidden}.period-filter-card,.period-filter-card *{min-width:0}.period-filter-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.period-filter-title,.period-active-badge--always,.period-filter-actions{width:100%;max-width:100%;box-sizing:border-box}.period-active-badge--always{margin-top:0;border-radius:12px;white-space:normal;line-height:1.4;overflow-wrap:anywhere}.period-filter-actions{display:grid;grid-template-columns:minmax(0,1fr)}.period-filter-actions .btn{width:100%;min-height:44px;height:auto;white-space:normal}.period-filter-body{width:100%;max-width:100%}.period-filter-grid,.period-filter-grid--5,.period-filter-grid--3{display:grid;grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;gap:12px}.period-field,.period-field--wide{display:block;width:100%;max-width:100%;padding:12px;border:1px solid var(--border-color);border-radius:13px;background:var(--primary-bg);box-sizing:border-box;overflow:hidden}.period-field .period-label{position:static;display:flex;width:100%;height:auto;margin:0 0 7px;white-space:normal;line-height:1.4;overflow-wrap:anywhere}.period-field .form-control,.period-field input,.period-field select{display:block;width:100%;max-width:100%;min-height:46px;box-sizing:border-box}@media (max-width: 768px){.period-filter-card{padding:16px;border-radius:16px}.period-field,.period-field--wide{padding:10px}}@media (max-width: 420px){.period-filter-card{padding:12px}}.main-content-body--system{width:100%!important;max-width:100%!important;padding:28px 32px 56px;box-sizing:border-box!important}.main-content-body--system>.pos-page{width:min(100%,1120px);max-width:1120px;margin-inline:auto}.main-content-body--system .page-hero{width:100%;min-height:86px;margin-bottom:22px;padding:18px 22px;border:1px solid var(--border-color);border-left:4px solid var(--primary);border-radius:14px;background:var(--surface);box-shadow:0 4px 16px #1e293b0f}.main-content-body--system .page-hero-icon{width:46px;height:46px;border-radius:11px;box-shadow:inset 0 0 0 1px #0f172a0d}.main-content-body--system .page-title{font-size:1.35rem;line-height:1.2;letter-spacing:-.025em}.main-content-body--system .page-subtitle{max-width:760px;margin-top:4px;font-size:.84rem;line-height:1.5}.main-content-body--system .card{width:100%;max-width:100%;margin-bottom:18px;padding:20px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface);box-shadow:0 3px 14px #1e293b0e}.main-content-body--system .card-title{margin-bottom:14px;font-size:1rem;font-weight:700;letter-spacing:-.01em}.main-content-body--system .card-head-row{align-items:flex-start;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--border-color)}.main-content-body--system .stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px}.main-content-body--system .stat-card{min-height:112px;padding:17px;border:1px solid var(--border-color);border-radius:13px;background:var(--surface);box-shadow:0 2px 10px #1e293b0b}.main-content-body--system .stat-card:hover{transform:none;border-color:var(--primary);box-shadow:0 5px 18px #1e293b14}.main-content-body--system .form-group{min-width:0;margin-bottom:15px}.main-content-body--system .form-group label,.main-content-body--system .form-group-label{position:static;display:block;height:auto;margin-bottom:7px;color:var(--text-main);font-size:.8rem;font-weight:650;line-height:1.4;white-space:normal}.main-content-body--system .form-control{width:100%;max-width:100%;min-height:44px;padding:10px 12px;border-radius:10px;background:var(--surface);box-sizing:border-box}.main-content-body--system textarea.form-control{min-height:92px;resize:vertical}.main-content-body--system .btn{min-height:40px;height:auto;padding:9px 16px;border-radius:10px;white-space:normal;line-height:1.3}.main-content-body--system .btn-sm{min-height:36px;padding:7px 12px;border-radius:9px}.main-content-body--system .btn-icon{border-radius:9px}.main-content-body--system .report-tabs{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%;margin-bottom:20px;padding:8px 10px;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 16px #0000000a!important}.main-content-body--system .report-tab{min-height:40px;padding:8px 18px;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important;color:#111827!important;font-size:.88rem;font-weight:750!important;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-align:center}.main-content-body--system .report-tab:hover{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#000!important}.main-content-body--system .report-tab--active{background:#fff!important;color:#1557d5!important;border:2px solid #1557d5!important;box-shadow:0 3px 12px #1557d526!important;font-weight:800!important}.main-content-body--system .report-tab--active:hover{background:#eaf1ff!important;border-color:#1557d5!important;color:#1557d5!important}.main-content-body--system table{width:100%;font-size:.86rem}.main-content-body--system thead th{padding:11px 12px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--bg-color);color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.045em}.main-content-body--system tbody td{padding:12px;line-height:1.45}.main-content-body--system tbody tr:hover{background:color-mix(in srgb,var(--primary-bg) 45%,transparent)}.main-content-body--system .table-scroll{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:11px;-webkit-overflow-scrolling:touch}.main-content-body--system .table-scroll table{margin:-1px 0}.main-content-body--system .badge{border-radius:7px}.main-content-body--system .empty-state{padding:42px 20px;border-radius:11px;background:var(--primary-bg)}.main-content-body--system .period-filter-card{max-width:100%;border-radius:14px;box-shadow:0 3px 14px #1e293b0d}.main-content-body--system .modal{border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 70px #0f172a3d}.main-content-body--system .modal-header{padding:18px 20px;background:var(--bg-color)}.main-content-body--system .modal-body{padding:20px}.main-content-body--system .modal-footer{padding:14px 20px 20px;border-top:1px solid var(--border-color)}@media (max-width: 900px){.main-content-body--system{padding:22px 20px 48px}.main-content-body--system .form-row{grid-template-columns:minmax(0,1fr)}.main-content-body--system .stats-grid,.main-content-body--system .report-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.main-content-body--system{padding:16px 12px 40px}.main-content-body--system .page-hero{min-height:76px;padding:15px;border-radius:12px}.main-content-body--system .page-hero-icon{width:42px;height:42px}.main-content-body--system .page-title{font-size:1.16rem}.main-content-body--system .card{padding:15px;border-radius:12px}.main-content-body--system .stats-grid,.main-content-body--system .report-tabs{grid-template-columns:minmax(0,1fr)}.main-content-body--system .flex-between,.main-content-body--system .card-head-row{align-items:stretch;flex-direction:column}.main-content-body--system .flex-between>.btn,.main-content-body--system .card-head-row>.btn{width:100%}.main-content-body--system .modal-overlay{padding:10px}.main-content-body--system .modal{width:100%;max-height:calc(100vh - 20px);border-radius:13px}}.settings-card .logo-settings-preview{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;gap:20px!important;align-items:center!important}.settings-card .brand-logo-wrap--preview{width:112px;height:112px;margin:0 auto!important;align-self:center;justify-self:center}.settings-card .brand-logo-wrap--preview .brand-logo-img{max-width:104px;max-height:104px}.settings-card .logo-settings-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important;align-self:center;width:100%;flex:none!important;gap:10px}.settings-card .logo-settings-actions .btn{width:100%;min-height:44px;margin:0}.settings-card .logo-settings-hint{margin:14px 0 0}@media (max-width: 640px){.settings-card .logo-settings-preview{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.settings-card .logo-settings-actions{grid-template-columns:minmax(0,1fr)!important}.settings-card .brand-logo-wrap--preview{width:96px;height:96px}}.main-content-body--system>.pos-page>.page-hero,.main-content-body--system>.pos-page>.card,.main-content-body--system>.pos-page>.period-filter-card,.main-content-body--system>.pos-page>.stats-grid,.main-content-body--system>.pos-page>.report-tabs,.main-content-body--system>.pos-page>.period-summary-strip{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}.main-content-body--system .period-filter-card{width:100%;max-width:100%;padding:14px 16px;margin-bottom:16px}.main-content-body--system .period-filter-head{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:10px 14px}.main-content-body--system .period-filter-title{width:auto;white-space:nowrap}.main-content-body--system .period-active-badge--always{width:auto;min-height:38px;margin:0;padding:8px 12px}.main-content-body--system .period-filter-actions{display:flex;width:auto;flex-wrap:nowrap;justify-content:flex-end;gap:8px}.main-content-body--system .period-filter-actions .btn{width:auto;min-height:38px;padding:7px 12px;white-space:nowrap}.main-content-body--system .period-filter-body{margin-top:12px}.main-content-body--system .period-filter-grid,.main-content-body--system .period-filter-grid--5,.main-content-body--system .period-filter-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.main-content-body--system .period-field,.main-content-body--system .period-field--wide{padding:10px 12px;border-radius:11px}.main-content-body--system .period-field .form-control,.main-content-body--system .period-field input,.main-content-body--system .period-field select{min-height:42px}@media (max-width: 820px){.main-content-body--system .period-filter-head{grid-template-columns:minmax(0,1fr) auto}.main-content-body--system .period-active-badge--always{grid-column:1 / -1;grid-row:2}.main-content-body--system .period-filter-actions{grid-column:2;grid-row:1}}@media (max-width: 620px){.main-content-body--system .period-filter-card{padding:12px}.main-content-body--system .period-filter-head,.main-content-body--system .period-filter-grid,.main-content-body--system .period-filter-grid--5,.main-content-body--system .period-filter-grid--3{grid-template-columns:minmax(0,1fr)!important}.main-content-body--system .period-filter-title,.main-content-body--system .period-active-badge--always,.main-content-body--system .period-filter-actions{grid-column:1;width:100%}.main-content-body--system .period-filter-title{grid-row:1}.main-content-body--system .period-active-badge--always{grid-row:2}.main-content-body--system .period-filter-actions{grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main-content-body--system .period-filter-actions .btn{width:100%;white-space:normal}}.pph-final-panel{width:100%;max-width:100%}.pph-final-panel .card{margin-bottom:0}.pph-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:14px!important;padding:16px 18px!important;border-radius:14px!important}.pph-toolbar>div{min-width:0}.pph-profile-card{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:end;gap:18px;padding:16px 18px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface);box-shadow:0 3px 14px #1e293b0d}.pph-profile-card label{display:block;margin-bottom:7px;font-size:.8rem;font-weight:700}.pph-profile-card p{margin:0;padding:11px 13px;border-radius:10px;background:var(--primary-bg);color:var(--text-muted);font-size:.78rem;line-height:1.55}.pph-eligibility-alert{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #f59e0b;border-radius:12px;background:#fffbeb;color:#92400e}.pph-eligibility-alert svg{flex:0 0 auto;margin-top:1px}.pph-eligibility-alert strong,.pph-eligibility-alert span{display:block}.pph-eligibility-alert span{margin-top:3px;font-size:.8rem;line-height:1.45}.pph-main-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:16px!important;align-items:start!important}.pph-main-grid>div{min-width:0}.pph-final-panel td,.pph-final-panel th{overflow-wrap:anywhere}@media (max-width: 1050px){.pph-main-grid{grid-template-columns:minmax(0,1fr)!important}}@media (max-width: 760px){.pph-toolbar,.pph-profile-card{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}.pph-toolbar>div:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pph-toolbar>div:last-child .form-control,.pph-toolbar>div:last-child .btn{width:100%;min-width:0!important}}@media (max-width: 520px){.pph-toolbar>div:last-child{grid-template-columns:minmax(0,1fr)}.pph-profile-card,.pph-toolbar{padding:14px!important}}.pos-custom-date-row{margin-top:14px;border:1.5px dashed var(--border-color);border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#faf5ff,#f9fdf9)}.pos-custom-date-badge{display:flex;align-items:center;gap:7px;padding:7px 14px;background:linear-gradient(90deg,#7c4dff22 0%,transparent 100%);border-bottom:1px dashed var(--border-color);font-size:.72rem;font-weight:700;color:#6b4dbe;letter-spacing:.06em;text-transform:uppercase}.pos-custom-date-badge-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#7c4dff,#9c7ed6);flex-shrink:0}.pos-custom-date-field{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.pos-custom-date-label{font-size:.82rem;font-weight:600;color:var(--text-muted)}.pos-custom-date-input{border-radius:10px!important;border-color:#c4a8f0!important;background:#fff!important;font-size:.92rem;cursor:pointer}.pos-custom-date-input:focus{border-color:#7c4dff!important;box-shadow:0 0 0 3px #7c4dff1f!important}.pos-custom-date-warning{font-size:.78rem;color:#c05621;font-weight:500;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:6px 10px;line-height:1.4}.pos-page .page-hero{margin-bottom:16px}.pos-touch-layout{display:grid;grid-template-columns:1fr minmax(300px,360px);gap:16px;align-items:start}.pos-menu-panel{min-height:420px}.pos-category-tabs{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.pos-category-tab{flex:1;min-width:100px;min-height:44px;padding:10px 16px;border:1.5px solid var(--border-color);border-radius:999px;background:var(--surface);font-family:inherit;font-size:.95rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pos-category-tab:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-bg)}.pos-category-tab--active{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px #1557d540}.pos-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.pos-menu-card{display:flex;flex-direction:column;align-items:stretch;min-height:max-content;padding:0;border:1px solid var(--border-color);border-radius:16px;background:var(--surface);cursor:pointer;text-align:left;font-family:inherit;overflow:hidden;box-shadow:0 4px 10px #00000005;transition:transform .2s ease,box-shadow .2s ease,border-color .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pos-menu-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9810d;border-color:var(--primary)}.pos-menu-card:active{transform:scale(.97)}.pos-menu-card--selected{border-color:var(--primary);box-shadow:0 0 0 3px #1557d533}.pos-menu-card-img{position:relative;aspect-ratio:1;width:100%;background:var(--primary-bg);overflow:hidden;flex-shrink:0}.pos-menu-card-img .menu-img,.pos-menu-card-img .menu-img-placeholder{width:100%;height:100%;object-fit:cover;border-radius:0}.pos-menu-card-img .menu-img-placeholder{display:flex;align-items:center;justify-content:center;color:var(--primary-dark);opacity:.55}.pos-menu-card-badge{position:absolute;top:8px;right:8px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--primary-dark);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.pos-menu-card-name{padding:10px 10px 2px;font-size:.88rem;font-weight:600;color:var(--text-main);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}.pos-menu-card-price{padding:0 10px 12px;font-size:.82rem;font-weight:600;color:var(--primary-dark);flex-shrink:0}.pos-cart-panel{display:flex;flex-direction:column;max-height:calc(100vh - 120px);position:sticky;top:16px}.pos-cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.pos-cart-list{flex:1;overflow-y:auto;min-height:120px;max-height:50vh;margin-bottom:12px}.pos-cart-empty{text-align:center;color:var(--text-muted);padding:24px 12px;font-size:.9rem}.pos-cart-item{display:grid;grid-template-columns:56px 1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.pos-cart-item-thumb{width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--primary-bg)}.pos-cart-item-thumb .menu-img,.pos-cart-item-thumb .menu-img-placeholder{width:100%;height:100%;object-fit:cover}.pos-cart-item-thumb .menu-img-placeholder{display:flex;align-items:center;justify-content:center;color:var(--primary-dark);opacity:.5}.pos-cart-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pos-cart-item-info strong{font-size:.9rem;line-height:1.2}.pos-cart-item-price{font-size:.78rem;color:var(--text-muted)}.pos-cart-item-sub{font-size:.85rem;font-weight:600;color:var(--primary-dark)}.pos-cart-item-qty{display:flex;align-items:center;gap:4px}.pos-touch-btn{width:48px;height:48px;border:2px solid var(--border-color);border-radius:12px;background:var(--surface);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pos-touch-btn:active{background:var(--primary-bg);border-color:var(--primary)}.pos-cart-qty-num{min-width:28px;text-align:center;font-size:1.1rem;font-weight:700}.pos-cart-remove{width:40px;height:40px}.pos-cart-footer{border-top:2px solid var(--border-color);padding-top:14px}.pos-checkout-btn{min-height:56px;margin-top:12px;font-size:1.05rem}.menu-img{display:block;object-fit:cover}.menu-img-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-bg),var(--accent-bg))}.menu-thumb-wrap{width:48px;height:48px;border-radius:10px;overflow:hidden}.menu-thumb{width:48px;height:48px}.menu-form-image{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.menu-form-image-preview{width:120px;height:120px;border-radius:16px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-color)}.menu-form-preview-img{width:100%;height:100%}.menu-form-image-actions{display:flex;flex-direction:column;gap:8px}.pos-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}@media (max-width: 900px){.pos-touch-layout{grid-template-columns:1fr}.pos-cart-panel{position:static;max-height:none}.pos-menu-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width: 768px){.pos-layout{grid-template-columns:1fr}.sidebar{position:relative;width:100%;height:auto;max-height:42vh;overflow:hidden}nav{max-height:28vh}.main-content{margin-left:0}.main-content-body{padding:16px}.app-topbar{padding:10px 16px}.app-container{flex-direction:column}}.pos-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-bottom:10px;align-items:center}.qty-control{display:flex;align-items:center;gap:4px}.qty-input{width:56px;text-align:center;padding:8px}.summary-rows{margin:16px 0 20px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.95rem}.summary-row--total{border-top:2px dashed var(--border-color);margin-top:8px;padding-top:14px;font-size:1.1rem;color:var(--primary-dark)}.pos-done-card{text-align:center;max-width:420px;margin:0 auto}.pos-done-icon{color:var(--success);margin-bottom:16px}.pos-done-total{font-size:2rem;font-weight:700;color:var(--primary-dark);margin:12px 0 24px}.pos-done-actions{display:flex;flex-direction:column;gap:10px}.menu-list-cell{list-style:none;margin:0;padding:0}.menu-list-cell li{padding:2px 0;font-size:.88rem}.menu-list-cell--prices li{color:var(--text-muted);font-size:.82rem}.qty-badge{background:var(--primary-bg);color:var(--primary-dark);padding:1px 6px;border-radius:6px;font-size:.78rem;font-weight:600}.receipt-code{font-family:ui-monospace,monospace;font-size:.82rem;background:var(--primary-bg);padding:2px 8px;border-radius:6px}.report-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.report-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1px solid var(--border-color);background:var(--surface);font-family:inherit;font-size:.88rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s}.report-tab:hover{background:var(--primary-bg)}.report-tab--active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:transparent}.rank-badge{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:var(--primary-bg);font-weight:700;font-size:.85rem}.rank-badge--top{background:linear-gradient(135deg,#fcd34d,#fb923c);color:#fff}.chart-card{min-height:340px}.sidebar-pos-shortcut{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:12px;border:none;border-radius:999px;background:var(--primary);color:#fff;font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #1557d540;transition:transform .2s,background .2s,box-shadow .2s;touch-action:manipulation}.sidebar-pos-shortcut:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #1557d559}.sidebar-pos-shortcut span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.sidebar-kbd{font-size:.65rem;font-weight:600;padding:1px 5px;border-radius:4px;background:#fff3;font-family:inherit}.pos-fab{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:999px;background:var(--primary);color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #1557d559;touch-action:manipulation;transition:transform .2s,background .2s,box-shadow .2s}.pos-fab:hover{background:var(--primary-dark);transform:scale(1.05) translateY(-2px);box-shadow:0 10px 28px #1557d573}.app-container--pos-focus .main-content{margin-left:0}.app-container--pos-focus .main-content-body{padding:0;max-width:none}.app-topbar--pos-focus{position:fixed;top:12px;right:24px;left:auto;z-index:80;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;height:auto;box-shadow:none;pointer-events:auto}.app-topbar--pos-focus .user-menu-trigger{border-color:var(--border-color);background:var(--surface);box-shadow:0 4px 16px #0000001a}.app-topbar--pos-focus .user-menu-chevron{color:var(--text-muted)}.app-topbar--pos-focus .user-avatar--admin{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.app-topbar--pos-focus .user-avatar--kasir{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.pos-page--focus{display:flex;flex-direction:column;height:calc(100vh - 56px);min-height:480px}.pos-focus-bar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:56px 16px 8px;background:var(--bg-color);border-bottom:1px solid var(--border-color)}.pos-order-category-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;margin-bottom:4px}.pos-order-category-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pos-ok-btn{min-width:56px;min-height:44px;padding:8px 20px;border:2px solid var(--border-color);border-radius:999px;background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;touch-action:manipulation}.pos-ok-btn:hover:not(:disabled){background:var(--primary-bg)}.pos-ok-btn--active{background:var(--primary-bg);color:var(--primary-dark);border-color:var(--primary);box-shadow:0 3px 10px #1557d529}.pos-ok-btn:disabled{opacity:.45;cursor:not-allowed}.pos-order-category-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:700}.pos-order-category-badge--ok{background:var(--primary-bg);color:var(--primary-dark)}.pos-order-category-badge--normal{background:#f3f4f6;color:var(--text-muted)}.pos-order-category-hint{font-size:.78rem;color:var(--text-muted)}.pos-ok-cancel-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1.5px solid #fecdd3;border-radius:999px;background:var(--surface);color:#e11d48;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}.pos-ok-cancel-btn:hover{background:var(--danger-bg)}.pos-ok-cancel-btn--inline{padding:4px 10px;font-size:.75rem}.pos-checkout-ok-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;margin-bottom:16px;border-radius:12px;background:var(--primary-bg);font-size:.88rem;color:var(--text-main)}.pos-dock-customer{margin-bottom:12px}.pos-dock-customer label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.pos-customer-field{position:relative;width:100%}.pos-customer-input{width:100%;padding:10px 44px 10px 14px;font-size:.95rem;border-radius:10px;box-sizing:border-box}.pos-field-clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.pos-field-clear-btn:hover{background:var(--danger-bg);color:#e11d48}.badge--ok-order{background:var(--primary-bg);color:var(--primary-dark);font-weight:800;letter-spacing:.04em}.pos-checkout-overlay{background:#0718348f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pos-checkout-modal{display:flex;flex-direction:column;width:min(520px,calc(100vw - 32px));max-width:520px;max-height:min(92vh,900px);border:1px solid #dbe5f1;border-radius:22px;box-shadow:0 24px 70px #071f4f38;overflow:hidden}.pos-checkout-header{padding:17px 20px;background:#f7faff;border-bottom:1px solid #e2eaf4}.pos-checkout-heading,.pos-checkout-heading-icon,.pos-custom-date-label{display:flex;align-items:center}.pos-checkout-heading{gap:12px}.pos-checkout-heading-icon{justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#0b5bd3;color:#fff}.pos-checkout-heading h2{margin:0;color:#082657;font-size:1.12rem;letter-spacing:-.01em}.pos-checkout-heading p{margin:3px 0 0;color:#68778c;font-size:.78rem}.pos-checkout-body{display:grid;flex:1 1 auto;min-height:0;gap:14px;padding:18px 20px;text-align:left;overflow-y:auto}.pos-checkout-total-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:15px;background:#082657;color:#fff}.pos-checkout-total-card span,.pos-checkout-total-card small{display:block}.pos-checkout-total-card span{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c9daf5}.pos-checkout-total-card small{margin-top:3px;color:#9fb7dc}.pos-checkout-total-card strong{white-space:nowrap;font-size:1.55rem;letter-spacing:-.035em}.pos-payment-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #d9e4f1;border-radius:13px;background:#eef3f9}.pos-payment-mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:0;border-radius:9px;background:transparent;color:#60728a;font:700 .84rem inherit;cursor:pointer}.pos-payment-mode-switch button.active{background:#fff;color:#0b5bd3;box-shadow:0 2px 8px #0826571a}.pos-checkout-section{margin:0}.pos-checkout-label{display:block;margin-bottom:7px;color:#31445f;font-size:.78rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.pos-payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pos-payment-option{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:1.5px solid #d3dfed;border-radius:11px;background:#fff;color:#52657e;font:700 .86rem inherit;cursor:pointer}.pos-payment-option:hover,.pos-payment-option.active{border-color:#0b5bd3;background:#edf5ff;color:#0b5bd3}.pos-input-with-icon>svg{position:absolute;left:14px;top:50%;z-index:1;transform:translateY(-50%);color:#7990ad;pointer-events:none}.pos-input-with-icon .pos-customer-input{min-height:48px;padding:10px 44px;border:1.5px solid #cbd9e9;border-radius:12px;background:#fff;color:#122b50;font-size:.96rem}.pos-input-with-icon .pos-customer-input:focus{border-color:#0b5bd3;box-shadow:0 0 0 3px #0b5bd31f}.pos-money-input{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:0 14px;border:1.5px solid #cbd9e9;border-radius:12px;background:#fff;color:#7086a1}.pos-money-input:focus-within{border-color:#0b5bd3;box-shadow:0 0 0 3px #0b5bd31f}.pos-money-input span{padding-right:9px;border-right:1px solid #d9e3ef;color:#405673;font-weight:800}.pos-money-input input,.pos-split-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#10294f;font:700 .95rem inherit}.pos-money-input input{text-align:right}.pos-change-row{display:flex;justify-content:space-between;margin-top:8px;color:#65758b;font-size:.84rem}.pos-change-row strong{color:#0a4ba9}.pos-split-card{padding:14px;border:1px solid #c9d9ed;border-radius:15px;background:#f8fbff}.pos-split-heading{display:flex;align-items:flex-start;justify-content:space-between;color:#0b5bd3}.pos-split-heading strong,.pos-split-heading span{display:block}.pos-split-heading strong{color:#17365f;font-size:.92rem}.pos-split-heading span{margin-top:2px;color:#71839a;font-size:.76rem}.pos-split-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.pos-split-field>span{display:flex;align-items:center;gap:5px;margin-bottom:5px;color:#526780;font-size:.75rem;font-weight:700}.pos-split-field>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;min-height:42px;padding:0 9px;border:1px solid #cad8e8;border-radius:9px;background:#fff}.pos-split-field b{color:#70839b;font-size:.74rem}.pos-split-summary{display:flex;justify-content:space-between;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid #d7e2ef;color:#a86008;font-size:.82rem}.pos-split-summary.complete{color:#071f4f}.pos-split-summary.over{color:#be123c}.pos-custom-date-row{margin-top:0;border-style:solid;border-color:#d6dfee;background:#faf9ff}.pos-custom-date-badge{background:#f0edff}.pos-custom-date-label{gap:6px;color:#485d79}.pos-custom-date-input{min-height:46px;font-size:.95rem}.pos-checkout-footer{flex:0 0 auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:10px;padding:14px 20px 18px;background:#f8fafc}.pos-checkout-footer .btn{min-height:47px;border-radius:11px}.pos-checkout-footer .btn-primary{display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 560px){.pos-checkout-modal{width:calc(100vw - 18px);border-radius:18px}.pos-checkout-header,.pos-checkout-body{padding-left:14px;padding-right:14px}.pos-checkout-total-card{align-items:flex-start;flex-direction:column;gap:8px}.pos-split-fields{grid-template-columns:1fr}.pos-checkout-footer{padding-left:14px;padding-right:14px}}.sales-view-tabs{margin-bottom:16px}.jualanku-controls-grid{display:grid;grid-template-columns:1fr 1fr 1.6fr 1.2fr;gap:16px;align-items:end;width:100%;box-sizing:border-box}@media (max-width: 990px){.jualanku-controls-grid{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 600px){.jualanku-controls-grid{grid-template-columns:1fr;gap:12px}}.jualanku-monthly-row{display:flex;gap:8px}.jualanku-monthly-row .form-control{flex:1}.table-scroll{width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box}.jualanku-table .jualanku-target-input{display:inline-block;width:100%;max-width:180px;min-height:32px!important;height:32px!important;padding:4px 10px!important;font-size:.88rem;text-align:right;box-sizing:border-box!important;border-radius:8px!important}.form-control--num{text-align:right;min-height:32px!important;height:32px!important;padding:4px 10px!important;font-size:.88rem;box-sizing:border-box!important;border-radius:8px!important;display:inline-block}.jualanku-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.jualanku-num--positive{color:var(--primary-dark);font-weight:600}.jualanku-num--negative{color:#e11d48;font-weight:600}.pos-category-tabs--compact{margin-bottom:0;flex:1}.pos-category-tabs--compact .pos-category-tab{min-height:44px;min-width:80px;font-size:.9rem}.pos-service-picker-label{align-self:center;margin-right:2px;color:var(--text-muted);font-size:.75rem;font-weight:700;white-space:nowrap}.pos-focus-summary{font-size:.9rem;color:var(--text-muted);white-space:nowrap}.pos-hold-list-btn{display:flex;align-items:center;gap:6px;background:var(--warning-bg);border:1px solid var(--warning);color:#b45309;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pos-hold-list-btn:hover{background:var(--warning);color:#fff;box-shadow:0 4px 10px #e8c84a40}.pos-focus-summary strong{color:var(--primary-dark)}.pos-focus-menu{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 8px;-webkit-overflow-scrolling:touch}.pos-menu-grid--focus{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.pos-card-qty-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px 10px;border-top:1px dashed var(--border-color);margin-top:4px}.pos-card-qty-row span{min-width:24px;text-align:center;font-weight:700}.pos-touch-btn--sm{width:40px;height:40px}.pos-focus-dock{flex-shrink:0;padding:12px 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:var(--surface);border-top:2px solid var(--border-color);box-shadow:0 -8px 24px var(--shadow)}.pos-focus-dock-total{text-align:center;margin-bottom:12px}.pos-focus-dock-total strong{display:block;font-size:1.5rem;color:var(--primary-dark);margin-top:2px}.pos-focus-dock-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.pos-focus-dock-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}.pos-dock-btn{min-height:56px;font-size:.92rem}.pos-dock-btn--cancel{border-color:#fecdd3;color:#e11d48}.pos-dock-btn--cancel:hover:not(:disabled){background:var(--danger-bg)}.pos-dock-btn--hold{border-color:#fef08a;color:#ca8a04}.pos-dock-btn--hold:hover:not(:disabled){background:var(--warning-bg)}.pos-page--done{padding:24px 16px;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}@media (max-width: 600px){.pos-focus-dock-actions{grid-template-columns:1fr}.pos-fab span{display:none}.pos-fab{width:60px;height:60px;padding:0;justify-content:center;border-radius:50%}}.home-screen{min-height:calc(100vh - var(--topbar-h));background:var(--bg-color)}.home-hero{background:var(--gojek-header);padding:8px 32px 36px;position:relative}.home-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:20px;background:var(--bg-color);border-radius:20px 20px 0 0}.home-hero-brand{display:flex;align-items:center;gap:16px;position:relative;z-index:1;max-width:900px;margin:0 auto}.home-hero-logo{width:72px;height:72px;flex-shrink:0;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 16px #0000001f}.home-hero-logo .brand-logo-img{max-width:56px;max-height:56px}.home-greeting{font-size:.88rem;color:#ffffffe6;font-weight:500}.home-shop-name{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-top:2px}.home-tagline{font-size:.78rem;color:#fffc;margin-top:2px}.home-body{padding:8px 32px 48px;max-width:900px;margin:0 auto}.home-featured{width:100%;display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:28px;border:none;border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 4px 20px #0000000f;cursor:pointer;text-align:left;font-family:inherit;transition:transform .15s,box-shadow .15s}.home-featured:hover{transform:translateY(-2px);box-shadow:0 8px 28px #1557d51f}.home-featured-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-featured-text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.home-featured-text strong{font-size:1.05rem;color:var(--text-main)}.home-featured-text span{font-size:.82rem;color:var(--text-muted)}.home-featured-arrow{font-size:1.75rem;color:var(--primary);font-weight:300;line-height:1}.home-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:16px}.home-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:920px;margin:0 auto}.home-service-tile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 16px;border:none;border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 2px 12px #0000000d;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s;touch-action:manipulation;min-height:140px}.home-service-tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.home-service-tile:active{transform:scale(.97)}.home-service-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-service-label{font-size:.9rem;font-weight:700;color:var(--text-main);text-align:center;line-height:1.25}.home-service-desc{font-size:.72rem;color:var(--text-muted);text-align:center;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.theme-amber .home-greeting,.theme-amber .home-shop-name,.theme-amber .home-tagline{color:#1a1a1a}.theme-amber .home-greeting{color:#1a1a1abf}.theme-amber .home-tagline{color:#1a1a1a99}@media (max-width: 768px){.home-hero{padding:8px 20px 32px}.home-body{padding:8px 20px 40px}.home-services-grid{grid-template-columns:repeat(2,1fr);gap:14px}.home-service-icon{width:64px;height:64px}.home-service-tile{min-height:120px;padding:18px 12px}}@media print{.pos-fab,.page-hero,.period-filter-card,.home-screen{display:none!important}.main-content{margin:0;padding:0}}.pos-superadmin-import-row{padding:8px 16px 4px;display:flex;justify-content:center}.pos-import-btn{width:100%;max-width:340px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.88rem;padding:9px 18px;border-radius:10px;border-color:var(--primary);color:var(--primary-dark);background:var(--primary-bg);font-weight:600;transition:background .18s,box-shadow .18s}.pos-import-btn:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0000001a}.import-dropzone{border:2.5px dashed var(--border-color);border-radius:18px;padding:36px 20px;cursor:pointer;transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);min-height:160px;-webkit-user-select:none;user-select:none}.import-dropzone:hover,.import-dropzone--over{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.import-dropzone--over{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.import-stat{display:inline-flex;align-items:center;gap:6px;font-size:.83rem;font-weight:600;padding:5px 12px;border-radius:999px}.import-stat--ok{background:#ecfdf5;color:#065f46}.import-stat--warn{background:#fff7ed;color:#92400e}.import-stat--err{background:#fef2f2;color:#991b1b}.import-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:importSpin .75s linear infinite;margin:0 auto}@keyframes importSpin{to{transform:rotate(360deg)}}.pos-focus-main-row{display:flex;flex:1;min-height:0;overflow:hidden}.pos-focus-cart-sidebar{width:340px;border-left:1px solid var(--border-color);background:var(--surface);display:flex;flex-direction:column;flex-shrink:0}.pos-sidebar-cart-head{padding:14px 16px;border-bottom:1px dashed var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-color)}.pos-sidebar-cart-head h3{margin:0;font-size:.95rem;font-weight:700;color:var(--text-color)}.btn-clear-cart{background:transparent;border:none;color:#e11d48;font-size:.82rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px}.btn-clear-cart:hover{background:var(--danger-bg)}.pos-sidebar-cart-list{flex:1;overflow-y:auto;padding:8px 16px;-webkit-overflow-scrolling:touch}.pos-sidebar-empty-cart{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.88rem;text-align:center}.pos-sidebar-cart-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.pos-sidebar-cart-info{display:flex;flex-direction:column;gap:2px;flex:1;margin-right:8px}.pos-sidebar-cart-name{font-size:.9rem;font-weight:600;color:var(--text-color)}.pos-sidebar-cart-price{font-size:.8rem;color:var(--text-muted)}.pos-sidebar-cart-service{width:fit-content;padding:2px 7px;border-radius:999px;background:var(--primary-bg);color:var(--primary-dark);font-size:.68rem;font-weight:700}.pos-sidebar-cart-subtotal{margin-top:2px;font-size:.84rem;font-weight:700;color:var(--primary-dark)}.pos-order-review{width:min(680px,calc(100vw - 32px));max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.pos-review-subtitle{margin:4px 0 0;font-size:.84rem;font-weight:400;color:var(--text-muted)}.pos-review-body{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:14px}.pos-review-meta{display:grid;grid-template-columns:1.2fr 1.2fr .7fr;gap:10px}.pos-review-meta>div{min-width:0;padding:11px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-color);display:flex;flex-direction:column;gap:3px}.pos-review-meta span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pos-review-meta strong{overflow-wrap:anywhere;font-size:.9rem}.pos-review-list{min-height:110px;max-height:clamp(110px,30vh,240px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border-color);border-radius:14px;background:var(--surface)}.pos-review-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-color)}.pos-review-item:last-child{border-bottom:0}.pos-review-index{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--primary-bg);color:var(--primary-dark);font-size:.78rem;font-weight:800}.pos-review-item-main{min-width:0;display:flex;flex-direction:column;gap:3px}.pos-review-item-main strong{overflow-wrap:anywhere}.pos-review-item-main span{font-size:.8rem;color:var(--text-muted)}.pos-review-item-total{white-space:nowrap;text-align:right}.pos-review-totals{margin-left:auto;width:min(100%,360px);display:flex;flex-direction:column;gap:7px}.pos-review-totals>div{display:flex;justify-content:space-between;gap:18px}.pos-review-grand-total{margin-top:3px;padding-top:10px;border-top:1px dashed var(--border-color);font-size:1.08rem;color:var(--primary-dark)}.pos-review-actions{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(260px,1.4fr);gap:10px}@media (max-width: 600px){.pos-order-review{width:calc(100vw - 20px);max-height:94vh}.pos-review-meta{grid-template-columns:1fr}.pos-review-list{max-height:34vh}.pos-review-actions{grid-template-columns:1fr}}.pos-sidebar-cart-actions{display:flex;align-items:center;gap:8px}.pos-qty-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;color:var(--text-color);transition:all .15s ease}.pos-qty-btn:active{background:var(--border-color);transform:scale(.9)}.pos-qty-num{font-size:.9rem;font-weight:700;min-width:24px;text-align:center}@media (max-width: 768px){.pos-focus-cart-sidebar{display:none}}.pos-sidebar-dock{padding:16px;background:var(--bg-color);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;flex-shrink:0}.pos-sidebar-customer{display:flex;flex-direction:column;gap:4px}.pos-sidebar-customer label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.pos-sidebar-total{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color)}.pos-sidebar-total-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.pos-sidebar-total-val{font-size:1.25rem;font-weight:800;color:var(--primary-dark)}.pos-sidebar-pb1-hint{font-size:.7rem;color:var(--text-muted);display:block}.pos-sidebar-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}.pos-sidebar-action-btn{min-height:44px;font-size:.85rem;font-weight:600;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:8px}@media (min-width: 769px){.pos-focus-dock{display:none}}.pos-menu-grid--focus{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;justify-content:start}.pos-menu-grid--focus .pos-menu-card{width:100%;min-width:0;height:100%;max-width:none;border-radius:14px;outline:none}.pos-menu-grid--focus .pos-menu-card:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #1557d538}.pos-menu-grid--focus .pos-menu-card-img{width:100%;height:auto;aspect-ratio:1 / 1}.pos-menu-card-body{flex:1;min-width:0;padding:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.pos-menu-grid--focus .pos-menu-card-name{width:100%;padding:0;font-size:clamp(14px,1.3vw,16px);line-height:1.3;font-weight:650;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pos-menu-grid--focus .pos-menu-card-price{width:100%;padding:0;margin-top:auto;font-size:clamp(12px,1.1vw,14px);line-height:1.3;font-weight:700}.pos-menu-grid--focus .pos-card-qty-row{margin:0 8px 8px;padding:8px 0 0;gap:8px}.pos-menu-grid--focus .pos-touch-btn--sm{width:44px;height:44px;min-width:44px;min-height:44px}@media (max-width: 420px){.pos-menu-grid--focus{grid-template-columns:1fr}.pos-menu-grid--focus .pos-menu-card{min-height:104px;height:auto;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:1fr auto}.pos-menu-grid--focus .pos-menu-card-img{grid-column:1;grid-row:1 / span 2;width:104px;height:104px}.pos-menu-grid--focus .pos-menu-card-body{grid-column:2;grid-row:1;justify-content:center;padding:10px}.pos-menu-grid--focus .pos-card-qty-row{grid-column:2;grid-row:2;margin:0 10px 8px}}@media (min-width: 600px) and (max-width: 799px){.pos-menu-grid--focus{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pos-menu-card-body{padding:12px}.pos-menu-grid--focus .pos-card-qty-row{margin:0 12px 12px}}@media (min-width: 800px) and (max-width: 1024px){.pos-menu-grid--focus{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pos-menu-card-body{padding:12px}.pos-menu-grid--focus .pos-card-qty-row{margin:0 12px 12px}}@media (min-width: 1025px){.pos-menu-grid--focus{grid-template-columns:repeat(5,minmax(0,180px));gap:16px}.pos-menu-grid--focus .pos-menu-card{max-width:180px}.pos-menu-card-body{padding:16px}.pos-menu-grid--focus .pos-card-qty-row{margin:0 16px 16px}.pos-menu-grid--focus .pos-touch-btn--sm{width:36px;height:36px;min-width:36px;min-height:36px}}@media (min-width: 1440px){.pos-menu-grid--focus{grid-template-columns:repeat(6,minmax(0,180px))}}@media (hover: hover) and (pointer: fine){.pos-menu-grid--focus .pos-menu-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 24px #10b9811f}}@media (hover: none),(pointer: coarse){.pos-menu-grid--focus .pos-menu-card:active{transform:scale(.98)}}.purchase-form-grid{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:16px 20px;background:var(--bg-color);padding:16px;border-radius:12px;border:1px solid var(--border-color);border-left:4px solid var(--primary);align-items:flex-end}.purchase-form-grid .form-group{margin-bottom:0;flex:0 1 auto}.purchase-form-grid .purchase-date-field{width:156px!important;max-width:156px}.purchase-form-grid .purchase-supplier-field{width:250px!important;max-width:250px}.purchase-form-grid .form-control{box-sizing:border-box;min-width:0}.purchase-form-grid label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.purchase-desktop-view{border:1px solid var(--border-color);border-radius:14px;overflow:auto;background:var(--surface);padding:12px 14px;box-shadow:0 4px 12px #00000005}.purchase-input-table{width:100%;border-collapse:collapse!important;border-spacing:0!important;margin:0!important;table-layout:auto!important}.purchase-input-table th{background:transparent!important;color:var(--text-muted);font-size:.8rem;font-weight:700;padding:8px 12px;border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em}.purchase-input-table td{padding:0!important;vertical-align:middle;border-bottom:none!important}.purchase-input-table .form-control{width:100%;min-width:0;box-sizing:border-box;height:42px;padding:8px 10px;font-size:.9rem;border-radius:10px;background:var(--surface);border:1px solid var(--border-color);box-shadow:0 2px 4px #00000005;transition:all .2s ease}.purchase-input-table .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1557d51f,0 4px 10px #1557d50d}.purchase-input-table select.form-control{padding-right:36px}.purchase-input-table .form-control--center{text-align:center}.purchase-input-table .purchase-name-input{flex:1}.purchase-mobile-view .form-control{min-width:0;box-sizing:border-box}.purchase-input-table td.purchase-line-total{font-size:.95rem;font-weight:700;color:var(--primary-dark);padding-left:8px!important}.purchase-input-table .btn-icon--danger{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:#ef4444;cursor:pointer;transition:all .2s ease}.purchase-input-table .btn-icon--danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.purchase-input-table .btn-icon--danger:disabled{opacity:.25;cursor:not-allowed}@media (max-width: 768px){.purchase-desktop-view,.purchase-desktop-actions{display:none!important}.purchase-mobile-view{display:block!important}.purchase-mobile-summary{display:flex!important}}@media (min-width: 769px){.purchase-desktop-view{display:block!important}.purchase-desktop-actions{display:flex!important}.purchase-mobile-view,.purchase-mobile-summary{display:none!important}}.btn-add-row{background:var(--surface);border:1.5px dashed var(--primary);color:var(--primary-dark);font-weight:600;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;font-size:.85rem}.btn-add-row:hover{background:var(--primary-bg);transform:translateY(-1px);box-shadow:0 4px 12px #1557d514}.btn-add-row:active{transform:scale(.97)}.purchase-desktop-actions .period-summary-strip{background:var(--bg-color);border:1px solid var(--border-color);padding:10px 16px;border-radius:10px;display:flex;align-items:center;gap:12px}.purchase-desktop-actions .period-summary-label{font-weight:700;font-size:.85rem;color:var(--text-muted)}.purchase-desktop-actions .period-summary-strip strong{font-size:1.1rem;color:var(--primary-dark)}.purchase-desktop-actions .period-summary-meta{font-size:.8rem;background:var(--surface);color:var(--text-muted);border:1px solid var(--border-color);padding:2px 8px;border-radius:6px;margin-left:0}@media (max-width: 768px){.purchase-form-grid{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.purchase-form-grid .form-group:first-child{width:100%!important;max-width:156px!important}.purchase-form-grid .form-group:last-child{width:100%!important;max-width:250px!important}}.login-card:has(.maju-activation-card){max-width:480px}.maju-activation-card{margin:0 0 20px;padding:16px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border-color));border-radius:14px;background:color-mix(in srgb,var(--primary-bg) 65%,var(--surface))}.maju-activation-head,.maju-device-id-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.maju-activation-head span{padding:4px 9px;border-radius:999px;background:#fff1f2;color:#be123c;font-size:.72rem;font-weight:700}.maju-activation-card>p{margin:10px 0 7px;color:var(--text-muted);font-size:.8rem}.maju-device-id-row code{min-width:0;flex:1;padding:10px 12px;overflow-wrap:anywhere;border:1px dashed var(--border-color);border-radius:10px;background:var(--surface);color:var(--text-main);font-size:clamp(.76rem,2vw,.9rem);font-weight:700;letter-spacing:.04em}.maju-activation-input{height:auto;min-height:72px;margin:10px 0;padding:11px 13px;resize:vertical}.maju-activation-message{margin:0 0 10px!important;color:#be123c!important;font-weight:600}.access-reset-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:20px;border:1px solid #fecaca;border-radius:var(--radius-lg);background:color-mix(in srgb,#fff1f2 55%,var(--surface))}.access-reset-info{display:flex;align-items:flex-start;gap:14px;min-width:0}.access-reset-icon,.reset-confirm-title>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#fee2e2;color:#dc2626}.access-reset-info h3,.access-reset-info p,.access-reset-info small,.reset-confirm-title h2,.reset-confirm-title p{margin:0}.access-reset-info h3{font-size:1rem;color:var(--text-main)}.access-reset-info p{margin-top:5px;color:var(--text-muted);font-size:.88rem}.access-reset-info small{display:block;margin-top:5px;color:#991b1b;font-size:.76rem}.access-reset-toggle{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;color:#b91c1c;font-weight:700;-webkit-user-select:none;user-select:none}.access-reset-toggle input{position:absolute;opacity:0;pointer-events:none}.access-reset-slider{position:relative;width:48px;height:26px;border-radius:999px;background:#fecaca;transition:background .16s ease}.access-reset-slider:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0000002e;transition:transform .16s ease}.access-reset-toggle:hover .access-reset-slider{background:#fca5a5}.access-reset-toggle:active .access-reset-slider:after{transform:translate(5px)}.reset-confirm-modal{max-width:680px;width:95%;max-height:90vh;display:flex;flex-direction:column}.reset-confirm-title{display:flex;align-items:center;gap:12px}.reset-confirm-title p{margin-top:3px;color:#b91c1c;font-size:.82rem}.reset-options-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.reset-options-count{font-size:.85rem;font-weight:600;color:var(--text-main)}.reset-quick-actions{display:flex;gap:8px}.reset-quick-btn{background:transparent;border:1px solid var(--border-color);padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.reset-quick-btn:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--primary)}.reset-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;max-height:380px;overflow-y:auto;padding:2px;margin-bottom:16px}.reset-option-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1.5px solid var(--border-color);border-radius:12px;background:var(--surface);cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none;position:relative}.reset-option-card:hover{border-color:#f87171;background:color-mix(in srgb,#fff1f2 35%,var(--surface))}.reset-option-card.selected{border-color:#ef4444;background:color-mix(in srgb,#fff1f2 70%,var(--surface))}.reset-option-checkbox{margin-top:3px;width:17px;height:17px;accent-color:#dc2626;cursor:pointer;flex-shrink:0}.reset-option-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.reset-option-content{flex:1;min-width:0}.reset-option-label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.88rem;font-weight:700;color:var(--text-main)}.reset-option-desc{margin:3px 0 6px;font-size:.75rem;color:var(--text-muted);line-height:1.35}.login-submit{line-height:1.35}.reset-option-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:6px;background:var(--bg-subtle, rgba(0,0,0,.05));color:var(--text-muted)}.reset-option-badge.has-data{background:#fee2e2;color:#b91c1c}.reset-confirm-box{background:var(--bg-light);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;margin-top:8px}.btn-danger{border-color:#dc2626;background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 600px){.login-screen{padding:14px;align-items:flex-start}.login-card{margin-top:14px;padding:24px 18px}.maju-device-id-row{align-items:stretch}.access-reset-card{align-items:stretch;flex-direction:column;padding:16px}.access-reset-toggle{justify-content:flex-end}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 10% 20%,#f0f7f4,#e2efe7)!important;position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,#1557d52e,#fff0 70%)!important;border-radius:50%;pointer-events:none}.login-screen:after{content:"";position:absolute;bottom:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,#d8bd721f,#fff0 70%);border-radius:50%;pointer-events:none}.login-card{width:100%;max-width:420px;background:#ffffffe0!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7)!important;border-radius:28px!important;padding:42px 34px 34px!important;box-shadow:0 24px 70px #354b4017,0 4px 16px #00000005!important;position:relative;z-index:1}.login-brand{text-align:center;margin-bottom:28px}.login-brand .brand-logo-wrap{width:80px!important;height:80px!important;margin:0 auto 16px!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 6px 12px rgba(79,127,104,.16))}.login-brand-logo{max-width:100%;max-height:100%;object-fit:contain;display:block}.login-brand h1{font-size:1.85rem!important;font-weight:800!important;color:#28352f!important;margin:0;letter-spacing:-.6px}.login-brand p{color:#718078!important;font-size:.92rem!important;margin-top:6px!important}.login-form .form-group{margin-bottom:18px!important;display:flex;flex-direction:column;gap:8px}.login-form .form-group label{font-size:.85rem!important;font-weight:700!important;color:#55635b!important;text-transform:uppercase;letter-spacing:.5px}.login-input{width:100%!important;height:50px!important;padding:0 16px!important;font-size:.95rem!important;border:1.5px solid #c2d1c8!important;border-radius:14px!important;background:#fffffff2!important;transition:all .22s ease-in-out!important;color:#1a231f!important}.login-input:focus{outline:none;border-color:#1557d5!important;background:#fff!important;box-shadow:0 0 0 4px #1557d52e!important}.login-password-wrap{position:relative;width:100%}.login-password-wrap .login-input{padding-right:50px!important}.login-eye-btn{position:absolute;right:5px;top:5px;width:40px;height:40px;border:none;background:transparent;color:#718078!important;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.login-eye-btn:hover{background:#1557d51f!important;color:#071f4f!important}.login-submit{width:100%!important;height:52px!important;margin-top:8px!important;background:linear-gradient(135deg,#1557d5,#071f4f)!important;color:#fff!important;border:none!important;border-radius:14px!important;font-weight:700!important;font-size:1rem!important;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 24px #071f4f38!important;transition:all .25s ease!important}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #071f4f52!important}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{background:#cbd5e1!important;color:#94a3b8!important;box-shadow:none!important;cursor:not-allowed;transform:none!important}.login-hint{font-size:.82rem!important;color:#718078!important;margin-top:20px!important;text-align:center;line-height:1.5}.app-loading-splash{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% 30%,#fff,#edf5f0 55%,#e2ece6);display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden}.splash-ambient-circle{position:absolute;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.55}.splash-ambient-circle--1{width:320px;height:320px;top:-80px;left:10%;background:radial-gradient(circle,rgba(126,203,161,.45),transparent 70%);animation:splashOrbFloat1 8s ease-in-out infinite alternate}.splash-ambient-circle--2{width:360px;height:360px;bottom:-100px;right:8%;background:radial-gradient(circle,rgba(235,196,120,.4),transparent 70%);animation:splashOrbFloat2 9s ease-in-out infinite alternate}.splash-ambient-circle--3{width:240px;height:240px;top:40%;right:25%;background:radial-gradient(circle,rgba(93,166,131,.3),transparent 70%);animation:splashOrbFloat1 6s ease-in-out infinite alternate-reverse}@keyframes splashOrbFloat1{0%{transform:translate(0) scale(1)}to{transform:translate(30px,40px) scale(1.1)}}@keyframes splashOrbFloat2{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,-30px) scale(1.15)}}.splash-card-react{position:relative;text-align:center;max-width:440px;width:90%;padding:40px 36px 30px;border-radius:28px;background:#ffffffd1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(255,255,255,.95);box-shadow:0 24px 60px #23403117,0 4px 16px #00000008,inset 0 1px #fffc;animation:splashCardAppear .7s cubic-bezier(.16,1,.3,1) forwards;z-index:10;box-sizing:border-box}@keyframes splashCardAppear{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-logo-container{position:relative;display:inline-block;margin-bottom:20px}.splash-logo-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle,rgba(82,168,126,.35) 0%,transparent 70%);border-radius:50%;filter:blur(14px);animation:splashGlowPulse 2.4s ease-in-out infinite alternate}@keyframes splashGlowPulse{0%{transform:scale(.9);opacity:.5}to{transform:scale(1.15);opacity:.9}}.splash-logo-box{position:relative;width:96px;height:96px;margin:0 auto;border-radius:24px;background:linear-gradient(145deg,#fff,#f2f7f4);border:1.5px solid rgba(255,255,255,.95);box-shadow:0 12px 28px #2d57411f,0 2px 6px #0000000a,inset 0 2px 4px #ffffffe6;display:flex;align-items:center;justify-content:center;animation:splashLogoFloat 3.2s ease-in-out infinite alternate}@keyframes splashLogoFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.splash-logo-img{max-width:68px;max-height:68px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.07))}.splash-header-group{margin-bottom:24px}.splash-title{font-size:2.1rem!important;font-weight:900!important;color:#1a2a22!important;margin:0 0 6px!important;letter-spacing:-.8px}.splash-badge-wrap{display:inline-flex;align-items:center;gap:7px;padding:4px 14px;border-radius:999px;background:#071f4f17;border:1px solid rgba(79,127,104,.18)}.splash-badge-dot{width:6px;height:6px;border-radius:50%;background:#3e8a60;box-shadow:0 0 8px #3e8a60cc;animation:splashDotBlink 1.4s ease-in-out infinite}@keyframes splashDotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.splash-badge-text{font-size:.72rem;font-weight:800;color:#2c6344;letter-spacing:1.4px;text-transform:uppercase}.splash-progress-section{margin-bottom:24px}.splash-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.splash-status-label{font-size:.82rem;color:#556c60;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.splash-percent-pill{font-size:.82rem;font-weight:800;color:#23543b;background:#071f4f1f;padding:2px 8px;border-radius:6px;font-variant-numeric:tabular-nums}.splash-loader-track{width:100%;height:8px;background:#3d68541a;border-radius:999px;overflow:hidden;position:relative}.splash-loader-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#447c61,#62b37d,#84d89e);position:relative;overflow:hidden;transition:width .08s linear}.splash-loader-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:splashShimmer 1.4s infinite}@keyframes splashShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.splash-footer-info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:16px;border-top:1px solid rgba(82,123,103,.12)}.splash-security-tag{display:flex;align-items:center;gap:5px;font-size:.74rem;color:#6a8274;font-weight:600}.splash-version-tag{font-size:.72rem;color:#8c9f95;font-weight:600;background:#00000008;padding:2px 6px;border-radius:4px}@keyframes splashFadeIn{0%{opacity:0;transform:scale(.96) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoPulseReact{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.custom-select-container{position:relative;width:100%;display:inline-block}.custom-select-container.is-open{z-index:1000}.custom-select-trigger{width:100%;height:48px;padding:0 16px;font-size:.95rem;border:1.5px solid #d2dcd6;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;color:#28352f;text-align:left}.custom-select-trigger:focus{outline:none;border-color:#1557d5;box-shadow:0 0 0 4px #1557d526}.custom-select-container.disabled .custom-select-trigger{opacity:.65;cursor:not-allowed;background:var(--bg-color)}.custom-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.custom-select-icon{color:#718078;transition:transform .2s ease;flex-shrink:0;margin-left:8px}.custom-select-icon.open{transform:rotate(180deg)}.custom-select-popup{position:absolute;top:calc(100% + 6px);left:0;width:100%;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e2e7e2;border-radius:16px;box-shadow:0 12px 32px #354b4029;z-index:1050;padding:6px;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1)}.custom-select-popup.open-upward{top:auto;bottom:calc(100% + 6px);animation:dropdownFadeInUp .18s cubic-bezier(.16,1,.3,1)}.custom-select-option{width:100%;padding:10px 14px;font-size:.92rem;text-align:left;border:none;background:transparent;color:#28352f;cursor:pointer;border-radius:10px;transition:all .15s ease;font-weight:500;display:block}.custom-select-option:hover{background:#f1f5f2;color:#071f4f}.custom-select-option.selected{background:#eaf1ff;color:#071f4f;font-weight:700}.custom-select-group-header{font-size:.75rem;font-weight:700;color:#718078;padding:8px 14px 4px;text-transform:uppercase;letter-spacing:.5px}.custom-select-option.grouped{padding-left:24px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-featured{width:100%!important;display:flex!important;align-items:center!important;gap:20px!important;padding:24px 28px!important;margin-bottom:32px!important;border:none!important;border-radius:20px!important;background:linear-gradient(135deg,#1557d5,#071f4f)!important;box-shadow:0 12px 30px #071f4f38!important;cursor:pointer!important;text-align:left!important;font-family:inherit!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;color:#fff!important;position:relative!important;overflow:hidden!important}.home-featured:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;pointer-events:none}.home-featured:hover{transform:translateY(-4px)!important;box-shadow:0 16px 36px #071f4f52!important}.home-featured:active{transform:translateY(-1px)!important}.home-featured-icon{width:60px!important;height:60px!important;border-radius:18px!important;background:#fffffff2!important;color:#071f4f!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-shadow:0 4px 12px #00000014!important}.home-featured-text{flex:1!important;display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}.home-featured-text strong{font-size:1.25rem!important;font-weight:800!important;color:#fff!important;letter-spacing:-.3px!important}.home-featured-text span{font-size:.88rem!important;color:#ffffffd9!important;font-weight:500!important}.home-featured-arrow{font-size:2rem!important;color:#fff!important;font-weight:300!important;line-height:1!important;transition:transform .25s ease!important}.home-featured:hover .home-featured-arrow{transform:translate(4px)!important}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button,input[type=number].form-control--num::-webkit-outer-spin-button,input[type=number].form-control--num::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.no-spinner,input[type=number].form-control--num{-moz-appearance:textfield!important}.purchase-split-layout{display:grid;grid-template-columns:38% 62%;gap:20px;min-height:0;flex:1;height:100%}.purchase-input-table input[placeholder*="Ketik nama"]{min-width:150px!important}.purchase-input-table input[placeholder*="g / ml"],.purchase-input-table select,.purchase-input-table input.form-control--num{min-width:90px!important}.purchase-input-table input.form-control--center{min-width:50px!important}.purchase-left-pane .custom-select-container .custom-select-trigger{height:38px!important;border-radius:8px!important;padding:0 12px!important;font-size:13px!important}.purchase-left-pane{display:flex;flex-direction:column;gap:12px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;padding:16px;min-height:0;height:100%}.purchase-right-pane{display:flex;flex-direction:column;gap:12px;min-height:0;height:100%;overflow-y:auto}.purchase-grid-scroll{flex:1;overflow-y:auto;padding-right:4px}.purchase-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;align-content:start}.purchase-item-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000005}.purchase-item-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #1557d514}.purchase-item-card.in-cart{border:2px solid var(--primary);box-shadow:0 4px 16px #1557d51f}.purchase-item-card-image{height:90px;background:#f8fafc;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.purchase-item-card-image img{width:100%;height:100%;object-fit:cover}.purchase-item-card-info{padding:8px 10px;flex:1;display:flex;flex-direction:column;gap:4px}.purchase-item-card-tag{font-size:9px;font-weight:700;color:#0284c7;background:#e0f2fe;padding:1px 6px;border-radius:4px;width:fit-content}.purchase-item-card-name{font-weight:800;font-size:.82rem;color:var(--text-main);line-height:1.3;word-break:break-word;flex:1}.purchase-item-card-price{font-size:.8rem;font-weight:700;color:var(--primary-dark)}.purchase-item-card-unit{font-size:.72rem;color:var(--text-muted);font-weight:500}.purchase-item-card-badge{position:absolute;top:6px;right:6px;background:var(--primary);color:#fff;border-radius:999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;padding:0 4px;box-shadow:0 2px 6px #00000026}@media (max-width: 900px){.purchase-split-layout{grid-template-columns:1fr;display:flex;flex-direction:column;gap:16px;height:auto;overflow-y:auto}.purchase-left-pane{height:280px;flex-shrink:0}.purchase-right-pane{height:auto;overflow-y:visible}}:root{--primary: #1557d5;--primary-dark: #071f4f;--primary-light: #2f72ea;--primary-bg: #eaf1ff;--accent: #d8bd72;--accent-bg: #f7f1dc;--bg-color: #f7f7f3;--surface: #fffefa;--surface-soft: #f1f4ef;--text-main: #28352f;--text-muted: #718078;--border-color: #e2e7e2;--success: #1557d5;--success-bg: #eaf1ff;--danger: #c87c7c;--danger-bg: #faecec;--warning: #c4a95f;--warning-bg: #f8f1dc;--info: #789bb3;--chart-stroke: #1557d5;--shadow: rgba(53, 75, 64, .08);--gojek-header: #fffefa;--hero-gradient: linear-gradient(135deg, #eaf1ff 0%, #f7f1dc 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--topbar-h: 72px}*{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}body{background:radial-gradient(circle at 0 0,var(--theme-bg-gradient-color, rgba(21, 87, 213, .15)),transparent 28rem),var(--bg-color);color:var(--text-main)}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(111,155,130,.22);outline-offset:2px}.theme-purple,.theme-pastel,.theme-blue,.theme-green,.theme-red,.theme-amber{--surface: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0;--sidebar-gradient: #ffffff;--gojek-header: #ffffff}.theme-pastel{--primary: #1557d5;--primary-dark: #071f4f;--primary-light: #2f72ea;--primary-bg: #eaf1ff;--accent: #d8bd72;--accent-bg: #f7f1dc;--bg-color: #f3f6fb;--shadow: rgba(21, 87, 213, .12);--theme-bg-gradient-color: rgba(21, 87, 213, .15)}.theme-purple{--primary: #8a7da8;--primary-dark: #6f628f;--primary-light: #c2b8d6;--primary-bg: #efebf7;--accent: #d96b8a;--accent-bg: #fbebf0;--bg-color: #f7f4fa;--shadow: rgba(138, 125, 168, .08);--theme-bg-gradient-color: rgba(138, 125, 168, .12)}.theme-blue{--primary: #5c8ca7;--primary-dark: #3f6d88;--primary-light: #a1c5d9;--primary-bg: #e6f0f5;--accent: #f0836a;--accent-bg: #fdf0e9;--bg-color: #f2f6f9;--shadow: rgba(92, 140, 167, .08);--theme-bg-gradient-color: rgba(92, 140, 167, .12)}.theme-green{--primary: #52a478;--primary-dark: #3b845d;--primary-light: #95d5b2;--primary-bg: #eaf1ff;--accent: #5cb8a6;--accent-bg: #e0f2f1;--bg-color: #f2f8f5;--shadow: rgba(82, 164, 120, .08);--theme-bg-gradient-color: rgba(82, 164, 120, .12)}.theme-red{--primary: #c87c7c;--primary-dark: #a65f5f;--primary-light: #e1aaaa;--primary-bg: #faecec;--accent: #9c7ed6;--accent-bg: #f3ebf7;--bg-color: #faf5f5;--shadow: rgba(200, 124, 124, .08);--theme-bg-gradient-color: rgba(200, 124, 124, .12)}.theme-amber{--primary: #b59a56;--primary-dark: #8d7844;--primary-light: #dbc98f;--primary-bg: #f7f1dc;--accent: #1557d5;--accent-bg: #eaf1ff;--bg-color: #f3f6fb;--shadow: rgba(181, 154, 86, .08);--theme-bg-gradient-color: rgba(181, 154, 86, .12)}.app-topbar,.theme-pastel .app-topbar{height:var(--topbar-h);padding:0 clamp(18px,3vw,40px);background:#fff!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 2px 10px #0000000a!important;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.app-topbar-left{display:flex;align-items:center;gap:12px}.app-topbar-brand{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.app-topbar-back{width:40px;height:40px;margin:0;padding:0;justify-content:center;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#111827;font-weight:700}.app-topbar-back span{display:none}.app-topbar-back:hover{background:#f3f4f6;border-color:#cbd5e1}.app-topbar-title,.theme-pastel .app-topbar-title{color:#111827!important;text-shadow:none;font-size:1.05rem;font-weight:800!important;letter-spacing:-.02em}.app-topbar-subtitle,.theme-pastel .app-topbar-subtitle{display:inline-flex;align-items:center;background:var(--primary-bg);color:var(--primary-dark);padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;width:fit-content;margin-top:4px;border:1px solid rgba(74,158,88,.15);line-height:1}.app-topbar-settings-btn,.theme-pastel .app-topbar-settings-btn{width:40px;height:40px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface);color:var(--text-muted)}.app-topbar-settings-btn:hover,.theme-pastel .app-topbar-settings-btn:hover{border-color:var(--primary-light);background:var(--primary-bg);color:var(--primary-dark)}.user-menu-trigger,.theme-pastel .user-menu-trigger{min-height:40px;padding:3px 9px 3px 3px;border:1px solid var(--border-color);background:var(--surface)}.user-menu-trigger:hover,.user-menu-trigger--open,.theme-pastel .user-menu-trigger:hover,.theme-pastel .user-menu-trigger--open{border-color:var(--primary-light);background:var(--primary-bg)}.user-avatar{width:32px;height:32px}.user-menu-chevron,.theme-pastel .user-menu-chevron{color:var(--text-muted)}.user-menu-dropdown{margin-top:8px;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 18px 50px #354b4024}.main-content-body{max-width:100%!important;width:100%!important;box-sizing:border-box!important;padding:28px clamp(18px,3vw,40px) 56px}.login-screen{isolation:isolate;padding:28px;background:#f6f5ef}.login-screen:before{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:0;opacity:1;z-index:-1;background:radial-gradient(circle at 18% 18%,rgba(206,226,214,.85),transparent 26rem),radial-gradient(circle at 82% 82%,rgba(242,224,203,.8),transparent 25rem),radial-gradient(circle at 86% 12%,rgba(226,220,240,.65),transparent 18rem)}.login-card{width:min(100%,420px);padding:34px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:#fffefae6;box-shadow:0 24px 70px #444e461f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-brand{margin-bottom:28px}.login-brand .brand-logo-wrap{width:66px;height:66px;margin-bottom:14px;border:1px solid var(--border-color);background:var(--surface);box-shadow:0 10px 30px #354b4014}.login-brand h1{color:var(--text-main);font-size:1.45rem;letter-spacing:-.03em}.login-brand p{color:var(--text-muted)}.login-form{gap:16px}.login-input{min-height:46px;border:1px solid var(--border-color);border-radius:12px;background:#ffffffc2;box-shadow:none}.login-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px #1557d51f}.login-eye-btn{border-radius:9px;color:var(--text-muted)}.login-error{border-radius:10px;background:var(--danger-bg);color:#9a5959}.login-hint{padding-top:18px;border-top:1px solid var(--border-color);color:var(--text-muted)}.home-screen,.main-content-body--home{background:transparent}.home-hero{max-width:1120px;margin:26px auto 0;padding:32px 36px;border:1px solid #dce8df;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 86% 10%,rgba(247,241,220,.9),transparent 16rem),linear-gradient(135deg,#eaf3ed,#f7f8f3)}.home-hero:after{right:34px;left:auto;bottom:-44px;width:190px;height:190px;border:34px solid rgba(111,155,130,.08);border-radius:50%;background:transparent}.home-hero-brand{max-width:none;margin:0;gap:20px}.home-hero-logo{width:76px;height:76px;border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:0 12px 30px #071f4f1f}.home-greeting{color:var(--primary-dark);font-size:.78rem;font-weight:700}.home-shop-name{color:var(--text-main);font-size:clamp(1.5rem,3vw,2rem)}.home-tagline{color:var(--text-muted);font-size:.82rem}.home-body{max-width:1120px;padding:20px 0 56px}.home-featured{padding:17px 18px;margin-bottom:30px;border:1px solid #dce8df;border-radius:18px;box-shadow:0 8px 24px #354b400d}.home-featured:hover{border-color:var(--primary-light);box-shadow:0 14px 34px #354b4017}.home-featured-icon{width:50px;height:50px;border-radius:14px}.home-featured-arrow{color:var(--text-muted)}.home-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.home-section-heading>span{padding:5px 10px;border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:.72rem;font-weight:600}.home-section-kicker{margin:0 0 3px;color:var(--primary-dark);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-section-title{margin:0;color:var(--text-main);font-size:1.12rem;font-weight:700;letter-spacing:-.02em;text-transform:none}.home-services-grid{max-width:none;gap:14px}.home-service-tile{min-height:156px;padding:20px 16px 18px;gap:10px;border:1px solid var(--border-color);border-radius:18px;box-shadow:0 5px 18px #354b400a}.home-service-tile:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 28px #354b4014}.home-service-icon{width:62px;height:62px;border-radius:17px}.home-service-label{font-size:.88rem}.home-service-desc{font-size:.7rem}.home-services-grid .home-service-tile:nth-child(5n+1) .home-service-icon{color:#071f4f!important;background:#eaf1ff!important}.home-services-grid .home-service-tile:nth-child(5n+2) .home-service-icon{color:#a56b58!important;background:#f9ece6!important}.home-services-grid .home-service-tile:nth-child(5n+3) .home-service-icon{color:#5d7f98!important;background:#e9f1f6!important}.home-services-grid .home-service-tile:nth-child(5n+4) .home-service-icon{color:#9a6678!important;background:#f6e9ee!important}.home-services-grid .home-service-tile:nth-child(5n+5) .home-service-icon{color:#746b96!important;background:#efebf7!important}.home-featured-icon{color:#071f4f!important;background:#eaf1ff!important}.page-hero,.main-content-body--system .page-hero{min-height:auto;margin-bottom:20px;padding:18px 24px;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 16px #0000000a!important;display:flex;align-items:center;gap:16px}.page-hero-icon,.main-content-body--system .page-hero-icon{width:48px;height:48px;border-radius:14px;background:var(--primary-bg);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px var(--shadow)}.page-title,.main-content-body--system .page-title{color:#111827!important;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:800!important;letter-spacing:-.025em;margin:0}.page-subtitle,.main-content-body--system .page-subtitle{max-width:780px;color:#4b5563!important;font-size:.86rem;font-weight:600!important;margin:3px 0 0;line-height:1.4}.card,.main-content-body--system .card,.settings-card,.period-filter-card,.main-content-body--system .period-filter-card{border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 16px #00000009!important;width:100%;max-width:100%;box-sizing:border-box}.card,.main-content-body--system .card{padding:20px}.card-title,.main-content-body--system .card-title{color:#111827!important;font-size:1.02rem;font-weight:800!important;letter-spacing:-.01em}.stats-grid,.main-content-body--system .stats-grid{gap:12px}.stat-card,.main-content-body--system .stat-card{padding:18px;border:1px solid var(--border-color);border-radius:17px;box-shadow:none}.stat-card:hover,.main-content-body--system .stat-card:hover{border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 10px 24px #354b4012}.stat-card.highlight,.main-content-body--system .stat-card.highlight{border:1px solid #cfe0d5;background:linear-gradient(145deg,var(--surface),var(--primary-bg))}.stat-icon{width:42px;height:42px;border-radius:13px}.stat-info h3{font-size:.72rem;letter-spacing:.055em}.stat-info p{font-size:1.2rem;letter-spacing:-.02em}.stat-icon--income{background:#f7f1dc;color:#8d7844}.stat-icon--count{background:#e9f1f6;color:#5d7f98}.stat-icon--tax{background:#f6e9ee;color:#9a6678}.form-control,.main-content-body--system .form-control,.settings-card .form-control,.purchase-input-table .form-control{min-height:42px;border:1px solid var(--border-color);border-radius:11px;background:#fbfcf9;box-shadow:none}.form-control:hover,.login-input:hover{border-color:#cad5cd}.form-control:focus,.main-content-body--system .form-control:focus,.purchase-input-table .form-control:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px #1557d51c}.form-group label,.form-group-label,.main-content-body--system .form-group label,.main-content-body--system .form-group-label{color:#65736c;font-size:.74rem;font-weight:650;letter-spacing:.01em;text-transform:none}.btn,.main-content-body--system .btn{min-height:40px;padding:9px 16px;border-radius:11px;font-size:.83rem;box-shadow:none;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}.btn-primary,.theme-pastel .btn-primary{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:none}.btn-primary:hover:not(:disabled),.theme-pastel .btn-primary:hover:not(:disabled){border-color:var(--primary-dark);background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 8px 18px #071f4f2e}.btn-outline{border:1px solid var(--border-color);background:var(--surface)}.btn-outline:hover{border-color:var(--primary-light);background:var(--primary-bg)}.btn-sm{min-height:34px;padding:6px 11px;border-radius:9px}.btn-lg{min-height:48px;padding:12px 20px;border-radius:13px}.btn-icon{border-radius:10px}.btn-danger{border-color:#c87c7c;background:#c87c7c}.btn-danger:hover:not(:disabled){background:#a65f5f}.report-tabs,.settings-page .report-tabs,.main-content-body--system .report-tabs{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 16px #0000000a!important;margin-bottom:20px!important;width:100%!important;box-sizing:border-box!important}.report-tab,.main-content-body--system .report-tab{min-height:40px!important;padding:8px 18px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important;color:#111827!important;font-size:.88rem!important;font-weight:750!important;display:inline-flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;transition:all .18s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.report-tab:hover,.main-content-body--system .report-tab:hover{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#000!important;transform:translateY(-1px)!important}.report-tab--active,.main-content-body--system .report-tab--active{background:#fff!important;color:var(--primary)!important;border:2px solid var(--primary)!important;box-shadow:0 3px 12px var(--shadow)!important;font-weight:800!important}.report-tab--active:hover,.main-content-body--system .report-tab--active:hover{background:var(--primary-bg)!important;border-color:var(--primary)!important;color:var(--primary)!important}.period-filter-card,.main-content-body--system .period-filter-card{padding:16px}.period-filter-title{color:var(--text-main)}.period-active-badge--always{border:1px solid #dbe8df;border-radius:9px}.period-summary-strip{border:1px solid #dbe8df;border-radius:12px;background:#eaf1ffa6}.table-scroll,.purchase-desktop-view{border:1px solid var(--border-color);border-radius:14px;background:var(--surface);box-shadow:none;width:100%;max-width:100%;box-sizing:border-box}table,.main-content-body--system table{font-size:.84rem}thead th,.main-content-body--system thead th,.purchase-input-table th{padding:11px 13px;border-bottom:1px solid var(--border-color);background:#f3f5f1!important;color:#5d6b82;font-size:.7rem;font-weight:700;letter-spacing:.045em}tbody td,.main-content-body--system tbody td{padding:12px 13px;border-bottom-color:#ecefeb}tbody tr:hover,.main-content-body--system tbody tr:hover{background:#eaf1ff6b}.badge{border-radius:999px;font-weight:650}.empty-state{color:var(--text-muted)}.modal-overlay{background:#1f2a2459;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal,.main-content-body--system .modal{border:1px solid rgba(255,255,255,.8);border-radius:20px;background:var(--surface);box-shadow:0 28px 80px #1f2a2433}.modal-header,.main-content-body--system .modal-header{border-bottom:1px solid var(--border-color)}.modal-footer,.main-content-body--system .modal-footer{border-top:1px solid var(--border-color);background:#fafbf8}.settings-card{padding:20px}.settings-printer-panel,.settings-printer-section,.settings-test-print{border-color:var(--border-color);border-radius:14px;background:#fafbf8}.app-topbar--pos-focus{height:56px;min-height:56px;background:#fffefaf0;border-bottom:1px solid var(--border-color);box-shadow:none}.pos-page--focus{background:#f6f7f3}.pos-focus-bar{border-bottom:1px solid var(--border-color);background:var(--surface);box-shadow:none}.pos-category-tabs,.pos-category-tabs--compact{gap:6px;padding:4px;border:1px solid var(--border-color);border-radius:12px;background:#edf1ec;width:100%;max-width:100%;box-sizing:border-box}.pos-category-tab,.pos-category-tabs--compact .pos-category-tab{border:0;border-radius:9px;background:transparent;color:var(--text-muted);box-shadow:none}.pos-category-tab:hover{background:#ffffffa6}.pos-category-tab--active{background:var(--surface);color:var(--primary-dark);box-shadow:0 2px 8px #354b4014}.pos-menu-grid--focus .pos-menu-card{border:1px solid var(--border-color);border-radius:16px;background:var(--surface);box-shadow:0 4px 14px #354b400a}.pos-menu-grid--focus .pos-menu-card:hover{border-color:var(--primary-light);box-shadow:0 10px 24px #354b4017}.pos-menu-grid--focus .pos-menu-card--selected{border-color:var(--primary);box-shadow:0 0 0 3px #1557d51f}.pos-menu-card-img{background:#eef2ed}.pos-menu-card-badge{border-radius:8px;background:var(--primary)}.pos-card-qty-row{border-top-color:var(--border-color)}.pos-touch-btn,.pos-qty-btn{border-color:var(--border-color);background:#f7f9f5;color:var(--primary-dark)}.pos-focus-cart-sidebar{border-left:1px solid var(--border-color);background:var(--surface)}.pos-sidebar-cart-head,.pos-sidebar-dock{background:#f3f5f1}.pos-sidebar-cart-item{border-bottom-color:var(--border-color)}.pos-sidebar-action-btn{border-radius:10px}.pos-sidebar-total-val{color:var(--primary-dark)}.pos-hold-list-btn{border-color:var(--border-color);background:var(--surface)}.pos-ok-btn{border-radius:10px}.pos-focus-dock{border-top:1px solid var(--border-color);background:#fffefaf2;box-shadow:0 -8px 28px #354b4014}.pos-fab{border-radius:14px;background:var(--primary);box-shadow:0 10px 24px #071f4f38}.purchase-form-grid{border:1px solid var(--border-color);border-left:1px solid var(--border-color);border-radius:14px;background:#f3f5f1}.btn-add-row{border:1px dashed var(--primary-light);border-radius:10px;background:var(--surface)}.access-reset-card{border-color:#ecd2d2;background:#fcf3f1}@media (max-width: 1120px){.home-hero{margin-inline:22px}.home-body{padding-inline:22px}}@media (max-width: 900px){.home-services-grid{grid-template-columns:repeat(3,1fr)}.main-content-body{padding-inline:20px}}@media (max-width: 680px){:root{--topbar-h: 64px}.app-topbar{padding-inline:14px}.app-topbar-right{gap:7px}.main-content-body{padding:20px 14px 40px}.home-hero{margin:14px 14px 0;padding:24px 20px;border-radius:20px}.home-hero-brand{align-items:flex-start}.home-hero-logo{width:62px;height:62px;border-radius:17px}.home-body{padding:14px 14px 40px}.home-featured{margin-bottom:24px}.home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-service-tile{min-height:144px;padding:16px 10px}.home-service-icon{width:54px;height:54px}.home-service-desc{display:none}.card,.main-content-body--system .card,.settings-card{padding:16px;border-radius:16px}.login-screen{padding:14px}.login-card{margin-top:0;padding:26px 20px;border-radius:20px}}@media (max-width: 390px){.home-hero-text{min-width:0}.home-shop-name{font-size:1.35rem;overflow-wrap:anywhere}.home-featured{gap:12px;padding:14px}.home-featured-icon{width:46px;height:46px}.home-services-grid{gap:8px}.home-service-tile{min-height:132px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--pastel-mint: #dff1e6;--pastel-mint-strong: #b9dcc7;--pastel-peach: #fae7dc;--pastel-peach-strong: #efc4ae;--pastel-sky: #e1eef6;--pastel-sky-strong: #bad6e6;--pastel-lavender: #ece7f6;--pastel-lavender-strong: #d0c4e7;--pastel-rose: #f7e5eb;--pastel-rose-strong: #e8bdca;--pastel-lemon: #f8f0ce;--pastel-lemon-strong: #e7d58b;--pastel-aqua: #dff1ef;--pastel-cream: #fff9eb}body{background:radial-gradient(circle at 3% 8%,rgba(223,241,230,.88),transparent 22rem),radial-gradient(circle at 96% 18%,rgba(236,231,246,.72),transparent 24rem),radial-gradient(circle at 78% 96%,rgba(250,231,220,.6),transparent 28rem),#f8f7f3}.app-topbar,.theme-pastel .app-topbar{background:linear-gradient(90deg,#fffefaf0,#eff7f2f0 52%,#f8f2faf0)}.app-topbar-settings-btn,.theme-pastel .app-topbar-settings-btn{background:var(--pastel-lavender);border-color:#ddd5ed;color:#75668f}.user-avatar--super{background:var(--pastel-lavender);color:#6f628f}.user-avatar--admin{background:var(--pastel-mint);color:#071f4f}.user-avatar--owner{background:var(--pastel-lemon);color:#8d7844}.user-avatar--manager{background:var(--pastel-sky);color:#5d7f98}.user-avatar--kasir{background:var(--pastel-peach);color:#a56b58}.login-screen:before{background:radial-gradient(circle at 14% 18%,rgba(185,220,199,.88),transparent 25rem),radial-gradient(circle at 88% 16%,rgba(208,196,231,.75),transparent 20rem),radial-gradient(circle at 80% 88%,rgba(239,196,174,.78),transparent 25rem),radial-gradient(circle at 18% 92%,rgba(186,214,230,.65),transparent 20rem)}.login-card{border-color:#ffffffeb;background:linear-gradient(145deg,#fffefaf5,#fafcf8e6)}.login-brand .brand-logo-wrap{background:linear-gradient(145deg,var(--pastel-cream),var(--pastel-mint));border-color:#d9e8de}.maju-activation-card{border-color:#cfe1d6;background:linear-gradient(135deg,#dff1e6b8,#e1eef68f)}.home-hero{border-color:#d5e6dc;background:radial-gradient(circle at 88% 8%,rgba(248,240,206,.95),transparent 17rem),radial-gradient(circle at 62% 120%,rgba(225,238,246,.86),transparent 17rem),linear-gradient(135deg,#e3f2e8,#f9f8ee 58%,#f1eaf6);box-shadow:0 18px 50px #54736214}.home-featured{background:linear-gradient(120deg,#eef8f1,#fffbea);border-color:#cee2d5}.home-services-grid .home-service-tile:nth-child(6n+1){background:linear-gradient(145deg,#fffefa,var(--pastel-mint));border-color:#d2e6da}.home-services-grid .home-service-tile:nth-child(6n+2){background:linear-gradient(145deg,#fffefa,var(--pastel-peach));border-color:#f0d7ca}.home-services-grid .home-service-tile:nth-child(6n+3){background:linear-gradient(145deg,#fffefa,var(--pastel-sky));border-color:#d1e2ec}.home-services-grid .home-service-tile:nth-child(6n+4){background:linear-gradient(145deg,#fffefa,var(--pastel-rose));border-color:#ecd3dc}.home-services-grid .home-service-tile:nth-child(6n+5){background:linear-gradient(145deg,#fffefa,var(--pastel-lemon));border-color:#ece1b2}.home-services-grid .home-service-tile:nth-child(6n+6){background:linear-gradient(145deg,#fffefa,var(--pastel-lavender));border-color:#ded6ed}.home-service-tile:hover{filter:saturate(1.06)}.page-hero,.main-content-body--system .page-hero{position:relative;padding:18px 20px;overflow:hidden;border:1px solid transparent;border-radius:18px}.page-hero:after{content:"";position:absolute;right:-30px;bottom:-50px;width:120px;height:120px;border:22px solid rgba(255,255,255,.34);border-radius:50%;pointer-events:none}.page-hero--mint{background:linear-gradient(110deg,#e6f4eb,#f7fbf8);border-color:#d0e5d8!important}.page-hero--peach{background:linear-gradient(110deg,#fbe9df,#fff9f5);border-color:#efd6c9!important}.page-hero--sky{background:linear-gradient(110deg,#e5f0f7,#f8fbfd);border-color:#cee1ed!important}.page-hero--lavender{background:linear-gradient(110deg,#eee9f7,#fbf9fd);border-color:#dcd3ed!important}.page-hero--rose{background:linear-gradient(110deg,#f8e8ee,#fff9fb);border-color:#ebd2dc!important}.page-hero--lemon{background:linear-gradient(110deg,#faf3d7,#fffdf6);border-color:#ebdfad!important}.page-hero--mint .page-hero-icon{color:#071f4f;background:var(--pastel-mint-strong)}.page-hero--peach .page-hero-icon{color:#9a624f;background:var(--pastel-peach-strong)}.page-hero--sky .page-hero-icon{color:#557c96;background:var(--pastel-sky-strong)}.page-hero--lavender .page-hero-icon{color:#746395;background:var(--pastel-lavender-strong)}.page-hero--rose .page-hero-icon{color:#986174;background:var(--pastel-rose-strong)}.page-hero--lemon .page-hero-icon{color:#8d7844;background:var(--pastel-lemon-strong)}.stat-card--sales,.main-content-body--system .stat-card--sales{background:linear-gradient(145deg,#fffefa,#e7f4eb);border-color:#d1e5d8}.stat-card--income,.main-content-body--system .stat-card--income{background:linear-gradient(145deg,#fffefa,#faf1d4);border-color:#ebdfad}.stat-card--count,.main-content-body--system .stat-card--count{background:linear-gradient(145deg,#fffefa,#e5f0f7);border-color:#d0e1eb}.stat-card--tax,.main-content-body--system .stat-card--tax{background:linear-gradient(145deg,#fffefa,#f8e8ee);border-color:#ecd4dc}.stat-card--info,.main-content-body--system .stat-card--info{background:linear-gradient(145deg,#fffefa,#eee9f7);border-color:#ddd5ec}.stat-icon--sales{background:var(--pastel-mint-strong);color:#071f4f}.stat-icon--income{background:var(--pastel-lemon-strong);color:#806d3e}.stat-icon--count{background:var(--pastel-sky-strong);color:#50758e}.stat-icon--tax{background:var(--pastel-rose-strong);color:#915c70}.stat-icon--info{background:var(--pastel-lavender-strong);color:#6f628f}.card,.main-content-body--system .card,.settings-card{background:linear-gradient(145deg,#fffefafa,#f8fbf7f0)}.chart-card{background:radial-gradient(circle at 96% 4%,rgba(225,238,246,.72),transparent 16rem),linear-gradient(145deg,#fffefa,#f8fbf8)}.period-filter-card,.main-content-body--system .period-filter-card{background:linear-gradient(135deg,#ece7f67a,#fffefafa 48%,#dff1e680);border-color:#dedfeb}.period-summary-strip{border-color:#d2e5d9;background:linear-gradient(90deg,#dff1e6d1,#f8f0ce94)}.btn-primary,.theme-pastel .btn-primary{border-color:#659378;background:linear-gradient(135deg,#79a88d,#648f77)}.btn-outline:hover{background:linear-gradient(135deg,var(--pastel-mint),var(--pastel-sky))}.report-tabs,.main-content-body--system .report-tabs{border-color:#d9ddea;background:linear-gradient(90deg,var(--pastel-lavender),var(--pastel-sky),var(--pastel-mint))}.report-tab--active,.main-content-body--system .report-tab--active{border:1px solid rgba(255,255,255,.9);background:#fffefaeb}thead th,.main-content-body--system thead th,.purchase-input-table th{background:linear-gradient(180deg,#eef4ff,#e3edfc)!important;border-bottom-color:#ccd8eb;color:#071f4f}tbody tr:nth-child(2n),.main-content-body--system tbody tr:nth-child(2n){background:#e1eef62e}tbody tr:hover,.main-content-body--system tbody tr:hover{background:linear-gradient(90deg,#dff1e69e,#f8f0ce4d)}.badge--ok,.badge--active{background:var(--pastel-mint);color:#071f4f}.badge--muted{background:#eef0ed;color:#6e7772}.badge--ok-order{background:var(--pastel-lemon);color:#8d7844}.role-badge--super{background:var(--pastel-lavender);color:#6f628f}.role-badge--owner{background:var(--pastel-lemon);color:#8d7844}.role-badge--manager{background:var(--pastel-sky);color:#5d7f98}.role-badge--kasir{background:var(--pastel-peach);color:#9a624f}.modal-header{background:linear-gradient(90deg,#ece7f6a6,#e1eef673)}.modal-footer,.main-content-body--system .modal-footer{background:linear-gradient(90deg,#fafbf8,#dff1e680)}.settings-printer-panel:nth-child(odd){background:linear-gradient(145deg,#fafbf8,#e1eef68c)}.settings-printer-panel:nth-child(2n){background:linear-gradient(145deg,#fafbf8,#ece7f68c)}.settings-test-print{background:linear-gradient(135deg,#f8f0ce8c,#fae7dc73)}.pos-page--focus{background:radial-gradient(circle at 0 0,rgba(223,241,230,.7),transparent 18rem),radial-gradient(circle at 100% 100%,rgba(225,238,246,.58),transparent 22rem),#f7f7f3}.pos-focus-bar{background:linear-gradient(90deg,#fffefa,#ece7f66b)}.pos-category-tabs,.pos-category-tabs--compact{background:linear-gradient(90deg,var(--pastel-mint),var(--pastel-sky),var(--pastel-lavender));border-color:#d4dfdd}.pos-category-tab--active{border:1px solid rgba(255,255,255,.9);background:#fffefaf0}.pos-menu-grid--focus .pos-menu-card:nth-child(4n+1){background:linear-gradient(160deg,#fffefa 70%,#dff1e6b8)}.pos-menu-grid--focus .pos-menu-card:nth-child(4n+2){background:linear-gradient(160deg,#fffefa 70%,#fae7dcb8)}.pos-menu-grid--focus .pos-menu-card:nth-child(4n+3){background:linear-gradient(160deg,#fffefa 70%,#e1eef6b8)}.pos-menu-grid--focus .pos-menu-card:nth-child(4n+4){background:linear-gradient(160deg,#fffefa 70%,#ece7f6b8)}.pos-sidebar-cart-head{background:linear-gradient(90deg,var(--pastel-mint),#f3f7f3)}.pos-sidebar-dock{background:linear-gradient(145deg,#f3f6fb,var(--pastel-lemon))}.pos-service-picker label:nth-of-type(1){background:var(--pastel-mint)}.pos-service-picker label:nth-of-type(2){background:var(--pastel-peach)}.purchase-form-grid{background:linear-gradient(135deg,#e1eef6a3,#dff1e68a);border-color:#d4e1dd}.btn-add-row{background:linear-gradient(135deg,#fffefa,var(--pastel-mint))}.access-reset-card{background:linear-gradient(135deg,#fcf4f2,var(--pastel-rose))}@media (max-width: 680px){.page-hero,.main-content-body--system .page-hero{padding:15px;border-radius:16px}.home-services-grid .home-service-tile{background-size:100% 100%}}.pos-order-review{width:min(980px,calc(100vw - 32px));max-width:980px;box-sizing:border-box}.pos-review-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);grid-template-areas:"meta meta" "items totals";align-items:start;gap:16px}.pos-review-body>*{min-width:0;max-width:100%;box-sizing:border-box}.pos-review-meta{grid-area:meta}.pos-review-list{grid-area:items;width:100%;max-height:clamp(110px,30vh,240px)}.pos-review-item{grid-template-columns:34px minmax(0,1fr) minmax(120px,auto);gap:14px;padding:14px 16px}.pos-review-item-main strong{font-size:.96rem}.pos-review-item-total{min-width:120px;color:var(--text-main);font-size:1rem;font-weight:800;text-align:right}.pos-review-totals{grid-area:totals;width:100%;min-width:0;max-width:100%;margin-left:0;padding:14px 16px;gap:10px;border:1px solid #d4e5da;border-radius:14px;background:linear-gradient(90deg,#dff1e6ad,#f8f0ce6b);align-self:start;box-sizing:border-box;overflow:hidden}.pos-review-totals>div{width:100%;align-items:center;justify-content:space-between}.pos-review-totals>div>span{color:var(--text-muted);font-weight:600;text-align:left}.pos-review-totals>div>strong{min-width:140px;max-width:100%;color:var(--text-main);font-size:1rem;font-weight:800;text-align:right;white-space:nowrap}.pos-review-grand-total{margin:2px -6px -5px;padding:13px 6px 5px;border-top:1px dashed #b9cec0;color:var(--primary-dark);font-size:1.12rem}.pos-review-grand-total>span,.pos-review-grand-total>strong{font-size:1.12rem}@media (max-width: 600px){.pos-order-review{width:calc(100vw - 20px)}.pos-review-body{display:flex;flex-direction:column}.pos-review-list,.pos-review-totals{width:100%}.pos-review-item{grid-template-columns:30px minmax(0,1fr) auto;gap:9px;padding:12px}.pos-review-item-total{min-width:0;font-size:.9rem}.pos-review-totals{padding:12px}.pos-review-totals>div>strong{min-width:112px}}@media (min-width: 601px) and (max-width: 820px){.pos-order-review{width:min(720px,calc(100vw - 24px))}.pos-review-body{grid-template-columns:minmax(0,1.45fr) minmax(230px,.9fr);gap:12px}.pos-review-item{grid-template-columns:30px minmax(0,1fr) auto;gap:9px;padding-inline:12px}.pos-review-item-total{min-width:0;font-size:.9rem}.pos-review-totals{padding:12px}.pos-review-totals>div>strong{min-width:100px}}:root{--primary: #628d76;--primary-dark: #416b57;--primary-light: #95bba3;--primary-bg: #eaf1ff;--bg-color: #f3f6fb;--surface: #fbfaf6;--surface-soft: #e9ede8;--text-main: #071f4f;--text-muted: #617068;--border-color: #ccd8eb;--shadow: rgba(40, 62, 51, .12);--pastel-mint: #cee4d6;--pastel-mint-strong: #a3cbb2;--pastel-peach: #f1d5c7;--pastel-peach-strong: #dfa98f;--pastel-sky: #d2e4ee;--pastel-sky-strong: #9fc5d9;--pastel-lavender: #e1d9ee;--pastel-lavender-strong: #bfadd8;--pastel-rose: #efd5de;--pastel-rose-strong: #dba7b8;--pastel-lemon: #eee3b5;--pastel-lemon-strong: #d9c56c;--pastel-aqua: #cde4e1;--pastel-cream: #f7efd9}.theme-purple,.theme-pastel,.theme-blue,.theme-green,.theme-red,.theme-amber{--bg-color: #f3f6fb;--surface: #fbfaf6;--text-main: #071f4f;--text-muted: #617068;--border-color: #ccd8eb;--shadow: rgba(40, 62, 51, .12)}.theme-pastel,.theme-green{--primary: #628d76;--primary-dark: #416b57;--primary-light: #95bba3;--primary-bg: #eaf1ff}body{background:radial-gradient(circle at 3% 8%,rgba(190,218,200,.72),transparent 22rem),radial-gradient(circle at 96% 18%,rgba(214,204,232,.58),transparent 24rem),radial-gradient(circle at 78% 96%,rgba(232,194,174,.48),transparent 28rem),#f3f6fb}.app-topbar,.theme-pastel .app-topbar{background:linear-gradient(90deg,#f8f8f3f5,#eaf1fff0 52%,#e8e1f0f0);border-bottom-color:#cbd6ce}.login-screen{background:#eff0eb}.login-screen:before{filter:saturate(1.08) brightness(.95)}.login-card,.card,.main-content-body--system .card,.settings-card,.modal{border-color:#d3dcd5;background-color:#fbfaf6}.home-hero{filter:saturate(1.06);border-color:#c8dbcf}.home-services-grid .home-service-tile,.stat-card,.page-hero,.period-filter-card,.pos-review-totals{filter:saturate(1.08) brightness(.98)}.page-hero--mint{background:linear-gradient(110deg,#d9ebdf,#f3f7f3)}.page-hero--peach{background:linear-gradient(110deg,#f1d8cb,#f9f3ee)}.page-hero--sky{background:linear-gradient(110deg,#d5e6ef,#f2f6f8)}.page-hero--lavender{background:linear-gradient(110deg,#e3dcef,#f5f2f8)}.page-hero--rose{background:linear-gradient(110deg,#efd9e1,#f8f2f4)}.page-hero--lemon{background:linear-gradient(110deg,#eee5bd,#f8f5e9)}.stat-card--sales,.main-content-body--system .stat-card--sales{background:linear-gradient(145deg,#f9f8f4,#eaf1ff)}.stat-card--income,.main-content-body--system .stat-card--income{background:linear-gradient(145deg,#f9f8f4,#eee3b5)}.stat-card--count,.main-content-body--system .stat-card--count{background:linear-gradient(145deg,#f9f8f4,#d2e4ee)}.stat-card--tax,.main-content-body--system .stat-card--tax{background:linear-gradient(145deg,#f9f8f4,#efd5de)}.stat-card--info,.main-content-body--system .stat-card--info{background:linear-gradient(145deg,#f9f8f4,#e1d9ee)}.btn-primary,.theme-pastel .btn-primary{border-color:#557e69;background:linear-gradient(135deg,#6f9a82,#527b67)}.btn-primary:hover:not(:disabled),.theme-pastel .btn-primary:hover:not(:disabled){border-color:#3f6753;background:linear-gradient(135deg,#5f8b73,#416b57)}thead th,.main-content-body--system thead th,.purchase-input-table th{background:linear-gradient(180deg,#eef4ff,#e3edfc)!important;border-bottom-color:#ccd8eb;color:#071f4f}.pos-category-tabs,.pos-category-tabs--compact,.report-tabs,.main-content-body--system .report-tabs{filter:saturate(1.05) brightness(.97)}html,body,*{scrollbar-width:thin;scrollbar-color:rgba(65,91,77,.3) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-track-piece{background:transparent;border:0}*::-webkit-scrollbar-thumb{min-height:34px;border:2px solid transparent;border-radius:999px;background:#415b4d47;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#415b4d7a;background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:#415b4d9e;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.pos-review-list,.pos-sidebar-cart-list,.pos-focus-menu,.table-scroll,.modal-body,.report-tabs,.sidebar-nav,.purchase-desktop-view{scrollbar-gutter:stable}html,body,*{scrollbar-width:none;scrollbar-color:transparent transparent}*::-webkit-scrollbar{width:0;height:0;background:transparent}*::-webkit-scrollbar-track,*::-webkit-scrollbar-track-piece,*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:active,*::-webkit-scrollbar-corner{border:0;background:transparent;box-shadow:none}.pos-review-list,.pos-sidebar-cart-list,.pos-focus-menu,.table-scroll,.modal-body,.report-tabs,.sidebar-nav,.purchase-desktop-view{scrollbar-gutter:auto}.notification-center{position:relative;flex-shrink:0}.notification-trigger{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ccd8eb;border-radius:12px;background:linear-gradient(145deg,var(--pastel-lemon),var(--pastel-peach));color:#705f38;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.notification-trigger:hover,.notification-trigger--open{border-color:#c2af6f;transform:translateY(-1px);box-shadow:0 8px 18px #4f432324}.notification-badge{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--surface);border-radius:999px;background:#b9656e;color:#fff;font-size:.65rem;font-weight:800;line-height:1}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:160;width:min(370px,calc(100vw - 28px));overflow:hidden;border:1px solid #ccd7cf;border-radius:18px;background:#fbfaf6fa;box-shadow:0 24px 70px #071f4f33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.notification-setting-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;background:#fbfaf6fa;box-shadow:0 24px 70px #071f4f33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.notification-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid #d6ded8;background:linear-gradient(100deg,var(--pastel-lavender),var(--pastel-sky))}.notification-dropdown-head>div{display:flex;flex-direction:column;gap:2px}.notification-dropdown-head strong{color:var(--text-main);font-size:.96rem}.notification-dropdown-head span{color:var(--text-muted);font-size:.72rem}.notification-status-dot{width:9px;height:9px;border-radius:50%;background:#b9656e;box-shadow:0 0 0 5px #b9656e24}.notification-list{max-height:min(390px,calc(100vh - 190px));overflow-y:auto;overscroll-behavior:contain}.notification-item{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:13px 16px;border:0;border-bottom:1px solid #e0e5e1;background:transparent;color:var(--text-main);font-family:inherit;text-align:left;cursor:pointer}.notification-item:hover{background:linear-gradient(90deg,#cee4d6a3,#eee3b54d)}.notification-item-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--pastel-lemon);color:#806d3e}.notification-item-content{min-width:0;display:flex;flex-direction:column;gap:3px}.notification-item-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-item-title strong{min-width:0;overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.notification-item-title em{padding:3px 7px;border-radius:999px;background:var(--pastel-rose);color:#895563;font-size:.62rem;font-style:normal;font-weight:750}.notification-item-meta{color:var(--text-muted);font-size:.7rem}.notification-item-total{color:var(--primary-dark);font-size:.78rem}.notification-empty{display:flex;flex-direction:column;align-items:center;padding:30px 20px;color:var(--text-muted);text-align:center}.notification-empty>span{display:grid;place-items:center;width:46px;height:46px;margin-bottom:10px;border-radius:14px;background:var(--pastel-lavender);color:#71638b}.notification-empty strong{color:var(--text-main);font-size:.86rem}.notification-empty p{margin:4px 0 0;font-size:.72rem}.notification-open-pos{width:calc(100% - 24px);min-height:40px;margin:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #729b84;border-radius:11px;background:linear-gradient(135deg,#6f9a82,#527b67);color:#fff;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.notification-open-pos:hover{background:linear-gradient(135deg,#5f8b73,#416b57)}.notification-setting-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;padding:15px 16px;border:1px solid var(--border-color);border-radius:15px;background:var(--primary-bg);box-sizing:border-box}.notification-setting-info{min-width:0;display:flex;align-items:flex-start;gap:12px}.notification-setting-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:var(--surface);color:#71638b}.notification-setting-info strong{display:block;color:var(--text-main);font-size:.9rem}.notification-setting-info p{max-width:560px;margin:4px 0 0;color:var(--text-muted);font-size:.75rem;line-height:1.5}.notification-toggle{display:flex;align-items:center;gap:9px;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none}.notification-toggle input{position:absolute;opacity:0;pointer-events:none}.notification-toggle-track{position:relative;width:48px;height:27px;border-radius:999px;background:#bfc7c2;box-shadow:inset 0 0 0 1px #2b3b3214;transition:background .18s ease}.notification-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #23312933;transition:transform .18s ease}.notification-toggle input:checked+.notification-toggle-track{background:var(--primary)}.notification-toggle input:checked+.notification-toggle-track:after{transform:translate(21px)}.notification-toggle input:focus-visible+.notification-toggle-track{outline:3px solid var(--primary-light);outline-offset:2px}.notification-toggle-label{min-width:54px;color:var(--text-main);font-size:.76rem;font-weight:700}@media (max-width: 600px){.notification-dropdown{position:fixed;top:68px;right:10px;left:10px;width:auto}.notification-setting-card{align-items:stretch;flex-direction:column;gap:14px}.notification-toggle{justify-content:flex-end}}.settings-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.settings-profile-left{border-right:1px solid var(--border-color);padding-right:24px}@media (max-width: 900px){.settings-profile-grid{grid-template-columns:1fr;gap:24px}.settings-profile-left{border-right:none;padding-right:0;border-bottom:1px solid var(--border-color);padding-bottom:24px}}.pastel-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--border-color);border-radius:11px;background:#fbfcf9;color:var(--text-main);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.pastel-date-trigger svg{color:#688f7c;flex:0 0 auto}.pastel-date-trigger:hover{border-color:#b9ccc0;background:#fff}.pastel-date-trigger:focus-visible,.pastel-date-trigger.is-open{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #1557d521}.pastel-calendar{position:fixed;z-index:10000;box-sizing:border-box;padding:16px;border:1px solid #cddbd2;border-radius:18px;background:linear-gradient(155deg,#fff,#f6faf6 58%,#f7f3fb);color:#28372f;box-shadow:0 20px 50px #273a302e,0 4px 12px #273a3014;animation:pastel-calendar-in .14s ease-out}@keyframes pastel-calendar-in{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.pastel-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.pastel-calendar__header>div:first-child{display:flex;align-items:baseline;gap:7px}.pastel-calendar__header strong{font-size:1rem;font-weight:750;letter-spacing:-.01em}.pastel-calendar__header span{color:#75837b;font-size:.85rem}.pastel-calendar__navigation{display:flex;gap:7px}.pastel-calendar__navigation button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #d7e2da;border-radius:10px;background:#edf5f0;color:#4e7966;cursor:pointer}.pastel-calendar__navigation button:hover:not(:disabled){background:#dcece2;border-color:#bed3c5}.pastel-calendar__navigation button:disabled{opacity:.35;cursor:default}.pastel-calendar__weekdays,.pastel-calendar__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.pastel-calendar__weekdays{margin-bottom:6px}.pastel-calendar__weekdays span{color:#829088;font-size:.7rem;font-weight:700;text-align:center;text-transform:uppercase}.pastel-calendar__day{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;border:1px solid transparent;border-radius:11px;background:transparent;color:#35463d;font:inherit;font-size:.82rem;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .12s}.pastel-calendar__day:hover:not(:disabled):not(.is-selected){border-color:#c9dcd0;background:#e7f1eb;color:#315d4a;transform:translateY(-1px)}.pastel-calendar__day.is-outside{color:#aeb8b2}.pastel-calendar__day.is-today:not(.is-selected){border-color:#8eaf9e;color:#47735f;font-weight:750}.pastel-calendar__day.is-selected{border-color:#6a947f;background:linear-gradient(145deg,#77a48e,#5f8975);color:#fff;font-weight:750;box-shadow:0 5px 12px #4e796640}.pastel-calendar__day:disabled{color:#ccd2ce;cursor:not-allowed}.pastel-calendar__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #dde6e0}.pastel-calendar__footer button{flex:0 0 auto;padding:7px 11px;border:0;border-radius:9px;background:#e2efe7;color:#47735f;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.pastel-calendar__footer button:hover:not(:disabled){background:#cee3d6}.pastel-calendar__footer button:disabled{opacity:.4;cursor:default}.pos-focus-bar{border-bottom:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 2px 8px #00000008!important;padding:10px 18px!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.pos-order-category-row{display:inline-flex!important;align-items:center!important;gap:8px!important}.pos-order-category-label{font-weight:700!important;color:#111827!important;font-size:.85rem!important}.pos-service-picker-label{font-size:.82rem!important;font-weight:700!important;color:#111827!important;padding:0 8px!important;white-space:nowrap!important}.pos-category-tabs,.pos-category-tabs--compact{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 6px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#f1f5f9!important;box-shadow:inset 0 1px 2px #00000008!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important}.pos-category-tab,.pos-category-tabs--compact .pos-category-tab{border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#1f2937!important;font-weight:700!important;font-size:.86rem!important;padding:6px 14px!important;cursor:pointer!important;transition:all .15s ease!important;white-space:nowrap!important;box-shadow:none!important}.pos-category-tab:hover{background:#fff!important;color:#111827!important;box-shadow:0 2px 4px #0000000a!important}.pos-category-tab--active,.pos-category-tabs--compact .pos-category-tab--active{background:#fff!important;color:var(--primary)!important;border:1.5px solid var(--primary)!important;font-weight:800!important;box-shadow:0 2px 6px var(--shadow)!important}.pos-ok-btn{border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fff!important;color:#111827!important;font-weight:800!important;padding:6px 14px!important;cursor:pointer!important}.pos-ok-btn--active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:0 2px 8px var(--shadow)!important}.pos-hold-list-btn{border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;color:#111827!important;font-weight:700!important;box-shadow:0 1px 4px #0000000a!important;padding:6px 12px!important;display:inline-flex!important;align-items:center!important;gap:6px!important}@media (max-width: 420px){.pastel-calendar{padding:13px;border-radius:16px}.pastel-calendar__day{border-radius:9px}}:root,.theme-purple,.theme-pastel,.theme-blue,.theme-green,.theme-red,.theme-amber{--primary: #1557d5;--primary-dark: #071f4f;--primary-light: #2f72ea;--primary-bg: #eaf1ff;--accent: #ff9d00;--accent-bg: #fff3d6;--bg-color: #f3f6fb;--surface: #ffffff;--surface-soft: #eaf1ff;--text-main: #071f4f;--text-muted: #5d6b82;--border-color: #ccd8eb;--chart-stroke: #1557d5;--shadow: rgba(7, 31, 79, .12);--sidebar-gradient: #071f4f;--hero-gradient: #eaf1ff;--gojek-header: #071f4f;--success: #1557d5;--warning: #ff9d00;--info: #2f72ea}.app-container *,.login-screen *,.app-loading-splash *{background-image:none!important}body,.login-screen,.app-loading-splash,.pos-page--focus{background:#f3f6fb!important}.app-topbar,.theme-pastel .app-topbar,.theme-purple .app-topbar,.theme-blue .app-topbar,.theme-green .app-topbar,.theme-red .app-topbar,.theme-amber .app-topbar,.app-container--home .app-topbar.app-topbar--home,.sidebar-header,.pos-focus-bar{background:#071f4f!important;border-color:#173766!important}.app-topbar-title,.app-topbar-subtitle,.app-topbar-back,.app-topbar-settings-btn,.theme-pastel .app-topbar-title,.theme-pastel .app-topbar-subtitle,.theme-pastel .app-topbar-back,.theme-pastel .app-topbar-settings-btn{color:#fff!important}.app-topbar-back,.app-topbar-settings-btn,.user-menu-trigger{background:#173766!important;border-color:#31517e!important}.app-topbar-subtitle{background:#173766!important;border-color:#31517e!important;color:#fff!important}.home-hero,.page-hero,.period-filter-card,.report-tabs,.pos-category-tabs,.pos-category-tabs--compact{background:#eaf1ff!important;border-color:#bfd0ed!important}.btn-primary,.notification-open-pos,.report-tab--active,.pos-category-tab--active,.pastel-calendar__day.is-selected{background:#1557d5!important;border-color:#1557d5!important;color:#fff!important}.btn-primary:hover:not(:disabled),.notification-open-pos:hover{background:#0f46ad!important;border-color:#0f46ad!important}.home-service-tile,.card,.settings-card,.modal,.login-card,.splash-card-react,.stat-card{background:#fff!important;color:#071f4f}.role-badge--super{background:#6641c7!important;color:#fff!important}.user-avatar--admin,.user-avatar--manager,.app-topbar--pos-focus .user-avatar--admin{background:#1557d5!important;color:#fff!important}.user-avatar--kasir,.app-topbar--pos-focus .user-avatar--kasir{background:#ff9d00!important;color:#071f4f!important}.rank-badge--top{background:#d97706!important;color:#fff!important}.perm-sheet-header{background:#eaf1ff!important;color:#071f4f!important}.pos-focus-bar .pos-order-category-label{color:#fff!important}.pos-dock-btn--hold{border-color:#d97706!important;color:#8a4b00!important}.pos-dock-btn--hold:disabled{color:#68758a!important}.card .card-title,.card h1,.card h2,.card h3,.modal h1,.modal h2,.modal h3,.settings-card h1,.settings-card h2,.settings-card h3{color:#071f4f}.card .text-muted,.card .card-desc,.card .hint,.modal .text-muted,.modal .hint,.settings-card .text-muted,.settings-card .hint{color:#5d6b82}.home-featured{background:#1557d5!important;border-color:#1557d5!important;color:#fff!important}.home-featured-icon{background:#ff9d00!important;color:#071f4f!important}.splash-ambient-circle,.splash-logo-glow{display:none}.splash-logo-box,.brand-logo-wrap,.home-hero-logo,.login-brand .brand-logo-wrap{background:#fff!important;border-color:#bfd0ed!important}.splash-title,.login-brand h1,.home-shop-name{color:#071f4f!important}.splash-badge-wrap,.splash-percent-pill,.notification-trigger{background:#fff3d6!important;border-color:#ffd27a!important;color:#8a5100!important}.splash-version-tag{background:#eaf1ff!important;color:#0f46ad!important;border-color:#bfd0ed!important}.splash-loader-track{background:#d9e3f2!important}.splash-loader-fill{background:#1557d5!important}.splash-loader-shimmer{display:none}.brand-logo-img,.login-brand-logo,.splash-logo-img{object-fit:contain}.login-brand-logo{width:112px;height:112px}.splash-logo-img{max-width:86px;max-height:86px}.home-launchpad{display:grid;grid-template-columns:minmax(310px,370px) minmax(0,1fr);min-height:calc(100vh - var(--topbar-h));background:#f3f6fb}.home-launch-panel{position:relative;display:flex;min-width:0;flex-direction:column;padding:clamp(30px,4vw,54px) clamp(25px,3vw,42px) 28px;overflow:hidden;background:#071f4f;color:#fff}.home-launch-brand{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.home-launch-logo{display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:17px;background:#fff;box-shadow:0 14px 30px #0003}.home-launch-logo .brand-logo-img{width:52px;max-width:52px;max-height:52px}.home-launch-brand>div:last-child{display:flex;min-width:0;flex-direction:column}.home-launch-brand-label{color:#9db9ea;font-size:.66rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.home-launch-brand strong{overflow:hidden;color:#fff;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.home-launch-welcome{position:relative;z-index:1;margin:clamp(62px,10vh,112px) 0 36px}.home-launch-eyebrow,.home-launch-section-label{display:inline-block;margin-bottom:12px;color:#ffb638;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.home-launch-welcome h1{margin:0;color:#fff;font-size:clamp(2rem,3.5vw,3.15rem);font-weight:780;letter-spacing:-.055em;line-height:1.02}.home-launch-welcome h1 span{display:block;color:#78a8ff}.home-launch-welcome p{max-width:285px;margin:18px 0 0;color:#b7c8e6;font-size:.86rem;line-height:1.65}.home-launch-pos-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#071f4f!important;color:#fff}.home-launch-pos-copy{display:flex;min-width:0;flex-direction:column}.home-launch-pos-copy small{margin-bottom:2px;color:#744700;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-launch-pos-copy strong{color:#071f4f;font-size:1rem}.home-launch-pos-copy>span{margin-top:2px;color:#6b4300;font-size:.71rem}.home-launch-pos-arrow{color:#071f4f}.home-launch-panel-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:26px;color:#9db1d2;font-size:.68rem;font-weight:650}.home-launch-panel-footer>span{display:inline-flex;align-items:center;gap:6px}.home-launch-online i{width:7px;height:7px;border-radius:50%;background:#ff9d00;box-shadow:0 0 0 4px #ff9d0029}.home-launch-workspace{display:flex;min-width:0;flex-direction:column;padding:clamp(30px,4vw,56px) clamp(28px,5vw,74px) 24px}.home-launch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px}.home-launch-heading .home-launch-section-label{margin-bottom:9px;color:#1557d5}.home-launch-heading h2{margin:0;color:#071f4f;font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:790;letter-spacing:-.045em}.home-launch-heading p{margin:8px 0 0;color:#67758d;font-size:.82rem}.home-launch-date{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 13px;border:1px solid #d2ddef;border-radius:12px;background:#fff!important;color:#52627c;font-size:.7rem;font-weight:700;text-transform:capitalize}.home-launch-date svg{color:#1557d5}.home-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-launch-module{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;min-height:112px;padding:18px 15px;overflow:hidden;border:1px solid #d8e0ed;border-radius:17px;background:#fff!important;color:#071f4f;cursor:pointer;font-family:inherit;text-align:left;box-shadow:0 8px 22px #071f4f0e;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.home-launch-module:after{content:"";position:absolute;right:0;bottom:0;width:42px;height:4px;border-radius:4px 0 0;background:var(--module-color)!important;opacity:.75}.home-launch-module:hover{border-color:#9eb6dc;box-shadow:0 14px 34px #071f4f1b;transform:translateY(-3px)}.home-launch-module:active{transform:translateY(-1px) scale(.99)}.home-launch-module-index{position:absolute;top:9px;right:12px;color:#697991;font-size:.59rem;font-weight:800;letter-spacing:.08em}.home-launch-module-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:var(--module-bg)!important;color:var(--module-color)!important}.home-launch-module-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.home-launch-module-copy strong{overflow:hidden;color:#071f4f;font-size:.86rem;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.home-launch-module-copy span{display:-webkit-box;overflow:hidden;color:#718097;font-size:.67rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-launch-module-arrow{display:grid;width:27px;height:27px;place-items:center;border:1px solid #e0e6f0;border-radius:9px;color:#8a98ad;transition:border-color .18s ease,color .18s ease,transform .18s ease}.home-launch-module:hover .home-launch-module-arrow{border-color:#1557d5;color:#1557d5;transform:translate(2px)}.home-launch-workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:28px;color:#66758a;font-size:.65rem;font-weight:650}.home-launch-workspace-footer span:first-child{color:#1557d5;font-weight:800}.app-container--home .app-topbar-title{color:#071f4f!important}.app-container--home .app-topbar-subtitle{background:#eaf1ff!important;border-color:#c9d8f1!important;color:#1557d5!important}.app-container--home .app-topbar-settings-btn,.app-container--home .user-menu-trigger{background:#f3f6fb!important;border-color:#d5deec!important;color:#071f4f!important}@media (max-width: 1180px){.home-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.home-launchpad{display:flex;flex-direction:column}.home-launch-panel{min-height:auto;padding:26px 24px 24px}.home-launch-welcome{margin:38px 0 24px}.home-launch-welcome h1{max-width:500px}.home-launch-welcome p{max-width:460px}.home-launch-panel-footer{margin-top:24px}.home-launch-workspace{padding:30px 22px 24px}}@media (max-width: 570px){.home-launch-brand-label,.home-launch-panel-footer,.home-launch-date,.home-launch-workspace-footer{display:none}.home-launch-welcome{margin-top:30px}.home-launch-welcome h1{font-size:2rem}.home-launch-heading{margin-bottom:22px}.home-launch-grid{grid-template-columns:1fr}.home-launch-module{min-height:92px;padding-block:14px}}.activation-success-backdrop{position:fixed;z-index:12000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#04122fad!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:activation-backdrop-in .18s ease-out both}.activation-success-dialog{position:relative;width:min(470px,100%);overflow:hidden;max-height:calc(100vh - 32px);padding:26px 36px 22px;border:1px solid #d8e3f2;border-radius:26px;background:#fff!important;color:#071f4f;text-align:center;box-shadow:0 30px 90px #020f2a57;animation:activation-dialog-in .24s cubic-bezier(.2,.8,.2,1) both}.activation-success-dialog:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:#1557d5!important}.activation-success-x{position:absolute;top:14px;right:14px;display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid #dae3ef;border-radius:11px;background:#f3f6fb!important;color:#63728a;cursor:pointer}.activation-success-visual{position:relative;width:86px;height:76px;margin:0 auto 12px}.activation-success-logo{display:grid;width:70px;height:70px;place-items:center;overflow:hidden;border:1px solid #d5e1f1;border-radius:20px;background:#fff!important;box-shadow:0 14px 34px #071f4f26}.activation-success-logo img{width:64px;height:64px;object-fit:contain}.activation-success-check{position:absolute;right:0;bottom:0;display:grid;width:38px;height:38px;place-items:center;border:4px solid #ffffff;border-radius:50%;background:#16a269!important;color:#fff}.activation-success-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eaf1ff!important;color:#1557d5;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.activation-success-dialog h2{margin:11px 0 6px;color:#071f4f;font-size:1.72rem;letter-spacing:-.035em}.activation-success-dialog>p{max-width:370px;margin:0 auto;color:#66758d;font-size:.91rem;line-height:1.5}.activation-success-benefits{display:grid;gap:7px;margin:16px 0;padding:12px 16px;border:1px solid #dfe7f2;border-radius:15px;background:#f7f9fd!important;text-align:left}.activation-success-benefits span{display:flex;align-items:center;gap:10px;color:#354965;font-size:.82rem;font-weight:650}.activation-success-benefits i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#16a269!important}.activation-success-action{width:100%;min-height:46px;border:0;border-radius:13px;background:#1557d5!important;color:#fff;cursor:pointer;font:750 .9rem inherit;box-shadow:0 11px 24px #1557d53b}.activation-success-action:hover{background:#0e49b8!important;transform:translateY(-1px)}.activation-success-action:focus-visible{outline:3px solid rgba(21,87,213,.25);outline-offset:3px}.activation-success-dialog>small{display:block;margin-top:10px;color:#8a97aa;font-size:.7rem}@keyframes activation-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes activation-dialog-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@media (max-width: 520px){.activation-success-backdrop{padding:14px}.activation-success-dialog{padding:25px 22px 20px;border-radius:21px}.activation-success-dialog h2{font-size:1.48rem}}@media (prefers-reduced-motion: reduce){.activation-success-backdrop,.activation-success-dialog{animation:none}}.catalog-workspace{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.catalog-tabsheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 20px;padding:7px;border:1px solid #ccd8eb;border-radius:18px;background:#eaf1ff!important;width:100%;max-width:100%;box-sizing:border-box}.catalog-tab{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:11px 16px;border:1px solid transparent;border-radius:13px;background:transparent!important;color:#52627b;cursor:pointer;font-family:inherit;text-align:left;min-width:0;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.catalog-tab:hover{border-color:#bfd0ed;background:#f7f9fd!important}.catalog-tab--active{border-color:#9eb7df;background:#fff!important;color:#071f4f;box-shadow:0 7px 18px #071f4f1a}.catalog-tab-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:#dce8fb!important;color:#1557d5}.catalog-tab--active .catalog-tab-icon{background:#1557d5!important;color:#fff}.catalog-tab>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}.catalog-tab strong{color:inherit;font-size:.92rem}.catalog-tab small{overflow:hidden;color:#697991;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.catalog-tab-panel{width:100%;max-width:100%;min-width:0;padding:22px;border:1px solid #d7e0ed;border-radius:18px;background:#fff!important;box-shadow:0 8px 25px #071f4f0e;overflow-x:auto;box-sizing:border-box}.catalog-tab-panel>.fullscreen-page{min-width:0}@media (max-width: 680px){.catalog-tabsheet{grid-template-columns:1fr}.catalog-tab-panel{padding:15px}}.debt-tab-count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#dc2626;color:#fff;font-size:.7rem;font-weight:800}.business-payment-picker{display:grid;grid-template-columns:minmax(145px,1fr) repeat(2,minmax(112px,.72fr));gap:9px;align-items:stretch}.business-payment-picker--stacked{grid-template-columns:1fr 1fr}.business-payment-label{grid-column:1 / -1;color:#172033;font-size:.8rem;font-weight:800}.business-payment-picker button{min-height:44px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#334155;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.business-payment-picker button:hover{border-color:#2563eb;color:#173b7a}.business-payment-picker button.active{border-color:#174ea6;background:#174ea6;color:#fff;box-shadow:0 8px 18px #174ea633}.debt-status{width:max-content;max-width:100%;padding:5px 9px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;font-size:.7rem;font-weight:800;line-height:1.2;white-space:nowrap}.debt-status--paid{border-color:#86efac;background:#dcfce7;color:#166534}.debt-status--partial{border-color:#facc15;background:#fef9c3;color:#854d0e}.debt-status--unpaid{border-color:#fca5a5;background:#fee2e2;color:#991b1b}.debt-workspace{display:grid;gap:18px}.debt-summary-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.debt-summary-card{min-height:116px;padding:21px 22px;border:1px solid #d8e1ef;border-radius:18px;background:#fff;color:#13264a;box-shadow:0 10px 28px #0f285014;display:flex;flex-direction:column;justify-content:center;gap:8px}.debt-summary-card span{color:#60708b;font-size:.76rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.debt-summary-card strong{color:#0d2a5e;font-size:clamp(1.2rem,2.1vw,1.75rem);line-height:1.05}.debt-summary-card small{color:#64748b;font-size:.75rem}.debt-summary-card--primary{border-color:#174ea6;background:#174ea6;color:#fff;box-shadow:0 14px 32px #174ea638}.debt-summary-card--primary span,.debt-summary-card--primary strong,.debt-summary-card--primary small{color:#fff}.debt-summary-card--primary span,.debt-summary-card--primary small{opacity:.82}.debt-list-card{overflow:hidden}.debt-list-card .table-container{margin:0}.debt-type-badge{padding:5px 9px;border-radius:8px;background:#e8effc;color:#174ea6;font-size:.7rem;font-weight:850}.debt-payment-count{margin-top:5px;display:block;color:#64748b;font-size:.67rem}.debt-settled-mark{color:#166534;font-size:.78rem;font-weight:850}.debt-payment-modal{width:min(590px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 32px));overflow:hidden}.debt-payment-body{overflow-y:auto}.debt-payment-balance{margin-bottom:18px;padding:18px 20px;border-radius:16px;background:#102f67;color:#fff;display:flex;flex-direction:column;gap:5px}.debt-payment-balance span{color:#d8e6ff;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.debt-payment-balance strong{color:#fff;font-size:1.65rem}.debt-payment-balance small{color:#c7d7f2}.debt-pay-full{margin-top:7px;padding:0;border:0;background:transparent;color:#174ea6;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.debt-history{margin-top:18px;padding-top:16px;border-top:1px solid #dbe3ef;color:#172033}.debt-history>strong{display:block;margin-bottom:9px;font-size:.82rem}.debt-history>div{padding:10px 0;border-bottom:1px solid #edf1f7;display:flex;align-items:center;justify-content:space-between;gap:16px}.debt-history span{color:#243754;font-size:.78rem;font-weight:700}.debt-history span small{margin-top:3px;display:block;color:#697891;font-weight:500}.debt-history>div>strong{color:#174ea6;font-size:.8rem;white-space:nowrap}@media (max-width: 900px){.debt-summary-grid{grid-template-columns:1fr}.debt-summary-card{min-height:94px}}@media (max-width: 620px){.business-payment-picker,.business-payment-picker--stacked{grid-template-columns:1fr 1fr}.debt-payment-modal .modal-footer{display:grid;grid-template-columns:1fr 1fr}}.cost-center-page{color:#172033}.cost-context{min-width:340px;height:42px;padding:4px 7px;border:1px solid #d7e1ee;border-radius:12px;background:#f8faff;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 5px 16px #14325a0d}.cost-context label{min-width:0;display:flex;align-items:center;gap:5px;color:#174ea6}.cost-context select{max-width:145px;border:0;outline:0;background:transparent;color:#1c355b;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.cost-context select:disabled{color:#7b8799;cursor:default}.cost-context--readonly{min-width:330px}.cost-context-location{min-width:0;display:flex;align-items:center;gap:7px;color:#174ea6}.cost-context-location>span{min-width:0;display:flex;flex-direction:column;gap:1px}.cost-context-location small{color:#76849a;font-size:.55rem;font-weight:750;line-height:1}.cost-context-location strong{max-width:130px;overflow:hidden;color:#173762;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.home-branch-selector{margin-bottom:18px;padding:17px 18px;border:1px solid #cad8eb;border-radius:18px;background:#f8faff;box-shadow:0 10px 26px #14356212}.home-branch-selector-head{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.home-branch-selector-head h3{margin:3px 0;color:#102f67;font-size:1.05rem}.home-branch-selector-head p{margin:0;color:#687891;font-size:.73rem}.home-branch-required{padding:5px 9px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:.64rem;font-weight:850}.home-branch-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:9px}.home-branch-option{position:relative;min-height:78px;padding:12px 42px 12px 12px;border:1px solid #d5dfec;border-radius:13px;background:#fff;color:#203b64;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:.16s ease}.home-branch-option:hover{border-color:#174ea6;transform:translateY(-1px)}.home-branch-option--active{border-color:#174ea6;background:#edf3ff;box-shadow:inset 0 0 0 1px #174ea6}.home-branch-option-icon{width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:#e8effc;color:#174ea6;display:flex;align-items:center;justify-content:center}.home-branch-option--active .home-branch-option-icon{background:#174ea6;color:#fff}.home-branch-option-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.home-branch-option-copy strong{color:#102f67;font-size:.79rem}.home-branch-option-copy small{overflow:hidden;color:#687891;display:flex;align-items:center;gap:5px;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.home-branch-option-check{position:absolute;top:11px;right:11px;color:#174ea6}.home-launch-grid--locked{opacity:.48;filter:grayscale(.35)}.home-launch-grid--locked .home-launch-module,.home-launch-pos:disabled{cursor:not-allowed;transform:none!important}.cost-context-divider{width:1px;height:22px;background:#dbe3ef}.cost-context--header{position:relative;width:332px;min-width:332px;max-width:332px;height:44px;padding:4px 6px;border-color:#ccd8ebeb;border-radius:13px;justify-content:flex-start;gap:7px;background:#fff;box-shadow:0 5px 16px #071f4f14;transition:border-color .16s ease,box-shadow .16s ease}.cost-context--header:hover,.cost-context--header.is-open{border-color:#9cb7e2;box-shadow:0 7px 22px #071f4f21}.cost-context-branch-icon{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#1557d5;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #1557d538}.cost-context-branch-trigger{min-width:0;flex:1 1 122px;align-self:stretch;padding:0 2px;border:0;border-radius:8px;background:transparent;color:#071f4f;display:flex;align-items:center;gap:6px;font:inherit;text-align:left;cursor:pointer}.cost-context-branch-trigger:focus-visible{outline:2px solid #84aef4;outline-offset:1px}.cost-context-header-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.cost-context-header-copy small,.cost-context-warehouse small{color:#8290a6;font-size:.47rem;font-weight:850;letter-spacing:.07em;line-height:1}.cost-context-header-copy strong{overflow:hidden;color:#102f67;font-size:.7rem;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.cost-context-chevron{width:22px;height:22px;flex:0 0 auto;border-radius:7px;color:#31517e;display:flex;align-items:center;justify-content:center;transition:background .16s ease,transform .16s ease}.cost-context-branch-trigger:hover .cost-context-chevron{background:#edf3ff}.cost-context--header.is-open .cost-context-chevron{background:#eaf1ff;color:#1557d5;transform:rotate(180deg)}.cost-context--header .cost-context-divider{height:27px;background:#dce5f1}.cost-context-warehouse{min-width:0;width:122px;color:#63728a;display:flex;align-items:center;gap:7px}.cost-context-warehouse-icon{width:25px;height:25px;flex:0 0 auto;border-radius:8px;background:#eef3fa;color:#46648c;display:flex;align-items:center;justify-content:center}.cost-context-warehouse>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.cost-context-warehouse strong{max-width:88px;overflow:hidden;color:#344d70;font-size:.61rem;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.cost-context-menu{position:absolute;top:calc(100% + 9px);left:39px;z-index:140;width:254px;padding:7px;border:1px solid #d5e0ef;border-radius:14px;background:#fff;box-shadow:0 18px 45px #071f4f33;animation:cost-context-menu-in .14s ease-out}.cost-context-menu:before{position:absolute;top:-5px;left:26px;width:9px;height:9px;content:"";border-top:1px solid #d5e0ef;border-left:1px solid #d5e0ef;background:#fff;transform:rotate(45deg)}.cost-context-menu-head{padding:8px 9px 9px;display:flex;flex-direction:column;gap:3px}.cost-context-menu-head strong{color:#102f67;font-size:.72rem}.cost-context-menu-head small{color:#7a889d;font-size:.57rem}.cost-context-menu-list{display:grid;gap:3px}.cost-context-menu-option{width:100%;min-height:51px;padding:7px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#173762;display:flex;align-items:center;gap:9px;font:inherit;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease}.cost-context-menu-option:hover{background:#f4f7fc;border-color:#e0e8f3}.cost-context-menu-option.is-selected{background:#eaf1ff;border-color:#bfd0ed}.cost-context-menu-option-icon{width:31px;height:31px;flex:0 0 auto;border-radius:9px;background:#edf2f9;color:#46648c;display:flex;align-items:center;justify-content:center}.cost-context-menu-option.is-selected .cost-context-menu-option-icon{background:#1557d5;color:#fff}.cost-context-menu-option-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.cost-context-menu-option-copy strong{overflow:hidden;color:#102f67;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.cost-context-menu-option-copy small{overflow:hidden;color:#75839a;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.cost-context-menu-check{width:22px;height:22px;flex:0 0 auto;border-radius:999px;color:#1557d5;display:flex;align-items:center;justify-content:center}@keyframes cost-context-menu-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cost-center-filter{position:relative;width:292px;min-height:48px;padding:5px 6px;border:1px solid #ccd9e9;border-radius:14px;background:#fff;color:#174ea6;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px #071f4f12;transition:border-color .16s,box-shadow .16s}.cost-center-filter:hover,.cost-center-filter.is-open{border-color:#9eb8df;box-shadow:0 10px 26px #071f4f1f}.cost-center-filter-icon{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:#eaf1ff;color:#1557d5;display:flex;align-items:center;justify-content:center}.cost-center-filter-trigger{min-width:0;align-self:stretch;flex:1;padding:0 2px;border:0;border-radius:9px;background:transparent;color:#102f67;display:flex;align-items:center;gap:7px;font:inherit;text-align:left;cursor:pointer}.cost-center-filter-trigger:focus-visible{outline:2px solid #84aef4;outline-offset:2px}.cost-center-filter-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.cost-center-filter-copy small{color:#8290a5;font-size:.49rem;font-weight:850;letter-spacing:.08em;line-height:1}.cost-center-filter-copy strong{overflow:hidden;color:#102f67;font-size:.73rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.cost-center-filter-chevron{width:27px;height:27px;flex:0 0 auto;border-radius:8px;color:#36567f;display:flex;align-items:center;justify-content:center;transition:transform .16s,background .16s}.cost-center-filter-trigger:hover .cost-center-filter-chevron{background:#edf3ff}.cost-center-filter.is-open .cost-center-filter-chevron{background:#eaf1ff;color:#1557d5;transform:rotate(180deg)}.cost-center-filter-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:180;width:292px;padding:7px;border:1px solid #d4dfed;border-radius:15px;background:#fff;box-shadow:0 20px 50px #071f4f33;animation:cost-context-menu-in .14s ease-out}.cost-center-filter-menu:before{position:absolute;top:-5px;right:22px;width:9px;height:9px;content:"";background:#fff;border-top:1px solid #d4dfed;border-left:1px solid #d4dfed;transform:rotate(45deg)}.cost-center-filter-menu-head{padding:8px 9px 10px;display:flex;flex-direction:column;gap:3px}.cost-center-filter-menu-head strong{color:#102f67;font-size:.75rem}.cost-center-filter-menu-head small{color:#7a899f;font-size:.59rem}.cost-center-filter-options{display:grid;gap:3px;max-height:310px;overflow-y:auto}.cost-center-filter-option{width:100%;min-height:52px;padding:7px 8px;border:1px solid transparent;border-radius:11px;background:transparent;color:#173762;display:flex;align-items:center;gap:9px;font:inherit;text-align:left;cursor:pointer;transition:background .14s,border-color .14s}.cost-center-filter-option:hover{background:#f4f7fc;border-color:#e0e8f3}.cost-center-filter-option.is-selected{background:#eaf1ff;border-color:#bfd0ed}.cost-center-filter-option-icon{width:32px;height:32px;flex:0 0 auto;border-radius:9px;background:#edf2f9;color:#49678e;display:flex;align-items:center;justify-content:center}.cost-center-filter-option.is-selected .cost-center-filter-option-icon{background:#1557d5;color:#fff}.cost-center-filter-option-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.cost-center-filter-option-copy strong{overflow:hidden;color:#102f67;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.cost-center-filter-option-copy small{overflow:hidden;color:#76859b;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.cost-center-filter-check{width:22px;height:22px;flex:0 0 auto;color:#1557d5;display:flex;align-items:center;justify-content:center}.control-cost-center-filter{margin:-6px 0 12px;display:flex;justify-content:flex-end}.reports-cost-center-filter{margin:-3px 0 12px;display:flex;justify-content:flex-end}.cost-center-tabs{margin-top:12px}.cost-center-tabs .report-tab>span{min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#e7edf7;color:#51627f;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:850}.cost-center-tabs .report-tab--active>span{background:#fff;color:#174ea6}.cost-center-section{margin-top:16px;padding:22px;border:1px solid #d9e2ef;border-radius:20px;background:#fff;box-shadow:0 12px 32px #132f5912}.cost-center-section-head{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cost-center-section-head h2{margin:0 0 4px;color:#102b5a;font-size:1.16rem}.cost-center-section-head p{margin:0;color:#67758d;font-size:.8rem}.cost-center-empty{min-height:245px;border:1px dashed #b9c8dd;border-radius:16px;background:#f7f9fd;color:#6980a3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.cost-center-empty strong{color:#29456f}.cost-center-empty span{font-size:.78rem}.cost-center-empty--compact{min-height:170px}.branch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:14px}.branch-card{position:relative;min-height:190px;padding:20px;border:1px solid #d7e1ef;border-radius:17px;background:#fbfcff;display:flex;gap:15px}.branch-card-icon,.warehouse-row-icon{width:48px;height:48px;flex:0 0 auto;border-radius:14px;background:#174ea6;color:#fff;display:flex;align-items:center;justify-content:center}.branch-card-copy{min-width:0;flex:1}.branch-card-copy h3,.warehouse-row h3{margin:8px 0 3px;color:#112b57;font-size:1rem}.branch-card-copy code,.warehouse-row code{padding:3px 7px;border-radius:6px;background:#e8effb;color:#174ea6;font-family:inherit;font-size:.67rem;font-weight:850}.branch-card-copy p{margin:16px 0 9px;color:#66768e;display:flex;align-items:flex-start;gap:6px;font-size:.76rem}.branch-card-copy strong{color:#27446f;display:flex;align-items:center;gap:6px;font-size:.75rem}.branch-card-actions{position:absolute;top:14px;right:14px;display:flex;gap:4px}.cc-status{width:max-content;padding:4px 8px;border-radius:999px;font-size:.64rem;font-weight:850}.cc-status--active{background:#dcfce7;color:#166534}.cc-status--inactive{background:#e5e7eb;color:#4b5563}.warehouse-list{display:grid;gap:9px}.warehouse-row{min-height:88px;padding:14px 16px;border:1px solid #dce4ef;border-radius:15px;background:#fbfcff;display:grid;grid-template-columns:auto minmax(170px,1fr) minmax(180px,1.4fr) auto auto auto;align-items:center;gap:16px}.warehouse-row-icon{width:43px;height:43px;background:#e8effc;color:#174ea6}.warehouse-row-main>span{color:#64748b;font-size:.68rem;font-weight:800}.warehouse-row-main h3{margin-top:2px}.warehouse-row-address{color:#62718a;display:flex;align-items:center;gap:6px;font-size:.75rem}.warehouse-row-movement{display:flex;gap:8px}.warehouse-row-movement span{padding:7px 9px;border-radius:9px;background:#eef3fa;color:#66758c;font-size:.66rem}.warehouse-row-movement strong{color:#153f80}.transfer-workspace{display:grid;grid-template-columns:minmax(620px,1.55fr) minmax(330px,.8fr);gap:16px;align-items:start}.transfer-form-card,.transfer-history-card{margin-top:16px}.cc-notice,.cc-warning{margin-bottom:16px;padding:11px 13px;border-radius:12px;display:flex;align-items:center;gap:9px;font-size:.76rem}.cc-notice{background:#dcfce7;color:#166534}.cc-notice span{flex:1}.cc-notice button{border:0;background:transparent;color:inherit;cursor:pointer}.cc-warning{background:#fff7d6;color:#7c4a03}.cc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cc-form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-form-grid .form-group{margin-bottom:13px}.cc-mode-picker{margin:3px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-mode-picker>button{min-height:78px;padding:14px;border:1px solid #ccd8e8;border-radius:14px;background:#fff;color:#38506f;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.cc-mode-picker>button.active{border-color:#174ea6;background:#edf3ff;color:#174ea6;box-shadow:inset 0 0 0 1px #174ea6}.cc-mode-picker span{display:flex;flex-direction:column;gap:4px}.cc-mode-picker strong{color:inherit;font-size:.85rem}.cc-mode-picker small{color:#687892;font-size:.68rem}.transfer-lines{margin-bottom:16px;padding:14px;border:1px solid #dbe4f0;border-radius:15px;background:#f8faff}.transfer-lines-head{margin-bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#19365f}.transfer-line{margin-top:8px;padding:11px;border:1px solid #dce4f0;border-radius:12px;background:#fff;display:grid;grid-template-columns:28px minmax(190px,1.5fr) minmax(90px,.55fr) minmax(120px,.7fr) minmax(105px,.65fr) 34px;align-items:end;gap:9px}.transfer-line .form-group{margin:0}.transfer-line .form-group small{color:#71809a;font-size:.62rem}.transfer-line-number{width:25px;height:25px;margin-bottom:9px;border-radius:8px;background:#e8effb;color:#174ea6;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:850}.transfer-line-total{margin-bottom:11px;color:#153e7b;font-size:.76rem;text-align:right;white-space:nowrap}.transfer-line>.btn-icon{margin-bottom:2px}.cc-payment-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cc-payment-picker button{min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#41536d;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.cc-payment-picker button.active{border-color:#174ea6;background:#174ea6;color:#fff}.transfer-form-footer{margin-top:4px;padding-top:16px;border-top:1px solid #dce4f0;display:flex;align-items:center;justify-content:space-between;gap:15px}.transfer-form-footer>div{display:flex;flex-direction:column;gap:3px}.transfer-form-footer span{color:#687891;font-size:.68rem;font-weight:750}.transfer-form-footer strong{color:#102f67;font-size:1.22rem}.transfer-history-list{display:grid;gap:9px;max-height:720px;overflow-y:auto}.transfer-history-item{padding:14px;border:1px solid #dce4ef;border-radius:14px;background:#fbfcff}.transfer-history-date,.transfer-history-route,.transfer-history-meta{display:flex;align-items:center;gap:8px}.transfer-history-date{justify-content:space-between;color:#173762;font-size:.73rem}.transfer-history-date span{color:#748198;font-size:.66rem}.transfer-history-route{margin:11px 0;color:#29496f;font-size:.75rem;font-weight:750}.transfer-history-route svg{color:#174ea6}.transfer-history-meta{margin-bottom:11px;justify-content:space-between}.transfer-history-meta small{color:#697991;font-size:.64rem;text-align:right}.cc-mode-badge{padding:4px 7px;border-radius:7px;font-size:.63rem;font-weight:850}.cc-mode-badge--purchase{background:#e8effc;color:#174ea6}.cc-mode-badge--expense{background:#fff1d6;color:#8a4b00}.transfer-history-item>strong{color:#102f67;font-size:.83rem}.cc-editor-modal{width:min(610px,calc(100vw - 28px))}.cc-editor-modal .modal-header h2{margin:0;color:#102b5a}.cc-editor-modal textarea.form-control{resize:vertical;min-height:82px}.cc-active-toggle{display:flex;align-items:center;gap:9px;color:#334761;font-size:.78rem;font-weight:750}.cc-active-toggle input{width:17px;height:17px;accent-color:#174ea6}.cost-center-source-badge{width:max-content;max-width:250px;margin-top:5px;padding:4px 7px;border-radius:7px;background:#e8effc;color:#174ea6;display:block;font-size:.62rem;font-weight:800;line-height:1.25}@media (max-width: 1180px){.transfer-workspace{grid-template-columns:1fr}.transfer-history-list{max-height:none}.warehouse-row{grid-template-columns:auto 1fr auto auto}.warehouse-row-address,.warehouse-row-movement{grid-column:2 / 5}}@media (max-width: 820px){.cost-context{min-width:0;max-width:330px}.cc-form-grid,.cc-form-grid--three{grid-template-columns:1fr}.transfer-line{grid-template-columns:28px 1fr 1fr}.transfer-line .form-group:first-of-type{grid-column:2 / 4}.transfer-line-total{grid-column:2 / 3;text-align:left}.warehouse-row{grid-template-columns:auto 1fr auto}.warehouse-row-address,.warehouse-row-movement{grid-column:2 / 4}}@media (max-width: 580px){.cost-center-section{padding:15px}.cost-center-section-head{align-items:flex-start;flex-direction:column}.cc-mode-picker{grid-template-columns:1fr}.transfer-form-footer{align-items:stretch;flex-direction:column}.transfer-form-footer .btn{width:100%;justify-content:center}.warehouse-row{grid-template-columns:auto 1fr auto}.warehouse-row .cc-status{grid-column:2}}



/* ==========================================================================
 * JUALANKU ENTERPRISE UNIFIED DESIGN SYSTEM
 * Pure contrast, vibrant accents, centered table headers, perfect legibility
 * ========================================================================== */

/* --------------------------------------------------------------------------
 * ROOT COLOR TOKENS & SYSTEM VARIABLES
 * -------------------------------------------------------------------------- */
:root {
  --primary: #1557d5 !important;
  --primary-dark: #071f4f !important;
  --primary-light: #3b82f6 !important;
  --primary-bg: #eff6ff !important;
  
  --bg-color: #f3f6fb !important;
  --surface: #ffffff !important;
  --surface-soft: #f8fafc !important;
  
  --text-main: #0f172a !important;
  --text-title: #0f172a !important;
  --text-body: #1e293b !important;
  --text-secondary: #334155 !important;
  --text-muted: #64748b !important;
  
  --border-color: #e2e8f0 !important;
  --border-focus: #1557d5 !important;
  
  --success: #10b981 !important;
  --success-bg: #ecfdf5 !important;
  --warning: #f59e0b !important;
  --warning-bg: #fef3c7 !important;
  --danger: #ef4444 !important;
  --danger-bg: #fee2e2 !important;
  --info: #0284c7 !important;
  --info-bg: #e0f2fe !important;
}

/* --------------------------------------------------------------------------
 * BASE SURFACES & GLOBAL TYPOGRAPHY
 * -------------------------------------------------------------------------- */
body, #root, .app-container, .main-content {
  background: #f3f6fb !important;
  color: #1e293b !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #0f172a !important;
  font-weight: 750 !important;
}

p {
  color: #334155 !important;
}

strong, b {
  color: #0f172a !important;
  font-weight: 750 !important;
}

/* --------------------------------------------------------------------------
 * TOPBAR & NAVIGATION (DARK NAVY WITH CRISP WHITE TEXT & VIBRANT ICONS)
 * -------------------------------------------------------------------------- */
.app-topbar {
  background: #071f4f !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 2px 10px rgba(7, 31, 79, 0.25) !important;
}

.app-topbar h1,
.app-topbar h2,
.app-topbar h3,
.app-topbar .header-brand-title,
.app-topbar .app-topbar-title,
.app-topbar .header-brand-info strong {
  color: #ffffff !important;
}

.app-topbar .header-brand-subtitle,
.app-topbar .app-topbar-subtitle {
  color: #ffb638 !important;
  font-weight: 700 !important;
}

.app-topbar svg,
.app-topbar .app-topbar-back,
.app-topbar .app-topbar-settings-btn {
  color: #ffffff !important;
}

.app-topbar-right button.btn-outline {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

.app-topbar-right button.btn-outline:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

/* --------------------------------------------------------------------------
 * HOME LAUNCH SCREEN (PUSAT OPERASIONAL & WORKSPACE)
 * -------------------------------------------------------------------------- */
.home-launchpad {
  background: #f3f6fb !important;
}

.home-launch-panel {
  background: linear-gradient(145deg, #071f4f 0%, #0c2d6b 100%) !important;
  color: #ffffff !important;
}

.home-launch-brand-label {
  color: #9db9ea !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.home-launch-brand strong {
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
}

.home-launch-eyebrow {
  color: #ffb638 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.home-launch-welcome h1 {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: clamp(2rem, 3.2vw, 3rem) !important;
  line-height: 1.05 !important;
}

.home-launch-welcome h1 span {
  color: #93c5fd !important;
  display: block !important;
}

.home-launch-welcome p {
  color: #cbd5e1 !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
}

.home-launch-panel-footer {
  color: #94a3b8 !important;
}

.home-launch-online {
  color: #6ee7b7 !important;
  font-weight: 700 !important;
}

/* Orange POS Launch Card */


.home-launch-pos .home-launch-pos-icon {
  background: #071f4f !important;
  color: #ffffff !important;
}

.home-launch-pos .home-launch-pos-copy small {
  color: #744700 !important;
  font-weight: 800 !important;
}

.home-launch-pos .home-launch-pos-copy strong {
  color: #071f4f !important;
  font-weight: 850 !important;
}

.home-launch-pos .home-launch-pos-arrow {
  color: #071f4f !important;
}

/* Home Modules Grid (Right Side) */
.home-launch-heading h2 {
  color: #0f172a !important;
  font-size: 1.75rem !important;
  font-weight: 800 !important;
}

.home-launch-heading p {
  color: #475569 !important;
  font-size: 0.92rem !important;
}

.home-launch-module-tile {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.home-launch-module-tile:hover {
  transform: translateY(-3px) !important;
  border-color: #1557d5 !important;
  box-shadow: 0 10px 26px rgba(21, 87, 213, 0.12) !important;
}

.home-launch-module-copy strong {
  color: #0f172a !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
}

.home-launch-module-copy span {
  color: #64748b !important;
  font-size: 0.8rem !important;
}

/* --------------------------------------------------------------------------
 * KPI / STAT CARDS & DASHBOARD METRICS
 * -------------------------------------------------------------------------- */
.stat-card,
.stat-card--sales,
.stat-card--income,
.stat-card--count,
.stat-card--tax,
.stat-card--info,
.main-content-body--system .stat-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.stat-card:hover {
  transform: translateY(-2px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
}

.stat-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.stat-icon--sales { background: #ecfdf5 !important; color: #059669 !important; }
.stat-icon--income { background: #fef3c7 !important; color: #d97706 !important; }
.stat-icon--count { background: #e0f2fe !important; color: #0284c7 !important; }
.stat-icon--tax { background: #ffe4e6 !important; color: #e11d48 !important; }
.stat-icon--info { background: #ede9fe !important; color: #7c3aed !important; }

.stat-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.stat-info h3 {
  margin: 0 0 4px 0 !important;
  font-size: 0.76rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #475569 !important;
}

.stat-info p:not(.hint),
.stat-card strong,
.stat-value {
  margin: 0 !important;
  font-size: 1.35rem !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
  line-height: 1.15 !important;
}

.stat-info .hint,
.stat-info p.hint {
  margin: 4px 0 0 0 !important;
  font-size: 0.76rem !important;
  font-weight: 500 !important;
  color: #64748b !important;
}

/* Period Summary Strip */
.period-summary-strip {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

.period-summary-strip strong {
  color: #0f172a !important;
  font-weight: 750 !important;
}

.period-summary-strip .period-summary-label,
.period-summary-strip .period-summary-meta {
  color: #475569 !important;
  font-size: 0.82rem !important;
}

/* --------------------------------------------------------------------------
 * ALL TABLE HEADERS -> CENTER ALIGNED & HIGH CONTRAST
 * -------------------------------------------------------------------------- */
th,
thead th,
table thead th,
table th,
.table th,
.table-scroll th,
.table-scroll table thead tr th,
.table-scroll table thead th,
.table thead tr th {
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 0.76rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 2px solid #e2e8f0 !important;
  padding: 12px 14px !important;
}

th > div,
th > span,
th > button,
thead th > div,
thead th > span,
thead th > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 auto !important;
}

/* Table body data */
td,
tbody tr td,
.table-scroll td {
  color: #1e293b !important;
  font-size: 0.88rem !important;
  vertical-align: middle !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 12px 14px !important;
}

tr:hover td {
  background: #f8fafc !important;
}

tfoot tr, .tfoot-total {
  background: #f8fafc !important;
  border-top: 2px solid #cbd5e1 !important;
}

tfoot td strong, .tfoot-total strong {
  color: #0f172a !important;
  font-size: 0.95rem !important;
  font-weight: 850 !important;
}

/* --------------------------------------------------------------------------
 * CARDS, CALLOUTS, HINTS, ALERTS & BADGES
 * -------------------------------------------------------------------------- */
.card,
.settings-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}

.card-title,
.card h2,
.card h3,
.settings-card h2,
.settings-card h3 {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.hint,
p.hint,
.card-desc {
  color: #64748b !important;
  font-size: 0.82rem !important;
  line-height: 1.5 !important;
}

/* Alert & Callout Containers */
.callout,
.alert,
.note-box,
.warning-box,
.info-box {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid #1557d5 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  color: #0f172a !important;
}

.alert-warning,
.warning-box {
  background: #fffbeb !important;
  border-color: #fde68a !important;
  border-left-color: #f59e0b !important;
}

.alert-warning *,
.warning-box * {
  color: #78350f !important;
}

.alert-info,
.info-box {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  border-left-color: #1557d5 !important;
}

.alert-info *,
.info-box * {
  color: #1e3a8a !important;
}

.alert-danger {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  border-left-color: #ef4444 !important;
}

.alert-danger * {
  color: #991b1b !important;
}

.alert-success {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
  border-left-color: #10b981 !important;
}

.alert-success * {
  color: #065f46 !important;
}

/* Badges */
.badge {
  font-weight: 700 !important;
  font-size: 0.74rem !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.badge--ok { background: #ecfdf5 !important; color: #065f46 !important; border: 1px solid #a7f3d0 !important; }
.badge--warn { background: #fffbeb !important; color: #92400e !important; border: 1px solid #fde68a !important; }
.badge--danger { background: #fef2f2 !important; color: #991b1b !important; border: 1px solid #fecaca !important; }

/* --------------------------------------------------------------------------
 * BUTTONS, TABS & INTERACTIVE CONTROLS
 * -------------------------------------------------------------------------- */
/* Primary Buttons */
.btn-primary,
.btn--primary,
.login-btn-submit {
  background: linear-gradient(135deg, #1557d5 0%, #0c3ea0 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(21, 87, 213, 0.3) !important;
  font-weight: 700 !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

.btn-primary:hover,
.btn--primary:hover,
.login-btn-submit:hover {
  background: linear-gradient(135deg, #124ec2 0%, #09348a 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(21, 87, 213, 0.4) !important;
}

.btn-primary *,
.btn--primary *,
.login-btn-submit * {
  color: #ffffff !important;
}

/* Outlined & Secondary Buttons */
.btn-outline,
.btn-secondary,
.btn-ghost {
  background: #ffffff !important;
  color: #334155 !important;
  border: 1.5px solid #cbd5e1 !important;
  font-weight: 650 !important;
}

.btn-outline:hover,
.btn-secondary:hover {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}

.btn-outline svg,
.btn-secondary svg {
  color: #475569 !important;
}

/* Active & Inactive Report / Category Tabs */
.report-tabs,
.pos-category-tabs {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.report-tab,
.pos-category-tab {
  background: #ffffff !important;
  color: #334155 !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 8px 16px !important;
  font-weight: 650 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.report-tab:hover,
.pos-category-tab:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

.report-tab svg,
.pos-category-tab svg {
  color: #64748b !important;
}

.report-tab--active,
.pos-category-tab--active {
  background: #1557d5 !important;
  color: #ffffff !important;
  border-color: #1557d5 !important;
  box-shadow: 0 4px 12px rgba(21, 87, 213, 0.25) !important;
  font-weight: 750 !important;
}

.report-tab--active svg,
.report-tab--active *,
.pos-category-tab--active svg,
.pos-category-tab--active * {
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
 * FORM CONTROLS & INPUTS
 * -------------------------------------------------------------------------- */
.form-control,
input.form-control,
textarea.form-control,
input[type="text"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
textarea {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  outline: none !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

select,
select.form-control {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 32px 0 12px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 36px !important;
  outline: none !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: #1557d5 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 213, 0.15) !important;
}

label {
  color: #334155 !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.03em !important;
}

/* --------------------------------------------------------------------------
 * DARK HIGHLIGHT CARDS & TOTAL BANNERS (DEBT / CHECKOUT / FOCUS)
 * -------------------------------------------------------------------------- */
.debt-summary-card--primary {
  background: linear-gradient(135deg, #071f4f 0%, #0d3a82 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(7, 31, 79, 0.25) !important;
}

.debt-summary-card--primary strong {
  color: #ffffff !important;
  font-size: clamp(1.4rem, 2.2vw, 1.85rem) !important;
  font-weight: 850 !important;
}

.debt-summary-card--primary span {
  color: #93c5fd !important;
  font-weight: 750 !important;
}

.debt-summary-card--primary small {
  color: #ffb638 !important;
  background: rgba(255, 182, 56, 0.15) !important;
  border: 1px solid rgba(255, 182, 56, 0.3) !important;
}

.pos-checkout-total-card {
  background: linear-gradient(135deg, #071f4f 0%, #1557d5 100%) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(15, 43, 92, 0.25) !important;
}

.pos-checkout-total-card strong,
.pos-checkout-total-card span,
.pos-checkout-total-card small {
  color: #ffffff !important;
}

/* Focus toolbars (dark navy strips) */
.pos-focus-header,
.pos-focus-toolbar,
.pos-focus-top,
div[style*="background: #071f4d"],
div[style*="background:#071f4d"],
div[style*="background: #0a192f"],
div[style*="background:#0a192f"],
div[style*="background: #0f2b5c"] {
  background: #071f4f !important;
  color: #ffffff !important;
}

.pos-focus-header label,
.pos-focus-header span,
.pos-focus-header strong,
.pos-focus-toolbar label,
.pos-focus-toolbar span,
.pos-focus-top label,
.pos-focus-top span,
div[style*="background: #071f4d"] label,
div[style*="background: #071f4d"] span {
  color: #ffffff !important;
  font-weight: 650 !important;
}

/* ==========================================================================
 * PRECISE LOGO SIZING, SURFACE CONTRAST, & TABLE ALIGNMENT
 * ========================================================================== */

/* 1. ALL LOGO & IMAGE CONSTRAINTS (PREVENTS ANY BLOWN-UP IMAGES) */
.header-brand-logo,
img.header-brand-logo,
.app-topbar-left img,
.app-topbar .header-brand-logo,
.pos-focus-bar .header-brand-logo {
  width: 36px !important;
  height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  object-fit: contain !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  margin-right: 8px !important;
  border-radius: 8px !important;
}

.brand-logo-img,
.home-launch-logo img,
.home-launch-logo .brand-logo-img {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  display: block !important;
}

.home-launch-logo {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.login-showcase-logo {
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

.splash-logo-img {
  width: 68px !important;
  height: 68px !important;
  max-width: 68px !important;
  max-height: 68px !important;
  object-fit: contain !important;
}

.activation-success-logo img {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
}

/* 2. ALL TABLE HEADERS -> CENTER ALIGNED */
th,
thead th,
table thead th,
table th,
.table th,
.table-scroll th,
.table-scroll table thead tr th,
.table-scroll table thead th,
.table thead tr th {
  text-align: center !important;
  vertical-align: middle !important;
}

th > div,
th > span,
th > button,
thead th > div,
thead th > span,
thead th > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 auto !important;
}

/* Table body data: right-align currency numbers */
td.jualanku-num,
.table-scroll td.jualanku-num {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

/* 3. KPI / STAT CARDS -> SHARP CONTRAST ON WHITE BACKGROUND */
.stat-card,
.stat-card--sales,
.stat-card--income,
.stat-card--count,
.stat-card--tax,
.stat-card--info {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}

.stat-card .stat-info h3,
.stat-info h3 {
  color: #475569 !important;
  font-size: 0.76rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 0 4px 0 !important;
}

.stat-card .stat-info p:not(.hint),
.stat-info p:not(.hint),
.stat-card strong,
.stat-value {
  color: #071f4d !important;
  font-size: 1.35rem !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

.stat-card .stat-info .hint,
.stat-card .stat-info p.hint,
.stat-info .hint,
.stat-info p.hint {
  color: #64748b !important;
  font-size: 0.76rem !important;
  font-weight: 500 !important;
  margin: 4px 0 0 0 !important;
}

/* Thematic Icon Colors */
.stat-icon--sales { background: #ecfdf5 !important; color: #059669 !important; }
.stat-icon--income { background: #fef3c7 !important; color: #d97706 !important; }
.stat-icon--count { background: #e0f2fe !important; color: #0284c7 !important; }
.stat-icon--tax { background: #ffe4e6 !important; color: #e11d48 !important; }
.stat-icon--info { background: #ede9fe !important; color: #7c3aed !important; }

/* 4. LIGHT SURFACES -> SHARP BLACK / DARK SLATE TEXT */
.hint,
p.hint,
.callout,
.alert,
.note-box,
.warning-box,
.info-box,
.card-desc,
.empty-state {
  color: #0f172a !important;
}

.hint *,
p.hint *,
.callout *,
.note-box *,
.warning-box *,
.info-box * {
  color: #334155 !important;
}

/* 5. DARK SURFACES -> PURE CRISP WHITE & HIGH-CONTRAST LIGHT ACCENTS */
.home-launch-panel,
.home-launch-panel *:not(.home-launch-pos):not(.home-launch-pos *) {
  color: #ffffff !important;
}

.home-launch-panel h1,
.home-launch-panel .home-launch-welcome h1,
.home-launch-welcome h1 {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.home-launch-panel h1 span,
.home-launch-welcome h1 span {
  color: #93c5fd !important;
  font-weight: 800 !important;
}

.home-launch-panel .home-launch-brand strong,
.home-launch-brand strong {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.home-launch-panel .home-launch-brand-label,
.home-launch-brand-label {
  color: #bfdbfe !important;
  font-weight: 700 !important;
}

.home-launch-panel .home-launch-eyebrow,
.home-launch-eyebrow {
  color: #ffb638 !important;
  font-weight: 800 !important;
}

.home-launch-panel .home-launch-welcome p,
.home-launch-welcome p {
  color: #e2e8f0 !important;
}

.home-launch-panel-footer,
.home-launch-panel-footer * {
  color: #cbd5e1 !important;
}

.home-launch-panel-footer .home-launch-online,
.home-launch-panel-footer .home-launch-online * {
  color: #6ee7b7 !important;
}

/* Orange POS Action Button */


.home-launch-pos * {
  color: #071f4f !important;
}

.home-launch-pos .home-launch-pos-icon {
  background: #071f4f !important;
  color: #ffffff !important;
}

.home-launch-pos .home-launch-pos-copy span {
  color: #5c3800 !important;
}

/* Topbar */
.app-topbar,
.app-topbar *:not(.app-topbar-right button.btn-outline *):not(.user-menu-dropdown):not(.user-menu-dropdown *):not(.notification-dropdown):not(.notification-dropdown *),
.header-brand-title,
.app-topbar-title,
.app-topbar-back,
.app-topbar-back *,
.sidebar-header,
.sidebar-brand h1,
.sidebar-brand p,
.home-greeting,
.home-shop-name,
.home-tagline {
  color: #ffffff !important;
}

.app-topbar .header-brand-subtitle,
.app-topbar .app-topbar-subtitle {
  color: #ffb638 !important;
}

/* Checkbox & Labels on Dark Focus Toolbars */
.pos-focus-header label,
.pos-focus-header label *,
.pos-focus-toolbar label,
.pos-focus-toolbar label *,
.pos-focus-top label,
.pos-focus-top label *,
.pos-category-tabs-wrap label,
.pos-category-tabs-wrap label span,
.pos-category-tabs + label,
.pos-category-tabs + label span {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Primary Buttons */
.btn-primary, .btn--primary, .login-btn-submit {
  background: linear-gradient(135deg, #1557d5 0%, #0d3880 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-primary *, .btn--primary *, .login-btn-submit * {
  color: #ffffff !important;
}

/* Active Tabs */
.report-tab--active, 
.settings-page .report-tab--active, 
.main-content-body--system .report-tab--active,
.pos-category-tab--active {
  background: #1557d5 !important;
  color: #ffffff !important;
  border-color: #1557d5 !important;
  font-weight: 750 !important;
}

.report-tab--active *, .pos-category-tab--active * {
  color: #ffffff !important;
}

/* Debt Highlight Card */
.debt-summary-card--primary,
.debt-summary-card--primary strong {
  background: linear-gradient(135deg, #071f4f 0%, #0d3a82 100%) !important;
  color: #ffffff !important;
}

.debt-summary-card--primary span {
  color: #93c5fd !important;
}

/* ==========================================================================
 * LOGIN SHOWCASE PANEL & DARK SURFACE HIGH-CONTRAST PURE WHITE TYPOGRAPHY
 * ========================================================================== */

.login-showcase-panel {
  background: linear-gradient(145deg, #071f4d 0%, #0c2d6b 45%, #1557d5 100%) !important;
  color: #ffffff !important;
}

.login-showcase-panel * {
  box-sizing: border-box;
}

.login-showcase-panel h1,
.login-showcase-panel h2,
.login-showcase-panel h3,
.login-showcase-panel .login-showcase-title,
.login-showcase-panel .login-showcase-headline {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.login-showcase-panel .login-showcase-title {
  font-size: 1.45rem !important;
  color: #ffffff !important;
}

.login-showcase-panel .login-showcase-headline {
  font-size: 1.55rem !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
  color: #ffffff !important;
  margin: 0 0 12px 0 !important;
}

.login-showcase-panel .login-showcase-desc,
.login-showcase-panel p.login-showcase-desc {
  color: #e2e8f0 !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  margin: 0 0 24px 0 !important;
}

.login-showcase-panel .login-showcase-badge {
  background: rgba(255, 182, 56, 0.18) !important;
  border: 1px solid #ffb638 !important;
  color: #ffb638 !important;
  font-weight: 800 !important;
}

.login-showcase-panel .login-feature-item {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 14px !important;
}

.login-showcase-panel .login-feature-item strong {
  color: #ffffff !important;
  font-weight: 750 !important;
  font-size: 0.88rem !important;
  display: block !important;
  margin-bottom: 3px !important;
}

.login-showcase-panel .login-feature-item p {
  color: #cbd5e1 !important;
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.login-showcase-panel .login-showcase-footer,
.login-showcase-panel .login-showcase-footer * {
  color: #cbd5e1 !important;
}

.login-showcase-panel .login-status-pill,
.login-showcase-panel .login-status-pill * {
  color: #6ee7b7 !important;
}

/* ==========================================================================
 * TOPBAR ICONS & BUKA KASIR ICON CONTRAST FIX
 * ========================================================================== */

/* 1. BUKA KASIR (ORANGE ACTION CARD) ICON FIX */


.home-launch-pos .home-launch-pos-icon {
  background: #071f4f !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
}

.home-launch-pos .home-launch-pos-icon svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.home-launch-pos .home-launch-pos-copy strong {
  color: #071f4f !important;
  font-size: 1.15rem !important;
  font-weight: 850 !important;
}

.home-launch-pos .home-launch-pos-copy span {
  color: #5c3800 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

.home-launch-pos .home-launch-pos-arrow,
.home-launch-pos .home-launch-pos-arrow svg {
  color: #071f4f !important;
  stroke: #071f4f !important;
}

/* 2. TOPBAR RIGHT CONTROLS (NOTIFICATION BELL, SETTINGS COG, USER MENU CHEVRON) */

/* Bell Notification Button (Cream/Yellow button) */
.notification-trigger {
  background: #fff3d6 !important;
  border: 1px solid #fde68a !important;
  border-radius: 12px !important;
  color: #92400e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.notification-trigger svg,
.notification-trigger .lucide-bell {
  color: #92400e !important;
  stroke: #92400e !important;
  fill: none !important;
  opacity: 1 !important;
}

/* Settings Button (White button) */
.app-topbar-settings-btn {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  color: #071f4f !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.app-topbar-settings-btn svg,
.app-topbar-settings-btn .lucide-settings {
  color: #071f4f !important;
  stroke: #071f4f !important;
  fill: none !important;
  opacity: 1 !important;
}

/* User Menu Trigger (White Pill) */
.user-menu-trigger {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  color: #071f4f !important;
  display: flex !important;
  align-items: center !important;
  padding: 3px 12px 3px 4px !important;
  gap: 8px !important;
}

.user-menu-trigger .user-avatar {
  background: #1557d5 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border-radius: 50% !important;
}

.user-menu-trigger .user-menu-chevron,
.user-menu-trigger svg {
  color: #071f4f !important;
  stroke: #071f4f !important;
  fill: none !important;
  opacity: 0.8 !important;
}

/* ==========================================================================
 * ENTERPRISE PREMIUM TOPBAR BRAND BADGE (JUALANKU POS & ERP)
 * ========================================================================== */

.app-topbar-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.header-brand-badge {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 5px 12px 5px 6px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.header-brand-badge:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.header-brand-badge:active {
  transform: translateY(0) !important;
}

.header-brand-logo,
img.header-brand-logo,
.header-brand-badge img {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  padding: 3px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.header-brand-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 1px !important;
}

.header-brand-title {
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.015em !important;
  margin: 0 !important;
  display: block !important;
}

.header-brand-subtitle {
  color: #ffb638 !important;
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin: 0 !important;
  display: block !important;
}

.header-brand-divider {
  width: 1px !important;
  height: 24px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  margin: 0 4px !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
 * EXECUTIVE ICON POLISH & TOPBAR RIGHT ACTIONS UNIFICATION
 * ========================================================================== */

/* 1. BUKA KASIR CASH REGISTER ICON (BRIGHT RADIANT WHITE & BOLD) */




.home-launch-pos .home-launch-pos-icon {
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: #071f4f !important;
  box-shadow: 0 4px 12px rgba(7, 31, 79, 0.3) !important;
  flex-shrink: 0 !important;
}

.home-launch-pos .home-launch-pos-icon svg {
  width: 28px !important;
  height: 28px !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 2.5px !important;
  fill: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3)) !important;
}

.home-launch-pos-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 2px !important;
}

.home-launch-pos-copy strong {
  color: #071f4f !important;
  font-size: 1.18rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

.home-launch-pos-copy span {
  color: #5c3800 !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.home-launch-pos-arrow,
.home-launch-pos .home-launch-pos-arrow svg {
  color: #071f4f !important;
  stroke: #071f4f !important;
  stroke-width: 2.5px !important;
  flex-shrink: 0 !important;
}

/* 2. TOPBAR RIGHT UNIFIED EXECUTIVE ACTIONS (SLEEK DARK-GLASS BUTTONS) */
.app-topbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Notification Trigger Button */
.notification-trigger,
.app-container--home .notification-trigger {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  position: relative !important;
}

.notification-trigger:hover,
.notification-trigger--open {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  transform: translateY(-1px) !important;
}

.notification-trigger svg,
.notification-trigger .lucide-bell {
  color: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 2.3px !important;
  fill: none !important;
  width: 20px !important;
  height: 20px !important;
  opacity: 1 !important;
}

/* Settings Cog Button */
.app-topbar-settings-btn,
.app-container--home .app-topbar-settings-btn {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.app-topbar-settings-btn:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  transform: translateY(-1px) !important;
}

.app-topbar-settings-btn svg,
.app-topbar-settings-btn .lucide-settings {
  color: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 2.3px !important;
  fill: none !important;
  width: 21px !important;
  height: 21px !important;
  opacity: 1 !important;
}

/* User Menu Trigger Pill */
.user-menu-trigger,
.app-container--home .user-menu-trigger {
  min-height: 42px !important;
  padding: 4px 14px 4px 5px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.user-menu-trigger:hover,
.user-menu-trigger--open {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  transform: translateY(-1px) !important;
}

.user-menu-trigger .user-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #1557d5 0%, #2f72ea 100%) !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
}

.user-menu-trigger .user-menu-chevron,
.user-menu-trigger svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 2.5px !important;
  fill: none !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 0.95 !important;
}

/* ==========================================================================
 * FIX FOR PERIOD FILTER SELECTS, USER MENU DROPDOWN, & ABOUT HERO
 * ========================================================================== */

/* 1. Bulletproof Select Padding & Line Height (Zero Vertical Clipping) */
select,
select.form-control,
.form-control select {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 12px !important;
  padding-right: 32px !important;
  line-height: 36px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  display: inline-flex !important;
  align-items: center !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
}

select:focus,
select.form-control:focus {
  border-color: #1557d5 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 213, 0.15) !important;
}

/* 2. User Menu Dropdown & Ganti Password (Crisp Dark Text & Clear Icons) */
.user-menu-dropdown {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  min-width: 250px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 40px -8px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(226, 232, 240, 0.8) !important;
  padding: 10px !important;
  z-index: 99999 !important;
}

.user-menu-dropdown,
.user-menu-dropdown *,
.user-menu-dropdown strong,
.user-menu-dropdown-meta strong,
.user-menu-item,
.user-menu-dropdown button,
.user-menu-dropdown a {
  color: #0f172a !important;
}

.user-menu-dropdown-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 10px 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  margin-bottom: 6px !important;
}

.user-menu-dropdown-head strong {
  display: block !important;
  font-size: 0.95rem !important;
  font-weight: 750 !important;
  color: #0f172a !important;
}

.user-menu-dropdown-head .role-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
}

.user-menu-dropdown-head .role-badge svg {
  color: #1d4ed8 !important;
  stroke: #1d4ed8 !important;
  width: 14px !important;
  height: 14px !important;
}

.user-menu-divider {
  height: 1px !important;
  background: #f1f5f9 !important;
  margin: 6px 0 !important;
}

.user-menu-item {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
  font-family: inherit !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-align: left !important;
  margin-top: 4px !important;
  transition: all 0.15s ease !important;
}

.user-menu-item svg {
  color: #64748b !important;
  stroke: #64748b !important;
  stroke-width: 2.2px !important;
  width: 17px !important;
  height: 17px !important;
  flex-shrink: 0 !important;
}

.user-menu-item:hover {
  background: #eff6ff !important;
  color: #1557d5 !important;
  border-color: #93c5fd !important;
}

.user-menu-item:hover svg {
  color: #1557d5 !important;
  stroke: #1557d5 !important;
}

.user-menu-item--danger {
  color: #dc2626 !important;
  background: #fef2f2 !important;
  border-color: #fecaca !important;
}

.user-menu-item--danger svg {
  color: #dc2626 !important;
  stroke: #dc2626 !important;
}

.user-menu-item--danger:hover {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  border-color: #fca5a5 !important;
}

.user-menu-item--danger:hover svg {
  color: #b91c1c !important;
  stroke: #b91c1c !important;
}

/* 3. Settings About Hero (Compact Modern Banner & High-Contrast Edition Badge) */
.settings-about-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 20px !important;
  padding: 24px 28px !important;
  background: linear-gradient(135deg, #071f4f 0%, #0f2b5c 100%) !important;
  border-bottom: 1px solid #1e3a8a !important;
  border-radius: 18px 18px 0 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

.settings-about-hero .brand-logo-wrap {
  margin: 0 !important;
  flex-shrink: 0 !important;
  width: 72px !important;
  height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
  padding: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.settings-about-hero .brand-logo-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.settings-about-hero > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: flex-start !important;
}

.settings-about-hero h2 {
  margin: 0 !important;
  font-size: 1.7rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.settings-about-hero p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 500 !important;
}

.settings-about-hero span {
  background: rgba(255, 182, 56, 0.2) !important;
  color: #ffb638 !important;
  border: 1.5px solid #ffb638 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-block !important;
}


/* ==========================================================================
 * ALL TABLE HEADERS -> NAVY BACKGROUND WITH PURE WHITE FONT
 * ========================================================================== */
th,
thead th,
thead tr th,
table thead th,
table thead tr th,
table th,
.table th,
.table thead th,
.table thead tr th,
.table thead tr:first-child th,
.table-scroll th,
.table-scroll table thead tr th,
.table-scroll table thead th,
.table-scroll table th,
.main-content-body--system thead th,
.main-content-body--system table thead th,
.main-content-body--system table thead tr th,
.purchase-input-table th,
.purchase-input-table thead th,
.jualanku-table th,
.jualanku-table thead th,
.pos-order-review table th,
.pos-order-review table thead th,
.modal table thead th,
.modal table thead tr th {
  background: #071f4f !important;
  background-color: #071f4f !important;
  color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 13px 14px !important;
  border-top: none !important;
  border-bottom: 2px solid #041436 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-left: none !important;
  white-space: nowrap !important;
}

/* Remove right border on the last column header */
th:last-child,
thead th:last-child,
table thead tr th:last-child {
  border-right: none !important;
}

/* Ensure all elements, text, spans, and icons inside table headers are solid white */
th *,
thead th *,
thead tr th *,
table thead th *,
table thead tr th *,
.table-scroll th * {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

th svg,
thead th svg,
thead tr th svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  opacity: 0.95 !important;
}

/* Table scroll container rounded top edges */
table thead tr:first-child th:first-child,
.table-scroll table thead tr:first-child th:first-child {
  border-top-left-radius: 10px !important;
}

table thead tr:first-child th:last-child,
.table-scroll table thead tr:first-child th:last-child {
  border-top-right-radius: 10px !important;
}

.table-scroll {
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
}

tbody td {
  border-bottom: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
  padding: 11px 14px !important;
  font-size: 0.88rem !important;
}

tbody tr:nth-child(even) {
  background-color: #f8fafc !important;
}

tbody tr:nth-child(odd) {
  background-color: #ffffff !important;
}

tbody tr:hover {
  background-color: #eff6ff !important;
}

/* ==========================================================================
 * NOTIFICATION DROPDOWN (SHARP HIGH-CONTRAST & CRISP TYPOGRAPHY)
 * ========================================================================== */
.notification-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  z-index: 99999 !important;
  width: min(380px, calc(100vw - 28px)) !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 20px 50px -10px rgba(15, 23, 42, 0.25), 0 0 0 1px rgba(226, 232, 240, 0.8) !important;
}

.notification-dropdown,
.notification-dropdown *,
.notification-dropdown-head strong,
.notification-empty strong,
.notification-empty p,
.notification-item strong,
.notification-item span {
  color: #0f172a !important;
}

.notification-dropdown-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: #f8fafc !important;
}

.notification-dropdown-head strong {
  color: #0f172a !important;
  font-size: 0.98rem !important;
  font-weight: 750 !important;
  display: block !important;
}

.notification-dropdown-head span {
  color: #64748b !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
}

.notification-status-dot {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #1557d5 !important;
  box-shadow: 0 0 0 4px rgba(21, 87, 213, 0.18) !important;
}

.notification-empty {
  padding: 36px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 10px !important;
}

.notification-empty span:first-child {
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 4px !important;
}

.notification-empty span:first-child svg {
  color: #1557d5 !important;
  stroke: #1557d5 !important;
  width: 26px !important;
  height: 26px !important;
}

.notification-empty strong {
  color: #0f172a !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  margin: 0 !important;
}

.notification-empty p {
  color: #64748b !important;
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.notification-item {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease !important;
}

.notification-item:hover {
  background: #f8fafc !important;
}

.notification-item-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  background: #eff6ff !important;
  color: #1557d5 !important;
}

/* ==========================================================================
 * DATE TRIGGER BUTTON & TANGGAL LABEL ALIGNMENT (PREVENTS OVERLAPPING)
 * ========================================================================== */
.pastel-date-trigger {
  width: auto !important;
  max-width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.pastel-date-trigger:hover {
  border-color: #94a3b8 !important;
  background: #f8fafc !important;
}

.pastel-date-trigger svg {
  color: #475569 !important;
  stroke: #475569 !important;
  width: 17px !important;
  height: 17px !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
 * LOGIN FEATURE CARDS (EXECUTIVE SAAS PRESENTATION)
 * ========================================================================== */
.login-features-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

.login-feature-item,
.login-showcase-panel .login-feature-item {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

.login-feature-item:hover,
.login-showcase-panel .login-feature-item:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.07) 100%) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
}

.login-feature-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.3rem !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
  flex-shrink: 0 !important;
}

.login-feature-item strong,
.login-showcase-panel .login-feature-item strong {
  color: #ffffff !important;
  font-size: 0.94rem !important;
  font-weight: 750 !important;
  display: block !important;
  margin-bottom: 4px !important;
  letter-spacing: -0.01em !important;
}

.login-feature-item p,
.login-showcase-panel .login-feature-item p {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  font-weight: 450 !important;
}

/* ==========================================================================
 * KPI / STAT CARDS ELEVATION
 * ========================================================================== */
.stat-card,
.stat-card--sales,
.stat-card--income,
.stat-card--count,
.stat-card--tax,
.stat-card--info {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

.stat-card:hover {
  transform: translateY(-2px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}


/* ==========================================================================
 * ULTRA-COMPACT & PROFESSIONAL HEADER & POS TOPBAR
 * ========================================================================== */

/* 1. Global App Topbar (Laporan, Pengaturan, dsb.) */
.app-topbar,
header.app-topbar {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: linear-gradient(135deg, #071f4f 0%, #0c2b64 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 2px 8px rgba(7, 31, 79, 0.2) !important;
}

.app-topbar-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 100% !important;
}

.app-topbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 100% !important;
}

.app-topbar-title {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  color: #ffffff !important;
}

.app-topbar-subtitle {
  font-size: 0.68rem !important;
  padding: 2px 6px !important;
  margin-top: 1px !important;
  border-radius: 4px !important;
  line-height: 1 !important;
}

.app-topbar-back {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.app-topbar-settings-btn,
.app-container--home .app-topbar-settings-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.app-topbar-settings-btn svg,
.app-topbar-settings-btn .lucide-settings {
  width: 16px !important;
  height: 16px !important;
}

/* 2. POS Focus Topbar (Kasir Bar) -> Compact, Professional Single-Row */
.pos-focus-bar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 48px !important;
  padding: 4px 14px !important;
  background: linear-gradient(135deg, #071f4f 0%, #0c2b64 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 2px 10px rgba(7, 31, 79, 0.25) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;
  scrollbar-width: none !important;
}

.pos-focus-bar::-webkit-scrollbar {
  display: none !important;
}

.pos-focus-bar .header-brand-logo {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  margin-right: 4px !important;
  flex-shrink: 0 !important;
}

.pos-order-category-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.pos-order-category-label {
  font-size: 0.72rem !important;
  font-weight: 750 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.pos-ok-btn {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  min-width: 34px !important;
  padding: 0 10px !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease !important;
  box-sizing: border-box !important;
}

.pos-ok-btn:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.pos-ok-btn--active {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border-color: #059669 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.35) !important;
}

/* Category & Service Tabs Container */
.pos-category-tabs,
.pos-category-tabs--compact {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 2px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 8px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

.pos-service-picker-label {
  font-size: 0.68rem !important;
  font-weight: 750 !important;
  color: #93c5fd !important;
  padding: 0 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.pos-category-tab {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 10px !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  border-radius: 5px !important;
  border: none !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.9) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.pos-category-tab:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.pos-category-tab--active {
  background: #1557d5 !important;
  color: #ffffff !important;
  font-weight: 750 !important;
  box-shadow: 0 2px 6px rgba(21, 87, 213, 0.35) !important;
}

.pos-category-tab--active * {
  color: #ffffff !important;
}

.pos-hold-list-btn {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 10px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  color: #b45309 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  margin-left: auto !important;
}


/* ==========================================================================
 * PURE WHITE FONT FOR POS HEADER & TABS
 * ========================================================================== */
.pos-focus-bar,
.pos-focus-bar .pos-order-category-label,
.pos-focus-bar .pos-service-picker-label,
.pos-focus-bar .pos-category-tabs,
.pos-focus-bar .pos-category-tabs *,
.pos-focus-bar .pos-category-tab,
.pos-focus-bar .pos-category-tab *,
.pos-focus-bar button:not(.pos-hold-list-btn):not(.pos-hold-list-btn *),
.pos-category-tabs .pos-category-tab,
.pos-category-tabs .pos-category-tab *,
.pos-category-tabs--compact .pos-category-tab,
.pos-category-tabs--compact .pos-category-tab * {
  color: #ffffff !important;
}

.pos-focus-bar .pos-category-tab {
  color: #ffffff !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

.pos-focus-bar .pos-category-tab:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.pos-focus-bar .pos-category-tab--active {
  background: #1557d5 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 6px rgba(21, 87, 213, 0.4) !important;
}

.pos-focus-bar .pos-service-picker-label {
  color: #ffffff !important;
  font-weight: 800 !important;
  opacity: 0.95 !important;
}

.pos-focus-bar .pos-order-category-label {
  color: #ffffff !important;
  font-weight: 800 !important;
  opacity: 0.95 !important;
}

.pos-focus-bar .pos-ok-btn {
  color: #ffffff !important;
  font-weight: 800 !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}




/* ==========================================================================
 * SCOPED CURRENCY & SPLIT INPUT STYLING
 * ========================================================================== */
.pos-split-input-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 9px !important;
  height: 40px !important;
  box-sizing: border-box !important;
}

.pos-split-input-wrap b {
  color: #64748b !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}

.pos-split-input-wrap input {
  flex: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  border: none !important;
  background: transparent !important;
  padding: 0 4px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  outline: none !important;
}

.pos-money-input {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  height: 46px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

.pos-money-input span {
  color: #64748b !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  flex-shrink: 0 !important;
  padding-right: 8px !important;
  border-right: 1.5px solid #e2e8f0 !important;
}

.pos-money-input input {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  padding: 0 8px !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-align: right !important;
  outline: none !important;
}


/* ==========================================================================
 * ULTRA-PREMIUM MODERN "BUKA KASIR" & PANEL STYLING
 * ========================================================================== */

/* 1. HOME LAUNCH PANEL & SCROLLBAR REFINEMENT (NO CLIPPING, NO AWKWARD BARS) */
.home-launchpad {
  min-height: calc(100vh - var(--topbar-h, 52px)) !important;
  background: #f3f6fb !important;
}

.home-launch-panel {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(28px, 3.5vw, 44px) clamp(22px, 2.5vw, 36px) 26px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: linear-gradient(150deg, #071f4f 0%, #0a2660 55%, #0f3584 100%) !important;
  color: #ffffff !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent !important;
}

.home-launch-panel::-webkit-scrollbar {
  width: 5px !important;
}
.home-launch-panel::-webkit-scrollbar-track {
  background: transparent !important;
  margin: 16px 0 !important;
}
.home-launch-panel::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  transition: background 0.2s ease !important;
}
.home-launch-panel::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35) !important;
}

/* 2. REFINED "BUKA KASIR" HERO ACTION CARD */




.home-launch-pos:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 6px 16px -2px rgba(255, 140, 0, 0.35) !important;
}

/* Icon Container */
.home-launch-pos .home-launch-pos-icon {
  width: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #071f4f 0%, #0d2e70 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 6px 14px rgba(7, 31, 79, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

.home-launch-pos:hover .home-launch-pos-icon {
  transform: scale(1.05) !important;
}

.home-launch-pos .home-launch-pos-icon svg {
  width: 26px !important;
  height: 26px !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 2.3px !important;
  fill: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important;
}

/* Text Content */
.home-launch-pos-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 3px !important;
}

.home-launch-pos-copy strong {
  color: #071f4f !important;
  font-size: 1.2rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
}

.home-launch-pos-copy span {
  color: #432200 !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  opacity: 0.95 !important;
}

/* Arrow Badge Button */
.home-launch-pos .home-launch-pos-arrow {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(7, 31, 79, 0.12) !important;
  border: 1px solid rgba(7, 31, 79, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #071f4f !important;
  stroke: #071f4f !important;
  stroke-width: 2.4px !important;
  flex-shrink: 0 !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-launch-pos:hover .home-launch-pos-arrow {
  background: #071f4f !important;
  color: #ffffff !important;
  border-color: #071f4f !important;
  transform: translate(2px, -2px) !important;
  box-shadow: 0 4px 10px rgba(7, 31, 79, 0.25) !important;
}

.home-launch-pos:hover .home-launch-pos-arrow svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}


/* ==========================================================================
 * ENTERPRISE WORKSPACE & BUKA KASIR HERO CARD (PIXEL-PERFECT REFINED)
 * ========================================================================== */

/* 1. CONTAINER & SCROLLBAR PURGE - COMPLETELY ELIMINATE AWKWARD SCROLLBARS */
.home-launchpad {
  display: grid !important;
  grid-template-columns: minmax(320px, 380px) minmax(0, 1fr) !important;
  min-height: calc(100vh - var(--topbar-h, 52px)) !important;
  background: #f4f7fb !important;
  overflow: hidden !important;
}

.home-launch-panel {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(28px, 3.5vw, 42px) clamp(22px, 2.5vw, 36px) 24px !important;
  background: linear-gradient(155deg, #071f4f 0%, #0a2764 50%, #0d3480 100%) !important;
  color: #ffffff !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE/Edge */
}

/* Hide webkit scrollbar completely on panel to prevent ugly yellow bars */
.home-launch-panel::-webkit-scrollbar,
.home-launchpad::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* 2. LOGO & BRANDING */
.home-launch-brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: auto !important;
}

.home-launch-logo {
  width: 52px !important;
  height: 52px !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.home-launch-logo img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  display: block !important;
}

.home-launch-brand-label {
  color: #93c5fd !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  display: block !important;
}

.home-launch-brand strong {
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
}

/* 3. WELCOME HEADLINE */
.home-launch-welcome {
  margin: clamp(36px, 6vh, 64px) 0 28px !important;
}

.home-launch-eyebrow {
  color: #fbbf24 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 8px !important;
}

.home-launch-welcome h1 {
  font-size: clamp(1.4rem, 2.2vw, 1.75rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.02em !important;
}

.home-launch-welcome h1 span {
  color: #93c5fd !important;
}

.home-launch-welcome p {
  color: #cbd5e1 !important;
  font-size: 0.86rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* 4. PIXEL-PERFECT "BUKA KASIR" HERO ACTION CARD */




.home-launch-pos:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 6px 16px -2px rgba(217, 119, 6, 0.35) !important;
}

/* Icon Squircle */
.home-launch-pos .home-launch-pos-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 14px !important;
  background: #071f4f !important;
  box-shadow: 0 6px 14px rgba(7, 31, 79, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  transition: transform 0.2s ease !important;
}

.home-launch-pos:hover .home-launch-pos-icon {
  transform: scale(1.04) !important;
}

.home-launch-pos .home-launch-pos-icon svg {
  width: 26px !important;
  height: 26px !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 2.2px !important;
  fill: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)) !important;
}

/* Typography Container */
.home-launch-pos .home-launch-pos-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 3px !important;
}

/* Clean Crisp Title - No Stacked / Blurry Text */
.home-launch-pos .home-launch-pos-copy strong {
  color: #071f4f !important;
  font-size: 1.16rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-shadow: none !important;
}

/* Clean Subtitle */
.home-launch-pos .home-launch-pos-copy span {
  color: #3b1e00 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-shadow: none !important;
  opacity: 0.92 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Action Arrow Badge */
.home-launch-pos .home-launch-pos-arrow {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(7, 31, 79, 0.12) !important;
  border: 1px solid rgba(7, 31, 79, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #071f4f !important;
  stroke: #071f4f !important;
  stroke-width: 2.4px !important;
  flex-shrink: 0 !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-launch-pos:hover .home-launch-pos-arrow {
  background: #071f4f !important;
  color: #ffffff !important;
  border-color: #071f4f !important;
  transform: translate(2px, -2px) !important;
  box-shadow: 0 4px 10px rgba(7, 31, 79, 0.25) !important;
}

.home-launch-pos:hover .home-launch-pos-arrow svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* 5. FOOTER */
.home-launch-panel-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: auto !important;
  padding-top: 20px !important;
  color: #94a3b8 !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.home-launch-online {
  color: #6ee7b7 !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.home-launch-online i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25) !important;
  display: inline-block !important;
}

/* Responsive adjustments */
@media (max-width: 900px) {
  .home-launchpad {
    grid-template-columns: 1fr !important;
    overflow-y: auto !important;
  }
  .home-launch-panel {
    overflow-y: visible !important;
  }
  .home-launch-welcome {
    margin: 24px 0 20px !important;
  }
}


/* ==========================================================================
 * EXECUTIVE LUXE "BUKA KASIR" HERO CARD & WORKSPACE PANEL
 * ========================================================================== */

/* 1. SCROLLBAR PURGE & PANEL RESETS */
.home-launchpad {
  display: grid !important;
  grid-template-columns: minmax(320px, 380px) minmax(0, 1fr) !important;
  min-height: calc(100vh - var(--topbar-h, 52px)) !important;
  background: #f4f7fb !important;
  overflow: hidden !important;
}

.home-launch-panel {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(28px, 3.5vw, 42px) clamp(22px, 2.5vw, 36px) 24px !important;
  background: linear-gradient(155deg, #071f4f 0%, #0a2764 50%, #0d3480 100%) !important;
  color: #ffffff !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.home-launch-panel::-webkit-scrollbar,
.home-launchpad::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* 2. BRAND & WELCOME */
.home-launch-brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.home-launch-logo {
  width: 52px !important;
  height: 52px !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.home-launch-logo img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  display: block !important;
}

.home-launch-brand-label {
  color: #93c5fd !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  display: block !important;
}

.home-launch-brand strong {
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
}

.home-launch-welcome {
  margin: clamp(34px, 5.5vh, 60px) 0 28px !important;
}

.home-launch-eyebrow {
  color: #fbbf24 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 8px !important;
}

.home-launch-welcome h1 {
  font-size: clamp(1.4rem, 2.2vw, 1.75rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.02em !important;
}

.home-launch-welcome h1 span {
  color: #93c5fd !important;
}

.home-launch-welcome p {
  color: #cbd5e1 !important;
  font-size: 0.86rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* 3. ULTRA-LUXE MODERN "BUKA KASIR" HERO CARD (CLEAN WHITE & ROYAL BLUE) */




.home-launch-pos:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 10px 22px -4px rgba(0, 0, 0, 0.35) !important;
}

/* Icon Box - Royal Blue Gradient Squircle */
.home-launch-pos .home-launch-pos-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #1557d5 0%, #1d4ed8 60%, #1e40af 100%) !important;
  box-shadow: 0 8px 18px rgba(21, 87, 213, 0.38), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: none !important;
  transition: transform 0.22s ease !important;
}

.home-launch-pos:hover .home-launch-pos-icon {
  transform: scale(1.06) rotate(-2deg) !important;
  box-shadow: 0 10px 22px rgba(21, 87, 213, 0.48), inset 0 1px 1px rgba(255, 255, 255, 0.5) !important;
}

.home-launch-pos .home-launch-pos-icon svg {
  width: 27px !important;
  height: 27px !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 2.3px !important;
  fill: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)) !important;
}

/* Typography Container */
.home-launch-pos .home-launch-pos-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 3px !important;
}

/* Main Title */
.home-launch-pos .home-launch-pos-copy strong {
  color: #0f172a !important;
  font-size: 1.22rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-shadow: none !important;
}

/* Subtitle */
.home-launch-pos .home-launch-pos-copy span {
  color: #64748b !important;
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Action Arrow Button */
.home-launch-pos .home-launch-pos-arrow {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #eff6ff !important;
  border: 1px solid #dbeafe !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1d4ed8 !important;
  stroke: #1d4ed8 !important;
  stroke-width: 2.4px !important;
  flex-shrink: 0 !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-launch-pos:hover .home-launch-pos-arrow {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  border-color: #1d4ed8 !important;
  transform: translate(2px, -2px) !important;
  box-shadow: 0 4px 12px rgba(29, 78, 216, 0.35) !important;
}

.home-launch-pos:hover .home-launch-pos-arrow svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* 4. FOOTER */
.home-launch-panel-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: auto !important;
  padding-top: 20px !important;
  color: #94a3b8 !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.home-launch-online {
  color: #6ee7b7 !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.home-launch-online i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25) !important;
  display: inline-block !important;
}


/* ==========================================================================
 * COMPLETE PURGE OF ORANGE SCROLLBAR & ULTRA-BOLD VISIBLE POS CASH REGISTER ICON
 * ========================================================================== */

/* 1. TOTAL SCROLLBAR PURGE GLOBALLY */
* {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

*::-webkit-scrollbar,
::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#root::-webkit-scrollbar,
.home-launchpad::-webkit-scrollbar,
.home-launch-panel::-webkit-scrollbar,
.home-launch-workspace::-webkit-scrollbar,
aside::-webkit-scrollbar,
section::-webkit-scrollbar,
main::-webkit-scrollbar,
div::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

*::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
  display: none !important;
  background: transparent !important;
}

*::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
  display: none !important;
  background: transparent !important;
}

/* 2. ULTRA-VISIBLE BOLD CASH REGISTER ICON */
.home-launch-pos .home-launch-pos-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg, #1557d5 0%, #1d4ed8 60%, #1e40af 100%) !important;
  box-shadow: 0 8px 20px rgba(21, 87, 213, 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: none !important;
  transition: transform 0.22s ease !important;
}

.home-launch-pos:hover .home-launch-pos-icon {
  transform: scale(1.06) rotate(-2deg) !important;
  box-shadow: 0 10px 24px rgba(21, 87, 213, 0.52), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
}

.home-launch-pos .home-launch-pos-icon svg {
  width: 32px !important;
  height: 32px !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 1px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4)) !important;
}

.home-launch-pos .home-launch-pos-icon svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.home-launch-pos .home-launch-pos-icon svg path {
  fill: #ffffff !important;
}


/* ==========================================================================
 * ORANGE BAR PERMANENT REMOVAL
 * ========================================================================== */
.home-launch-panel:after,
.home-launch-panel::after,
.home-launch-panel:before,
.home-launch-panel::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: none !important;
}

/* ==========================================================================
 * HIGH-END PROFESSIONAL 3-COLUMN NAVIGATION CARDS (PERFECT MARGINS & SPACING)
 * ========================================================================== */
.home-launch-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 10px !important;
}

@media (max-width: 1024px) and (min-width: 768px) {
  .home-launch-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

.home-launch-module {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
  min-height: 128px !important;
  padding: 22px 24px !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  cursor: pointer !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 18px -4px rgba(15, 23, 42, 0.06) !important;
  transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-launch-module:hover {
  border-color: rgba(37, 99, 235, 0.35) !important;
  box-shadow: 0 14px 30px -6px rgba(15, 23, 42, 0.12), 0 4px 12px -2px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(37, 99, 235, 0.1) !important;
  transform: translateY(-4px) !important;
}

.home-launch-module:active {
  transform: translateY(-1px) scale(0.99) !important;
}

.home-launch-module-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  border-radius: 16px !important;
  background: var(--module-bg, #eff6ff) !important;
  color: var(--module-color, #2563eb) !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
  transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.24s ease !important;
  flex-shrink: 0 !important;
}

.home-launch-module:hover .home-launch-module-icon {
  transform: scale(1.06) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.9) !important;
}

.home-launch-module-icon svg {
  width: 26px !important;
  height: 26px !important;
  stroke-width: 1.85px !important;
}

.home-launch-module-copy {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
  padding-left: 2px !important;
  margin-right: 4px !important;
  text-align: left !important;
}

.home-launch-module-copy strong {
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  letter-spacing: -0.012em !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.home-launch-module-copy span {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
  margin: 0 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.home-launch-module-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 11px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #94a3b8 !important;
  flex-shrink: 0 !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-launch-module:hover .home-launch-module-arrow {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
  transform: translate(2px, -2px) !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
}

.home-launch-module-arrow svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2.2px !important;
}

.home-launch-module:after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3.5px !important;
  background: linear-gradient(90deg, var(--module-color) 0%, rgba(255, 255, 255, 0) 85%) !important;
  opacity: 0.8 !important;
  border-radius: 0 0 20px 20px !important;
  transition: all 0.24s ease !important;
}

.home-launch-module:hover:after {
  height: 4px !important;
  background: linear-gradient(90deg, var(--module-color) 0%, var(--module-color) 35%, rgba(255, 255, 255, 0) 100%) !important;
  opacity: 1 !important;
}

/* GUARANTEED NAVY FONT ON BRANCH DROPDOWN */
header.app-topbar .cost-context-menu,
header.app-topbar .cost-context-menu *,
header.app-topbar .cost-context-menu strong,
header.app-topbar .cost-context-menu small,
header.app-topbar .cost-context-menu span,
header.app-topbar .cost-context-menu button,
.cost-context-menu,
.cost-context-menu *,
.cost-context-menu strong,
.cost-context-menu small,
.cost-context-menu span,
.cost-context-menu button,
.cost-context-menu-option,
.cost-context-menu-option *,
.cost-context-menu-option strong,
.cost-context-menu-option small,
.cost-context-menu-option-copy,
.cost-context-menu-option-copy strong,
.cost-context-menu-option-copy small {
  color: #0f2b5c !important;
  text-shadow: none !important;
}

.cost-context-menu strong,
.cost-context-menu-head strong,
.cost-context-menu-option strong,
.cost-context-menu-option-copy strong {
  color: #0f2b5c !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
}

.cost-context-menu small,
.cost-context-menu-head small,
.cost-context-menu-option small,
.cost-context-menu-option-copy small {
  color: #334155 !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
}

.cost-context-menu-option.is-selected strong {
  color: #0f2b5c !important;
}

.cost-context-menu-option.is-selected small {
  color: #1d4ed8 !important;
}

/* force-navy-branch-menu */
div.cost-context-menu strong,
.cost-context-menu strong,
.cost-context-menu-head strong,
.cost-context-menu-option strong,
.cost-context-menu-option-copy strong {
  color: #0a2540 !important;
  font-weight: 800 !important;
}

div.cost-context-menu small,
.cost-context-menu small,
.cost-context-menu-head small,
.cost-context-menu-option small,
.cost-context-menu-option-copy small {
  color: #334155 !important;
  font-weight: 600 !important;
}