*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f4b804,#fbc900);min-height:100vh;padding:20px;color:#333;overflow-x:hidden}*{max-width:100%}.om-sign{display:inline-block;background:#ff6b35;color:#fff;padding:8px 12px;border-radius:50%;margin-right:10px;font-size:1.2em;line-height:1;box-shadow:0 4px 10px #ff6b3566;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 10px #ff6b3566}50%{transform:scale(1.05);box-shadow:0 6px 15px #ff6b3599}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:50px;max-width:450px;width:100%}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:2em;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.login-header .om-sign{background:#ff6b35;color:#fff;padding:8px 12px;border-radius:50%;margin-right:10px;font-size:1.2em;line-height:1;box-shadow:0 4px 10px #ff6b3566;animation:pulse 2s ease-in-out infinite;-webkit-background-clip:unset;-webkit-text-fill-color:white;background-clip:unset}.login-form{width:100%}.login-form .form-group{margin-bottom:25px}.login-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.95em}.login-form .form-group input{width:100%;padding:14px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;transition:all .3s ease;font-family:inherit}.login-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:600;border:2px solid #ef5350;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.btn-login{width:100%;padding:16px;font-size:1.1em;margin-top:10px}.container{max-width:1400px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-content>div{flex:1;min-width:250px}header h1{font-size:2.5em;margin-bottom:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}header .om-sign{background:#ff6b35;color:#fff;padding:8px 12px;border-radius:50%;margin-right:10px;font-size:1.2em;line-height:1;box-shadow:0 4px 10px #ff6b3566;animation:pulse 2s ease-in-out infinite}.subtitle{font-size:1.1em;opacity:.9}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px}@media (max-width: 1024px){.main-content{grid-template-columns:1fr;padding:30px}header{padding:30px 20px}.header-content{flex-direction:column;text-align:center;gap:15px}header h1{font-size:2em;justify-content:center}#logoutBtn{width:100%;max-width:200px;padding:12px 24px}.bill-items-table{font-size:.95em}.bill-items-table th,.bill-items-table td{padding:10px 8px}.items-header{grid-template-columns:2fr 1.2fr .9fr .9fr .9fr 1fr 90px;gap:10px;font-size:.85em}.item-row{grid-template-columns:2fr 1.2fr .9fr .9fr .9fr 1fr 90px;gap:10px}.item-row input,.item-row select{font-size:.9em;padding:9px 10px}}@media (max-width: 768px){body{padding:10px 5px}.container{border-radius:10px;margin:0}header{padding:20px 15px}header h1{font-size:1.5em;flex-direction:column;gap:8px;line-height:1.3}.om-sign{font-size:1em;padding:6px 10px;margin-right:5px}.subtitle{font-size:.95em}.main-content{padding:15px;gap:15px}.form-section{padding:0}.form-section h2{font-size:1.4em;margin-bottom:20px;padding-bottom:8px}.form-section h3{font-size:1.1em;margin:25px 0 15px}.form-group{margin-bottom:15px}.form-group label{font-size:1em;margin-bottom:6px}.form-group input,.form-group textarea,.form-control{padding:12px;font-size:1em}.form-row{display:flex;flex-direction:column;gap:15px}.form-row .form-group{width:100%}.items-container{padding:0;margin:15px 0}.product-box{margin-bottom:16px;border-radius:10px}.product-box-header{padding:12px 15px}.product-box-header h4{font-size:1em}.product-box-header .btn-remove{width:28px;height:28px;font-size:1.3em}.product-box-body{padding:15px;gap:14px}.product-field-row{flex-direction:column;align-items:flex-start;gap:8px}.product-label{min-width:auto;font-size:.9em;margin-bottom:4px}.product-field-row input,.product-field-row select{width:100%;padding:14px;font-size:1em}.product-amount-row{padding:12px;margin-top:4px}.product-amount-row .item-amount{font-size:1.2em;text-align:left;margin-top:8px}#addItemBtn{padding:14px;font-size:1em;margin-top:8px}.totals-section{grid-template-columns:1fr;gap:15px}.summary{padding:15px;margin:15px 0}.summary-row{font-size:.95em;padding:8px 0;flex-wrap:wrap;word-wrap:break-word;overflow-wrap:break-word}.summary-row span{word-wrap:break-word;overflow-wrap:break-word}.summary-row.total{font-size:1.3em;margin-top:8px;padding-top:12px;flex-wrap:wrap}.actions{flex-direction:column;gap:10px;margin-top:20px}.actions .btn{width:100%;padding:12px 24px;font-size:.95em}.login-container{padding:10px}.login-box{padding:25px 20px;border-radius:15px}.login-header{margin-bottom:30px}.login-header h1{font-size:1.4em;flex-wrap:wrap}.login-header .om-sign{font-size:1em;padding:6px 10px}.preview-section{padding:20px 15px;margin-top:20px}.preview-section h2{font-size:1.4em;margin-bottom:15px}.bill-preview{padding:12px;border-radius:8px;overflow-x:hidden}.preview-section{padding:15px 10px;margin-top:15px}.bill-header{flex-direction:column;text-align:left;gap:12px;padding-bottom:12px;margin-bottom:20px}.bill-info{width:100%}.bill-info h2{font-size:1.4em;margin-bottom:8px}.bill-number{font-size:.9em;line-height:1.5}.bill-details{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.bill-section h3{font-size:1.1em;margin-bottom:10px}.bill-section p{font-size:.85em;margin:2px 0;line-height:1.4;word-wrap:break-word}.bill-items-table{font-size:.75em;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.bill-items-table thead,.bill-items-table tbody,.bill-items-table tr{display:table;width:100%;table-layout:fixed}.bill-items-table th,.bill-items-table td{padding:6px 4px;font-size:.8em;word-wrap:break-word;overflow-wrap:break-word}.bill-items-table th{font-size:.75em;padding:8px 4px}.bill-totals{margin-top:20px;text-align:left}.bill-totals-row{font-size:.9em;padding:6px 0;flex-direction:column;align-items:flex-start;gap:3px}.bill-totals-row.total{font-size:1.2em;margin-top:10px;padding-top:10px;flex-direction:row;justify-content:space-between;width:100%;border-top:2px solid #667eea;align-items:center}.bill-totals-row.total .bill-totals-label{margin-bottom:0}.bill-totals-label{width:auto;margin-right:0;font-weight:600;margin-bottom:2px}.json-display{padding:15px;font-size:.8em;max-height:300px}}@media (max-width: 480px){body{padding:5px}.container{border-radius:8px}header{padding:15px 10px}header h1{font-size:1.2em;line-height:1.4}.om-sign{font-size:.9em;padding:5px 8px;margin-right:3px}.subtitle{font-size:.85em;margin-top:5px}.main-content{padding:12px;gap:12px}.form-section h2{font-size:1.2em;margin-bottom:15px;padding-bottom:6px}.form-section h3{font-size:1em;margin:20px 0 12px}.form-group{margin-bottom:12px}.form-group label{font-size:.95em;margin-bottom:5px}.form-group input,.form-group textarea,.form-control{padding:10px;font-size:.95em}.items-container{padding:10px}.item-row{padding:14px;gap:14px}.item-label{font-size:.9em;margin-bottom:6px}.item-name-group input,.item-hsn-group input{font-size:1em;padding:12px}.item-row input,.item-row select{padding:12px;font-size:.95em}.item-row .item-amount{font-size:1.2em;padding:14px}.btn-remove{padding:12px;font-size:.95em}.summary{padding:12px}.summary-row{font-size:.9em;padding:6px 0}.summary-row.total{font-size:1.2em;margin-top:6px;padding-top:10px}.actions .btn{padding:10px 20px;font-size:.9em}.login-box{padding:20px 15px;border-radius:12px}.login-header{margin-bottom:25px}.login-header h1{font-size:1.2em}.login-header .om-sign{font-size:.9em;padding:5px 8px}.login-form .form-group input{padding:12px;font-size:.95em}.btn-login{padding:14px;font-size:1em}.preview-section{padding:15px 10px}.preview-section h2{font-size:1.2em}.bill-preview{padding:12px}.bill-info h2{font-size:1.4em}.bill-items-table{font-size:.7em}.bill-items-table th,.bill-items-table td{padding:5px 3px;font-size:.75em}.bill-items-table th{font-size:.65em;padding:6px 3px}.bill-items-table td{font-size:.7em;padding:5px 3px}.bill-totals{text-align:left;margin-top:15px}.bill-totals-row{font-size:.85em;flex-direction:column;align-items:flex-start;gap:2px;padding:5px 0}.bill-totals-row.total{font-size:1.1em;flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px}.bill-totals-label{width:auto;margin-right:0;font-weight:600;display:block}.bill-header{text-align:left;gap:10px;padding-bottom:10px;margin-bottom:15px}.bill-info h2{font-size:1.3em}.bill-number{font-size:.85em}.bill-section p{font-size:.8em}.json-display{padding:12px;font-size:.75em;max-height:250px}}@media (max-width: 360px){header h1{font-size:1.1em}.form-section h2,.summary-row.total,.bill-totals-row.total{font-size:1.1em}}@media (max-width: 768px) and (orientation: landscape){.login-box{max-width:500px;padding:30px}.main-content{padding:20px}header h1{font-size:1.4em}}@media (min-width: 1400px){.container{max-width:1600px}.main-content{padding:50px;gap:40px}}.form-section h2{color:#667eea;margin-bottom:25px;font-size:1.8em;border-bottom:3px solid #667eea;padding-bottom:10px}.form-section h3{color:#764ba2;margin:30px 0 20px;font-size:1.3em}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.95em}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;transition:all .3s ease;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 768px){.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=tel],.form-group input[type=email],.form-group textarea,.form-control{font-size:16px}}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.items-container{margin:20px 0;padding:0;background:transparent}.product-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;overflow:hidden}.product-box:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.product-box-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e0e0e0}.product-box-header h4{margin:0;color:#667eea;font-size:1.1em;font-weight:600}.product-box-header .btn-remove{background:#ff4757;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.5em;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;min-height:auto}.product-box-header .btn-remove:hover{background:#ff3838;transform:scale(1.1)}.product-box-body{padding:20px;display:flex;flex-direction:column;gap:16px}.product-field-row{display:flex;align-items:center;gap:12px}.product-label{font-weight:600;color:#555;font-size:.95em;min-width:100px;flex-shrink:0}.product-field-row input,.product-field-row select{flex:1;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;font-family:inherit;background-color:#fff;transition:all .3s ease}.product-field-row input:focus,.product-field-row select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.product-field-row input[type=number]{-moz-appearance:textfield}.product-field-row input[type=number]::-webkit-outer-spin-button,.product-field-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-field-row select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.product-amount-row{background:#f0f4ff;padding:15px;border-radius:8px;border:2px solid #667eea;margin-top:8px}.product-amount-row .product-label{color:#667eea;font-size:1.05em}.product-amount-row .item-amount{font-weight:700;color:#667eea;font-size:1.3em;flex:1;text-align:right}#addItemBtn{width:100%;margin-top:10px;padding:16px;font-size:1.1em}.items-header,.item-row{display:none}.form-control{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;transition:all .3s ease;font-family:inherit;background-color:#fff}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.json-display{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:20px;overflow-x:auto;font-family:Courier New,monospace;font-size:.9em;line-height:1.6;max-height:400px;overflow-y:auto}.btn-remove{background:#ff4757;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.85em;transition:all .3s ease;min-height:36px;touch-action:manipulation}.btn-remove:hover{background:#ff3838;transform:scale(1.05)}#addItemBtn{width:100%;margin-top:10px}.totals-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.summary{background:#f8f9fa;padding:20px;border-radius:8px;margin:20px 0;border:2px solid #e0e0e0}.summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:1.1em;border-bottom:1px solid #e0e0e0}.summary-row:last-child{border-bottom:none}.summary-row.total{font-size:1.5em;font-weight:700;color:#667eea;margin-top:10px;padding-top:15px;border-top:3px solid #667eea}.btn{padding:14px 28px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-height:44px;touch-action:manipulation}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 5px 15px #6c757d66}.actions{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap}.preview-section{background:#f8f9fa;padding:30px;border-radius:10px;border:2px solid #e0e0e0}.preview-section h2{color:#667eea;margin-bottom:20px;font-size:1.8em}.bill-preview{background:#fff;padding:40px;border-radius:10px;box-shadow:0 5px 15px #0000001a}.bill-header{display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px;border-bottom:3px solid #667eea}.bill-info h2{color:#667eea;font-size:2em;margin-bottom:10px}.bill-number{font-size:1.1em;color:#666}.bill-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.bill-section h3{color:#764ba2;margin-bottom:15px;font-size:1.2em}.bill-section p{margin:5px 0;color:#555;line-height:1.6}.bill-items-table{width:100%;border-collapse:collapse;margin:30px 0;table-layout:auto}@media (max-width: 768px){.bill-items-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:.75em}.bill-items-table thead,.bill-items-table tbody,.bill-items-table tr{display:table;width:100%;table-layout:fixed}.bill-items-table th,.bill-items-table td{padding:8px 4px;font-size:.85em;word-break:break-word}.bill-totals{margin-top:20px;text-align:left}.bill-totals-row{flex-direction:column;align-items:flex-start;padding:8px 0;font-size:.95em;gap:5px}.bill-totals-label{width:auto;margin-right:0;font-weight:600}.bill-totals-row.total{font-size:1.3em;margin-top:10px;padding-top:10px;flex-direction:row;justify-content:space-between;width:100%}}.bill-items-table th{background:#667eea;color:#fff;padding:15px;text-align:left;font-weight:600}.bill-items-table td{padding:12px 15px;border-bottom:1px solid #e0e0e0}.bill-items-table tr:hover{background:#f8f9fa}.bill-totals{margin-top:30px;text-align:right}.bill-totals-row{display:flex;justify-content:flex-end;padding:10px 0;font-size:1.1em}.bill-totals-row.total{font-size:1.8em;font-weight:700;color:#667eea;margin-top:15px;padding-top:15px;border-top:3px solid #667eea}.bill-totals-label{width:150px;text-align:right;margin-right:20px}.bill-notes{margin-top:40px;padding-top:20px;border-top:2px solid #e0e0e0;color:#666;font-style:italic}@media print{body{background:#fff;padding:0}.container{box-shadow:none;border-radius:0}header{background:#667eea!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-section,.actions,.preview-section h2{display:none}.main-content{grid-template-columns:1fr;padding:0}.bill-preview{box-shadow:none;padding:20px}}