*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background:#f5f5f5}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #4CAF50;outline-offset:2px}.offline-indicator{position:relative;background:#ff9800;color:#fff;padding:12px 20px;text-align:center;font-weight:600;z-index:999;box-shadow:0 2px 4px #0003;animation:slideDown .3s ease-out}.offline-indicator.online{background:#000}.offline-indicator.offline{background:#ff9800}.indicator-content{display:flex;align-items:center;justify-content:center;gap:8px}.indicator-icon{font-size:18px}.indicator-text{font-size:14px}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.layout{min-height:100vh;background:#f5f5f5}.layout-content{padding-top:5px;min-height:calc(100vh - 60px)}#heading_bill{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;opacity:.8}@media(max-width:480px){.layout-content{padding-top:5px;min-height:calc(100vh - 50px)}}.product-form{max-width:500px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.product-form h2{margin:0 0 20px;color:#333;font-size:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;border-color:#4caf50}.image-upload-section{margin-top:8px}.image-upload-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-camera,.btn-file{flex:1;min-width:120px;padding:12px 20px;border:2px dashed #ddd;border-radius:6px;background:#f9f9f9;font-size:16px;cursor:pointer;transition:all .3s}.btn-camera:hover,.btn-file:hover{background:#f0f0f0;border-color:#4caf50}.btn-camera:disabled,.btn-file:disabled{opacity:.6;cursor:not-allowed}.image-preview-container{position:relative;display:inline-block;width:100%}.image-preview{width:100%;max-width:300px;height:auto;border-radius:6px;display:block;margin:0 auto}.btn-remove-image{display:block;margin:10px auto 0;padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.btn-remove-image:hover{background:#d32f2f}.btn-remove-image:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:10px;margin-top:24px}.btn-submit,.btn-cancel{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-submit{background:#4caf50;color:#fff}.btn-submit:hover:not(:disabled){background:#45a049}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#f5f5f5;color:#333}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.product-form{padding:16px}.product-form h2{font-size:20px}.image-upload-buttons{flex-direction:column}.btn-camera,.btn-file{width:100%}}.currency-wrapper{display:flex;flex-direction:column;gap:6px;width:100%;max-width:260px;margin-left:50px}.currency-search{padding:8px 10px;border:1px solid #ccc;border-radius:6px;width:100%;font-size:14px;color:#333}.currency-dropdown{padding:10px 12px;border:1px solid #888;background:#fafafa;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;width:100%;color:#333}@media(max-width:541px){.currency-wrapper{max-width:100%;margin-left:0}}@media(max-width:480px){.currency-wrapper{max-width:100%}.currency-search,.currency-dropdown{font-size:14px;padding:8px}}@media(max-width:768px){.currency-wrapper{width:100%}.currency-search,.currency-dropdown{font-size:15px}}@media(min-width:1280px){.currency-wrapper{max-width:300px}.currency-search,.currency-dropdown{font-size:16px}}.product-list{padding:20px}.product-list h2{margin:0 0 20px;color:#333;font-size:24px}.product-list-loading,.product-list-empty{padding:40px 20px;text-align:center;color:#666}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;background-color:#f5f7fa}.product-card{position:relative;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000004d;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-image-container{width:100%;height:150px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px}.product-image{width:100%;height:100%;object-fit:cover;background:#ffffff2e}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0;color:#999;font-size:14px}.product-info{padding:10px;background-color:#f5f7fa}.product-name{margin:0 0 8px;font-size:18px;font-weight:600;color:#2c3e50;word-wrap:break-word}.product-price{margin:0;font-size:17px;font-weight:700;color:#4caf50}.product-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.btn-edit-product,.btn-delete-product{width:30px;height:36px;border:none;border-radius:50%;color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;box-shadow:0 2px 4px #0003}.btn-edit-product{background:#2196f34d}.btn-edit-product:hover{background:#1976d2}.btn-delete-product{background:#f44336cc}.btn-delete-product:hover{background:#d32f2f}#pro_heading{display:flex}@media(max-width:541px){#pro_heading{display:block}}@media(max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.product-image-container{height:150px}}@media(max-width:480px){.product-list{padding:16px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-image-container{height:120px}.product-info{padding:12px}.product-name{font-size:16px}.product-price{font-size:18px}}.product-edit-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.product-edit-modal{width:100%;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:24px}.product-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.product-edit-header h3{margin:0;font-size:22px;color:#222}.btn-close-modal{border:none;background:transparent;font-size:22px;cursor:pointer;color:#555}.product-edit-form{display:flex;flex-direction:column;gap:10px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field span{font-weight:600;color:#333}.form-field input{padding:10px 12px;border-radius:6px;border:1px solid #d0d5dd;font-size:16px}.image-preview-wrapper{border:1px solid #e2e8f0;border-radius:8px;padding:8px;display:flex;flex-direction:row;gap:8px;max-height:230px}.image-preview-wrapper img{width:100%;max-height:100px;object-fit:contain}.image-placeholder{margin:0;font-size:14px;color:#777}.btn-remove-image{border:none;background:#f44336;color:#fff;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:14px}.image-actions{display:flex;gap:7px;flex-wrap:wrap}.btn-primary,.btn-secondary{border:none;border-radius:8px;padding:10px 16px;font-size:16px;cursor:pointer}.btn-primary{background:#4caf50;color:#fff}.btn-secondary{background:#e0e0e0;color:#333}.modal-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:480px){.product-edit-modal{padding:10px}.modal-actions{flex-direction:column-reverse}}.bill-creator{padding:20px;max-width:1200px;margin:0 auto}.bill-creator h2{margin:0 0 20px;color:#333;font-size:24px}.bill-creator-empty{padding:40px 20px;text-align:center;color:#666}.bill-creator-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.products-section h3,.bill-section h3{margin:0 0 16px;color:#555;font-size:18px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:60vh;overflow-y:auto;padding:8px}.product-select-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;text-align:center}.product-select-card:hover{border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.product-select-image{width:100%;height:80px;background:#f5f5f5;border-radius:4px;overflow:hidden;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.product-select-image img{width:100%;height:100%;object-fit:cover}.product-select-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0;color:#999;font-size:12px}.product-select-info h4{margin:0 0 4px;font-size:14px;color:#333;word-wrap:break-word}.product-select-info p{margin:0;font-size:16px;font-weight:600;color:#4caf50}.bill-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;max-height:80vh;display:flex;flex-direction:column}.bill-empty{padding:40px 20px;text-align:center;color:#999}.bill-items{flex:1;overflow-y:auto;margin-bottom:16px}.bill-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #e0e0e0}.bill-item:last-child{border-bottom:none}.bill-item-info{flex:1;min-width:0}.bill-item-info h4{margin:0 0 4px;font-size:16px;color:#333;word-wrap:break-word}.bill-item-price{margin:0;font-size:14px;color:#666}.bill-item-controls{display:flex;align-items:center;gap:8px}.btn-quantity{width:32px;height:32px;border:2px solid #4CAF50;background:#fff;color:#4caf50;border-radius:4px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-quantity:hover{background:#4caf50;color:#fff}.quantity-display{min-width:30px;text-align:center;font-weight:600;font-size:16px}.btn-remove{width:32px;height:32px;border:none;background:#f44336;color:#fff;border-radius:4px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-remove:hover{background:#d32f2f}.bill-item-subtotal{font-weight:700;font-size:16px;color:#333;min-width:80px;text-align:right}.bill-total{padding:16px;background:#f5f5f5;border-radius:6px;margin-bottom:16px}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:600}.total-amount{font-size:24px;color:#4caf50}.btn-create-bill{width:100%;padding:16px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:background .3s}.btn-create-bill:hover{background:#45a049}#item_quantity{width:40px;height:40px;padding:4px;outline:none;text-align:center}@media(max-width:968px){.bill-creator-content{grid-template-columns:1fr}.products-grid{max-height:40vh}}@media(max-width:480px){.bill-creator{padding:16px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.product-select-image{height:60px}.bill-item{flex-wrap:wrap;flex-direction:column}.bill-item-subtotal{width:100%;text-align:left;margin-top:8px;padding-left:12px}}.bill-view{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.bill-view-content{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.bill-view-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e0e0e0}.bill-view-header h2{margin:0;color:#333;font-size:24px}.btn-close{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#666}.btn-close:hover{background:#e0e0e0}.bill-info{padding:20px;background:#f9f9f9;border-bottom:1px solid #e0e0e0}.bill-info-row{display:flex;justify-content:space-between;margin-bottom:8px}.bill-info-row:last-child{margin-bottom:0}.bill-info-label{font-weight:600;color:#666}.bill-info-value{color:#333}.status-synced{color:#4caf50}.status-pending{color:#ff9800}.bill-items-list{padding:20px}.bill-items-list h3{margin:0 0 16px;color:#333;font-size:18px}.bill-table{width:100%;border-collapse:collapse}.bill-table thead{background:#f5f5f5}.bill-table th{padding:12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0}.bill-table td{padding:12px;border-bottom:1px solid #e0e0e0;color:#333}.bill-table tbody tr:last-child td{border-bottom:none}.no-items{text-align:center;color:#999;padding:20px!important}.bill-total-section{padding:20px;background:#f9f9f9;border-top:2px solid #e0e0e0}.total-row{display:flex;justify-content:space-between;align-items:center}.total-label{font-size:20px;font-weight:600;color:#333}.total-amount{font-size:28px;font-weight:700;color:#4caf50}.bill-actions{padding:20px;display:flex;gap:12px;border-top:1px solid #e0e0e0}.btn-download,.btn-share{flex:1;padding:14px 20px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-download{background:#4caf50;color:#fff}.btn-download:hover:not(:disabled){background:#45a049}.btn-share{background:#2196f3;color:#fff}.btn-share:hover:not(:disabled){background:#1976d2}.btn-download:disabled,.btn-share:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.bill-view{padding:10px}.bill-view-content{max-height:95vh}.bill-view-header,.bill-info,.bill-items-list,.bill-total-section,.bill-actions{padding:16px}.bill-actions{flex-direction:column}.btn-download,.btn-share{width:100%}}.bills-list{padding:20px;max-width:1400px;margin:0 auto}.bills-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.bills-list-header h2{margin:0;color:#333;font-size:24px}.bills-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-export,.btn-export-detailed{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-export{background:#4caf50;color:#fff}.btn-export:hover{background:#45a049}.btn-export-detailed{background:#2196f3;color:#fff}.btn-export-detailed:hover{background:#1976d2}.date-filter-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.date-filter-section h3{margin:0 0 16px;color:#333;font-size:18px}.date-filter-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{font-size:14px;font-weight:600;color:#555}.date-input-group input[type=date]{padding:10px;border:2px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;min-width:160px}.date-input-group input[type=date]:focus{outline:none;border-color:#4caf50}.btn-filter,.btn-clear-filter{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;height:fit-content}.btn-filter{background:#4caf50;color:#fff}.btn-filter:hover{background:#45a049}.btn-clear-filter{background:#f44336;color:#fff}.btn-clear-filter:hover{background:#d32f2f}.active-filter{margin-top:12px;padding:10px;background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:14px}.bills-list-loading,.bills-list-empty{padding:40px 20px;text-align:center;color:#666;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.bills-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.bills-table{width:100%;border-collapse:collapse}.bills-table thead{background:#f5f5f5;position:sticky;top:0;z-index:9}.bills-table th{padding:16px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0;white-space:nowrap}.bills-table td{padding:16px;border-bottom:1px solid #e0e0e0;color:#333}.bills-table tbody tr:hover{background:#f9f9f9}.bills-table tbody tr:last-child td{border-bottom:none}.bill-id{font-family:monospace;font-size:13px;color:#666}.bill-date{white-space:nowrap}.bill-items{text-align:center}.bill-total{font-weight:700;color:#4caf50;text-align:right}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.synced{background:#e8f5e9;color:#2e7d32}.status-badge.pending{background:#fff3e0;color:#e65100}.bill-actions{text-align:center}.btn-view{padding:6px 16px;background:#2196f3;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.btn-filter{padding:10px 18px;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s ease;display:flex;align-items:center;gap:6px}.btn-filter:hover{background:#357ac9;transform:translateY(-2px)}.btn-clear-filter{padding:10px 18px;background:#ff4d4d;color:#fff;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:.2s ease}.btn-clear-filter:hover{background:#e63939;transform:translateY(-2px)}.total-sales-btn{background:#06f!important;color:#fff;padding:12px 18px;font-size:16px;border-radius:10px;border:none;font-weight:700;line-height:20px;box-shadow:0 3px 6px #0003}.total-sales-btn span{font-size:20px;font-weight:700;color:#fff}.btn-del{background-color:#ff5252;border-radius:50%;border:2px solid white;width:38px;height:38px;display:flex;justify-content:center;align-items:center;font-size:18px;color:#fff;cursor:pointer;transition:.2s ease-in-out}.btn-del:hover{background:red;transform:scale(1.1)}.btn-del:active{transform:scale(.95)}.noOfBillsbtn{width:45px;height:45px;background:#e8ffe8;border:3px solid #4CAF50;color:#1f7a1f;border-radius:50%;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:default;box-shadow:0 3px 6px #00000026}@media(max-width:768px){.bills-list{padding:16px}.bills-list-header{flex-direction:column;align-items:stretch}.bills-actions{width:100%}.btn-export,.btn-export-detailed{flex:1}.date-filter-controls{flex-direction:row}.date-input-group,.date-input-group input[type=date]{width:100%}.bills-table{font-size:14px}.bills-table th,.bills-table td{padding:12px 8px}.bill-date{font-size:12px}}@media(max-width:480px){.bills-table-container{overflow-x:scroll}.bills-table{min-width:600px}}*{transition:.25s ease}header{width:100%;background:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:200}.container{max-width:1250px;margin:0 auto;padding:14px 20px}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-text{border:none;font-size:22px!important}.logo img{height:35px;width:35px;object-fit:contain}.logo span{font-size:26px;font-weight:700;color:#1d1d1d;background:linear-gradient(45deg,#4a90e2,#50d37d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#bar_icon_menu{display:none}.menu{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0}.menu li a{text-decoration:none;font-size:12px;font-weight:600;padding:8px 16px;border-radius:8px;color:#333;background:#fff6;box-shadow:0 0 4px #0000000d;cursor:pointer}.menu li a:hover{background:linear-gradient(45deg,#4a90e2,#50d37d);color:#fff;box-shadow:0 3px 10px #00000026;transform:translateY(-2px)}.menu li:first-child a{border:2px solid transparent;font-weight:700;color:#4a90e2}.menu li:first-child a:hover{border-color:#4a90e2;color:#fff}.nav-close-btn{display:none}@media(max-width:768px){.header-content{flex-direction:column;gap:10px}.menu{gap:12px}.logo span{font-size:22px}}@media(max-width:480px){.logo{width:100%;position:relative}#bar_icon_menu{display:inline-block;font-size:30px;position:absolute;right:0}.menu li a{padding:6px 12px;font-size:14px}#header-content{position:relative}#Navigation{background:linear-gradient(45deg,#4a90e2,#50d37d);position:absolute;top:60px;left:-115%;display:block;width:105%;padding:30px 0}.nav-close-btn{display:block;position:absolute;right:10px;top:10px;border:none;outline:none;width:20px;height:20px;font-size:15px;border-radius:60%;background-color:transparent;border:1px solid white;padding:2px;color:#fff;cursor:pointer}#menu{width:100%;display:block}#menu>li{padding:10px 20px}#menu>li>a{background-color:transparent;color:#f5f5f5;font-weight:400;padding:5px}}#heading_bill{font-size:28px;font-weight:600;text-align:center;color:#1a1a1a;padding:0 20px;background:linear-gradient(90deg,#4caf50,#2196f3,#9c27b0);color:#f5f5f5}@media(max-width:480px){#heading_bill{font-size:24px}}.confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.confirm-box{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:360px;box-shadow:0 10px 30px #0003;animation:scaleIn .2s ease}.confirm-box h3{margin:0 0 10px}.confirm-box p{color:#555;font-size:14px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel{background:#e0e0e0;border:none;padding:8px 14px;border-radius:8px;cursor:pointer}.btn-danger{background:#e53935;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}#loginsignupform{width:100%;height:100%;position:fixed;top:0;left:0;z-index:6000;background-color:#0e0d0d80}:root{--primary: #4c77ff;--primary-dark: #3758d6;--bg: #f4f6ff;--text: #333;--border: #d0d4e4;--radius: 12px;--transition: .25s ease}#loginsignupform{width:100%;min-height:100vh;background:var(rgba(14, 13, 13 ,.5));display:flex;justify-content:center;align-items:center;padding:20px}#loginsignupform form{width:100%;max-width:380px;background:#fff;padding:30px 28px;box-shadow:0 8px 18px #00000017;display:flex;flex-direction:column;gap:5px;position:relative}#loginsignupform h2{text-align:center;font-size:18px;color:#333;margin-bottom:5px;letter-spacing:1px;font-weight:600;text-transform:uppercase}.closeBtn{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;top:10px;right:10px;cursor:pointer}#loginsignupform input{width:100%;padding:8px 10px;border:1.8px solid var(--border);font-size:15px;color:var(--text);outline:none;transition:var(--transition)}#loginsignupform input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4c77ff26}.label_con{position:relative}.file-label{font-size:10px;color:gray;position:absolute;left:135px;z-index:20;font-weight:700}.file-input-wrapper{border:2px dashed var(--border);padding:18px;border-radius:var(--radius);text-align:center;cursor:pointer;transition:var(--transition)}.file-input-wrapper:hover{border-color:var(--primary);background:#4c77ff0d}.file-input-wrapper span{font-size:14px;color:#666}.file-input-wrapper input[type=file]{display:none}#loginsignupform button{padding:12px;background:var(--primary);color:#fff;font-size:16px;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-weight:600}#loginsignupform button:hover{background:var(--primary-dark)}.errorText{font-size:13px;color:#e63946;margin-top:-8px}@media(max-width:420px){#loginsignupform form{padding:24px 20px}}*{margin:0;padding:0;box-sizing:border-box}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.web-register{width:100%;min-height:100vh;background:linear-gradient(135deg,#0f172a,#581c87,#0f172a);padding:2rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;top:0;left:0;z-index:10000}.web-close{display:inline-block;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:10px;position:absolute;top:2px;right:10px;border:2px solid white;cursor:pointer}.web-container{max-width:1200px;margin:0 auto}.web-header{background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;text-align:center;margin-bottom:2rem;box-shadow:0 25px 50px -12px #00000040}.header-icon{width:48px;height:48px;color:#c084fc;animation:float 3s ease-in-out infinite;display:inline-block;margin-bottom:1rem}.web-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(to right,#c084fc,#f472b6,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.web-header p{color:#fff}@media screen and (max-width:700px){.web-header h1{font-size:1.5rem}}.form-container{background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.input{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;font-size:1rem}.input::placeholder{color:#ffffff80}.input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f74d}.file-input{padding:.75rem;border-radius:.75rem;border:2px dashed rgba(168,85,247,.6);background:#ffffff14;color:#fff}.submit-wrap{grid-column:1 / -1;margin-top:1rem}.submit-btn{width:100%;padding:1rem;border-radius:.75rem;border:none;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(to right,#9333ea,#db2777);transition:transform .2s ease,box-shadow .2s ease;animation:gradient 3s ease infinite}.submit-btn:hover{transform:scale(1.03);box-shadow:0 20px 25px #a855f766}.field{display:flex;flex-direction:column;gap:6px;width:100%}@media screen and (max-width:400px){.form-container{padding:12px}.form-grid{grid-template-columns:1fr;width:100%}.field{width:100%;max-width:100%}.input,input[type=file],video{width:100%;max-width:100%}}.field-label{font-size:.9rem;font-weight:600;color:#ffffffd9}.field-help{font-size:.75rem;color:#fff9}input[type=file]{width:100%;padding:.75rem 1rem;background:linear-gradient(to right,#9333ea4d,#db27774d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed rgba(168,85,247,.5);border-radius:.75rem;color:#fff;cursor:pointer;transition:all .3s ease}input[type=file]:hover{border-color:#a855f7;background:linear-gradient(to right,#9333ea66,#db277766);transform:scale(1.02)}input[type=file]::file-selector-button{padding:.5rem 1rem;margin-right:1rem;background:#a855f74d;border:1px solid rgba(168,85,247,.5);border-radius:.5rem;color:#fff;cursor:pointer;transition:all .3s ease}input[type=file]::file-selector-button:hover{background:#a855f780}#Show-check-box{display:flex;justify-content:center}#Show-check-box>#Show-label{display:inline-flex}#Show-check-box>#Show-label>span{width:100%}#Show-input{cursor:pointer}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.signInForm-container{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:3000;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;min-height:100vh}.signInForm-form{background:#ffffff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:40px 35px;width:100%;max-width:380px;box-shadow:0 20px 40px #00000040;color:#fff;animation:fadeIn .6s ease}.title{font-size:28px;margin-bottom:6px;text-align:center}.signInForm-subtitle{font-size:14px;opacity:.85;text-align:center;margin-bottom:25px}.signInForm-input{width:100%;padding:12px 14px;margin-bottom:14px;border-radius:10px;border:none;outline:none;font-size:14px}.signInForm-input:focus{box-shadow:0 0 0 2px #fff9}.signInForm-button{width:100%;padding:12px;margin-top:10px;border-radius:12px;border:none;background:linear-gradient(135deg,#ff758c,#ff7eb3);color:#fff;font-size:16px;cursor:pointer;transition:.3s ease}.signInForm-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000040}.signInForm-button:disabled{opacity:.6;cursor:not-allowed}.signInForm-message{margin-top:15px;text-align:center;font-size:13px}.setSignInFormL-btn-close{position:absolute;top:10px;right:20px;background-color:transparent;border-radius:50%;border:1px solid white}@keyframes fadeIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.app{min-height:100vh;background:#f5f5f5}.app-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:10px 5px;position:sticky;top:0;z-index:100}.app-header h1{margin:0 0 16px;font-size:20px!important;text-align:center;color:#fff;letter-spacing:1.5px;padding:10px!important;text-shadow:0 2px 8px rgba(0,0,0,.938);font-family:Poppins,sans-serif!important;font-weight:500!important}.app-nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.nav-btn{padding:10px 24px;border:2px solid #4CAF50;background:#fff;color:#4caf50;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.nav-btn:hover{background:#f0f8f0}.nav-btn.active{background:#4caf50;color:#fff}.app-main{max-width:1400px;margin:0 auto;padding:20px}.products-view,.bills-view{width:100%}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.view-header h2{margin:0;color:#333;font-size:24px}.btn-primary{padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap}.btn-primary:hover{background:#45a049}@media(max-width:768px){.app-header{padding:12px 16px}.app-header h1{font-size:24px;margin-bottom:12px}.app-nav{gap:8px}.nav-btn{padding:8px 12px;font-size:13px}.app-main{padding:16px}.view-header{flex-direction:column;align-items:stretch}.view-header h2{font-size:20px}.btn-primary{width:100%}}@media(max-width:480px){.app-header h1{font-size:20px}.app-main{padding:12px}#heading_bill{font-size:20px;padding:10px}}#inp_head,#btn_event{margin-top:8px}#inp_head{padding:8px 12px;font-size:15px;border-radius:6px;border:1px solid #ccc;width:180px;outline:none;transition:.2s ease}#inp_head:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e266}#btn_event{margin-left:10px;padding:8px 16px;font-size:14px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.2s ease}#btn_event:hover{background-color:#3c7ac1}#btn_event:active{background-color:#3369a8;transform:scale(.97)}