*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;color:#fff;min-height:100vh;padding:20px}.container{max-width:100%;margin:0 auto;padding:15px}.main-content{display:flex;flex-direction:column;gap:20px}.app-header{text-align:left;margin-top:33px}.app-header h1{text-align:left;margin-bottom:0;font-size:2.5em;background:linear-gradient(45deg,#f90,#fa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:baseline;gap:8px}.version{font-size:.3em;color:#fff6;font-weight:400;margin-left:4px}@media (max-width: 768px) and (orientation: portrait){.template-controls{margin-bottom:15px;padding:12px}.template-controls h3{font-size:1em;margin-bottom:8px}body{padding:10px}.container{gap:15px;max-width:100%}.main-content{flex-direction:column;gap:15px}.form-panel{padding:20px;border-radius:5px}.preview-panel{position:static;order:1}.preview-panel .invoice-preview{width:100%;max-width:100%;height:auto;aspect-ratio:8.5 / 11;padding:.15in}.preview-panel .invoice-preview .invoice-title{font-size:12pt;margin-bottom:.1in}.preview-panel .invoice-preview .invoice-header{margin-bottom:.08in}.preview-panel .invoice-preview .invoice-header h2{font-size:10pt}.preview-panel .invoice-preview .invoice-header p,.preview-panel .invoice-preview .invoice-header span{font-size:8pt}.preview-panel .invoice-preview .invoice-details{margin-bottom:.08in}.preview-panel .invoice-preview .invoice-details h3{font-size:8pt}.preview-panel .invoice-preview .invoice-details p,.preview-panel .invoice-preview .invoice-details span{font-size:7pt}.preview-panel .invoice-preview .items-table{margin-bottom:.08in}.preview-panel .invoice-preview .items-table th,.preview-panel .invoice-preview .items-table td{font-size:7pt;padding:.06in .02in}.preview-panel .invoice-preview .total-amount{font-size:8pt;margin-bottom:.1in}.preview-panel .invoice-preview .lightning-invoice-display{font-size:7pt;margin-bottom:.08in}.preview-panel .invoice-preview .lightning-invoice-display h3{font-size:8pt}.preview-panel .invoice-preview .lightning-invoice-display p,.preview-panel .invoice-preview .lightning-invoice-display span{font-size:6pt}.preview-panel .invoice-preview .qr-code-container{min-height:200px;position:relative}.preview-panel .invoice-preview .qr-code-container bitcoin-qr{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:200px!important;height:200px!important}h1{font-size:1.8em;margin-bottom:20px}.form-row{grid-template-columns:1fr;gap:10px}.action-buttons{flex-direction:column;gap:10px;align-items:center}.btn{width:auto;justify-content:center}.template-buttons{flex-direction:column;gap:8px}}@media (max-width: 480px) and (orientation: portrait){body{padding:5px}.form-panel{padding:15px}.preview-panel .invoice-preview{width:100%;max-width:100%;height:auto;aspect-ratio:8.5 / 11;padding:.1in}.preview-panel .invoice-preview .invoice-title{font-size:10pt;margin-bottom:.08in}.preview-panel .invoice-preview .invoice-header{margin-bottom:.06in}.preview-panel .invoice-preview .invoice-header h2{font-size:8pt}.preview-panel .invoice-preview .invoice-header p,.preview-panel .invoice-preview .invoice-header span{font-size:6pt}.preview-panel .invoice-preview .invoice-details{margin-bottom:.06in}.preview-panel .invoice-preview .invoice-details h3{font-size:6pt}.preview-panel .invoice-preview .invoice-details p,.preview-panel .invoice-preview .invoice-details span{font-size:5pt}.preview-panel .invoice-preview .items-table{margin-bottom:.06in}.preview-panel .invoice-preview .items-table th,.preview-panel .invoice-preview .items-table td{font-size:5pt;padding:.04in .01in}.preview-panel .invoice-preview .total-amount{font-size:6pt;margin-bottom:.08in}.preview-panel .invoice-preview .lightning-invoice-display{font-size:5pt;margin-bottom:.06in}.preview-panel .invoice-preview .lightning-invoice-display h3{font-size:6pt}.preview-panel .invoice-preview .lightning-invoice-display p,.preview-panel .invoice-preview .lightning-invoice-display span{font-size:4pt}.preview-panel .invoice-preview .qr-code-container{min-height:160px;position:relative}.preview-panel .invoice-preview .qr-code-container bitcoin-qr{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:150px!important;height:150px!important}h1{font-size:1.5em}.btn{padding:10px 16px;font-size:13px}.invoice-title{font-size:24pt}.invoice-details{grid-template-columns:1fr 1fr;gap:.3in;margin-bottom:.3in!important}.total-amount{font-size:14pt;margin-bottom:.25in!important}.items-table{margin-bottom:.3in!important}.items-table th:nth-child(1),.items-table td:nth-child(1){width:50%}.items-table th:nth-child(2),.items-table td:nth-child(2){width:15%}.items-table th:nth-child(3),.items-table td:nth-child(3){width:15%}.items-table th:nth-child(4),.items-table td:nth-child(4){width:20%}.items-table th,.items-table td{padding:.125in}.lightning-invoice-display{font-size:9pt;padding:.5in}.qr-code-container{min-height:350px}.qr-code-container bitcoin-qr{width:300px!important;height:300px!important}input,textarea,select{font-size:14px;padding:10px 12px}label{font-size:14px}}@media (max-width: 768px) and (orientation: landscape){.container{gap:10px}.main-content{flex-direction:row;gap:10px}.form-panel{padding:15px}.preview-panel .invoice-preview{width:100%;max-width:100%;height:auto;aspect-ratio:8.5 / 11;padding:.2in}.preview-panel .invoice-preview .invoice-title{font-size:14pt;margin-bottom:.15in}.preview-panel .invoice-preview .invoice-header{margin-bottom:.12in}.preview-panel .invoice-preview .invoice-header h2{font-size:12pt}.preview-panel .invoice-preview .invoice-header p,.preview-panel .invoice-preview .invoice-header span{font-size:10pt}.preview-panel .invoice-preview .invoice-details{margin-bottom:.12in}.preview-panel .invoice-preview .invoice-details h3{font-size:10pt}.preview-panel .invoice-preview .invoice-details p,.preview-panel .invoice-preview .invoice-details span{font-size:9pt}.preview-panel .invoice-preview .items-table{margin-bottom:.12in}.preview-panel .invoice-preview .items-table th,.preview-panel .invoice-preview .items-table td{font-size:8pt;padding:.08in .03in}.preview-panel .invoice-preview .total-amount{font-size:10pt;margin-bottom:.15in}.preview-panel .invoice-preview .lightning-invoice-display{font-size:8pt;margin-bottom:.12in}.preview-panel .invoice-preview .lightning-invoice-display h3{font-size:10pt}.preview-panel .invoice-preview .lightning-invoice-display p,.preview-panel .invoice-preview .lightning-invoice-display span{font-size:7pt}.preview-panel .invoice-preview .qr-code-container{min-height:220px;position:relative}.preview-panel .invoice-preview .qr-code-container bitcoin-qr{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:200px!important;height:200px!important}h1{font-size:1.8em}.action-buttons{align-items:center}.btn{padding:8px 16px;font-size:14px}.qr-code-container bitcoin-qr{width:300px!important;height:300px!important}}@media (min-width: 1200px){.container{max-width:1400px;margin:0 auto;padding:20px}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.form-panel{position:sticky;top:20px}}.form-panel{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:30px;box-shadow:0 8px 32px #0000004d}.preview-panel{position:sticky;top:20px}.preview-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:30px;box-shadow:0 8px 32px #0000004d}.preview-container h3{color:#f90;margin-bottom:20px;font-size:14pt;font-weight:700;text-transform:uppercase}h1{text-align:center;margin-bottom:30px;font-size:2.5em;background:linear-gradient(45deg,#f90,#fa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:15px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600;color:#f90}input,textarea,select{width:100%;padding:12px 16px;border:2px solid rgba(255,153,0,.3);border-radius:5px;background:#ffffff1a;color:#fff;transition:all .3s ease;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{outline:none;border-color:#f90;box-shadow:0 0 15px #ff99004d}input::placeholder,textarea::placeholder{color:#fff9}.form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}textarea{min-height:80px;resize:vertical}.sats-input{position:relative;display:flex;align-items:center;gap:8px}.sats-input input{flex:1;order:1}.sats-input:after{content:"sats";color:#f90;font-weight:700;pointer-events:none;order:2}.invoice-preview{background:#fff;color:#000;border-radius:0;padding:.5in;box-shadow:0 4px 12px #0000004d;font-family:Arial,sans-serif;width:8.5in;height:11in;max-width:100%;box-sizing:border-box;margin:0 auto;position:relative;overflow:hidden}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.3in;padding-bottom:.15in;border-bottom:3px solid #ff9900}.invoice-title{font-size:24pt;font-weight:700;color:#f90;text-transform:uppercase;letter-spacing:2px}.invoice-number{text-align:right;color:#333;font-size:12pt;font-weight:700}.invoice-details{display:grid;grid-template-columns:1fr 1fr;gap:.3in;margin-bottom:.3in}.detail-section h3{color:#f90;margin-bottom:.125in;font-size:12pt;font-weight:700;text-transform:uppercase}.detail-section p{margin-bottom:5px;line-height:1.4}.items-table{width:100%;border-collapse:collapse;margin-bottom:.3in;table-layout:fixed;word-wrap:break-word;border:1px solid #333}.items-table th:nth-child(1),.items-table td:nth-child(1){width:50%}.items-table th:nth-child(2),.items-table td:nth-child(2){width:15%}.items-table th:nth-child(3),.items-table td:nth-child(3){width:15%}.items-table th:nth-child(4),.items-table td:nth-child(4){width:20%}.items-table th,.items-table td{padding:.125in;text-align:left;border-bottom:1px solid #333;border-right:1px solid #333}.items-table th{background-color:#f90;color:#fff;font-weight:700;border:1px solid #333}.items-table .amount{text-align:right;font-weight:700}.invoice-total{text-align:right;margin-bottom:30px}.total-amount{font-size:14pt;font-weight:700;color:#f90;margin-bottom:.2in}.lightning-section{background:#f8f9fa;color:#333;padding:20px;margin-bottom:20px;border:1px solid #e9ecef}.lightning-section h3{color:#f90;margin-bottom:15px;display:flex;align-items:center;gap:10px}.lightning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.lightning-header .lightning-expiry{font-size:.9em;color:#856404;background:#fff3cd;padding:4px 8px;border-radius:5px;border:1px solid #ffeaa7}.lightning-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.lightning-invoice-display{background:#fff;padding:15px;font-family:Courier New,monospace;font-size:12px;word-break:break-all;line-height:1.4;border:1px solid #dee2e6;color:#333}.qr-code-container{text-align:center;padding:15px;background:#fff;border:1px solid #dee2e6;position:relative;min-height:350px}.qr-code-container bitcoin-qr{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:none!important;width:300px!important;height:300px!important}.qr-code-container bitcoin-qr::part(qr-code){margin:0 auto!important;display:block!important;width:300px!important;height:300px!important;max-width:none!important}.qr-code-container bitcoin-qr svg,.qr-code-container bitcoin-qr canvas{margin:0 auto!important;display:block!important;width:300px!important;height:300px!important;max-width:none!important}.action-buttons{display:flex;gap:10px;justify-content:center;margin-top:30px;flex-wrap:wrap}.btn{padding:8px 16px;border:none;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;min-height:38px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary,.btn-secondary{background:linear-gradient(45deg,#f90,#fa3);color:#000}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.lightning-icon{width:20px;height:20px}.notes-section{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.notes-section h3{color:#f90;margin-bottom:10px}.template-controls{margin-bottom:20px;padding:15px;background:#ffffff0d;border-radius:5px;border:1px solid rgba(255,153,0,.2)}.template-controls h3{color:#f90;margin-bottom:10px;font-size:1.1em}.template-buttons{display:flex;gap:10px;flex-wrap:wrap}.line-items-section{margin-bottom:20px}.line-items-section h3{color:#f90;margin-bottom:15px;font-size:14pt;font-weight:700;text-transform:uppercase}.line-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:15px;margin-bottom:15px;position:relative}.line-item:last-child{margin-bottom:10px}.remove-item{position:absolute;top:2px;right:8px;width:28px;height:28px;padding:0!important;min-width:auto!important;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:50%;background:transparent!important;color:#fff!important;border:none;cursor:pointer;transition:all .3s ease}.remove-item:hover{transform:scale(1.1)}.btn-success,.btn-warning,.btn-danger{background:linear-gradient(45deg,#f90,#fa3);color:#000}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media print{body{background:#fff;color:#000;padding:0}.form-panel,.action-buttons{display:none}.container{grid-template-columns:1fr;max-width:none}.preview-panel{position:static}.invoice-preview{box-shadow:none;border:1px solid #ccc}}.btn:focus,input:focus,textarea:focus,select:focus{outline:2px solid #ff9900;outline-offset:2px}.input-error{border-color:#ef4444;box-shadow:0 0 15px #ef44444d}.error-message{color:#ef4444;font-size:14px;margin-top:5px}.input-success{border-color:#10b981;box-shadow:0 0 15px #10b9814d}