:root{--color-background: #0d1117;--color-background-soft: #161b22;--color-border: #30363d;--color-heading: #c9d1d9;--color-text: #8b949e;--color-brand: #2f81f7;--color-success: #2ea043;--color-danger: #da3633}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:dark}[data-v-84cf7df8]:root{--bg-color: #0d1117;--form-bg-color: #161b22;--border-color: #30363d;--text-color: #c9d1d9;--link-color: #2f81f7;--btn-primary-bg: #238636;--btn-primary-hover-bg: #2ea043;--input-bg-color: #010409;--error-color: #f85149}.login-container[data-v-84cf7df8]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;padding:2rem 1rem;box-sizing:border-box}.login-wrapper[data-v-84cf7df8]{width:100%;max-width:340px;text-align:center}.app-logo[data-v-84cf7df8]{height:48px;width:auto;margin-bottom:1.5rem}.title[data-v-84cf7df8]{color:var(--text-color);font-size:1.5rem;font-weight:300;letter-spacing:-.5px;margin-bottom:1rem}.login-box[data-v-84cf7df8],.create-account-box[data-v-84cf7df8]{background-color:var(--form-bg-color);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;text-align:left;margin-bottom:1rem}.form-group[data-v-84cf7df8]{margin-bottom:1rem}.label-group[data-v-84cf7df8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}label[data-v-84cf7df8]{color:var(--text-color);font-size:.875rem;font-weight:400}.forgot-password[data-v-84cf7df8]{color:var(--link-color);font-size:.75rem;text-decoration:none}.forgot-password[data-v-84cf7df8]:hover{text-decoration:underline}input[data-v-84cf7df8]{width:100%;padding:.5rem .75rem;background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.875rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}input[data-v-84cf7df8]:focus{outline:none;border-color:var(--link-color);box-shadow:0 0 0 3px #2f81f74d}.btn-primary[data-v-84cf7df8]{width:100%;padding:.625rem;margin-top:1rem;border:1px solid rgba(240,246,252,.1);border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s;background-color:var(--btn-primary-bg);color:#fff}.btn-primary[data-v-84cf7df8]:hover{background-color:var(--btn-primary-hover-bg)}.btn-primary[data-v-84cf7df8]:disabled{background-color:#2ea0438a;cursor:not-allowed}.error-message[data-v-84cf7df8]{color:var(--error-color);background-color:#f851491a;border:1px solid rgba(248,81,73,.4);border-radius:6px;padding:.75rem;margin-bottom:1rem;font-size:.875rem;text-align:center}.create-account-box[data-v-84cf7df8]{padding:1rem;text-align:center}.create-account-box p[data-v-84cf7df8]{margin:0;font-size:.875rem;color:var(--text-color)}.create-account-box a[data-v-84cf7df8]{color:var(--link-color);text-decoration:none}.create-account-box a[data-v-84cf7df8]:hover{text-decoration:underline}[data-v-268eb480]:root{--bg-color: #0d1117;--form-bg-color: #161b22;--border-color: #30363d;--text-color: #c9d1d9;--text-secondary-color: #8b949e;--link-color: #2f81f7;--btn-primary-bg: #238636;--btn-primary-hover-bg: #2ea043;--input-bg-color: #010409;--error-color: #f85149}.register-container[data-v-268eb480]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;padding:2rem 1rem;box-sizing:border-box}.register-wrapper[data-v-268eb480]{width:100%;max-width:340px;text-align:center;margin-top:2rem}.app-logo[data-v-268eb480]{height:48px;width:auto;margin-bottom:1.5rem}.title[data-v-268eb480]{color:var(--text-color);font-size:1.5rem;font-weight:300;letter-spacing:-.5px;margin-bottom:1rem}.register-box[data-v-268eb480],.login-link-box[data-v-268eb480]{background-color:var(--form-bg-color);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;text-align:left;margin-bottom:1rem}.form-group[data-v-268eb480]{margin-bottom:1rem}label[data-v-268eb480]{display:block;color:var(--text-color);font-size:.875rem;font-weight:400;margin-bottom:.5rem}input[data-v-268eb480],select[data-v-268eb480]{width:100%;padding:.5rem .75rem;background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.875rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}input[data-v-268eb480]::placeholder{color:var(--text-secondary-color)}input[data-v-268eb480]:focus,select[data-v-268eb480]:focus{outline:none;border-color:var(--link-color);box-shadow:0 0 0 3px #2f81f74d}.btn-primary[data-v-268eb480]{width:100%;padding:.625rem;margin-top:1rem;border:1px solid rgba(240,246,252,.1);border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s;background-color:var(--btn-primary-bg);color:#fff}.btn-primary[data-v-268eb480]:hover{background-color:var(--btn-primary-hover-bg)}.btn-primary[data-v-268eb480]:disabled{background-color:#2ea0438a;cursor:not-allowed}.error-message[data-v-268eb480]{color:var(--error-color);background-color:#f851491a;border:1px solid rgba(248,81,73,.4);border-radius:6px;padding:.75rem;margin-bottom:1rem;font-size:.875rem;text-align:center}.login-link-box[data-v-268eb480]{padding:1rem;text-align:center}.login-link-box p[data-v-268eb480]{margin:0;font-size:.875rem;color:var(--text-color)}.login-link-box a[data-v-268eb480]{color:var(--link-color);text-decoration:none}.login-link-box a[data-v-268eb480]:hover{text-decoration:underline}.register-footer[data-v-268eb480]{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:auto;padding-top:2rem}.register-footer a[data-v-268eb480]{color:var(--text-secondary-color);font-size:.75rem;text-decoration:none}.register-footer a[data-v-268eb480]:hover{color:var(--link-color);text-decoration:underline}.admin-layout[data-v-1a572af6]{display:flex;position:relative;height:100vh;overflow:hidden;background-color:#0d1117;color:#c9d1d9}.sidebar[data-v-1a572af6]{width:250px;background-color:#161b22;border-right:1px solid #30363d;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;transition:transform .3s ease;z-index:1000}.sidebar-header[data-v-1a572af6]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #30363d}.logo-container[data-v-1a572af6]{display:flex;align-items:center;justify-content:center;gap:.75rem}.app-logo[data-v-1a572af6]{height:40px;width:auto}.logo-text[data-v-1a572af6]{font-size:1.5rem;font-weight:600;color:#fff}.sidebar-nav[data-v-1a572af6]{flex-grow:1;padding:1rem 0;overflow-y:auto}.nav-link[data-v-1a572af6]{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;color:#8b949e;text-decoration:none;transition:background-color .2s,color .2s;border-left:3px solid transparent}.nav-link[data-v-1a572af6]:not(.active):hover{background-color:#30363d;color:#fff}.nav-link.active[data-v-1a572af6]{background-color:#0d1117;color:#fff;border-left-color:#2f81f7}.sidebar-footer[data-v-1a572af6]{padding:1.5rem;border-top:1px solid #30363d}.user-info[data-v-1a572af6]{margin-bottom:1rem}.email[data-v-1a572af6]{font-size:.875rem;word-break:break-all}.logout-button[data-v-1a572af6]{width:100%;padding:.625rem;background-color:#21262d;border:1px solid #30363d;color:#c9d1d9;border-radius:6px;cursor:pointer}.logout-button[data-v-1a572af6]:hover{background-color:#f85149;color:#fff;border-color:#f85149}.main-content[data-v-1a572af6]{flex-grow:1;overflow-y:auto;height:100vh;display:flex;flex-direction:column}.content-wrapper[data-v-1a572af6]{padding:2rem}.main-header[data-v-1a572af6]{display:none;padding:1rem;background-color:#161b22;border-bottom:1px solid #30363d}.hamburger-btn[data-v-1a572af6]{background:none;border:none;color:#fff;cursor:pointer}.close-sidebar-btn[data-v-1a572af6]{display:none;background:none;border:none;color:#8b949e;cursor:pointer}.sidebar-overlay[data-v-1a572af6]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}@media (max-width: 768px){.sidebar[data-v-1a572af6]{position:fixed;transform:translate(-100%)}.sidebar.is-mobile-open[data-v-1a572af6]{transform:translate(0)}.main-header[data-v-1a572af6]{display:flex}.close-sidebar-btn[data-v-1a572af6],.sidebar-overlay[data-v-1a572af6]{display:block}.content-wrapper[data-v-1a572af6]{padding:1rem}}.customer-layout[data-v-647ed060]{background-color:#0d1117;color:#c9d1d9;min-height:100vh}.header[data-v-647ed060]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#161b22;border-bottom:1px solid #30363d}.logo-container[data-v-647ed060]{display:flex;align-items:center;gap:1rem;text-decoration:none}.logo-img[data-v-647ed060]{height:32px}.logo-text[data-v-647ed060]{font-size:1.25rem;font-weight:600;color:#fff}.user-menu[data-v-647ed060]{display:flex;align-items:center;gap:1.5rem}.nav-link[data-v-647ed060]{color:#c9d1d9;text-decoration:none;font-weight:500}.nav-link.router-link-exact-active[data-v-647ed060]{color:#2f81f7}.logout-btn[data-v-647ed060]{background:none;border:1px solid #30363d;color:#c9d1d9;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.content[data-v-647ed060]{padding:2rem}.modal-overlay[data-v-6daa94b7]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-6daa94b7]{background:#161b22;padding:1.5rem;border-radius:8px;width:90%;max-width:400px;border:1px solid #30363d}.modal-header[data-v-6daa94b7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title[data-v-6daa94b7]{font-size:1.25rem;color:#fff}.close-button[data-v-6daa94b7]{background:none;border:none;color:#8b949e;font-size:2rem;cursor:pointer}.status-container[data-v-6daa94b7]{text-align:center;padding:1rem}.spinner[data-v-6daa94b7]{width:40px;height:40px;border:4px solid #30363d;border-top-color:#2f81f7;border-radius:50%;animation:spin-6daa94b7 1s linear infinite;margin:0 auto 1rem}@keyframes spin-6daa94b7{to{transform:rotate(360deg)}}.instruction[data-v-6daa94b7]{margin-bottom:1rem}.qr-code-img[data-v-6daa94b7]{max-width:100%;height:auto;border-radius:8px;margin-bottom:1rem}.total-amount[data-v-6daa94b7]{font-size:1.2rem;margin-bottom:.5rem}.timer[data-v-6daa94b7]{font-size:1rem;color:#8b949e}.small-text[data-v-6daa94b7]{font-size:.8rem;color:#8b949e;margin-top:1rem}.status-icon[data-v-6daa94b7]{margin-bottom:1rem}.success .status-icon[data-v-6daa94b7]{color:#2ea043}.failed .status-icon[data-v-6daa94b7]{color:#da3633}.success h3[data-v-6daa94b7]{color:#2ea043}.failed h3[data-v-6daa94b7]{color:#da3633}.modal-footer[data-v-6daa94b7]{text-align:right;margin-top:1.5rem}.btn-primary[data-v-6daa94b7]{padding:.5rem 1.5rem;background-color:#2f81f7;border:none;color:#fff;border-radius:6px;cursor:pointer}.shop-layout[data-v-6fd7fbf4]{display:grid;grid-template-columns:1fr;gap:2rem;height:calc(100vh - 100px)}.shop-layout.cart-visible[data-v-6fd7fbf4]{grid-template-columns:2fr 1fr}.product-list-container[data-v-6fd7fbf4]{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.page-title[data-v-6fd7fbf4]{font-size:2rem;font-weight:600;color:#fff}.search-bar[data-v-6fd7fbf4]{width:100%;padding:.75rem;background-color:#010409;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:1rem}.product-grid[data-v-6fd7fbf4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.product-card[data-v-6fd7fbf4]{background-color:#161b22;border:1px solid #30363d;border-radius:8px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.product-name[data-v-6fd7fbf4]{font-size:1.1rem;font-weight:500;color:#fff}.product-price[data-v-6fd7fbf4]{color:#2f81f7;font-size:1.25rem;font-weight:700}.product-stock[data-v-6fd7fbf4]{font-size:.8rem;color:#8b949e}.add-to-cart-btn[data-v-6fd7fbf4]{width:100%;padding:.5rem;margin-top:1rem;background-color:#238636;color:#fff;border:none;border-radius:6px;cursor:pointer}.add-to-cart-btn[data-v-6fd7fbf4]:disabled{background-color:#21262d;cursor:not-allowed}.cart-container[data-v-6fd7fbf4]{background-color:#161b22;border-left:1px solid #30363d;display:flex;flex-direction:column;height:100%}.cart-title[data-v-6fd7fbf4]{padding:1.5rem;font-size:1.5rem;border-bottom:1px solid #30363d}.empty-cart[data-v-6fd7fbf4]{flex-grow:1;display:flex;justify-content:center;align-items:center;color:#8b949e}.cart-items[data-v-6fd7fbf4]{flex-grow:1;overflow-y:auto;padding:1rem}.cart-item[data-v-6fd7fbf4]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.item-info[data-v-6fd7fbf4]{flex-grow:1}.item-name[data-v-6fd7fbf4]{font-weight:500}.item-price[data-v-6fd7fbf4]{font-size:.9rem;color:#8b949e}.quantity-controls[data-v-6fd7fbf4]{display:flex;align-items:center}.quantity-controls button[data-v-6fd7fbf4]{width:28px;height:28px}.quantity-controls input[data-v-6fd7fbf4]{width:40px;text-align:center;background:#010409;border:1px solid #30363d;color:#fff;border-radius:4px;margin:0 4px}.remove-btn[data-v-6fd7fbf4]{background:none;border:none;color:#da3633;font-size:1.5rem;cursor:pointer}.cart-summary[data-v-6fd7fbf4]{padding:1.5rem;border-top:1px solid #30363d}.total[data-v-6fd7fbf4]{display:flex;justify-content:space-between;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.checkout-btn[data-v-6fd7fbf4]{width:100%;padding:1rem;background-color:#2f81f7;color:#fff;border:none;border-radius:6px;font-size:1.25rem;cursor:pointer}.checkout-btn[data-v-6fd7fbf4]:disabled{background-color:#21262d;cursor:not-allowed}@media (max-width: 992px){.shop-layout.cart-visible[data-v-6fd7fbf4]{grid-template-columns:1.5fr 1fr}}@media (max-width: 768px){.shop-layout[data-v-6fd7fbf4]{grid-template-columns:1fr;height:auto}}.page-title[data-v-07963295]{font-size:2rem;font-weight:600;color:#fff;margin-bottom:2rem}.placeholder-card[data-v-07963295]{background-color:#161b22;padding:3rem;border-radius:8px;text-align:center;border:1px solid #30363d}.dashboard-home-container[data-v-9c43e2fa]{padding:1.5rem}.header[data-v-9c43e2fa]{margin-bottom:2rem}.title[data-v-9c43e2fa]{font-size:2rem;font-weight:600;color:#fff}.subtitle[data-v-9c43e2fa]{color:#8b949e}.summary-grid[data-v-9c43e2fa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-card[data-v-9c43e2fa]{background-color:#0d1117;padding:1.5rem;border-radius:8px;border:1px solid #30363d}.summary-card h4[data-v-9c43e2fa]{margin:0 0 .5rem;color:#8b949e;font-weight:500}.summary-card .amount[data-v-9c43e2fa]{font-size:2rem;font-weight:600;color:#fff;margin:0}.summary-card.profit .amount[data-v-9c43e2fa]{color:#2ea043}.summary-card .detail[data-v-9c43e2fa]{margin:0;font-size:.875rem;color:#8b949e}.loading-state[data-v-9c43e2fa]{text-align:center;padding:3rem;color:#8b949e}.modal-overlay[data-v-6149e6c6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-6149e6c6]{background-color:#161b22;padding:2rem;border-radius:8px;width:90%;max-width:420px;border:1px solid #30363d;text-align:center}.modal-header[data-v-6149e6c6]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.info-icon[data-v-6149e6c6]{color:#2f81f7;width:48px;height:48px}.modal-title[data-v-6149e6c6]{margin:0;font-size:1.25rem;color:#fff}.modal-text[data-v-6149e6c6]{color:#8b949e;margin-bottom:2rem;line-height:1.6}.modal-actions[data-v-6149e6c6]{display:flex;justify-content:center}.btn-primary[data-v-6149e6c6]{background-color:#238636;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500}.page-title[data-v-70a645b3]{font-size:2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.page-subtitle[data-v-70a645b3]{color:#8b949e;margin-bottom:2rem}.item-form[data-v-70a645b3]{background-color:#161b22;padding:2rem;border-radius:8px;border:1px solid #30363d}.form-grid[data-v-70a645b3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group[data-v-70a645b3]{display:flex;flex-direction:column}.form-group label[data-v-70a645b3]{margin-bottom:.5rem;font-size:.875rem;color:#c9d1d9}.form-group input[data-v-70a645b3],.form-group select[data-v-70a645b3]{background-color:#010409;border:1px solid #30363d;color:#c9d1d9;padding:.75rem;border-radius:6px;font-size:1rem}.form-group input[data-v-70a645b3]:focus,.form-group select[data-v-70a645b3]:focus{outline:none;border-color:#2f81f7;box-shadow:0 0 0 3px #2f81f74d}.form-actions[data-v-70a645b3]{margin-top:2rem;text-align:right}.btn-primary[data-v-70a645b3]{background-color:#238636;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500}.btn-primary[data-v-70a645b3]:hover{background-color:#2ea043}.btn-primary[data-v-70a645b3]:disabled{background-color:#2ea0438a;cursor:not-allowed}.error-message[data-v-70a645b3]{color:#f85149;margin-top:1rem}.success-message[data-v-70a645b3]{color:#2ea043;margin-top:1rem}.modal-overlay[data-v-0b5c8164]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-0b5c8164]{background-color:#161b22;padding:2rem;border-radius:8px;width:90%;max-width:500px}h2[data-v-0b5c8164]{margin-top:0;margin-bottom:2rem}.form-group[data-v-0b5c8164]{margin-bottom:1rem}.form-group label[data-v-0b5c8164]{display:block;margin-bottom:.5rem}.form-group input[data-v-0b5c8164],.form-group select[data-v-0b5c8164]{width:100%;background-color:#010409;border:1px solid #30363d;color:#c9d1d9;padding:.75rem;border-radius:6px;box-sizing:border-box}.modal-actions[data-v-0b5c8164]{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.btn-primary[data-v-0b5c8164]{background-color:#238636;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer}.btn-secondary[data-v-0b5c8164]{background-color:#21262d;color:#c9d1d9;border:1px solid #30363d;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer}.error-message[data-v-0b5c8164]{color:#f85149;margin-top:1rem}.modal-overlay[data-v-5e9339ca]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-5e9339ca]{background-color:#161b22;padding:2rem;border-radius:8px;width:90%;max-width:400px;border:1px solid #30363d;text-align:center}.icon-wrapper[data-v-5e9339ca]{margin-bottom:1rem}.warning-icon[data-v-5e9339ca]{color:#f85149}.modal-title[data-v-5e9339ca]{font-size:1.25rem;margin-bottom:.5rem;color:#fff}.modal-text[data-v-5e9339ca]{color:#8b949e;margin-bottom:2rem}.modal-text strong[data-v-5e9339ca]{color:#c9d1d9;font-weight:500}.modal-actions[data-v-5e9339ca]{display:flex;gap:1rem}.btn-secondary[data-v-5e9339ca],.btn-danger[data-v-5e9339ca]{flex-grow:1;padding:.75rem;border-radius:6px;border:none;cursor:pointer;font-weight:500}.btn-secondary[data-v-5e9339ca]{background-color:#21262d;color:#c9d1d9;border:1px solid #30363d}.btn-danger[data-v-5e9339ca]{background-color:#da3633;color:#fff}.page-container[data-v-0760ab63]{padding:1.5rem}.page-header[data-v-0760ab63]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title[data-v-0760ab63]{font-size:2rem;font-weight:600;color:#fff}.btn-add[data-v-0760ab63]{background-color:#238636;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem}.error-banner[data-v-0760ab63]{background-color:#da363333;color:#da3633;border:1px solid #da3633;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-banner button[data-v-0760ab63]{background:none;border:none;color:#da3633;font-size:1.5rem;cursor:pointer}.table-responsive[data-v-0760ab63]{overflow-x:auto;background-color:#161b22;border:1px solid #30363d;border-radius:8px}table[data-v-0760ab63]{width:100%;border-collapse:collapse;min-width:800px}th[data-v-0760ab63],td[data-v-0760ab63]{padding:1rem;text-align:left;border-bottom:1px solid #30363d;white-space:nowrap}th[data-v-0760ab63]{background-color:#0d1117;font-size:.875rem;color:#8b949e}tbody tr:last-child td[data-v-0760ab63]{border-bottom:none}.unit-text[data-v-0760ab63]{color:#8b949e;font-size:.8rem;margin-left:4px}.loading-state[data-v-0760ab63],.empty-state[data-v-0760ab63]{text-align:center;padding:3rem;color:#8b949e}.action-buttons[data-v-0760ab63]{display:flex;gap:.5rem}.btn-update[data-v-0760ab63]{background-color:#2f81f7;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.btn-delete[data-v-0760ab63]{background-color:#da3633;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.page-title[data-v-6957c540]{font-size:2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.page-subtitle[data-v-6957c540]{color:#8b949e;margin-bottom:2rem}.table-container[data-v-6957c540]{background-color:#161b22;border:1px solid #30363d;border-radius:8px;overflow:hidden}table[data-v-6957c540]{width:100%;border-collapse:collapse}th[data-v-6957c540],td[data-v-6957c540]{padding:1rem;text-align:left;border-bottom:1px solid #30363d}th[data-v-6957c540]{background-color:#21262d;font-size:.875rem;color:#8b949e}.loading-state[data-v-6957c540]{text-align:center;padding:3rem}.action-cell select[data-v-6957c540]{background-color:#010409;border:1px solid #30363d;color:#c9d1d9;padding:.5rem;border-radius:6px}.page-title[data-v-20e12569]{font-size:2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.page-subtitle[data-v-20e12569]{color:#8b949e;margin-bottom:2rem}.transaction-nav[data-v-20e12569]{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #30363d}.nav-button[data-v-20e12569]{padding:.75rem 1.5rem;color:#8b949e;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav-button[data-v-20e12569]:hover{color:#fff}.nav-button.active[data-v-20e12569]{color:#fff;border-bottom-color:#2f81f7}.transaction-content[data-v-20e12569]{background-color:#161b22;padding:2rem;border-radius:8px;border:1px solid #30363d}.transaksi-beli-container[data-v-5edb8c77]{padding:1.5rem}.form-card[data-v-5edb8c77]{background-color:#0d1117;padding:2rem;border-radius:8px;border:1px solid #30363d;max-width:600px;margin:0 auto}.form-title[data-v-5edb8c77]{font-size:1.5rem;font-weight:500;color:#fff;margin-bottom:2rem;text-align:center}.form-group[data-v-5edb8c77]{margin-bottom:1.5rem}.form-group label[data-v-5edb8c77]{display:block;margin-bottom:.5rem;color:#8b949e}.form-group input[data-v-5edb8c77],.form-group select[data-v-5edb8c77]{width:100%;padding:.75rem;background-color:#010409;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:1rem}.form-grid[data-v-5edb8c77]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-actions[data-v-5edb8c77]{margin-top:2rem;text-align:right}.btn-primary[data-v-5edb8c77]{padding:.75rem 1.5rem;background-color:#238636;border:none;color:#fff;border-radius:6px;cursor:pointer;font-weight:500}.btn-primary[data-v-5edb8c77]:disabled{background-color:#21262d;cursor:not-allowed;opacity:.6}.error-message[data-v-5edb8c77],.success-message[data-v-5edb8c77]{padding:.75rem;border-radius:6px;margin-top:1rem;text-align:center}.error-message[data-v-5edb8c77]{background-color:#f851491a;color:#f85149}.success-message[data-v-5edb8c77]{background-color:#2ea0431a;color:#2ea043}.modal-overlay[data-v-52e242a3]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-52e242a3]{background-color:#161b22;padding:2rem;border-radius:8px;width:90%;max-width:500px;border:1px solid #30363d}.modal-title[data-v-52e242a3]{text-align:center;margin-bottom:2rem;font-size:1.5rem;color:#fff}.summary-section[data-v-52e242a3]{margin-bottom:2rem;padding:1rem;background-color:#0d1117;border-radius:6px}.summary-item[data-v-52e242a3]{display:flex;justify-content:space-between;align-items:center}.summary-item span[data-v-52e242a3]{font-size:1.1rem}.total-price[data-v-52e242a3]{font-size:1.5rem!important;font-weight:700;color:#2f81f7}.payment-method[data-v-52e242a3],.cash-input[data-v-52e242a3]{margin-bottom:1.5rem}label[data-v-52e242a3]{display:block;margin-bottom:.75rem;color:#8b949e}.method-options[data-v-52e242a3]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.method-options button[data-v-52e242a3]{padding:.75rem;border:1px solid #30363d;background-color:#0d1117;color:#c9d1d9;border-radius:6px;cursor:pointer}.method-options button.active[data-v-52e242a3]{background-color:#2f81f7;border-color:#2f81f7;color:#fff}.cash-input input[data-v-52e242a3]{width:100%;padding:.75rem;background-color:#010409;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:1.25rem}.change-info[data-v-52e242a3]{margin-top:.75rem;text-align:right;font-size:1rem;color:#c9d1d9}.error-message[data-v-52e242a3]{background-color:#f851491a;color:#f85149;padding:.75rem;border-radius:6px;margin-bottom:1rem;text-align:center}.modal-actions[data-v-52e242a3]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-secondary[data-v-52e242a3]{padding:.75rem 1.5rem;background-color:#21262d;border:1px solid #30363d;color:#c9d1d9;border-radius:6px;cursor:pointer}.btn-primary[data-v-52e242a3]{padding:.75rem 1.5rem;background-color:#238636;border:none;color:#fff;border-radius:6px;cursor:pointer}.btn-primary[data-v-52e242a3]:disabled{background-color:#21262d;cursor:not-allowed;opacity:.6}.modal-overlay[data-v-2fb876f5]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-2fb876f5]{background-color:#161b22;padding:2rem;border-radius:8px;width:90%;max-width:400px;border:1px solid #30363d}.receipt-content[data-v-2fb876f5]{color:#c9d1d9}.receipt-title[data-v-2fb876f5]{text-align:center;font-size:1.5rem;margin-bottom:1.5rem}.info-grid[data-v-2fb876f5],.summary-grid[data-v-2fb876f5]{display:grid;gap:.5rem 1rem}.info-item[data-v-2fb876f5],.summary-item[data-v-2fb876f5]{display:flex;justify-content:space-between}.full-width[data-v-2fb876f5]{grid-column:1 / -1}.divider[data-v-2fb876f5]{border-top:1px dashed #444;margin:1rem 0}.items-table[data-v-2fb876f5]{display:flex;flex-direction:column;gap:.75rem}.item-row .item-name[data-v-2fb876f5]{font-weight:500}.item-row .item-details[data-v-2fb876f5]{display:flex;justify-content:space-between;font-size:.9rem;color:#8b949e;padding-left:1rem}.modal-actions[data-v-2fb876f5]{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.btn-secondary[data-v-2fb876f5]{flex-grow:1;padding:.75rem 1.5rem;background-color:#21d64a;border:1px solid #30363d;color:#c9d1d9;border-radius:6px;cursor:pointer}.btn-primary[data-v-2fb876f5]{flex-grow:1;padding:.75rem 1.5rem;background-color:#238636;border:none;color:#fff;border-radius:6px;cursor:pointer}.transaksi-jual-container[data-v-64d000b9]{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;padding:1.5rem;height:calc(100vh - 80px)}.product-list-section[data-v-64d000b9],.cart-section[data-v-64d000b9]{background-color:#0d1117;border:1px solid #30363d;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.list-header[data-v-64d000b9]{padding:1rem 1.5rem;border-bottom:1px solid #30363d}.list-header h3[data-v-64d000b9]{margin:0 0 1rem}.search-bar input[data-v-64d000b9]{width:100%;padding:.75rem;background-color:#010409;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:1rem}.product-grid[data-v-64d000b9]{flex-grow:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:1.5rem;align-content:start}.product-card[data-v-64d000b9]{background-color:#161b22;padding:1rem;border-radius:6px;border:1px solid #30363d;cursor:pointer;transition:transform .2s,box-shadow .2s}.product-card[data-v-64d000b9]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.product-name[data-v-64d000b9]{font-weight:500;color:#fff;margin-bottom:.5rem}.product-price[data-v-64d000b9]{color:#2f81f7;margin-bottom:.5rem}.product-stock[data-v-64d000b9]{font-size:.8rem;color:#8b949e}.no-items[data-v-64d000b9]{color:#8b949e}.cart-section h3[data-v-64d000b9]{padding:1rem 1.5rem;margin:0;border-bottom:1px solid #30363d}.cart-items[data-v-64d000b9]{flex-grow:1;overflow-y:auto;padding:1rem}.empty-cart[data-v-64d000b9]{color:#8b949e;text-align:center;margin-top:2rem}.cart-item[data-v-64d000b9]{display:flex;flex-direction:column;margin-bottom:1rem;border-bottom:1px solid #30363d;padding-bottom:1rem}.cart-item[data-v-64d000b9]:last-child{border-bottom:none}.item-info[data-v-64d000b9]{display:flex;justify-content:space-between;margin-bottom:.5rem}.item-name[data-v-64d000b9]{font-weight:500}.item-controls[data-v-64d000b9]{display:flex;align-items:center}.item-controls button[data-v-64d000b9]{width:30px;height:30px;border:1px solid #30363d;background-color:#21262d;color:#c9d1d9;cursor:pointer}.item-controls input[data-v-64d000b9]{width:50px;height:30px;text-align:center;border:1px solid #30363d;background-color:#010409;color:#c9d1d9;-moz-appearance:textfield}input[data-v-64d000b9]::-webkit-outer-spin-button,input[data-v-64d000b9]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.delete-btn[data-v-64d000b9]{margin-left:auto;color:#f85149!important;font-size:1.5rem;background:none!important;border:none!important}.cart-summary[data-v-64d000b9]{padding:1.5rem;border-top:1px solid #30363d}.summary-total[data-v-64d000b9]{display:flex;justify-content:space-between;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.pay-btn[data-v-64d000b9]{width:100%;padding:.875rem;background-color:#238636;color:#fff;border:none;border-radius:6px;font-size:1.1rem;cursor:pointer}.pay-btn[data-v-64d000b9]:disabled{background-color:#21262d;cursor:not-allowed}@media (max-width: 768px){.transaksi-jual-container[data-v-64d000b9]{grid-template-columns:1fr;height:auto}.cart-section[data-v-64d000b9]{max-height:40vh}}.modal-overlay[data-v-cce51163]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-cce51163]{background-color:#161b22;border-radius:8px;width:90%;max-width:700px;border:1px solid #30363d;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-cce51163],.modal-footer[data-v-cce51163]{padding:1.5rem;flex-shrink:0}.modal-body[data-v-cce51163]{padding:0 1.5rem;overflow-y:auto}.modal-header[data-v-cce51163]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30363d}.modal-title[data-v-cce51163]{font-size:1.25rem;color:#fff}.close-button[data-v-cce51163]{background:none;border:none;color:#8b949e;font-size:2rem;cursor:pointer}.info-grid[data-v-cce51163]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.info-item[data-v-cce51163]{display:flex;flex-direction:column}.info-item-group[data-v-cce51163]{display:flex;gap:1rem;grid-column:1 / -1}.info-item-group .info-item[data-v-cce51163]{flex:1}.info-item span[data-v-cce51163]{color:#8b949e;font-size:.875rem}.info-item strong[data-v-cce51163]{color:#fff;font-weight:500;word-break:break-all}.section-title[data-v-cce51163]{font-size:1.1rem;color:#fff;margin-top:1rem;margin-bottom:1rem;border-bottom:1px solid #30363d;padding-bottom:.5rem}.table-responsive[data-v-cce51163]{overflow-x:auto}.items-table[data-v-cce51163]{min-width:500px;display:flex;flex-direction:column}.items-table .table-header[data-v-cce51163]{display:grid;grid-template-columns:3fr 1fr 1.5fr 1.5fr 1.5fr;color:#8b949e;font-size:.875rem;padding:0 .5rem .5rem;border-bottom:1px solid #30363d;white-space:nowrap}.items-table .table-row[data-v-cce51163]{display:grid;grid-template-columns:3fr 1fr 1.5fr 1.5fr 1.5fr;padding:.75rem .5rem;border-bottom:1px solid #30363d;white-space:nowrap}.items-table .table-row[data-v-cce51163]:last-child{border-bottom:none}.profit[data-v-cce51163]{color:#2ea043;font-weight:500}.summary-section[data-v-cce51163]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #30363d;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.summary-item[data-v-cce51163]{display:flex;justify-content:space-between;width:100%;max-width:350px;font-size:1.1rem}.summary-item span[data-v-cce51163]:first-child{color:#8b949e}.modal-footer[data-v-cce51163]{margin-top:1rem;padding-top:1.5rem;text-align:right;border-top:1px solid #30363d}.btn-primary[data-v-cce51163]{padding:.5rem 1.5rem;background-color:#2f81f7;border:none;color:#fff;border-radius:6px;cursor:pointer}.type-badge[data-v-cce51163]{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-block;text-align:center}.type-badge.jual[data-v-cce51163]{background-color:#2ea04333;color:#2ea043}.type-badge.beli[data-v-cce51163]{background-color:#f8514933;color:#f85149}@media (max-width: 600px){.info-grid[data-v-cce51163]{grid-template-columns:1fr}.info-item-group[data-v-cce51163]{flex-direction:column}.summary-item[data-v-cce51163]{width:100%}}.laporan-container[data-v-c1ab09ac]{padding:1.5rem}.header[data-v-c1ab09ac]{margin-bottom:2rem}.title[data-v-c1ab09ac]{font-size:2rem;font-weight:600;color:#fff}.subtitle[data-v-c1ab09ac]{color:#8b949e}.filter-card[data-v-c1ab09ac]{background-color:#0d1117;padding:1.5rem;border-radius:8px;border:1px solid #30363d;margin-bottom:1.5rem}.filter-group[data-v-c1ab09ac]{display:flex;flex-direction:column;gap:.5rem}.filter-group label[data-v-c1ab09ac]{font-weight:500;color:#c9d1d9}.date-controls[data-v-c1ab09ac]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.date-controls button[data-v-c1ab09ac],.date-controls input[data-v-c1ab09ac]{padding:.5rem 1rem;border-radius:6px;border:1px solid #30363d;background-color:#21262d;color:#c9d1d9;cursor:pointer}.date-controls button.active[data-v-c1ab09ac]{background-color:#2f81f7;border-color:#2f81f7;color:#fff}.date-controls input[type=date][data-v-c1ab09ac]{background-color:#010409}.summary-grid[data-v-c1ab09ac]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.summary-card[data-v-c1ab09ac]{background-color:#0d1117;padding:1.5rem;border-radius:8px;border:1px solid #30363d}.summary-card h4[data-v-c1ab09ac]{margin:0 0 .5rem;color:#8b949e;font-weight:500}.summary-card .amount[data-v-c1ab09ac]{font-size:2rem;font-weight:600;color:#fff;margin:0}.summary-card.profit .amount[data-v-c1ab09ac]{color:#2ea043}.summary-card .detail[data-v-c1ab09ac]{margin:0;font-size:.875rem;color:#8b949e}.table-card[data-v-c1ab09ac]{background-color:#0d1117;padding:1.5rem;border-radius:8px;border:1px solid #30363d}.table-header[data-v-c1ab09ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.export-btn[data-v-c1ab09ac]{padding:.5rem 1rem;border-radius:6px;border:1px solid #30363d;background-color:#21262d;color:#c9d1d9;cursor:pointer}.table-responsive[data-v-c1ab09ac]{overflow-x:auto}table[data-v-c1ab09ac]{width:100%;border-collapse:collapse}th[data-v-c1ab09ac],td[data-v-c1ab09ac]{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #30363d}th[data-v-c1ab09ac]{color:#8b949e;font-weight:500}.text-center[data-v-c1ab09ac]{text-align:center}.type-badge[data-v-c1ab09ac]{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.type-badge.jual[data-v-c1ab09ac]{background-color:#2ea04333;color:#2ea043}.type-badge.beli[data-v-c1ab09ac]{background-color:#f8514933;color:#f85149}.actions button[data-v-c1ab09ac]{padding:.25rem .75rem;border:none;border-radius:6px;cursor:pointer;margin-right:.5rem}.btn-detail[data-v-c1ab09ac]{background-color:#21262d;color:#c9d1d9}.btn-delete[data-v-c1ab09ac]{background-color:#f85149;color:#fff}.pagination-controls[data-v-c1ab09ac]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #30363d}.pagination-controls button[data-v-c1ab09ac],.pagination-controls select[data-v-c1ab09ac]{padding:.5rem 1rem;border-radius:6px;border:1px solid #30363d;background-color:#21262d;color:#c9d1d9}.pagination-controls button[data-v-c1ab09ac]:disabled{opacity:.5;cursor:not-allowed}