.invoice-title-box{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.5em 0em}.invoice-page-title{font-size:1.2em;font-weight:700;margin:auto 0em}.invoice-title-number-box{display:flex;gap:2em;width:100%;padding:.5em 1em}.invoice-number-box{display:flex;gap:.8em;height:fit-content;margin:0em}.a-invoice-number{display:flex;gap:.5em}.a-invoice-number>i{font-size:1.2em;margin:auto 0em;color:rgb(161 161 161)}.a-invoice-number>p{font-weight:700;text-align:center}.invoice-important-buttons{display:flex;gap:1em}.invoices-date-box{display:flex;gap:.5em;padding:.5em 0em}.invoices-date-box>p{white-space:nowrap;margin:auto;color:#828282}.select-month{width:120px}.invoices-box{display:flex;flex-flow:column;height:calc(100% - 46px);overflow:auto;padding:0 1em;position:relative}.i-key>div:nth-child(2),.i-key>div:nth-child(3),.i-key>div:nth-child(4){display:none}@container main-editor-wrapper (min-width:700px){.a-invoice-number:first-child,.a-invoice-number:nth-child(2),.a-invoice-number:nth-child(3){display:flex}.invoice-title-box{padding:1em;margin:inherit}.invoice-title-number-box{justify-content:start;gap:2em;width:auto;font-size:1em;padding:0em}.invoices-box{height:calc(100% - 163px)}.invoices-date-box{font-size:1em}.invoice-number-box{margin:auto 0em}.invoice-page-title{font-size:1.5em}}.input-hakkou{justify-content:center;margin:auto}.title-input{display:flex;justify-content:space-between;color:#2a2a2a;border-bottom:1px solid #d9d9d9}.title-input>p{display:flex;align-items:center;white-space:nowrap;padding:.7em}.title-input>input{max-width:180px!important;border:0!important;border-radius:0!important;text-align:center;min-height:45px}.invoice-checkbox{display:flex;align-items:center;gap:.2em;background-color:#eaeaea;padding:.3em .5em;border-radius:.3em;cursor:pointer}.invoice-checkbox-input{display:none}.invoice-checkbox-input:checked~.invoice-checkbox{color:#fff;background-color:orange}.i-fee-title-box{display:flex;gap:.5em}.i-fee-title-box>i{margin:auto 0em}.i-title-color{font-weight:700;color:#bb8600}.i-create-buttons,.i-each-button{display:flex;gap:1em;justify-content:center}.i-each-button>p{font-weight:700;margin:auto 0em}.i-each-button>div{display:flex;gap:.5em}.i-hakkou{font-size:1.2em;padding:.3em}.csv-button{background-color:gray;color:#fff;font-weight:700;padding:1em 2em;border-radius:.3em;cursor:pointer}.pdf-button{color:#fff;font-weight:700;padding:1em 2em;border-radius:.3em;cursor:pointer}.invoice-custom-checkbox{display:flex;position:relative;cursor:pointer;user-select:none;width:35px;height:35px;margin:auto;z-index:0}.invoice-custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.invoice-checkmark{margin:auto;height:100%;width:100%;background-color:#eee;border-radius:4px;z-index:0}.invoice-checkmark-white{background-color:#fff}.invoice-custom-checkbox input:checked~.invoice-checkmark{background:linear-gradient(135deg,#ff9f43,#ff7b2e);box-shadow:0 2px 10px rgba(255,159,67,.3)}.invoice-checkmark:after{content:"";position:absolute;display:none}.invoice-custom-checkbox input:checked~.invoice-checkmark:after{display:block}.invoice-custom-checkbox .invoice-checkmark:after{left:30%;width:10px;height:25px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}@container main-editor-wrapper (min-width:1400px){.invoice-number-box{gap:1.4em}.invoice-title-box{padding:1em 2.5em}}.select-columns-invoice{background-color:#f8f9fa;border-radius:8px;padding:1em;margin-top:1.5em;box-shadow:0 2px 4px rgba(0,0,0,.1);max-height:400px;display:flex;flex-direction:column}.select-columns-header{display:flex;flex-flow:column;gap:1em;margin-bottom:1em}.select-columns-note{margin:0;white-space:nowrap;color:#333;font-size:.9em;text-decoration:underline;cursor:pointer}.select-columns-header h3{margin:0;white-space:nowrap;color:#333;font-size:1.2em}#column-search{padding:.5em;border:1px solid #ddd;background-color:#fff;border-radius:4px;width:100%;max-width:150px;transition:.3s}.select-columns-options{display:flex;gap:.5em;flex-wrap:wrap;overflow:auto;max-height:100px;padding-right:.5em}.column-option{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:.4em .8em;cursor:pointer;transition:background-color .3s;white-space:nowrap}.column-option:hover{background-color:#f0f0f0}.column-option.selected{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;border-color:#a04000}.selected-column{display:flex;align-items:center}.selected-columns h4{margin:0 0 .5em;color:#333}#selected-columns-list{position:relative;display:flex;flex-wrap:wrap;gap:.5em;min-height:50px;padding:.5em;background-color:#f8f9fa;border-radius:4px;overflow-y:auto;flex-grow:1}.selected-column{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff;padding:.4em .8em;border-radius:4px;display:flex;align-items:center;cursor:move}.selected-column .remove-column{margin-left:.5em;cursor:pointer;opacity:.7;transition:opacity .3s}.selected-column .remove-column:hover{opacity:1}.selected-column::before{content:attr(data-order);margin-right:.5em;font-weight:700;background-color:rgba(255,255,255,.2);padding:.2em .5em;border-radius:50%}.invoice-action-modal{position:absolute;background:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.15);padding:5px;z-index:1000;opacity:0;transition:opacity .2s,transform .2s;display:flex;gap:4px}.invoice-action-modal.show{opacity:1}.invoice-action-button{display:flex;align-items:center;gap:8px;padding:8px 10px;white-space:nowrap;border-radius:6px;border:none;background:0 0;cursor:pointer;transition:background .2s;color:#333;font-weight:700;width:100%;text-align:left}.invoice-action-button:hover{background:#f5f5f5}.invoice-action-button.issue{background-color:#34c62c;color:#fff}.invoice-action-button.copy{background-color:#36a2ea;color:#fff}.invoice-action-button.delete{background-color:#ee4a5a;color:#fff}.invoice-action-button.confirm{background-color:#40a464;color:#fff}.invoice-action-button.bell{background-color:#5777cc;color:#fff}.invoice-action-button:disabled{cursor:not-allowed;background-color:#999;color:#fff;opacity:.5}.input-save-container{display:flex;align-items:center;width:100%;position:relative}.easy-input{width:80px;border:1px solid #ccc;border-radius:5px;padding:5px;transition:border-color .3s}.easy-input:focus{border-color:#4caf50;outline:0}.easy-input.changed{border-color:orange;background-color:#fffaf0}.save-field-btn{display:none;position:absolute;top:-10px;right:-7px;width:30px;height:30px;border-radius:50%;font-size:12px;background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .3s,transform .1s;z-index:2}.save-field-btn:hover{background-color:#45a049;transform:scale(1.1)}.save-field-btn:active{transform:scale(.95)}.save-field-btn:disabled{background-color:#ccc;cursor:not-allowed}.save-field-btn i{font-size:15px;margin:auto}.save-field-btn.saving{background-color:orange;pointer-events:none}.save-field-btn.saving i{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.save-field-btn.success{background-color:#4caf50}.save-field-btn.success i{animation:.5s ease-in-out pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@container main-editor-wrapper (max-width:700px){.input-save-container input{font-size:10px;padding:3px}.save-field-btn{padding:1px 3px;font-size:10px}}.doc-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem 0rem;border-bottom:1px solid #f1f3f5}.doc-title{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem}.doc-close{background:0 0;border:none;cursor:pointer;color:#6c757d;font-size:2em}.doc-tabs{display:flex;align-items:flex-end;gap:.5rem}.doc-tab{appearance:none;background:#fff;color:#495057;border:1px solid #dee2e6;border-bottom:none;padding:.5rem .9rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;cursor:pointer;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.doc-tab:hover:not(.is-disabled):not(.active){background-color:#f8f9fa}.doc-tab.active{background:#ff7b2e;color:#fff;border-color:#ff7b2e}.doc-tab.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.doc-alert{display:none;margin:.75rem 2rem 0;padding:.65rem .9rem;background:#fff4e9;border:1px solid #ffdec8;color:#995e2b;border-radius:.5rem;line-height:1.5;font-size:.9rem;max-height:80px;width:480px;overflow:auto}.doc-alert--danger{background:#fdeaea;border-color:#f8cccc;color:#c03131}.doc-alert.show{display:block}.doc-body{height:calc(100% - 180px);padding:.5rem 0 0;overflow:hidden;display:flex;flex-direction:column;gap:1rem}.doc-sheet-pills{display:flex;gap:.5rem;flex-wrap:wrap;width:480px}.doc-pill{border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:9999px;padding:.4rem .8rem;cursor:pointer;font-size:1rem;transition:background-color .15s,color .15s,border-color .15s}.doc-pill:hover:not(.is-disabled):not(.active){background:#f8f9fa}.doc-pill.active{background:#ff7b2e;color:#fff;border-color:#ff7b2e}.doc-pill.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.doc-sections{flex:1;overflow:auto;padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem;width:550px}.doc-section{background:#fff;border:1px solid #e9ecef;border-radius:.5rem}.doc-section__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #f1f3f5}.doc-section__title{font-size:.9rem;font-weight:600;color:#343a40}.doc-section__toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:#ff7b2e;background:0 0;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:background-color .15s ease-in-out,color .15s ease-in-out}.doc-section__toggle:hover{background:rgba(255,123,46,.08)}.doc-section__toggle.is-disabled{color:#adb5bd;cursor:not-allowed;pointer-events:none}.doc-section__icon{transition:transform .2s ease-in-out}.doc-section__toggle.open .doc-section__icon{transform:rotate(180deg)}.doc-section__content{display:block;padding:.75rem 1rem}.doc-field{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px dashed #f1f3f5}.doc-field:last-child{border-bottom:none}.doc-label{display:flex;gap:.5em;text-align:left;color:gray}.doc-label i{font-size:1.2em;margin:auto 0em}.doc-value{color:#343a40}.doc-footer{padding:1rem 2rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:.75rem}.doc-actions{display:none}.doc-actions.active{display:flex;gap:.75rem}.doc-btn{border:none;border-radius:.5rem;padding:.7rem 1.25rem;font-weight:700;cursor:pointer;transition:transform 50ms,box-shadow .2s}.doc-btn:active{transform:translateY(1px)}.doc-btn--ghost{background:#e9ecef;color:#343a40}.doc-btn--ghost.is-disabled{background:#999;box-shadow:none;color:#fff;cursor:not-allowed;pointer-events:none}.doc-btn--primary{background:#ff7b2e;color:#fff;box-shadow:0 2px 6px rgba(255,123,46,.25)}.doc-btn--primary.is-disabled{background:#999;box-shadow:none;color:#fff;cursor:not-allowed;pointer-events:none}.doc-btn--primary:hover{filter:brightness(.98)}.is-hidden{display:none!important}.is-flex{display:flex!important}.invoice-search-attention{border:3px solid #ee4a5a;border-radius:6px;box-shadow:0 0 0 3px rgba(238,74,90,.5);animation:.22s ease-in-out 3 invoice-vibrate}@keyframes invoice-vibrate{0%,100%{transform:translate3d(0,0,0)}20%,60%{transform:translate3d(-2px,0,0) rotate(-.5deg)}40%,80%{transform:translate3d(2px,0,0) rotate(.5deg)}}@media (prefers-reduced-motion:reduce){.invoice-search-attention{animation:none}}