.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:-webkit-fill-available;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-overflow-scrolling:touch;padding:1rem;overflow-y:auto}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-logo{font-size:3rem;text-align:center;margin-bottom:1rem;width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #4a90e24d}.login-box h1{text-align:center;margin-bottom:2rem;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}button{width:100%;padding:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}button:hover:not(:disabled){background:#357abd}button:disabled{opacity:.6;cursor:not-allowed}.hint{margin-top:1rem;text-align:center;color:#888;font-size:.85rem}.expense-list-container{max-width:1200px;margin:0 auto;padding:1rem;-webkit-overflow-scrolling:touch;overflow-y:auto;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title{flex:1;min-width:200px}.header-totals{flex:1;min-width:250px;display:flex;flex-direction:column;gap:.5rem}.total-display{background:#4a90e2;color:#fff;padding:.75rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-size:.95rem}.total-label{font-weight:500}.total-amount{font-weight:700;font-size:1.1rem}.total-count{font-size:.85rem;opacity:.9;margin-left:auto}.admin-totals{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch}.user-total{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid #e9ecef;font-size:.9rem}.user-total:last-child{border-bottom:none}.user-name{font-weight:600;color:#333;min-width:100px}.user-amount{font-weight:700;color:#4a90e2}.user-count{color:#666;font-size:.85rem;margin-left:auto}.grand-total{margin-top:.5rem;padding-top:.5rem;border-top:2px solid #4A90E2;display:flex;align-items:center;gap:.5rem;font-weight:700}.grand-total .total-label{color:#333}.grand-total .total-amount{color:gold;font-size:1.2rem}.header-title{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.logo{font-size:2rem;width:48px;height:48px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #4a90e24d}.header h1{color:#333;margin:0;margin-bottom:.25rem}.logged-in-user{color:#666;font-size:.85rem;margin:0;font-weight:400}.logged-in-user strong{color:#4a90e2;font-weight:600}.header-actions{display:flex;gap:1rem;flex-shrink:0}@media (max-width: 768px){.header{flex-direction:column}.header-totals{width:100%;order:2}.header-actions{width:100%;order:3;flex-wrap:wrap}.admin-totals{max-height:150px}}.btn-primary{padding:.75rem 1.5rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#357abd}.btn-secondary{padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#5a6268}.btn-printer{padding:.75rem 1.5rem;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-printer:hover{background:#218838}.expenses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:transform}.expense-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:transform;-webkit-tap-highlight-color:transparent}.expense-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.expense-image{width:100%;height:200px;overflow:hidden;background:#f0f0f0}.expense-image img{width:100%;height:100%;object-fit:cover}.expense-info{padding:1rem}.expense-info h3{margin-bottom:.5rem;color:#333;font-size:1.1rem}.expense-info .price{font-size:1.5rem;font-weight:700;color:gold;margin-bottom:.25rem}.expense-info .date{color:#888;font-size:.9rem}.expense-info .owner{color:#666;font-size:.85rem;margin-top:.25rem;font-style:italic}.expense-actions{padding:.5rem 1rem;display:flex;gap:.5rem;border-top:1px solid #eee}.btn-edit-small,.btn-delete-small{padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;flex:1}.btn-edit-small{background:#4a90e2;color:#fff}.btn-edit-small:hover{background:#357abd}.btn-delete-small{background:#dc3545;color:#fff}.btn-delete-small:hover{background:#c82333}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#888}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.loading{text-align:center;padding:4rem;color:#888}@media (max-width: 768px){.expenses-grid{grid-template-columns:1fr}}.expense-detail-container{max-width:800px;margin:0 auto;padding:1rem;-webkit-overflow-scrolling:touch;overflow-y:auto;min-height:100vh;min-height:-webkit-fill-available}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.detail-actions{display:flex;gap:1rem}.btn-edit{padding:.5rem 1rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.btn-edit:hover{background:#357abd}.btn-delete{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.btn-delete:hover:not(:disabled){background:#c82333}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.expense-detail{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.detail-image{width:100%;height:400px;overflow:hidden;background:#f0f0f0}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-info{padding:2rem}.detail-info h1{margin-bottom:1rem;color:#333;font-size:2rem}.detail-price{font-size:2.5rem;font-weight:700;color:gold;margin-bottom:2rem}.detail-meta{display:flex;flex-direction:column;gap:1rem}.meta-item{display:flex;gap:1rem}.meta-label{font-weight:600;color:#555;min-width:100px}.meta-value{color:#333}.loading,.error-state{text-align:center;padding:4rem;color:#888}.error-state p{margin-bottom:1.5rem;font-size:1.1rem}.attachments{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.attachments h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.attachments h3{margin-top:1.5rem;margin-bottom:1rem;color:#555;font-size:1.2rem}.images-section{margin-bottom:2rem}.images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-thumbnail{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.image-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.image-thumbnail img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:.5rem;color:#fff;font-size:.85rem}.image-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documents-section{margin-top:2rem}.documents-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.document-item{background:#f8f9fa;border-radius:6px;padding:0;border:1px solid #e0e0e0}.document-link{display:flex;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;color:#333;transition:background .2s}.document-link:hover{background:#e9ecef}.document-icon{font-size:1.5rem;flex-shrink:0}.document-name{flex:1;font-weight:500;word-break:break-word}.document-badge{background:#dc3545;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;flex-shrink:0}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;cursor:pointer}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.image-modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:-40px;right:0;background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;line-height:1;transition:background .2s}.image-modal-close:hover{background:#fff}@media (max-width: 768px){.detail-info{padding:1.5rem}.detail-info h1{font-size:1.5rem}.detail-price{font-size:2rem}.images-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-modal{padding:1rem}.image-modal-close{top:-35px;width:35px;height:35px;font-size:1.5rem}}.add-expense-container{max-width:600px;margin:0 auto;padding:1rem;-webkit-overflow-scrolling:touch;overflow-y:auto;min-height:100vh;min-height:-webkit-fill-available}.add-expense-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-header h1{color:#333}.btn-back{padding:.5rem 1rem;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input[type=file]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#4a90e2}.image-preview{margin-top:1rem;width:100%;max-width:300px;border-radius:4px;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.btn-submit{width:100%;padding:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-submit:hover:not(:disabled){background:#357abd}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.error{color:#e74c3c;margin-bottom:1rem;text-align:center;font-size:.9rem}.file-list{margin-top:.5rem;list-style:disc;padding-left:1.25rem;font-size:.85rem;color:#555}.file-list li{margin-bottom:.15rem;word-break:break-all}.barcode-printer-container{min-height:100vh;background:beige;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.printer-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #4A90E2}.btn-back{padding:.5rem 1rem;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.btn-back:hover{background:#5a6268}.printer-header h1{margin:0;color:#333;font-size:1.75rem}.label-preview{background:#fff;border:2px dashed #ddd;border-radius:4px;padding:2rem;min-height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;aspect-ratio:5 / 2}.label-preview img{max-width:100%;max-height:100%;object-fit:contain}.label-preview-content{width:100%;text-align:center}.preview-item-name{font-size:.9rem;font-weight:700;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-price,.preview-size{font-size:.85rem;margin-top:.2rem}.preview-placeholder{color:#999;text-align:center;font-style:italic}.preview-info{background:#f8f9fa;padding:1rem;border-radius:4px;font-size:.9rem;color:#666}@media (max-width: 768px){.printer-content{grid-template-columns:1fr}.printer-header h1{font-size:1.25rem}.designer-section,.preview-section{padding:1.5rem}.template-input-group{flex-direction:column}}.bill-printer-container{min-height:100vh;background:beige;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.printer-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto}.designer-section,.preview-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.designer-section h2,.preview-section h2{margin-top:0;color:#4a90e2;font-size:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.btn-refresh-date{margin-top:.5rem;padding:.5rem 1rem;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s;width:100%}.btn-refresh-date:hover{background:#5a6268}.items-section{margin:2rem 0;padding:1rem;background:#f8f9fa;border-radius:4px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0;color:#333}.btn-add-item{padding:.5rem 1rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-add-item:hover{background:#357abd}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.5rem;margin-bottom:.5rem;align-items:center}.item-name,.item-qty,.item-price{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.btn-remove{padding:.5rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;width:35px;height:35px;font-size:1.2rem;line-height:1;transition:background .2s}.btn-remove:hover{background:#c82333}.printer-connection{margin:2rem 0;padding:1rem;background:#f8f9fa;border-radius:4px}.btn-connect{width:100%;padding:1rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-connect:hover:not(:disabled){background:#357abd}.btn-connect:disabled{background:#ccc;cursor:not-allowed}.connection-status{display:flex;align-items:center;justify-content:space-between;gap:1rem}.status-connected{color:#28a745;font-weight:600;font-size:1rem}.btn-disconnect{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-disconnect:hover{background:#c82333}.device-selector{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:4px;border:1px solid #ddd}.device-selector label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.device-select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-bottom:.5rem}.btn-refresh-devices{width:100%;padding:.5rem;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-refresh-devices:hover{background:#5a6268}.btn-print{width:100%;padding:1rem;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:1rem}.btn-print:hover:not(:disabled){background:#218838}.btn-print:disabled{background:#ccc;cursor:not-allowed}.bill-preview{background:#fff;border:2px dashed #ddd;border-radius:4px;padding:1.5rem;min-height:400px;margin-bottom:1rem;max-width:320px;margin:0 auto 1rem}.bill-content{font-family:Courier New,monospace;font-size:.85rem;line-height:1.4;color:#333}.bill-title{text-align:center;font-weight:700;font-size:1.2rem;margin-bottom:.5rem}.bill-line{margin:.3rem 0}.bill-divider{text-align:center;margin:.5rem 0;color:#666}.bill-item{margin:.5rem 0}.bill-item-detail{padding-left:1rem;color:#666;font-size:.9rem}.bill-total{font-weight:700;font-size:1.1rem;margin:.5rem 0;text-align:center}.bill-footer{text-align:center;margin-top:1rem;font-style:italic;color:#666}.preview-info{background:#f8f9fa;padding:1rem;border-radius:4px;font-size:.9rem;color:#666;text-align:center}.preview-info p{margin:.5rem 0}.store-details-section{margin:2rem 0;padding:1rem;background:#f8f9fa;border-radius:4px}.store-details-section h3{margin-top:0;color:#4a90e2;font-size:1.1rem}.template-section{margin:2rem 0;padding:1rem;background:#e7f3ff;border-radius:4px;border:1px solid #4A90E2}.template-section h3{margin-top:0;color:#4a90e2;font-size:1.1rem}.template-controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.template-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.template-input-group{display:flex;gap:.5rem}.template-name-input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.btn-save-template{padding:.5rem 1rem;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:background .2s}.btn-save-template:hover{background:#218838}.template-list{display:flex;flex-direction:column;gap:.5rem}.template-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:4px;border:1px solid #ddd}.template-item span{font-weight:500;color:#333}.template-item div{display:flex;gap:.5rem}.btn-load-template{padding:.4rem .8rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-load-template:hover{background:#357abd}.btn-delete-template{padding:.4rem .8rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-delete-template:hover{background:#c82333}.bill-store-name{text-align:center;font-weight:700;font-size:1.1rem;margin:.5rem 0}.bill-software{text-align:center;margin-top:.5rem;font-size:.8rem;color:#666;font-style:italic}.return-policy-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.return-policy-textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-hint{display:block;margin-top:.25rem;font-size:.85rem;color:#666;font-style:italic}.bill-return-policy{margin-top:1rem;padding-top:.5rem}.return-policy-title{font-weight:700;font-size:1rem;margin:.5rem 0;text-align:center}.return-policy-text{font-size:.85rem;line-height:1.4;color:#333;margin:.5rem 0;text-align:left}@media (max-width: 768px){.printer-content{grid-template-columns:1fr}.item-row{grid-template-columns:1fr;gap:.5rem}.bill-preview{max-width:100%}.template-input-group{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:beige;overflow-x:hidden;overflow-y:auto;position:relative;height:100%;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x}#root{min-height:100vh;min-height:-webkit-fill-available;position:relative;overflow-x:hidden;overflow-y:auto}