.invoice-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:var(--wp--preset--spacing--50,1.5rem)}.invoice-creator{background:#fff;margin:0 auto;max-width:1000px;min-height:600px}.invoice-editor__header{margin-bottom:var(--wp--preset--spacing--50,1.5rem);text-align:center}.invoice-editor__header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 8px 0}.invoice-editor__header p{color:#64748b;font-size:.9rem;margin:0}.invoice-editor__items{margin-top:var(--wp--preset--spacing--40,1rem)}.invoice-editor__items h4{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 var(--wp--preset--spacing--40,1rem) 0}.invoice-items-table{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:var(--wp--preset--spacing--40,1rem);overflow:hidden}.invoice-items-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:grid;font-weight:600;grid-template-columns:2fr 80px 100px 100px 80px;padding:12px}.invoice-item-row{border-bottom:1px solid #f1f5f9;display:grid;grid-gap:8px;gap:8px;grid-template-columns:2fr 80px 100px 100px 80px;padding:12px}.invoice-item-row:last-child{border-bottom:none}.invoice-amount{align-items:center;display:flex;font-weight:600}.invoice-totals{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:var(--wp--preset--spacing--40,1rem);padding:var(--wp--preset--spacing--40,1rem)}.invoice-total-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.invoice-total-final{border-top:2px solid #e2e8f0;font-size:1.1rem;font-weight:700;margin-top:12px;padding-top:12px}.invoice-editor__preview-note{background:#dbeafe;border:1px solid #3b82f6;border-radius:6px;margin-top:var(--wp--preset--spacing--50,1.5rem);padding:var(--wp--preset--spacing--40,1rem);text-align:center}.invoice-editor__preview-note p{color:#1e40af;font-size:.9rem;margin:0}.invoice-form{background:#f8fafc;min-height:100vh;padding:24px}.invoice-form__header{margin-bottom:32px;text-align:center}.invoice-form__header h2{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px 0}.invoice-form__header p{color:#6b7280;font-size:16px;margin:0}.invoice-form__grid{display:grid;grid-gap:32px;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.invoice-form__section{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:32px;padding:24px}.invoice-form__section--full{grid-column:1/-1}.section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px 0;padding-bottom:12px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.form-row,.form-row-group{margin-bottom:16px}.form-row-group{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-field{display:flex;flex-direction:column}.form-field label,.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.required{color:#ef4444;font-weight:600}.form-input,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-textarea{min-height:80px;resize:vertical}.form-input--number{text-align:right}.form-input--error,.form-textarea--error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-input--error:focus,.form-textarea--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.2)}.field-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:12px;gap:6px;margin-top:4px;padding:8px 12px}.field-error:before{content:"⚠️";font-size:14px}.btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;text-align:center;transition:all .2s ease}.btn:hover{background:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.4);transform:translateY(-1px)}.btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.btn--secondary{background:#6b7280;color:#fff}.btn--secondary:hover{background:#4b5563;box-shadow:0 4px 12px hsla(220,9%,46%,.4)}.btn--danger{background:#ef4444;color:#fff;font-size:16px;line-height:1;padding:8px 12px}.btn--danger:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.4)}.btn--small{font-size:12px;padding:6px 12px}.items-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.items-table__header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600}.items-table__header,.items-table__row{display:grid;grid-gap:16px;gap:16px;grid-template-columns:2fr 100px 120px 120px 60px;padding:16px}.items-table__row{align-items:center;border-bottom:1px solid #f3f4f6}.items-table__row:last-child{border-bottom:none}.item-amount{color:#1f2937;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600;text-align:right}.invoice-form__totals{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px;padding:24px}.totals-preview{margin-left:auto;max-width:300px}.total-row{color:#374151;padding:8px 0}.total-row--final{margin-top:12px;padding-top:12px}.invoice-form__actions{display:flex;gap:16px;justify-content:center;padding:24px}.invoice-template{line-height:1.5;margin:var(--wp--preset--spacing--60,2rem) auto;max-width:1000px}.invoice-template__loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top:3px solid #3b82f6;height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invoice-template__error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:var(--wp--preset--spacing--50,1.5rem);text-align:center}.invoice-template__error h3{color:#991b1b;margin:0 0 12px 0}.invoice-template__error pre{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.8rem;margin:12px 0 0 0;overflow-x:auto;padding:12px}.invoice-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin:0 auto;max-width:800px;overflow:hidden}.invoice-actions{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:center;padding:20px 24px}.invoice-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.invoice-btn:hover{background:#f9fafb;border-color:#3b82f6;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#3b82f6;transform:translateY(-1px)}.invoice-btn--primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.invoice-btn--primary:hover{background:#2563eb;border-color:#2563eb;color:#fff}.invoice-btn--print:hover{border-color:#f59e0b;color:#f59e0b}.invoice-btn--share:hover{border-color:#10b981;color:#10b981}.invoice-btn__icon{font-size:16px}.invoice-document{background:#fff;padding:40px 48px 48px 48px}.invoice-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:32px}.invoice-header__company{flex:1}.company-name{color:#1f2937;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 12px 0}.company-address,.company-email,.company-location,.company-phone,.company-website{color:#6b7280;font-size:14px;line-height:1.4;margin:6px 0}.invoice-header__title{flex-shrink:0;text-align:right}.invoice-title{color:#1f2937;font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0}.invoice-number{color:#6b7280;font-size:16px;font-weight:500;margin:8px 0 0 0}.invoice-details{display:flex;gap:40px;justify-content:space-between;margin-bottom:40px}.invoice-details__info{flex:1}.invoice-dates div{color:#374151;font-size:14px;margin-bottom:8px}.invoice-dates strong{color:#1f2937;display:inline-block;font-weight:600;min-width:80px}.invoice-details__client{flex:1;text-align:right}.client-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px 0}.client-info p{color:#6b7280;font-size:14px;line-height:1.4;margin:6px 0}.client-name{color:#1f2937!important;font-weight:600}.invoice-table-container{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:40px;overflow:hidden}.invoice-table{background:#fff;border-collapse:collapse;width:100%}.invoice-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:14px;font-weight:600;padding:16px;text-align:left}.invoice-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px}.invoice-table tr:last-child td{border-bottom:none}.col-description{width:45%}.col-quantity{text-align:center;width:15%}.col-amount,.col-rate{text-align:right;width:20%}.item-description{color:#1f2937;font-weight:500}.item-quantity{font-weight:500;text-align:center}.item-amount,.item-rate{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600;text-align:right}.invoice-totals{display:flex;justify-content:flex-end;margin-bottom:40px}.totals-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:280px;padding:20px}.total-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px;padding:4px 0}.total-row--final{border-top:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:700;margin-top:16px;padding-top:16px}.total-label{color:#374151;font-weight:500}.total-value{color:#1f2937;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600}.total-row--final .total-value{color:#1f2937;font-size:20px}.invoice-notes{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:40px;padding:20px}.notes-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px 0}.notes-content{color:#374151;font-size:14px;line-height:1.6;margin:0}.invoice-footer{border-top:1px solid #e5e7eb;padding-top:32px;text-align:center}.footer-text{color:#6b7280;font-size:14px;font-style:italic;margin:0}@media print{.invoice-actions{display:none}.invoice-container{box-shadow:none;margin:0;max-width:none}.invoice-document{padding:20px}.invoice-header{page-break-after:avoid}.invoice-table{page-break-inside:avoid}.invoice-totals{page-break-before:avoid}.client-name,.company-name,.invoice-title,.item-description,.total-label,.total-value{color:#000!important}}@media (max-width:768px){.invoice-form{padding:16px}.invoice-form__grid{gap:20px}.form-row-group,.invoice-form__grid{grid-template-columns:1fr}.items-table__header,.items-table__row{gap:8px;grid-template-columns:2fr 80px 100px 100px 50px}.invoice-document{padding:24px 16px}.invoice-header{flex-direction:column;gap:24px}.invoice-header__title{text-align:left}.company-name{font-size:20px}.invoice-title{font-size:28px}.invoice-details{flex-direction:column;gap:24px}.invoice-details__client{text-align:left}.invoice-actions{flex-wrap:wrap;gap:8px;padding:16px}.invoice-btn{flex:1;justify-content:center;min-width:120px}.invoice-table-container{border:none;border-radius:0}.invoice-table,.invoice-table tbody,.invoice-table td,.invoice-table th,.invoice-table thead,.invoice-table tr{display:block}.invoice-table thead tr{left:-9999px;position:absolute;top:-9999px}.invoice-table tr{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.invoice-table td{align-items:center;border:none;display:flex;justify-content:space-between;padding:8px 0;position:relative;text-align:left!important}.invoice-table td:before{color:#374151;content:attr(data-label) ":";flex-shrink:0;font-weight:600;margin-right:16px}.totals-container{min-width:auto}}@media (max-width:480px){.invoice-form__header h2{font-size:24px}.invoice-actions{flex-direction:column}.invoice-btn{width:100%}.items-table__header,.items-table__row{gap:12px;grid-template-columns:1fr}.items-table__header{display:none}.items-table__row{background:#f9fafb;border-radius:8px;margin-bottom:12px;padding:16px}.form-input,.form-textarea{font-size:16px}.field-error{font-size:11px;padding:6px 10px}.items-table__row .form-field{margin-bottom:8px}}