body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:Hiragino Kaku Gothic Pro,メイリオ,sans-serif;line-height:1.6}.App{min-height:100vh;padding:20px;width:100%}.container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1000px;padding:30px}h1{font-size:28px;margin-bottom:30px;text-align:center}h1,h2{color:#2c3e50}h2{border-bottom:1px solid #eee;font-size:20px;margin-bottom:15px;padding-bottom:5px}.invoice-form,h2{margin-top:20px}.form-row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.form-group{flex:1 1;margin-bottom:15px;min-width:250px;padding-left:15px;padding-right:15px}label{display:block;font-size:14px;font-weight:700;margin-bottom:5px}input,select,textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:8px;width:100%}textarea{min-height:80px;resize:vertical}button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}button:hover{background-color:#2980b9}.item-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;position:relative}.item-controls{display:flex;flex-direction:column;gap:4px}.move-item-down,.move-item-up{align-items:center;background-color:#007bff;display:flex;font-size:16px;height:30px;justify-content:center;padding:0;width:30px}.move-item-down:hover,.move-item-up:hover{background-color:#0056b3}.move-item-down:disabled,.move-item-up:disabled{background-color:#ccc;cursor:not-allowed}.form-group.description{flex:3 1}.form-group.amount,.form-group.quantity,.form-group.tax-rate,.form-group.unit-price{flex:1 1}.form-group.tax-rate select{width:100%}.remove-item{background-color:#e74c3c;height:38px;margin-bottom:8px;margin-left:10px}.remove-item:hover{background-color:#c0392b}.add-item{background-color:#2ecc71;margin-bottom:20px;margin-top:10px}.add-item:hover{background-color:#27ae60}.totals{border-top:2px solid #f5f5f5;margin-top:30px;padding-top:20px}.actions{display:flex;gap:10px;justify-content:center;margin-top:30px}.generate-pdf,.send-email{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.send-email{background-color:#2196f3}.generate-pdf:hover,.send-email:hover{opacity:.8}@media (max-width:768px){body{padding:5px}.container{max-width:100%;padding:10px;width:100%}.form-group{margin-bottom:10px;min-width:100%}.form-row{margin-left:-5px;margin-right:-5px}.form-group.half{padding:0 5px}.item-row{flex-wrap:wrap;margin-bottom:5px;padding:5px}.item-controls{flex-direction:row;margin-bottom:5px;width:100%}.description{flex:100% 1;margin-bottom:5px}.amount,.quantity,.tax-rate,.unit-price{flex:1 1;min-width:23%;padding:0 2px}.remove-item{flex:100% 1;margin-left:0;margin-top:5px}input,select,textarea{padding:6px}h1,h2,h3{margin-bottom:10px}}.footer-notice{border-top:1px solid #eee;color:#777;font-size:14px;margin-top:40px;padding-top:20px;text-align:center}.footer-notice p{margin-bottom:8px}.footer-notice a{color:#3498db;text-decoration:none}.footer-notice a:hover{text-decoration:underline}.required-label{background-color:#ff4d4d}.optional-label,.required-label{border-radius:3px;color:#fff;font-size:.7em;font-weight:400;margin-left:5px;padding:2px 5px}.optional-label{background-color:#aaa}.logo-preview{align-items:flex-start;display:flex;flex-direction:column;margin-top:10px}.logo-preview img{background-color:#fff;border:1px solid #ddd;box-shadow:0 1px 3px #0000001a;margin-bottom:5px;padding:5px}.remove-logo{background-color:#f44336;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.8em;margin-top:5px;padding:5px 10px}.remove-logo:hover{background-color:#d32f2f}.logo-upload{background-color:#f9f9f9;border:1px solid #ddd;padding:8px;width:100%}.stamp-preview{align-items:flex-start;display:flex;flex-direction:column;margin-top:10px}.stamp-preview img{background-color:#fff;border:1px solid #ddd;box-shadow:0 1px 3px #0000001a;margin-bottom:5px;padding:5px}.remove-stamp{background-color:#f44336;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.8em;margin-top:5px;padding:5px 10px}.remove-stamp:hover{background-color:#d32f2f}.logo-upload,.stamp-upload{background-color:#f9f9f9;border:1px solid #ddd;padding:8px;width:100%}.section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px}.section-header h2{margin:0;padding:8px 0}.section-header:hover h2{color:#3498db}.clear-section-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;z-index:10}.clear-section-btn:hover{background-color:#d32f2f}.section-content{margin-bottom:20px;overflow:hidden;transition:max-height .3s ease-in-out}.section-header h2:after{content:"";margin-left:10px}.item-row .amount,.item-row .tax-rate,.item-row .unit-price{width:15%}.item-row .remarks{margin-top:10px;width:100%}.item-row .remarks textarea{height:40px;resize:vertical}.checkbox-container{align-items:center;display:flex;margin-top:5px}.checkbox-container input[type=checkbox]{margin-right:8px;width:auto}.checkbox-container label{display:inline;font-weight:400;margin-bottom:0}.template-selection{margin-bottom:30px}.template-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:15px}.template-option{border:2px solid #eee;border-radius:8px;cursor:pointer;flex:1 1;max-width:250px;min-width:180px;padding:10px;transition:all .3s ease}.template-option:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.template-option.selected{background-color:#f0f8ff;border-color:#3498db}.template-preview{cursor:pointer;display:flex;justify-content:center;margin-bottom:10px}.template-thumbnail{background-color:#fff;border:1px solid #ddd;display:flex;flex-direction:column;height:160px;overflow:hidden;width:100%}.thumbnail-header{background-color:#f8f8f8;border-bottom:1px solid #eee;color:#333;font-weight:700;padding:5px;text-align:center}.thumbnail-header.modern{background-color:#3498db;border-bottom:2px solid #2980b9;color:#fff}.thumbnail-header.japanese{background-color:#4472c4;border-radius:5px 5px 0 0;color:#fff;margin:5px 5px 0}.thumbnail-content{flex:1 1;padding:10px;position:relative}.thumbnail-lines{background:repeating-linear-gradient(#fff,#fff 10px,#f8f8f8 0,#f8f8f8 20px);height:70px;width:100%}.thumbnail-boxes{display:flex;flex-wrap:wrap;gap:5px}.thumbnail-boxes:after,.thumbnail-boxes:before{background-color:#fff;border-radius:3px;box-shadow:0 1px 3px #0000001a;content:"";height:30px;width:45%}.thumbnail-table{background:linear-gradient(#f9f9f9,#f9f9f9 25%,#fff 0,#fff 50%,#f9f9f9 0,#f9f9f9 75%,#fff 0,#fff);background-size:100% 20px;border-top:1px solid #eee;height:40px;margin-top:10px}.thumbnail-table.modern{background:linear-gradient(#3498db,#3498db 25%,#fff 0,#fff);background-size:100% 20px;border-radius:3px}.thumbnail-table-bordered{background-color:#fff;border:1px solid #000;height:60px;margin-top:10px;position:relative}.thumbnail-table-bordered:before{background:linear-gradient(#0000,#0000 50%,#f9f9f9 0,#f9f9f9);background-size:100% 20px;bottom:5px;content:"";left:5px}.thumbnail-stamp,.thumbnail-table-bordered:before{border:1px solid #000;position:absolute;right:5px;top:5px}.thumbnail-stamp{height:20px;width:20px}.template-name{align-items:center;display:flex;justify-content:center}.template-name input[type=radio]{margin-right:8px;width:auto}.template-name label{display:inline;font-weight:700;margin-bottom:0}.template-description{color:#666;font-size:12px;height:40px;margin:10px 0;overflow:hidden}.template-actions{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.sample-preview-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:5px 10px;transition:background-color .2s}.sample-preview-btn:hover{background-color:#e0e0e0}.sample-preview-modal{align-items:center;background-color:#000000b3;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.sample-preview-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.sample-preview-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.sample-preview-header h3{font-size:18px;margin:0}.close-preview{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;width:30px}.close-preview:hover{background-color:#e0e0e0}.sample-preview-body{max-height:calc(90vh - 60px);overflow-y:auto;padding:20px}
/*# sourceMappingURL=main.90625068.css.map*/