.invoice-tool{--iv-red:#e5484d;--iv-text:#14283f;--iv-muted:#61758a;--iv-border:#d7e0e9;--iv-soft:#f5f8fb;--iv-panel:#fff;border:1px solid var(--iv-border);border-radius:12px;background:var(--iv-panel);color:var(--iv-text);overflow:hidden}.invoice-tool [hidden]{display:none!important}.invoice-grid{display:grid;grid-template-columns:minmax(430px,45%) minmax(0,55%);min-height:760px}.invoice-editor{border-right:1px solid var(--iv-border);min-width:0}.invoice-head{height:55px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--iv-border);background:#f8fafc;font-size:13px;font-weight:850}.invoice-head>span{display:flex;align-items:center;gap:8px}.invoice-head i{color:var(--iv-red)}.invoice-head button,.invoice-head nav button{height:32px;border:1px solid #cbd6e1;border-radius:4px;background:#fff;color:#31516e;font-size:11px;font-weight:800;cursor:pointer}.invoice-head>button{padding:0 10px}.invoice-form{height:705px;padding:12px;overflow:auto;background:#fbfcfd}.invoice-form details{margin-bottom:9px;border:1px solid var(--iv-border);border-radius:7px;background:#fff;overflow:hidden}.invoice-form summary{padding:11px 13px;cursor:pointer;color:#203a55;font-size:12px;font-weight:850;background:#f7f9fb;list-style-position:inside}.invoice-section-grid{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.invoice-section-grid label,.invoice-logo{min-width:0;display:flex;flex-direction:column;gap:5px;color:#38516a;font-size:10px;font-weight:800}.invoice-section-grid .wide{grid-column:1/-1}.invoice-tool input,.invoice-tool select,.invoice-tool textarea{width:100%;border:1px solid #cbd7e2;border-radius:4px;background:#fff;color:#14283f;outline:0;font:600 11px/1.35 Inter,system-ui;padding:8px}.invoice-tool input,.invoice-tool select{height:36px}.invoice-tool textarea{min-height:58px;resize:vertical}.invoice-tool input:focus,.invoice-tool select:focus,.invoice-tool textarea:focus{border-color:#4b8dbc;box-shadow:0 0 0 2px rgba(75,141,188,.12)}.invoice-logo{grid-column:1/-1}.invoice-logo input{position:absolute;width:1px;height:1px;opacity:0}.invoice-logo span{min-height:39px;border:1px dashed #e37b7f;border-radius:5px;background:#fff7f7;color:#b5363c;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.invoice-colour{display:grid;grid-template-columns:40px minmax(0,1fr)}.invoice-colour input[type=color]{padding:3px;border-radius:4px 0 0 4px}.invoice-colour input:last-child{border-radius:0 4px 4px 0}.invoice-items-wrap{padding:10px}.invoice-items-head,.invoice-item{display:grid;grid-template-columns:minmax(135px,2.3fr) .65fr 1fr .7fr 1.1fr 28px;gap:6px;align-items:center}.invoice-items-head{padding:0 3px 6px;color:#6a7d90;font-size:9px;font-weight:850;text-transform:uppercase}.invoice-item{padding:7px 3px;border-top:1px solid #e4eaf0}.invoice-item label{min-width:0}.invoice-item label>span{display:none}.invoice-item input{height:33px;padding:6px}.invoice-item output{text-align:right;color:#263f59;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-item button{width:28px;height:29px;border:1px solid #e3c7c9;border-radius:4px;background:#fff6f6;color:#c0393f;cursor:pointer}.invoice-add{margin-top:8px;border:1px solid #bdccda;border-radius:4px;background:#f8fafc;color:#31516e;padding:8px 10px;font-size:10px;font-weight:850;cursor:pointer}.invoice-preview-panel{min-width:0;background:#eef3f7;display:flex;flex-direction:column}.invoice-head nav{display:flex;align-items:center;gap:5px}.invoice-head nav label{display:flex;align-items:center;gap:4px;color:#46627c;font-size:10px}.invoice-head nav input{width:40px;height:30px;padding:3px;text-align:center}.invoice-preview-stage{height:590px;position:relative;display:flex;align-items:center;justify-content:center;padding:18px;background:#e6edf3;overflow:auto}.invoice-preview-stage>img{display:block;max-width:96%;max-height:555px;width:auto;height:auto;box-shadow:0 12px 32px rgba(20,40,60,.24)}.invoice-preview-empty{text-align:center;color:#536c83}.invoice-preview-empty>i{font-size:35px;color:var(--iv-red)}.invoice-preview-empty h2{margin:12px 0 4px;color:#14283f;font-size:17px}.invoice-preview-empty p{max-width:390px;margin:0;font-size:11px}.invoice-preview-loading{position:absolute;inset:0;z-index:3;background:rgba(238,243,247,.84);display:flex;align-items:center;justify-content:center;gap:8px;color:#233d57;font-size:11px;font-weight:850}.invoice-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--iv-border);border-bottom:1px solid var(--iv-border);background:#fff}.invoice-summary>div{min-width:0;padding:9px 10px;border-right:1px solid var(--iv-border)}.invoice-summary>div:last-child{border-right:0}.invoice-summary span,.invoice-summary strong{display:block}.invoice-summary span{color:var(--iv-muted);font-size:8px;text-transform:uppercase;font-weight:800}.invoice-summary strong{margin-top:3px;color:#1d3852;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-summary>div:last-child strong{color:var(--iv-red)}.invoice-preview-note{margin:0;padding:8px 12px;color:#61778c;background:#f8fafc;font-size:9px}.invoice-result{margin:10px 12px;padding:10px;display:flex;align-items:center;gap:9px;border:1px solid #9ed2b4;border-radius:6px;background:#edf9f2}.invoice-result>i{font-size:20px;color:#21824d}.invoice-result>div{flex:1;min-width:0;display:flex;flex-direction:column}.invoice-result strong{font-size:11px}.invoice-result span{color:#50705f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-result a{padding:9px 11px;border-radius:4px;background:#207a4c;color:#fff;text-decoration:none;font-size:10px;font-weight:850}.invoice-footer{min-height:62px;padding:9px 13px;border-top:1px solid var(--iv-border);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.invoice-footer>[data-status]{color:#526b82;font-size:10px;font-weight:750}.invoice-footer>[data-status][data-tone=error]{color:#c0393f}.invoice-footer>[data-status][data-tone=success]{color:#238151}.invoice-footer>div:last-child{display:flex;gap:7px}.invoice-footer button{min-height:37px;padding:0 12px;border:1px solid #c6d3de;border-radius:4px;background:#fff;color:#34516c;font-size:10px;font-weight:850;cursor:pointer}.invoice-footer .invoice-create{border-color:var(--iv-red);background:var(--iv-red);color:#fff;box-shadow:0 7px 16px rgba(229,72,77,.2)}.invoice-footer button:disabled{opacity:.5;cursor:not-allowed}
body.theme-dark .invoice-tool{--iv-text:#e8f0f7;--iv-muted:#96aabd;--iv-border:#30465b;--iv-soft:#132334;--iv-panel:#101d2a;background:#101d2a}body.theme-dark .invoice-head,body.theme-dark .invoice-footer{background:#142536;color:#e8f0f7}body.theme-dark .invoice-form{background:#0e1a26}body.theme-dark .invoice-form details,body.theme-dark .invoice-form summary,body.theme-dark .invoice-tool input,body.theme-dark .invoice-tool select,body.theme-dark .invoice-tool textarea{background:#142536;color:#e4edf5;border-color:#385066}body.theme-dark .invoice-form summary{background:#172a3c}body.theme-dark .invoice-section-grid label{color:#a9bdcf}body.theme-dark .invoice-logo span{background:#2d1d24;border-color:#75404a;color:#ffabb0}body.theme-dark .invoice-item{border-color:#2f4559}body.theme-dark .invoice-item output{color:#c9d9e7}body.theme-dark .invoice-add,body.theme-dark .invoice-item button,body.theme-dark .invoice-head button{background:#192c3e;border-color:#40576b;color:#d5e3ef}body.theme-dark .invoice-preview-panel{background:#0d1924}body.theme-dark .invoice-preview-stage{background:#111f2c}body.theme-dark .invoice-preview-loading{background:rgba(13,25,36,.86);color:#dce8f3}body.theme-dark .invoice-summary,body.theme-dark .invoice-preview-note{background:#142536}body.theme-dark .invoice-summary strong{color:#dce8f3}body.theme-dark .invoice-preview-empty h2{color:#e8f0f7}body.theme-dark .invoice-result{background:#153528;border-color:#326f4d}
@media(max-width:920px){.invoice-grid{grid-template-columns:1fr}.invoice-editor{border-right:0;border-bottom:1px solid var(--iv-border)}.invoice-form{height:auto;max-height:720px}.invoice-preview-stage{height:520px}.invoice-footer{align-items:flex-start;flex-direction:column}.invoice-footer>div:last-child{width:100%}.invoice-footer button{flex:1}}
@media(max-width:580px){.invoice-section-grid{grid-template-columns:1fr}.invoice-section-grid .wide,.invoice-logo{grid-column:auto}.invoice-items-head{display:none}.invoice-item{grid-template-columns:1fr 1fr}.invoice-item label:first-child{grid-column:1/-1}.invoice-item label>span{display:block;margin-bottom:3px;color:var(--iv-muted);font-size:8px;font-weight:800}.invoice-item output{align-self:end;padding:8px 0}.invoice-item button{align-self:end}.invoice-preview-stage{height:410px;padding:9px}.invoice-summary{grid-template-columns:1fr 1fr}.invoice-summary>div:nth-child(2){border-right:0}.invoice-summary>div:nth-child(-n+2){border-bottom:1px solid var(--iv-border)}.invoice-result{align-items:flex-start;flex-wrap:wrap}.invoice-result a{width:100%;text-align:center}.invoice-head{height:auto;min-height:54px;align-items:flex-start;flex-direction:column;padding:9px 11px}.invoice-head>button{align-self:flex-end;margin-top:-32px}.invoice-head nav{width:100%;justify-content:space-between}.invoice-footer>div:last-child{display:grid;grid-template-columns:1fr 1.5fr}}