*{box-sizing:border-box}body{margin:0;font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid var(--xds-line);border-radius:9px;background:var(--xds-panel);color:var(--xds-ink)}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}main{max-width:1450px;margin:auto;padding:26px 40px 60px;min-width:0}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:var(--xds-panel);z-index:100}.skip:focus{top:10px}.xds-header{padding:24px 40px;flex-wrap:wrap}.xds-header>a{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:700}.language-picker{margin-left:auto;position:relative;font-size:13px}.language-picker summary{cursor:pointer;border:1px solid var(--xds-line);border-radius:24px;padding:10px 18px;min-height:44px}.language-picker nav{position:absolute;right:0;top:50px;background:var(--xds-panel);border:1px solid var(--xds-line);border-radius:14px;width:180px;padding:8px;z-index:10;display:grid}.language-picker a{padding:8px 12px;text-decoration:none}.xds-theme{font-size:13px}.breadcrumbs{font-size:12px;color:var(--xds-muted);margin-bottom:30px}.hero{max-width:850px}.hero h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-1.4px;margin:16px 0}.hero>p{color:var(--xds-muted)}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700}.local-note,.hint{font-size:12px;color:var(--xds-muted)}.tool-navigation{display:flex;overflow-x:auto;gap:8px;margin-top:20px;padding:12px 0 24px}.tool-navigation a{flex:none;padding:9px 16px;border:1px solid var(--xds-line);border-radius:24px;font-size:12px;text-decoration:none}.tool-navigation a[aria-current],.tool-navigation a:hover{background:var(--xds-soft);border-color:var(--xds-green)}.invoice-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px;align-items:start}.invoice-workspace>*{min-width:0}h2{font-size:22px;letter-spacing:-.5px;margin:0 0 20px}h3{font-size:16px}p,dd,td{overflow-wrap:anywhere}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin:14px 0;min-width:0}input,select,textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--xds-line);border-radius:9px;color:var(--xds-ink);background:var(--xds-panel)}textarea{resize:vertical}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.actions button{font-size:12px}fieldset{border:1px solid var(--xds-line);border-radius:12px;padding:12px;margin:16px 0;min-width:0}legend{font-size:12px;font-weight:700}.line-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.line-fields label:first-child{grid-column:1/-1}.line-fields label{margin:8px 0}.preview-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.preview-heading h2{margin:0}.preview-heading button{font-size:12px}.invoice-document{border:1px solid var(--xds-line);border-radius:16px;background:var(--xds-panel);padding:28px;overflow:auto;font-size:12px;box-shadow:0 8px 30px #00000008}.invoice-document header{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.invoice-document header h2{font-size:28px;margin:6px 0}.document-mark{font-size:9px;letter-spacing:.15em;color:var(--xds-muted)}.invoice-document dl{margin:0}.invoice-document dt{font-weight:700}.invoice-document dd{margin:0 0 8px}.parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 32px}.parties h3,.document-notes h3{font-size:11px;color:var(--xds-muted);margin:0 0 8px}.multiline{white-space:pre-wrap;margin-top:0}.invoice-document table{width:100%;border-collapse:collapse;min-width:480px;table-layout:fixed;font-size:11px}.invoice-document caption{text-align:left;font-weight:700;padding-bottom:10px}.invoice-document th{text-align:left;font-weight:700;border-bottom:2px solid var(--xds-green);padding:10px 5px;vertical-align:top}.invoice-document th:first-child{width:27%}.invoice-document td{border-bottom:1px solid var(--xds-line);padding:12px 5px;vertical-align:top;white-space:pre-wrap}.invoice-document th:not(:first-child),.invoice-document td:not(:first-child){text-align:right}.invoice-document .totals{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:6px 12px;margin:24px 0 24px auto;max-width:360px}.totals dd{text-align:right}.totals dt{font-weight:400}.totals .total{font-size:17px;font-weight:700;border-top:2px solid var(--xds-green);padding-top:12px}.document-notes{margin-top:28px;border-top:1px solid var(--xds-line);padding-top:20px}.invoice-document[data-template=compact]{padding:20px;font-size:11px}.invoice-document[data-template=compact] header{margin-bottom:12px}.invoice-document[data-template=compact] td{padding:6px 4px}.invoice-document[data-template=compact] .parties{margin:12px 0 20px;gap:16px}.guide{margin-top:32px}.guide p,.legal p{max-width:85ch}.legal{max-width:850px;margin:30px auto}.xds-footer{max-width:1260px;margin:auto;font-size:13px}#error{font-size:13px;overflow-wrap:anywhere}
h1,h2,h3,label,button{overflow-wrap:anywhere}button{max-width:100%;white-space:normal}
@media(max-width:1100px){main{padding:24px}.invoice-workspace{grid-template-columns:minmax(0,1fr)}.preview-panel{max-width:850px;width:100%;margin:auto}}
@media(max-width:768px){.xds-header{padding:20px;gap:12px}.xds-header>a img{width:130px}.language-picker{margin-left:0}.xds-theme{font-size:12px}.invoice-document{padding:20px}}
@media(max-width:400px){main{padding:20px 14px}.xds-header{padding:16px 14px}.xds-header>a{width:100%}.fields{grid-template-columns:minmax(0,1fr)}.xds-card{padding:18px}.actions button{max-width:100%;white-space:normal}.parties{grid-template-columns:minmax(0,1fr)}.invoice-document header{flex-direction:column}.invoice-document{padding:14px}}
@page invoice-a4{size:A4;margin:16mm}@page invoice-letter{size:Letter;margin:16mm}
@media print{body>*:not(main),main>*:not(.invoice-workspace),.invoice-workspace>.editor,.preview-panel>*:not(.invoice-document){display:none!important}html,body,main,.invoice-workspace,.preview-panel{display:block!important;margin:0!important;padding:0!important;max-width:none!important;width:auto!important;background:#fff!important;color:#111!important}.invoice-document{page:invoice-a4;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;overflow:visible!important;border-radius:0!important;background:white!important;color:#111!important;font-size:10pt!important}body[data-paper=Letter] .invoice-document{page:invoice-letter}.invoice-document table{min-width:0;font-size:8pt;table-layout:fixed}.invoice-document thead{display:table-header-group}.invoice-document td,.invoice-document th{border-color:#bbb;color:#111}.invoice-document th{border-bottom-color:#095a47}.invoice-document .totals{break-inside:avoid;page-break-inside:avoid}.invoice-document h2,.invoice-document h3{break-after:avoid}.invoice-document .parties{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-document header{flex-direction:row}.invoice-document p{orphans:3;widows:3}.invoice-document[data-template=compact] td{padding:5px 4px}}