@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-accent-low:#dc26260d;--bg-glass:#ffffffd9;--border-color:#00000014;--border-color-hover:#dc262640;--accent:#dc2626;--accent-hover:#b91c1c;--accent-rgb:220, 38, 38;--accent-glow:#dc26261a;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--success:#16a34a;--success-glow:#16a34a14;--danger:#dc2626;--danger-glow:#dc262614;--warning:#ea580c;--warning-glow:#ea580c14;--info:#2563eb;--info-glow:#2563eb14;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 2px 8px -2px #00000014;--shadow-md:0 4px 20px -8px #0000001f;--shadow-lg:0 8px 30px -10px #00000029;--shadow-glow:0 0 20px -5px #dc262640;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;height:100%}body{background-color:var(--bg-primary);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}a{color:inherit;transition:var(--transition-fast);text-decoration:none}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.mobile-header,.sidebar-backdrop{display:none}.main-content{background:linear-gradient(135deg, var(--bg-primary) 0%, #f3f4f6 100%);flex-direction:column;flex:1;height:100%;padding:2rem;display:flex;overflow-y:auto}@media (max-width:768px){.app-container{flex-direction:column}.mobile-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:90;height:56px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.hamburger-btn{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.hamburger-btn:hover{color:var(--accent);background-color:#ffffff0d}.mobile-logo{font-family:var(--font-heading);align-items:center;font-size:1.25rem;font-weight:800;display:flex}.mobile-brand-name{color:var(--text-primary)}.mobile-brand-dot{color:var(--accent)}.main-content{height:calc(100vh - 56px);padding:1rem}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:99;background:#000000b3;display:block;position:fixed;inset:0}}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal)}.glass-panel:hover{border-color:#f59e0b26}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--accent);color:#000;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger-glow);color:var(--danger);border:1px solid #f43f5e33}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 0 15px -3px #f43f5e66}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{font-family:var(--font-heading);color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-field{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:.75rem 1rem}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-heading);border-bottom:1px solid var(--border-color);padding:1rem;font-size:.875rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);padding:1rem;font-size:.9375rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#ffffff05}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-glow);color:var(--success)}.badge-danger{background:var(--danger-glow);color:var(--danger)}.badge-warning{background:var(--warning-glow);color:var(--warning)}.badge-info{background:var(--info-glow);color:var(--info)}@media print{body{color:#000!important;background:#fff!important;width:100%!important;height:auto!important;font-family:Courier New,Courier,monospace!important;font-size:12px!important;overflow:visible!important}.app-container,.main-content{height:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}[class*=posContainer]{height:auto!important;margin:0!important;padding:0!important;display:block!important}aside,nav,header,.no-print{display:none!important}.print-only{display:block!important}#thermal-receipt{color:#000!important;width:58mm!important;max-width:58mm!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:2mm!important;display:block!important}@page{size:58mm auto;margin:0}}.print-only{display:none}.app-tab-container{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.app-tab-btn{appearance:none;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);color:var(--text-muted);outline:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.app-tab-btn:hover{background:#ffffff08}.app-tab-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}@media (max-width:768px){.table-container{border:none;overflow-x:visible}.custom-table,.custom-table thead,.custom-table tbody,.custom-table tr,.custom-table td,.custom-table th{display:block}.custom-table thead{display:none}.custom-table tr{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:1.25rem;display:flex}.custom-table td{justify-content:space-between;align-items:center;font-size:.875rem;display:flex;text-align:left!important;border-bottom:none!important;width:100%!important;padding:.375rem 0!important}.custom-table tr:hover td{background:0 0}.custom-table td:before{content:attr(data-label);color:var(--text-secondary);font-size:.8125rem;font-weight:600}.custom-table td[data-label=Waktu]:before,.custom-table td[data-label="No. Struk"]:before,.custom-table td[data-label=Menu]:before,.custom-table td[data-label=Aksi]:before{display:none}.custom-table td[data-label=Waktu]{color:var(--text-muted);justify-content:flex-start;font-size:.75rem;padding-top:0!important}.custom-table td[data-label="No. Struk"]{color:var(--accent);justify-content:flex-start;margin-bottom:.25rem;font-size:1.125rem;font-weight:800;border-bottom:1px solid var(--border-color)!important;padding-bottom:.5rem!important}.custom-table td[data-label=Menu]{white-space:normal;word-break:break-word;color:var(--text-primary);justify-content:flex-start;margin-bottom:.5rem;font-size:.875rem;border-bottom:1px dashed var(--border-color)!important;padding:.5rem 0!important}.custom-table td[data-label=Aksi]{justify-content:flex-end;margin-top:.5rem;border-top:1px solid var(--border-color)!important;padding-top:.75rem!important}.custom-table td[data-label=Aksi] button{justify-content:center;width:100%;padding:.5rem!important}.mobile-one-column{grid-template-columns:1fr!important}.mobile-hide{display:none!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin}
.Sidebar-module__WZVnLW__sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);width:280px;height:100vh;transition:width var(--transition-normal), padding var(--transition-normal), transform var(--transition-normal);flex-direction:column;flex-shrink:0;padding:2rem 1.5rem;display:flex;position:relative}.Sidebar-module__WZVnLW__logoContainer{align-items:center;gap:.75rem;width:100%;margin-bottom:3rem;padding-left:.5rem;display:flex;position:relative}.Sidebar-module__WZVnLW__logoIcon{background:linear-gradient(135deg, var(--accent) 0%, #ff5e00 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px -3px #f59e0b66}.Sidebar-module__WZVnLW__logoText{flex-direction:column;display:flex}.Sidebar-module__WZVnLW__brandName{font-family:var(--font-heading);color:var(--text-primary);font-size:1.25rem;font-weight:800;line-height:1.2}.Sidebar-module__WZVnLW__brandSub{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.Sidebar-module__WZVnLW__nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.Sidebar-module__WZVnLW__navLink{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:1rem;padding:.875rem 1rem;font-weight:500;display:flex}.Sidebar-module__WZVnLW__navLink:hover{color:var(--text-primary);background-color:#ffffff08}.Sidebar-module__WZVnLW__activeLink{color:var(--accent);background-color:var(--bg-accent-low);border-color:#f59e0b26;font-weight:600;box-shadow:inset 0 0 10px #f59e0b05}.Sidebar-module__WZVnLW__activeLink:hover{color:var(--accent);background-color:#f59e0b1f}.Sidebar-module__WZVnLW__footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1.5rem;display:flex}.Sidebar-module__WZVnLW__footerInfo{color:var(--text-muted);text-align:center;font-size:.75rem}.Sidebar-module__WZVnLW__mobileCloseBtn{display:none}@media (max-width:768px){.Sidebar-module__WZVnLW__sidebar{z-index:150;height:100vh;box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.Sidebar-module__WZVnLW__sidebarOpen{transform:translate(0)!important}.Sidebar-module__WZVnLW__toggleBtn{display:none!important}.Sidebar-module__WZVnLW__mobileCloseBtn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.Sidebar-module__WZVnLW__mobileCloseBtn:hover{color:var(--danger);background-color:#f43f5e0d}}.Sidebar-module__WZVnLW__collapsed{align-items:center;width:70px!important;padding:2rem .5rem!important}.Sidebar-module__WZVnLW__toggleBtn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);z-index:15;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-37px;transform:translateY(-50%);box-shadow:0 2px 8px #00000080}.Sidebar-module__WZVnLW__toggleBtn:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-tertiary);box-shadow:0 0 10px #f59e0b33}.Sidebar-module__WZVnLW__collapsed .Sidebar-module__WZVnLW__toggleBtn{right:-21px}.Sidebar-module__WZVnLW__collapsedLink{width:44px;height:44px;margin:0 auto;justify-content:center!important;gap:0!important;padding:.875rem 0!important}.Sidebar-module__WZVnLW__collapsedFooter{justify-content:center;align-items:center;width:100%;display:flex}