@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);body,html{font-family:Poppins,sans-serif;margin:0;padding:0}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:1rem 1rem 8rem}.login-card{background:#fff;border-radius:16px;box-shadow:0 12px 32px #0000001f;box-sizing:border-box;max-width:300px;padding:1.5rem 1rem 2.5rem;position:relative;text-align:center;width:100%}.login-header{align-items:center;background:#fff;border-radius:50%;box-shadow:0 3px 8px #00000026;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:-40px;transform:translateX(-50%);width:80px}.login-header img{border-radius:50%;height:56px;object-fit:cover;width:56px}.login-title{color:#333;font-weight:500;margin-bottom:1rem;margin-top:56px}.login-error{background:#fdecea;border-radius:6px;color:#b00020;font-size:.85rem;margin-bottom:.75rem;padding:.5rem .75rem;text-align:left}.form-group{margin-bottom:1rem;text-align:left}.form-group label{color:#555;display:block;font-size:.85rem;margin-bottom:.4rem}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:.6rem .8rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 6px 16px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem;transition:opacity .2s,transform .2s;width:100%}.btn-submit:hover{opacity:.95;transform:translateY(-1px)}@media (max-width:360px){.login-card{padding-bottom:3.5rem}.login-container{padding-bottom:10rem}}.page-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 6px #0000001a;font-family:Arial,sans-serif;margin:2rem auto;max-width:900px}.form.add-item-form{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.form.add-item-form input[type=number],.form.add-item-form input[type=text]{border:1px solid #ccc;border-radius:4px;flex:1 1 180px;font-size:.9rem;min-width:120px;padding:.4rem .6rem}.form.add-item-form input[type=file]{flex:0 0 auto}.form.add-item-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:.95rem;padding:.5rem .9rem}.form.add-item-form button:hover{background-color:#0056b3}.search-container{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.search-input{border:1px solid #ccc;border-radius:4px;font-size:.9rem;max-width:100%;padding:.4rem .6rem;width:250px}.btn-print{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .8rem}.btn-print:hover{background-color:#1e7e34}.item-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.item-card{background-color:#fafafa;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem}.item-image,.no-image{border-radius:4px;margin-bottom:.5rem}.no-image{background-color:#f0f0f0;color:#777;font-size:.9rem;width:100%}.item-name{color:#333;flex:1 1 auto;font-size:1rem;margin:.3rem 0}.item-price{color:#555;font-size:.95rem;margin:.3rem 0 .6rem}.item-buttons{display:flex;gap:.5rem;justify-content:center}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.3rem .6rem}.btn-edit{background-color:#ffc107;color:#333}.btn-edit:hover{background-color:#e0a800}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.no-results{color:#777;font-style:italic;grid-column:1/-1;margin-top:1rem;text-align:center}.items-preview-container{display:none}@media (max-width:600px){.form.add-item-form{align-items:stretch;flex-direction:column;gap:.5rem}.form.add-item-form input[type=number],.form.add-item-form input[type=text]{flex:1 1 auto;max-width:100%;width:auto}.form.add-item-form button,.form.add-item-form input[type=file]{width:100%}.search-container{align-items:stretch;flex-direction:column}.btn-print,.search-input{width:100%}.item-image,.no-image{height:80px}}.page-container{background:#f9f9f9;margin:0 auto;max-width:1200px;padding:1rem}.header-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.btn-back{color:#007bff}.top-actions{background:#fff;border-radius:8px;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.controls,.top-actions{align-items:center;display:flex;flex-wrap:wrap}.controls{gap:.5rem}.controls input,.controls select{border:1px solid #ccc;border-radius:4px;flex:1 1 150px;min-width:120px;padding:.4rem .6rem}.btn-primary,.btn-secondary{flex-shrink:0;padding:.5rem 1rem}.btn-primary{background:#007bff}.btn-secondary{background:#6c757d}.table-container{background:#fff;border-radius:8px;overflow-x:auto}.bills-table{border-collapse:collapse;min-width:600px;width:100%}.bills-table td,.bills-table th{border:1px solid #ddd;padding:.75rem;text-align:left}.bills-table tr:nth-child(2n){background:#f2f2f2}.bills-table tr:hover{background:#e9ecef}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.no-bills{font-style:italic}.link-button{background:none;border:none;color:#007bff;cursor:pointer}@media (max-width:600px){.header-row h2{font-size:1.25rem}.controls input,.controls select{flex:1 1 100%;min-width:0}}.page-content{flex-grow:1;min-height:0;overflow-y:auto;padding-bottom:160px;position:relative}.btn-back{background:none;border:none;color:#555;cursor:pointer;font-size:.9rem;margin-bottom:1rem;text-decoration:underline}.btn-back:hover{color:#000}.bill-header{display:flex;flex-direction:column;margin-bottom:1rem}.bill-header h2{color:#333;font-size:1.5rem;margin:0}.bill-info{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;margin-top:.5rem}.status-badge{border-radius:4px;font-size:.85rem;font-weight:700;padding:.2rem .6rem;text-transform:capitalize}.status-draft{background-color:#f0f0f0;color:#555}.status-open{background-color:#fff4e5;color:#8a6d3b}.status-paid{background-color:#e6ffed;color:#2f8132}.status-cancelled{background-color:#ffe8e8;color:#a80000}.bill-date{color:#666}.add-item-form{align-items:flex-end;background-color:#fafafa;border:1px solid #ddd;border-radius:4px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.form-row{display:flex;flex:1 1;flex-direction:column;min-width:0}.form-row label{color:#333;font-size:.9rem;margin-bottom:.3rem}.input-number,.input-select{border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:.4rem .6rem;width:100%}.btn-add{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:.95rem;height:2.5rem;padding:.5rem .9rem}.btn-add:hover{background-color:#0056b3}.line-items-section{flex-grow:1;margin-bottom:1rem;min-height:200px;overflow-y:auto}.section-title{color:#333;font-size:1.2rem;margin-bottom:.5rem}.no-items{color:#777;font-style:italic}.table-wrapper{margin-bottom:1rem}.items-table{border-collapse:collapse;min-width:480px;table-layout:fixed;width:100%}.items-table td,.items-table th{border:1px solid #ddd;padding:.6rem 1rem;text-align:center;white-space:nowrap}.items-table td:first-child,.items-table th:first-child{text-align:left;white-space:normal}.items-table thead{background-color:#f5f5f5}.items-table tbody tr:nth-child(2n){background-color:#fafafa}.bill-actions{align-items:center;background:#fff;border-top:1px solid #e0e0e0;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;left:0;margin:0 auto;max-width:800px;padding:1rem;position:fixed;right:0;z-index:10}.total-container{color:#333;font-size:1.2rem;font-weight:700}.total-label{margin-right:.5rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.5rem}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;min-width:100px;padding:.5rem .9rem;text-align:center}.btn-primary{background-color:#28a745}.btn-primary:hover{background-color:#1e7e34}.btn-secondary{background-color:#dc3545;color:#fff}.btn-secondary:hover{background-color:#c82333}.btn-delete{align-items:center;background:none;border:none;color:red;cursor:pointer;display:inline-flex;font-size:.4rem;height:18px;justify-content:center;padding:0;width:10px}@media (max-width:600px){.add-item-form{flex-direction:column;gap:.5rem}.btn-add,.form-row{width:100%}.action-buttons{flex-direction:column;width:100%}.action-buttons button{margin-bottom:.5rem;width:100%}.items-table{min-width:0;min-width:auto}.bill-actions{flex-direction:column;gap:1rem;text-align:center}}.table-wrapper{margin-bottom:4rem;overflow-x:auto}.bill-summary-section{border-top:1px solid #eee;margin-top:2rem;padding-top:1rem}.bill-summary-section .total-container{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.bill-summary-section .action-buttons{display:flex;flex-wrap:wrap;gap:1rem}@media print{body *{visibility:hidden!important}.receipt-container,.receipt-container *{visibility:visible!important}.receipt-container{left:0;position:absolute;top:0;width:100%}button,input,select,textarea{display:none!important}}.controls{margin-bottom:4px}.controls button{font-size:10px;margin-right:4px;padding:2px 4px}.tabs{margin:4px 0}.tabs button{background:#eee;border:1px solid #ccc;font-size:10px;margin-right:2px;padding:2px 4px}.tabs button.active{background:#000;color:#fff}.filters{margin-bottom:4px}.filters label{font-size:10px;margin-right:4px}.filters input{font-size:10px}.header{margin-bottom:4px;text-align:center}.header .center{margin:2px 0}.bold,.separator{margin:4px 0}.separator{border-top:1px dashed #000}.preformatted,.summary-line{font-family:inherit;font-size:12px;white-space:pre}.bold,.summary-line.total{font-weight:700;margin-top:4px}.bold{font-size:12px;margin-bottom:2px}.payment-breakdown{border-top:1px solid #000;margin-top:6px;padding-top:4px}.receipt-container{background:#fff;font-family:sans-serif;margin:0 auto;max-width:360px;padding:1rem}.receipt-header{margin-bottom:1rem;text-align:center}.receipt-table{border-collapse:collapse;margin-bottom:1rem;width:100%}.receipt-table td,.receipt-table th{border:1px solid #ccc;font-size:.9rem;padding:.4rem}.receipt-summary{font-size:.9rem;margin-bottom:1rem}.receipt-summary div{display:flex;justify-content:space-between;padding:.2rem 0}.total-line{border-top:1px solid #000;font-weight:700;margin-top:.4rem;padding-top:.4rem}.receipt-actions{display:flex;gap:.5rem}.btn-print-bluetooth,.btn-print-web{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:.6rem}.btn-print-web{background:#eee;color:#333}.btn-print-bluetooth{background:#4a90e2;color:#fff}.items-preview-container{background:#fff;border:1px solid #ccc;color:#000;display:inline-block;font-family:Courier New,Courier,monospace;font-size:10px;line-height:1.2;padding:8px;width:300px}.items-preview-container .header{font-size:12px;margin-bottom:4px;text-align:center}.items-preview-container .title{font-size:12px;margin:4px 0;text-align:center}.items-preview-container pre{font-family:monospace;margin:0;white-space:pre}.items-preview-container .footer{font-size:9px;margin-top:6px;text-align:center}.items-preview-container img{display:none!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:Arial,sans-serif}.app-container,body{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background:#333;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.nav-logo{color:#fff;font-size:1.2em;text-decoration:none}.nav-right{align-items:center;display:flex}.nav-user{margin-right:10px}.btn-logout{background:#e74c3c;border:none;cursor:pointer}.btn-logout,.nav-login{border-radius:4px;color:#fff;padding:5px 10px}.nav-login{background:#3498db;text-decoration:none}.main-content{flex:1 1;padding:20px}.page-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px auto;max-width:600px;padding:20px}.form-container{background:#fff;border:1px solid #ccc;border-radius:4px;margin:40px auto;max-width:400px;padding:20px;width:90%}.form-container label{display:block;margin-top:10px}.form-container input,.form-container select,.form-container textarea{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:8px;width:100%}.inline-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.inline-form input{flex:1 1;min-width:100px}.bill-list,.item-list{list-style:none;margin-top:20px}.bill-list li,.item-list li{border-bottom:1px solid #ddd;padding:10px}.actions-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.input-small{border:1px solid #ccc;border-radius:4px;padding:8px;width:100px}.btn-primary{background:#3498db}.btn-cancel,.btn-primary{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.btn-cancel{background:#e74c3c}.select-filter{border:1px solid #ccc;border-radius:4px;margin-left:10px;padding:8px}.message{color:green;margin:10px 0}.error{color:red;margin:10px 0}@media (max-width:600px){.navbar{gap:10px}.nav-right,.navbar{align-items:flex-start;flex-direction:column}.main-content{padding:10px}.form-container,.page-container{margin:10px auto;padding:15px;width:95%}.actions-container,.inline-form{flex-direction:column}.input-small{width:100%}.bill-list li,.item-list li{font-size:14px;padding:8px}}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:20px}.card{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:box-shadow .2s ease}.card h3{font-size:1.1rem;margin-bottom:10px}.card p{color:#555;font-size:.9rem;line-height:1.3}.card:hover{box-shadow:0 4px 12px #0000001a}@media (max-width:600px){.card-grid{gap:12px;grid-template-columns:1fr}.card{padding:15px}.card h3{font-size:1rem}.card p{font-size:.85rem}}.item-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:20px}.item-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px;text-align:center}.item-image{border-bottom:1px solid #eee;object-fit:cover;width:100%}.item-image,.no-image{height:100px;margin-bottom:8px}.no-image{align-items:center;background:#f9f9f9;border:1px dashed #ccc;color:#aaa;display:flex;justify-content:center}@media (max-width:600px){.item-grid{gap:12px;grid-template-columns:1fr 1fr}.item-card{padding:8px}.item-image,.no-image{height:80px}}
/*# sourceMappingURL=main.71262091.css.map*/