*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font-family:inherit}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-icon{display:block;font-size:48px;margin-bottom:16px}.login-header h1{color:#333;font-size:24px;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.error-message{background:#fee;border-radius:8px;color:#e74c3c;font-size:14px;margin-bottom:20px;padding:10px;text-align:center}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s;width:100%}.login-btn:hover:not(:disabled){transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.dashboard{background:#f5f5f5;min-height:100vh}.dashboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px}.dashboard-header h1{font-size:1.5rem;margin-bottom:4px}.dashboard-header p{font-size:.9rem;opacity:.9}.stats-badge{background:#fff3;border-radius:20px;font-size:.85rem;padding:8px 16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:20px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:20px}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.stat-value{color:#333;font-size:1.8rem;font-weight:700}.stat-label{color:#666;font-size:.8rem}.menu-grid{flex-direction:column;gap:16px}.menu-card,.menu-grid{display:flex;padding:20px}.menu-card{align-items:center;background:#fff;border-radius:12px;border-top:4px solid;box-shadow:0 2px 8px #00000014;cursor:pointer;gap:20px;transition:transform .2s,box-shadow .2s}.menu-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateX(8px)}.menu-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.8rem;height:56px;justify-content:center;width:56px}.menu-info{flex:1 1}.menu-info h3{font-size:1.1rem;margin-bottom:4px}.menu-info p{color:#666;font-size:.85rem}.menu-arrow{color:#ccc;font-size:1.2rem}.dashboard-loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.customers-container{background:#f5f5f5;min-height:100vh}.customers-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.back-btn{background:#fff3;font-size:14px;margin-bottom:16px}.customers-header h1{font-size:1.5rem;margin-bottom:8px}.customers-header h2{font-size:1rem;opacity:.9}.search-bar{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px}.customers-list{display:flex;flex-direction:column;gap:12px;padding:16px}.customer-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:transform .2s}.customer-card:hover{transform:translateX(4px)}.customer-name{font-weight:600;margin-bottom:4px}.customer-id,.customer-phone{color:#666;font-size:.8rem}.customer-balance{text-align:right}.balance-label{color:#999;display:block;font-size:.7rem}.balance-value{font-size:1rem;font-weight:700}.balance-value.negative{color:#e74c3c}.balance-value.zero{color:#27ae60}.outstanding-list{display:flex;flex-direction:column;gap:12px;padding:16px}.outstanding-card{background:#fff;border-left:4px solid #e74c3c;border-radius:12px;padding:16px}.outstanding-info{display:flex;justify-content:space-between;margin-bottom:12px}.inv-no{font-weight:600}.inv-date{color:#666;font-size:.8rem}.outstanding-amount{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.amount-value{color:#e74c3c;font-size:1.2rem;font-weight:700}.overdue-badge{background:#fee;border-radius:4px;color:#e74c3c;display:inline-block;font-size:.7rem;padding:4px 8px}.no-outstanding{color:#666;padding:40px;text-align:center}.customers-loading{align-items:center;display:flex;height:100vh;justify-content:center}.products-container{background:#f5f5f5;min-height:100vh;padding-bottom:80px}.products-header{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:20px}.products-header h1{font-size:1.5rem}.search-filter{background:#fff;display:flex;flex-wrap:wrap;gap:12px;padding:16px}.search-filter .search-input{border:1px solid #ddd;border-radius:8px;flex:2 1;padding:12px}.search-filter .category-select{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1 1;padding:12px}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .2s}.product-card:hover{transform:translateY(-4px)}.product-image{align-items:center;background:#f0f0f0;display:flex;height:150px;justify-content:center}.product-image img{height:100%;object-fit:cover;width:100%}.product-image-placeholder{font-size:3rem;opacity:.5}.product-info{padding:16px}.product-title{font-size:1rem;font-weight:600;margin-bottom:4px}.product-category{color:#999;font-size:.75rem;margin-bottom:12px}.product-price-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.product-price{color:#48bb78;font-size:1.2rem}.product-stock{font-size:.75rem}.product-stock.low-stock{color:#e74c3c;font-weight:700}.add-to-cart-btn{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:background .2s;width:100%}.add-to-cart-btn:hover:not(:disabled){background:#38a169}.add-to-cart-btn:disabled{background:#ccc;cursor:not-allowed}.products-loading{align-items:center;display:flex;height:100vh;justify-content:center}.load-more-container{padding:20px;text-align:center}.load-more-btn{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background .2s}.load-more-btn:hover:not(:disabled){background:#38a169}.load-more-btn:disabled{background:#ccc;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#48bb78;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.order-container{background:#f5f5f5;min-height:100vh;padding-bottom:80px}.order-header{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;padding:20px}.order-header h1{font-size:1.5rem}.order-content{display:flex;flex-direction:column;gap:20px;padding:16px}.customer-section{background:#fff;border-radius:12px;padding:16px}.customer-section h3{font-size:1rem;margin-bottom:12px}.customer-select{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;width:100%}.product-search{background:#fff;border-radius:12px;padding:16px}.product-search-input{border:1px solid #ddd;border-radius:8px;padding:12px;width:100%}.available-products{background:#fff;border-radius:12px;padding:16px}.available-products h3{margin-bottom:12px}.products-list{max-height:300px;overflow-y:auto}.product-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px}.product-details{display:flex;flex-direction:column;gap:4px}.product-name{font-weight:500}.product-price{color:#ed8936;font-size:.85rem;font-weight:700}.product-stock{color:#666;font-size:.7rem}.add-btn{background:#ed8936;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;width:36px}.add-btn:disabled{background:#ccc;cursor:not-allowed}.cart-section{background:#fff;border-radius:12px;padding:16px}.cart-section h3{margin-bottom:16px}.cart-items{max-height:300px;overflow-y:auto}.cart-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.cart-item-info{display:flex;flex-direction:column}.cart-item-name{font-size:.9rem;font-weight:500}.cart-item-price{color:#ed8936;font-size:.8rem}.cart-item-controls{align-items:center;display:flex;gap:8px}.cart-item-controls button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;height:28px;width:28px}.cart-item-controls button.remove{color:#e74c3c}.cart-total{border-top:2px solid #f0f0f0;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:16px 0}.total-amount{color:#ed8936;font-size:1.2rem}.submit-order-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:14px;width:100%}.submit-order-btn:disabled{cursor:not-allowed;opacity:.6}.empty-cart-msg{color:#999;padding:40px;text-align:center}.order-loading{align-items:center;display:flex;height:100vh;justify-content:center}.order-history-container{font-family:Arial,sans-serif;margin:0 auto;min-height:100vh;padding:16px}.history-header{background:linear-gradient(135deg,#000,#38a169);color:#fff;padding:20px}.back-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.order-card{align-items:center;background:#f9f9f9;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.order-info{flex:1 1}.order-number{font-size:1.1rem;font-weight:700}.order-date,.order-total{color:#555;font-size:.9rem;margin-top:4px}.order-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;margin-top:6px;padding:2px 8px}.order-status.confirmed{background:#c6f7d0;color:#2b7a3e}.order-status.cancelled{background:#ffe0e0;color:#c0392b}.order-status.pending{background:#fff0b3;color:#b8860b}.view-detail-btn{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}.modal-close{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:16px;top:12px}.detail-row{margin-bottom:8px}.items-table{border-collapse:collapse;margin-top:10px;width:100%}.items-table td,.items-table th{border-bottom:1px solid #ddd;padding:6px;text-align:left}.filters-bar{align-items:flex-end;background:#f0f0f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:12px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:#555;font-size:.8rem;font-weight:700}.filter-group select{border:1px solid #ccc;border-radius:6px;min-width:150px;padding:8px 12px}.reset-btn{background:#888;border:none;border-radius:6px;color:#fff;cursor:pointer;height:38px;padding:8px 16px}.app{position:relative}.floating-cart{align-items:center;background:linear-gradient(135deg,#ed8936,#dd6b20);border-radius:50%;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s;width:56px;z-index:1000}.floating-cart:hover{transform:scale(1.1)}.logout-btn{align-items:center;background:#e74c3c;border:none;border-radius:30px;bottom:20px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;left:20px;padding:12px 16px;position:fixed;z-index:1000}.logout-btn:hover{background:#c0392b}
/*# sourceMappingURL=main.5a86877d.css.map*/