*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:479px){.app-container{padding:10px}}@media (min-width:480px) and (max-width:767px){.app-container{padding:15px}}@media (min-width:768px){.app-container{padding:20px}}.invoice-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:100%;overflow-y:auto;padding:20px}.form-section{margin-bottom:30px}.section-header{border-bottom:2px solid #3498db;margin-bottom:15px;padding-bottom:8px}.section-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.language-toggle{display:flex;gap:10px}.lang-btn{background:#fff;border:2px solid #3498db;border-radius:6px;color:#3498db;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.lang-btn.active,.lang-btn:hover{background:#3498db;color:#fff}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group{display:flex;flex-direction:column}.form-group label{color:#2c3e50;font-size:14px;font-weight:500;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group small{color:#7f8c8d;font-size:12px;margin-top:4px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:0}.checkbox-label input[type=checkbox]{height:16px;margin:0;width:16px}.items-table-container{border:1px solid #ddd;border-radius:6px;overflow-x:auto}.items-form-table{border-collapse:collapse;min-width:600px;width:100%}.items-form-table th{background-color:#f8f9fa;border-bottom:1px solid #ddd;color:#2c3e50;font-size:14px;font-weight:600;padding:12px 8px;text-align:left}.items-form-table td{border-bottom:1px solid #eee;padding:8px;vertical-align:middle}.items-form-table input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:6px 8px;width:100%}.items-form-table input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.subtotal-cell{background-color:#f8f9fa;color:#2c3e50;font-weight:600;text-align:right}@media (max-width:767px){.invoice-form{padding:15px}.form-grid{gap:12px;grid-template-columns:1fr}.section-header h3{font-size:16px}.language-toggle{flex-direction:column}.lang-btn{text-align:center}.items-form-table{min-width:400px}.items-form-table td,.items-form-table th{font-size:12px;padding:6px 4px}.items-form-table input{font-size:12px;padding:4px 6px}}@media (max-width:479px){.invoice-form{padding:10px}.form-section{margin-bottom:20px}.section-header{margin-bottom:10px}.section-header h3{font-size:14px}.form-group label{font-size:12px}.form-group input,.form-group textarea{font-size:12px;padding:8px 10px}.items-form-table{min-width:300px}.items-form-table td,.items-form-table th{font-size:11px;padding:4px 2px}.items-form-table input{font-size:11px;padding:3px 4px}}.add-item-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:8px 16px;transition:background .2s}.add-item-btn:hover{background:#217dbb}.remove-item-btn{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:28px;line-height:1;transition:background .2s;width:28px}.remove-item-btn:disabled{background:#ccc;cursor:not-allowed}.remove-item-btn:hover:not(:disabled){background:#c0392b}.logo-upload-container{width:100%}.logo-upload-area{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.logo-upload-area:hover{background:#f0f8ff;border-color:#3498db}.logo-upload-label{cursor:pointer;display:block}.logo-upload-icon{color:#7f8c8d;font-size:32px;margin-bottom:10px}.logo-upload-text{color:#7f8c8d;font-size:14px}.logo-preview{background:#fff;border:1px solid #ddd;border-radius:8px;display:inline-block;padding:10px;position:relative}.logo-image{display:block;max-height:80px;max-width:120px;object-fit:contain}.logo-remove-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:background .3s ease;width:24px}.logo-remove-btn:hover{background:#c0392b}@media (max-width:767px){.logo-image{max-height:60px;max-width:100px}.logo-upload-area{padding:15px}.logo-upload-icon{font-size:24px}.logo-upload-text{font-size:12px}}.invoice-preview-container{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:100%;overflow:hidden;width:100%}.invoice-preview-wrapper{align-items:flex-start;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.invoice-preview{background:#fff;box-sizing:border-box;color:#333;font-family:Times New Roman,serif;font-size:12pt;line-height:1.4;min-height:297mm;padding:20mm;width:210mm}.invoice-header{align-items:flex-start;border-bottom:2px solid #333;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.company-info{flex:1 1}.company-name{color:#2c3e50;font-size:24pt;font-weight:700;margin:0 0 5px}.company-slogan{color:#7f8c8d;font-size:10pt;font-style:italic;margin:0 0 10px}.company-abn{font-weight:700}.company-abn,.company-address{font-size:10pt;margin:0 0 5px}.company-contact{font-size:10pt;margin:0}.invoice-title{flex-direction:row;gap:15px;justify-content:flex-end;text-align:right}.company-logo,.invoice-title{align-items:center;display:flex}.company-logo{justify-content:center;order:1}.company-logo .logo-image{background:#fff;border:1px solid #ddd;border-radius:4px;max-height:45px;max-width:60px;object-fit:contain;padding:3px;vertical-align:middle}.invoice-title h2{align-items:center;color:#2c3e50;display:flex;font-size:36pt;font-weight:700;justify-content:center;letter-spacing:2px;line-height:1;margin:0;order:2;text-transform:uppercase}.invoice-info{display:flex;justify-content:space-between;margin-bottom:30px}.client-info{flex:1 1}.client-info h3{color:#2c3e50;font-size:14pt;font-weight:700;margin:0 0 10px}.client-name{font-size:12pt;font-weight:700;margin:0 0 5px}.client-address{font-size:10pt;margin:0 0 5px}.client-phone{font-size:10pt;margin:0}.invoice-details{flex:1 1;text-align:right}.invoice-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.invoice-row .label{color:#2c3e50;font-size:10pt;font-weight:700}.invoice-row .value{font-size:10pt}.invoice-items{margin-bottom:30px}.items-table{border-collapse:collapse;margin-bottom:20px;width:100%}.items-table th{background-color:#f8f9fa;color:#2c3e50;font-weight:700;padding:12px 8px;text-align:left}.items-table td,.items-table th{border:1px solid #ddd;font-size:10pt}.items-table td{padding:10px 8px;vertical-align:top}.item-name{width:40%}.item-quantity{text-align:center;width:15%}.item-price{text-align:right;width:20%}.item-subtotal{text-align:right;width:25%}.invoice-totals{margin-bottom:30px;text-align:right}.total-row{align-items:center;display:flex;font-size:11pt;justify-content:space-between;margin-bottom:8px}.total-row .label{color:#2c3e50;font-weight:700}.total-final,.total-row .value{font-weight:700}.total-final{border-top:2px solid #333;color:#2c3e50;font-size:14pt;margin-top:10px;padding-top:10px}.invoice-footer{align-items:flex-start;border-top:1px solid #ddd;display:flex;justify-content:space-between;margin-top:40px;padding-top:20px}.payment-info{flex:1 1}.payment-info h4{color:#2c3e50;font-size:12pt;font-weight:700;margin:0 0 10px}.payment-info p{font-size:10pt;margin:0 0 5px}.thank-you{flex:1 1;text-align:right}.thank-you p{color:#2c3e50;font-size:12pt;font-style:italic;font-weight:700;margin:0}@media (max-width:767px){.invoice-preview{font-size:10pt;min-height:auto;padding:15mm;width:100%}.invoice-header{align-items:flex-start;flex-direction:column}.invoice-title{flex-direction:row;gap:10px;margin-top:20px;text-align:left}.company-logo .logo-image{max-height:35px;max-width:50px}.invoice-title h2{font-size:24pt}.invoice-info{flex-direction:column}.invoice-details{margin-top:20px;text-align:left}.invoice-footer{flex-direction:column}.thank-you{margin-top:20px;text-align:left}}@media print{.invoice-preview{border:none;box-shadow:none;height:297mm;margin:0;padding:20mm;width:210mm}}.invoice-note{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;margin-bottom:24px;padding:16px 18px}.invoice-note h4{color:#2c3e50;font-size:13pt;font-weight:700;margin:0 0 8px}.note-content{color:#333;font-size:11pt;white-space:pre-wrap;word-break:break-all}.app-container{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;min-height:100vh;padding:20px}.app-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:28px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.generate-btn,.preview-toggle-btn,.reset-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.preview-toggle-btn{background:#95a5a6;color:#fff}.preview-toggle-btn:hover{background:#7f8c8d}.reset-btn{background:#e74c3c;color:#fff}.reset-btn:hover{background:#c0392b}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.generate-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.app-main{grid-gap:20px;display:grid;gap:20px;height:calc(100vh - 140px)}.layout-desktop .app-main{grid-template-columns:1fr 1fr}.layout-desktop .form-section,.layout-desktop .preview-section{height:100%;overflow:hidden}.layout-tablet .app-main{grid-template-columns:1fr 1fr}.layout-tablet .form-section,.layout-tablet .preview-section{height:100%;overflow:hidden}.layout-mobile .app-main{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:calc(100vh - 140px)}.layout-mobile .form-section{height:auto;min-height:400px}.layout-mobile .preview-section{height:400px;overflow:hidden}.form-section,.preview-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.mobile-preview-hint{background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-top:20px;padding:20px;text-align:center}.mobile-preview-hint p{color:#2c3e50;font-weight:500;margin:0 0 15px}.mobile-preview-hint button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.mobile-preview-hint button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:1199px){.app-container,.app-header{padding:15px}.app-header{margin-bottom:15px}.app-header h1{font-size:24px}.header-actions{gap:8px}.generate-btn,.preview-toggle-btn,.reset-btn{font-size:13px;padding:8px 16px}}@media (max-width:767px){.app-container{padding:10px}.app-header{align-items:stretch;flex-direction:column;margin-bottom:10px;padding:12px}.app-header h1{font-size:20px;text-align:center}.header-actions{gap:6px;justify-content:center}.generate-btn,.preview-toggle-btn,.reset-btn{flex:1 1;font-size:12px;padding:6px 12px}.app-main{gap:10px;height:auto}.layout-mobile .preview-section{height:300px}}@media (max-width:479px){.app-container{padding:5px}.app-header{margin-bottom:8px;padding:10px}.app-header h1{font-size:18px}.header-actions{flex-direction:column;gap:5px}.generate-btn,.preview-toggle-btn,.reset-btn{font-size:11px;padding:5px 10px}.app-main{gap:8px}.layout-mobile .preview-section{height:250px}.mobile-preview-hint{margin-top:10px;padding:15px}.mobile-preview-hint p{font-size:14px}.mobile-preview-hint button{font-size:12px;padding:8px 16px}}.form-section::-webkit-scrollbar,.preview-section::-webkit-scrollbar{width:6px}.form-section::-webkit-scrollbar-track,.preview-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.form-section::-webkit-scrollbar-thumb,.preview-section::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.form-section::-webkit-scrollbar-thumb:hover,.preview-section::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-section,.preview-section{animation:fadeIn .5s ease-out}.loading{align-items:center;color:#7f8c8d;display:flex;font-size:16px;height:200px;justify-content:center}.error{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;margin:10px 0;padding:15px}
/*# sourceMappingURL=main.c761dded.css.map*/