*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green:#1a6b3c;--green-dark:#114d2b;--green-light:#e8f5ee;--gold:#c9a84c;--gold-light:#fdf6e3;--text:#1a1a1a;--text-secondary:#6b7280;--border:#e5e7eb;--bg:#f4f6f4;--white:#fff;--danger:#dc2626;--danger-light:#fef2f2;--font:"DM Sans",sans-serif;--radius:12px;--radius-sm:8px}body{-webkit-font-smoothing:antialiased;background:#f4f6f4;background:var(--bg);color:#1a1a1a;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font);min-height:100vh}.topbar{background:#1a6b3c;background:var(--green);color:#fff;height:56px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:100}.topbar,.topbar-brand{align-items:center;display:flex}.topbar-brand{gap:10px}.topbar-brand span{font-size:15px;font-weight:600;letter-spacing:-.2px}.topbar-brand .sub{display:block;font-size:11px;font-weight:400;line-height:1;opacity:.7}.topbar-right{align-items:center;display:flex;gap:12px}.user-badge{font-size:12px;opacity:.85}.btn-signout{background:#ffffff26;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:12px;padding:6px 12px}.btn-signout:hover{background:#ffffff40}.bottom-nav{background:#fff;background:var(--white);border-top:1px solid #e5e7eb;border-top:1px solid var(--border);bottom:0;display:flex;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:100}.nav-item{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:10px;font-weight:500;gap:4px;justify-content:center;padding:10px 4px 8px;transition:color .15s}.nav-item.active{color:#1a6b3c;color:var(--green)}.nav-item svg{height:22px;width:22px}.main{margin:0 auto;max-width:600px;padding:16px 16px 90px}.card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-title{color:#1a1a1a;color:var(--text);font-size:14px;font-weight:600;margin-bottom:14px}.metric-grid{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}.metric-grid,.metric-grid-3{display:grid;margin-bottom:14px}.metric-grid-3{grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr 1fr}.metric{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);padding:12px}.metric .m-label{color:#6b7280;color:var(--text-secondary);font-size:11px;margin-bottom:4px}.metric .m-value{color:#1a1a1a;color:var(--text);font-size:20px;font-weight:600;line-height:1}.metric .m-sub{color:#6b7280;color:var(--text-secondary);font-size:11px;margin-top:3px}.metric.accent{background:#1a6b3c;background:var(--green);border-color:#1a6b3c;border-color:var(--green)}.metric.accent .m-label{color:#ffffffbf}.metric.accent .m-value{color:#fff}.metric.accent .m-sub{color:#ffffffa6}.metric.gold{background:#fdf6e3;background:var(--gold-light);border-color:#e6d5a0}.metric.gold .m-value{color:#8a6a1a}.form-group{margin-bottom:14px}.form-group label{color:#6b7280;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#1a1a1a;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:15px;outline:none;padding:11px 13px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a6b3c;border-color:var(--green)}.form-group textarea{height:80px;resize:none}.btn-primary{background:#1a6b3c;background:var(--green);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:15px;font-weight:600;padding:14px;transition:background .15s;width:100%}.btn-primary:hover{background:#114d2b;background:var(--green-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{border:1px solid #1a6b3c;border:1px solid var(--green);border-radius:8px;border-radius:var(--radius-sm);color:#1a6b3c;color:var(--green);font-size:14px;font-weight:500;padding:11px;width:100%}.btn-danger,.btn-secondary{background:none;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font)}.btn-danger{border:1px solid #dc2626;border:1px solid var(--danger);border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--danger);font-size:13px;padding:7px 14px}.pay-btns{display:flex;gap:8px}.pay-btn{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;padding:10px 6px;text-align:center;transition:all .15s}.pay-btn.sel-cash{background:#ecfdf5;border-color:#16a34a;color:#15803d}.pay-btn.sel-token{background:#fefce8;border-color:#ca8a04;color:#92400e}.pay-btn.sel-bank{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.badge-cash{background:#ecfdf5;color:#15803d}.badge-token{background:#fefce8;color:#92400e}.badge-bank{background:#eff6ff;color:#1d4ed8}.badge-expense{background:#fef2f2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.badge-manager{background:#e8f5ee;background:var(--green-light);color:#1a6b3c;color:var(--green)}.badge-staff{background:#f3f4f6;color:#374151}.tx-item{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:11px 0}.tx-item:last-child{border-bottom:none}.tx-name{color:#1a1a1a;color:var(--text);font-size:14px;font-weight:500}.tx-meta{color:#6b7280;color:var(--text-secondary);font-size:12px;margin-top:2px}.tx-amount{color:#1a6b3c;color:var(--green);font-size:15px;font-weight:600;white-space:nowrap}.tx-amount.expense{color:#dc2626;color:var(--danger)}.section-label{color:#6b7280;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.6px;margin:16px 0 8px;text-transform:uppercase}.toggle-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.toggle-btn{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:20px;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;padding:7px 14px}.toggle-btn.active{background:#1a6b3c;background:var(--green);border-color:#1a6b3c;border-color:var(--green);color:#fff}.cust-toggle{display:flex;gap:8px;margin-bottom:14px}.cust-btn{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;padding:9px}.cust-btn.active{background:#e8f5ee;background:var(--green-light);border-color:#1a6b3c;border-color:var(--green);color:#1a6b3c;color:var(--green)}.product-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.product-btn{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);padding:10px;text-align:left;transition:all .15s}.product-btn.selected,.product-btn:hover{border-color:#1a6b3c;border-color:var(--green)}.product-btn.selected{background:#e8f5ee;background:var(--green-light)}.product-btn .p-name{color:#1a1a1a;color:var(--text);font-size:12px;font-weight:500}.product-btn .p-price{color:#1a6b3c;color:var(--green);font-size:13px;font-weight:600;margin-top:3px}.product-btn.selected .p-price{color:#114d2b;color:var(--green-dark)}.cart-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.cart-item:last-child{border-bottom:none}.cart-qty{gap:8px}.cart-qty,.qty-btn{align-items:center;display:flex}.qty-btn{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:50%;color:#1a6b3c;color:var(--green);cursor:pointer;font-size:16px;height:26px;justify-content:center;line-height:1;width:26px}.cart-total{border-top:2px solid #e5e7eb;border-top:2px solid var(--border);display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-top:4px;padding:12px 0 0}.chart-wrap{height:220px;margin-top:8px;width:100%}.toast{animation:fadeup .25s ease;background:#114d2b;background:var(--green-dark);border-radius:24px;bottom:80px;color:#fff;font-size:14px;font-weight:500;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:999}.toast.error{background:#dc2626;background:var(--danger)}@keyframes fadeup{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.login-page{align-items:center;background:#1a6b3c;background:var(--green);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border-radius:20px;max-width:380px;padding:32px 28px;width:100%}.login-logo{margin-bottom:24px;text-align:center}.login-logo h1{color:#1a6b3c;color:var(--green);font-size:22px;font-weight:700;line-height:1.2}.login-logo p{color:#6b7280;color:var(--text-secondary);font-size:13px;margin-top:4px}.login-divider{background:#e5e7eb;background:var(--border);height:1px;margin:20px 0}.empty{color:#6b7280;color:var(--text-secondary);font-size:14px;padding:40px 16px;text-align:center}.empty svg{height:40px;margin-bottom:8px;opacity:.3;width:40px}.report-table{border-collapse:collapse;font-size:13px;width:100%}.report-table th{color:#6b7280;color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.4px;padding:8px 6px;text-align:left;text-transform:uppercase}.report-table td,.report-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}.report-table td{padding:10px 6px}.report-table tr:last-child td{border-bottom:none}.report-table .amt{color:#1a6b3c;color:var(--green);font-weight:600;text-align:right}.report-table .amt.neg{color:#dc2626;color:var(--danger)}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.flex-between{align-items:center;display:flex;justify-content:space-between}.text-sm{color:#6b7280;color:var(--text-secondary);font-size:13px}.pay-btn.sel-credit{border-color:#7c3aed}.badge-credit,.pay-btn.sel-credit{background:#f3e8ff;color:#5b21b6}
/*# sourceMappingURL=main.6b1c74b2.css.map*/